/*
Theme Name: Affix
Theme URI: http://support.theme-forge.com/
Author: Themeforge
Author URI: http://support.theme-forge.com/
Description: Affix - Responsive premium OnePage WordPress Theme
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0
Tags: black, white, dark, fixed-width, flexible-width, custom-colors, custom-background, custom-menu, custom-header, theme-options
Text Domain: requiredfoundation
*/



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

GENERAL

---------------------------------------------*/
body {
    margin-top: 0;
}

/*do not display the content, until js is loaded*/
.home #main, .home #header, .home .ls-wp-container.ls-container {
    opacity: 0;
}


.row_container {
    clear: both;
}

.assistive-text {
    position: absolute!important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

sup,sub {
    font-size: 10px;
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

abbr,acronym,dfn {
    cursor: help;
    border-bottom: 1px dotted #e6e6e6;
}

pre {
    word-break: break-word;
}

.alignleft {
    float: left;
    margin: 5px 15px 5px 0;
}

.alignright {
    float: right;
    margin: 5px 0 5px 15px;
}

.aligncenter {
    text-align: center;
}

.entry-meta,.page-link {
    clear: both;
}

div.attachment {
    text-align: center;
}

.entry-meta {
    font-size: 14px;
}

article footer.entry-meta {
    margin: 30px 0;
}

article:last-child footer.entry-meta {
    border-bottom: 0;
}

table {
    width: 100%;
}

ol.commentlist {
    margin-left: 0;
}

.commentlist li {
    list-style: none;
}

article.comment {
    margin: 30px 0;
}

.entry-content ul,.entry-content .widget ul,aside ul {
    margin-left: 17px;
}

ul.page-numbers {
    display: block;
    height: 24px;
    margin-left: -5px;
}

ul.page-numbers li {
    float: left;
    display: block;
    font-size: 18px;
    margin-left: 5px;
}

ul.page-numbers li a {
    display: block;
    padding: 3px 10px 3px;
    border: 1px solid #dedede;
    background: #fff;
    color: black;
}



ul.page-numbers li.unavailable a {
    cursor: default;
    color: #999;
}

ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus {
    background: transparent;
}

ul.page-numbers li span.current {
    color: #fff;
    font-weight: bold;
    cursor: default;
    display: block;
    padding: 3px 10px 3px;
    border: 1px solid transparent;
    background: #2ba6cb;
}

.off-canvas [role="main"]:before {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.js .off-canvas [role="main"] {
    background: transparent;
}

body.home #main {
    padding: 0;
}

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

.wpb_content_element {
    clear: both;
}

.entry-content ul {
    margin-left: 0;
}

fieldset {
    border: 0;
}

.wpb_gallery.twelve {
    padding: 0;
}

body.home .row_container .column_container .bg_row,body .row_container .column_container .bg_row {
    padding: 0;
}

body.home .row_container>.columns {
    padding: 0;
}

.tf_icon {
    margin-right: 5px;
}

a.scrollTo:hover .tf_icon {
    cursor: pointer !important;
}

.gmnoprint img {
    max-width:1000% !important;
}

::-webkit-input-placeholder {
    color: #464646;
}

::-moz-placeholder {
    color: #464646;
} /* firefox 19+ */
:-ms-input-placeholder {
    color: #464646;
} /* ie */
input:-moz-placeholder {
    color: #464646;
}

/*.home .row_container {
    background: white;
 }
*/
 .home .slides_container .row_container{
    background:none;
 }


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

HEADING

---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    word-wrap: break-word;
}

.sc-heading1 > span {
    color: #FFF;
    padding: 10px 5px;
    box-shadow: 20px 0 0 rgba(0,0,0,0.6),-20px 0 0 rgba(0,0,0,0.6);
    letter-spacing: 2px;
    text-transform: uppercase;
    background: rgba(0,0,0,0.6);
    line-height: 200%;
}

.sc-heading2 > span {
    color: #212121;
    padding: 10px 5px;
    box-shadow: 20px 0 0 rgba(255, 255, 255, 0.4),-20px 0 0 rgba(255, 255, 255, 0.4);
    font-size: 28px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.4);
    line-height: 200%;
    font-style: italic;
}

h1.title {
    font-weight: bold;
    color: #212121;
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
}

h2.title {
    font-weight: 300;
    color: #212121;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 7px;
}

h1.featuredtitle:before,.featuredtitle h1:before {
height: 5px;
width: 120px;
margin-bottom: 1px;
content: "";
display: inline-block;
margin-right: 20px;
}

 h1.featuredtitle:after,.featuredtitle h1:after {
height: 5px;
width: 120px;
margin-bottom: 1px;
content: "";
display: inline-block;
margin-left: 20px;
}

.featuredtitle2 h1:before {
height: 5px;
width: 120px;
margin-bottom: 1px;
content: "";
display: inline-block;
margin-right: 20px;
background:white;
}

.featuredtitle2 h1:after {
height: 5px;
width: 120px;
margin-bottom: 1px;
content: "";
display: inline-block;
margin-left: 20px;
background:white;
}

/* Big Triangle */
svg#TriangleSeperator {
    pointer-events: none;
}

.TriangleSeperator path {
    stroke-width: 1;
}

.TriangleSeperator {

    z-index: 9;
    position: relative;
    margin-top: -110px;
}
.heading-container-inner{

    position: relative;
    z-index: 20;
}

.triangle2 .twelve.columns {
    overflow:visible;
}
.triangle2 .TriangleSeperator {
    width: 30%;
    margin: -100px auto -80px auto;
    display: inherit;
    z-index: 9;
}

.triangleheading .twelve.columns{
    z-index:10;
    background: #fafafa;
}

.tf_heading_text h1, .tf_heading_text h2,.tf_heading_text h3,.tf_heading_text h4,.tf_heading_text h5, .tf_heading_text h6{
    margin-top: 0px;
}


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

DIVIDER

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

strong.divider {
    width: 25%;
    display: block;
    margin: 0 auto;
    border-bottom: 2px solid #212121;
    height: 2px;
}

strong.divider2 {
    width: 100%;
    display: block;
    border-bottom: 2px solid #999;
    height: 2px;
}

strong.divider3 {
    width: 14%;
    display: block;
    margin: 0 auto;
    border-bottom: 3px solid white;
    height: 3px;
}

strong.divider4 {
    width: 12%;
    display: block;
    border-bottom: 2px solid #f66;
    height: 2px;
}
strong.divider-portfolio {
    width: 26px;
    display: block;
    margin: 0 auto;
    border-bottom: 5px dotted white;
    height: 5px;
    display: none;

}

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

HEADER

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

.required-header #searchform {
    float: right;
    margin-top: 14px;
}

.required-header input {
    float: left;
}

.required-header .header-img {
    display: block;
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
}


.top-bar .columns,.top-bar ul.columns {
    padding: 0;
    margin-bottom: 0;
}

.top-bar>ul .name h1#logo a img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}

.top-bar.tf-header-small>ul .name h1#logo a img {
    max-height: 75%;
}

.top-bar > ul.logo-right .name h1#logo a img {
    right: 0;
}


.header-init {
    -webkit-transition: background .9s ease;
    -moz-transition: background .9s ease;
    -o-transition: background .9s ease;
    transition: background .9s ease;
}

.header-scroll,.header_noslide {
    -webkit-transition: background .9s ease;
    -moz-transition: background .9s ease;
    -o-transition: background .9s ease;
    transition: background .9s ease;
}

.top-bar {
    background: 0;
}


.top-bar ul>li a:not(.button) {
    height: auto;
}

.top-bar ul li.current a {
    color: #f66;
}

.top-bar ul>li:not(.name):hover,.top-bar ul>li:not(.name).active,.top-bar ul>li:not(.name):focus {
    background: inherit;
}

.top-bar ul>li.divider {
    display: none;
}

.top-bar>ul[data-position="right"] {
    float: right;
}

.top-bar>ul[data-position="right"]>li {
    float: right;
}

.top-bar>ul[data-position="center"] {
    float: none;
}

.top-bar>ul[data-position="center"]>li.name {
    float: none;
    text-align: center;
}

.top-bar #nav[data-position="center"] {
    float: none;
}

.top-bar #nav[data-position="center"] li {
    display: inline-block;
    float: none;
}

.top-bar #nav[data-position="center"] li.back.js-generated {
    display: none;
}

.top-bar ul > li.has-dropdown .dropdown li a {
    padding: 3px 17px 3px 15px !important;
    line-height: 35px !important;
}

.top-bar .nav-section[data-position="center"] div.menu-main-container {
    text-align: center;
}

