﻿a,
abbr,
address,
and,
applet,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
select,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    background: 0 0;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

address,
article,
blockquote,
dl,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
    margin-bottom: 10px
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: none
}

del {
    text-decoration: line-through
}

.acc-trigger a,
.tabs-nav li a,
a,
a>*,
ins {
    text-decoration: none
}

hr {
    border: 0;
    clear: both;
    height: 1px;
    padding: 0
}

.clear,
.clearfix:after {
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
    clear: both
}

mark {
    background-color: #ffffb3;
    font-style: italic
}

ins {
    background-color: red;
    color: #fff
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    overflow: hidden
}

.clearfix:after {
    content: ' ';
    font-size: 0;
    line-height: 0
}

* html .clearfix,
:first-child+html .clearfix {
    zoom: 1
}

h1,
h1 .button {
    font-size: 32px
}

h2,
h2 .button {
    font-size: 28px
}

h3,
h3 .button {
    font-size: 17px
}

h4,
h4 .button {
    font-size: 15px
}

h5,
h5 .button {
    font-size: 14px
}

h6,
h6 .button {
    font-size: 12px
}

small {
    font-size: 10px
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

li {
    margin-left: 30px
}

img {
    margin-bottom: 5px
}

#Container {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    min-height: 400px;
    position: relative
}

body {
    background: #e8e8e8;
    color: #3F3F3F;
    font: 11px/1.7 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

#slideshow {
    position: relative;
    height: 151px
}

#slideshow IMG {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0
}

.oppfloat {
    float: right
}

.align-left,
.dropcap {
    float: left
}

#slideshow IMG.active {
    z-index: 10;
    opacity: 1
}

#slideshow IMG.last-active {
    z-index: 9
}

::-moz-selection {
    background: #0F43B1;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #0F43B1;
    color: #fff;
    text-shadow: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #474747;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    line-height: 1.25
}

a,
a:hover,
a>*,
a>:hover {
    color: #0F43B1
}

.start {
    background-image: url(img/start.png)!important
}

h3,
h4,
h5 {
    font-weight: 600
}

a,
a>* {
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out
}

hr {
    background: #efefef;
    color: #efefef;
    margin: 5px 0 25px
}

hr.dotted {
    border-style: dotted
}

p+hr {
    margin: 25px 0 20px
}

blockquote {
    background: url(../img/quote.png) 17px 21px no-repeat #f8f8f8;
    font: italic 15px/1.6 'PT Serif', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
    padding: 20px 20px 20px 55px
}

blockquote.simple {
    background: 0 0;
    border-left: 2px solid #ddd;
    color: #bbb;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 10px
}

.button,
blockquote small {
    font-size: 12px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

.button,
button,
input[type=reset],
input[type=submit] {
    background: #0F43B1;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: 400;
    height: auto;
    overflow: visible;
    padding: 7px 20px;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: auto
}

.button:hover,
button:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    background: #3a3a3a;
    color: #fff
}

.button {
    display: inline-block;
    padding: 5px 16px
}

.button.medium {
    font-size: 13px
}

.button.large {
    font-size: 15px
}

.button.no-bg {
    background: 0 0;
    color: #3a3a3a;
    padding: 0
}

#footer .button.no-bg:hover,
.button.no-bg:hover {
    background: 0 0;
    color: #0F43B1
}

.button .arrow,
.button .icon {
    color: transparent;
    cursor: pointer;
    display: inline-block;
    font: 0/0 a;
    height: 19px;
    margin: -3px 0 0 3px;
    text-shadow: none;
    vertical-align: middle;
    width: 19px
}

.ie7 .button .arrow,
.ie7 .button .icon {
    display: inline
}

.button .arrow {
    background: url(../img/button-arrows.png) no-repeat #ddd
}

.button .arrow.left,
.button .icon.left {
    margin-left: 0;
    margin-right: 3px
}

.button .arrow.left {
    background-position: 0 -19px
}

.button:hover .arrow {
    background-color: #0F43B1
}

.dropcap {
    background: #eaeaea;
    color: #777;
    display: inline-block;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 23px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    width: 36px
}

.dropcap.dark {
    background: #3a3a3a;
    color: #fff
}

.infobox {
    background: #fbfbfb;
    border: 1px solid #efefef;
    margin: 0 0 20px;
    padding: 25px
}

.iframe,
.image-gallery,
.single-image {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative
}

.iframe.none,
.iframe.none img,
.image-gallery.none,
.image-gallery.none img,
.single-image.none,
.single-image.none img {
    display: inline;
    margin-bottom: 0;
    overflow: visible
}

.iframe.align-left,
.image-gallery.align-left,
.single-image.align-left {
    margin-bottom: 15px;
    margin-right: 15px
}

.iframe.align-right,
.image-gallery.align-right,
.single-image.align-right {
    margin-bottom: 15px;
    margin-left: 15px
}

.iframe img,
.image-gallery img,
.single-image img {
    margin-bottom: -5px
}

.iframe .zoom,
.image-gallery .zoom,
.single-image .zoom {
    background: #fff;
    background: rgba(255, 255, 255, .4);
    color: transparent;
    display: block;
    font: 0/0 a;
    height: 100%;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    text-shadow: none;
    top: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    width: 100%
}

.iframe .zoom:before,
.image-gallery .zoom:before,
.single-image .zoom:before {
    background: url(../img/zoom.png) no-repeat;
    content: '';
    display: block;
    position: absolute;
    height: 58px;
    margin: -29px 0 0 -29px;
    left: 50%;
    top: 50%;
    width: 58px
}

.iframe.video .zoom:before,
.image-gallery.video .zoom:before,
.single-image.video .zoom:before {
    background-image: url(../img/zoom-video.png)
}

.iframe.link .zoom:before,
.image-gallery.link .zoom:before,
.single-image.link .zoom:before {
    background-image: url(../img/zoom-link.png)
}

.iframe:hover .zoom,
.image-gallery:hover .zoom,
.single-image:hover .zoom {
    filter: alpha(opacity=40);
    opacity: 1
}

.hidden {
    display: none
}

.disabled {
    cursor: auto
}

.screenreader {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute
}

.align-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

img.align-left {
    margin-bottom: 15px;
    margin-right: 15px
}

.align-right {
    float: right
}

img.align-right {
    margin-bottom: 15px;
    margin-left: 15px
}

ul.none {
    list-style: none;
    margin: 0
}

ul.dotted+ul.dotted:before {
    content: '';
    display: block;
    clear: both;
    border-bottom: 1px dotted #bdbdbd;
    margin: -15px 0 5px
}

.arrow li,
.arrow-2 li,
.check li,
.check-2 li,
.circle li,
.dash li,
.plus li,
.star li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 24px
}

.arrow li {
    background: url(../img/list-arrow.png) 5px 5px no-repeat
}

.arrow-2 li {
    background: url(../img/list-arrow-2.png) 2px 4px no-repeat
}

.circle li {
    background: url(../img/list-circle.png) 4px 5px no-repeat
}

.check li {
    background: url(../img/list-check.png) 3px 4px no-repeat
}

.check-2 li {
    background: url(../img/list-check-2.png) 0 4px no-repeat
}

.star li {
    background: url(../img/list-star.png) 0 1px no-repeat
}

.plus li {
    background: url(../img/list-plus.png) 3px 3px no-repeat
}

.dash li {
    background: url(../img/list-dash.png) 3px 8px no-repeat
}

.error,
.info,
.notice,
.success {
    display: block;
    padding: 10px 20px 10px 44px
}

.error {
    background: url(../img/icon-box-error.png) 10px 9px no-repeat #f9e5e6;
    border: 1px solid #f7c7c9;
    border-left-width: 4px;
    color: #b3696c
}

.success {
    background: url(../img/icon-box-success.png) 12px 8px no-repeat #e3ebc6;
    border: 1px solid #c2d288;
    border-left-width: 4px;
    color: #8fa442
}

.info {
    background: url(../img/icon-box-info.png) 10px 8px no-repeat #d8ecf5;
    border: 1px solid #9ac9df;
    border-left-width: 4px;
    color: #528da9
}

.notice {
    background: url(../img/icon-box-notice.png) 10px 9px no-repeat #fcf7d9;
    border: 1px solid #f5dc7d;
    border-left-width: 4px;
    color: #c4a21b
}

label {
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin: 0 0 5px
}

input,
select,
textarea {
    -webkit-appearance: none;
    background-color: #f8f8f8;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #8f8f8f;
    font: 12px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    padding: 5px 10px;
    border-radius: 0
}

input,
select {
    vertical-align: middle;
    height: 30px;
    width: 200px
}

textarea {
    padding: 10px;
    resize: both
}

input:hover,
select:hover,
textarea:hover {
    border-color: #dedede
}

input:focus,
select:focus,
textarea:focus {
    border-color: #ccc
}

button,
input[type=reset],
input[type=submit] {
    font-size: 13px;
    text-transform: uppercase
}

button.medium,
input[type=reset].medium,
input[type=submit].medium {
    font-size: 15px
}

button.large,
input[type=reset].large,
input[type=submit].large {
    font-size: 17px
}

option,
select {
    cursor: pointer;
    padding: 5px 7px
}

.contact-form input[type=checkbox],
.contact-form input[type=radio],
input[type=checkbox],
input[type=radio] {
    width: 20px
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    border: 0!important
}

input[type=radio] {
    -webkit-appearance: radio;
    border: 0!important
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b0b0b0
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #b0b0b0
}

input.placeholder,
textarea.placeholder {
    color: #b0b0b0
}

.main-container {
    margin: 0 auto;
    position: relative;
    width: 947px
}

.one-fourth,
.one-half,
.one-third,
.three-fourth,
.two-third {
    float: left;
    margin-right: 10px
}

.one-fourth.last,
.one-half.last,
.one-third.last,
.three-fourth.last,
.two-third.last {
    margin-right: 0
}

.one-half {
    width: 460px
}

.one-third {
    width: 300px
}

.two-third {
    width: 620px
}

.one-fourth {
    width: 220px
}

.three-fourth {
    width: 700px
}

.width100 {
    width: 100%
}

#header {
    border-bottom: 1px solid #efefef;
    height: 86px;
    z-index: 97
}

.headcontainer {
    float: left;
    min-height: 30px;
    width: 345px
}

.headdub,
.headleb {
    float: left;
    color: #0F43B1;
    padding-right: 44px
}

.hover,
.hover a {
    color: #0FB122
}

.headfb,
.headmail {
    float: left;
    padding-right: 8px
}

.headskype {
    float: left
}

.spacer1 {
    width: 3%;
    float: left
}

.spacer2 {
    width: 31em;
    float: left
}

.spacer3 {
    width: 2%;
    float: left
}

.headsearch {
    width: 114px;
    height: 10px;
    float: right;
    padding-right: 23px
}

.headsearch input {
    border: 0;
    width: 71%;
    margin-right: -1px;
    border-radius: 7px 0 0 7px;
    margin-left: 3%;
    height: 14px;
    padding-left: 2px;
    float: left;
    padding-top: 3px
}

