/* http://meyerweb.com/eric/tools/css/reset/

v2.0 | 20110126

License : none (public domain)

*/

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}

body {

    line-height: 1;

    font-size: 100%;

    position: relative;

    background:url(img/squairy_light.png);

}

ul {

    list-style-type: disc;

}

blockquote, q {

    quotes: none;

}

blockquote:before, blockquote:after, q:before, q:after {

    content:'';

    content: none;

}

.clear {

    clear: both;

}

a {

    text-decoration: none;

    color: #fff;/*color de la letra de arriba de menu  000 vgm*/

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

a:hover {

    color: #3B0B0B /*dotte*/

}

p {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    line-height: 1.6em;

    font-size: 1em;

    margin: 1em 0;

    cursor:default;

}

/* -------------------- MAIN -------------------- */

 h1, h2, h3, h4, h5, h6 {

    font-family:'Oswald', sans-serif;

    font-weight:400;

    cursor:default;

}

ul ul, ol ul {

    list-style-type: circle;

    margin-left: 20px;

}

li {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

}

.site {

    max-width: 1244px;

    margin: 0 auto;

    position: relative;

    height: auto;

}

.wrapper {

    width: 94%;

    margin: 0 auto;

}

img {

    max-width: 100%;

}

hr {

    background: #ddd;

    color: #ddd;

    clear: both;

    float: none;

    width: 100%;

    height: .1em;

    border: none;

}

input[type=text], textarea {

    -webkit-transition: all 0.30s ease-in-out;

    -moz-transition: all 0.30s ease-in-out;

    -ms-transition: all 0.30s ease-in-out;

    -o-transition: all 0.30s ease-in-out;

    outline: none;

    border: 1px solid #DDDDDD;

}

input[type=text]:focus, textarea:focus {

    box-shadow: 0 0 5px rgba(81, 203, 238, 1);

    border: 1px solid rgba(81, 203, 238, 1);

}

/* -------------------- HEADER TOP MENU -------------------- */

 .topmenu {

    background: #3B0B0B /*este dotte*/;

    width: 100%;

}

.topmenu a {

    color: #fff;/*color de la letra*/

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 0.8em;

}

.top-menu-social li:last-child a i {

    margin:0

}

.topmenu a:hover {

    background:#fff;

    color:#3B0B0B /*Aqui dotte*/;

    padding:2px 5px;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.top-menu-nav {

    float: left;

    list-style: none;

}

.top-menu-contact {

    float: right;

    margin-right: 3%;

    list-style: none;

}

.top-menu-social {

    float: right;

    list-style: none;

}

.top-menu-nav li {

    float: left;

    padding: 9px 15px 0 0;

}

.top-menu-contact li {

    float: left;

    padding: 9px 9px 0 0;

}

.top-menu-social li {

    float: left;

    padding: 9px 0;

}

/* -------------------- HEADER MAIN NAVIGATION -------------------- */

 .header-container {

    position: relative;

    max-width: 1244px;

    margin: 0 auto;

    z-index: 99999;

}

.header-home {

    position: absolute;

    width: 100%;

    z-index: 99999;

}

.main-navigation {

    background: #0000;/*dotte, pero no cambiar*/

    width: 100%;

    padding: 20px 0;

    z-index: 9999;

    position: relative;

}

.logo, .logo a {

    float: left;

    font-family:'Oswald', sans-serif;

    font-weight:300;

    color: #3B0B0B /*3498db vgm letra del logo inicial */;

    font-size: 57px;

}

.menu {

    float: right;

    list-style: none;

}

.menu li {

    float: left;

    padding: 5px;

    font-family:'Open Sans', sans-serif;

    font-weight:300;

    color: #000;

    font-size: 20px;

    margin-right: 40px;

    -webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}

.menu li:hover {

    color: #3B0B0B /*dotte */;

}

.menu li.current a {

    color: #3B0B0B;/*dotte*/

}

.menu li.current {

    color: #3B0B0B /*dotte*/

}

.menu li span {

    display: block;

    font-size: 13px;

    color: #a6aaad;

    margin-top: 10px;

}

.menu li {

    cursor: pointer;

}

li.last-menu {

    margin-right: 0;

}

/* -------------------- SUPERFISH MENU -------------------- */

 ul.sub-menu {

    position: absolute;

    background: #3e3e3e;

    margin-top: 23px;

    border-top: 6px solid #3B0B0B;/*dotte*/

    z-index: 9999;

    list-style: none;

    margin-left: 0;

    display: none;

}

ul.sub-menu li {

    margin-right: 0;

    position: relative;

    float: none;

    z-index: 9999;

}

ul.sub-menu li:hover {

    background: #3B0B0B /*dotte*/

}

ul.sub-menu li a {

    color: #fff !important;

    font-size: 13px;

    padding: 10px 20px;

    display: block;

}

/* -------------------- SLIDER -------------------- */

 .slider img {

    position: absolute;

    width: 100%;

    margin: 0 auto;

}
/* -------------------- acá se hace la modificación del texto del frente -------------------- */
.slogan {

    margin-top: 45%;

}
/* -------------------- para cambiar el box del frente estilos como la letras, etc -------------------- */
.slogan-one p {

    background: #3B0B0B;/*dotte*/

    float: left;

    font-family:'Oswald', sans-serif;

    font-weight:300;

    font-size: 2.24em;

    padding: 0.01% 2%;

    color: #FFF;/*color de la letra 8d8d8d*/

    margin-bottom: 0;

}

.slogan-two p {

    background: rgb(25, 25, 20);/*aca cambio el color del de abajo:dotte*/

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

    filter: alpha(opacity=80);

    padding: 1% ;

    max-width: 35%;

    color: #fff;/*color letras*/

    border-right: 20px solid #3B0B0B;/*dotte*/

    margin:0;

}

.slider-nav {

    position: relative;

    z-index: 99999

}

.slider-nav .next, .slider-nav .prev {

    float: right;

    background: #3B0B0B /*3498db vgm */;/*3498db vgm*/

    padding: 1% 2%;

    margin-left: 5px;

    cursor:pointer;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.slider-nav .next:hover, .slider-nav .prev:hover {

    background: #3e3e3e;

}

.next a, .prev a {

    color: #fff;

    font-size: 2em;

}

.next a i:hover, .prev a i:hover {

    color: #fff;

}

.slider-nav i {

    margin: 0;

}

.slogan-container {

    max-width: 1244px;

    margin: 0 auto;
    

    width: 100%;

    position:static;

}

/* -------------------- BOX FEATURE ONE -------------------- */

 .box-feature {

    width: 100%;

    position: relative;

    z-index: 99999

}

.box-step-one {

    width: 21%;

    float: left;

    color: #fff;

    background: #3B0B0B /*3498db vgm */;/*3498db*/

    padding: 2%;

    position:relative;

}

.box-step-one h3 {

    font-family:'Oswald', sans-serif;

    font-weight:400;

    font-size: 24px;

    line-height: 25px;

    margin-top: 0 !important;

}

.box-step-one p, .box-step-one a, p.content-box-step {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    margin: 15px 0px;

    color: #fff

}

.box-step-one a {

    text-transform: uppercase;

}

.box-step-one span.triangle {

    border-style: solid;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #3B0B0B;/*3498db*/

    position:absolute;

    left:100%;

    top:10%;

}

.box-step-two {

    width: 21%;

    float: left;

    color: #fff;

    text-align: center;

    background: #3D9FDF;

    padding: 2%;

}

.box-step-three {

    width: 21%;

    float: left;

    color: #fff;

    text-align: center;

    background: #46A5E2;

    padding: 2%;

}

.box-step-four {

    width: 21%;

    float: left;

    color: #fff;

    text-align: center;

    background: #4FAAE5;

    padding: 2%;

}

h3.title-box-step {

    font-family:'Oswald', sans-serif;

    font-weight:400;

    font-size: 23px;

    margin-top: 10px;

}

.icon-box-step {

    font-size: 21px;

}

/* -------------------- BOX FEATURE TWO -------------------- */

 .container {

    background: #fff;

}

.box-feature-two-inner {

    float: left;

    width: 30.66%;

    text-align: center;

    margin: 0 0 3% 4%;

}

.box-feature-two-inner:first-child {

    margin-left: 0;

}

.title-box-feature-two {

    font-size: 24px;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    color: #000;

    line-height: 40px;

}

.content-box-feature-two {

    color: #6b6b6b;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    text-align: left;

}

/* -------------------- HOME PAGE -------------------- */

 .title-section {

    font-size: 24px;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    color: #3B0B0B;

}

.title-section:before {

    content:'||';

    color: #3B0B0B;/*3498db vgm*/

    padding-right: 5px;

}

.testimonial .title-section, .testimonial-widget .title-section {

    float: left;

}

.testimonial-nav {

    float: right;

    font-size: 24px;

}

.section-news {

    margin-top: 4%;

}

.recent-news {

    width: 57%;

    margin: 0 3% 3% 0;

    float: left;

}

.recent-news ul {

    margin-top: 5%;

    list-style: none;

}

.recent-news li {

    float: left;

    width: 30%;

    margin-left: 4%;

}

.recent-news li:first-child {

    margin-left: 0;

}

.recent-news li h4 {

    font-size: 18px;

    color: #000;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    line-height: 1.6em;

    margin: 3px 0;

}

.recent-news h4 a, .portfolio-nav a {

    color: #000;

}

.entry-meta {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    color: #000;

    font-size: 12px;

    line-height: 16px;

}

.recent-news .mini-btn {

    font-family:'Open Sans', sans-serif;

    font-weight:300;

    padding:8px 12px;

}

.testimonial {

    float: left;

    width: 40%;

}

.testimonial-content blockquote {

    margin-top: 3%;

    border-bottom: 1px solid #3B0B0B;/*3498db vgm*/

    font-style: italic;

    line-height: 25px;

    float: left;

    padding-bottom: 10px;

}

/* -------------------- FOOTER -------------------- */

 .site-footer {

    background: #3e3e3e;

}

.footer-copy {

    text-align: center;

    background: #3B0B0B;/* 3498db vgm*/

    color: #fff;

    padding: 20px 0;

}

.logo-footer, .logo-footer a {

    font-family:'Oswald', sans-serif;

    font-weight:300;

    color: #fff;

    font-size: 57px;

    margin-bottom: 10px;

}

/* -------------------- WIDGET FOOTER -------------------- */

 .footer-widget {

    padding: 4% 0;

}

.widget-footer {

    width: 22.75%;

    float: left;

    margin-left: 3%;

}

.widget-footer:first-child {

    margin-left: 0;

}

.widget-footer p {

    color: #fff;

}

.widget-footer h3 {

    color: #fff;

    font-size: 18px;

}

.widget-footer ul {

    margin-top: 3%;

    list-style: none;

}

.widget-footer li {

    border-bottom: 1px solid #fff;

    padding: 2% 0;

}

.widget-footer li a {

    color: #fff;

}

.widget-footer li a:hover {

    color: #3B0B0B /*3498db vgm */;/*3498db vgm*/

}

/* -------------------- CONTENT -------------------- */

 .title-content {

    padding:10px 0;

}

.title-content h1 {

    float:left;

    font-size: 24px;

    margin: 4px 0 0 0;

}

.title-content h1:before {

    content:'||';

    color: #3B0B0B /*3498db vgm */;/*3498db vgm*/

    padding-right: 5px;

}

.title-content form {

    float:right;

}

#search-box input {

    background-color: #fff;

    border: 1px solid #fff;

    background: #fff url(img/Search-Icon.png) no-repeat 168px 6px;

    padding: 5px 21px;

}

.wrapper-post {

    padding: 0 0 2% 0;

}

.wrapper-post h3, .wrapper-post h3 a {

    font-size: 25px;

    color: #000;

    font-family:'Oswald', sans-serif;

    font-weight: 400;

    float: left;

    padding: 0;

    margin: 0;

}

.wrapper-post img {

    margin-top: 10px;

}

.wrapper-post a {

    font-family:'Oswald', sans-serif;

    font-weight:300;

    font-size: 18px;

    float:right;

    margin-top: 2%;

}

.social-share, .comment-form {

    padding-top: 40px;

}

.comment-form-contact {

    padding-top: 20px;

}

.comment h3 {

    margin-bottom: 20px;

}

.inner-comment, .inner-reply-comment {

    background: #ececec;

    padding: 10px 10px;

    margin-top: 20px;

    clear: both;

}

.inner-reply-comment {

    width: 90%;

    border-left: 4px solid #3B0B0B /*3498db vgm */;/* 3498db vgm*/

    margin-left: 46px;

}

.inner-reply-comment .message {

    width: 89%;

}

.user-icon {

    float: left;

    margin-right: 10px;

}

.user-icon img {

    margin: 0 !important;

}

.message {

    float: right;

    width: 90%;

}

.message p {

    font-size: 14px;

}

.message-name {

    float: left;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    font-weight: bold;

}

.message-reply-link {

    float: right;

}

.message-reply-link a {

    font-family:'OpenSans-Light' !important;

    font-size: 12px !important;

}

.message-date {

    clear: both;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #5a5a5a;

    padding-top: 5px

}

.error-page {

    text-align: center;

}

.error-page h1 {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 72px;

    margin-bottom: 10px;

}

.error-page h2 {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 36px;

    margin-bottom: 20px;

}

.error-page h5 {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 18px;

    margin-bottom: 20px;

}

.entry-meta p {

    float:left;

    margin-right: 10px;

}

.prev-next-link {

    float: left;

    display: block;

    width: 100%;

    margin-top: 50px;

    margin-bottom: 20px

}

.prev-next-link .prev-post {

    float: left;

}

.prev-next-link .next-post {

    float: right;

}

i {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

i:hover, .recent-news h4 a:hover, .wrapper-post h3 a:hover, .next-post p a:hover, .prev-post p a:hover {

    color: #3B0B0B /*3498db vgm */;/*3498db vmg*/

}

.next-testimoni, .prev-testimoni {

    cursor:pointer;

}

#testimoni-slider-container {

    float:left;

    display:block;

    clear:both;

    margin-bottom: 20px;

}

#clients-slider {

    clear: both;

}

#clients-slider li {

    margin-right: 20px;

}