dl.sub-nav dt,dl.sub-nav dd {
    float: left;
    display: inline;
    margin-left: 15px;
    margin-bottom: 10px;
}


#header {
    /*overflow: visible !important;*/
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    transition: background-color 0.5s;
    background: #222;
}

.home #header{
	z-index: 999999;
}

#header .nav-section, #header .logo-section {
    height: 100%;
}

#header .nav-section > div {
    height: 100%;
}

#nav {
    display: table;
    height: 100%;
}

#nav > li {
    vertical-align: middle;
    display: table-cell;
    float: none;
}

#header.tf-header-transparency-off {
    box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 1px;
}

#header.tf-header-transparency-on {
    box-shadow: none;
}

/*Admin Bar Fix*/
.admin-bar #header {
    margin-top: 28px;
}

#wpadminar #header {
    margin-top: 28px;
}

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
    left: 100%;
    right: auto;
    margin-top: 0px !important;
}   
#main-nav .dropdown {
    margin-top: 0px;
}
#main-nav {
    height: 85px;
}

#logo a {
    line-height: 85px;
}

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

WAYPOINT

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

/*TEAM*/
.team-member.tf-waypoint.view-off {
    opacity: 0;
}

.mobile .team-member, .single .team-member {
    opacity: 1 !important;
}

/*PRICING TABLE*/
.pricing-table.tf-waypoint.view-off {
    opacity: 0;
}

.mobile .pricing-table, .single .pricing-table {
    opacity: 1 !important;
}

/*TEXT AREA*/
.wpb_text_column.tf-waypoint .view-off {
    opacity: 0;
}

.mobile .wpb_text_column, .mobile .wpb_text_column .text-content, .single .wpb_text_column, .single .wpb_text_column .text-content {
    opacity: 1 !important;
}

/*GRID*/
#og-grid.tf-waypoint.view-off > li {
    opacity: 0;
}

#og-grid.tf-waypoint.view-on > li.view-off {
    opacity: 0;
}

.mobile #og-grid > li, .single #og-grid > li {
    opacity: 1 !important;
}

/*ICON*/
.tf_icon.tf-waypoint {
    display: block;
}

.tf_icon.tf-waypoint.view-off {
    opacity: 0;
}

.mobile .tf_icon,.single .tf_icon {
    opacity: 1 !important;
}

.wpb_text_column.tf-waypoint .text-content.view-on.from-left,
.pricing-table.tf-waypoint.view-on.from-left,
.team-member.tf-waypoint.view-on.from-left,
.tf_icon.tf-waypoint.view-on.from-left {
    animation-name: fromLeft;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    -webkit-animation-name: fromLeft;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
}

.wpb_text_column.tf-waypoint .text-content.view-on.from-right,
.pricing-table.tf-waypoint.view-on.from-right,
.team-member.tf-waypoint.view-on.from-right,
.tf_icon.tf-waypoint.view-on.from-right {
    animation-name: fromRight;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    -webkit-animation-name: fromRight;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
}

.wpb_text_column.tf-waypoint .text-content.view-on.from-top,
.pricing-table.tf-waypoint.view-on.from-top,
.team-member.tf-waypoint.view-on.from-top,
.tf_icon.tf-waypoint.view-on.from-top {
    animation-name: fromTop;
    animation-duration: 0.5s;
    animation-timing-function: linear;
    -webkit-animation-name: fromTop;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: linear;
}

.wpb_text_column.tf-waypoint .text-content.view-on.from-bottom,
.pricing-table.tf-waypoint.view-on.from-bottom,
.team-member.tf-waypoint.view-on.from-bottom,
.tf_icon.tf-waypoint.view-on.from-bottom {
    animation-name: fromBottom;
    animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: fromBottom;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
}

.wpb_text_column.tf-waypoint .text-content.view-on.fade,
.pricing-table.tf-waypoint.view-on.fade,
.team-member.tf-waypoint.view-on.fade,
#og-grid.tf-waypoint.view-on > li.view-on.fade,
.tf_icon.tf-waypoint.view-on.from-left {
    animation-name: scaleIn;
    animation-duration: 0.9s;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: scaleIn;
    -webkit-animation-duration: 0.9s;
    -webkit-animation-timing-function: ease-in-out;
}

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

SCROLL UP

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

#scrollUp {
    bottom: 30px;
    right: 40px;
    width: 40px;
    height: 30px;
    padding: 10px 5px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    text-indent: -9999px;
    background-repeat: repeat-x;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    transition: all 300ms linear;
    background: #464646 url("images/top.png") no-repeat center center;
}


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

ANIMATIONS

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


/*SCALE ANIMATION, USED IN FADE IN*/

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }

    60% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
        opacity: 1 !important;
    }
}

@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    60% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1 !important;
    }
}

/*FROM BOTTOM*/