.headsearch img {
    cursor: pointer;
    background: #fff;
    margin-top: 1px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.spacercountriessocial {
    width: 14%;
    float: left
}

#headerinf {
    float: right;
    width: 21%;
    margin-top: 20px
}

#logo {
    float: left;
    /*height: 86px*/
}

#headerinf .facebook,
#headerinf .mail,
#headerinf .skype {
    display: inline-block;
    height: 16px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-delay: initial;
    background-position: 0 0;
    text-indent: -9999px;
    list-style: none
}

#headerinf .facebook {
    margin: 2px 10px 0 1px;
    background-image: url(../img/icon-facebook.png);
    width: 8px
}

#headerinf .skype {
    margin: 2px 6px 0 1px;
    background-image: url(../img/icon-skype.png);
    width: 16px
}

#headerinf .mail {
    margin: 2px 10px 0 1px;
    background-image: url(../img/icon-email.png);
    width: 8px
}

#headerinf .facebook:hover,
#headerinf .mail:hover,
#headerinf .skype:hover {
    background-position: 0 0
}

.hover {
    border-bottom: 1px solid #0FB122;
    border-top-color: #0FB122;
    background: #eee;
    height: 86px
}

#main-nav {
    float: right;
}

#main-nav>ul {
    margin: -6px 0 0;
    border-top: 0 solid #efefef
}

.ie .menuitemheader,
.ie10 .menuitemheader,
.ie11 .menuitemheader,
.ie6 .menuitemheader,
.ie7 .menuitemheader,
.ie8 .menuitemheader,
.ie9 .menuitemheader,
.menuitemheader,
.selected {
    border-bottom: 1px solid transparent;
    border-top: 6px solid transparent;
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -.08px;
    position: relative;
    text-transform: uppercase;
    z-index: 98;
    text-align: center
}

#main-nav li {
    list-style: none;
    float: left;
    margin: 0;
    position: relative;
    top: 0
}

.ie .menuitemheader,
.ie10 .menuitemheader,
.ie11 .menuitemheader,
.ie6 .menuitemheader,
.ie7 .menuitemheader,
.ie8 .menuitemheader,
.ie9 .menuitemheader {
    color: #3a3a3a;
    display: block;
    padding: 26px 23px 40px
}

.menuitemheader {
    color: #3a3a3a;
    display: block;
    /*padding: 26px 27.4px 5px*/
    padding: 0px 14px 5px;
}

.menuitemheader .mnu-btn{
    background: #2e6da4;
    color: white;
    padding-left:5px;

}

.selected {
    display: block;
    padding: 26px 14px 34px;
    border-bottom-color: #0F43B1;
    color: #0F43B1!important;
    background: #eee
}

#main-nav a:after,
#main-nav ul ul a {
    display: block;
    font-size: 11px;
    font-weight: 400
}

.ie11 #main-nav a,
.ie7 #main-nav a {
    padding: 26px 23px 40px
}

#main-nav a:after {
    color: #aeaeae;
    content: attr(data-description);
    font-style: italic;
    line-height: 0;
    margin: 3px 0 -3px;
    text-align: center;
    text-transform: lowercase
}

.extended-pricing-table .features li:before,
.not-ie #main-nav .current:after {
    content: ''
}

.not-ie #main-nav .current:after {
    background: #0F43B1;
    bottom: -2.5px;
    left: 50%;
    display: block;
    height: 5px;
    margin: 0 0 0 -2.5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 5px
}

.no-js #main-nav li:hover>ul {
    display: block;
    /*top: 92px*/
}

#main-nav ul ul {
    background: #3a3a3a;
    -webkit-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    box-shadow: 2.5px 2.5px 5px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    top: 92px;
    width: 200px;
    z-index: 99
}

#main-nav ul ul li {
    float: none
}

#main-nav ul ul a {
    border: 0;
    border-bottom: 1px solid #252525;
    border-top: 1px solid #4c4c4c;
    color: #fff;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    letter-spacing: 0;
    padding: 8px 20px!important;
    text-align: left;
    text-transform: none
}

#footer .title,
#footer-nav li a,
.extended-pricing-table .title,
.section-title,
.team-member .name,
.wdsi-slide-close a {
    text-transform: uppercase
}

#main-nav ul ul .current>a,
#main-nav ul ul .current>a:hover,
#main-nav ul ul .hover>a,
#main-nav ul ul a:hover {
    background: #0F43B1;
    color: #fff
}

.not-ie #main-nav ul ul .current:after {
    display: none
}

#main-nav ul ul ul {
    left: 200px!important;
    top: 0!important
}

#main-nav .responsive-nav {
    background-image: url(../img/responsive-nav-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    display: none;
    width: 100%
}

#content {
    padding-top: 0
}

.ie7 #content {
    padding-top: 25px
}

.page-header {
    border-bottom: 1px solid #efefef;
    margin: -15px 0 40px
}

.comments-list,
.entry {
    border-bottom: 1px dotted #ced8df
}

.ie7 .page-header {
    margin-top: 0
}

.page-description,
.page-subdescription,
.page-title,
.project-title,
.slogan {
    font-weight: 300;
    letter-spacing: -.1px;
    margin-bottom: 0
}

.page-description,
.page-subdescription,
.page-title,
.project-title {
    font-size: 28px;
    margin-top: -10px;
    padding: 0 0 35px
}

.slogan {
    font-size: 24px;
    margin-bottom: 40px
}

.page-title {
    margin-top: 0
}

.page-subdescription {
    font-size: 20px
}

.project-title {
    margin-top: -15px;
    padding-bottom: 30px
}

.page-description {
    font-size: 25px;
    font-weight: 400;
    padding: 0 0 18px
}

.page-description~hr,
.page-subdescription~hr,
.page-title~hr,
.project-title~hr {
    margin-bottom: 40px;
    margin-top: 0
}

.section-title {
    font-weight: 800;
    padding-top: 0
}

#main {
    float: left;
    display: inline-block;
    margin: 0;
    width: 800px
}

.sidebar-left #main {
    float: right;
    margin-left: 40px;
    margin-right: 0
}

#main .one-half {
    width: 330px
}

#main .one-third {
    width: 213px
}

#main .two-third {
    width: 447px
}

#main .one-fourth {
    width: 155px
}

#main .three-fourth {
    width: 505px
}

.image-gallery-slider {
    position: relative;
    margin: 0 0 25px
}

.image-gallery-slider>ul {
    margin: 0
}

.image-gallery-slider>ul>li {
    background: #fff;
    display: none;
    list-style: none;
    margin: 0
}

.image-gallery-slider.disabled>ul>li,
.no-js .image-gallery-slider>ul>li {
    display: block;
    margin-bottom: 25px
}

.image-gallery-slider>ul>li:first-child {
    display: block
}

.image-gallery-slider a {
    margin: 0 auto
}