#clients-slider li a img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    /* Firefox 3.5+ */

    filter: gray;

    /* IE6-9 */

    -webkit-filter: grayscale(100%);

    /* Chrome 19+ & Safari 6+ */

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

#clients-slider li a img:hover {

    filter: none;

    -webkit-filter: grayscale(0%);

}

.wrapper-service {

    width: 94%;

    margin: 0 auto;

    margin-top: 40px;

}

/* -------------------- PAGINATION ---------------------------*/

 .pagination {

    display: inline-block;

    padding: 2% 0;

    margin-bottom: 35px;

}

.pagination ul li {

    list-style: none;

}

.pagination ul li {

    float: left;

}

.pagination ul li a {

    padding:7px 10px;

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    margin-right: 2px;

    font-size: 14px;

    color: #fff

}

.pagination ul li.active a, .pagination ul li a:hover {

    color: #eaeaea;

    background: #084D72

}

/* -------------------- SINGLE BLOG FORM -------------------- */

 .message-form {

    margin-top: 20px;

}

.contactform {

    width: 100%;

    list-style: none;

}

.contactform label {

    display: none;

}

input#name {

    margin-right: 2%;

}

input#name, input#email, input#url {

    float: left;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    padding: 10px 10px;

    color: #515151;

    border: none;

    width: 49%;

    margin-bottom: 1em;

    font-family:'Helvetica', Arial, sans-serif;

    border: 1px solid #d7d7d7;

    font-size: 16px;

    line-height: 1.5em;

}