@-webkit-keyframes fromBottom {
    0% {
        -webkit-transform: translateY(120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    70% {
        -webkit-transform: translateY(-20px);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes fromBottom {
    0% {
        transform: translateY(120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

/*Portfolio - Hover*/

@-webkit-keyframes fromBottomPortfolio {
    0% {
        -webkit-transform: translateY(120px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }


    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes fromBottomPortfolio {
    0% {
        transform: translateY(120px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

/*FROM TOP*/

@-webkit-keyframes fromTop {
    0% {
        -webkit-transform: translateY(-120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        -webkit-transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes fromTop {
    0% {
        transform: translateY(-120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

/*FROM LEFT*/

@-webkit-keyframes fromLeft {
    0% {
        -webkit-transform: translateX(-120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes fromLeft {
    0% {
        transform: translateX(-120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

/*FROM RIGHT*/

@-webkit-keyframes fromRight {
    0% {
        -webkit-transform: translateX(120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes fromRight {
    0% {
        transform: translateX(120px);
        opacity: 0;
    }

    50% {
        opacity: 0.3;
    }

    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}


@-webkit-keyframes loader {
    0% {
        background: #ddd;
    }

    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd;
    }

    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc;
    }
}

@-moz-keyframes loader {
    0% {
        background: #ddd;
    }

    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd;
    }

    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc;
    }
}

@keyframes loader {
    0% {
        background: #ddd;
    }

    33% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd;
    }

    66% {
        background: #ccc;
        box-shadow: 0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc;
    }
}


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

SLIDER

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

/*ORBIT SLIDER*/

#orbit-slider {
    width: 100%!important;
    /*height: 760px!important;*/
    background: #000 url('images/294_white.gif') no-repeat center center;
    overflow: hidden;
}

#orbit-slider .row {
    display: none;
}

.orbit div.orbit-slide {
    background-size: cover;
    background-position: center;
}

.orbit {
    margin-bottom: 0;
}

h1.orbit_caption_1 {
    color: white;
    font-size: 70px;
    text-align: center;
    font-weight: bold;
    font-family: 'Open Sans';
    letter-spacing: 20px;
    width: 51%;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 20px;
    text-shadow: 5px 1px 5px rgba(0,0,0,1);
    border-bottom: 5px solid white;
    border-top: 5px solid white;
}

h1.orbit_caption_2 {
    color: white;
    font-size: 41px;
    text-align: center;
    font-weight: 300;
    font-family: 'Lato';
    letter-spacing: 6px;
    font-style: italic;
    width: 68%;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 10px 57px;
    line-height: 150%;
}

/*FLEX-SLIDER*/

.flexslider {
    box-shadow: none !important;
    border-radius: 0px !important;
}

.wpb_gallery .wpb_gallery_slides .flex-control-nav li {
    width: auto;
}

.wpb_gallery .wpb_gallery_slides .flex-control-nav li a {
    font-size: 0!important;
}

.wpb_gallery .wpb_gallery_slides .flex-direction-nav {
    height: 0;
}

.wpb_gallery .wpb_gallery_slides .flex-direction-nav a {
    width: 45px!important;
    height: 55px!important;
    margin: -20px 0 0;
    display: block;
    background: url(images/testimonial_arrows.png) no-repeat 0 0!important;
    background-color: rgba(0,0,0,0.5)!important;
    position: absolute;
    top: 48%!important;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .30s linear;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
}

.wpb_gallery .wpb_gallery_slides .flex-direction-nav a.flex-prev {
    background-position: 0 -55px!important;
    left: -45px;
}

.wpb_gallery .wpb_gallery_slides .flex-direction-nav a.flex-next {
    background-position: 100% 0;
    right: -45px;
}

.wpb_gallery .wpb_gallery_slides.flexslider:hover .flex-next {
    opacity: .8;
    right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.wpb_gallery .wpb_gallery_slides.flexslider:hover .flex-prev {
    opacity: .8;
    left: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.wpb_gallery .wpb_gallery_slides.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.wpb_gallery .wpb_gallery_slides.flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
 /* For IE8 and earlier */
    cursor: default;
}

/*TESTIMONIAL SLIDER*/

.wpb_testimonial_slider {
    margin: 0 auto;
}

.wpb_testimonial_slider .flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 0;
    position: relative;
    border-radius: 0px;
    -webkit-box-shadow: none;
}

.wpb_testimonial_slider .flexslider ul.slides .slides_container {
    margin: 0 auto;
    text-align: center;
}

.wpb_testimonial_slider .wpb_gallery_slides ol.flex-control-nav {
    right: 48%;
    bottom: -35px;
    top: auto;
    width: auto;
    position: absolute;
    z-index: 50;
    font-size: 1px;
    padding: 0;
}


.wpb_testimonial_slider .flex-direction-nav {
    height: 0;
}

.wpb_testimonial_slider .flex-direction-nav a {
    width: 45px!important;
    height: 55px!important;
    margin: -20px 0 0;
    display: block;
    background: url(images/testimonial_arrows.png) no-repeat 0 0!important;
    background-color: rgba(0,0,0,0.5)!important;
    position: absolute;
    top: 38%!important;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.wpb_testimonial_slider .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -45px;
}

.wpb_testimonial_slider .flex-direction-nav .flex-prev {
    background-position: 0 -55px!important;
    left: -45px;
}

.wpb_testimonial_slider .flexslider:hover .flex-next {
    opacity: .8;
    right: 5px;
}

.wpb_testimonial_slider .flexslider:hover .flex-prev {
    opacity: .8;
    left: 5px;
}

.wpb_testimonial_slider .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {
    opacity: 1;
}

.wpb_testimonial_slider .flex-direction-nav .flex-disabled {
    opacity: .3!important;
    filter: alpha(opacity=30);
 /* For IE8 and earlier */
    cursor: default;
}

.wpb_gallery .wpb_gallery_slides .flex-control-nav a {
    margin: 0 0 0 7px!important;
    width: 25px!important;
    height: 8px!important;
    border-radius: 0px !important;
}

.wpb_testimonial_slider .slides_container cite {
    margin-top: 30px;
    color: whitesmoke;
}

.wpb_testimonial_slider .slides_container cite:before {
    height: 1px;
    width: 30px;
    margin-bottom: 4px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    background: whitesmoke;
}

.wpb_testimonial_slider .slides_container cite:after {
    height: 1px;
    width: 30px;
    margin-bottom: 4px;
    content: "";
    display: inline-block;
    margin-left: 10px;
    background: whitesmoke;
}

.testimonial_author_image {

    max-width:110px;
    -webkit-border-radius:50%;
    margin:20px auto;
    -webkit-box-shadow: 0px 0px 0px 5px white;
}


.video-bg .flex-video{
    height: auto !important;
    width: auto !important;
    padding-top:0px;
    margin-bottom:0px;
    z-index:5;
    margin-top: -10px;
}


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

PORTFOLIO GRID

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


#og-grid {

    max-width:1500px;
}

body.home .og-expander .row_container>.columns {
    padding: 0 15px;
}


.og-grid li {
    max-width: 95%;
}

.og-grid .flexslider {
    margin: 0;
    background: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    position: relative;
}

.og-grid .flex-direction-nav {
    height: 0;
}

.og-grid .flex-direction-nav a {
    width: 45px!important;
    height: 55px!important;
    margin: -20px 0 0;
    display: block;
    background: url(images/testimonial_arrows.png) no-repeat 0 0!important;
    background-color: rgba(0,0,0,0.5)!important;
    position: absolute;
    top: 38%!important;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
}

.og-grid .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -45px;
}

.og-grid .flex-direction-nav .flex-prev {
    background-position: 0 -55px!important;
    left: -45px;
}

.og-grid .flexslider li {
    max-width: 100%;
}

.og-details-content .row_container>.columns {
    padding: 0 15px;
}

.og-details-content .detail-container.row {
    margin: 0;
}

.og-expander-inner.row {
    width: 100%;
}

.og-grid {
    list-style: none;
    padding: 0px;
    margin: 0 auto !important;
    text-align: center;
    width: 100%;
}

.og-grid>li {
    display: inline-block;
    margin: 10px 5px 0 5px;
    vertical-align: top;
    overflow: hidden;
}

.og-grid .flexslider li {
    margin: 0;
}

.og-grid>li>a,.og-grid>li>a img {
    border: 0;
    outline: 0;
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    overflow: hidden;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
}

.og-grid>li>a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.og-grid>li>a:hover .portTitleContent {
    -webkit-animation: fromBottomPortfolio 0.3s;
}

.og-grid .og-grid-item .portTitle,.isotope-content .grid-item-head .portTitle {
    opacity: 0;
    overflow: hidden;
    position: absolute;
    /*background-color: rgba(0,196,146,0.6);*/
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.og-grid .og-grid-item .portTitleContent,.isotope-content .grid-item-head .portTitleContent {
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
}

.og-grid li.og-expanded>a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 15px;
    left: 50%;
    margin: -25px 0 0 -15px;
}

.og-expander {
    position: absolute;
    background: #fff;
    top: auto;
    left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: left;
    height: 0;
}

.og-expander-inner {
    padding: 50px 30px;
    height: 100%;
    margin: 0 auto;
}

.og-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.og-close::before,.og-close::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #888;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.og-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.og-close:hover::before,.og-close:hover::after {
    background: #333;
}

.og-details {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    float: none;
    max-width: 1600px;
}

.og-details hr.portfolio {
    margin: 10px 0px;
    border-color: #ddd;
    border-style: solid;
}

.og-details h3.desc {
    font-weight: bold;
    font-size: 26px;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding-top: 12px;
}

.og-loading {
    width: 32px;
    height: 32px;
    background: url(images/loading2.gif);
    position: absolute;
    top: 50%;
    left: 45%;
}

.img_padding {
    padding: 0 60px;
}

ul.project_details_list li {
    list-style: none;
    margin-bottom: 5px;
}

ul.project_details_list li span {
    font-style: italic;
    text-transform: uppercase;
    font-size: 20px;
    top: -4px!important;
    margin-left: 10px;
    font-weight: normal;
    letter-spacing: 1px;
}

.ppt {
    display:none !important;
}

/*PORTFOLIO SINGLE*/

.single #portfolio-content .detail-container.row {
    margin: 0px;
}

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

PORTFOLIO ITEMS WITH FIXED BACKGROUND

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


.details.big {
    background: white;
    height: 100px;
    width: 300px;
    position: relative;
    top: 80%    ;
    left: 50%;
    border: 4px solid rgba(255, 255, 255, 0.9);
    margin-left: -150px;
    cursor: pointer;
}

.details.expanded {
    cursor: initial;
}

.details.small {
    background: white;
    border: 4px solid rgba(255, 255, 255, 0.9);
    cursor: pointer;
}

.details span {
    color: #000;
    position: relative;
    top: 13px;
    left: 118px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Oswald';
}

.details span a {

    color:black;
}

.details i.overview {

    font-size:25px;
    color:#dedede;
    display:block;
    margin-top:15px;
    transition: all 0.6s;
}

.details:hover i.overview{
    color:#00c492;
     transition: all 0.6s;
}

.details .description i {
    margin-top: 7px;
    color: #00C492;
    margin-bottom: 8px;
}

.details1 a,details2 a {
    text-decoration: none;
    color: black !important;
}

.description {
    height: 86%;
    margin: 20px;
    display: none;
}

.description p{
    margin: 35px 25px;
    letter-spacing: 1px;
    font-size: 13px;
}

.description .content {
    margin-top:10px;
}

.description .close {
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    padding: 8px;
}

.content {
    color:black;
     line-height:170%;
     font-size:12px;
     font-family:'Oswald';
     font-weight:normal;
     letter-spacing:1px;
     text-align:justify;
 }
 
 .fact {
    color:black;
    font-size:27px;
    font-family:'Oswald';
    display: inline-block;
    line-height: 130%;
    text-align: center;
    padding: 5px 20px;
    border-right: 1px solid black;
 }

 .fact.last {
    border:0px;
 }
 
 .row_effect .twelve {
    overflow:visible;
}

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

TWITTER

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

.wpb_twitter_widget {
    padding: 20px;
   /* background: rgba(255,255,255,0.4);
    border: 1px solid rgba(255,255,255,0.3);*/
}

.twitter-heading i {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    display: none;
}

.twitter-heading-name {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    display:none;
}

#tweets li {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

#tweets li a.date {
    text-shadow: none;
}

#content .wpb_twitter_widget ul.tweet_list li,.wpb_twitter_widget ul.tweet_list li {
    list-style: none;
    border-bottom: 0!important;
    margin: 0 0 1em 0;
    padding-bottom: 1em;
    color: white;
}

.wpb_twitter_widget .twitter-heading i {
    font-size: 60px;
}

.wpb_twitter_widget .twitter-heading h2 {
    margin-bottom: 30px;
}

.wpb_twitter_widget .twitter-heading .twitter-heading-separator {
    width: 20%;
    border-bottom: 2px solid;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 20px !important;
}

.twitter_follow_button {
    width: 100%;
}

#tweets {
    max-width: 800px;
    margin: 0 auto !important;
}

.twitter_follow_button_wrap {
    max-width:300px;
    margin:0 auto !important;
}

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

PROGRESS BARS

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

div.progress .meter {
    background: #333;
    height: 100%;
    display: block;
    width: 50%;
}

div.progress .meter span {
    padding: 0;
    margin: 0;
    padding-left: 10px;
}

div.progress .meter span .progress_content {
    opacity: 0;
}


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

PIE-CHARTS

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

.pieChart {
    margin: 0 auto;
}

.pieChart-content {
    display: inline-block;
    max-width: 60%;
    vertical-align: middle;
}

.pieChart-content p {
    margin-bottom: 0px;
}

p.pie_content {
    color: #555;
    font-size: 16px;
    font-weight: 300;
    line-height: 170%;
    margin: 20px 30px 30px 30px;
    letter-spacing: 1px;
}

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

BUTTONS

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

.button {
    font-weight: 300;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    display: inline-block;
    margin: 30px 0 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    border: none;
}

.button:hover {
    background-color: inherit;
	color : #c20102;
}

.btn, .wpcf7 .wpcf7-submit {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin-bottom: 5px;
}

.btn i {
    margin-right: 10px;
    font-size: 20px;
    color: black;
    opacity: 0.4;
}

.btn.large {
    padding: 25px 60px;
}

.btn.medium, .wpcf7 .wpcf7-submit {
    padding: 15px 40px;
}

.btn.small {
    padding: 10px 25px;
}

.btn.tiny {
    padding: 7px 20px;
}

.btn.radius {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}

.btn.round {
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    -ms-border-radius: 1000px;
    -o-border-radius: 1000px;
    border-radius: 1000px;
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}


/* Button 1 */
.btn-1, .wpcf7 .wpcf7-submit {
    background: #cb4e4e;
    color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.cta_align_bottom a {
    margin-top: 15px;
}




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

SEARCH

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

#searchsubmit {
    margin: 0px;
    height: 40px;
    padding: 10px;
}

#searchform #s {
    height: 40px;
    border-radius: 0px;
    padding: 0px;
}

.search-no-results .entry-content p {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center !important;
}

.search-no-results #searchsubmit {
    width: 100%;
}

#searchform #s:focus {
    outline: none;
}

#searchform .row div.columns {
    padding: 0px;
}

.search #content,.archive #content, .blog #content {
    padding-top: 50px;
}
.single #content {
    padding-top: 120px;
}
.search .page-title,.archive .page-title {
    margin-top: 0;
}

.search input {
    border: 1px solid #eaeaea;
    background: #fafafa;
    box-shadow: none;
    -webkit-box-shadow: none;
}


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

TEAM

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

.team-member img {
    display: block;
    margin: 0 auto;
}

.team-member .img-wrapper {
    position: relative;
}

.team-member .img-wrapper.circle {
    background: #FFF;
    border: 3px solid #DEDEDE;
    border-radius: 300px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 15px;
}

.team-member:hover .img-wrapper.circle {
    border: 3px solid;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.team-member img.circle {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    border: 10px solid transparent;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-filter: grayscale(0%);
}

.safari .team-member img.circle,
.mobile .team-member img.circle,
.touch .team-member img.circle {
    border: 0px;
}

.safari .team-member img.circle {
    /*-webkit-filter: none !important;*/
}

.team-member:hover img.circle {
    -webkit-transition: -webkit-filter 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: 0px solid transparent;
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://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 10+, Firefox on Android */
}

.team-social {
    text-align: center;
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 43%;
    z-index: 1;
    transition: opacity 0.2s linear;
}

.team-member:hover .team-social {
    opacity: 1;
}

.team-social i {
    margin-left: 8px;
    margin-right: 8px;
    -webkit-backface-visibility: hidden;
}

.team-member  img.alignnone {
    border-bottom: 1px solid rgba(0,0,0,0.8);
    text-align: center;
}

.team-member h2 {
    margin-top: 25px;
    text-align: center;
}

.team-member  h4 {
    text-align: center;
}

.team-member {
    padding: 30px;
    max-width: 500px;
    margin: 10px auto;
    /*-webkit-backface-visibility: hidden;*/
}

.team-member  p {
    text-align: center;
    line-height: 200%;
    padding-bottom: 15px;
}

.team-member .team-divider {
    width: 100%;
    display: block;
    margin: 0 auto;
    border-bottom: 1px solid #dedede;
    height: 2px;
    display: none;
}

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

PRICING TABLES

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

ul.pricing-table {
    border: 1px solid #eaeaea;
    margin: 0px -15px;
}

.breakpoint ul.pricing-table {
    max-width: 80%;
    margin: 20px auto;
}

ul.main.pricing-table li.title {
    padding: 32px 0px 33px 0px;
}

ul.main.pricing-table .cta-button {
    padding: 26px;
}


.pricing-table li.title {
    padding: 25px 20px;
    text-align: center;
}

.pricing-table .cta-button a {
    margin: 0;
}

.pricing-table .price {
    background-color: white;
    padding: 25px 20px;
    text-align: center;
    font-weight: normal;
    font-size: 20px;
}

.pricing-table .price h2>span {
    font-size: 22px;
    margin-right: 8px;
}
.pricing-table li:nth-child(3),.pricing-table li:nth-child(5)  {

    background: #fafafa;
}
ul.pricing-table {
    border:1px solid #eaeaea;
    margin:0 -14px;
}
#pricings .three.columns {

   -webkit-box-shadow: 0px 0px 0px !important;
   box-shadow: 0px !important;
}

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

CONTACT FORM 7

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

.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea {
    outline-style: none;
    font-family: inherit;
    padding: 2px 0 2px 0;
    letter-spacing: normal;
    background-color: #fff;
    border: 0 none;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 2px;
    outline-style: none;
    padding: 6px 12px 6px 12px;
    height: 60px;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: none;
    color: black;
    -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;
}

.wpcf7 input[type="text"]:focus,.wpcf7 input[type="email"]:focus,.wpcf7 textarea:focus {
    color: white;
}

.wpcf7 textarea {
    overflow: auto;
    height: auto;
}

.wpcf7 .wpcf7-submit {
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 20px 40px !important;
    display: inline-block;
    margin: 0;
    outline: 0;
    background-color: transparent;
    cursor: pointer;
    text-align: center;
    width: 99%;
    -webkit-transition: border-color 0.3s linear, background-color 0.3s linear;
    -moz-transition: border-color 0.3s linear, background-color 0.3s linear;
    -o-transition: border-color 0.3s linear, background-color 0.3s linear;
    transition: border-color 0.3s linear, background-color 0.3s linear;
    -webkit-appearance: none;
}

select.wpcf7-select {
    background: #fff url("images/selectarrow.png") no-repeat center right;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    outline-style: none;
    font-family: inherit;
    padding: 2px 0 2px 0;
    letter-spacing: normal;
    color: #464646;
    background-color: #fff;
    border: 0 none;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 2px;
    outline-style: none;
    padding: 4px 12px 4px 12px;
    height: 60px;
    margin-top: 0;
    margin-bottom: 12px;
    text-transform: uppercase;
    border-radius: 0px;
    box-shadow: none;
    -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;
}

div.wpcf7-validation-errors {
    overflow: hidden;
    display: block;
    padding: 6px 7px 7px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    position: relative;
    background-color: #e9e9e9;
    color: #505050;
    text-shadow: 0 1px rgba(255,255,255,0.3);
}

span.wpcf7-not-valid-tip {
    position: absolute;
    top: -42px;
    z-index: 3;
    /*width: 100%;*/
    overflow: hidden;
    display: block;
    padding: 6px 7px 7px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    background-color: #e9e9e9;
    color: #505050;
    text-shadow: 0 1px rgba(255,255,255,0.3);
}

div.wpcf7-mail-sent-ok {
    padding: 6px 7px 7px;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    position: relative;
    background-color: #5da423;
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
}


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

GOOGLE MAP

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

/*INFOBOX*/
.infobox-wrapper {
    display: none;
    opacity: 1!important;
}

#infobox {
    opacity: 1!important;
    margin-top: 0;
    overflow: hidden;
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    background: white url('images/tipbox.gif') no-repeat;
    max-width: 500px;
    width: 500px;
    -webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}

#infobox .row_container>.columns {
    padding: 0 15px;
}

#infobox .row_container.p0>.columns {
    padding: 0;
}

#infobox i {
    font-size: 20px;
    margin-bottom: -5px;
}

#infobox i>p {
    font-size: 12px;
    display: inline;
    position: relative;
    top: 0;
    margin-left: 8px;
    color: #212121;
    vertical-align: top;
    line-height: 140%;
}

.page #infobox > .row {
    margin: 0;
}

div.infoBox>img {
    position: absolute!important;
    right: 5px;
    top: 5px;
    z-index: 100;
}


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

GOOGLE MAP WITH 3 BOXES

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

 .gmap-ol {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 5;
 }

 .gmap-loc {
    width: 220px;
    height: 120px;
    position: absolute;
    left: 35%;
    bottom: 120px;
    background: #FFF;
    z-index: 100;
    text-align: center;
    padding: 23px 20px 40px 20px;
    margin-left: -110px;
    color: #464646;
    letter-spacing: 1px;
    font-size: 14px;
    cursor:pointer;
 }

 .gmap-details1, .gmap-details2, .gmap-details3 {
    width: 220px;
    height: 120px;
    position: absolute;
    bottom: 120px;
    background: #FFF;
    z-index: 100;
    text-align: center;
    padding: 23px 20px 40px 20px;
    margin-left: -110px;
    color: #464646;
    letter-spacing: 1px;
    font-size: 14px;
    cursor:pointer;
 }

     .gmap-details1 {
        left: 35%;
     }
    .gmap-details2 {
        left: 50%;
    }
    .gmap-details3 {
        left: 65%;
    }

 .gmap-details1.start i, .gmap-details2.start i, .gmap-details3.start i,  .gmap-loc.start i{
    transition:all 0.6s;
 }

 .gmap-details1.start:hover i,  .gmap-details2.start:hover i, .gmap-details3.start:hover i,  .gmap-loc.start:hover i {
    color: #00C492 !important;
    transition: all 0.6s;
 }

 .animated i {
    color: #00C492 !important;
    transition: all 0.6s;
 }

 .gmap-details1-info, .gmap-details2-info, .gmap-details3-info {
    width: 600px;
    height: 300px;
    background: #FFF;
    position: absolute;
    bottom: 220px;
    left: 50%;
    margin-left: -300px;
    z-index: 10;
    display: none;
    padding: 45px 35px 30px 35px;
 }

.gmap-details-text {
    margin-top: 10px;
}
.left-info {
    padding-right: 30px;
}

 .left-info span { 
    font-size: 18px;
    vertical-align: bottom;
    float: right;
    margin-top: 6px;
    color: #464646;
    text-transform: uppercase;
    font-family: 'Oswald';
    font-size: 15px;
    letter-spacing: 1px;
}

.left-info i{
    font-size: 30px;
    color: #DEDEDE;
    padding-bottom: 10px;
    border-bottom: 1px solid #DEDEDE;
    margin-top: 10px;
}


 .gmap-contact {
    width: 220px;
    height: 120px;
    position: absolute;
    left: 65%;
    bottom: 120px;
    background: #FFF;
    z-index: 100;
    text-align: center;
    padding: 23px 20px 40px 20px;
    margin-left: -110px;
    color: #464646;
    letter-spacing: 1px;
    font-size: 14px;

 }


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

SOCIAL

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

ul.social {
    list-style: none;
    text-align: center;
    margin-top: -10px;
}

ul.social li {
    display: inline-block;
    padding: 0 5px;
}

ul.social li a {
    font-size: 40px;
    text-align: center;
}

ul.social li a em {
    display: none;
}

ul.social li a:hover {
    color: #555;
    -webkit-transition: color .2s linear;
    -moz-transition: color .2s linear;
}

.social-list span:hover i.icon-stack-base {
    transition: color 0.3s ease-in-out !important;
    -webkit-transition: all .3s ease-in-out !important;
    -moz-transition: all .3s ease-in-out !important;
}

.team-social .icon-stack a .icon-stack-base {
    transition: color 0.3s ease-in-out !important;
    -moz-transition: color 0.3s ease-in-out !important;
    -webkit-transition: color 0.3s ease-in-out !important;
}

.social-list.default a {
    margin: 0px 6px;
}

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

FIXED AND PARALLAX SECTIONS

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

.row_effect {
    background-attachment: fixed;
}

.row_effect .overlay {
    background-attachment: fixed;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

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

BLOG

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

.format-image .entry-meta h6,.format-link .entry-meta h6,.format-quote .entry-meta h6,.format-status .entry-meta h6,.sticky .entry-meta h6 {
    display: inline-block;
}

.entry-meta .label {
    float: right;
    text-transform: uppercase;
    margin: 15px 0;
    font-style: italic;
}

.format-status .entry-header img {
    float: left;
    margin: 5px 15px 0 0;
}

.format-link .entry-content a {
    font-size: 22px;
    line-height: 1;
}

.post-box .row>.columns.left {
    margin-left: 0;
    margin-right: 0;
}

.row .entry-content>.columns.left {
    margin-left: 0;
    margin-right: 4.4%;
}

.row .entry-content>.columns.right {
    float: right;
    margin-left: 4.4%;
    margin-right: 0;
}

.row .entry-content>.columns br {
    font-size: 1%;
    line-height: 0;
}



.entry-meta .cat-links .label {
    font-weight: 300;
    float: none;
    font-size: 11px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 5px 10px;
    border: 1px solid #333;
    display: inline-block;
    margin: 0 10px 0 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
}

.entry-summary {
    font-family: inherit;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.6;
}

div[id^='attachment'] {
    max-width: 100%;
}

body.blog, body.search,body.archive {
    background: #f5f5f5;
}

.post-wrapper {
    background: white;
    padding-bottom: 30px;
    border-radius: 0px 0px 5px 5px;
    border-bottom: 3px solid #dedede;
}

.post-wrapper .entry-summary {
    padding: 10px 20px;
    text-align: justify;
}

.post-wrapper h3.entry-title {
    font-size: 24px;
    padding: 25px 5px 5px 5px;
    margin-top: 0px;
}

.post-wrapper h5.post-date {
    font-size: 15px;
    color: #b8b4b4;
}



.masonry .image-wrapper {
    overflow: hidden;
}

.masonry .image-wrapper a.imagelink {
    display: block;
    overflow: hidden;
}

.masonry img {
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -webkit-transform: scale(1.0);
}

.masonry article:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.masonry article {
    -webkit-backface-visibility: hidden;
}

.blog.home #content {
    margin-top: 50px;
}

#main .blog-header {
    margin: 0px 30px 30px 30px;
    text-align: center;
}