.image-gallery-slider img,
.image-gallery-slider img.entry-image {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.image-gallery-slider-nav a {
    background: url(../img/slider-arrows-medium.png) no-repeat #f15a23;
    filter: alpha(opacity=60);
    background: url(../img/slider-arrows-medium.png) no-repeat rgba(241, 90, 35, .6);
    color: transparent;
    cursor: pointer;
    display: block;
    font: 0/0 a;
    height: 53px;
    margin: -26.5px 0 0;
    position: absolute;
    text-shadow: none;
    top: 50%;
    width: 25px;
    z-index: 90
}

.image-gallery-slider-nav a.prev {
    background-position: -7px center;
    left: 0
}

.image-gallery-slider-nav a.next {
    background-position: -46px center;
    right: 0
}

.image-gallery-slider-nav a:active,
.image-gallery-slider-nav a:hover {
    background-color: #f15a23;
    background-color: rgba(241, 90, 35, 1);
    filter: alpha(opacity=100)
}

.acc-trigger {
    border-top: 1px dotted #ced8df;
    cursor: pointer;
    display: block;
    margin: 0
}

.acc-container:last-of-type,
.acc-trigger:last-of-type {
    border-bottom: 1px dotted #ced8df;
    margin-bottom: 20px
}

.no-js .acc-trigger:last-of-type {
    border-bottom: none
}

.acc-trigger a {
    background: url(../img/accordion-content-buttons.png) 20px 23px no-repeat;
    display: block;
    color: #959393;
    outline: 0;
    padding: 25px 20px 25px 55px;
    text-shadow: none
}

h3.acc-trigger a,
h4.acc-trigger a {
    background-position: 20px 24px
}

h6.acc-trigger a {
    background-position: 20px 21px
}

.acc-trigger a:hover {
    background-color: #f8f8f8
}

.acc-trigger a:hover,
.acc-trigger.active a,
.acc-trigger.active a:hover {
    color: #0F43B1
}

.acc-trigger.active a:hover {
    background-color: transparent
}

.acc-trigger.active {
    cursor: default
}

.acc-trigger.active:last-of-type {
    border-bottom: none;
    margin-bottom: 0
}

.acc-trigger.active a {
    background-position: 20px -88px;
    cursor: default
}

h3.acc-trigger.active a,
h4.acc-trigger.active a {
    background-position: 20px -87px
}

h6.acc-trigger.active a {
    background-position: 20px -90px
}

.acc-container .content {
    padding: 0 20px 25px 55px
}

.js .acc-container {
    margin-top: -15px
}

.tabs-nav,
.tabs-nav li {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.tabs-nav {
    list-style: none;
    width: 100%
}

.tabs-nav li {
    float: left;
    line-height: 32px;
    position: relative
}

.tabs-nav li.active {
    line-height: 31px
}

.tabs-nav li a {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: none;
    color: #959393;
    display: block;
    letter-spacing: 0;
    outline: 0;
    padding: 0 16px;
    text-shadow: 0 1px 0 #fff
}

.tabs-nav li:first-child a {
    border-left: 1px solid #eaeaea
}

.tabs-nav li a:hover {
    background: #f0f0f0
}

.tabs-nav li a:hover,
.tabs-nav li.active a {
    color: #0F43B1
}

.tabs-nav li.active a {
    background: #fff;
    border-bottom: 2px solid #fff;
    border-top: 1px solid #0F43B1
}

.tabs-container {
    border: 1px solid #eaeaea;
    margin: -1px 0 20px;
    overflow: hidden;
    width: 100%
}

.tab-content {
    padding: 20px
}

.extended-pricing-table,
.simple-pricing-table {
    height: 100%;
    margin: 0 0 40px;
    position: relative;
    text-align: center;
    width: 100%
}

.extended-pricing-table .column,
.simple-pricing-table .column {
    float: left;
    margin: 0;
    padding: 0;
    position: relative
}

.extended-pricing-table .features,
.simple-pricing-table .features {
    list-style: none;
    margin: 0
}

.extended-pricing-table .features li,
.simple-pricing-table .features li {
    display: block;
    margin: 0;
    position: relative
}

.extended-pricing-table .footer,
.simple-pricing-table .footer {
    padding: 16px 20px
}

.extended-pricing-table .footer .button,
.simple-pricing-table .footer .button {
    background: #515151;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9px 20px
}

.simple-pricing-table.featured {
    margin-top: 50px
}

.simple-pricing-table .column {
    background: #f6f6f6;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #fff;
    border-top: 1px solid #ededed;
    width: 938px
}

.simple-pricing-table .column:first-child {
    border-left-color: #ededed
}

.simple-pricing-table .column:last-child {
    border-right: 1px solid #ededed
}

.simple-pricing-table.col2 .column {
    width: 468px
}

.simple-pricing-table.col3 .column {
    width: 312px
}

.simple-pricing-table.col4 .column {
    width: 233px
}

.simple-pricing-table.col5 .column {
    width: 186px
}

.simple-pricing-table .column.featured {
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    margin: -20px -1px 0;
    padding: 20px 5px 15px;
    z-index: 1;
    width: 928px
}

.simple-pricing-table.col2.featured .column {
    width: 450px
}

.simple-pricing-table.col3.featured .column {
    width: 299px
}

.simple-pricing-table.col4.featured .column {
    width: 224px
}

.simple-pricing-table.col5.featured .column {
    width: 179px
}

.simple-pricing-table.col2 .column.featured {
    width: 478px
}

.simple-pricing-table.col3 .column.featured {
    width: 329px
}

.simple-pricing-table.col4 .column.featured {
    width: 254px
}

.simple-pricing-table.col5 .column.featured {
    width: 209px
}

.simple-pricing-table .header {
    padding: 15px 20px 20px
}

.simple-pricing-table .featured .header {
    margin: -15px 0 0
}

.simple-pricing-table .title {
    color: #414141;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.8px;
    margin: 0 0 5px
}

.simple-pricing-table .price {
    color: #777;
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 7px
}

.simple-pricing-table .price span {
    color: #292929;
    font-weight: 700
}

.simple-pricing-table .free .price span {
    color: #4a993e
}

.simple-pricing-table .featured .price span {
    color: #0F43B1
}

.simple-pricing-table .description {
    color: #4b4b4b;
    font-size: 14px;
    margin: 0;
    font-weight: 400
}

.simple-pricing-table .free .description {
    color: #44af33
}

.simple-pricing-table .featured .description {
    color: #e38c11
}

.simple-pricing-table .title+.description {
    margin-bottom: 5px;
    margin-top: 12px
}

.simple-pricing-table .features {
    padding: 0 10px
}

.simple-pricing-table .features li {
    border-top: 1px solid #ebebeb;
    padding: 5px 10px
}

.simple-pricing-table .footer {
    background: #e5e5e5;
    margin: 1px 0 0
}

.simple-pricing-table .featured .footer {
    background: #fff;
    margin-top: 11px
}

.simple-pricing-table .featured .footer .button {
    background: #0F43B1;
    font-size: 18px;
    padding: 11px 27px
}

.simple-pricing-table .free .footer .button {
    background: #4a993e
}

.simple-pricing-table .footer .button:hover {
    background: #0F43B1
}

.simple-pricing-table .featured .footer .button:hover,
.simple-pricing-table .free .footer .button:hover {
    background: #515151
}

.extended-pricing-table.featured {
    margin-top: 40px
}

.extended-pricing-table .column {
    width: 740px
}

.extended-pricing-table .features-list {
    text-align: left;
    width: 200px!important
}

.extended-pricing-table.col2 .column {
    width: 370px
}

.extended-pricing-table.col3 .column {
    width: 246px
}

.extended-pricing-table.col4 .column {
    width: 185px
}

.extended-pricing-table.col5 .column {
    width: 148px
}

.extended-pricing-table .featured {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    z-index: 1
}

.extended-pricing-table .header {
    background: #3a3a3a;
    color: #fff;
    min-height: 110px
}

.extended-pricing-table .features-list .header {
    background: 0 0
}

.extended-pricing-table .free .header {
    background: #4a993e
}

.extended-pricing-table .featured .header {
    background: #f9612a;
    padding: 0 0 10px
}

.ie7 .extended-pricing-table .featured .header {
    padding-bottom: 0
}

.extended-pricing-table .title {
    background: #2c2c2c;
    color: #bbb;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 7px;
    padding: 8px 15px
}

.extended-pricing-table .free .title {
    background: #428937;
    color: #fff
}

.extended-pricing-table .featured .title {
    background: #dd4913;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin-top: -10px;
    padding-bottom: 11px;
    padding-top: 10px;
    position: relative
}

.extended-pricing-table .price {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    margin: 0
}

.extended-pricing-table .free .price {
    color: #9fcd98
}

.extended-pricing-table .featured .price {
    color: #fab197
}

.extended-pricing-table .price span {
    color: #fff;
    font-size: 30px;
    display: block
}

.extended-pricing-table .featured .price span {
    font-weight: 600
}

.extended-pricing-table .features {
    border-left: 1px solid #fff
}

.extended-pricing-table .features-list .features {
    border-left: none
}

.extended-pricing-table .features li {
    background: #f8f8f8;
    border-bottom: 1px solid #fff;
    padding: 8px 10px
}

.extended-pricing-table .featured .features li {
    background: #fff
}

.extended-pricing-table .features li:first-child {
    border-top: 1px solid #fff
}

.extended-pricing-table .features li:nth-child(even) {
    background: #f0f0f0
}

.extended-pricing-table .featured .features li:nth-child(even) {
    background: #f6f6f6
}

.extended-pricing-table .features li .check {
    background: url(../img/icon-check-3.png) center 2px no-repeat;
    display: inline-block;
    height: 18px;
    text-indent: -9999px;
    width: 18px
}

.ie7 .extended-pricing-table .features li .check {
    display: inline;
    font-size: 0;
    text-indent: 0
}

.extended-pricing-table .free .features li .check {
    background-image: url(../img/icon-check-3-green.png)
}

.extended-pricing-table .footer {
    background: #f8f8f8
}

.extended-pricing-table .featured .footer {
    padding-bottom: 26px
}

.extended-pricing-table .features-list .footer {
    background: 0 0
}

.extended-pricing-table .free .footer .button {
    background: #4a993e
}

.extended-pricing-table .featured .footer .button,
.extended-pricing-table .footer .button:hover {
    background: #0F43B1
}

.extended-pricing-table .featured .footer .button:hover,
.extended-pricing-table .free .footer .button:hover {
    background: #515151
}

#back-to-top,
.touch-device #back-to-top:hover {
    background: url(../images/arrow-up-large.png) center center no-repeat #ddd;
    background-color: rgba(221, 221, 221, .7);
    bottom: 20px;
    color: transparent;
    display: none;
    font: 0/0 a;
    height: 46px;
    position: fixed;
    right: 20px;
    text-shadow: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 45px;
    z-index: 100
}

#back-to-top:hover,
.touch-device #back-to-top:active {
    background-color: #0F43B1
}

.ss-slider {
    background: url(../img/loader.gif) center 185px no-repeat #fff;
    margin: 20px auto 80px;
    max-height: 465px;
    max-width: 940px;
    overflow: hidden;
    position: relative
}

.ss-slider.fully-loaded {
    overflow: visible
}

.no-js .ss-slider,
.ss-slider.fully-loaded {
    background: 0 0
}

.no-js .ss-slider {
    max-height: none
}

.ss-slider .slide {
    display: none;
    margin: 0
}

.ss-slider .slide:first-child {
    display: block
}