input#url {

    float: none;

    width: 100%;

}

textarea#comment, textarea#message {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    padding: 10px 10px;

    color: #515151;

    border: none;

    width: 100%;

    margin-bottom: 1.5em;

    font-family:'Helvetica', Arial, sans-serif;

    color: #515151;

    border: 1px solid #d7d7d7;

    max-width: 695px

}

textarea#message {

    max-width: 728px;

}

input#submit {

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding: 10px 25px;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff;

    border: none;

    cursor: pointer;

}

input#submit:hover {

    background: #084D72;

}

/* -------------------- PORTFOLIO -------------------- */

 .portfolio-filter {

    padding:5px;

}

.portfolio-filter li {

    float:left;

    margin-right: 10px;

}

.portfolio-filter li:after {

    content:'/';

    padding-left: 5px;

}

.left-border {

    float:left;

}

.left-border:before {

    content:'||';

    color: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding-right: 5px;

    font-size: 24px;

    font-family:'Oswald', sans-serif;

    font-weight:400;

}

.inner-portfolio-left {

    width: 60%;

    float: left;

    padding: 40px 0px;

    margin-right: 20px;

}

.inner-portfolio-left p {

    margin: 20px 0px;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

}

.inner-portfolio-right {

    float: left;

    width: 38%;

    margin-top: 40px;

}

.inner-portfolio-right p {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    float: left;

    margin: 8px 20px 0 0;

}

.portfolio-nav {

    float: right;

}

.portfolio-nav p {

    margin: 0px 0px 0px 10px;

    font-size: 24px;

}

.portfolio-detail ul {

    padding: 20px 0px;

    list-style: none;

}

.portfolio-detail li {

    line-height: 1.5em;

}

.portfolio-detail p {

    margin: 0;

}

.portfolio-2-column .isotope-item {

    width:47%;

}

.portfolio-3-column .isotope-item {

    width:32%;

    height: auto !important;

}

#options ul {

    list-style: none;

}

#options li {

    float: left;

    margin: 0 0 0 10px;

    border-radius: 0;

    font-size: 18px;

}

#options li a {

    color: #fff;

    font-family:'Open Sans';

    font-size: 13px;

    margin: 0 0 10px 0;

}

#options li:first-child {

    margin: 0;

}

#options li a:after {

    margin-left: 16px;

}

#options li:last-child a:after {

    content: none;

    margin: 0;

}

/* -------------------- SIDEBAR -------------------- */

 .site-main {

    background:#fff;

    position: relative;

    z-index: 0;

    padding: 2% 0;

}

.widget-sidebar {

    padding: 0 0 10% 0%;

}

.widget-sidebar p {

    margin: 0;

}

.widget-sidebar ul {

    list-style: none;

}

.widget-sidebar h3 {

    font-size: 20px;

    color: #000;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    line-height: 1.6em;

    margin-bottom: 2%;

}

.widget-sidebar h3:before {

    content:'||';

    color: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding-right: 5px;

}

.widget-sidebar ul li {

    line-height: 1.6em;

}

.portfolio-latest {

    margin-top: 5%;

}

.portfolio-latest img {

    float:left;

}

.portfolio-latest h4 {

    margin-top: 3%;

}

.portfolio-latest h4, .portfolio-latest p {

    float: left;

    min-width: 67%;

    margin: 0 0 0 5%;

}

.left-sidebar .content-sidebar {

    float: left;

    background: #fff;

    width: 35%;

}

.left-sidebar .content-area {

    width: 62%;

    float: right;

}

.left-sidebar .content-sidebar {

    margin-right:3%;

}

.portfolio-latest h5 a {

    font-size: 18px;

    margin-left: 5%;

    margin-bottom: 0;

}

.portfolio-latest h5 {

    margin-bottom: 0;

}

.right-sidebar .content-sidebar {

    float: right;

    background: #fff;

    width: 35%;

}

.right-sidebar .content-area {

    width: 62%;

    float: left;

}

.right-sidebar .content-sidebar {

    margin-left:3%;

}

.portfolio-latest h5 a {

    font-size: 18px;

    margin-left: 5%;

    margin-bottom: 0;

}

.portfolio-latest h5 {

    margin-bottom: 0;

}

.lead {

    margin: 20px 40px;

    font-size: 21px;

    font-weight: 200;

    line-height: 30px;

    color: #777;

}

/* ---------- SMALL MENU ---------- */

 .small-menu {

    display: none;

}

/*----------LIGHTBOX--------------*/

 #lightbox {

    background-color:#eee;

    padding: 10px;

    border-bottom: 2px solid #666;

    border-right: 2px solid #666;

}

#lightboxDetails {

    font-size: 0.8em;

    padding-top: 0.4em;

}

#lightboxCaption {

    float: left;

}

#keyboardMsg {

    float: right;

}

#closeButton {

    top: 5px;

    right: 5px;

}

#lightbox img {

    border: none;

    clear: both;

}

#overlay img {

    border: none;

}

#overlay {

    background-image: url(img/overlay.png);

}

* html #overlay {

    background-color: #333;

    back\ground-color: transparent;

    background-image: url(blank.gif/index.html);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png/index.html", sizingMethod="scale");

}

/*ISOTOPE*/



/* DO NOT EDIT

===========

===================

========================

============================= */

 .isotope-item {

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

/**** Isotope CSS3 transitions ****/

 .isotope, .isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.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: -ms-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

    overflow: hidden;

}

/**** disabling Isotope CSS3 transitions ****/

 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}

/**** Isotope filtering ****/

 .isotope-item {

    z-index: 2;

    width: 24%;

    margin: 0.4%

}

.isotope-item img {

    height:auto;

}