#main .blog-header h1 {
    color: #464646;
}
article.sticky-post .post-wrapper h3.entry-title{
    padding-top: 2px;
}
article .sticky-note {
    position: relative;
    top: -25px;
    margin: 0px;
    display: inline;
    padding: 3px 10px;
    font-size: 17px;
    color: #FFF;
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    background: #2ba6cb;
}

article.post, .search article {
    padding-bottom: 20px;
    text-align: center;
}

article.post h3, article.post h5 {
    text-align: center;
}

article.post header h5 {
color: #B9B4B4;
}

article.post p {
    text-align: justify;
}

article .blog-read-more {
    margin: 0 auto;
}

.single-post article footer #post-meta {
    text-align: left;
    margin: 50px auto 30px;
}
.single-post article footer #post-meta div{
    margin-top: 10px;
    margin-bottom: 10px;
}
.single-post #main {
    margin-top: 0px !important;
}

.blog .required-pagination, .search .required-pagination, .archive .required-pagination {
    display: inline-block;
}

.blog #main .pagination-wrapper, .search #main .pagination-wrapper, .archive #main .pagination-wrapper {
    text-align: center;
    margin: 30px;
}

.search #main .pagination-wrapper, .archive #main .pagination-wrapper {
    clear: both;
}

.format-quote .entry-content {
    padding: 10px;
    background: #2ba6cb;
}
.format-quote .entry-content blockquote{
    border-left: 0px;
}