.no-js .ss-slider .slide,
.ss-slider.fully-loaded .slide {
    background-repeat: no-repeat;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.no-js .ss-slider .slide {
    margin: 40px 0 0
}

.no-js .ss-slider .slide:first-child {
    margin-top: 0
}

.ss-slider .slide-img {
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.ss-slider .slide-images-container {
    background: no-repeat #fff;
    display: block;
    width: 100%;
    z-index: 11
}

.ss-slider .slide-bg-image {
    background: #fff;
    margin: 0;
    width: 100%
}

.ss-slider.fully-loaded .slide-bg-image {
    display: none
}

.no-js .ss-slider .slide-bg-image {
    display: block
}

.ss-slider .buttons-container {
    background: #fff;
    overflow: hidden;
    width: 100%
}

.ss-slider.hide-bottom-buttons .buttons-container {
    display: none
}

.no-js .ss-slider .slide-button:hover,
.ss-slider .slide-button {
    background: #f8f8f8;
    border-bottom: 1px solid #e9e9e9;
    border-top: 4px solid #dfdfdf;
    -webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
    -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
    box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
    color: #3a3a3a;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 20px;
    height: 40px;
    overflow: hidden;
    padding: 20px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
    width: 100%
}

.ss-slider.hide-bottom-buttons .slide-button {
    display: none
}

.ss-slider .slide:first-child .slide-button {
    -webkit-box-shadow: 0 1px 0 0 #fff inset;
    -moz-box-shadow: 0 1px 0 0 #fff inset;
    box-shadow: 0 1px 0 0 #fff inset
}

.ss-slider.fully-loaded .slide-button.active,
.ss-slider.fully-loaded .slide-button:hover {
    background: #f0f0f0;
    color: #f15a23
}

.ss-slider.fully-loaded .slide-button:hover {
    border-top-color: #aeaeae
}

.no-js .ss-slider .slide-button,
.no-js .ss-slider .slide-button:hover {
    cursor: auto
}

.no-js .ss-slider a>.slide-button:hover {
    cursor: pointer
}

.ss-slider .slide-button h5 {
    color: #3a3a3a;
    font: 700 14px/1.5 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    margin: 0
}

.ss-slider.fully-loaded .slide-button.active h5 {
    color: #3312df
}

.ss-slider .slide-button .description {
    color: #3F3F3F;
    display: block;
    font-size: 11px;
    line-height: 12px;
    padding-top: 10px;
    width: 84%
}

.ss-slider .slide-button .dropcap {
    background: #3a3a3a;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    color: #fff;
    font-weight: 700;
    height: 38px;
    width: 38px
}

.no-js .ss-slider .slide-button.image:hover,
.ss-slider .slide-button.image {
    height: 80px;
    padding: 0;
    text-align: center
}

.ss-slider .slide-button img {
    background: #f8f8f8;
    display: inline-block;
    font-size: 11px;
    max-height: 80px;
    filter: alpha(opacity=35);
    opacity: .35;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -ms-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.ss-slider .slide-button:hover img,
.ss-slider.fully-loaded .slide-button.active img {
    background: #f0f0f0
}

.no-js .ss-slider .slide-button.active img,
.no-js .ss-slider .slide-button:hover img {
    background: #f8f8f8
}

.no-js .ss-slider .slide-button img,
.ss-slider.fully-loaded .slide-button.active img,
.ss-slider.fully-loaded .slide-button:hover img {
    filter: alpha(opacity=100);
    opacity: 1
}

.no-js .ss-slider .slide-content,
.ss-slider .content-container {
    background: #000;
    filter: alpha(opacity=60);
    background: rgba(0, 0, 0, .6);
    bottom: 115px;
    display: block;
    left: 30px;
    margin: 0;
    overflow: hidden;
    padding: 25px 30px 30px;
    position: absolute;
    width: 255px;
    z-index: 2
}

.ss-slider.hide-content .content-container {
    display: none
}

.no-js .ss-slider.hide-bottom-buttons .slide-content,
.ss-slider.hide-bottom-buttons .content-container {
    bottom: 30px
}

.ss-slider.show-content-onhover .content-container,
.ss-slider.show-content-onhover .pagination-container a {
    opacity: 0;
    filter: alpha(opacity=0)
}

.ss-slider.fully-loaded.show-content-onhover:hover .content-container,
.ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
    opacity: 0;
    filter: alpha(opacity=60)
}

.ss-slider.fully-loaded .content-container {
    -webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    -ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
    display: none
}

.ss-slider .content-container.center {
    bottom: auto;
    left: 50%;
    margin-left: -193px;
    padding: 20px 30px;
    text-align: center;
    top: 135px;
    width: 326px
}

.ss-slider .content-container.bottom {
    bottom: 85px;
    left: 38px;
    max-width: 804px;
    padding: 10px 30px;
    text-align: center;
    width: 100%
}

.ss-slider.hide-bottom-buttons .content-container.bottom {
    bottom: 0
}

.ss-slider .slide-content {
    color: #bfbfbf;
    display: none;
    text-shadow: 0 -1px rgba(0, 0, 0, .75)
}

.ss-slider .slide-content a {
    color: #f15a23
}

.ss-slider .slide-content a:hover {
    text-decoration: underline
}

.ss-slider .slide-content h1,
.ss-slider .slide-content h2,
.ss-slider .slide-content h3,
.ss-slider .slide-content h4,
.ss-slider .slide-content h5,
.ss-slider .slide-content h6 {
    color: #fff;
    margin: 0
}

.ss-slider .slide-content h1+*,
.ss-slider .slide-content h2+*,
.ss-slider .slide-content h3+*,
.ss-slider .slide-content h4+*,
.ss-slider .slide-content h5+*,
.ss-slider .slide-content h6+* {
    margin-top: 5px
}

.ss-slider .slide-content h2 {
    font-size: 20px;
    font-weight: 700
}

.ss-slider .slide-content h6 {
    font-size: 13px;
    font-weight: 400
}

.ss-slider .slide-content p {
    margin-bottom: 10px
}

.ss-slider .slide-content p:last-of-type {
    margin-bottom: 0
}

.ss-slider .slide-content .button {
    color: #fff;
    font-size: 11px;
    padding: 5px 14px;
    text-shadow: none
}

.ss-slider .slide-content .button:hover {
    text-decoration: none
}

.ss-slider .pagination-container a {
    background: url(../img/slider-arrows-small.png) 0 center no-repeat #f15a23;
    filter: alpha(opacity=60);
    background: url(../img/slider-arrows-small.png) 0 center no-repeat rgba(241, 90, 35, .6);
    bottom: 115px;
    color: transparent;
    cursor: pointer;
    display: block;
    font: 0/0 a;
    min-height: 27px;
    left: 346px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-shadow: none;
    -webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
    width: 15px;
    z-index: 2
}

#portfolio-items,
.entry-meta,
.projects-carousel {
    font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif
}

.ss-slider.hide-bottom-buttons .pagination-container a {
    bottom: 30px
}

.ss-slider.hide-content .pagination-container a {
    display: none
}

.ss-slider .pagination-container .next {
    background-position: -15px center;
    bottom: 156px
}

.ss-slider.hide-bottom-buttons .pagination-container .next {
    bottom: 71px
}

.ss-slider .pagination-container a:hover,
.ss-slider.show-content-onhover:hover .pagination-container a:hover {
    background-color: rgba(241, 90, 35, 1);
    filter: alpha(opacity=100)!important
}

.ss-slider .pagination-container.center a {
    background-image: url(../img/slider-arrows-large.png);
    bottom: auto;
    left: 50%;
    min-height: 40px;
    top: 135px;
    width: 35px
}

.ss-slider .pagination-container.center .prev {
    background-position: 0 center;
    left: 241px;
    display: none
}

.ss-slider .pagination-container.center .next {
    background-position: -35px center;
    left: auto;
    right: 241px;
    display: none
}

.ss-slider .pagination-container.bottom a {
    background-image: url(../img/slider-arrows-medium.png);
    bottom: 85px;
    min-height: 20px;
    width: 37px
}

.ss-slider.hide-bottom-buttons .pagination-container.bottom a {
    bottom: 0
}

.ss-slider .pagination-container.bottom .prev {
    background-position: -1px center;
    left: 0;
    display: none
}

.ss-slider .pagination-container.bottom .next {
    background-position: -40px center;
    left: auto;
    right: 0;
    display: none
}

.ss-slider .active-slide-bar {
    background: #3312df;
    bottom: 0;
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    visibility: hidden;
    z-index: 10
}

.not-ie #portfolio-items>article:hover:after,
.not-ie .projects-carousel a:hover:after,
.not-ie .team-member:hover:after {
    bottom: -2.5px;
    left: 50%;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    content: ''
}

.ss-slider.hide-bottom-buttons .active-slide-bar {
    display: none
}

.no-js .post-carousel,
.no-js .projects-carousel {
    border-top: 1px solid #efefef;
    margin: 15px -20px 60px 0;
    padding: 25px 0 0
}

#portfolio-items>article,
.post-carousel>li,
.projects-carousel>li {
    float: left;
    list-style: none;
    margin: 0 20px 0 0;
    overflow: hidden;
    position: relative
}

.post-carousel>li,
.projects-carousel>li {
    width: 220px
}

#portfolio-items,
.projects-carousel {
    padding-top: 13px
}

.no-js .post-carousel>li {
    display: inline-block;
    float: none
}

.no-js #portfolio-items>article,
.no-js .projects-carousel>li {
    margin-bottom: 40px
}

#portfolio-items article .audio-player,
#portfolio-items article .video-player,
#portfolio-items article a {
    margin: 0 auto
}

#portfolio-items article img,
.projects-carousel img {
    background-color: #fff;
    margin: 0 auto -5px;
    filter: alpha(opacity=70);
    opacity: .7
}

.no-js #portfolio-items article img,
.no-js .projects-carousel img {
    margin-bottom: 0
}

.projects-carousel img {
    margin: -25px auto 20px
}

#portfolio-items>article .title,
.projects-carousel .title {
    font-weight: 400;
    margin-bottom: 0;
    text-align: center
}

#portfolio-items>article .categories,
.projects-carousel>li .categories {
    color: #aeaeae;
    display: block;
    font-style: italic;
    margin: -1px 0 20px;
    text-align: center
}

#portfolio-items>article:hover,
.projects-carousel a:hover {
    background: #f8f8f8;
    border-bottom: 1px solid #0F43B1
}

.not-ie #portfolio-items>article:hover:after,
.not-ie .projects-carousel a:hover:after {
    background: #0F43B1;
    display: block;
    height: 5px;
    margin: 0 0 0 -2.5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 5px
}

#portfolio-items>article:hover img,
.projects-carousel a:hover img {
    filter: alpha(opacity=100);
    opacity: 1
}

#portfolio-items>article:hover .title,
.projects-carousel a:hover .title {
    color: #0F43B1
}

.post-carousel .entry-meta {
    float: left;
    font-style: italic;
    letter-spacing: -.5px;
    line-height: 1.3;
    margin: 0 12px 0 0;
    text-align: center;
    width: 33px
}

.post-carousel .entry-meta a {
    display: block;
    font-style: normal
}

.post-carousel li .post-format {
    margin: 0
}

.post-carousel li .date {
    display: block;
    margin: 8px 0 0
}

.post-carousel .entry-body .title {
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px
}

.post-carousel .entry-body {
    float: right;
    margin: 0;
    width: 175px
}

.post-carousel .entry-audio,
.post-carousel .entry-video,
.post-carousel .fluid-width-video-wrapper,
.post-carousel .image-gallery-slider {
    margin-bottom: 15px
}

.post-carousel .entry-audio,
.post-carousel .entry-image,
.post-carousel .entry-video,
.post-carousel .fluid-width-video-wrapper {
    margin-bottom: 15px;
    max-width: 100%;
    width: 100%
}

.touch-device .post-carousel .entry-audio {
    margin-top: -8px
}

.post-carousel .image-gallery-slider li {
    margin: 0
}

.post-carousel .image-gallery-slider img {
    margin-bottom: 0
}

.jcarousel-container {
    border-top: 1px solid #efefef;
    margin: 13px -20px 40px 0;
    max-width: 100%;
    padding: 10px 0 0
}

.section-title+.jcarousel-container {
    margin-top: 15px
}

.jcarousel-clip {
    overflow: hidden;
    width: 100%
}

.jcarousel-item {
    margin: 0 20px 0 0;
    width: 220px
}

.jcarousel-next,
.jcarousel-prev {
    background: url(../img/button-arrows.png) no-repeat #ddd;
    cursor: pointer;
    height: 19px;
    position: absolute;
    right: 0;
    top: -35px;
    width: 19px;
    visibility: visible
}

.jcarousel-prev {
    background-position: 0 -19px;
    right: 20px
}

.jcarousel-next:active,
.jcarousel-next:focus,
.jcarousel-next:hover,
.jcarousel-prev:active,
.jcarousel-prev:focus,
.jcarousel-prev:hover {
    background-color: #0F43B1;
    visibility: visible
}

.jcarousel-next-disabled,
.jcarousel-next-disabled:active,
.jcarousel-next-disabled:focus,
.jcarousel-next-disabled:hover,
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:active,
.jcarousel-prev-disabled:focus,
.jcarousel-prev-disabled:hover {
    background-color: #eee!important;
    cursor: auto!important;
    visibility: hidden
}

.team-member {
    border-bottom: 1px solid #efefef;
    color: #777;
    margin-bottom: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .2s ease, border .2s ease;
    -moz-transition: background-color .2s ease, border .2s ease;
    -ms-transition: background-color .2s ease, border .2s ease;
    -o-transition: background-color .2s ease, border .2s ease;
    transition: background-color .2s ease, border .2s ease
}

.team-member:hover {
    background: #f8f8f8;
    border-bottom-color: #0F43B1
}

.not-ie .team-member:hover:after {
    background: #0F43B1;
    display: block;
    height: 5px;
    margin: 0 0 0 -2.5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 5px
}

#footer,
#map,
.comment .avatar,
.comment .children {
    position: relative
}

.team-member .photo,
.team-member>a {
    display: block;
    margin: 0 auto 15px
}

.team-member>a>.photo {
    margin: 0 auto
}

.team-member .content {
    padding: 0 15px
}

.team-member .name {
    color: #414141;
    font-weight: 700;
    margin: 0
}

.team-member .job-title {
    color: #aeaeae;
    display: block;
    font-style: italic;
    margin: 0 0 10px
}

.team-member .social-links {
    border-top: 1px solid #efefef;
    margin: 0 0 5px;
    padding: 15px 0 0
}

.team-member:hover .social-links {
    border-top-color: #ebebeb
}

.team-member .social-links li {
    margin: 0 0 10px 10px
}

.team-member .social-links a {
    opacity: .3
}

.team-member .social-links a:hover {
    opacity: 1
}

.entry {
    margin: 0 0 50px;
    padding: 0 0 30px
}

.entry.single {
    margin-bottom: 45px;
    padding-bottom: 25px
}

.entry-audio,
.entry-image,
.entry-video {
    display: block;
    margin: 0 auto 25px
}

.entry .entry-audio {
    margin-bottom: 20px;
    padding-top: 5px
}

.touch-device .entry .entry-audio {
    margin-top: -12.5px
}

.iframe .entry-image,
.image-gallery .entry-image,
.single-image .entry-image {
    margin-bottom: 20px
}

.entry-body {
    float: right;
    margin: -5px 0 0;
    width: 100%
}

.entry-body p {
    margin-left: 0
}

.entry-body .title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 10px
}