.isotope-item h6 {

    text-align: center;

    font-family:'OpenSans-Light';

    margin-top: 10px;

    color: #000;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.isotope-item h6:hover {

    color: #3B0B0B /*3498db vgm */ /*3498db vgm */;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

/* ---------- TYPOGRAPY ---------- */

 h1 {

    font-size: 3.2em;

    margin: 0 0 20px 0;

}

h2 {

    font-size: 2.6em;

    margin: 0 0 20px 0;

}

h3 {

    font-size: 2em;

    margin: 0 0 20px 0;

}

h4 {

    font-size: 1.8em;

    margin: 0 0 20px 0;

}

h5 {

    font-size: 1.4em;

    margin: 0 0 20px 0;

}

h6 {

    font-size: 1.2em;

    margin: 0 0 20px 0;

}

.list {

    margin-left: 20px;

    line-height: 1.6em;

}

.unordered, .unstyled, .ordered {

    margin-bottom: 40px;

}

.icon i {

    margin-right: 5px;

}

.icon li {

    list-style: none;

}

.icon {

    margin: 0;

}

table {

    max-width: 100%;

    background-color: transparent;

    border-collapse: collapse;

    border-spacing: 0;

}

.table {

    width: 100%;

    margin-bottom: 20px;

}

.table th, .table td {

    padding: 8px;

    line-height: 20px;

    text-align: left;

    vertical-align: top;

    border-top: 1px solid #dddddd;

}

.table th {

    font-weight: bold;

}

.table thead th {

    vertical-align: bottom;

}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {

    border-top: 0;

}

.table tbody + tbody {

    border-top: 2px solid #dddddd;

}

.table .table {

    background-color: #ffffff;

}

.table-condensed th, .table-condensed td {

    padding: 4px 5px;

}

.table-bordered {

    border: 1px solid #dddddd;

    border-collapse: separate;

    *border-collapse: collapse;

    border-left: 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.table-bordered th, .table-bordered td {

    border-left: 1px solid #dddddd;

}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {

    border-top: 0;

}

.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {

    -webkit-border-top-left-radius: 4px;

    -moz-border-radius-topleft: 4px;

    border-top-left-radius: 4px;

}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {

    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topright: 4px;

    border-top-right-radius: 4px;

}

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {

    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-bottomleft: 4px;

    border-bottom-left-radius: 4px;

}

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child {

    -webkit-border-bottom-right-radius: 4px;

    -moz-border-radius-bottomright: 4px;

    border-bottom-right-radius: 4px;

}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {

    -webkit-border-bottom-left-radius: 0;

    -moz-border-radius-bottomleft: 0;

    border-bottom-left-radius: 0;

}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {

    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius-bottomright: 0;

    border-bottom-right-radius: 0;

}

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {

    -webkit-border-top-left-radius: 4px;

    -moz-border-radius-topleft: 4px;

    border-top-left-radius: 4px;

}

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {

    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topright: 4px;

    border-top-right-radius: 4px;

}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {

    background-color: #f9f9f9;

}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {

    background-color: #f5f5f5;

}

table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {

    display: table-cell;

    float: none;

    margin-left: 0;

}

/* ---------- ELEMENTS PAGE ---------- */

 .btn {

    display: inline-block;

    margin: 10px 0;

}

.large-btn, .default-btn, .small-btn, .mini-btn {

    padding: 10px 20px;

    font-family:'Oswald';

    color: #fff;

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

}

.large-btn:hover, .default-btn:hover, .small-btn:hover, .mini-btn:hover, span.prev-image:hover, span.next-image:hover {

    background: #084D72;

    color: #fff;

}

.large-btn {

    font-size: 28px;

}

.default-btn {

    font-size: 22px;

}

.small-btn {

    font-size: 18px;

}

.mini-btn {

    font-size: 12px;

}

.accordion-container {

    margin-top: 40px;

}

#accordion h5.ui-accordion-header-active, #accordion h5, h5.toggle-title {

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding: 10px 10px;

    color: #fff;

    border: none;

    font-family:'Open Sans';

    outline :none;

    cursor: pointer;

}

#accordion h5.ui-accordion-header-active, h5.toggle-title.active {

    background-image: url(img/arrow-down.png);

    background-repeat: no-repeat;

    background-position: right 15px;

}

#accordion h5, h5.toggle-title {

    background-image: url(img/arrow-right.png);

    background-repeat: no-repeat;

    background-position: right;

}

.ui-accordion-content, .toggle-content {

    border-bottom: 3px solid #3B0B0B /*3498db vgm */; /*3498db vgm */

    margin-bottom: 20px;

}

span.prev-image, span.next-image {

    background: #3B0B0B /*3498db vgm */; /*3498db vgm */

    padding: 10px 20px;

    cursor: pointer;

    z-index: 99999;

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 36px;

    color: #fff;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

span.prev-image i, span.next-image i {

    margin: 0;

}

span.next-image {

    margin: 0 20px 20px 0;

}

span.prev-image {

    margin: 0 75px 20px 0;

}

span.next-image i:hover, span.prev-image i:hover {

    color: #fff;

}

.form-container {

    margin: 60px 0;

}

#accordion li {

    list-style: none;

    line-height: 1.6em;

}

/* ---------- COLUMN ---------- */



/* 1/2 layout */

 .one-two {

    width:48%;

}

/* 1/3 layout */

 .one-three {

    width: 30.66666666666670%

}

/* 2/3 layout*/

 .two-three {

    width: 65.33333333333330%;

}

/* 1/4 layout */

 .one-four {

    width:22%;

}

/* 3/4 layout */

 .three-four {

    width: 74%;

}

/* 1/5 layout */

 .one-five {

    width: 16.8%;

}

/* 2/5 layout */

 .two-five {

    width: 37.6%;

}

/* 3/5 layout */

 .three-five {

    width: 58.4%;

}

/* 4/5 layout */

 .four-five {

    width: 67.2%;

}