.format-quote .entry-meta span.label {
    display: none !important;
}

.format-quote .entry-content p {
    margin: 0px;
    text-align: center;
    font-size: 170%;
    color: white;
    padding: 20px;
}

.format-quote .entry-content em {
    display: block;
    font-size: 70%;
    color: #333;
}

.format-standard .entry-meta {
    margin: 10px 0px;
}

.format-standard .entry-meta a.button {
    margin: 10px 0px;
}

.format-link .entry-content p {
    text-align: center;
    padding: 20px;
}

article.post h1 {
    color: #444;
}

nav.nav-single a {
    border: 0px;
    margin-top: 0px;
}

.bypostauthor {
}

.gallery-caption {
}

nav.nav-single {
    margin: 10px;
    padding: 20px;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    clear: both;
    overflow: hidden;
    line-height: 200%;
}

nav.nav-single a {
    background: none !important;
    color: #464646 !important;
    box-shadow: 0px 0px !important;
    text-transform: uppercase;
}

.previous-post-arrow {
    border-top: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    float: left;
    margin-top: 7px;
}

.nav-previous a {
    padding-left: 15px;
}

.nav-previous {
    float: left;
    max-width: 50%;
    width: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    
}

.nav-previous:hover {
    margin-left: -10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-next {
    float: right;
    max-width: 50%;
    text-align: right;
    width: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}

.nav-next:hover {
    margin-right: -10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.nav-next a {
    padding-right: 15px;
}

.next-post-arrow {
    border-top: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid rgba(0, 0, 0, 0);
    width: 0px;
    height: 0px;
    float: right;
    margin-top: 7px;
}

/*COMMENTS*/

.comment-meta img {
    float: left;
    margin: 5px 10px 5px 0;
}

#comments {
    margin-top: 50px;
}

#comment {
    min-height: 120px;
}