.entry-meta {
    color: #878787;
    float: left;
    margin: 0 20px 0 0;
    text-align: right;
    width: 110px
}

.entry-meta ul {
    margin: 0
}

.entry-meta li {
    list-style: none;
    margin: 0
}

.entry-meta .title {
    font-weight: 700
}

.entry-meta a {
    color: #959393;
    display: inline-block;
    font-style: italic
}

.entry-meta a:hover {
    color: #0F43B1
}

.post-format {
    background-color: #ddd;
    background-image: url(../img/icon-post-formats.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #959393;
    cursor: pointer;
    display: block;
    height: 33px;
    margin: 0 0 10px;
    text-align: left;
    text-indent: -9999px;
    width: 33px
}

.post-format.gallery,
.post-format.image {
    background-position: -33px 0
}

.post-format.video {
    background-position: -66px 0
}

.post-format.audio {
    background-position: -99px 0
}

.post-format.link {
    background-position: -132px 0
}

.post-format.quote {
    background-position: -165px 0
}

.post-format.aside {
    background-position: -199px 0
}

a:hover>.post-format {
    background-color: #0F43B1;
    color: #0F43B1
}

.video-js {
    max-width: 100%
}

#comments .section-title,
#respond .section-title {
    font-weight: 600;
    margin-bottom: 15px
}

.comments-list {
    margin: 27px 0 45px;
    padding: 0 0 30px;
    overflow: hidden
}

.comment {
    border-top: 1px dotted #ced8df;
    list-style: none;
    margin: 30px 0 0;
    padding: 35px 0 0
}

.comment:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.comment>article {
    margin: 0;
    overflow: hidden
}

.comment .avatar {
    background: #fff;
    float: left;
    margin: 0 0 5px;
    width: 54px;
    z-index: 1
}

.comment .comment-body,
.comment .comment-meta {
    float: right;
    margin: 0 0 -20px 15px;
    width: 611px
}

.comment .comment-meta {
    margin-bottom: 0
}

.comment .author,
.comment .author a {
    color: #54555a;
    margin: 0
}

.comment .author .comment-reply-link {
    font-size: 11px
}

.comment .date,
.comment .date a {
    color: #adb3b8;
    font-style: italic;
    margin: 1px 0 5px
}

.comment .author a:hover,
.comment .date a:hover {
    color: #0F43B1
}

.comment .children {
    margin: 0;
    padding: 30px 0 0 70px
}

.comment .children .comment {
    border-top: 1px dotted #ced8df;
    margin: 30px 0 0;
    padding: 35px 0 0;
    position: relative
}

#map:after,
#map:before,
.not-ie #footer:before {
    content: '';
    position: absolute
}

.comment .children .comment:first-child {
    margin-top: 0
}

.comment .children .comment-body,
.comment .children .comment-meta {
    width: 541px
}

.comments-form {
    margin: 20px -20px 0 0
}

.comments-form input {
    width: 191px
}

.comments-form textarea {
    height: 150px;
    width: 657px
}

.pagination {
    margin: 0
}

.pagination li {
    display: inline-block;
    list-style: none;
    margin: 0 5px 0 0
}

.ie7 .pagination a,
.ie7 .pagination li {
    display: inline
}

.pagination li:last-child {
    margin-right: 0
}

.pagination .current {
    background: #e6edef
}

.pagination .current,
.pagination a {
    border: 1px solid transparent;
    color: #9c9c9c;
    display: inline-block;
    padding: 2px 8px 4px
}

.pagination a:hover {
    border-color: #e6edef;
    color: #0F43B1
}

#sidebar .acc-container:first-of-type,
#sidebar .acc-trigger:first-of-type {
    border-top: none
}

.pagination .next a,
.pagination .prev a {
    border: none
}

#portfolio-items-filter {
    float: right;
    margin: -65px 0 0;
    overflow: hidden
}

.no-js #portfolio-items-filter {
    display: none
}

#portfolio-items-filter li {
    display: block;
    float: left;
    list-style: none;
    margin: 0
}

#portfolio-items-filter li:first-child {
    margin-top: 5px;
    margin-right: 5px
}

.ie7 #portfolio-items-filter li:first-child {
    display: none!important
}

#portfolio-items-filter a {
    background: #0F43B1;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 0 0 5px 5px;
    padding: 5px 10px
}

.ie7 #portfolio-items-filter a {
    display: block!important;
    margin: 0 0 5px 5px!important;
    padding: 5px 10px!important;
    width: auto!important
}

#portfolio-items-filter a:hover {
    background: #3a3a3a
}

#portfolio-items {
    margin: 0 -20px 40px 0
}

#portfolio-items article {
    margin-bottom: 50px
}

#portfolio-items .project-meta {
    display: block;
    margin: 0;
    padding: 20px 0 0
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -ms-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    z-index: 2
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: top, left, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}

.project-title {
    color: #3a3a3a;
    font-size: 32px;
    font-weight: 400
}

.portfolio-pagination {
    float: right;
    margin: -58px 0 0
}

.portfolio-pagination li {
    display: inline-block;
    list-style: none;
    line-height: 25px;
    margin: 0
}

.ie7 .portfolio-pagination li {
    display: inline
}

.portfolio-pagination .prev {
    border-right: 1px solid #e8e8e8;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

.single-project .page-header .button {
    color: #a1a1a1;
    font-style: italic;
    margin-top: -5px
}

.single-project .page-header a:hover {
    color: #0F43B1
}

.no-js .single-project .image-gallery-slider>ul>li,
.single-project .image-gallery-slider>ul {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

.no-js .single-project .image-gallery-slider>ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#map {
    display: inline-block;
    height: 240px;
    width: 100%
}

#map:after,
#map:before {
    background: 0 0;
    left: 0;
    top: 0;
    width: 100%
}

#map:after {
    bottom: 0;
    top: auto
}

.comments-form,
.contact-form {
    max-width: 100%
}

.contact-form {
    margin: 0 -20px 0 0
}

.comments-form .input-block,
.contact-form .input-block {
    float: left;
    margin: 0 20px 20px 0
}

.comments-form .input-block:nth-of-type(3n),
.contact-form .input-block:nth-of-type(3n) {
    margin-right: 0
}

.contact-form input {
    width: 198px
}

.comments-form .textarea-block,
.contact-form .textarea-block {
    clear: both
}

.contact-form textarea {
    height: 150px;
    max-width: 100%;
    width: 678px
}

.comments-form input[type=reset],
.comments-form input[type=submit],
.contact-form input[type=reset],
.contact-form input[type=submit] {
    margin: 0 0 20px;
    width: auto
}

#sidebar {
    float: right;
    width: 131px
}

.sidebar-left #sidebar {
    float: left
}

#sidebar .widget {
    width: 100%;
    display: inline-block
}

.categories a,
.tweets-feed .date {
    display: block
}

#sidebar .widget-title {
    color: #414141;
    font-weight: 600;
    margin: 0 0 1px
}

.categories li {
    background: url(../img/arrow-right-grey.png) 0 6px no-repeat;
    border-bottom: 0 dotted #ced8df;
    list-style: none;
    margin: 0
}

#sidebar .acc-container:last-of-type,
#sidebar .acc-trigger:last-of-type,
.categories li:last-child {
    border-bottom: none
}

.categories a {
    color: #3F3F3F;
    padding: 0 0 0 17px
}

#footer .tweets-feed li a,
#sidebar .tweets-feed li a,
.categories a:hover {
    color: #0F43B1
}

#sidebar .acc-trigger a {
    background-position: 0 8px;
    font-size: 11px;
    font-weight: 400;
    padding: 12px 12px 12px 30px
}

#sidebar .acc-trigger.active a {
    background-position: 0 -103px;
    cursor: default
}

#sidebar .acc-container {
    margin: -5px 0 0
}

#sidebar .acc-container .content {
    padding: 0 12px 12px 30px
}

.tweets-feed {
    margin: 0
}

.tweets-feed li {
    background: url(../img/icon-tweets.png) 0 3px no-repeat;
    display: block;
    list-style: none;
    margin: 0 0 15px;
    padding: 0 0 0 30px
}

#sidebar .tweets-feed .date a:hover,
#sidebar .tweets-feed li a:hover {
    color: #3a3a3a
}

#footer .tweets-feed li .date a,
#sidebar .tweets-feed li .date a {
    color: #bbb;
    font-size: 10px;
    font-style: italic
}

#sidebar .tweets-feed li a:hover {
    color: #3a3a3a
}

#footer .tweets-feed li a:hover {
    color: #fff
}

.flickr-feed {
    margin: 15px -5px 0 0
}

.flickr-feed li {
    display: inline-block;
    list-style: none;
    margin: 0 2px 1px 0
}

.ie7 .flickr-feed li {
    display: inline;
    margin: 0 5px 5px 0
}

.flickr-feed li img {
    margin: 0;
    height: 70px;
    width: 70px
}

#footer {
    background: #3a3a3a;
    margin-top: 80px;
    padding: 35px 0 30px
}

.not-ie #footer:before {
    background: #fff;
    left: 50%;
    display: block;
    height: 15px;
    margin: 0 0 0 -7.5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -8px;
    width: 15px
}

#footer .title,
#footer-nav {
    border-bottom: 1px solid #4b4b4b;
    margin: 0 0 12px;
    padding: 0 0 12px
}

.not-ie #footer:before,
x:-o-prefocus {
    display: none
}

#footer,
#footer a,
#footer-bottom,
#footer-bottom a {
    color: #868686
}

#footer a:hover,
#footer-bottom a:hover {
    color: #0F43B1
}

#footer .title {
    display: block;
    font-size: 10px
}

#footer-nav ul {
    margin: 0
}

#footer-nav li {
    background: 0 0;
    border: none;
    display: inline-block;
    list-style: none;
    margin: 0 -3px 0 0
}

.ie7 #footer-nav li {
    display: inline
}

#footer-nav li a {
    border-left: 1px solid #484848;
    font-size: 10px;
    display: block;
    padding: 0 15px
}

#footer-nav li:first-child a {
    border-left: none;
    padding-left: 0
}