.one-two, .one-three, .two-three, .three-four, .one-four, .one-five, .two-five, .three-five, .four-five {

    position: relative;

    float: left;

    margin-right: 4%;

    margin-bottom: 3em;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.last-col {

    margin-right: 0!important;

    clear: right;

}

h3 {

    outline:none;

}

/*---------- PROGRESS BAR --------------*/

 .progress .bar {

    width: 0%;

    height: 100%;

    color: #ffffff;

    float: left;

    font-size: 12px;

    text-align: center;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    background-color: #3B0B0B /*3498db vgm */; /*3498db vgm */

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: width 1s ease;

    -moz-transition: width 1s ease;

    -o-transition: width 1s ease;

    transition: width 1s ease;

}

.progress {

    overflow: hidden;

    height: 20px;

    margin-bottom: 20px;

    background-color: #3B0B0B /*3498db vgm */; /*3498db vgm */

    	background-repeat: repeat-x;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
}

/*------ TEAM PAGE  --------*/

 h2.team-title {

    text-align: center;

    margin-bottom: 40px;

}

.team ul li {

    list-style: none;

    float:left;

    width:24%;

    margin-left: 15px;

    text-align: center;

}

.team ul li:first-child {

    margin-left: 0;

}

.viewport {

    float: left;

    height: 309px;

    margin-bottom: 10px;

    overflow: hidden;

    position: relative;

    width: 281px;

}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar

   class to the last thumbnail in each row to get rid of the margin-right. */

 .no-margin {

    margin-right: 0;

}

/* --- Link configuration that contains the image and label ----------------------------- */

 .viewport a {

    display: block;

    position: relative;

}

.viewport a img {

    height: 359px;

    left: -20px;

    position: relative;

    top: -20px;

    width: 331px;

}

.viewport img {

    max-width: none;

}

/* --- Label configuration -------------------------------------------------------------- */

 .viewport a span {

    display: none;

    font-size: 24px;

    font-family:'Oswald';

    height: 100%;

    padding-top: 120px;

    position: absolute;

    text-align: center;

    text-decoration: none;

    width: 100%;

    z-index: 100;

}

.viewport a span em {

    display: block;

    font-size: 18px;

    margin-top: 5px;

    font-family:'Oswald';

}

/* --- Dark hover background ------------------------------------------------------------ */

 .dark-background {

    background-color: rgba(15, 15, 15, 0.6);

    color: #fff;

}

.dark-background em {

    color: #fff;

}

/* --- Social Icon ------------------------------------------------------------ */

 .social-media {

    display: inline-block;

    text-align: center;

}

a.twitter-hover {

    background-image: url('img/twitter-hover.png');

}

a.facebook-hover {

    background-image: url('img/facebook-hover.png');

}

a.linkedin-hover {

    background-image: url('img/linkedin-hover.png');

}

a.social-slide:hover {

    background-position: 0px -35px;

}

a.social-slide {

    height: 35px;

    width: 35px;

    margin: 10px;

    display: inline-block;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    -ms-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

/*----PORTFOLIO-----*/

 .portfolio-latest h5 a {

    font-size: 18px;

    margin-left: 5%;

    margin-bottom: 0;

}

.portfolio-latest h5 {

    margin-bottom: 0;

}

.portfolio-item-background {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border: none;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    -webkit-transition-duration: .25s;

    -moz-transition-duration: .25s;

    -o-transition-duration: .25s;

    -ms-transition-duration: .25s;

    transition-duration: .25s;

}

.portfolio-item {

    width: 80%;

    height: 0px;

    margin: auto 10%;

    margin-top: 0;

    position: absolute;

    z-index: 2;

    display: none;

    vertical-align: middle;

}

.slider-nav .next, .slider-nav .prev {

    float: right;

    background: #3B0B0B /*3498db vg0 auto;
    

    width: 100%;

    pos:staticative;

}

/* -------------------- BOX FEATURE ONE -------------------- */

 .box-feature {

    width: 100%;

    position: relative;

    z-index: 99999

}

.box-step-one {

    width: 2ansition: all .5s ease-in-out;

}

.slider-nav .next:hover, .slider-nav .prev:hover {

    background: #3e3e3e;

}

.next a, .prev a {

    color: #fff;

    font-size: 2em;

}

.next a i:hover, .prev a i:hover {

    color: #fff;

}

.slider-nav i {

    margin: 0;

}

.slogan-container {

    max-width: 1244px;

    margin: 0 auto;
    

    width: 100%;

    position:  static;

}

/* -------------------- BOX FEATURE ONE -------------------- */

 .box-feature {

    width: 100%;

    position: relative;

    z-index: 99999

}

.box-step-one {

    width: 21%;

    float: left;

    color: #fff;

    background: #3B0B0B /*3498db vgm */;/*3498db*/

    padding: 2%;

    position:relative;

}

.box-step-one h3 {

    font-family:'Oswald', sans-serif;

    font-weight:400;

    font-size: 24px;

    line-height: 25px;

    margin-top: 0 !important;

}

.box-step-one p, .box-step-one a, p.content-box-step {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    margin: 15px 0px;

    color: #fff

}

.box-step-one a {

    text-transform: uppercase;

}

.box-step-one span.triangle {

    border-style: solid;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #3B0B0B;/*3498db*/

    position:absolute;

    left:100%;

    top:10%;

}

.box-step-two {

    width: 21%;

    float: left;

    color: #fff;

    text-align: center;

    background: #3D9FDF;

    padding: 2%;

}

.box-step-three {

    width: 21%;

    float: left;

    color: #fff;

    text-align: center;

    background: #46A5E2;

    padding: 2%;

}

.box-step-four {

    width: 21%;

    float: left;

    color: #fff;

    text-align: center;

    background: #4FAAE5;

    padding: 2%;

}

h3.title-box-step {

    font-family:'Oswald', sans-serif;

    font-weight:400;

    font-size: 23px;

    margin-top: 10px;

}

.icon-box-step {

    font-size: 21px;

}

/* -------------------- BOX FEATURE TWO -------------------- */

 .container {

    background: #fff;

}

.box-feature-two-inner {

    float: left;

    width: 30.66%;

    text-align: center;

    margin: 0 0 3% 4%;

}

.box-feature-two-inner:first-child {

    margin-left: 0;

}

.title-box-feature-two {

    font-size: 24px;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    color: #000;

    line-height: 40px;

}

.content-box-feature-two {

    color: #6b6b6b;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    text-align: left;

}

/* -------------------- HOME PAGE -------------------- */

 .title-section {

    font-size: 24px;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    color: #3B0B0B;

}

.title-section:before {

    content:'||';

    color: #3B0B0B;/*3498db vgm*/

    padding-right: 5px;

}

.testimonial .title-section, .testimonial-widget .title-section {

    float: left;

}

.testimonial-nav {

    float: right;

    font-size: 24px;

}

.section-news {

    margin-top: 4%;

}

.recent-news {

    width: 57%;

    margin: 0 3% 3% 0;

    float: left;

}

.recent-news ul {

    margin-top: 5%;

    list-style: none;

}

.recent-news li {

    float: left;

    width: 30%;

    margin-left: 4%;

}

.recent-news li:first-child {

    margin-left: 0;

}

.recent-news li h4 {

    font-size: 18px;

    color: #000;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    line-height: 1.6em;

    margin: 3px 0;

}

.recent-news h4 a, .portfolio-nav a {

    color: #000;

}

.entry-meta {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    color: #000;

    font-size: 12px;

    line-height: 16px;

}

.recent-news .mini-btn {

    font-family:'Open Sans', sans-serif;

    font-weight:300;

    padding:8px 12px;

}

.testimonial {

    float: left;

    width: 40%;

}

.testimonial-content blockquote {

    margin-top: 3%;

    border-bottom: 1px solid #3B0B0B;/*3498db vgm*/

    font-style: italic;

    line-height: 25px;

    float: left;

    padding-bottom: 10px;

}

/* -------------------- FOOTER -------------------- */

 .site-footer {

    background: #3e3e3e;

}

.footer-copy {

    text-align: center;

    background: #3B0B0B;/* 3498db vgm*/

    color: #fff;

    padding: 20px 0;

}

.logo-footer, .logo-footer a {

    font-family:'Oswald', sans-serif;

    font-weight:300;

    color: #fff;

    font-size: 57px;

    margin-bottom: 10px;

}

/* -------------------- WIDGET FOOTER -------------------- */

 .footer-widget {

    padding: 4% 0;

}

.widget-footer {

    width: 22.75%;

    float: left;

    margin-left: 3%;

}

.widget-footer:first-child {

    margin-left: 0;

}

.widget-footer p {

    color: #fff;

}

.widget-footer h3 {

    color: #fff;

    font-size: 18px;

}

.widget-footer ul {

    margin-top: 3%;

    list-style: none;

}

.widget-footer li {

    border-bottom: 1px solid #fff;

    padding: 2% 0;

}

.widget-footer li a {

    color: #fff;

}

.widget-footer li a:hover {

    color: #3B0B0B /*3498db vgm */;/*3498db vgm*/

}

/* -------------------- CONTENT -------------------- */

 .title-content {

    padding:10px 0;

}

.title-content h1 {

    float:left;

    font-size: 24px;

    margin: 4px 0 0 0;

}

.title-content h1:before {

    content:'||';

    color: #3B0B0B /*3498db vgm */;/*3498db vgm*/

    padding-right: 5px;

}

.title-content form {

    float:right;

}

#search-box input {

    background-color: #fff;

    border: 1px solid #fff;

    background: #fff url(img/Search-Icon.png) no-repeat 168px 6px;

    padding: 5px 21px;

}

.wrapper-post {

    padding: 0 0 2% 0;

}

.wrapper-post h3, .wrapper-post h3 a {

    font-size: 25px;

    color: #000;

    font-family:'Oswald', sans-serif;

    font-weight: 400;

    float: left;

    padding: 0;

    margin: 0;

}

.wrapper-post img {

    margin-top: 10px;

}

.wrapper-post a {

    font-family:'Oswald', sans-serif;

    font-weight:300;

    font-size: 18px;

    float:right;

    margin-top: 2%;

}

.social-share, .comment-form {

    padding-top: 40px;

}

.comment-form-contact {

    padding-top: 20px;

}

.comment h3 {

    margin-bottom: 20px;

}

.inner-comment, .inner-reply-comment {

    background: #ececec;

    padding: 10px 10px;

    margin-top: 20px;

    clear: both;

}

.inner-reply-comment {

    width: 90%;

    border-left: 4px solid #3B0B0B /*3498db vgm */;/* 3498db vgm*/

    margin-left: 46px;

}

.inner-reply-comment .message {

    width: 89%;

}

.user-icon {

    float: left;

    margin-right: 10px;

}

.user-icon img {

    margin: 0 !important;

}

.message {

    float: right;

    width: 90%;

}

.message p {

    font-size: 14px;

}

.message-name {

    float: left;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    font-weight: bold;

}

.message-reply-link {

    float: right;

}

.message-reply-link a {

    font-family:'OpenSans-Light' !important;

    font-size: 12px !important;

}

.message-date {

    clear: both;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 12px;

    color: #5a5a5a;

    padding-top: 5px

}

.error-page {

    text-align: center;

}

.error-page h1 {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 72px;

    margin-bottom: 10px;

}

.error-page h2 {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 36px;

    margin-bottom: 20px;

}

.error-page h5 {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 18px;

    margin-bottom: 20px;

}

.entry-meta p {

    float:left;

    margin-right: 10px;

}

.prev-next-link {

    float: left;

    display: block;

    width: 100%;

    margin-top: 50px;

    margin-bottom: 20px

}

.prev-next-link .prev-post {

    float: left;

}

.prev-next-link .next-post {

    float: right;

}

i {

    -webkit-transition: all .3s ease-in-out;

    -moz-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}

i:hover, .recent-news h4 a:hover, .wrapper-post h3 a:hover, .next-post p a:hover, .prev-post p a:hover {

    color: #3B0B0B /*3498db vgm */;/*3498db vmg*/

}

.next-testimoni, .prev-testimoni {

    cursor:pointer;

}

#testimoni-slider-container {

    float:left;

    display:block;

    clear:both;

    margin-bottom: 20px;

}