ol.commentlist li article.panel {
    background: #FAFAFA;
    border: solid 1px #EAEAEA;
}

.comment-author h6 span.fn {
    font-style: normal;
    font-weight: bold;
}

.comment-author h6 a time {
    font-size: 12px;
    color: #666;
    font-style: normal;
}

.comment-author img.avatar {
    -webkit-border-radius: 100px 100px 100px 100px 100px 100px 100px 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    width: 68px;
    margin: 0px;
}

.comment-author .avatar-wrapper {
    float: left;
    padding: 5px;
    background: #FFF;
    border: 1px solid #DEDEDE;
    margin: 5px 20px 20px 0px;
    -webkit-border-radius: 100px 100px 100px 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
}

.comment-reply-link.button {
    margin-top: 0px;
    border-width: 1px;
}

.comment-reply-link.button:hover {
    border-color: black !important;
}

#comments input {
    background: #FAFAFA;
    border: 1px solid #EAEAEA;
    border-radius: 0px;
    height: 40px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#comments textarea {
    background: #FAFAFA;
    border: 1px solid #EAEAEA;
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
}

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

PAGE

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

.page.page-template-default article {
    margin-top: 40px;
    margin-bottom: 40px;
}

.page.page-template-default #main {
margin-top: 85px;
}
/*---------------------------------------------

WIDGETS

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

.widget {
    padding-bottom: 20px;
}

.textwidget p {
    font-style: normal;
    line-height: 150%;
    color: #666;
    text-align: justify;
    padding-top: 8px;
}

.widget-title {
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 5px;
}

h4.widget-title {
    font-size: 15px !important;
    color: #444 !important;
    text-transform: uppercase;
}

h4.widget-title:after {
    content: ' ';
    max-width: 30%;
    display: block;
    height: 1px;
    margin-top: 10px;
}

.widget ul {
    list-style: none;
    margin-left: 0px;
}

.widget ul li {
    padding: 8px 0px 8px 0px;
    border-bottom: 1px solid #e9e9e9;
}

.widget ul li a {
    letter-spacing: 1px;
}

.tagcloud a {
    font-size: 10pt !important;
    padding: 10px 14px;
    display: inline-block;
    margin-bottom: 5px;
}

.blog #content #sidebar {
    margin-top: 15px;
}

#sidebar .sidebar-box:first-child h4 {
    margin-top: 0px;
}

#sidebar ::-webkit-input-placeholder {
    color: #999;
}



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

ARCHIVE

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

.archive .page-header {
    margin-left: 15px;
}

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

FOOTER

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

#supplementary {
    padding-top: 20px;
}

#footer {
    padding-top: 20px;
}

footer>div.row:last-child {
    margin-top: 80px;
    border-top: solid 1px #e6e6e6;
    padding-top: 20px;
}

footer>div.row:first-child {
    margin-bottom: -80px;
    padding-top: 20px;
}

#footer {
    overflow: hidden;
    padding: 0;
}

.single #footer {
    margin-top: 30px;
}

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

Version 2 Additions

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

.video-overlay {
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    }                
.bg_player_fallback {
    width: 100%;
    height: 500px;
    display: none;
}
.bg_player_pos {
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%;
}
.menu-visible {
    display: block !important;
}

.videointro {
    height:800px;
}
.videointro iframe {
    display:none;
}

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

HELPER CLASSES

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

.hide-on-mobile {
    display: block;
}

.mobile .hide-on-mobile {
    display: none;
}

.deti {
    overflow: hidden;
}

.p0 {
    padding: 0;
}

.mt0 {
    margin-top: 0;
}

.mt-10 {
    margin-top: -10px;
}

.mt-30 {
    margin-top: -30px;
}

.m0a {
    margin: 0 auto;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

.baf {
    background-attachment: fixed;
}

.bsc {
    background-size: cover;
}

.dn {
    display: none;
}

.oh {
    overflow: hidden;
}

.fr {
    float: right;
}

.fi-sc i {
    vertical-align: middle;
    margin-right: 0.5em;
    font-size: 45px;
}

.bs1 {
    box-shadow: rgba(0,0,0,0.8) 0 0 15px 10px inset;
}

.bs2 {
    box-shadow: rgba(255,255,255,0.5) 0 0 15px 10px inset;
}

.border-right-2px-dashed {
    border-right: 2px dashed #eaeaea;
}

.padding0_15 {
    padding: 0px 15px !important;
}

.padding0_30 {
    padding: 0px 30px !important;
}

/*TEXT SHADOW EXTRA CLASSES*/
.ts-black-01 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}

.ts-black-02 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

.ts-black-03 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.ts-black-04 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

.ts-black-05 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
}

.ts-black-06 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
}

.ts-black-07 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.7);
}

.ts-black-08 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
}

.ts-black-09 {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
}

.ts-black-10 {
    text-shadow: 0px 1px 1px rgba(0,0,0,1);
}

/*GENERAL DELAY CLASSES*/

.wait-0 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
 /* Safari */;
}

.wait-100 {
    animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
 /* Safari */;
}

.wait-200 {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
 /* Safari */;
}

.wait-300 {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
 /* Safari */;
}

.wait-400 {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
 /* Safari */;
}

.wait-500 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
 /* Safari */;
}

.wait-600 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
 /* Safari */;
}

.wait-700 {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
 /* Safari */;
}

.wait-800 {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
 /* Safari */;
}

.wait-900 {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
 /* Safari */;
}

.wait-1000 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
 /* Safari */;
}

.wait-1100 {
    animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
 /* Safari */;
}

.wait-1200 {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
 /* Safari */;
}

.wait-1300 {
    animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
 /* Safari */;
}

.wait-1400 {
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
 /* Safari */;
}

.wait-1500 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
 /* Safari */;
}

.wait-1600 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
 /* Safari */;
}

.wait-1700 {
    animation-delay: 1.7s;
    -webkit-animation-delay: 1.7s;
 /* Safari */;
}

.wait-1800 {
    animation-delay: 1.8s;
    -webkit-animation-delay: 1.8s;
 /* Safari */;
}

.wait-1900 {
    animation-delay: 1.9s;
    -webkit-animation-delay: 1.9s;
 /* Safari */;
}

.wait-2000 {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
 /* Safari */;
}

.wait-2100 {
    animation-delay: 2.1s;
    -webkit-animation-delay: 2.1s;
 /* Safari */;
}

.wait-2200 {
    animation-delay: 2.2s;
    -webkit-animation-delay: 2.2s;
 /* Safari */;
}

.wait-2300 {
    animation-delay: 2.3s;
    -webkit-animation-delay: 2.3s;
 /* Safari */;
}

.wait-2400 {
    animation-delay: 2.4s;
    -webkit-animation-delay: 2.4s;
 /* Safari */;
}

.wait-2500 {
    animation-delay: 2.5s;
    -webkit-animation-delay: 2.5s;
 /* Safari */;
}

.wait-2600 {
    animation-delay: 2.6s;
    -webkit-animation-delay: 2.6s;
 /* Safari */;
}

.wait-2700 {
    animation-delay: 2.7s;
    -webkit-animation-delay: 2.7s;
 /* Safari */;
}

.wait-2800 {
    animation-delay: 2.8s;
    -webkit-animation-delay: 2.8s;
 /* Safari */;
}