#footer-nav li:last-child a {
    padding-right: 0
}

.contact-info {
    margin: 0
}

.contact-info li {
    float: left;
    list-style: none;
    margin: 0 0 5px 24px;
    padding: 0 0 0 24px
}

.contact-info li:first-child {
    margin-left: 0
}

.contact-info .address {
    background: url(../img/icon-address.png) no-repeat
}

.contact-info .phone {
    background: url(../img/icon-phone.png) 0 1px no-repeat
}

.contact-info .email {
    background: url(../img/icon-email-2.png) 0 4px no-repeat
}

.social-links {
    margin: 0
}

.social-links li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 15px;
    text-indent: -9999px;
    zoom: 1
}

.ie7 .social-links li {
    display: inline;
    font-size: 0;
    text-indent: 0
}

.social-links li:nth-child(6n+1) {
    margin-left: 0
}

.social-links li:nth-child(6n) {
    margin-right: 15px
}

.social-links li:last-child {
    margin-right: 0
}

.social-links a {
    background-repeat: no-repeat;
    background-position: 0 -16px;
    display: block;
    height: 16px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    width: 17px
}

.social-links li.behance a {
    background-image: url(../img/icon-behance.png)
}

.social-links li.delicious a {
    background-image: url(../img/icon-delicious.png);
    background-position: 0 -14px;
    height: 14px
}

.social-links li.deviantart a {
    background-image: url(../img/icon-deviantart.png)
}

.social-links li.digg a {
    background-image: url(../img/icon-digg.png);
    background-position: 0 -14px;
    height: 14px
}

.social-links li.dropbox a,
.social-links li.ichat a,
.social-links li.lastfm a {
    background-position: 0 -15px;
    height: 15px
}

.social-links li.dribbble a {
    background-image: url(../img/icon-dribbble.png)
}

.social-links li.dropbox a {
    background-image: url(../img/icon-dropbox.png)
}

.social-links li.email a {
    background-image: url(../img/icon-email.png)
}

.social-links li.facebook a {
    background-image: url(../img/icon-facebook.png)
}

.social-links li.flickr a {
    background-image: url(../img/icon-flickr.png)
}

.social-links li.forrst a {
    background-image: url(../img/icon-forrst.png)
}

.social-links li.github a {
    background-image: url(../img/icon-github.png)
}

.social-links li.google a {
    background-image: url(../img/icon-google.png)
}

.social-links li.googleplus a {
    background-image: url(../img/icon-googleplus.png)
}

.social-links li.ichat a {
    background-image: url(../img/icon-ichat.png)
}

.social-links li.lastfm a {
    background-image: url(../img/icon-lastfm.png)
}

.social-links li.linkedin a {
    background-image: url(../img/icon-linkedin.png)
}

.social-links li.mobypicture a {
    background-image: url(../img/icon-mobypicture.png)
}

.social-links li.myspace a {
    background-image: url(../img/icon-myspace.png)
}

.social-links li.picasa a {
    background-image: url(../img/icon-picasa.png)
}

.social-links li.plixi a {
    background-image: url(../img/icon-plixi.png)
}

.social-links li.rss a {
    background-image: url(../img/icon-rss.png)
}

.social-links li.skype a {
    background-image: url(../img/icon-skype.png)
}

.social-links li.stumbleupon a {
    background-image: url(../img/icon-stumbleupon.png);
    background-position: 0 -17px;
    height: 17px
}

.social-links li.tumblr a,
.social-links li.twitter a,
.social-links li.vimeo a,
.social-links li.youtube a {
    background-position: 0 -15px;
    height: 15px
}

.social-links li.tumblr a {
    background-image: url(../img/icon-tumblr.png)
}

.social-links li.twitter a {
    background-image: url(../img/icon-twitter.png);
    width: 21px
}

.social-links li.vimeo a {
    background-image: url(../img/icon-vimeo.png)
}

.social-links li.youtube a {
    background-image: url(../img/icon-youtube.png)
}

.social-links li a:hover {
    background-position: 0 0
}

#footer .button:hover,
#footer button:hover,
#footer input[type=submit]:hover #footer input[type=reset]:hover {
    background: #ddd;
    color: #3a3a3a
}

#footer .button.no-bg {
    color: #ddd
}

#footer .button .arrow {
    background-color: #3a3a3a
}

#footer blockquote {
    background-color: #464646
}

#footer blockquote.simple {
    background: 0 0;
    border-left-color: #484848;
    color: #868686
}

#footer .infobox {
    background: #464646;
    border-color: #363636
}

#footer .infobox,
#footer .infobox * {
    color: #868686
}

#footer-bottom {
    background: #303030;
    line-height: 17px;
    padding: 12px 0
}

#footer-bottom ul {
    margin: 0
}

#footer-bottom li {
    float: left;
    list-style: none;
    margin: 0
}

#footer-bottom li:first-child {
    margin-right: 15px
}

#footer-bottom li a {
    border-left: 1px solid #484848;
    display: block;
    padding: 0 15px
}

#footer-bottom li:last-child a,
div.headeritems {
    padding-right: 0
}

#footer-bottom li:first-child a {
    border-left: none;
    padding-left: 0
}

div.headeritems {
    width: 625px;
    padding-top: 0;
    position: relative;
    float: right
}

@media only screen and (min-width:960px) {
    #main-nav {
        padding-left: 295px
    }
    .extended-pricing-table .features li[data-tooltip],
    .simple-pricing-table .features li[data-tooltip] {
        cursor: help
    }
    .ie7 .extended-pricing-table .features li[data-tooltip],
    .ie7 .simple-pricing-table .features li[data-tooltip] {
        cursor: auto
    }
    .extended-pricing-table .features li[data-tooltip]:hover,
    .simple-pricing-table .features li[data-tooltip]:hover {
        color: #54555a
    }
    .extended-pricing-table .features li[data-tooltip]:before,
    .simple-pricing-table .features li[data-tooltip]:before {
        background: #fff8de;
        border: 1px solid #fee5a2;
        -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);
        bottom: 0;
        color: #7b7b7b;
        content: attr(data-tooltip)!important;
        font-size: 11px;
        left: 9px;
        line-height: 1.5;
        opacity: 0;
        padding: 5px 10px;
        position: absolute;
        text-align: center;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 143px;
        z-index: 98
    }
    .simple-pricing-table .features li[data-tooltip]:before {
        left: 10px;
        width: 192px
    }
    .extended-pricing-table .features-list .features li[data-tooltip]:before {
        left: 10px;
        text-align: left;
        width: 158px
    }
    .extended-pricing-table .features li[data-tooltip]:hover:before,
    .simple-pricing-table .features li[data-tooltip]:hover:before {
        bottom: 100%;
        opacity: 1
    }
    .not-ie .extended-pricing-table .features li[data-tooltip]:after,
    .not-ie .simple-pricing-table .features li[data-tooltip]:after {
        background: #fff8de;
        border-bottom: 1px solid #fee5a2;
        border-right: 1px solid #fee5a2;
        -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        box-shadow: 1px 1px 2px rgba(0, 0, 0, .05);
        bottom: 0;
        content: '';
        display: block;
        height: 10px;
        left: 50%;
        margin: 0 0 0 -5px;
        opacity: 0;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        width: 10px;
        z-index: 99
    }
    .extended-pricing-table .features-list .features li[data-tooltip]:after,
    .simple-pricing-table .features-list .features li[data-tooltip]:after {
        left: 22px;
        margin-left: 0
    }
    .not-ie .extended-pricing-table .features li[data-tooltip]:hover:after,
    .not-ie .simple-pricing-table .features li[data-tooltip]:hover:after {
        bottom: 30px;
        opacity: 1
    }
    .simple-pricing-table .features li[data-tooltip]:hover:after {
        bottom: 24px!important
    }
    .ie8 .extended-pricing-table .features li[data-tooltip]:after,
    .ie8 .extended-pricing-table .features li[data-tooltip]:before,
    .ie8 .simple-pricing-table .features li[data-tooltip]:after,
    .ie8 .simple-pricing-table .features li[data-tooltip]:before {
        display: none
    }
    .ie8 .extended-pricing-table .features li[data-tooltip]:hover:before,
    .ie8 .simple-pricing-table .features li[data-tooltip]:hover:before,
    .ss-slider .slides-container {
        display: block
    }
    .headercomp {
        text-align: right;
        float: right;
        width: 65.5%
    }
    .ss-slider .slide-images-container {
        display: none
    }
}

.menuitem,
.menuitemchild {
    cursor: pointer
}