#clients-slider {

    clear: both;

}

#clients-slider li {

    margin-right: 20px;

}

#clients-slider li a img {

    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");

    /* Firefox 3.5+ */

    filter: gray;

    /* IE6-9 */

    -webkit-filter: grayscale(100%);

    /* Chrome 19+ & Safari 6+ */

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

#clients-slider li a img:hover {

    filter: none;

    -webkit-filter: grayscale(0%);

}

.wrapper-service {

    width: 94%;

    margin: 0 auto;

    margin-top: 40px;

}

/* -------------------- PAGINATION ---------------------------*/

 .pagination {

    display: inline-block;

    padding: 2% 0;

    margin-bottom: 35px;

}

.pagination ul li {

    list-style: none;

}

.pagination ul li {

    float: left;

}

.pagination ul li a {

    padding:7px 10px;

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    margin-right: 2px;

    font-size: 14px;

    color: #fff

}

.pagination ul li.active a, .pagination ul li a:hover {

    color: #eaeaea;

    background: #084D72

}

/* -------------------- SINGLE BLOG FORM -------------------- */

 .message-form {

    margin-top: 20px;

}

.contactform {

    width: 100%;

    list-style: none;

}

.contactform label {

    display: none;

}

input#name {

    margin-right: 2%;

}

input#name, input#email, input#url {

    float: left;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    padding: 10px 10px;

    color: #515151;

    border: none;

    width: 49%;

    margin-bottom: 1em;

    font-family:'Helvetica', Arial, sans-serif;

    border: 1px solid #d7d7d7;

    font-size: 16px;

    line-height: 1.5em;

}

input#url {

    float: none;

    width: 100%;

}

textarea#comment, textarea#message {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    padding: 10px 10px;

    color: #515151;

    border: none;

    width: 100%;

    margin-bottom: 1.5em;

    font-family:'Helvetica', Arial, sans-serif;

    color: #515151;

    border: 1px solid #d7d7d7;

    max-width: 695px

}

textarea#message {

    max-width: 728px;

}

input#submit {

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding: 10px 25px;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 16px;

    color: #fff;

    border: none;

    cursor: pointer;

}

input#submit:hover {

    background: #084D72;

}

/* -------------------- PORTFOLIO -------------------- */

 .portfolio-filter {

    padding:5px;

}

.portfolio-filter li {

    float:left;

    margin-right: 10px;

}

.portfolio-filter li:after {

    content:'/';

    padding-left: 5px;

}

.left-border {

    float:left;

}

.left-border:before {

    content:'||';

    color: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding-right: 5px;

    font-size: 24px;

    font-family:'Oswald', sans-serif;

    font-weight:400;

}

.inner-portfolio-left {

    width: 60%;

    float: left;

    padding: 40px 0px;

    margin-right: 20px;

}

.inner-portfolio-left p {

    margin: 20px 0px;

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

}

.inner-portfolio-right {

    float: left;

    width: 38%;

    margin-top: 40px;

}

.inner-portfolio-right p {

    font-family:'Open Sans', sans-serif;

    font-weight: 400;

    font-size: 14px;

    float: left;

    margin: 8px 20px 0 0;

}

.portfolio-nav {

    float: right;

}

.portfolio-nav p {

    margin: 0px 0px 0px 10px;

    font-size: 24px;

}

.portfolio-detail ul {

    padding: 20px 0px;

    list-style: none;

}

.portfolio-detail li {

    line-height: 1.5em;

}

.portfolio-detail p {

    margin: 0;

}

.portfolio-2-column .isotope-item {

    width:47%;

}

.portfolio-3-column .isotope-item {

    width:32%;

    height: auto !important;

}

#options ul {

    list-style: none;

}

#options li {

    float: left;

    margin: 0 0 0 10px;

    border-radius: 0;

    font-size: 18px;

}

#options li a {

    color: #fff;

    font-family:'Open Sans';

    font-size: 13px;

    margin: 0 0 10px 0;

}

#options li:first-child {

    margin: 0;

}

#options li a:after {

    margin-left: 16px;

}

#options li:last-child a:after {

    content: none;

    margin: 0;

}

/* -------------------- SIDEBAR -------------------- */

 .site-main {

    background:#fff;

    position: relative;

    z-index: 0;

    padding: 2% 0;

}

.widget-sidebar {

    padding: 0 0 10% 0%;

}

.widget-sidebar p {

    margin: 0;

}

.widget-sidebar ul {

    list-style: none;

}

.widget-sidebar h3 {

    font-size: 20px;

    color: #000;

    font-family:'Oswald', sans-serif;

    font-weight:400;

    line-height: 1.6em;

    margin-bottom: 2%;

}

.widget-sidebar h3:before {

    content:'||';

    color: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding-right: 5px;

}

.widget-sidebar ul li {

    line-height: 1.6em;

}

.portfolio-latest {

    margin-top: 5%;

}

.portfolio-latest img {

    float:left;

}

.portfolio-latest h4 {

    margin-top: 3%;

}

.portfolio-latest h4, .portfolio-latest p {

    float: left;

    min-width: 67%;

    margin: 0 0 0 5%;

}

.left-sidebar .content-sidebar {

    float: left;

    background: #fff;

    width: 35%;

}

.left-sidebar .content-area {

    width: 62%;

    float: right;

}

.left-sidebar .content-sidebar {

    margin-right:3%;

}