.wait-2900 {
    animation-delay: 2.9s;
    -webkit-animation-delay: 2.9s;
 /* Safari */;
}

.wait-3000 {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
 /* Safari */;
}


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

IE-FIX

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

.lt-ie9  .header-init .top-bar ul > li.has-dropdown a:after {
    top: 95%;
}

.lt-ie9  .header-scroll .top-bar ul > li.has-dropdown a:after {
    top: 95%;
}

.lt-ie9 .home .header-scroll .top-bar ul > li.has-dropdown a:after {
    top: 50%;
}

.lt-ie9  .header-init .top-bar ul > li.has-dropdown .dropdown {
    padding-top: 30px;
}

.lt-ie9  .home .header-scroll .top-bar ul > li.has-dropdown .dropdown {
    padding-top: 0px;
}

.lt-ie9  .header-scroll .top-bar ul > li.has-dropdown .dropdown {
    padding-top: 30px;
}

.lt-ie9 .wpb_gallery .wpb_gallery_slides .flex-direction-nav a {
    background-color: #000 !important;
}

.lt-ie9 .sc-heading2 > span {
    background: url('rgba/rgba.php/rgba(255, 255, 255, 0.4)') !important;
}

.lt-ie9 .portTitle {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none;
}

.lt-ie9 .portTitle.active {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    display: block;
    background: url('rgba/rgba.php/rgba(0,0,0,0.6)');
}

.lt-ie9 .team-member img {
    border: 0px;
}

.lt-ie9 #header {
    border-bottom: 1px solid #dedede;
}


/*IE RGBA EXTRA CLASSES*/
.lt-ie9 .IE-rgba-black-01 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.1)') !important;
}

.lt-ie9 .IE-rgba-black-02 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.2)') !important;
}

.lt-ie9 .IE-rgba-black-03 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.3)') !important;
}

.lt-ie9 .IE-rgba-black-04 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.4)') !important;
}

.lt-ie9 .IE-rgba-black-05 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.5)') !important;
}

.lt-ie9 .IE-rgba-black-06 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.6)') !important;
}

.lt-ie9 .IE-rgba-black-07 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.7)') !important;
}

.lt-ie9 .IE-rgba-black-08 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.8)') !important;
}

.lt-ie9 .IE-rgba-black-09 .overlay {
    background: url('rgba/rgba.php/rgba(0,0,0,0.9)') !important;
}

.lt-ie9 .IE-rgba-white-01 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.1)') !important;
}

.lt-ie9 .IE-rgba-white-02 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.2)') !important;
}

.lt-ie9 .IE-rgba-white-03 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.3)') !important;
}

.lt-ie9 .IE-rgba-white-04 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.4)') !important;
}

.lt-ie9 .IE-rgba-white-05 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.5)') !important;
}

.lt-ie9 .IE-rgba-white-06 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.6)') !important;
}

.lt-ie9 .IE-rgba-white-07 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.7)') !important;
}

.lt-ie9 .IE-rgba-white-08 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.8)') !important;
}

.lt-ie9 .IE-rgba-white-09 .overlay {
    background: url('rgba/rgba.php/rgba(255,255,255,255,0.9)') !important;
}

/*-custom colors-  use hex to rgba converter to get the values (http://hex2rgba.devoth.com/)*/

.lt-ie9 .IE-rgba-color05 .overlay {
    background: url('rgba/rgba.php/rgba(0, 219, 255, 0.5)') !important;
}


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

MEDIA QUERIES

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

@media all and (min-width:768px) {
    .js .off-canvas [role="complementary"] {
        width: 20%;
        margin-top: 14px;
    }

    .js .off-canvas [role="main"] {
        width: 80%;
    }
}

@media handheld,only screen and (max-width:767px) {
    .sidebar-menu {
        border-bottom: 1px solid #ddd;
        position: relative;
    }

    .off-canvas .menu-action {
        float: left;
        position: relative;
        top: 1px;
        margin-top: 0;
        padding-left: 15px;
    }

    .off-canvas .menu-action .button.small {
        padding: 8px;
    }

    .off-canvas .menu-action .button.small svg {
        opacity: .5;
    }

    .js .off-canvas [role="complementary"] {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .top-bar > ul.logo-right .name h1#logo a img {
        right: auto;
    }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
    .orbit-slide h1 {
        font-size: 40px!important;
    }

    .breakpoint .team-member {
        margin: 20px 0px;
    }

    .post-info div {
        display: none;
    }

    .infoBox {
        width: 200px;
    }

    #infobox {
        width: 200px;
        max-width: 200px;
    }

    #infobox .one, #infobox .row .one {
        width: 8.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .two, #infobox .row .two {
        width: 16.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .three, #infobox .row .three {
        width: 25% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .four, #infobox .row .four {
        width: 33.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .five, #infobox .row .five {
        width: 41.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .six, #infobox .row .six {
        width: 50% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .seven, #infobox .row .seven {
        width: 58.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox  .eight, #infobox .row .eight {
        width: 66.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .nine, #infobox .row .nine {
        width: 75% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .ten, #infobox .row .ten {
        width: 83.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .eleven, #infobox .row .eleven {
        width: 91.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .twelve, #infobox .row .twelve {
        width: 100% !important;
        padding: 0px !important;
        float: left;
    }

    p.lead {
        margin: 20px 5px 30px 5px;
    }

    .mobile .orbit-slide .row_parallax {
        background-position-x: 200% !important;
        background-position-y: 0% !important;
        background-size: 300% !important;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .orbit-slide h1 {
        font-size: 40px!important;
    }

    .post-info div {
        display: none;
    }


    /*google map infobox*/
    .infoBox {
        width: 300px;
    }

    #infobox {
        width: 300px;
        max-width: 300px;
    }

    #infobox .one, #infobox .row .one {
        width: 8.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .two, #infobox .row .two {
        width: 16.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .three, #infobox .row .three {
        width: 25% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .four, #infobox .row .four {
        width: 33.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .five, #infobox .row .five {
        width: 41.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .six, #infobox .row .six {
        width: 50% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .seven, #infobox .row .seven {
        width: 58.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox  .eight, #infobox .row .eight {
        width: 66.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .nine, #infobox .row .nine {
        width: 75% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .ten, #infobox .row .ten {
        width: 83.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .eleven, #infobox .row .eleven {
        width: 91.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .twelve, #infobox .row .twelve {
        width: 100% !important;
        padding: 0px !important;
        float: left;
    }

    .mobile .orbit-slide .row_parallax {
        background-position-x: 50% !important;
        background-position-y: 0% !important;
        background-size: 200% !important;
    }
}