@media only screen and (max-width:959px) {
    .ss-slider .slides-container {
        display: none
    }
    .ss-slider .slide-images-container {
        display: block
    }
    .ss-slider .slide-bg-image {
        display: none
    }
    .no-js.ss-slider .slide-bg-image,
    .ss-slider .slide-bg-image:first-child {
        display: block
    }
    .no-js .ss-slider .slide-button {
        width: 100%!important
    }
    .ss-slider .slide-button {
        width: 50%!important;
        display: none
    }
    .ss-slider.fully-loaded .slide-button.active {
        border-top-color: #0F43B1
    }
    .ss-slider .content-container.center,
    .ss-slider .pagination-container.center a {
        top: 95px
    }
    .ss-slider .active-slide-bar {
        display: none
    }
    #logo {
        max-height: 100%
    }
    #content img {
        height: auto;
        max-width: 100%
    }
    .simple-pricing-table .column {
        margin-bottom: 20px!important
    }
    .extended-pricing-table .features li:before {
        color: #7b7b7b;
        content: attr(data-feature) ':'!important;
        display: block;
        font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
        font-weight: 700;
        text-align: center
    }
    .extended-pricing-table .features-list {
        display: none
    }
    #portfolio-items-filter {
        float: none;
        margin: 0 0 20px
    }
    #portfolio-items-filter li:first-child {
        display: none!important
    }
    #portfolio-items-filter a {
        display: block!important
    }
    .portfolio-pagination {
        float: none;
        margin-bottom: 20px;
        margin-top: 0
    }
    .portfolio-pagination .button {
        margin-bottom: 0!important
    }
    .single-project .page-header .button {
        margin-bottom: 20px;
        margin-top: 0
    }
    .contact-info li {
        border-bottom: 1px dotted #4b4b4b;
        float: none;
        margin-left: 0;
        padding-bottom: 5px
    }
    .contact-info li:last-child {
        border-bottom: none
    }
    .social-links li:nth-child(6n+1) {
        margin-left: 15px
    }
    .social-links li:nth-child(6n) {
        margin-right: 0
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    #slider,
    #slider ul,
    #slider ul li {
        height: auto!important;
        width: 100%!important
    }
    #slider,
    #slider ul li img {
        width: 100%!important
    }
    #slider {
        margin: 0 auto!important
    }
    .main-container {
        width: 748px
    }
    .one-half {
        width: 364px
    }
    .one-third {
        width: 236px
    }
    .two-third {
        width: 492px
    }
    .one-fourth {
        width: 172px
    }
    .three-fourth {
        width: 556px
    }
    #main .one-half {
        width: 234px
    }
    #main .one-third {
        width: 149px
    }
    #main .two-third {
        width: 319px
    }
    #main .one-fourth {
        width: 107px
    }
    #main .three-fourth {
        width: 361px
    }
    #header {
        height: 72px
    }
    #logo {
        margin-top: -7px
    }
    #main-nav a:after {
        content: ''
    }
    #main-nav ul ul,
    .no-js #main-nav li:hover>ul {
        top: 78px
    }
    .simple-pricing-table .column {
        width: 746px
    }
    .simple-pricing-table .column.featured {
        width: 736px
    }
    .simple-pricing-table.col2 .column {
        width: 372px
    }
    .simple-pricing-table.col3 .column {
        width: 248px
    }
    .simple-pricing-table.col4 .column {
        width: 185px
    }
    .simple-pricing-table.col5 .column {
        width: 148px
    }
    .simple-pricing-table.col2.featured .column {
        width: 354px
    }
    .simple-pricing-table.col3.featured .column {
        width: 235px
    }
    .simple-pricing-table.col4.featured .column {
        width: 178px
    }
    .simple-pricing-table.col5.featured .column {
        width: 142px
    }
    .simple-pricing-table.col2 .column.featured {
        width: 382px
    }
    .simple-pricing-table.col3 .column.featured {
        width: 265px
    }
    .simple-pricing-table.col4 .column.featured {
        width: 199px
    }
    .simple-pricing-table.col5 .column.featured {
        width: 165px
    }
    .extended-pricing-table .column {
        width: 748px
    }
    .extended-pricing-table.col2 .column {
        width: 374px
    }
    .extended-pricing-table.col3 .column {
        width: 249px
    }
    .extended-pricing-table.col4 .column {
        width: 187px
    }
    .extended-pricing-table.col5 .column {
        width: 149px
    }
    .post-carousel>li,
    .projects-carousel>li {
        width: 236px
    }
    .post-carousel .entry-body {
        width: 191px
    }
    .entry-body {
        width: 358px
    }
    .comment .comment-body,
    .comment .comment-meta {
        width: 419px
    }
    .comment .children .comment-body,
    .comment .children .comment-meta {
        width: 349px
    }
    .comments-form input {
        width: 127px
    }
    .comments-form textarea {
        width: 468px
    }
    #map {
        height: 340px
    }
    .contact-form input {
        width: 150px
    }
    .contact-form textarea {
        width: 534px
    }
    .social-links li:nth-child(5n+1) {
        margin-left: 0
    }
    .social-links li:nth-child(5n) {
        margin-right: 10px
    }
    #main-nav li {
        width: 100%
    }
    #main-nav a {
        padding: 18px
    }
    #main-nav a:after,
    #main-nav>ul {
        display: none
    }
    #main-nav .responsive-nav,
    .no-js #main-nav>ul {
        display: block
    }
    .no-js #main-nav li:hover>ul {
        top: 62px
    }
}

@media only screen and (max-width:767px) {
    #slider,
    #slider ul,
    #slider ul li {
        height: auto!important;
        width: 100%!important
    }
    #lefttext,
    #slider,
    #slider ul li img {
        width: 100%!important
    }
    #leftbar>div,
    #leftbar>div:last-child {
        border-bottom: 1px solid #e4e4e4!important
    }
    #slider {
        margin: 0 auto!important
    }
    #rightboxes {
        float: left!important
    }
    #headerinf {
        float: right;
        width: 72%;
        margin-top: 20px
    }
    .spacercountriessocial {
        width: 17%;
        float: left
    }
    .spacer2 {
        width: 34.8em;
        float: left
    }
    .headercomp {
        text-align: right;
        float: right;
        width: 100%;
        clear: both
    }
    #logo,
    .subsectionitems {
        text-align: center
    }
    .oppfloat {
        float: left;
        padding-top: 5px;
        padding-bottom: 0!important
    }
    .cophidfot {
        display: none
    }
    .copshowfot,
    .copshowfotwomrgin {
        display: block!important
    }
    .copshowfot {
        margin-bottom: 5px
    }
    .socfoot {
        width: 100%
    }
    .headsearch img {
        margin-top: -3px!important
    }
    .headdub,
    .headleb {
        float: left;
        color: #0F43B1;
        padding-right: 30px
    }
    .headcontainer {
        float: left;
        min-height: 30px;
        width: 214px;
        margin-left: 22px
    }
    .spacer1 {
        width: 9%;
        float: left
    }
    .headsearch {
        width: 114px;
        height: 10px;
        float: right;
        margin-top: -11px;
        padding: 0
    }
    .headfb,
    .headmail,
    .headskype {
        margin-top: 8px!important
    }
    .headsearch input {
        margin-top: -3px!important
    }
    body {
        background: #fff
    }
    .hidemobile {
        display: none!important
    }
    #footer {
        text-align: left;
        line-height: 24px;
        height: auto!important;
        background-color: #efefef!important;
        box-shadow: 0 11px 45px
    }
    #leftbar,
    .middlesection {
        height: initial!important;
        width: 100%!important
    }
    #leftbar {
        background: #fff!important
    }
    #leftbar>div {
        padding-bottom: 3px!important;
        padding-top: 3px!important
    }
    #leftbar>div:last-child {
        margin-bottom: 20px
    }
    .ss-slider .slide-button .dropcap {
        display: none
    }
    .ss-slider .slide-button .description td {
        height: 20px!important
    }
    .ss-slider .slide-button {
        display: none;
        padding: 5px 5px 5px 2px;
        width: 100%!important;
        max-width: 100%!important;
        height: 19px
    }
    .ss-slider.fully-loaded .slide-button.active {
        border-top: 0;
        display: block
    }
    .ss-slider.fully-loaded .slide-button.active h5 {
        color: #6B6B6B
    }
    #logo {
        width: 58%!important;
        margin: auto
    }
    #main-nav {
        width: 100%
    }
    .ss-slider .slide-button .description {
        color: #3F3F3F;
        display: block;
        font-size: 12px;
        width: 84%
    }
    #main-nav ul ul ul,
    .buttons-container {
        display: block!important
    }
    .social-links {
        margin-top: 5px
    }
    .mobilecountshare {
        width: 352px!important
    }
    #main,
    .subsectionitems,
    .topbluebar {
        width: 100%!important
    }
    #sidebar {
        display: none
    }
    .myDivs div {
        min-height: 5px!important
    }
    div.headeritems {
        width: 320px;
        padding-top: 0;
        padding-right: 0;
        float: right;
        position: relative
    }
    #main .one-fourth,
    #main .one-half,
    #main .one-third,
    #main .three-fourth,
    #main .two-third,
    .main-container,
    .one-fourth,
    .one-half,
    .one-third,
    .three-fourth,
    .two-third {
        width: 300px
    }
    .fluid-width-video-wrapper {
        margin-bottom: 10px
    }
    .align-left,
    .align-right {
        float: none
    }
    .one-fourth,
    .one-half,
    .one-third,
    .three-fourth,
    .two-third {
        float: none;
        margin-right: 0
    }
    #header {
        height: auto
    }
    #logo {
        display: block;
        float: none
    }
    #main-nav {
        float: none;
        margin: 10px 0 20px
    }
    #main-nav li {
        width: 50%
    }
    #main-nav a {
        border-bottom-color: #efefef;
        padding: 16px 20px 30px
    }
    #main-nav>ul>li:last-child a {
        border-bottom-color: transparent
    }
    #main-nav>ul>.current:last-child a {
        border-bottom-color: #0F43B1
    }
    #main-nav ul ul {
        width: 100%
    }
    #main-nav ul ul,
    .no-js #main-nav li:hover>ul {
        top: 72px
    }
    #main-nav ul ul li {
        width: auto
    }
    #main-nav ul ul li:first-child>a {
        border-top: none
    }
    #main-nav ul ul li:last-child>a {
        border-bottom: none
    }
    #main-nav ul ul ul {
        border-bottom: 1px solid #252525;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        left: 0!important;
        margin: 0;
        top: 0!important;
        position: relative
    }
    #main-nav ul ul li:last-child ul {
        border-top: 1px solid #252525;
        border-bottom: none
    }
    #main-nav ul ul ul a {
        padding-left: 30px
    }
    #main-nav ul ul ul li:first-child a {
        border-top: 1px solid #4c4c4c
    }
    #main {
        border-bottom: 0 solid #efefef;
        float: none;
        margin-right: 0;
        padding-bottom: 20px
    }
    .image-gallery-slider {
        margin-bottom: 10px
    }
    .extended-pricing-table .column {
        margin-bottom: 20px
    }
    .extended-pricing-table .column.featured {
        margin-bottom: 10px
    }
    .ss-slider {
        height: 181px
    }
    .ss-slider.fully-loaded,
    .ss-slider.fully-loaded .slide-images-container {
        background: url(../img/loader.gif) center 50% no-repeat #fff
    }
    .js .ss-slider .buttons-container {
        display: none
    }
    .no-js .ss-slider .slide-content,
    .ss-slider .content-container,
    .ss-slider:hover .content-container {
        display: block
    }
    .ss-slider .pagination-container a {
        background-color: rgba(241, 90, 35, .6);
        background-image: url(../img/slider-arrows-medium.png)!important;
        bottom: 50%!important;
        height: 49px!important;
        margin: 0 0 -25px!important;
        filter: alpha(opacity=60)!important;
        opacity: 1!important;
        right: auto!important;
        top: auto!important;
        width: 25px!important
    }
    .ss-slider .pagination-container .prev {
        background-position: -7px center!important;
        left: 0!important;
        right: auto!important
    }
    .ss-slider .pagination-container .next {
        background-position: -46px center!important;
        left: auto!important;
        right: 0!important
    }
    .ss-slider .pagination-container a:hover {
        background-color: rgba(241, 90, 35, 1);
        display: none;
        filter: alpha(opacity=100)
    }
    .entry-audio,
    .entry-image,
    .entry-video {
        margin-bottom: 10px
    }
    .iframe .entry-image,
    .image-gallery .entry-image,
    .single-image .entry-image {
        margin-bottom: 0
    }
    .entry .entry-body {
        float: none;
        margin: 0;
        width: 100%
    }
    .entry .entry-meta {
        border-bottom: 1px solid #efefef;
        border-top: 1px solid #efefef;
        float: none;
        margin: 10px 0;
        padding: 4px 0;
        text-align: left;
        width: 100%
    }
    .entry .entry-meta li {
        border-left: 1px solid #efefef;
        display: inline-block;
        padding: 0 10px
    }
    .entry .entry-meta li:first-child {
        border-left: none;
        padding-left: 0
    }
    .entry .entry-meta li:last-child {
        padding-right: 0
    }
    .entry .entry-meta li .title {
        display: block
    }
    .entry .entry-meta .post-format {
        background: 0 0;
        height: auto;
        margin: 0;
        text-indent: 0;
        width: auto
    }
    .entry .entry-meta a:hover>.post-format {
        background: 0 0
    }
    .comments-form .input-block,
    .contact-form .input-block {
        float: none;
        margin: 0 0 20px
    }
    .comments-form input,
    .comments-form textarea,
    .contact-form input,
    .contact-form textarea {
        width: 398px
    }
    #sidebar {
        float: none;
        margin-top: -31px;
        width: 100%
    }
    .not-ie #footer .main-container:after {
        top: -56px
    }
}