.portfolio-latest h5 a {

    font-size: 18px;

    margin-left: 5%;

    margin-bottom: 0;

}

.portfolio-latest h5 {

    margin-bottom: 0;

}

.right-sidebar .content-sidebar {

    float: right;

    background: #fff;

    width: 35%;

}

.right-sidebar .content-area {

    width: 62%;

    float: left;

}

.right-sidebar .content-sidebar {

    margin-left:3%;

}

.portfolio-latest h5 a {

    font-size: 18px;

    margin-left: 5%;

    margin-bottom: 0;

}

.portfolio-latest h5 {

    margin-bottom: 0;

}

.lead {

    margin: 20px 40px;

    font-size: 21px;

    font-weight: 200;

    line-height: 30px;

    color: #777;

}

/* ---------- SMALL MENU ---------- */

 .small-menu {

    display: none;

}

/*----------LIGHTBOX--------------*/

 #lightbox {

    background-color:#eee;

    padding: 10px;

    border-bottom: 2px solid #666;

    border-right: 2px solid #666;

}

#lightboxDetails {

    font-size: 0.8em;

    padding-top: 0.4em;

}

#lightboxCaption {

    float: left;

}

#keyboardMsg {

    float: right;

}

#closeButton {

    top: 5px;

    right: 5px;

}

#lightbox img {

    border: none;

    clear: both;

}

#overlay img {

    border: none;

}

#overlay {

    background-image: url(img/overlay.png);

}

* html #overlay {

    background-color: #333;

    back\ground-color: transparent;

    background-image: url(blank.gif/index.html);

    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png/index.html", sizingMethod="scale");

}

/*ISOTOPE*/



/* DO NOT EDIT

===========

===================

========================

============================= */

 .isotope-item {

    z-index: 2;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

/**** Isotope CSS3 transitions ****/

 .isotope, .isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.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: -ms-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

    overflow: hidden;

}

/**** disabling Isotope CSS3 transitions ****/

 .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}

/**** Isotope filtering ****/

 .isotope-item {

    z-index: 2;

    width: 24%;

    margin: 0.4%

}

.isotope-item img {

    height:auto;

}

.isotope-item h6 {

    text-align: center;

    font-family:'OpenSans-Light';

    margin-top: 10px;

    color: #000;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.isotope-item h6:hover {

    color: #3B0B0B /*3498db vgm */ /*3498db vgm */;

}

.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}

/* ---------- TYPOGRAPY ---------- */

 h1 {

    font-size: 3.2em;

    margin: 0 0 20px 0;

}

h2 {

    font-size: 2.6em;

    margin: 0 0 20px 0;

}

h3 {

    font-size: 2em;

    margin: 0 0 20px 0;

}

h4 {

    font-size: 1.8em;

    margin: 0 0 20px 0;

}

h5 {

    font-size: 1.4em;

    margin: 0 0 20px 0;

}

h6 {

    font-size: 1.2em;

    margin: 0 0 20px 0;

}

.list {

    margin-left: 20px;

    line-height: 1.6em;

}

.unordered, .unstyled, .ordered {

    margin-bottom: 40px;

}

.icon i {

    margin-right: 5px;

}

.icon li {

    list-style: none;

}

.icon {

    margin: 0;

}

table {

    max-width: 100%;

    background-color: transparent;

    border-collapse: collapse;

    border-spacing: 0;

}

.table {

    width: 100%;

    margin-bottom: 20px;

}

.table th, .table td {

    padding: 8px;

    line-height: 20px;

    text-align: left;

    vertical-align: top;

    border-top: 1px solid #dddddd;

}

.table th {

    font-weight: bold;

}

.table thead th {

    vertical-align: bottom;

}

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {

    border-top: 0;

}

.table tbody + tbody {

    border-top: 2px solid #dddddd;

}

.table .table {

    background-color: #ffffff;

}

.table-condensed th, .table-condensed td {

    padding: 4px 5px;

}

.table-bordered {

    border: 1px solid #dddddd;

    border-collapse: separate;

    *border-collapse: collapse;

    border-left: 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.table-bordered th, .table-bordered td {

    border-left: 1px solid #dddddd;

}

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {

    border-top: 0;

}

.table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child {

    -webkit-border-top-left-radius: 4px;

    -moz-border-radius-topleft: 4px;

    border-top-left-radius: 4px;

}

.table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child {

    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topright: 4px;

    border-top-right-radius: 4px;

}

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {

    -webkit-border-bottom-left-radius: 4px;

    -moz-border-radius-bottomleft: 4px;

    border-bottom-left-radius: 4px;

}

.table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child {

    -webkit-border-bottom-right-radius: 4px;

    -moz-border-radius-bottomright: 4px;

    border-bottom-right-radius: 4px;

}

.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {

    -webkit-border-bottom-left-radius: 0;

    -moz-border-radius-bottomleft: 0;

    border-bottom-left-radius: 0;

}

.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {

    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius-bottomright: 0;

    border-bottom-right-radius: 0;

}

.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child {

    -webkit-border-top-left-radius: 4px;

    -moz-border-radius-topleft: 4px;

    border-top-left-radius: 4px;

}

.table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child {

    -webkit-border-top-right-radius: 4px;

    -moz-border-radius-topright: 4px;

    border-top-right-radius: 4px;

}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {

    background-color: #f9f9f9;

}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {

    background-color: #f5f5f5;

}

table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] {

    display: table-cell;

    float: none;

    margin-left: 0;

}

/* ---------- ELEMENTS PAGE ---------- */

 .btn {

    display: inline-block;

    margin: 10px 0;

}

.large-btn, .default-btn, .small-btn, .mini-btn {

    padding: 10px 20px;

    font-family:'Oswald';

    color: #fff;

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

}

.large-btn:hover, .default-btn:hover, .small-btn:hover, .mini-btn:hover, span.prev-image:hover, span.next-image:hover {

    background: #084D72;

    color: #fff;

}

.large-btn {

    font-size: 28px;

}

.default-btn {

    font-size: 22px;

}

.small-btn {

    font-size: 18px;

}

.mini-btn {

    font-size: 12px;

}

.accordion-container {

    margin-top: 40px;

}

#accordion h5.ui-accordion-header-active, #accordion h5, h5.toggle-title {

    background: #3B0B0B /*3498db vgm */ /*3498db vgm */;

    padding: 10px 10px;

    color: #fff;

    border: none;

    font-family:'Open Sans';

    outline :none;

    cursor: pointer;

}

#accordion h5.ui-accordion-header-active, h5.toggle-title.active {

    background-image: url(img/arrow-down.png);

    background-repeat: no-repeat;

    background-position: right 15px;

}

#accordion h5, h5.toggle-title {

    background-image: url(img/arrow-right.png);

    background-repeat: no-repeat;

    background-position: right;

}

.ui-accordion-content, .toggle-content {

    border-bottom: 3px solid #3B0B0B /*3498db vgm */; /*3498db vgm */

    margin-bottom: 20px;

}

span.prev-image, span.next-image {

    background: #3B0B0B /*3498db vgm */; /*3498db vgm */

    padding: 10px 20px;

    cursor: pointer;

    z-index: 99999;

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 36px;

    color: #fff;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

span.prev-image i, span.next-image i {

    margin: 0;

}

span.next-image {

    margin: 0 20px 20px 0;

}

span.prev-image {

    margin: 0 75px 20px 0;

}

span.next-image i:hover, span.prev-image i:hover {

    color: #fff;

}

.form-container {

    margin: 60px 0;

}

#accordion li {

    list-style: none;

    line-height: 1.6em;

}