@media only screen and (max-width:768px) {
    .top-bar {
        padding: 0;
    }

    #header {
        height: auto !important;
    }

    #main {
        margin-top:0px !important;
    }
    #main-nav.top-bar.expanded {
        overflow: visible;
        min-height: 45px !important;
        height: 45px !important;
    }

    #main-nav.top-bar.expanded #nav {
        display: block !important;
        height: auto;
    }

    #main-nav.top-bar #nav {
        display: block !important;
    }

    #main-nav.top-bar.expanded #nav li {
        display: block !important;
    }

    .top-bar #nav[data-position="center"] li {
        display: block;
    }

    .top-bar #nav[data-position="center"] li.back.js-generated {
        display: block;
    }

    body.breakpoint .header-init {
        background-color: rgba(33,33,33,1);
    }

    .top-bar > ul .name h1#logo a {
        line-height: 45px !important;
    }

    .top-bar ul > li a:not(.button) {
        line-height: 45px !important;
    }

    .top-bar>ul .name h1#logo img {
        height: 30px;
    }

    .top-bar ul>li {
        float: none;
    }

    .top-bar ul>li.name {
        height: 45px;
    }

    .top-bar ul>li.name h1 {
        line-height: 1;
    }

    .top-bar ul>li.name h1 a {
        color: white;
        display: block;
        line-height: 45px!important;
        padding-left: 15px;
        height: 45px;
    }

    .top-bar ul>li:hover a,.top-bar ul>li.active a {
        color: white;
    }

    .top-bar ul>li a:not(.button) {
        color: white;
    }

    .top-bar ul>li.toggle-topbar {
        cursor: pointer;
        display: block;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
    }

    .top-bar ul>li.toggle-topbar a {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: white transparent transparent transparent;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 22.5px;
        margin-top: -4px;
    }

    .top-bar ul>li.toggle-topbar:hover {
        background: inherit;
    }

    .top-bar ul>li.toggle-topbar a {
        padding: 0!important;
    }

    .top-bar ul>li.current {
        border-top: 0;
    }

    .top-bar ul>li.current a:not(.button) {
        margin-top: 0;
    }

    #main-nav {
    height: 45px !important;
    }
    #main-nav .dropdown {
        margin-top: 0px;
    }
    .orbit-slide .button.large {
        font-size: 14px;
        padding: 9px 15px 9px;
    }

    .team-member img {
        width: 100%;
    }

    .infoBox {
        width: 375px;
    }

    #infobox {
        width: 375px;
        max-width: 375px;
    }

    #infobox .one, #infobox .row .one {
        width: 8.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .two, #infobox .row .two {
        width: 16.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .three, #infobox .row .three {
        width: 25% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .four, #infobox .row .four {
        width: 33.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .five, #infobox .row .five {
        width: 41.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .six, #infobox .row .six {
        width: 50% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .seven, #infobox .row .seven {
        width: 58.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox  .eight, #infobox .row .eight {
        width: 66.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .nine, #infobox .row .nine {
        width: 75% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .ten, #infobox .row .ten {
        width: 83.33333% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .eleven, #infobox .row .eleven {
        width: 91.66667% !important;
        padding: 5px !important;
        float: left;
    }

    #infobox .twelve, #infobox .row .twelve {
        width: 100% !important;
        padding: 0px !important;
        float: left;
    }

    #orbit-slider :not(.row_container.def_row) {
        height: auto !important;
    }

    .mobile ul.pricing-table {
        max-width: 80%;
        margin: 20px auto;
    }

    h2.subheading2:before {
        width: 30px;
    }

    h2.subheading2:after {
        width: 30px;
    }

    /*Parallax in Slider on mobile Safari*/
    .safari.mobile .orbit-slide .row_parallax {
        background-position-x: 50% !important;
        background-position-y: 0% !important;
        background-size: 150% !important;
    }

    /*Fixed Background in Slider on mobile Safari*/
    .safari.mobile .orbit-slide .row_fixed {
        background-position-x: 50% !important;
        background-position-y: 0% !important;
        background-size: 150% !important;
    }

    .safari.mobile .row_fixed {
        background-position-x: 50% !important;
        background-position-y: 25% !important;
        background-size: 200% !important;
    }

    .safari.mobile .row_parallax {
        background-position-x: 50% !important;
        background-position-y: 50% !important;
        background-size: 200% !important;
    }

    /*Map boxes*/
    .gmap-loc {
        width: 20%;
        margin-left: -10%;
        word-wrap:break-word;
        padding: 10px;
        height: auto;
    }
    .gmap-details1, .gmap-details2, .gmap-details3 {
        height: auto;
        padding: 10px;
        width: 20%;
        margin-left: -10%;
        word-wrap:break-word;
    }
     div[class*='gmap-details'] i {
        display: inline;
    }
    div[class*='gmap-details'] .gmap-details-text, .gmap-loc .gmap-details-text {
        display: none;
    }
    .gmap-details1-info,.gmap-details2-info,.gmap-details3-info {
        width: 480px;
        height: 300px;
        background: #FFF;
        position: absolute;
        bottom: 220px;
        left: 50%;
        margin-left: -240px;
        z-index: 10;
        padding: 45px 35px 30px 35px;
    }
    .gmap-loc {
        left: 20%;
    }
    .gmap-details {
        left: 50%;
    }
     .gmap-details3 {
        left: 80%;
     }

/*    .bg_player_fallback {
        display: block;
    }*/
}

@media all and (max-width:1025px) {
    .btn-1.medium {
        padding: 15px;
    }
}

@media all and (min-width : 769px) and (max-width:1600px) {
    .gmap-loc {
    width: 16%;
    left: 30%;
    margin-left: -8%;
    word-wrap:break-word;
 }

 .gmap-details1,.gmap-details2, .gmap-details3 {
    width: 16%;
    margin-left: -8%;
    word-wrap:break-word;
}

 .gmap-details1 {
    left: 30%;
 }
 .gmap-details2 {
    left: 50%;
 }
 .gmap-details3 {
    left: 70%;
 }
}


@media only screen and (min-width : 1500px) and (max-width : 1921px) {

    .orbit-slide .def_row {
        background-position: 50%;
    }
}

@media only screen and (max-width : 1921px) {
    
    .mobile .row_parallax {
        background-size: cover !important;
    }

/*Parallax in Slider on mobile Safari*/
    .safari.mobile .orbit-slide .row_parallax {
        background-position-x: 0% !important;
        background-position-y: 0% !important;
        background-size: 100% !important;
    }

/*Fixed Background in Slider on mobile Safari*/
    .safari.mobile .orbit-slide .row_fixed {
        background-position-x: 0% !important;
        background-position-y: 0% !important;
        background-size: 100% !important;
    }

/*Fixed Background in Content on mobile Safari*/
    .safari.mobile .row_fixed {
        background-position-x: 50% !important;
        background-position-y: 50% !important;
        background-size: 200% !important;
    }
/*Parallax in Content on mobile Safari*/
    .safari.mobile .row_parallax {
        background-position-x: 50% !important;
        background-position-y: 25% !important;
        background-size: 200% !important;
    }

    .safari .orbit-slide .def_row {
        background-size: cover;
    }
}

@media only screen and (min-width : 1921px) {
/* Styles */
    .orbit-slide .def_row {
        background-size: cover;
        background-position: 50%;
    }

    div[id^="parallax"] {
        background-size: cover;
    }

    #og-grid {
        max-width: 2100px;
    }
    .row_effect {

        background-size:cover !important;
    }
}


.pss-prev {
    width: 40px;
    height: 40px;
    z-index: 10;
    top: 50%;
    margin-top: -20px;
    left: 10px;
    position: absolute;
    background-image: url(images/skin.png);
    background-position: 0px 0px;
    opacity: 0;
}
.pss-next {
    width: 40px;
    height: 40px;
    z-index: 10;
    top: 50%;
    margin-top: -20px;
    position: absolute;
    right: 10px;
    background-image: url(images/skin.png);
    background-position: -150px 0px;
    opacity: 0;
}

.portfolio-single-slider:hover .pss-next, .portfolio-single-slider:hover .pss-prev {
    opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.portfolio-single-slider .flexslider {
    margin-bottom: 0px;
    border: 0px;
}
.portfolio-single-slider {
    position: relative;
}

.mobile .portfolio-single-slider .flexslider ul.flex-direction-nav a{
    /*opacity: 1 !important;*/
    z-index: 100;
}

.testimonial_author_image {
    max-width: 80px;
    -webkit-box-shadow: 0px 0px 0px 3px #FFF;
    box-shadow: 0px 0px 0px 3px #FFF;
    border-radius: 50%;
}
.wpcf7 input[type="text"],.wpcf7 input[type="email"],.wpcf7 textarea,select.wpcf7-select { 
    border: 1px solid #eaeaea;
}

@media all and (max-width:1600px) {
    .videointro {
        height: auto !important;
    }
}

@media all and (max-width:600px) {
    .mobile .fact {
    display: block !important;
    width:100% !important;
    border-right:0px !important;
    }
    .portfolio-single-item-details .description p {
        margin:10px 5px;
    }
    .portfolio-single-item-details .description  {
        margin:10px;
    }
    .TriangleSeperator {
    margin-top: -150px !important;
    }
}

#main {
    margin-top: 83px !important;
}

.gmap-details2-info{
	padding-top:70px;
}

/*-----------------------------------------------
MAP
-----------------------------------------------*/
.gmap-loc{
	left:40%;
}
.gmap-details2{
	left:60%;
}

@media (max-width:1600px){
.gmap-loc{
	left:40%;
}
.gmap-details2{
	left:60%;
}
}

@media (max-width:768px){
.gmap-loc{
	left:35%;
}
.gmap-details2{
	left:60%;
}
}
.gmap-loc .gmap-details-text::before{content:"LOCALISATION "; color:#464646; letter-spacing: 1px;}
.gmap-loc .gmap-details-text{color:transparent;}

/*------------------------------------------
AUTRE
-------------------------------------------*/
.portTitleContent .extra_font4{
	display:none;
}

.portTitleContent .extra_font2{
	color:#ffffff;
}

.detail-container .extra_font3{
	font-size:40px;
}

@media (max-width:450px){
.gmap-details2-info{
	max-width:420px;
	padding-left:100px;
}
.gmap-details2-info .attachment-full{
	margin-left:60px;
}
}

@media (max-width:560px) and (min-width:420px){
#team-section{
	margin-top:40px;
}
}

@media (max-width:420px) and (min-width:340px){
#team-section{
	margin-top:70px;
}
}
@media (max-width:340px){
#team-section{
	margin-top:145px;
}

}