.googlerow,
.menuitem:hover,
.menuitemchild:hover {
    color: #0F43B1
}

#slider,
#slider ul {
    height: 348px!important
}

@media only screen and (min-width:480px) and (max-width:767px) {
    #main .one-fourth,
    #main .one-half,
    #main .one-third,
    #main .three-fourth,
    #main .two-third,
    .main-container,
    .one-fourth,
    .one-half,
    .one-third,
    .three-fourth,
    .two-third {
        width: 420px
    }
    #content {
        padding-top: 40px
    }
    .one-fourth,
    .one-half,
    .one-third,
    .three-fourth,
    .two-third {
        float: none;
        margin-right: 0
    }
    .simple-pricing-table .column {
        width: 418px
    }
    .simple-pricing-table .column.featured {
        width: 408px
    }
    .simple-pricing-table.col2 .column {
        width: 208px!important
    }
    .simple-pricing-table.col3 .column,
    .simple-pricing-table.col4 .column,
    .simple-pricing-table.col5 .column {
        width: 204px!important
    }
    .extended-pricing-table .column {
        width: 420px
    }
    .extended-pricing-table.col2 .column,
    .extended-pricing-table.col3 .column,
    .extended-pricing-table.col4 .column,
    .extended-pricing-table.col5 .column {
        width: 210px
    }
    .post-carousel>li,
    .projects-carousel>li {
        width: 200px
    }
    .post-carousel .entry-body {
        width: 155px
    }
    .comment .comment-body,
    .comment .comment-meta {
        width: 351px
    }
    .comment .children .comment-body,
    .comment .children .comment-meta {
        width: 281px
    }
    #map {
        height: 240px
    }
    .contact-info {
        margin-bottom: 20px
    }
    .social-links li:nth-child(12n+1) {
        margin-left: 0
    }
    .social-links li:nth-child(12n) {
        margin-right: 15px
    }
}

@media only screen and (max-width:780px) {
    #content {
        padding-top: 40px
    }
    #main-nav li {
        width: 100%
    }
    #main-nav a {
        padding: 18px
    }
    #main-nav a:after,
    #main-nav>ul {
        display: none
    }
    #main-nav a:after {
        content: ''
    }
    #main-nav .responsive-nav,
    .no-js #main-nav>ul {
        display: block
    }
    .no-js #main-nav li:hover>ul {
        top: 62px
    }
}

@media only screen and (max-width:479px) {
    #content {
        padding-top: 0
    }
    #main-nav li {
        width: 100%
    }
    .breadloc {
        display: inline-block;
        margin-top: 20px
    }
    #main-nav a {
        padding: 18px
    }
    #main-nav a:after,
    #main-nav>ul {
        display: none
    }
    #main-nav a:after {
        content: ''
    }
    #main-nav .responsive-nav,
    .no-js #main-nav>ul {
        display: block
    }
    .no-js #main-nav li:hover>ul {
        top: 62px
    }
    .simple-pricing-table .column {
        width: 298px!important
    }
    .simple-pricing-table .column.featured {
        margin-top: 0;
        width: 288px!important
    }
    .extended-pricing-table .column {
        width: 300px!important
    }
    .extended-pricing-table .column.featured {
        margin-bottom: 20px;
        margin-top: 10px
    }
    .extended-pricing-table .features {
        background: #f8f8f8!important
    }
    .extended-pricing-table .featured .features {
        background: #fff!important
    }
    .extended-pricing-table .features li {
        background: 0 0!important;
        border-bottom: none;
        border-top: 1px solid #fff;
        float: left;
        width: 129px
    }
    .extended-pricing-table .features li:nth-child(odd) {
        border-right: 1px solid #fff
    }
    .extended-pricing-table .featured .features li:nth-child(odd) {
        border-right: 1px solid #f6f6f6
    }
    .extended-pricing-table .features li:nth-child(4n-1),
    .extended-pricing-table .features li:nth-child(4n-4) {
        background: #f0f0f0!important
    }
    .extended-pricing-table .featured .features li:nth-child(4n-1),
    .extended-pricing-table .featured .features li:nth-child(4n-4) {
        background: #f6f6f6!important
    }
    .extended-pricing-table .footer {
        border-top: 1px solid #fff;
        clear: both;
        padding: 12px 10px!important;
        width: 279px
    }
    .post-carousel>li,
    .projects-carousel>li {
        width: 300px;
        text-align: center
    }
    .post-carousel .entry-body {
        width: 255px
    }
    .hentry .entry-meta li {
        width: 82px
    }
    .hentry .entry-meta li:nth-child(1),
    .hentry .entry-meta li:nth-child(2),
    .hentry .entry-meta li:nth-child(3) {
        border-bottom: 1px solid #efefef;
        margin-bottom: 4px;
        padding-bottom: 4px
    }
    .hentry .entry-meta li:nth-child(3) {
        padding-right: 0
    }
    .hentry .entry-meta li:nth-child(4) {
        border-left: none;
        padding-left: 0
    }
    .comment .avatar {
        margin-bottom: 10px
    }
    .comment .comment-meta {
        margin-top: 5px;
        width: 231px
    }
    .comment .author,
    .comment .author a {
        margin-top: 5px
    }
    .comment .comment-body {
        clear: both;
        float: none;
        margin-left: 0;
        margin-top: 20px;
        width: 100%
    }
    .comment .children .comment-meta {
        width: 161px
    }
    #map {
        height: 140px
    }
    .comments-form input,
    .comments-form textarea,
    .contact-form input,
    .contact-form textarea {
        width: 278px
    }
    #footer-nav li {
        border-top: 1px dotted #4b4b4b;
        padding: 5px 0;
        width: 100%
    }
    #footer-nav li:first-child {
        border-top: none
    }
    #footer-nav li a {
        border: none;
        padding: 0
    }
    .contact-info {
        margin-bottom: 20px
    }
    .social-links li:nth-child(8n+1) {
        margin-left: 0
    }
    .social-links li:nth-child(8n) {
        margin-right: 15px
    }
}

#slider ul,
#slider ul li {
    position: relative;
    padding: 0
}

.menuitem {
    font-size: 12px;
    margin-bottom: 0
}

#slider ul,
#slider ul li,
.homeslidertable,
.homeslidertable tr td p {
    margin: 0!important
}

.googlerow {
    font-size: 15px
}

.googlerow:hover {
    text-decoration: underline!important
}

.googlerow:visited {
    color: #790FB1
}

.jcarousel-item a,
.jcarousel-item span {
    color: #00f!important
}

.subsectionscontainer {
    width: 100%
}

.hideoncollapse a {
    color: #0F43B1
}

#slider {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 -40px;
    width: 1013px
}

#slider ul {
    list-style: none
}

#slider ul li {
    display: block;
    float: left;
    height: 348px;
    background: #ccc;
    text-align: center;
    line-height: 300px
}

a.control_next,
a.control_prev {
    position: absolute;
    top: 40%;
    z-index: 999;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: .8;
    cursor: pointer;
    display: none
}

a.control_next:hover,
a.control_prev:hover {
    opacity: 1;
    -webkit-transition: all .2s ease
}

a.control_prev {
    border-radius: 0 2px 2px 0
}

a.control_next {
    right: 0;
    border-radius: 2px 0 0 2px
}

.rightBoxText {
    border-bottom: solid #fff 7px;
    font-weight: 100;
    line-height: 1.55em;
    background-color: #0F43DC;
    width: 1%;
    padding: 20px 12px 12px
}

.rightBoxText a {
    color: #fff!important
}

.rightBoxes {
    float: left;
    width: 300px;
    display: inline;
    background-color: #0F43B1;
    color: #fff;
    margin-bottom: 0
}

.rightBoxes tr {
    display: none
}

.rightBoxes tr:first-child {
    display: table-row!important;
    cursor: pointer
}

.rightBoxes .expandContent {
    background: url(../images/plus_1.png) 0 no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    float: left
}

.rightBoxes .collapseContent {
    background: url(../images/minus_1.png) 0 no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    float: left
}

.rightBoxImage {
    display: none
}

.title {
    color: #0F43B1;
    font-size: 14px;
    line-height: 1.35em
}

.titleintermediate {
    color: #fff;
    font-size: 24px;
    line-height: 1.35em
}

.rightBoxButton {
    background-color: #fff;
    height: 20px;
    line-height: .2em
}

.rightBoxText table {
    margin-bottom: 0!important
}

.expandContent {
    margin-bottom: 10px
}

#lefttext {
    display: inline-block;
    width: 630px
}

.wdsi-slide-close a {
    text-decoration: none;
    letter-spacing: 1px;
    display: block;
    padding: 10px 18px;
    height: 29px
}

.wdsi-slide-close {
    font: 700 12px/24px Arial, sans-serif
}

.wdsi-slide-close:hover {
    text-decoration: underline
}

.wdsi-slide-content {
    margin-left: 10px
}

.wdsi-slide-content .wdsi-slide-italic {
    font-style: italic
}

.wdsi-slide-minimal.wdsi-slide-right .wdsi-slide-close {
    left: 0;
    right: auto
}

.wdsi-slide-minimal .wdsi-slide-close {
    top: 0;
    right: 0
}

.wdsi-slide-minimal .wdsi-slide-control {
    position: relative;
    border-bottom: 1px solid #0F43B1
}

.wdsi-slide-content .wdsi-slide-title {
    margin: -40px 0;
    padding: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}

.wdsi-slide-minimal .wdsi-slide-wrap {
    color: #000;
    position: relative;
    height: 200px
}

.wdsi-slide-right {
    top: 50%;
    left: auto;
    right: 0
}

.wdsi-slide {
    position: fixed;
    top: -1000000000;
    left: 0;
    width: 100%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.rightBoxText p {
    margin-top: -20px
}

.sliderimg {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:960px) {
    .DisplayFlexDiv {
        display: flex;
        flex-direction: column
    }
    .DisplayFlexDiv .SliderDiv {
        order: 1
    }
    .DisplayFlexDiv .TitlesDiv {
        order: 2;
        margin-top: 10px
    }
    .DisplayFlexDiv .TextDiv {
        order: 3
    }
    #slider {
        height: 254px!important
    }
}

@media only screen and (max-width:767px) {
    #slider {
        height: 140px!important
    }
}

@media only screen and (max-width:480px) {
    #slider {
        height: 102px!important
    }
}

@media only screen and (max-width:1080px) {
    #SlideInPopup {
        display: none
    }
}

@media only screen and (min-width:767px) {
    .rightBoxes {
        margin-right: -20px
    }
}

@media only screen and (min-width:1024px) {
    .rightBoxes {
        margin-left: -40px
    }
}