/* ---------- COLUMN ---------- */



/* 1/2 layout */

 .one-two {

    width:48%;

}

/* 1/3 layout */

 .one-three {

    width: 30.66666666666670%

}

/* 2/3 layout*/

 .two-three {

    width: 65.33333333333330%;

}

/* 1/4 layout */

 .one-four {

    width:22%;

}

/* 3/4 layout */

 .three-four {

    width: 74%;

}

/* 1/5 layout */

 .one-five {

    width: 16.8%;

}

/* 2/5 layout */

 .two-five {

    width: 37.6%;

}

/* 3/5 layout */

 .three-five {

    width: 58.4%;

}

/* 4/5 layout */

 .four-five {

    width: 67.2%;

}

.one-two, .one-three, .two-three, .three-four, .one-four, .one-five, .two-five, .three-five, .four-five {

    position: relative;

    float: left;

    margin-right: 4%;

    margin-bottom: 3em;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.last-col {

    margin-right: 0!important;

    clear: right;

}

h3 {

    outline:none;

}

/*---------- PROGRESS BAR --------------*/

 .progress .bar {

    width: 0%;

    height: 100%;

    color: #ffffff;

    float: left;

    font-size: 12px;

    text-align: center;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

    background-color: #3B0B0B /*3498db vgm */; /*3498db vgm */

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: width 1s ease;

    -moz-transition: width 1s ease;

    -o-transition: width 1s ease;

    transition: width 1s ease;

}

.progress {

    overflow: hidden;

    height: 20px;

    margin-bottom: 20px;

    background-color: #3B0B0B /*3498db vgm */; /*3498db vgm */

    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);

    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));

    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);

    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);

    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

/*------ TEAM PAGE  --------*/

 h2.team-title {

    text-align: center;

    margin-bottom: 40px;

}

.team ul li {

    list-style: none;

    float:left;

    width:24%;

    margin-left: 15px;

    text-align: center;

}

.team ul li:first-child {

    margin-left: 0;

}

.viewport {

    float: left;

    height: 309px;

    margin-bottom: 10px;

    overflow: hidden;

    position: relative;

    width: 281px;

}

/* This is so that the 2nd thumbnail in each row fits snugly. You will want to add a similar

   class to the last thumbnail in each row to get rid of the margin-right. */

 .no-margin {

    margin-right: 0;

}

/* --- Link configuration that contains the image and label ----------------------------- */

 .viewport a {

    display: block;

    position: relative;

}

.viewport a img {

    height: 359px;

    left: -20px;

    position: relative;

    top: -20px;

    width: 331px;

}

.viewport img {

    max-width: none;

}

/* --- Label configuration -------------------------------------------------------------- */

 .viewport a span {

    display: none;

    font-size: 24px;

    font-family:'Oswald';

    height: 100%;

    padding-top: 120px;

    position: absolute;

    text-align: center;

    text-decoration: none;

    width: 100%;

    z-index: 100;

}

.viewport a span em {

    display: block;

    font-size: 18px;

    margin-top: 5px;

    font-family:'Oswald';

}

/* --- Dark hover background ------------------------------------------------------------ */

 .dark-background {

    background-color: rgba(15, 15, 15, 0.6);

    color: #fff;

}

.dark-background em {

    color: #fff;

}

/* --- Social Icon ------------------------------------------------------------ */

 .social-media {

    display: inline-block;

    text-align: center;

}

a.twitter-hover {

    background-image: url('img/twitter-hover.png');

}

a.facebook-hover {

    background-image: url('img/facebook-hover.png');

}

a.linkedin-hover {

    background-image: url('img/linkedin-hover.png');

}

a.social-slide:hover {

    background-position: 0px -35px;

}

a.social-slide {

    height: 35px;

    width: 35px;

    margin: 10px;

    display: inline-block;

    -webkit-transition: all ease 0.3s;

    -moz-transition: all ease 0.3s;

    -o-transition: all ease 0.3s;

    -ms-transition: all ease 0.3s;

    transition: all ease 0.3s;

}

/*----PORTFOLIO-----*/

 .portfolio-latest h5 a {

    font-size: 18px;

    margin-left: 5%;

    margin-bottom: 0;

}

.portfolio-latest h5 {

    margin-bottom: 0;

}

.portfolio-item-background {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;

    border: none;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    -webkit-transition-duration: .25s;

    -moz-transition-duration: .25s;

    -o-transition-duration: .25s;

    -ms-transition-duration: .25s;

    transition-duration: .25s;

}

.portfolio-item {

    width: 80%;

    height: 0px;

    margin: auto 10%;

    margin-top: 0;

    position: absolute;

    z-index: 2;

    display: none;

    vertical-align: middle;

}

.portfolio-item h4 {

    color:white;

    padding: 2% 0 8% 0;

    border-bottom:2px solid #fff;

    text-align: center;

    cursor:pointer;

}

.portfolio-item h6 {

    color:#fff;

    padding: 5% 0;

    border-bottom:2px solid #fff;

    font-style: italic;

    cursor:pointer;

}

.portfolio-item h6:hover {

    color:#fff;

}

i {

    margin-right: 5px;

}

#back-top {

    position: fixed;

    bottom: 0%;

    right: 0;

    margin: 0 11px 0 0;

    background-color: #4FAAE5

}

#back-top:hover {

    background: #3e3e3e;

}

#back-top i {

    font-size: 24px;

    color: #fff;

    margin: 0;

    padding: 15px 20px;

    -webkit-transition: 1s;

    -moz-transition: 1s;

    -o-transition: 1s;

    -ms-transition: 1s;

    transition: 1s;

}

.form-response {

    display: none;

}

.hi-icon-wrap {

    text-align: center;

    margin: 0 auto;

    padding: 2em 0 3em;

}

.hi-icon {

    display: inline-block !important;

    font-size: 0px;

    cursor: pointer;

    margin: 15px 30px;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    text-align: center;

    position: relative;

    z-index: 1;

    color: #fff;

}

.hi-icon:after {

    pointer-events: none;

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    content:'';

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.hi-icon:before {

    font-family:'FontAwesome';

    speak: none;

    font-size: 48px;

    line-height: 90px;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    display: block;

    -webkit-font-smoothing: antialiased;

}

.hi-icon-effect-4 .hi-icon {

    width: 92px;

    height: 92px;

    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);

}

.hi-icon-effect-4 .hi-icon:before {

    line-height: 92px;

}

.hi-icon-effect-4 .hi-icon:after {

    top: -4px;

    left: -4px;

    padding: 0;

    z-index: 10;

    border: 4px dashed #fff;

}

.hi-icon-effect-4 .hi-icon.hover {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);

    color: #fff;

}

/* Effect 4b */

 .hi-icon-effect-4 .hi-icon.hover {

    -webkit-transition: box-shadow 0.2s;

    -moz-transition: box-shadow 0.2s;

    transition: box-shadow 0.2s;

}

.hi-icon-effect-4 .hi-icon.hover:after {

    -webkit-animation: spinAround 9s linear infinite;

    -moz-animation: spinAround 9s linear infinite;

    animation: spinAround 9s linear infinite;

}

@-webkit-keyframes spinAround {

    from {

        -webkit-transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(360deg);

    }

}

@-moz-keyframes spinAround {

    from {

        -moz-transform: rotate(0deg)

    }

    to {

        -moz-transform: rotate(360deg);

    }

}

@keyframes spinAround {

    from {

        transform: rotate(0deg)

    }

    to {

        transform: rotate(360deg);

    }

}