@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);


body {
    background: url(../images/background.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
    font-family: 'Open Sans', sans-serif;
    background-color: #4F9936;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
}

ul,ol {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    color: #8AFF2E;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 21px;
}


.btn-primary {
    border-color: #FF432E;
    background-color: #FF432E;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    border-color: #ea321e;
    background-color: none !important;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #FF432E;
    background-color: #FF432E;
}


/**** Start Section Title Section ****/

.section-title h3{
    color: #666 !important;
    //font-style: italic;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
    text-transform: none;
}

.section-title p {
    padding-bottom: 60px;
    color: #999;
    font-size: 18px;
    //font-style: italic;
    font-weight: 300;
}


/**** Start Logo Section ****/

#logo-section {
    margin-top: 30px;
}

.logo h1 {
    font-family: 'Lobster', cursive;
    color: #fff;
    font-size: 60px;
}

.logo span {
    color: #999;
}



/**** Start Background Color ****/

.blue {
    background: none repeat scroll 0% 0% rgba(35, 137, 68, 0.61);
}

.green {
    background: none repeat scroll 0% 0% rgba(35, 137, 68, 0.61);
}

.red {
    background: #FF432E;
}

.light-red {
    background: none repeat scroll 0% 0% rgba(35, 137, 68, 0.61);
}

.light-orange {
    background: none repeat scroll 0% 0% rgba(35, 137, 68, 0.61);
}

.color {
    background: none repeat scroll 0% 0% rgba(35, 137, 68, 0.61);
}



/**** Start Main Body Section ****/

.mainbody-section {
    padding-top: 50px;
    padding-bottom: 30px;
}

.menu-item {
    overflow: hidden;
    position: relative;
    color: #fff;
    margin-bottom: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.mainbody-section .menu-item:hover {
  box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
  -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}

.menu-item a {
    color: #fff !important;
    display: block;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.menu-item a p {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: white;
}

.menu-item a i {
    font-size: 34px;
    padding: 18px 0;
}

.menu-item:hover a {
    text-decoration: none;
    //color: #333;
	animation: wobble;
	-webkit-animation: wobble;
	animation-duration: 1000ms;
	-webkit-animation-duration: 1000ms;
}

.menu-container .menu-item:hover a {
    animation: none;
    -webkit-animation: none;
}

@media only screen 
and (min-width : 600px) 
and (max-width : 991px) {
    
    .menu-item {
        display: inline-block;
        width: 32.8%;
    }
    
    .menu-item.responsive {
        width: 49.5%;
        float: left;
        margin-right: 3px;
    }
    
    .menu-item.responsive-2 {
        width: 49.5%;
        float: right;
    }
    
}



@media only screen 
and (min-width : 992px) 
and (max-width : 1199px) {
    
    .menu-item {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .menu-item a i {
        font-size: 32px;
    }
    
    .menu-item a p {
        font-size: 16px;
    }
    
}


.home-slider img {
    width: 100%;
    height: auto;
}

.home-slider .carousel-indicators {
    position: absolute;
    bottom: 10%;
}

.home-slider .carousel-indicators .active {
	background-color: #FF432E;
}


.copyright {
    background: rgba(0, 0, 0, 0.28);
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.copyright.fixedb {
    position: fixed;
    bottom:0;
}



/**** Start Modal Section ****/

.section-modal .modal-content {
    padding: 100px 0 !important;
    min-height: 100%;
    border: 0 !important;
    border-radius: 0;
    background-clip: border-box;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color: #888;
    font-weight: 300;
}



.section-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.section-modal .close-modal:hover {
    opacity: .3;
}

.section-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.section-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}






/**** Start Feature Section ****/


.feature, .feature-2 {
    padding-bottom: 80px;
}

.feature {
    text-align: center;
}
.feature h4{
    font-size: 15px;
    color: #666;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
}

.feature-2 h4{
    font-size: 15px;
    color: #444;
    padding-bottom: 10px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
}

.feature p, .feature-2 p {
    color: #444;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
}


.feature i {
   font-size:3.5em;
   color:#fff;
    background: #FF432E;
    width: 100px;
    height: 100px;
   padding:25px;
    margin-bottom: 10px;
   -webkit-border-radius:70%;
   -moz-border-radius:70%;
   -o-border-radius:70%;
   border-radius:70%;
   position: relative;
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(2, 2, 2);
	-moz-transform: translate3d(2, 2, 2);
	-o-transform: translate3d(2, 2, 2);
	transform: translate3d(2, 2, 2);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}
.no-touch .feature:hover i,
	.no-touch .feature:active i,
	.no-touch .feature:focus i {
        
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
		box-shadow: 0 0 0 0 #FF432E;
}


.feature-2 i {
    color:#FF432E;
   font-size:3em;
   padding:1px 10px 0 1px;
   position: relative;
	
}



/**** Start Portfolio Section ****/

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

.portfolio-item .portfolio-details {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.portfolio-item .portfolio-details h4 {
    padding-top: 20%;
    padding-bottom: 10%;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 20px;
}

.portfolio-item .portfolio-details a i {
    font-size: 30px;
}

.portfolio-item:hover .portfolio-details {
    opacity: 1;
    animation: pulse;
    -webkit-animation: pulse;
    animation-duration: 300ms;
    -webkit-animation-duration: 300ms;
}


/**** End Portfolio Section ****/


/**** Start ABout Us Section ****/

.about-text {
    padding-bottom: 50px;
}
.about-text p {
    color: #777;
    text-align: justify;
}
.about-text ul {
    margin-top: 30px;
    font-size: 13px;
}
.about-text li {
    margin-bottom: 10px;
    color: #999;
}
.about-text li i {
    padding-right: 10px;
    color: #FF432E;
}


/* progress bar */

.skill {
    padding-bottom: 5px;
}

.skill p {
  margin-bottom:7px;

}

.progress {
  background: #fff;
  overflow: visible;
  height: 20px;
  margin-bottom: 10px;
  background-color: #f9f9f9;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar {
    background: #FF432E;
  float: left;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
  position:relative;
}

 .progress-bar-span { 
 opacity:1;
 position:absolute;
 top:-5px;
 background:#ACB2B8;
 padding:3px 10px;
 color:#FFF;
 border-radius: 0px;
 right:0px;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; 
 }

.skill:hover .progress-bar-span {
  opacity:1;
    -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}


/* Custom Tab */

.custom-tab .nav-tabs.nav-justified > .active > a, 
.custom-tab .nav-tabs.nav-justified > .active > a:hover, 
.custom-tab .nav-tabs.nav-justified > .active > a:focus {
    border-radius: 0;
    //border-left-color: transparent;
    color: #666;
    border-bottom-color: #ddd;
}

.custom-tab .nav-tabs.nav-justified {
    margin-bottom: 20px;
    background: #FF432E;
}

.custom-tab .nav-tabs.nav-justified > li {
    border-right: 1px solid #f1f1f1;
}
.custom-tab .nav-tabs.nav-justified > li:last-child {
    border-right: none;
}

.custom-tab .nav-tabs.nav-justified > li > a {
    padding: 10px;
    font-size: 18px;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

.custom-tab .nav-tabs.nav-justified > li > a:hover {
    border-radius: 0;
    color: #333;
}

.custom-tab .tab-content .tab-pane p {
    text-align: justify;
    color: #777;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 991px) {
    
    .custom-tab {
		margin-top: 30px;
	}
    
}
.channel {
    height: 130px;
    width: 100%;
    margin: 13px 0;
    display: inline-block;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    padding: 54px 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.channel span:before {
    position: absolute;
    content: '';
    width: 115px;
    height: 80px;
    background-color: rgba(3, 102, 21, 0.81);
    transform: rotate(43deg);
    top: -50px;
    right: -50px;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.channel span:after {
    content: 'Play';
    padding: 5px 10px;
    font-weight: bold;
    background-color: rgba(3, 102, 21, 0.81);
    opacity: 0;
    left: 38%;
    line-height: normal;
    position: absolute;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.channel:hover span {
    color: transparent;
    background-color: transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.channel:hover span:before, .channel:hover span:after {
    opacity: 1;
    color: white;
}
.channel2 {
    height: 195px;
    padding: 80px 50px;
}
.channel:hover {
    box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
    -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 16px 16px 0;
}
.channel span {
    color: white;
    line-height: 2;
    padding: 5px 10px;
    font-weight: bold;
    background-color: rgba(3, 102, 21, 0.81);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.channel :hover {
    cursor: pointer;
}
.channel-list {
    background-color: rgba(3, 102, 21, 0.81);
}
.channel-list .title {
    font-weight: bold;
    display: inline-block;
    border-bottom: 2px solid white;
}
.channel-list .title:before, .channel-list .title:after {
    border: 0;
}
.channel-list .title:hover a {
    background-color: transparent;
    cursor: default;
}
.channel-list li {
    display: inline-block;
    margin: 0 50px;
    overflow: hidden;
    position: relative;
    width: 72px;
}
.channel-list li a {
    display: inline-block;
    padding: 5px 0;
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    overflow: hidden;
}
.channel-list li a:hover, .channel-list li a:focus, .channel-list li a:active {
    color: white;
    text-decoration: none;
}
.channel-list ul li:before, .channel-list ul li:after {
    border-bottom: 2px solid white;
    content: ' ';
    position: absolute;
    bottom: 0;
    width: 60px;
    left: -60px;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.channel-list ul li:before {
    z-index: 4;
    left: 50%;
    width: 0;
}
.channel-list ul li:after {
    border-bottom: 2px solid rgba(0,0,0,0.2);
    left: 5px;
    z-index: 3;
}
.channel-list ul li:hover:before {
    left: 0;
    width: 100%;
}
.channel-list li:last-child {
    margin-bottom: 15px;
}
iframe {
    border: 0;
}



/*** Start Pricing Section ****/


.pricing-section {
    padding: 80px 0;
    background: #f5f5f5;
}

.pricing-table {
    text-align: center;
    background: #fff;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 991px) {
    
    .pricing-table {
		margin-bottom: 30px;
	}
    
}



.plan-name {
	padding: 15px 0;
    background: #FF432E;
}

.plan-name h3 {
	font-weight: 300;
	color: #fff;
}

.plan-price {
	padding: 25px 0;
}

.plan-price .price-value {
	font-size: 38px;
	line-height: 40px;
	font-weight: 600;
	color: #444;
}

.plan-price .price-value span {
	font-size: 18px;
	font-weight: 300;
	line-height: 18px;
}

.plan-price .interval {
	line-height: 14px;
}

.plan-list li {
	padding: 13px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
}

.plan-list li:first-child {
	border-top: 1px solid #eee;
}

.plan-signup {
	padding: 25px 0;
    background: #FF432E;
}

.plan-signup a {
	text-transform: uppercase;
    color: #fff;
}


/**** Start Team Member Section ****/


.team-member {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

.team-details {
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
}

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

.team-details h4 {
    font-size: 25px;
    font-weight: 300;
    color: #FF432E;
    font-family: 'Oswald', sans-serif;
    text-transform: none;
    text-align: center;
    padding-top: 20%;
}

.team-details .designation {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}

.team-details ul {
    padding-top: 40%;
}
.team-details li {
    display: inline-block;
    list-style: none;
    padding-right: 10px;
}

.team-details li a {
    padding: 5px 8px;
    background: #FF432E;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.team-member:hover .team-details {
    opacity: 1;
    -webkit-animation: pulse;
    animation: pulse;
    animation-duration: 300ms;
    -webkit-animation-duration: 300ms;
}



/**** Start Latest News Section ****/


.latest-post {
    padding-bottom: 20px;
}

.latest-post h4 {
    padding-top: 20px;
    padding-bottom: 5px;
}

.latest-post h4 a {
    color: #FF432E;
}

.latest-post .post-details li {
    color: #FF432E;
    display: inline;
    font-size: 13px;
    color: #999;
    padding-right: 10px;
}

.latest-post .post-details li i {
    padding-right: 5px;
    color: #FF432E;
}

.latest-post p {
    padding: 15px 0;
    color: #999;
    font-weight: 300;
    text-align: justify;
}



/**** Start Contact Section ****/


.footer-contact-info {
    background: #FF432E;
    color: #fff;
    padding: 20px 30px;
    //margin-top: 80px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 991px) {
    
    .footer-contact-info {
		margin-bottom: 30px;
		margin-top: 30px;
	}
    
}

.footer-contact-info ul {
    padding-bottom: 10px;
}

.footer-contact-info h4 {
    padding-bottom: 10px;
}

.footer-contact-info li strong {
    font-weight: 600;
}


.footer-social {
    padding: 78px 0;
    border: 1px solid #FF432E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.footer-social li {
    display: inline-block;
    padding: 0 10px;
}

@media only screen and (max-width : 360px) {
    
    .footer-social li {
		padding: 0 5px;
	}
    
}

.footer-social li a {
    background: #FF432E;
    padding: 8px;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #FF432E;
    
}

.footer-social li i {
    font-size: 15px;
    width: 20px;
    height: 20px;
}

.footer-social li:hover a {
    background: #fff;
    //border: 1px solid #FF432E;
    color: #666;
}



.contact .btn-primary {
    padding: 20px;
    font-size: 16px;
}

.contact .btn-primary:hover {
    background: transparent;
}

.contact .section-title h3{
    color: #fff;
}

.contact .section-heading {
    color: #fff;
}

.contact .form-group {
    margin-bottom: 25px;
}

.contact .form-group input,
.contact .form-group textarea {
    padding: 20px;
}

.contact .form-group input.form-control {
    height: auto;
}

.contact .form-group textarea.form-control {
    height: 236px;
}

.contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

.contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

.contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

.contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

.contact .text-danger {
    color: #e74c3c;
}

.contact button {
    font-weight: 400;
    margin-top: 30px;
}

.contact .btn-primary {
    padding: 20px;
    font-size: 16px;
}

.contact .btn-primary:hover {
    background: transparent;
    color: #FF432E;
}



/**** Start Testimonial Section ****/

.testimonial {
    margin-bottom: 80px;
}

.testimonial h4 {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 20px;
}

.testimonial .speech {
    background: #FF432E;
    padding: 20px;
    color: #fff;
}
.carrier{
    float: center;
    margin-left: 20px;
}
.support_us{
    float: center;
    margin-right: 20px; 
}
.footer_gandu{
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: none repeat scroll 0% 0% rgba(35, 137, 68, 0.61);
}

.image_gandu{
    height: 100px;
}
 
/*-------------------------------------------------
 =  Responsive

 1. Body
 2. WPML


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

@media (max-width: 1199px) { 
    .blog-list-content {
        padding: 0 60px;
    }

    .isotope .isotope-item { 
        width: 50%; 
    }

    .isotope .isotope-item.w2 { 
        width: 50%; 
    }

    .flip-menu > .col-md-3.col-sm-6 {
        width: 33.33333333%;
        padding: 0 14.9px;
    }
}

@media (max-width: 991px) {

    #sidebar-area {
        margin-top: 30px;
        margin-left: -30px;
    }
    
    .blog-list-content > h2 {
        font-size: 30px;
        letter-spacing: 2px;
    }
    
    .wpcf7 {
        margin-top: 50px;
    }
    
    .flip-menu > .col-md-3.col-sm-6 {
        width: 50%;
    }   
    
    .team-member {
        margin-bottom: 30px;
    }
    
    ul.iconned-list {
        margin-bottom: 50px;
    }
    
    .image-box {
        margin-bottom: 20px;
    }
    
    .post-slider .thumbs .item.active:after {
        display: none;
    }
    
    .steps .step-item {
        width: 100%;
    }
    
}

@media (max-width: 768px) { 

    .related-post-item .post-info-hover h3 {
        font-size: 24px;
    }

    .related-post-item:hover .post-info-hover h3 {
        top: 50px;
    }
    
    ol.comments ol.children {
        margin-left: 0;
    }
    
    .footer {
        position: relative;
    }
    
    body > .container {
        padding-bottom: 30px;
    }
    
    .footer .footer-copyright {
        float: right;
        padding-right: 0;
    }
    
    .footer .footer-social {
        float: none;
        clear: both;
        text-align: center;
    }
    
    .blog-list-content {
        padding: 0 30px;
    }   
    
    .portfolio-related-posts {
        margin-left: 50px;
        margin-right: 50px;
    }
    
    nav#main-menu {
        display: none;
    }
    
    body.page-template-onepage-php nav#main-menu {
        display: none;
    }
    
    .mp-back {
        display: block;
    }
    
    #trigger {
        display: block;
        opacity: 1;
        margin-left: 15px;
        margin-right: 0;
    }
    
    .navbar-right {
        position: absolute;
        top: 0;
        right: 15px;
    }

    .flip-menu > .col-md-3.col-sm-6 {
        width: 50%;
        float: left;
    }
    
}

@media (max-width: 581px) { 

    .related-post-item .post-info-hover h3 {
        font-size: 18px;
    }

    .related-post-item:hover .post-info-hover h3 {
        top: 25px;
    }
    
    .comment-box .comment-info {
        position: relative;
        right: initial;
        top: initial;
        margin-left: 95px;      
    }
    
    .image-box {
        max-height: initial;
    }
    
    .image-box .image {
        float: none;
        max-height: initial;
        width: 100%;
    }
    
    .image-box .image-box-content {
        width: 100%;
    }
    
    .footer {
        min-height: initial;
        height: auto;
    }
    
    .footer .footer-logo {
        float: none;
        text-align: center;
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .footer .footer-copyright {
        float: none;
        clear: both;
        text-align: center;
        padding-left: 0;
    }
    
    .footer .footer-social {
        float: none;
        clear: both;
        text-align: center;
    }
    
    .isotope .isotope-item { 
        width: 100%; 
    }

    .isotope .isotope-item.w2 { 
        width: 100%; 
    }
    
    .flip-menu > .col-md-3.col-sm-6 {
        width: 100%;
    }
}

@media (max-width: 480px) { 

    /* Full width related posts in small screens */
    .blog-related-posts > .row > .col-sm-4 {
        width: 100%;
        margin: 0;
    }
    
    h1.main-title {
        font-size: 24px;
        margin-top: 30px;
    }
    
    .blog-list-content > h2 {
        font-size: 24px;
        letter-spacing: 1px;
    }
    
    blockquote {
        position: relative;
        margin: 30px 0px;
        padding: 50px 5px;
    }
    
    blockquote:before {
        left: 44%;
        left: calc(50% - 13px);
        top: 0;
        width: 100%;
    }
    
    blockquote:after {
        left: 44%;
        left: calc(50% - 13px);
        bottom: 0;
        width: 100%;        
    }
    
    #page-banner h2 {
        float: none;
        display: block;
        text-align: center;
        font-weight: bold;
    }
    
    .breadcrumb {
        float: none;
        clear: both;
        text-align: center;
    }
    
    #content-inner {
        padding: 15px;
    }
    
    .featured-image {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .video-format-image-container {
        margin-left: -15px;
        margin-right: -15px;
    }   
    
    .author-box {
        text-align: center;
    }
    
    .author-box img {
        float: none;
    }
    
    .author-box .author-content {
        margin-left: 0;
        margin-top: 30px;
    }
    
    .comment-box img {
        display: none;
    }
    
    .comment-box .comment-content {
        margin-left: 0;
    }
    .comment-box .comment-info {
        margin-left: 0;
    }
    
    #respond input[type="submit"] {
        width: 100%;
    }
    
    .blog-grid-item {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .portfolio-featured-image {
        margin-left: -15px;
        margin-right: -15px;
    }   
    
    .slider-container {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .portfolio-related-posts {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .portfolio-filterable {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .services {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .steps {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    .contact-map {
        margin-left: -15px;
        margin-right: -15px;
    }
    
    body.page-template-onepage-php .navbar-right {
        width: 100%;
        top: 80px;
        text-align: center; 
    }
    
    body.page-template-onepage-php .navbar-right li {
        position: relative;
        right: initial !important;
    }
    
    .navbar-brand {
        width: 100%;
        text-align: center;
    }
    
    #trigger {
        position: absolute;
    }
    
    .team-member {
        margin-bottom: 15px;
    }       
    
    body.page-template-onepage-php header.active .navbar-inverse {
        min-height: 150px;
    }
    
    body.page-template-onepage-php {
        padding-top: 190px;
    }
}

@media (max-width: 380px) { 

    .members-overlay > p {
        display: none;
    }

}

/*----------------------------------*/
/*Push Menu*/
*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, .mp-container, .scroller {
    height: 100%;
}

/* .scroller {
    overflow-y: scroll;
} */

.scroller,
.scroller-inner {
    position: relative;
}

.mp-container {
    padding-bottom: 20px;
    position: relative;
}

.menu-trigger {
    position: absolute;
    padding-left: 10px;
    font-size: 30px;
    z-index: 1;
}

.mp-pusher {
    position: relative;
    left: 0;
    height: 100%;
}

.mp-menu {
    position: absolute; /* we can't use fixed here :( */
    top: 0;
    left: 0;
    z-index: 1;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0, 0);
}

.mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #9e0047;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0, 0);
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
    background: rgba(0,0,0,0.3);
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
    z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
    cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1;
}

.mp-pusher,
.mp-level {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    -ms-transform: translate(-40px, 0, 0);
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0, 0);
}

/* cover */
.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -ms-transform: translate(-100%, 0, 0);
}

/* content style */
.mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* .mp-menu h2 {
    margin: 0;
    padding: 1em;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(0,0,0,0.1);
    font-weight: 300;
    font-size: 2em;
}

.mp-menu.mp-overlap h2::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px;
    font-size: 75%;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
} */

.mp-menu ul li > a {
    display: block;
    padding: 0.7em 1em 0.7em 1.8em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0,0,0,0.2);
    text-shadow: 0 0 1px rgba(255,255,255,0.1);
    font-size: 1.4em;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
    position: absolute;
    left: 10px;
    z-index: -1;
    color: rgba(0,0,0,0.2);
    line-height: 3.5;
}

.mp-level > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
    background: rgba(0,0,0,0.2);
    box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0,0,0,0);
}

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0);
} /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
    background: rgba(0,0,0,0.1);
    outline: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    font-size: 0.8em;
    padding: 1em;
    position: relative;
    box-shadow: inset 0 1px rgba(0,0,0,0.1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
}

.mp-back::after {
    font-family: 'FontAwesome';
    position: absolute;
    content: "\f054";
    right: 10px;
    font-size: 1.3em;
    color: rgba(0,0,0,0.3);
    top: 8px;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
    background: transparent;
    box-shadow: none;
    color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
    display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
    display: none;
} `

/*!
 * Visual Composer v4.3.4 (http://vc.wpbakery.com)
 * Copyright 2011-2014 Michael M - WPBakery.com
 */
/** Front end editor */
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
.vc_row:before,
.vc_row:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after,
.vc_row:after {
  clear: both;
}
/* Navbar */
/* Modal box */
/* Panel */
@media (max-width: 767px) {
  .vc_hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vc_hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vc_hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .vc_hidden-lg {
    display: none !important;
  }
}
.vc_non_responsive .vc_row .vc_col-sm-1 {
  position: relative;
  float: left;
  width: 8.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-2 {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-3 {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-4 {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-5 {
  position: relative;
  float: left;
  width: 41.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-6 {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-7 {
  position: relative;
  float: left;
  width: 58.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-8 {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-9 {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-10 {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-11 {
  position: relative;
  float: left;
  width: 91.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-12 {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-12 {
  margin-left: 100%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-9 {
  margin-left: 75%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-6 {
  margin-left: 50%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-3 {
  margin-left: 25%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.vc_non_responsive .vc_row .vc_col-sm-offset-0 {
  margin-left: 0%;
}
.vc_non_responsive .vc_row .vc_hidden-sm {
  display: none !important;
}
.vc_row {
  margin-left: -15px;
  margin-right: -15px;
}
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}
.vc_col-xs-1, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12 {
  float: left;
}
.vc_col-xs-12 {
  width: 100%;
}
.vc_col-xs-11 {
  width: 91.66666667%;
}
.vc_col-xs-10 {
  width: 83.33333333%;
}
.vc_col-xs-9 {
  width: 75%;
}
.vc_col-xs-8 {
  width: 66.66666667%;
}
.vc_col-xs-7 {
  width: 58.33333333%;
}
.vc_col-xs-6 {
  width: 50%;
}
.vc_col-xs-5 {
  width: 41.66666667%;
}
.vc_col-xs-4 {
  width: 33.33333333%;
}
.vc_col-xs-3 {
  width: 25%;
}
.vc_col-xs-2 {
  width: 16.66666667%;
}
.vc_col-xs-1 {
  width: 8.33333333%;
}
.vc_col-xs-pull-12 {
  right: 100%;
}
.vc_col-xs-pull-11 {
  right: 91.66666667%;
}
.vc_col-xs-pull-10 {
  right: 83.33333333%;
}
.vc_col-xs-pull-9 {
  right: 75%;
}
.vc_col-xs-pull-8 {
  right: 66.66666667%;
}
.vc_col-xs-pull-7 {
  right: 58.33333333%;
}
.vc_col-xs-pull-6 {
  right: 50%;
}
.vc_col-xs-pull-5 {
  right: 41.66666667%;
}
.vc_col-xs-pull-4 {
  right: 33.33333333%;
}
.vc_col-xs-pull-3 {
  right: 25%;
}
.vc_col-xs-pull-2 {
  right: 16.66666667%;
}
.vc_col-xs-pull-1 {
  right: 8.33333333%;
}
.vc_col-xs-pull-0 {
  right: auto;
}
.vc_col-xs-push-12 {
  left: 100%;
}
.vc_col-xs-push-11 {
  left: 91.66666667%;
}
.vc_col-xs-push-10 {
  left: 83.33333333%;
}
.vc_col-xs-push-9 {
  left: 75%;
}
.vc_col-xs-push-8 {
  left: 66.66666667%;
}
.vc_col-xs-push-7 {
  left: 58.33333333%;
}
.vc_col-xs-push-6 {
  left: 50%;
}
.vc_col-xs-push-5 {
  left: 41.66666667%;
}
.vc_col-xs-push-4 {
  left: 33.33333333%;
}
.vc_col-xs-push-3 {
  left: 25%;
}
.vc_col-xs-push-2 {
  left: 16.66666667%;
}
.vc_col-xs-push-1 {
  left: 8.33333333%;
}
.vc_col-xs-push-0 {
  left: auto;
}
.vc_col-xs-offset-12 {
  margin-left: 100%;
}
.vc_col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.vc_col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.vc_col-xs-offset-9 {
  margin-left: 75%;
}
.vc_col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.vc_col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.vc_col-xs-offset-6 {
  margin-left: 50%;
}
.vc_col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.vc_col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.vc_col-xs-offset-3 {
  margin-left: 25%;
}
.vc_col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.vc_col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.vc_col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .vc_col-sm-1, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12 {
    float: left;
  }
  .vc_col-sm-12 {
    width: 100%;
  }
  .vc_col-sm-11 {
    width: 91.66666667%;
  }
  .vc_col-sm-10 {
    width: 83.33333333%;
  }
  .vc_col-sm-9 {
    width: 75%;
  }
  .vc_col-sm-8 {
    width: 66.66666667%;
  }
  .vc_col-sm-7 {
    width: 58.33333333%;
  }
  .vc_col-sm-6 {
    width: 50%;
  }
  .vc_col-sm-5 {
    width: 41.66666667%;
  }
  .vc_col-sm-4 {
    width: 33.33333333%;
  }
  .vc_col-sm-3 {
    width: 25%;
  }
  .vc_col-sm-2 {
    width: 16.66666667%;
  }
  .vc_col-sm-1 {
    width: 8.33333333%;
  }
  .vc_col-sm-pull-12 {
    right: 100%;
  }
  .vc_col-sm-pull-11 {
    right: 91.66666667%;
  }
  .vc_col-sm-pull-10 {
    right: 83.33333333%;
  }
  .vc_col-sm-pull-9 {
    right: 75%;
  }
  .vc_col-sm-pull-8 {
    right: 66.66666667%;
  }
  .vc_col-sm-pull-7 {
    right: 58.33333333%;
  }
  .vc_col-sm-pull-6 {
    right: 50%;
  }
  .vc_col-sm-pull-5 {
    right: 41.66666667%;
  }
  .vc_col-sm-pull-4 {
    right: 33.33333333%;
  }
  .vc_col-sm-pull-3 {
    right: 25%;
  }
  .vc_col-sm-pull-2 {
    right: 16.66666667%;
  }
  .vc_col-sm-pull-1 {
    right: 8.33333333%;
  }
  .vc_col-sm-pull-0 {
    right: auto;
  }
  .vc_col-sm-push-12 {
    left: 100%;
  }
  .vc_col-sm-push-11 {
    left: 91.66666667%;
  }
  .vc_col-sm-push-10 {
    left: 83.33333333%;
  }
  .vc_col-sm-push-9 {
    left: 75%;
  }
  .vc_col-sm-push-8 {
    left: 66.66666667%;
  }
  .vc_col-sm-push-7 {
    left: 58.33333333%;
  }
  .vc_col-sm-push-6 {
    left: 50%;
  }
  .vc_col-sm-push-5 {
    left: 41.66666667%;
  }
  .vc_col-sm-push-4 {
    left: 33.33333333%;
  }
  .vc_col-sm-push-3 {
    left: 25%;
  }
  .vc_col-sm-push-2 {
    left: 16.66666667%;
  }
  .vc_col-sm-push-1 {
    left: 8.33333333%;
  }
  .vc_col-sm-push-0 {
    left: auto;
  }
  .vc_col-sm-offset-12 {
    margin-left: 100%;
  }
  .vc_col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .vc_col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .vc_col-sm-offset-9 {
    margin-left: 75%;
  }
  .vc_col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .vc_col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .vc_col-sm-offset-6 {
    margin-left: 50%;
  }
  .vc_col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .vc_col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .vc_col-sm-offset-3 {
    margin-left: 25%;
  }
  .vc_col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .vc_col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .vc_col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .vc_col-md-1, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12 {
    float: left;
  }
  .vc_col-md-12 {
    width: 100%;
  }
  .vc_col-md-11 {
    width: 91.66666667%;
  }
  .vc_col-md-10 {
    width: 83.33333333%;
  }
  .vc_col-md-9 {
    width: 75%;
  }
  .vc_col-md-8 {
    width: 66.66666667%;
  }
  .vc_col-md-7 {
    width: 58.33333333%;
  }
  .vc_col-md-6 {
    width: 50%;
  }
  .vc_col-md-5 {
    width: 41.66666667%;
  }
  .vc_col-md-4 {
    width: 33.33333333%;
  }
  .vc_col-md-3 {
    width: 25%;
  }
  .vc_col-md-2 {
    width: 16.66666667%;
  }
  .vc_col-md-1 {
    width: 8.33333333%;
  }
  .vc_col-md-pull-12 {
    right: 100%;
  }
  .vc_col-md-pull-11 {
    right: 91.66666667%;
  }
  .vc_col-md-pull-10 {
    right: 83.33333333%;
  }
  .vc_col-md-pull-9 {
    right: 75%;
  }
  .vc_col-md-pull-8 {
    right: 66.66666667%;
  }
  .vc_col-md-pull-7 {
    right: 58.33333333%;
  }
  .vc_col-md-pull-6 {
    right: 50%;
  }
  .vc_col-md-pull-5 {
    right: 41.66666667%;
  }
  .vc_col-md-pull-4 {
    right: 33.33333333%;
  }
  .vc_col-md-pull-3 {
    right: 25%;
  }
  .vc_col-md-pull-2 {
    right: 16.66666667%;
  }
  .vc_col-md-pull-1 {
    right: 8.33333333%;
  }
  .vc_col-md-pull-0 {
    right: auto;
  }
  .vc_col-md-push-12 {
    left: 100%;
  }
  .vc_col-md-push-11 {
    left: 91.66666667%;
  }
  .vc_col-md-push-10 {
    left: 83.33333333%;
  }
  .vc_col-md-push-9 {
    left: 75%;
  }
  .vc_col-md-push-8 {
    left: 66.66666667%;
  }
  .vc_col-md-push-7 {
    left: 58.33333333%;
  }
  .vc_col-md-push-6 {
    left: 50%;
  }
  .vc_col-md-push-5 {
    left: 41.66666667%;
  }
  .vc_col-md-push-4 {
    left: 33.33333333%;
  }
  .vc_col-md-push-3 {
    left: 25%;
  }
  .vc_col-md-push-2 {
    left: 16.66666667%;
  }
  .vc_col-md-push-1 {
    left: 8.33333333%;
  }
  .vc_col-md-push-0 {
    left: auto;
  }
  .vc_col-md-offset-12 {
    margin-left: 100%;
  }
  .vc_col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .vc_col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .vc_col-md-offset-9 {
    margin-left: 75%;
  }
  .vc_col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .vc_col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .vc_col-md-offset-6 {
    margin-left: 50%;
  }
  .vc_col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .vc_col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .vc_col-md-offset-3 {
    margin-left: 25%;
  }
  .vc_col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .vc_col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .vc_col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .vc_col-lg-1, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12 {
    float: left;
  }
  .vc_col-lg-12 {
    width: 100%;
  }
  .vc_col-lg-11 {
    width: 91.66666667%;
  }
  .vc_col-lg-10 {
    width: 83.33333333%;
  }
  .vc_col-lg-9 {
    width: 75%;
  }
  .vc_col-lg-8 {
    width: 66.66666667%;
  }
  .vc_col-lg-7 {
    width: 58.33333333%;
  }
  .vc_col-lg-6 {
    width: 50%;
  }
  .vc_col-lg-5 {
    width: 41.66666667%;
  }
  .vc_col-lg-4 {
    width: 33.33333333%;
  }
  .vc_col-lg-3 {
    width: 25%;
  }
  .vc_col-lg-2 {
    width: 16.66666667%;
  }
  .vc_col-lg-1 {
    width: 8.33333333%;
  }
  .vc_col-lg-pull-12 {
    right: 100%;
  }
  .vc_col-lg-pull-11 {
    right: 91.66666667%;
  }
  .vc_col-lg-pull-10 {
    right: 83.33333333%;
  }
  .vc_col-lg-pull-9 {
    right: 75%;
  }
  .vc_col-lg-pull-8 {
    right: 66.66666667%;
  }
  .vc_col-lg-pull-7 {
    right: 58.33333333%;
  }
  .vc_col-lg-pull-6 {
    right: 50%;
  }
  .vc_col-lg-pull-5 {
    right: 41.66666667%;
  }
  .vc_col-lg-pull-4 {
    right: 33.33333333%;
  }
  .vc_col-lg-pull-3 {
    right: 25%;
  }
  .vc_col-lg-pull-2 {
    right: 16.66666667%;
  }
  .vc_col-lg-pull-1 {
    right: 8.33333333%;
  }
  .vc_col-lg-pull-0 {
    right: auto;
  }
  .vc_col-lg-push-12 {
    left: 100%;
  }
  .vc_col-lg-push-11 {
    left: 91.66666667%;
  }
  .vc_col-lg-push-10 {
    left: 83.33333333%;
  }
  .vc_col-lg-push-9 {
    left: 75%;
  }
  .vc_col-lg-push-8 {
    left: 66.66666667%;
  }
  .vc_col-lg-push-7 {
    left: 58.33333333%;
  }
  .vc_col-lg-push-6 {
    left: 50%;
  }
  .vc_col-lg-push-5 {
    left: 41.66666667%;
  }
  .vc_col-lg-push-4 {
    left: 33.33333333%;
  }
  .vc_col-lg-push-3 {
    left: 25%;
  }
  .vc_col-lg-push-2 {
    left: 16.66666667%;
  }
  .vc_col-lg-push-1 {
    left: 8.33333333%;
  }
  .vc_col-lg-push-0 {
    left: auto;
  }
  .vc_col-lg-offset-12 {
    margin-left: 100%;
  }
  .vc_col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .vc_col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .vc_col-lg-offset-9 {
    margin-left: 75%;
  }
  .vc_col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .vc_col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .vc_col-lg-offset-6 {
    margin-left: 50%;
  }
  .vc_col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .vc_col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .vc_col-lg-offset-3 {
    margin-left: 25%;
  }
  .vc_col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .vc_col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .vc_col-lg-offset-0 {
    margin-left: 0%;
  }
}
/*
//Grid
.vc_container-block {
    .container-fixed();
    @media (min-width: @screen-sm) {
        width: @container-sm;
    }
    @media (min-width: @screen-md) {
        width: @container-md;
    }
    @media (min-width: @screen-lg-min) {
        width: @container-lg;
    }
}
*/
.vc_pull-right {
  float: right !important;
}
.vc_pull-left {
  float: left !important;
}
.vc_clearfix:before,
.vc_clearfix:after {
  content: " ";
  display: table;
}
.vc_clearfix:after {
  clear: both;
}
.vc_clearfix:before,
.vc_clearfix:after {
  content: " ";
  display: table;
}
.vc_clearfix:after {
  clear: both;
}
.vc_el-clearfix {
  clear: both;
}
@media (max-width: 767px) {
  .vc_el-clearfix-xs {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .vc_el-clearfix-sm {
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .vc_el-clearfix-md {
    clear: both;
  }
}
@media (min-width: 1200px) {
  .vc_el-clearfix-lg {
    clear: both;
  }
}
.vc_visible {
  display: block;
}
.vc_table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.vc_table > thead > tr > th,
.vc_table > tbody > tr > th,
.vc_table > tfoot > tr > th,
.vc_table > thead > tr > td,
.vc_table > tbody > tr > td,
.vc_table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.vc_table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.vc_table > caption + thead > tr:first-child > th,
.vc_table > colgroup + thead > tr:first-child > th,
.vc_table > thead:first-child > tr:first-child > th,
.vc_table > caption + thead > tr:first-child > td,
.vc_table > colgroup + thead > tr:first-child > td,
.vc_table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.vc_table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.vc_table .table {
  background-color: #ffffff;
}
.vc_table-bordered {
  border: 1px solid #dddddd;
}
.vc_table-bordered > thead > tr > th,
.vc_table-bordered > tbody > tr > th,
.vc_table-bordered > tfoot > tr > th,
.vc_table-bordered > thead > tr > td,
.vc_table-bordered > tbody > tr > td,
.vc_table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.vc_table-bordered > thead > tr > th,
.vc_table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.vc_txt_align_left {
  text-align: left;
}
.vc_txt_align_right {
  text-align: right;
}
.vc_txt_align_center {
  text-align: center;
}
.vc_txt_align_justify {
  text-align: justify;
  text-justify: inter-word;
}
.vc_el_width_50 {
  width: 50%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.vc_el_width_60 {
  width: 60%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.vc_el_width_70 {
  width: 70%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.vc_el_width_80 {
  width: 80%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.vc_el_width_90 {
  width: 90%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.vc_el_width_100 {
  width: 100%;
}
/* 1. Buttons
---------------------------------------------------------- */
.vc_btn {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  text-decoration: none !important;
  padding: 9px 12px;
  font-size: 100%;
  line-height: 20px;
  border-radius: 4px;
  /* Button colors variations */
}
.vc_btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.vc_btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.vc_btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.vc_btn_square {
  border-radius: 0;
}
.vc_btn_square_outlined {
  border-radius: 0;
  background: none !important;
  border: 2px solid;
}
.vc_btn_round {
  border-radius: 25px;
}
.vc_btn_outlined {
  background: none !important;
  border: 2px solid;
}
.vc_btn-blue {
  background-color: #5472d2;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-blue:hover {
  background-color: #3c5ecc;
  color: #f7f7f7 !important;
}
.vc_btn-blue.vc_btn_outlined,
.vc_btn-blue.vc_btn_square_outlined {
  color: #5472d2 !important;
}
.vc_btn-blue.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #3253bc;
  box-shadow: 0 5px 0 #3253bc;
  margin-bottom: 5px;
}
.vc_btn-turquoise {
  background-color: #00c1cf;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-turquoise:hover {
  background-color: #00a4b0;
  color: #f7f7f7 !important;
}
.vc_btn-turquoise.vc_btn_outlined,
.vc_btn-turquoise.vc_btn_square_outlined {
  color: #00c1cf !important;
}
.vc_btn-turquoise.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #008d97;
  box-shadow: 0 5px 0 #008d97;
  margin-bottom: 5px;
}
.vc_btn-pink {
  background-color: #fe6c61;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-pink:hover {
  background-color: #fe5043;
  color: #f7f7f7 !important;
}
.vc_btn-pink.vc_btn_outlined,
.vc_btn-pink.vc_btn_square_outlined {
  color: #fe6c61 !important;
}
.vc_btn-pink.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #fe3829;
  box-shadow: 0 5px 0 #fe3829;
  margin-bottom: 5px;
}
.vc_btn-violet {
  background-color: #8d6dc4;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-violet:hover {
  background-color: #7c57bb;
  color: #f7f7f7 !important;
}
.vc_btn-violet.vc_btn_outlined,
.vc_btn-violet.vc_btn_square_outlined {
  color: #8d6dc4 !important;
}
.vc_btn-violet.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #6e48b1;
  box-shadow: 0 5px 0 #6e48b1;
  margin-bottom: 5px;
}
.vc_btn-peacoc {
  background-color: #4cadc9;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-peacoc:hover {
  background-color: #39a0bd;
  color: #f7f7f7 !important;
}
.vc_btn-peacoc.vc_btn_outlined,
.vc_btn-peacoc.vc_btn_square_outlined {
  color: #4cadc9 !important;
}
.vc_btn-peacoc.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #338faa;
  box-shadow: 0 5px 0 #338faa;
  margin-bottom: 5px;
}
.vc_btn-chino {
  background-color: #cec2ab;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-chino:hover {
  background-color: #c3b498;
  color: #f7f7f7 !important;
}
.vc_btn-chino.vc_btn_outlined,
.vc_btn-chino.vc_btn_square_outlined {
  color: #cec2ab !important;
}
.vc_btn-chino.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #b9a888;
  box-shadow: 0 5px 0 #b9a888;
  margin-bottom: 5px;
}
.vc_btn-mulled_wine {
  background-color: #50485b;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-mulled_wine:hover {
  background-color: #413a4a;
  color: #f7f7f7 !important;
}
.vc_btn-mulled_wine.vc_btn_outlined,
.vc_btn-mulled_wine.vc_btn_square_outlined {
  color: #50485b !important;
}
.vc_btn-mulled_wine.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #342f3c;
  box-shadow: 0 5px 0 #342f3c;
  margin-bottom: 5px;
}
.vc_btn-vista_blue {
  background-color: #75d69c;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-vista_blue:hover {
  background-color: #5dcf8b;
  color: #f7f7f7 !important;
}
.vc_btn-vista_blue.vc_btn_outlined,
.vc_btn-vista_blue.vc_btn_square_outlined {
  color: #75d69c !important;
}
.vc_btn-vista_blue.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #4ac97d;
  box-shadow: 0 5px 0 #4ac97d;
  margin-bottom: 5px;
}
.vc_btn-black {
  background-color: #2a2a2a;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-black:hover {
  background-color: #1b1b1b;
  color: #f7f7f7 !important;
}
.vc_btn-black.vc_btn_outlined,
.vc_btn-black.vc_btn_square_outlined {
  color: #2a2a2a !important;
}
.vc_btn-black.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #0e0e0e;
  box-shadow: 0 5px 0 #0e0e0e;
  margin-bottom: 5px;
}
.vc_btn-grey {
  background-color: #ebebeb;
  color: #666666 !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-grey:hover {
  background-color: #dcdcdc;
  color: #5e5e5e !important;
}
.vc_btn-grey.vc_btn_outlined,
.vc_btn-grey.vc_btn_square_outlined {
  color: #ebebeb !important;
}
.vc_btn-grey.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #cfcfcf;
  box-shadow: 0 5px 0 #cfcfcf;
  margin-bottom: 5px;
}
.vc_btn-orange {
  background-color: #f7be68;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-orange:hover {
  background-color: #f5b14b;
  color: #f7f7f7 !important;
}
.vc_btn-orange.vc_btn_outlined,
.vc_btn-orange.vc_btn_square_outlined {
  color: #f7be68 !important;
}
.vc_btn-orange.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #f4a733;
  box-shadow: 0 5px 0 #f4a733;
  margin-bottom: 5px;
}
.vc_btn-sky {
  background-color: #5aa1e3;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-sky:hover {
  background-color: #4092df;
  color: #f7f7f7 !important;
}
.vc_btn-sky.vc_btn_outlined,
.vc_btn-sky.vc_btn_square_outlined {
  color: #5aa1e3 !important;
}
.vc_btn-sky.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #2a86db;
  box-shadow: 0 5px 0 #2a86db;
  margin-bottom: 5px;
}
.vc_btn-green {
  background-color: #6dab3c;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-green:hover {
  background-color: #5f9434;
  color: #f7f7f7 !important;
}
.vc_btn-green.vc_btn_outlined,
.vc_btn-green.vc_btn_square_outlined {
  color: #6dab3c !important;
}
.vc_btn-green.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #53812d;
  box-shadow: 0 5px 0 #53812d;
  margin-bottom: 5px;
}
.vc_btn-juicy_pink {
  background-color: #f4524d;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-juicy_pink:hover {
  background-color: #f23630;
  color: #f7f7f7 !important;
}
.vc_btn-juicy_pink.vc_btn_outlined,
.vc_btn-juicy_pink.vc_btn_square_outlined {
  color: #f4524d !important;
}
.vc_btn-juicy_pink.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #f11f18;
  box-shadow: 0 5px 0 #f11f18;
  margin-bottom: 5px;
}
.vc_btn-sandy_brown {
  background-color: #f79468;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-sandy_brown:hover {
  background-color: #f57f4b;
  color: #f7f7f7 !important;
}
.vc_btn-sandy_brown.vc_btn_outlined,
.vc_btn-sandy_brown.vc_btn_square_outlined {
  color: #f79468 !important;
}
.vc_btn-sandy_brown.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #f46e33;
  box-shadow: 0 5px 0 #f46e33;
  margin-bottom: 5px;
}
.vc_btn-purple {
  background-color: #b97ebb;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-purple:hover {
  background-color: #ae6ab0;
  color: #f7f7f7 !important;
}
.vc_btn-purple.vc_btn_outlined,
.vc_btn-purple.vc_btn_square_outlined {
  color: #b97ebb !important;
}
.vc_btn-purple.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #a559a8;
  box-shadow: 0 5px 0 #a559a8;
  margin-bottom: 5px;
}
.vc_btn-white {
  background-color: #ffffff;
  color: #666666 !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-white:hover {
  background-color: #f0f0f0;
  color: #5e5e5e !important;
}
.vc_btn-white.vc_btn_outlined,
.vc_btn-white.vc_btn_square_outlined {
  color: #ffffff !important;
}
.vc_btn-white.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #e3e3e3;
  box-shadow: 0 5px 0 #e3e3e3;
  margin-bottom: 5px;
}
.vc_btn-grace {
  background-color: #aed13b;
  color: #ffffff !important;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.vc_btn-grace:hover {
  background-color: #9ec02d;
  color: #f7f7f7 !important;
}
.vc_btn-grace.vc_btn_outlined,
.vc_btn-grace.vc_btn_square_outlined {
  color: #aed13b !important;
}
.vc_btn-grace.vc_btn_3d {
  -webkit-box-shadow: 0 5px 0 #8dac28;
  box-shadow: 0 5px 0 #8dac28;
  margin-bottom: 5px;
}
.vc_btn-default {
  color: #7d7d7d;
  background-color: #ffffff;
  border-color: transparent;
}
.vc_btn-default:hover,
.vc_btn-default:focus,
.vc_btn-default:active,
.vc_btn-default.active,
.open > .dropdown-toggle.vc_btn-default {
  color: #7d7d7d;
  background-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0);
}
.vc_btn-default:active,
.vc_btn-default.active,
.open > .dropdown-toggle.vc_btn-default {
  background-image: none;
}
.vc_btn-default .badge {
  color: #ffffff;
  background-color: #7d7d7d;
}
.vc_btn-primary {
  color: #ffffff;
  background-color: #00aef0;
  border-color: transparent;
}
.vc_btn-primary:hover,
.vc_btn-primary:focus,
.vc_btn-primary:active,
.vc_btn-primary.active,
.open > .dropdown-toggle.vc_btn-primary {
  color: #ffffff;
  background-color: #0089bd;
  border-color: rgba(0, 0, 0, 0);
}
.vc_btn-primary:active,
.vc_btn-primary.active,
.open > .dropdown-toggle.vc_btn-primary {
  background-image: none;
}
.vc_btn-primary .badge {
  color: #00aef0;
  background-color: #ffffff;
}
.vc_btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}
.vc_btn-success:hover,
.vc_btn-success:focus,
.vc_btn-success:active,
.vc_btn-success.active,
.open > .dropdown-toggle.vc_btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.vc_btn-success:active,
.vc_btn-success.active,
.open > .dropdown-toggle.vc_btn-success {
  background-image: none;
}
.vc_btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.vc_btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: transparent;
}
.vc_btn-info:hover,
.vc_btn-info:focus,
.vc_btn-info:active,
.vc_btn-info.active,
.open > .dropdown-toggle.vc_btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: rgba(0, 0, 0, 0);
}
.vc_btn-info:active,
.vc_btn-info.active,
.open > .dropdown-toggle.vc_btn-info {
  background-image: none;
}
.vc_btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.vc_btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.vc_btn-warning:hover,
.vc_btn-warning:focus,
.vc_btn-warning:active,
.vc_btn-warning.active,
.open > .dropdown-toggle.vc_btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.vc_btn-warning:active,
.vc_btn-warning.active,
.open > .dropdown-toggle.vc_btn-warning {
  background-image: none;
}
.vc_btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.vc_btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.vc_btn-danger:hover,
.vc_btn-danger:focus,
.vc_btn-danger:active,
.vc_btn-danger.active,
.open > .dropdown-toggle.vc_btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.vc_btn-danger:active,
.vc_btn-danger.active,
.open > .dropdown-toggle.vc_btn-danger {
  background-image: none;
}
.vc_btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
i.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  vertical-align: text-top;
  margin-left: 5px;
}
.wpb_btn-large i.icon {
  height: 19px;
  margin-left: 9px;
}
.wpb_btn-small i.icon {
  height: 15px;
}
.wpb_btn-mini i.icon {
  display: none;
}
.wpb_address_book i.icon,
option.wpb_address_book {
  background: url(../images/icons/address-book.png) no-repeat right center;
}
.wpb_alarm_clock i.icon,
option.wpb_alarm_clock {
  background: url(../images/icons/alarm-clock.png) no-repeat right center;
}
.wpb_anchor i.icon,
option.wpb_anchor {
  background: url(../images/icons/anchor.png) no-repeat right center;
}
.wpb_application_image i.icon,
option.wpb_application_image {
  background: url(../images/icons/application-image.png) no-repeat right center;
}
.wpb_arrow i.icon,
option.wpb_arrow {
  background: url(../images/icons/arrow.png) no-repeat right center;
}
.wpb_asterisk i.icon,
option.wpb_asterisk {
  background: url(../images/icons/asterisk.png) no-repeat right center;
}
.wpb_hammer i.icon,
option.wpb_hammer {
  background: url(../images/icons/auction-hammer.png) no-repeat right center;
}
.wpb_balloon i.icon,
option.wpb_balloon {
  background: url(../images/icons/balloon.png) no-repeat right center;
}
.wpb_balloon_buzz i.icon,
option.wpb_balloon_buzz {
  background: url(../images/icons/balloon-buzz.png) no-repeat right center;
}
.wpb_balloon_facebook i.icon,
option.wpb_balloon_facebook {
  background: url(../images/icons/balloon-facebook.png) no-repeat right center;
}
.wpb_balloon_twitter i.icon,
option.wpb_balloon_twitter {
  background: url(../images/icons/balloon-twitter.png) no-repeat right center;
}
.wpb_battery i.icon,
option.wpb_battery {
  background: url(../images/icons/battery-full.png) no-repeat right center;
}
.wpb_binocular i.icon,
option.wpb_binocular {
  background: url(../images/icons/binocular.png) no-repeat right center;
}
.wpb_document_excel i.icon,
option.wpb_document_excel {
  background: url(../images/icons/blue-document-excel.png) no-repeat right center;
}
.wpb_document_image i.icon,
option.wpb_document_image {
  background: url(../images/icons/blue-document-image.png) no-repeat right center;
}
.wpb_document_music i.icon,
option.wpb_document_music {
  background: url(../images/icons/blue-document-music.png) no-repeat right center;
}
.wpb_document_office i.icon,
option.wpb_document_office {
  background: url(../images/icons/blue-document-office.png) no-repeat right center;
}
.wpb_document_pdf i.icon,
option.wpb_document_pdf {
  background: url(../images/icons/blue-document-pdf.png) no-repeat right center;
}
.wpb_document_powerpoint i.icon,
option.wpb_document_powerpoint {
  background: url(../images/icons/blue-document-powerpoint.png) no-repeat right center;
}
.wpb_document_word i.icon,
option.wpb_document_word {
  background: url(../images/icons/blue-document-word.png) no-repeat right center;
}
.wpb_bookmark i.icon,
option.wpb_bookmark {
  background: url(../images/icons/bookmark.png) no-repeat right center;
}
.wpb_camcorder i.icon,
option.wpb_camcorder {
  background: url(../images/icons/camcorder.png) no-repeat right center;
}
.wpb_camera i.icon,
option.wpb_camera {
  background: url(../images/icons/camera.png) no-repeat right center;
}
.wpb_chart i.icon,
option.wpb_chart {
  background: url(../images/icons/chart.png) no-repeat right center;
}
.wpb_chart_pie i.icon,
option.wpb_chart_pie {
  background: url(../images/icons/chart-pie.png) no-repeat right center;
}
.wpb_clock i.icon,
option.wpb_clock {
  background: url(../images/icons/clock.png) no-repeat right center;
}
.wpb_play i.icon,
option.wpb_play {
  background: url(../images/icons/control.png) no-repeat right center;
}
.wpb_fire i.icon,
option.wpb_fire {
  background: url(../images/icons/fire.png) no-repeat right center;
}
.wpb_heart i.icon,
option.wpb_heart {
  background: url(../images/icons/heart.png) no-repeat right center;
}
.wpb_mail i.icon,
option.wpb_mail {
  background: url(../images/icons/mail.png) no-repeat right center;
}
.wpb_shield i.icon,
option.wpb_shield {
  background: url(../images/icons/plus-shield.png) no-repeat right center;
}
.wpb_video i.icon,
option.wpb_video {
  background: url(../images/icons/video.png) no-repeat right center;
}
.vc_column_container .vc_btn,
.vc_column_container .wpb_button {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* 2. Alerts (Message boxes)
---------------------------------------------------------- */
.wpb_alert {
  padding: 1em 35px 1em 25px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #faebcc;
  border-radius: 5px;
  color: #8a6d3b;
  clear: both;
}
.wpb_alert .messagebox_text *:last-child {
  margin-bottom: 0;
}
.wpb_alert.vc_alert_square {
  border-radius: 0;
}
.wpb_alert.vc_alert_square_outlined {
  border-radius: 0;
  background: none !important;
  border-width: 2px;
}
.wpb_alert.vc_alert_round {
  border-radius: 50px;
}
.wpb_alert.vc_alert_outlined {
  background: none !important;
  border-width: 2px;
}
.wpb_alert.vc_alert_3d {
  border-width: 1px 1px 1px 1px;
}
.wpb_alert-success {
  color: #3c763d;
  border-color: #d6e9c6;
  background-color: #dff0d8;
}
.wpb_alert-success.vc_alert_outlined,
.wpb_alert-success.vc_alert_square_outlined {
  color: #3c763d;
}
.wpb_alert-success.vc_alert_3d {
  -webkit-box-shadow: 0 5px 0 #c1e2b3;
  box-shadow: 0 5px 0 #c1e2b3;
}
.wpb_alert-error,
.wpb_alert-danger {
  color: #a94442;
  border-color: #ebccd1;
  background-color: #f2dede;
}
.wpb_alert-error.vc_alert_outlined,
.wpb_alert-danger.vc_alert_outlined,
.wpb_alert-error.vc_alert_square_outlined,
.wpb_alert-danger.vc_alert_square_outlined {
  color: #a94442;
}
.wpb_alert-error.vc_alert_3d,
.wpb_alert-danger.vc_alert_3d {
  -webkit-box-shadow: 0 5px 0 #e4b9b9;
  box-shadow: 0 5px 0 #e4b9b9;
}
.wpb_alert-info {
  color: #31708f;
  border-color: #bce8f1;
  background-color: #d9edf7;
}
.wpb_alert-info.vc_alert_outlined,
.wpb_alert-info.vc_alert_square_outlined {
  color: #31708f;
}
.wpb_alert-info.vc_alert_3d {
  -webkit-box-shadow: 0 5px 0 #afd9ee;
  box-shadow: 0 5px 0 #afd9ee;
}
.wpb_alert .messagebox_text,
.wpb_alert-warning .messagebox_text {
  padding-left: 40px;
  background: url(../vc/alert.png) no-repeat left center;
}
.wpb_alert-info .messagebox_text {
  background: url(../vc/info.png) no-repeat left center;
}
.wpb_alert-success .messagebox_text {
  background: url(../vc/tick.png) no-repeat left center;
}
.wpb_alert-error .messagebox_text,
.wpb_alert-danger .messagebox_text {
  background: url(../vc/exclamation.png) no-repeat left center;
}
/* 4. Separators
---------------------------------------------------------- */
/* 5. Single image
---------------------------------------------------------- */
img {
  height: auto;
}
.wpb_single_image img {
  height: auto;
  max-width: 100%;
}
.wpb_single_image.vc_align_center {
  text-align: center;
}
.wpb_single_image.vc_align_right {
  text-align: right;
}
.wpb_single_image.vc_align_left {
  text-align: left;
}
div .vc_box_rounded {
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
div .vc_box_outline,
div .vc_box_outline_circle {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 6px;
  border: 1px solid #ebebeb;
}
div .vc_box_border,
div .vc_box_border_circle {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 6px;
  border: none;
}
div .vc_box_shadow,
div .vc_box_shadow_border,
div .vc_box_shadow_border_circle,
div .vc_box_shadow_circle {
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
div .vc_box_shadow_border,
div .vc_box_shadow_border_circle {
  padding: 6px;
}
div .vc_box_shadow_3d {
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 15px;
}
div .vc_box_circle,
div .vc_box_outline_circle,
div .vc_box_border_circle,
div .vc_box_shadow_circle,
div .vc_box_shadow_border_circle {
  border-radius: 5000px;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
}
div .vc_box_shadow_circle,
div .vc_box_shadow_border_circle {
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
}
.vc_box_shadow_3d_wrap {
  position: relative;
  z-index: 0;
  display: inline-block;
  max-width: 100%;
}
.vc_box_shadow_3d_wrap:after,
.vc_box_shadow_3d_wrap:before {
  content: "";
  position: absolute;
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  left: 10px;
  bottom: 8%;
  width: 40%;
  height: 20%;
  max-height: 100px;
  max-width: 300px;
  z-index: -1;
  -webkit-transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.vc_box_shadow_3d_wrap:after {
  left: auto;
  right: 10px;
  -webkit-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg);
}
.vc_box_outline.vc_box_border_blue,
.vc_box_outline_circle.vc_box_border_blue {
  border-color: #5472d2;
}
.vc_box_border.vc_box_border_blue,
.vc_box_border_circle.vc_box_border_blue {
  background-color: #5472d2;
}
.vc_box_outline.vc_box_border_turquoise,
.vc_box_outline_circle.vc_box_border_turquoise {
  border-color: #00c1cf;
}
.vc_box_border.vc_box_border_turquoise,
.vc_box_border_circle.vc_box_border_turquoise {
  background-color: #00c1cf;
}
.vc_box_outline.vc_box_border_pink,
.vc_box_outline_circle.vc_box_border_pink {
  border-color: #fe6c61;
}
.vc_box_border.vc_box_border_pink,
.vc_box_border_circle.vc_box_border_pink {
  background-color: #fe6c61;
}
.vc_box_outline.vc_box_border_violet,
.vc_box_outline_circle.vc_box_border_violet {
  border-color: #8d6dc4;
}
.vc_box_border.vc_box_border_violet,
.vc_box_border_circle.vc_box_border_violet {
  background-color: #8d6dc4;
}
.vc_box_outline.vc_box_border_peacoc,
.vc_box_outline_circle.vc_box_border_peacoc {
  border-color: #4cadc9;
}
.vc_box_border.vc_box_border_peacoc,
.vc_box_border_circle.vc_box_border_peacoc {
  background-color: #4cadc9;
}
.vc_box_outline.vc_box_border_chino,
.vc_box_outline_circle.vc_box_border_chino {
  border-color: #cec2ab;
}
.vc_box_border.vc_box_border_chino,
.vc_box_border_circle.vc_box_border_chino {
  background-color: #cec2ab;
}
.vc_box_outline.vc_box_border_mulled_wine,
.vc_box_outline_circle.vc_box_border_mulled_wine {
  border-color: #50485b;
}
.vc_box_border.vc_box_border_mulled_wine,
.vc_box_border_circle.vc_box_border_mulled_wine {
  background-color: #50485b;
}
.vc_box_outline.vc_box_border_vista_blue,
.vc_box_outline_circle.vc_box_border_vista_blue {
  border-color: #75d69c;
}
.vc_box_border.vc_box_border_vista_blue,
.vc_box_border_circle.vc_box_border_vista_blue {
  background-color: #75d69c;
}
.vc_box_outline.vc_box_border_black,
.vc_box_outline_circle.vc_box_border_black {
  border-color: #2a2a2a;
}
.vc_box_border.vc_box_border_black,
.vc_box_border_circle.vc_box_border_black {
  background-color: #2a2a2a;
}
.vc_box_outline.vc_box_border_grey,
.vc_box_outline_circle.vc_box_border_grey {
  border-color: #ebebeb;
}
.vc_box_border.vc_box_border_grey,
.vc_box_border_circle.vc_box_border_grey {
  background-color: #ebebeb;
}
.vc_box_outline.vc_box_border_orange,
.vc_box_outline_circle.vc_box_border_orange {
  border-color: #f7be68;
}
.vc_box_border.vc_box_border_orange,
.vc_box_border_circle.vc_box_border_orange {
  background-color: #f7be68;
}
.vc_box_outline.vc_box_border_sky,
.vc_box_outline_circle.vc_box_border_sky {
  border-color: #5aa1e3;
}
.vc_box_border.vc_box_border_sky,
.vc_box_border_circle.vc_box_border_sky {
  background-color: #5aa1e3;
}
.vc_box_outline.vc_box_border_green,
.vc_box_outline_circle.vc_box_border_green {
  border-color: #6dab3c;
}
.vc_box_border.vc_box_border_green,
.vc_box_border_circle.vc_box_border_green {
  background-color: #6dab3c;
}
.vc_box_outline.vc_box_border_juicy_pink,
.vc_box_outline_circle.vc_box_border_juicy_pink {
  border-color: #f4524d;
}
.vc_box_border.vc_box_border_juicy_pink,
.vc_box_border_circle.vc_box_border_juicy_pink {
  background-color: #f4524d;
}
.vc_box_outline.vc_box_border_sandy_brown,
.vc_box_outline_circle.vc_box_border_sandy_brown {
  border-color: #f79468;
}
.vc_box_border.vc_box_border_sandy_brown,
.vc_box_border_circle.vc_box_border_sandy_brown {
  background-color: #f79468;
}
.vc_box_outline.vc_box_border_purple,
.vc_box_outline_circle.vc_box_border_purple {
  border-color: #b97ebb;
}
.vc_box_border.vc_box_border_purple,
.vc_box_border_circle.vc_box_border_purple {
  background-color: #b97ebb;
}
.vc_box_outline.vc_box_border_white,
.vc_box_outline_circle.vc_box_border_white {
  border-color: #ffffff;
}
.vc_box_border.vc_box_border_white,
.vc_box_border_circle.vc_box_border_white {
  background-color: #ffffff;
}
/***************** OLD CSS *****************/
/* Content elements margins
---------------------------------------------------------- */
.wpb_alert p:last-child,
#content .wpb_alert p:last-child,
.wpb_text_column p:last-child,
.wpb_text_column *:last-child,
#content .wpb_text_column p:last-child,
#content .wpb_text_column *:last-child,
.wpb_toggle_content p:last-child {
  margin-bottom: 0;
}
.wpb_row,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
  margin-bottom: 35px;
}
.fb_like,
.twitter-share-button,
.entry-content .twitter-share-button,
.wpb_googleplus,
.wpb_pinterest,
.wpb_tab .wpb_content_element,
.wpb_accordion .wpb_content_element,
.wpb_toggle_content {
  margin-bottom: 21.73913043px;
}
.wpb_column > .wpb_wrapper > *:last-child {
  margin-bottom: 0;
}
/* Facebook
---------------------------------------------------------- */
.fb_type_standard {
  height: 25px;
}
.fb_type_standard iframe {
  height: 25px;
}
.fb_type_button_count {
  height: 20px;
}
.fb_type_button_count iframe {
  height: 20px;
}
.fb_type_box_count {
  height: 62px;
}
.fb_type_box_count iframe {
  height: 62px;
}
/* Google plus
---------------------------------------------------------- */
.wpb_googleplus_type_standard {
  height: 25px;
}
.wpb_googleplus_type_small {
  height: 19px;
}
.wpb_googleplus_type_medium {
  height: 21px;
}
.wpb_googleplus_type_tall {
  height: 21px;
}
/* Pinterest
---------------------------------------------------------- */
.wpb_pinterest_type_horizontal {
  height: 21px;
}
.wpb_pinterest_type_vertical {
  height: 60px;
}
.wpb_pinterest_type_none {
  height: 21px;
}
/* Pinterest
---------------------------------------------------------- */
iframe.twitter-share-button {
  margin: 0;
}
/* Toggle / FAQ
---------------------------------------------------------- */
.wpb_toggle,
#content h4.wpb_toggle {
  background: url(../images/toggle_open.png) no-repeat left center;
  padding-left: 25px;
  clear: both;
  margin-top: 0;
}
.wpb_toggle_title_active,
#content h4.wpb_toggle_title_active {
  background: url(../images/toggle_close.png) no-repeat left center;
}
.wpb_toggle:hover {
  cursor: pointer;
}
.wpb_toggle_content {
  display: none;
  overflow: hidden;
  padding: 0px 0px 0px 25px;
  margin-top: 1em;
}
.wpb_toggle_open {
  display: block;
}
/* Widgetised column element
---------------------------------------------------------- */
.wpb_widgetised_column .wpb_wrapper > ul {
  margin: 0;
}
.wpb_widgetised_column .wpb_wrapper > ul > li {
  margin-left: 0;
  background-image: none;
  list-style: none !important;
}
.wpb_widgetised_column .wpb_wrapper > ul > li:after,
.wpb_widgetised_column .wpb_wrapper > ul > li:before {
  display: none !important;
}
/* Buttons
---------------------------------------------------------- */
.wpb_button {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f7f7f7;
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  *margin-left: .3em;
}
.wpb_button:hover,
.wpb_button:active,
.wpb_button.active,
.wpb_button.disabled,
.wpb_button[disabled] {
  background-color: #eaeaea;
}
.wpb_button:active,
.wpb_button.active {
  background-color: #d1d1d1 \9;
}
.wpb_button:first-child {
  *margin-left: 0;
}
.vc_vc_button2 .vc_btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.vc_vc_button .vc_btn {
  margin-top: 5px;
  margin-bottom: 5px;
}
.wpb_button:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
  transition: background-color 0.1s linear;
}
.wpb_button:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.wpb_button.active,
.wpb_button:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
button.wpb_btn-large,
span.wpb_btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
button.wpb_btn-large [class^="icon-"],
span.wpb_btn-large [class^="icon-"] {
  margin-top: 1px;
}
button.wpb_btn-small,
span.wpb_btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
button.wpb_btn-small [class^="icon-"],
span.wpb_btn-small [class^="icon-"] {
  margin-top: -1px;
}
button.wpb_btn-mini,
span.wpb_btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.wpb_btn-primary,
.wpb_btn-primary:hover,
.wpb_btn-warning,
.wpb_btn-warning:hover,
.wpb_btn-danger,
.wpb_btn-danger:hover,
.wpb_btn-success,
.wpb_btn-success:hover,
.wpb_btn-info,
.wpb_btn-info:hover,
.wpb_btn-inverse,
.wpb_btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.wpb_btn-primary.active,
.wpb_btn-warning.active,
.wpb_btn-danger.active,
.wpb_btn-success.active,
.wpb_btn-info.active,
.wpb_btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.wpb_button {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
}
.wpb_btn-primary {
  background-color: #0088cc;
}
.wpb_btn-primary:hover,
.wpb_btn-primary:active,
.wpb_btn-primary.active,
.wpb_btn-primary.disabled,
.wpb_btn-primary[disabled] {
  background-color: #0077b3;
}
.wpb_btn-primary:active,
.wpb_btn-primary.active {
  background-color: #005580 \9;
}
.wpb_btn-warning {
  background-color: #ff9900;
}
.wpb_btn-warning:hover,
.wpb_btn-warning:active,
.wpb_btn-warning.active,
.wpb_btn-warning.disabled,
.wpb_btn-warning[disabled] {
  background-color: #e68a00;
}
.wpb_btn-warning:active,
.wpb_btn-warning.active {
  background-color: #b36b00 \9;
}
.wpb_btn-danger {
  background-color: #ff675b;
}
.wpb_btn-danger:hover,
.wpb_btn-danger:active,
.wpb_btn-danger.active,
.wpb_btn-danger.disabled,
.wpb_btn-danger[disabled] {
  background-color: #ff4f42;
}
.wpb_btn-danger:active,
.wpb_btn-danger.active {
  background-color: #ff200f \9;
}
.wpb_btn-success {
  background-color: #6ab165;
}
.wpb_btn-success:hover,
.wpb_btn-success:active,
.wpb_btn-success.active,
.wpb_btn-success.disabled,
.wpb_btn-success[disabled] {
  background-color: #5aa855;
}
.wpb_btn-success:active,
.wpb_btn-success.active {
  background-color: #488644 \9;
}
.wpb_btn-info {
  background-color: #58b9da;
}
.wpb_btn-info:hover,
.wpb_btn-info:active,
.wpb_btn-info.active,
.wpb_btn-info.disabled,
.wpb_btn-info[disabled] {
  background-color: #43b0d5;
}
.wpb_btn-info:active,
.wpb_btn-info.active {
  background-color: #2a97bc \9;
}
.wpb_btn-inverse {
  background-color: #555555;
}
.wpb_btn-inverse:hover,
.wpb_btn-inverse:active,
.wpb_btn-inverse.active,
.wpb_btn-inverse.disabled,
.wpb_btn-inverse[disabled] {
  background-color: #484848;
}
.wpb_btn-inverse:active,
.wpb_btn-inverse.active {
  background-color: #2f2f2f \9;
}
button.wpb_button,
input[type="submit"].wpb_button {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.wpb_button::-moz-focus-inner,
input[type="submit"].wpb_button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.wpb_button.wpb_btn-large,
input[type="submit"].wpb_button.wpb_btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.wpb_button.wpb_btn-small,
input[type="submit"].wpb_button.wpb_btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.wpb_button.wpb_btn-mini,
input[type="submit"].wpb_button.wpb_btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
/* Button
---------------------------------------------------------- */
a.wpb_button_a {
  text-decoration: none;
  border: none;
}
a.wpb_button_a:hover {
  text-decoration: none;
}
.wpb_button:hover {
  background-image: none;
}
/* Call to action
---------------------------------------------------------- */
.vc_call_to_action {
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
  padding: 2em;
  border-radius: 5px;
}
.vc_call_to_action *:last-child {
  margin-bottom: 0;
}
.vc_call_to_action.vc_cta_square {
  border-radius: 0;
}
.vc_call_to_action.vc_cta_square_outlined {
  border-radius: 0;
  background: none !important;
}
.vc_call_to_action.vc_cta_round {
  border-radius: 50px;
}
.vc_call_to_action.vc_cta_outlined {
  background: none !important;
}
.vc_call_to_action hgroup h2,
.vc_call_to_action hgroup h4 {
  margin: 0;
  clear: none;
}
.vc_call_to_action hgroup + p {
  margin-top: 1em;
}
.vc_call_to_action.vc_cta_btn_pos_right .vc_cta_btn {
  float: right;
  margin-left: 2em;
}
.vc_call_to_action.vc_cta_btn_pos_left .vc_cta_btn {
  float: left;
  margin-right: 2em;
}
.wpb_call_to_action {
  position: relative;
  background-color: #f7f7f7;
  padding: 20px;
  padding: 35px;
  border: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpb_call_to_action .wpb_button {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cta_align_left .wpb_button {
  float: left;
}
.cta_align_right .wpb_button {
  float: right;
}
.cta_align_left .wpb_button,
.cta_align_right .wpb_button {
  max-width: 27.5%;
}
.cta_align_left .wpb_call_text,
.cta_align_right .wpb_call_text {
  width: 70%;
  float: left;
  clear: none;
}
.cta_align_left .wpb_call_text {
  float: right;
}
.wpb_call_to_action .wpb_call_text,
#content .wpb_call_to_action .wpb_call_text {
  margin: 0;
  padding-top: 0;
}
.cta_align_bottom {
  text-align: center;
}
.cta_align_bottom .wpb_button {
  position: static;
  margin-top: 21.73913043px;
  display: inline-block;
}
.cta_no_button .wpb_call_text {
  width: auto;
  float: none;
}
/* Call to action responsive rules
---------------------------------------------------------- */
@media (max-width: 600px) {
  .vc_responsive .cta_align_left .wpb_button,
  .vc_responsive .cta_align_right .wpb_button {
    max-width: 70%;
    width: 70%;
    float: none;
    display: block;
    margin: 3% auto;
  }
  .vc_responsive .cta_align_left .wpb_call_text,
  .vc_responsive .cta_align_right .wpb_call_text {
    width: auto;
    max-width: none;
    text-align: center;
  }
}
/* Google maps
---------------------------------------------------------- */
.wpb_gmaps_widget .wpb_wrapper {
  background-color: #f7f7f7;
  padding: 5px;
}
.wpb_gmaps_widget .wpb_map_wraper iframe {
  margin-bottom: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: none;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.wpb_gmaps_widget.vc_map_responsive .wpb_map_wraper iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.wpb_content_element .wpb_tabs_nav li a:focus,
.wpb_accordion_section .wpb_accordion_header a:focus,
.wpb_tour_next_prev_nav a:focus {
  outline: none;
}
/** Tabs/Tour Common **/
.wpb_content_element .wpb_tour_tabs_wrapper,
.wpb_content_element .wpb_tabs_nav {
  padding: 0;
}
.wpb_content_element .wpb_tabs_nav {
  margin: 0;
  padding-left: 0 !important;
  text-indent: inherit !important;
}
#content .wpb_content_element .wpb_tabs_nav {
  margin: 0;
}
.wpb_content_element .wpb_tabs_nav li {
  background-color: #ffffff;
  white-space: nowrap;
  padding: 0;
  background-image: none;
  list-style: none !important;
}
.wpb_content_element .wpb_tabs_nav li:after,
.wpb_content_element .wpb_tabs_nav li:before {
  display: none !important;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active,
.wpb_content_element .wpb_tabs_nav li:hover {
  background-color: #f7f7f7;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
  cursor: default;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_ui-tabs-hide {
  display: none;
}
/** Tabs/Tour/Accordion Common **/
.wpb_content_element {
  /* fix: #1019
  .wpb_tour_tabs_wrapper .wpb_tabs_nav li,
  .wpb_accordion_wrapper .wpb_accordion_header {
    .wpb_transition();
  }*/
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
.wpb_content_element .wpb_accordion_header a {
  border-bottom: none;
  text-decoration: none;
  display: block;
  padding: 0.5em 1em;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header,
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
  background-color: #f7f7f7;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
  padding: 1em;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab > .wpb_content_element:last-child,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content > .wpb_content_element:last-child,
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child,
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content .wpb_row:last-child > div > div.wpb_wrapper .wpb_content_element:last-child {
  margin-bottom: 0;
}
/** Tabs **/
.wpb_tabs .wpb_tabs_nav li {
  float: left;
  margin: 0 1px 0 0;
}
/** Tour **/
.wpb_tour .wpb_tabs_nav {
  float: left;
  width: 31.66666667%;
}
.wpb_tour .wpb_tabs_nav li {
  margin: 0 0 1px 0;
  clear: left;
  width: 100%;
}
.wpb_tour .wpb_tabs_nav a {
  width: 100%;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  float: left;
  width: 68.33333333%;
  padding: 0 0 0 21.73913043px;
}
.wpb_tour_next_prev_nav {
  margin-left: 31.66666667%;
  padding-left: 21.73913043px;
  font-size: 80%;
}
.wpb_tour_next_prev_nav a {
  border-bottom: 1px dotted;
  text-decoration: none;
}
.wpb_tour_next_prev_nav a:hover {
  text-decoration: none;
  border-bottom: none;
}
.wpb_tour_next_prev_nav span {
  width: 48%;
  display: inline-block;
  padding-top: 1em;
  float: left;
}
.wpb_tour_next_prev_nav span.wpb_next_slide {
  text-align: right;
  float: right;
}
/** Accordion **/
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
  margin: 0 0 1px 0;
  padding-top: 0;
  position: relative;
  text-transform: none;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
  padding-left: 1em;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../images/toggle_open.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0.7em;
  top: 0.7em;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
  background-image: url(../images/toggle_close.png);
}
/* tabs_tour_accordion responsive rules */
@media (max-width: 480px) {
  .vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav,
  .vc_responsive .wpb_tour .wpb_tab,
  .vc_responsive .wpb_tour_next_prev_nav {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .vc_responsive .wpb_tour_next_prev_nav {
    width: auto;
    padding: 0 1em;
  }
  .vc_responsive #content .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav {
    margin-bottom: 1em;
  }
  .vc_responsive .wpb_tour .wpb_tab {
    padding-left: 1em;
    padding-right: 1em;
  }
}
/* Teaser Grid
---------------------------------------------------------- */
.wpb_column .wpb_wrapper .wpb_teaser_grid {
  float: none;
}
body ul.wpb_thumbnails-fluid li {
  /* some themes add bg image as a bullet */
  padding: 0;
  margin-left: 0;
  background-image: none;
  list-style: none !important;
}
body ul.wpb_thumbnails-fluid li:after,
body ul.wpb_thumbnails-fluid li:before {
  display: none !important;
}
body ul.wpb_thumbnails-fluid li .entry-content *:last-child {
  margin-bottom: 0;
}
.wpb_row .wpb_grid ul.wpb_thumbnails-fluid,
.wpb_row .wpb_filtered_grid ul.wpb_thumbnails-fluid {
  padding: 0;
  overflow: visible !important;
}
/* Grid adjustments */
/* Teaser grid
---------------------------------------------------------- */
.wpb_teaser_grid .entry-content {
  margin: 0;
  padding: 0;
  width: 100%;
}
.grid_layout-thumbnail .post-thumb {
  margin-bottom: 0;
}
.grid_layout-thumbnail .post-thumb img {
  max-width: 100%;
}
/* Carousel layout
---------------------------------------------------------- */
.wpb_carousel .wpb_wrapper {
  position: relative;
}
.wpb_carousel .prev,
.wpb_carousel .next {
  position: absolute;
  top: 3px;
  background-color: #f7f7f7;
  padding: 0px 6px 0px 6px;
  font-size: 12px;
  z-index: 10;
  text-decoration: none;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.wpb_carousel .prev:hover,
.wpb_carousel .next:hover {
  background-color: #f0f0f0;
}
.wpb_carousel .prev:focus,
.wpb_carousel .next:focus {
  outline: none;
  text-decoration: none;
}
.wpb_carousel .prev {
  right: 30px;
}
.wpb_carousel .next {
  right: 0px;
}
.wpb_carousel .wpb_thumbnails-fluid {
  width: 100%;
}
.wpb_carousel .wpb_thumbnails-fluid > [class*="vc_span"] {
  height: auto !important;
}
/*** Categories filter ***/
.wpb_teaser_grid .categories_filter,
.wpb_categories_filter {
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
}
.wpb_teaser_grid .categories_filter li,
.wpb_categories_filter li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  background-image: none;
  list-style: none !important;
}
.wpb_teaser_grid .categories_filter li:after,
.wpb_categories_filter li:after,
.wpb_teaser_grid .categories_filter li:before,
.wpb_categories_filter li:before {
  display: none !important;
}
.wpb_teaser_grid .categories_filter li a,
.wpb_categories_filter li a {
  border: none;
  text-decoration: none;
}
.wpb_teaser_grid .categories_filter li a:hover,
.wpb_categories_filter li a:hover {
  border-bottom: 1px dotted;
}
.wpb_teaser_grid .categories_filter li.active a,
.wpb_categories_filter li.active a {
  border-bottom: 1px dotted;
}
@media (max-width: 480px) {
  .vc_responsive .wpb_row ul.wpb_thumbnails-fluid {
    margin-left: 0;
    width: auto;
  }
  .vc_responsive .wpb_row .wpb_teaser_grid ul.wpb_thumbnails-fluid [class*="vc_col-"] {
    width: 100%;
    float: none;
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
/* Image grid
---------------------------------------------------------- */
.wpb_image_grid .wpb_image_grid_ul {
  margin: 0;
  padding: 0;
}
.wpb_image_grid .wpb_image_grid_ul > li {
  background-image: none;
  list-style: none !important;
}
.wpb_image_grid .wpb_image_grid_ul > li:after,
.wpb_image_grid .wpb_image_grid_ul > li:before {
  display: none !important;
}
.wpb_image_grid .wpb_image_grid_ul .isotope-item {
  list-style: none;
  margin: 0 1px 1px 0;
  max-width: 100%;
  float: left;
}
.wpb_image_grid .wpb_image_grid_ul a {
  display: block;
}
.wpb_image_grid .wpb_image_grid_ul img {
  display: block;
  max-width: 100%;
  height: auto;
}
/* Gallery
---------------------------------------------------------- */
.wpb_gallery .theme-default .nivoSlider {
  margin-bottom: 0;
}
.wpb_gallery .theme-default .nivo-controlNav {
  padding: 10px 0 3px 0;
}
.wpb_gallery .wpb_flexslider .flex-control-nav {
  bottom: -35px;
}
.wpb_gallery .wpb_flexslider .flex-caption {
  cursor: default;
}
.wpb_gallery .wpb_flexslider .flex-direction-nav a:before {
  line-height: 1;
}
.wpb_gallery .wpb_flexslider .flex-control-paging {
  z-index: 10;
}
/*** remove ul & li margins ***/
#content .wpb_gallery_slides ul.slides,
.content .wpb_gallery_slides ul.slides,
.wpb_gallery_slides ul.slides,
#content .wpb_gallery_slides ul.flex-direction-nav,
.content .wpb_gallery_slides ul.flex-direction-nav,
.wpb_gallery_slides ul.flex-direction-nav,
body .wpb_gallery_slides ul li,
.wpb_content_element .wpb_gallery_slides ul li {
  list-style: none;
  padding: 0;
  background-image: none;
  margin: 0;
}
/* Flickr stream
---------------------------------------------------------- */
.flickr_badge_image {
  margin: 0 10px 10px 0px;
  width: 72px;
  height: 72px;
  float: left;
  background: none;
  padding: 0;
}
.flickr_badge_image a {
  border: none;
}
.flickr_badge_image img {
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.wpb_flickr_widget p.flickr_stream_wrap {
  clear: both;
  margin-bottom: 0;
  font-size: 80%;
}
.wpb_flickr_widget p.flickr_stream_wrap a {
  background-image: url(../images/flickr.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 25px;
  display: inline-block;
}
/* Video widget
---------------------------------------------------------- */
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper {
  padding-top: 56%;
  position: relative;
}
.wpb_video_widget .wpb_wrapper .wpb_video_wrapper > div {
  padding-top: 0 !important;
  position: static;
}
.wpb_video_widget .wpb_wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wpb_video_wrapper .fluid-width-video-wrapper {
  padding-top: 0 !important;
  position: static;
}
/* Posts slider
---------------------------------------------------------- */
.wpb_posts_slider .flex-caption,
.wpb_posts_slider .nivo-caption {
  background-color: #f7f7f7;
  opacity: 1;
  color: inherit;
  padding: 10px 15px;
  position: static;
}
.wpb_posts_slider .wpb_gallery_slides > ul > li {
  background-image: none;
  list-style: none !important;
}
.wpb_posts_slider .wpb_gallery_slides > ul > li:after,
.wpb_posts_slider .wpb_gallery_slides > ul > li:before {
  display: none !important;
}
/* Progress bar
---------------------------------------------------------- */
.vc_progress_bar .vc_single_bar {
  background: #f7f7f7;
  position: relative;
  margin-bottom: 11.66666667px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.vc_progress_bar .vc_single_bar:last-child {
  margin-bottom: 0;
}
.vc_progress_bar .vc_single_bar .vc_label {
  display: block;
  padding: 0.5em 1em;
  position: relative;
  z-index: 1;
}
.vc_progress_bar .vc_single_bar.bar_blue .vc_bar {
  background-color: #0074CC;
}
.vc_progress_bar .vc_single_bar.bar_blue .vc_label {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_turquoise .vc_bar {
  background-color: #49afcd;
}
.vc_progress_bar .vc_single_bar.bar_turquoise .vc_label {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_green .vc_bar {
  background-color: #5bb75b;
}
.vc_progress_bar .vc_single_bar.bar_green .vc_label {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_orange .vc_bar {
  background-color: #faa732;
}
.vc_progress_bar .vc_single_bar.bar_orange .vc_label {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_red .vc_bar {
  background-color: #da4f49;
}
.vc_progress_bar .vc_single_bar.bar_red .vc_label {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar.bar_black .vc_bar {
  background-color: #414141;
}
.vc_progress_bar .vc_single_bar.bar_black .vc_label {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.vc_progress_bar .vc_single_bar .vc_bar {
  display: block;
  position: absolute;
  height: 100%;
  background-color: #e0e0e0;
  width: 0%;
  top: 0;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: width 1s linear;
  -moz-transition: width 1s linear;
  -webkit-transition: width 1s linear;
  -o-transition: width 1s linear;
}
.vc_progress_bar .vc_single_bar .vc_bar.striped {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}
.vc_progress_bar .vc_single_bar .vc_bar.animated {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
/*** Pie chart **/
.vc_pie_chart {
  z-index: 0;
  text-align: center;
  opacity: 0;
}
.vc_pie_chart.vc_ready {
  opacity: 1;
}
.vc_pie_chart .vc_pie_wrapper {
  position: relative;
  margin: 0 auto;
}
.vc_pie_chart canvas {
  position: relative;
  z-index: 1;
}
.vc_pie_chart .vc_pie_chart_value {
  font-size: 200%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.vc_pie_chart[data-pie-color="wpb_button"] .vc_pie_chart_back {
  border-color: #f7f7f7;
}
.vc_pie_chart[data-pie-color="btn-primary"] .vc_pie_chart_back {
  border-color: #0088cc;
}
.vc_pie_chart[data-pie-color="btn-info"] .vc_pie_chart_back {
  border-color: #58b9da;
}
.vc_pie_chart[data-pie-color="btn-success"] .vc_pie_chart_back {
  border-color: #6ab165;
}
.vc_pie_chart[data-pie-color="btn-warning"] .vc_pie_chart_back {
  border-color: #ff9900;
}
.vc_pie_chart[data-pie-color="btn-danger"] .vc_pie_chart_back {
  border-color: #ff675b;
}
.vc_pie_chart[data-pie-color="btn-inverse"] .vc_pie_chart_back {
  border-color: #555555;
}
.vc_pie_chart_back {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 6px solid #f7f7f7;
  border-radius: 999px;
  border-radius: 50%;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.vc_carousel .vc_carousel-control {
  text-shadow: none;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  /*.icon-prev,
        .icon-next {
            background-color: @vc_carousel_arrows_bg;
            .wpb_transition();
            &:hover {
                background-color: @vc_carousel_arrows_bg_hover;
            }
        }*/
}
.vc_carousel .vc_carousel-control:active,
.vc_carousel .vc_carousel-control:focus {
  outline: none;
}
.vc_carousel .vc_carousel-indicators li {
  width: 5px;
  height: 5px;
  margin: 0;
  border-color: #f7f7f7;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.vc_separator {
  display: table;
}
.vc_separator h4 {
  line-height: 1em;
  font-size: 100%;
  display: table-cell;
  white-space: pre;
}
.vc_separator h4 .normal {
  font-size: 12px;
  font-weight: normal;
}
.vc_separator.vc_separator_align_center h4 {
  padding: 0 0.8em;
}
.vc_separator.vc_separator_align_left {
  margin-left: 0;
}
.vc_separator.vc_separator_align_left h4 {
  padding: 0 0.8em 0 0;
}
.vc_separator.vc_separator_align_left .vc_sep_holder {
  width: 100%;
}
.vc_separator.vc_separator_align_left .vc_sep_holder.vc_sep_holder_l {
  display: none;
}
.vc_separator.vc_separator_align_right {
  margin-right: 0;
}
.vc_separator.vc_separator_align_right h4 {
  padding: 0 0 0 0.8em;
  margin: 0 !important;
}
.vc_separator.vc_separator_align_right .vc_sep_holder {
  width: 100%;
}
.vc_separator.vc_separator_align_right .vc_sep_holder.vc_sep_holder_r {
  display: none;
}
.vc_separator .vc_sep_holder {
  display: table-cell;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.vc_separator .vc_sep_holder .vc_sep_line {
  height: 1px;
  border-top: 1px solid #ebebeb;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}
.vc_separator.vc_sep_double {
  height: 3px;
}
.vc_separator.vc_sep_double .vc_sep_line {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  height: 3px;
}
.vc_separator.vc_sep_dashed .vc_sep_line {
  border-top-style: dashed;
}
.vc_separator.vc_sep_dotted .vc_sep_line {
  border-top-style: dotted;
}
.vc_separator.vc_sep_color_blue .vc_sep_line {
  border-color: #5472d2;
}
.vc_separator.vc_sep_color_turquoise .vc_sep_line {
  border-color: #00c1cf;
}
.vc_separator.vc_sep_color_pink .vc_sep_line {
  border-color: #fe6c61;
}
.vc_separator.vc_sep_color_violet .vc_sep_line {
  border-color: #8d6dc4;
}
.vc_separator.vc_sep_color_peacoc .vc_sep_line {
  border-color: #4cadc9;
}
.vc_separator.vc_sep_color_chino .vc_sep_line {
  border-color: #cec2ab;
}
.vc_separator.vc_sep_color_mulled_wine .vc_sep_line {
  border-color: #50485b;
}
.vc_separator.vc_sep_color_vista_blue .vc_sep_line {
  border-color: #75d69c;
}
.vc_separator.vc_sep_color_black .vc_sep_line {
  border-color: #2a2a2a;
}
.vc_separator.vc_sep_color_grey .vc_sep_line {
  border-color: #ebebeb;
}
.vc_separator.vc_sep_color_orange .vc_sep_line {
  border-color: #f7be68;
}
.vc_separator.vc_sep_color_sky .vc_sep_line {
  border-color: #5aa1e3;
}
.vc_separator.vc_sep_color_green .vc_sep_line {
  border-color: #6dab3c;
}
.vc_separator.vc_sep_color_juicy_pink .vc_sep_line {
  border-color: #f4524d;
}
.vc_separator.vc_sep_color_sandy_brown .vc_sep_line {
  border-color: #f79468;
}
.vc_separator.vc_sep_color_purple .vc_sep_line {
  border-color: #b97ebb;
}
.vc_separator.vc_sep_color_white .vc_sep_line {
  border-color: #ffffff;
}
.vc_separator.vc_sep_color_grace .vc_sep_line {
  border-color: #aed13b;
}
.wpb_separator,
.vc_text_separator {
  border-bottom: 1px solid #ebebeb;
}
/* Separator
---------------------------------------------------------- */
.wpb_separator {
  clear: both;
  height: 1px;
}
/* Text Separator
---------------------------------------------------------- */
.vc_text_separator {
  clear: both;
  height: 1px;
}
.vc_text_separator div {
  display: inline-block;
  background-color: #ffffff;
  padding: 1px 1em;
  position: relative;
  top: -9px;
}
.separator_align_center {
  text-align: center;
}
.separator_align_left {
  text-align: left;
}
.separator_align_right {
  text-align: right;
}
/* CSS Animations */
.wpb_animate_when_almost_visible {
  opacity: 0;
}
.wpb_start_animation.wpb_top-to-bottom {
  -webkit-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_bottom-to-top {
  -webkit-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_left-to-right {
  -webkit-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_right-to-left {
  -webkit-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* IE 10+ */
  opacity: 1;
}
.wpb_start_animation.wpb_appear {
  -webkit-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Safari 4+ */
  -moz-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Fx 5+ */
  -o-animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* Opera 12+ */
  animation: wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* IE 10+ */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
/* Top to bottom keyframes */
@-webkit-keyframes wpb_ttb {
  0% {
    -webkit-transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes wpb_ttb {
  0% {
    -moz-transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes wpb_ttb {
  0% {
    -o-transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes wpb_ttb {
  0% {
    transform: translate(0, -10%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* Bottom to top keyframes */
@-webkit-keyframes wpb_btt {
  0% {
    -webkit-transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes wpb_btt {
  0% {
    -moz-transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes wpb_btt {
  0% {
    -o-transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes wpb_btt {
  0% {
    transform: translate(0, 10%);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* Left to right keyframes */
@-webkit-keyframes wpb_ltr {
  0% {
    -webkit-transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes wpb_ltr {
  0% {
    -moz-transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes wpb_ltr {
  0% {
    -o-transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes wpb_ltr {
  0% {
    transform: translate(-10%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* Right to left keyframes */
@-webkit-keyframes wpb_rtl {
  0% {
    -webkit-transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes wpb_rtl {
  0% {
    -moz-transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes wpb_rtl {
  0% {
    -o-transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    -o-transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes wpb_rtl {
  0% {
    transform: translate(10%, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
/* Appear from center keyframes */
@-webkit-keyframes wpb_appear {
  0% {
    -webkit-transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes wpb_appear {
  0% {
    -moz-transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@-o-keyframes wpb_appear {
  0% {
    -o-transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    -o-transform: scale(1);
    opacity: 1;
  }
}
@keyframes wpb_appear {
  0% {
    transform: scale(0.5);
    opacity: 0.1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/*Style2fca*/
/*!
 * Bokeh Template (http://themeforest.net/users/imangm)
 * Copyright 2014 ImanGM
 */
 
/*-------------------------------------------------
 =  Table of Css

 1. Base Elements
 2. Body
 3. Header
 4. Navigation
 5. Page Banner
 6. Breadcrumb
 7. Page Content
 8. Typography
 9. Blog Author Box
 10. Related Posts
 11. Blog Comments
 12. Tooltip & PopOver
 13. Footer
 14. Sidebar
 15. Search Widget
 16. Recent Posts
 17. Tag Cloud Widget
 18. Blog Grid
 19. Blog List
 20. Contact Page
 21. Iconned Lists
 22. Contact Form
 23. Portfolio Single
 24. Related Portfolio
 25. OWL Slider
 25.1 OWL - Image Slider
 26. Isotope
 27. Services
 28. Steps
 29. Image Boxes
 30. Team Members
 31. Testimonials
 32. Clients
 33. Off Canvas Menu
 34. 3D Menu
 35. Post Slider
 36. Full Width Image
 37. Back to Top
 38. Button
 39. Google Search
 40. WP Required Classes
 41. WP Widgets
 42. Visual Composer Fixes 
 43. VC Accordions
 
-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Base Elements
/*-------------------------------------------------------*/

.container {
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
.h1, 
.h2, 
.h3, 
.h4, 
.h5, 
.h6 {
    font-weight: bold;
}

div, 
p, 
a {
    color: #666666;
}

img {
    max-width: 100%;
    height: auto;
}

a:hover {
    color: #333333;
}

blockquote {
    border-left: 0;
    margin: 30px 50px 50px;
    font-style: italic;
}

blockquote:before {
    position: absolute;
    left: 48px;
    content: "\f10d";
    font-size: 24px;
    font-family: 'fontawesome';
    font-style: normal;
}

blockquote:after {
    position: absolute;
    right: 48px;
    content: "\f10e";
    font-size: 24px;
    font-family: 'fontawesome';
    font-style: normal;
}

table {
    width: 100%;
    margin-bottom: 20px;
}

table thead {
    background-color: #0f9db1;
    color: #fff;
}

table tbody tr {
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
}

table tbody tr:hover{
    background: #f7f7f7;
}

table thead th, table thead td {
    padding: 8px;
}

table tbody th, table tbody td {
    padding: 8px;
}

.videoplay iframe {
    border: 0;
}

/************************************************************************************/

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

.navbar-brand img {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 180px;
    margin-top: -5px;
}


/*-------------------------------------------------------*/
/* 3. Header
/*-------------------------------------------------------*/

header .navbar-inverse {
    margin-top: 35px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

header.active .navbar-inverse {
    margin-top: 0;
    min-height: 70px;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);  
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.4);   
    -moz-box-shadow: 0 0 50px rgba(0,0,0,0.4);  
    -o-box-shadow: 0 0 50px rgba(0,0,0,0.4);    
    box-shadow: 0 0 50px rgba(0,0,0,0.4);   
}
header.active .navbar.static {
    position: fixed;
    top: 0;
}

header.active nav#main-menu > .menu-container > ul > li > a,
header.active .navbar-right li a {
    color: rgba(38, 129, 29, 1); 
}

header.active nav#main-menu > .menu-container > ul > li:hover > a,
header.active nav#main-menu > .menu-container > ul > li > a:hover,
header.active .navbar-right li a:hover {
    color: #eeeeee; 
}

header.active .logo2,
header:not(.active) .logo {
    display: inline-block;
}

header.active .logo,
header:not(.active) .logo2 {
    display: none;
}

header.active .navbar-right li {
    padding-top: 10px;
    padding-bottom: 0;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

header.active .navbar-brand {
    padding-top: 10px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;         
}

header.active .navbar-toggle, 
header.active .navbar-inverse .navbar-toggle:focus {
    margin-top: 10px;
    margin-bottom: 10px;
}

header.active nav#main-menu {
    margin-top: 10px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

a.navbar-brand span {
    display: inline-block;
    padding-top: 15px;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
}

header.active a.navbar-brand span {
    color: #000000;
}

/*-------------------------------------------------------*/
/* 4. Navigation
/*-------------------------------------------------------*/

.navbar-toggle, 
.navbar-inverse .navbar-toggle:focus {
    width: 50px;
    height: 50px;
    margin: 20px 15px 0 0;
    padding: 0;
    text-align: center;
    border: 0;
    border-radius: 0;
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.navbar-inverse .navbar-toggle:hover {
    color: #fff;
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
}

.navbar-toggle  i {
    color: #f1f1f1;
    font-size: 24px;
}

.collapse.in, 
.collapsing {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 70px;
}

.navbar-inverse .navbar-collapse, 
.navbar-inverse .navbar-form {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navbar-brand {
    padding-top: 0;
    margin-right: 50px;
}

.navbar-right li {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 10px;
}

.navbar-right li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    color: #f1f1f1;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.navbar-right li a:hover {
    color: #fff;
    background-color:  #9e0047;
    background-color:  rgba(15, 157, 177, 1);
}


/*-------------------------------------------------------*/
/* 5. Page Banner
/*-------------------------------------------------------*/

#page-banner {/*
    background: #000000;
    background: rgba(255,255,255,0.2);*/
    overflow: hidden;
}

#page-banner h2 {
    display: inline-block;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 50px;
    color: #f1f1f1;
    height: 20px;
}

    
/*-------------------------------------------------------*/
/* 6. BreadCrumb
/*-------------------------------------------------------*/

.breadcrumb {
    float: right;
    background: none;
    line-height: 50px;
    padding: 0 30px 0;
    margin: 0;
}

.breadcrumb a, 
.breadcrumb > .active {
    color: #f1f1f1;
    font-size: 13px;
}

ol.breadcrumb {
    color: #f1f1f1;
    font-size: 13px;
}

/*-------------------------------------------------------*/
/* 7. Page Content Area
/*-------------------------------------------------------*/

body.page-template-onepage-php #ajax-loader h1 {
    margin-top: 80px;
}

#content-inner {
    padding: 30px;
    min-height: 300px;
    background: #ffffff;
    padding-bottom: 50px;
}

#page-content {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0px 20px 0;
}


/*-------------------------------------------------------*/
/* 8. Typography
/*-------------------------------------------------------*/

div.divider {
    border-bottom: 1px solid #666;
    margin: 30px auto 60px;
    max-width: 600px;
}

div.spacer {
    margin-bottom: 50px;
}

div.spacer.small {
    margin-bottom: 30px;
}

div.spacer.large {
    margin-bottom: 80px;
}

h4.underlined {
    clear: both;
    margin-top: 0;
    padding-bottom: 25px;
    margin-bottom: 30px;
    text-align: left;
    color: #333333;
    font-size: 24px;
    border-bottom: 2px solid rgba(3, 102, 21, 0.81);
    display: inline-block;
}
.contact-title {
    display: block;
    clear: both;
}

h1.main-title {
    clear: both;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #333333;
}

h2.main-title {
    clear: both;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #333333;
}

h4.page-titles {
    clear: both;
    margin-top: 0;
    margin-bottom: 50px;
    text-align: center;
    color: #333333;
    font-size: 22px;
}

.main-title:after, 
.page-titles:after {
    content: "";
    width: 200px;
    border-bottom: 2px solid rgb(77, 169, 94);
    display: block;
    margin: auto;
    margin-top: 25px;
}

.excerpt {
    text-align: center;
    margin-bottom: 50px;
}

.featured-image {
    margin-left: -30px;
    margin-right: -30px;
}

.featured-image img {
    width: 100%;
    height: auto;
}

.video-format-image-container {
    margin-left: -30px;
    margin-right: -30px;
}

.blog-details {
    text-align: center;
}

.blog-details .blog-date {
    display: inline-block;
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
    background-color: rgba(15, 157, 177, 1);
    color: #eeeeee;
}

.blog-details .blog-date a {
    color: #eeeeee;
    text-decoration: none;
}

.blog-details .blog-info {
    font-size: 12px;
    margin-bottom: 30px;
    color: #999999;
}

.blog-details i.divider {
    font-style: normal;
    margin-left: 5px;
    margin-right: 5px;
}

.blog-content {
    margin-bottom: 40px;
}

.blog-content:after {
    content: "";
    width: 200px;
    border-bottom: 2px solid rgba(15, 157, 177, 1);
    display: block;
    margin: auto;
    margin-top: 30px;
}

.blog-more {
    display: block;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
    clear: both;
}

.blog-more h5 {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

.blog-more a {
    display: inline-block;
    margin-bottom: 10px;
}

.blog-more .share-items {
    margin: 0 0 40px 0;
    padding: 0;
}

.blog-more .share-items li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    list-style: none;
    font-size: 24px;
}

.blog-more .share-items a {
    color: #cccccc;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}


.blog-more .share-items a:hover {
    color: #333333;
}

.blog-more .blog-tags {
    font-size: 13px;
    color: #666666;
}

.blog-more .blog-tags a {
    color: #333333;
}

.blog-more .blog-tags a:hover {
    color: #000000;
}

/*-------------------------------------------------------*/
/* 9. Blog Author Box
/*-------------------------------------------------------*/

.author-box {
    padding: 20px;
    margin-bottom: 80px;
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
}
.author-box img {
    float: left;
}

.author-box .author-name {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    color: #eeeeee;
}

.author-box .author-name a {
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}

.author-box .author-content {
    margin-left: 120px;
}

.author-box .author-content p {
    color: #eeeeee;
}

.author-box .author-social {
    padding: 0;
    list-style: none;
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 0;
}

.author-box .author-social a {
    color: #cccccc;
    text-decoration: none;
}

.author-box .author-social a:hover {
    color: #ffffff;
}

.author-box .author-social li {
    display: inline-block;
    margin-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.author-box .author-social i {
    margin-right: 5px;
}


/*-------------------------------------------------------*/
/* 10. Related Posts
/*-------------------------------------------------------*/

.blog-related-posts {
    margin-bottom: 80px;
}

.blog-related-posts img{
    width: 100%;
    height: auto;
}

.related-post-item {
    margin-left: -15px;
    margin-right: -15px;
}

.related-post-item .post-info-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 45px;
    padding-right: 45px;
    text-align: center;
}

.post-info-overlay {
    opacity: 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);  
}

.related-post-item .post-info-hover,
.post-info-overlay,
.related-post-item .post-info-hover h3,
.related-post-item .post-info-hover div,
.related-post-item .post-info-hover a.read-more {
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.related-post-item .post-info-hover h3 {
    position: absolute;
    width: 100%;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    top: 0;
    left: 0;
    font-size: 18px;
    text-align: center;
    color: #eeeeee;
    line-height: 1.4;
}

.related-post-item .post-info-hover h3 a {
    color: #eeeeee;
    text-decoration: none;
}

.related-post-item .post-info-hover a.read-more {
    position: absolute;
    left: 40%;
    top: 43%;
}

.related-post-item .post-info-hover a.read-more i {
    font-size: 30px;
}

.related-post-item .post-info-hover > div {
    position: absolute;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    left: 0;
    bottom: 0;
    font-size: 13px;
    text-align: center;
}

.related-post-item.active .post-info-hover h3,
.related-post-item:hover .post-info-hover h3 {
    top: 25px;
}

.related-post-item.active .post-info-hover a.read-more,
.related-post-item:hover .post-info-hover a.read-more {
    left: 45%;
    left: calc(50% - 12px);
    color: #eeeeee;
}

.related-post-item .post-info-hover a.read-more:hover {
    color: #ffffff;
}

.related-post-item.active .post-info-hover > div,
.related-post-item:hover .post-info-hover > div {
    bottom: 25px;
}

.related-post-item.active .post-info-hover, 
.related-post-item.active .post-info-overlay,
.related-post-item:hover .post-info-hover, 
.related-post-item:hover .post-info-overlay  {
    opacity: 1;
}

.related-post-date,
.related-post-author {
    color: #eeeeee;
}


/*-------------------------------------------------------*/
/* 11. Blog Comments
/*-------------------------------------------------------*/

.blog-comments-area {
}

ol.comments,
ol.comments ol.children,
ol.comments > li,
ol.comments ol.children > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.comments ol.children {
    margin-left: 40px;
}

ol.comments #respond {
    margin-top: 30px;
}

ol.comments {
    margin-bottom: 50px;
}

.comment-box {
    margin-bottom: 1px;
    background: #fbfbfb;
    padding: 30px;
    position: relative;
}

.bypostauthor .comment-box {
    background-color: rgba(15, 157, 177, 0.7);
}

.bypostauthor .comment-box .comment-content p {
    color: #eeeeee;
}

.bypostauthor .comment-box .comment-content > h4 {
    color: #ffffff;
}

.bypostauthor .comment-box .comment-info {
    color: #eeeeee;
}

.bypostauthor .comment-box .comment-info .comment-reply {
    color: #eeeeee;
}

.comment-box .comment-content > h4 {
    margin-top: 0;
    color: #333333;
}

.comment-box  img {
    float: left;
    width: 70px;
    height: 70px;
}

.comment-box .comment-content {
    margin-left: 95px;
}

.comment-box .comment-content p {
    color: #666666;
}

.comment-box .comment-info {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 12px;
    text-transform: uppercase;
    color: #cccccc;
}

.comment-box .comment-info .comment-reply {
    text-decoration: none;
    color: #cccccc;
}

.comment-box .comment-info .comment-reply:hover {
    color: #333333;
}

.comment-box i.divider {
    font-style: normal;
    margin-left: 5px;
    margin-right: 5px;
}


#respond input,
#respond textarea {
    background-color: #000000;
    background-color: #f7f7f7;
    color: #000000;
    border: 0;
}

#respond input {
    height: 50px;
}

#respond textarea {
    height: 190px;
}

#respond input, 
#respond textarea {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    outline-color: rgba(15, 157, 177, 1);
}

#respond input[type="submit"] {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 0.7);
    color: #ffffff;
    width: auto;
    float: right;
    padding: 0 25px;
    line-height: 50px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

#respond input[type="submit"]:hover {
    background-color: rgba(15, 157, 177, 1);
}

#respond h3#reply-title {
    clear: both;
    margin-top: 0;
    padding-bottom: 25px;
    margin-bottom: 30px;
    text-align: left;
    color: #333333;
    font-size: 22px;
    border-bottom: 2px solid rgba(15, 157, 177, 1);
    display: inline-block;
}

/*-------------------------------------------------------*/
/* 12. ToolTip
/*-------------------------------------------------------*/

.tooltip.top .tooltip-arrow {
    border-top-color: rgba(15, 157, 177, 1);
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgba(15, 157, 177, 1);
}

.tooltip-inner {
    background-color: rgba(15, 157, 177, 1);
}

.tooltip {
    font-size: 13px;
}

.popover.fade.left {
    margin-top: -5px;
}

/*-------------------------------------------------------*/
/* 13. Footer
/*-------------------------------------------------------*/

.footer {
    margin-bottom: 30px;
    margin-top: 10px;
    min-height: 50px;
    height: 50px;
    border-color: #080808;
    bottom: 0;
    width: 100%;    
    z-index: 10;
}

.footer .footer-logo {
    float: left;
    overflow: hidden;
    margin: 0;
    padding-right: 30px;
    font-size: 18px;
    line-height: 50px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.footer .footer-copyright {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 50px;
}

.footer .footer-copyright  p {
    color: #f1f1f1;
    margin: 0;
}

.footer .footer-social {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer .footer-social li {
    display: inline;
}

.footer .footer-social li a {
    display: inline-block;
    width: 50px;
    text-align: center;
    color: #f1f1f1;
    font-size: 18px;
    line-height: 50px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.footer .footer-social li a:hover {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
}


/*-------------------------------------------------------*/
/* 14. Sidebar
/*-------------------------------------------------------*/

#sidebar-area {
/*  background-color: #9e0047;
    background-color: rgba(158,0,71,0.3); */
    min-height: 500px;
    /* margin-top: -30px; */
    margin-bottom: -30px;
    padding: 1px 30px 10px;
}

#sidebar-area.right-sidebar {
    margin-right: -30px;
}

#sidebar-area.left-sidebar {
    margin-left: -30px;
}

#sidebar-area .widget {
    margin: 20px auto 30px;
}

#sidebar-area .widget > h4 {
    clear: both;
    margin-top: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: left;
    color: #333333;
    font-size: 18px;
    border-bottom: 2px solid rgba(15, 157, 177, 1);
    display: inline-block;
}

/*-------------------------------------------------------*/
/* 15. Search Widget
/*-------------------------------------------------------*/

.sidebar-searchbox {
    position: relative;
}

.sidebar-searchbox input {
    width: 100%;
    height: 50px;
    margin: 10px auto;
    padding-left: 20px;
    padding-right: 40px;

    background-color: #f7f7f7;
    color: #000000;
    border: 0;

    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.sidebar-searchbox input:focus, 
.sidebar-searchbox input:hover {
    outline-color: rgba(15, 157, 177, 1);
}

.widget .sidebar-searchbox input {
    color: #000000;
}

.sidebar-searchbox:after {
    position: absolute;
    top: 20px;
    right: 15px;
    margin-left: 5px;
    font-family: 'FontAwesome';
    font-size: 20px;
    color: #999;
    content: '\f002';
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.sidebar-searchbox:hover:after {
    color: #000000;
}

.excerpt form.sidebar-searchbox {
    margin-left: -15px;
    margin-right: -15px;
}

/*-------------------------------------------------------*/
/* 16. Recent Posts Widget
/*-------------------------------------------------------*/

.widget .recent-posts h4.media-heading{
    font-size: 14px;
    line-height: 18px;
}


.widget .recent-posts .media-object {
    box-shadow: #000 0em 0em 0em;
    nowhitespace: afterproperty;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.widget .recent-posts .media-object:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
}

.widget .recent-posts aside {
    font-size: 12px;
}

.recent-posts img.media-object {
    max-width: 70px;
}


/*-------------------------------------------------------*/
/* 17. Tag Cloud Widget
/*-------------------------------------------------------*/

.tagcloud {
    margin-top: 15px;
}

.tagcloud a {
    display: inline-block;
    padding: 6px 10px;
    margin-right: 6px;
    margin-bottom: 10px;
    color: #999;
    font-size: 13px;
    background-color: #eeeeee;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.tagcloud a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color:  rgba(15, 157, 177, 1);
}


/*-------------------------------------------------------*/
/* 18. Blog Grid
/*-------------------------------------------------------*/

.blog-grid img {
    width: 100%;
    height: auto;
}

.blog-grid-item {
    background: #fbfbfb;
    border: 1px solid #eeeeee;
    overflow: hidden;
    margin-bottom: 30px;
}


.blog-grid-item .img-link img,
.blog-list-post .img-link img {
    box-shadow: #000 0em 0em 0em;
    nowhitespace: afterproperty;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.blog-grid-item .img-link img:hover,
.blog-list-post .img-link img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
}

.blog-grid-content {
    padding: 30px 0 30px 30px;
    min-height: 200px;
    overflow: hidden;
}

.blog-grid-item .blog-grid-content h3 {
    clear: both;
    margin-top: 0;
    padding-bottom: 15px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 18px;
    border-bottom: 2px solid rgba(15, 157, 177, 0.7);
    display: inline-block;
    line-height: 1.4;
}

.blog-grid-content p {
    color: #666666;
}

.blog-grid-item .blog-grid-content h3 a {
    text-decoration: none;
    color: #333333;
}

.blog-grid-controls {
    float: right; 
    width: 50px;
    margin-left: 30px;
    margin-top: 15px;
}
 
.blog-grid-controls a {
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    font-size: 24px;
    text-align: center;
    line-height: 50px;
    background: rgba(15, 157, 177, 0.7);
    color: #eeeeee;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.blog-grid-controls a:hover {
    background-color: #9e0047;
    background-color:  rgba(15, 157, 177, 1);
    color: #ffffff;
}


/*-------------------------------------------------------*/
/* 19. Blog List
/*-------------------------------------------------------*/

.blog-list-post {
    background: #fbfbfb;
    border: 1px solid #eeeeee;
    padding: 0 0 10px;
    margin-bottom: 50px;
}

.sticky .blog-list-post {
    background: #f2f2f2;
}

.blog-list-featured-image {
    overflow: hidden;
}

.blog-list-featured-image img {
    width: 100%;
}

.blog-list-content {
    padding: 0 120px;
}

.blog-list-content > h2 {
    clear: both;
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
    color: #ffffff;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: normal;
}

.blog-list-content > h2:after {
    content: "";
    width: 200px;
    border-bottom: 2px solid rgba(15, 157, 177, 1);
    display: block;
    margin: auto;
    margin-top: 25px;
}

.col-md-5 .blog-list-content {
    padding: 0 30px;
}

.col-md-5 .blog-list-content > h2 {
    font-size: 24px;
    letter-spacing: 1px;
}

.blog-list-title a {
    text-decoration: none;
    color: #333333;
}

.blog-list-title a:hover {
    color: #000000;
}

.blog-list-excerpt {
    margin-bottom: 30px;
    color: #666666;
}

/* Pagination */

ul.page-numbers {
    margin-bottom: 38px;
    padding-left: 0;
    text-align: center;
}

ul.page-numbers li {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;  
}

ul.page-numbers li a,
ul.page-numbers li span {
    display: inline-block;
    background: #f3f3f3;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 13px;
    color: #000;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.page-numbers li a.active,
ul.page-numbers li a:hover,
ul.page-numbers li span {
    background-color: #9e0047;
    background-color:  rgba(15, 157, 177, 1);
    color: #fff;
}

/*-------------------------------------------------------*/
/* 20. Contact Page
/*-------------------------------------------------------*/

.contact-map {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 80px;
}

.contact-map #map_canvas{
    width: 100%;
    height: 380px;
}

#map-content h3 {
    font-size: 24px;
    color: #9e0047;
}

#map-content h3 {
    clear: both;
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
    color: #333333;
    font-size: 24px;
    letter-spacing: 2px;
}

#map-content h3:after {
    content: "";
    width: 200px;
    border-bottom: 2px solid rgba(15, 157, 177, 1);
    display: block;
    margin: auto;
    margin-top: 15px;
}

#map-content p {
    color: #333333;
}

/*-------------------------------------------------------*/
/* 21. Iconned Lists
/*-------------------------------------------------------*/

ul.iconned-list {
    margin: 0;
    padding: 0;
}

ul.iconned-list li {
    list-style: none;
    margin-left: 35px;
    margin-bottom: 20px;
    color: #666666;
}

ul.iconned-list li i {
    width: 22px;
    text-align: center;
    left: 15px;
    position: absolute;
    color: rgb(21, 134, 52);
    margin-right: 15px;
    font-size: 22px;
}

/*-------------------------------------------------------*/
/* 22. Contact Form
/*-------------------------------------------------------*/

.wpcf7 input,
.wpcf7 textarea {
    background-color: #f7f7f7;
    color: #000000;
    border: 0;
}

.wpcf7 input {
    height: 50px;
}

.wpcf7 textarea {
    height: 190px;
}

.wpcf7 input, .wpcf7 textarea {
    width: 100%;
    padding: 20px;
    outline-color: #0FB19D;
    resize: vertical;
    display: block;
}

.wpcf7 input[type="submit"],
.wpcf7 button[type="submit"] {
    background-color: #9e0047;
    background-color: rgba(3, 102, 21, 0.81);
    color: #ffffff;
    width: auto;
    padding: 0 25px;
    line-height: 50px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
    margin: 20px 0 0;
    display: inline-block;
    min-width: 125px;
}

.wpcf7 input[type="submit"]:hover {
    background-color: rgba(3, 102, 21, 0.81);
}

.wpcf7 label {
    display: block;
    margin: 20px 0 0 ;
    padding-bottom: 5px;
}
.wpcf7 label:first-child {
    margin-top: 0;
}
.wpcf7 label.error {
    background-color: aquamarine;
    margin: 0;
    padding: 5px 20px;
}
/*-------------------------------------------------------*/
/* 23. Portfolio Single
/*-------------------------------------------------------*/

.portfolio-featured-image {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 80px;
}

.portfolio-featured-image img {
    width: 100%;
    height: auto;
}

.portfolio-more:before {
    content: "";
    width: 200px;
    border-bottom: 2px solid rgba(15, 157, 177, 1);
    display: block;
    margin: auto;
    margin-bottom: 30px;
}

.blog-more.portfolio-more {
    margin-bottom: 80px;
}
/*-------------------------------------------------------*/
/* 24. Related Portfolio
/*-------------------------------------------------------*/

.portfolio-related-posts {
    margin-bottom: 50px;
    margin-left: -30px;
    margin-right: -30px;    
}

.related-portfolio-item {
    overflow: hidden;
}

.portfolio-related-posts img{
    width: 100%;
    height: auto;
}

.portfolio-info-overlay {
    opacity: 0;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 0.7);
}

.related-portfolio-item:hover .portfolio-info-hover, 
.related-portfolio-item:hover .portfolio-info-overlay {
    opacity: 1;
}

.related-portfolio-item .portfolio-info-hover, 
.portfolio-info-overlay, 
.related-portfolio-item .portfolio-info-hover h3, 
.related-portfolio-item .portfolio-info-hover .related-portfolio-icon, 
.related-portfolio-item .portfolio-info-hover a.read-more,
.related-portfolio-item .portfolio-info-hover .related-portfolio-categories {
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.related-portfolio-item .portfolio-info-hover {
    opacity: 0;
    position: absolute;
    top: 50%;
    margin-top: -125px;
    left: 0;
    width: 100%;
    /* height: 100%; */
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

.related-portfolio-item .portfolio-info-hover h3 {
    width: 100%;
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    padding-top: 80px;
    color: #eeeeee;
}

.related-portfolio-item:hover .portfolio-info-hover h3 {
    padding-top: 110px;
}

.related-portfolio-item .related-portfolio-icon {
    position: absolute;
    width: 100%;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    top: 0;
    left: 0;
    font-size: 48px;
    text-align: center;
}

.related-portfolio-item:hover .portfolio-info-hover .related-portfolio-icon {
    top: 25px;
    color: #eeeeee;
}

.related-portfolio-item .portfolio-info-hover a.read-more i {
    font-size: 30px;
}

.related-portfolio-item .portfolio-info-hover a.read-more {
    position: absolute;
    width: 100%;
    margin: 0;
    padding-top: 100px;
    padding-left: 30px;
    padding-right: 30px;
    /* bottom: 0; */
    left: 0;
    font-size: 30px;
    text-align: center;
    color: #eeeeee;
}

.related-portfolio-item:hover .portfolio-info-hover a.read-more {
    /* bottom: 25px; */
    padding-top: 15px;
    color: #ffffff;
}

.related-portfolio-item .related-portfolio-categories {
    width: 100%;
    margin: 0;
    font-size: 14px;
    text-align: center;
    padding-top: 0;
}

.related-portfolio-item:hover .related-portfolio-categories {
    padding-top: 10px;
    color: #eeeeee;
}

.related-portfolio-item a img {
    box-shadow: #000 0em 0em 0em;
    nowhitespace: afterproperty;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}

.related-portfolio-item:hover a img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;    
}


/*-------------------------------------------------------*/
/* 25. OWL Slider
/*-------------------------------------------------------*/

.owl-theme .owl-controls {
    margin-top: 30px;
}

.team-members .owl-theme .owl-controls {
    margin-top: 0;
}

.owl-theme .owl-controls .owl-nav div {
    position: relative;
    display: inline-block;
    margin: 5px;
    width: 50px;
    height: 50px;
    color: rgba(255,255,255,0.7);
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
}


.owl-theme .owl-controls .owl-nav div:hover {
    color: rgba(255,255,255,1);
    background-color: rgba(15, 157, 177, 1);
}
    
.owl-theme .owl-controls .owl-nav div:before {
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    font-size: 24px;
    font-family: 'fontawesome';
    font-style: normal;     
}

.owl-theme .owl-controls .owl-nav .owl-prev:before {
    content: "\f104";
}

.owl-theme .owl-controls .owl-nav .owl-next:before {
    content: "\f105";
}


.owl-theme .owl-dots {  
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.owl-theme .owl-dot {   
    display: inline-block;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.3);
    margin-left: 5px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.owl-theme .owl-dot:hover,  
.owl-theme .owl-dot.active {    
    background: rgba(255,255,255,1);
}

/*-------------------------------------------------------*/
/* 25.1 OWL - Image Slider
/*-------------------------------------------------------*/

.slider-container {
    clear: both;
    margin-left: -30px;
    margin-right: -30px;
}

.slider-container .owl-theme .owl-controls {
    margin-top: 0;
}

.slider-container .owl-theme .owl-nav div {
    position: absolute;
    opacity: 0;
    width: auto;
    height: auto;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
    color: rgba(255,255,255,0.3);
    background: transparent;
}

.slider-container .owl-theme .owl-nav .owl-prev {
    top: 50%;
    left: 0;
    margin-top: -15px;
    margin-left: 0;
}

.slider-container .owl-theme .owl-nav .owl-next {
    top: 50%;
    right: 0;
    margin-top: -20px;
    margin-right: 0;
}

.slider-container:hover .owl-theme .owl-nav div {
    opacity: 1;
}

.slider-container:hover .owl-theme .owl-nav .owl-prev {
    margin-left: 25px;
}

.slider-container:hover .owl-theme .owl-nav .owl-next {
    margin-right: 25px;
}

.slider-container .owl-theme .owl-nav div:hover {
    color: #ffffff;
}

.slider-container .owl-theme .owl-nav div:before {
    top: 0;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    font-size: 30px;
    font-family: 'fontawesome';
    font-style: normal;     
}

.slider-container .owl-theme .owl-nav .owl-prev:before {
    content: "\f053";
}

.slider-container .owl-theme .owl-nav .owl-next:before {
    content: "\f054";
}

.slider-container .owl-theme .owl-dots {    
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.slider-container:hover .owl-theme .owl-dots {
    opacity: 1;
    bottom: 15px;
}

.slider-container .owl-theme .owl-dot { 
    display: inline-block;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.3);
    margin-left: 5px;
    margin-right: 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.slider-container .owl-theme .owl-dot:hover,    
.slider-container .owl-theme .owl-dot.active {  
    background: rgba(255,255,255,1);
}

.portfolio-featured-gallery {
    margin-bottom: 80px;
}

/*-------------------------------------------------------*/
/* 26. Isotope
/*-------------------------------------------------------*/

.portfolio-filterable {
    /* margin-bottom: 50px; */
    margin-left: -30px;
    margin-right: -30px;
    clear: both;
}

.portfolio-filterable img{
    width: 100%;
    height: auto;
}

.isotope .isotope-item { 
    width: 25%; 
}

.isotope .isotope-item.w2 { 
    width: 50%; 
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    transition-duration: 1.0s;
}

.isotope {
    display: none;
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

ul.filter {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
    text-align: center;
}

ul.filter li {
    display: inline-block;
}

ul.filter li a {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #999999;
    background-color: #fbfbfb;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

ul.filter li a i {
    margin-right: 10px;
}

ul.filter li a:hover {
    color: #ffffff;
    background-color: rgba(15, 157, 177, 1);
}

ul.filter li a.active {
    color: #ffffff;
    background-color: rgba(15, 157, 177, 1);
}


/*-------------------------------------------------------*/
/* 27. Services
/*-------------------------------------------------------*/

.service-item {
    padding: 40px 30px;
    background: #fbfbfb;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.service-item a,
.service-item p,
.service-item i {
    color: #666666;
}

.service-item a:hover {
    color: #333333;
}

.service-item.active {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 0.7);
}

.service-item.active a,
.service-item.active p,
.service-item.active i {
    color: #eeeeee;
}

.service-item:hover {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
}

.service-item:hover a,
.service-item:hover p,
.service-item:hover i {
    color: #eeeeee;
}

.service-item:hover a:hover {
    color: #ffffff;
}

.service-item i.fa {
    font-size: 48px;
    float: left;
}

.service-item:active i.fa,
.service-item:focus i.fa, 
.service-item:hover i.fa {
    -webkit-animation-name: pop;
    animation-name: pop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.service-item:hover i.fa {
    display: inline-block;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
}


.service-item-content {
    margin-left: 90px;
}

.service-item-content h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 21px;
}

.btn_con {
    padding: 10px 20px;
    margin-left: 100px;
    background-color: rgba(3, 102, 21, 0.81);
    color: #ffffff;
}
/*-------------------------------------------------------*/
/* 28. Steps
/*-------------------------------------------------------*/

.steps {
    clear: both;
    margin-left: -30px;
    margin-right: -30px;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.01);
    margin-bottom: 30px;
    overflow: hidden;
}

.steps.steps-4-cols .step-item {
    width: 25%;
}

.steps .step-item {
    position: relative;
    float: left;
    padding: 40px 30px;
    border-right: 1px solid rgba(0,0,0,0.1);
    
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.steps .step-item h3,
.steps .step-item h3 a,
.steps .step-item p {
    color: #666666;
}

.steps .step-item:after {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    content: " ";
}

.steps .step-item.active {
    background-color: rgb(21, 134, 52);
}

.steps .step-item:hover {
    background-color: rgb(21, 134, 52);    
}

.steps .step-item:hover h3, 
.steps .step-item:hover h3 a, 
.steps .step-item:hover p,
.steps .step-item.active h3, 
.steps .step-item.active h3 a, 
.steps .step-item.active p {
    color: #ffffff;
}

.steps .step-item.active .step-icon i,
.steps .step-item:hover .step-icon i {
    color: #ffffff;
}

.steps .step-item h3 {
    font-size: 20px;
    text-align: center;
}

.steps .step-item p {
    text-align: center;
}

.steps .step-item .step-icon {
    width: 100%;
    font-size: 60px;
    display: inline-block;
    text-align: center;
    color: rgb(21, 134, 52);   
}

.steps .step-item:active .step-icon, .steps .step-item:focus .step-icon, .steps .step-item:hover .step-icon {
    -webkit-transform: scale(1.3) rotate(360deg);
    transform: scale(1.3) rotate(360deg);
}
.steps .step-item .step-icon {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/*-------------------------------------------------------*/
/* 29. Image Boxes
/*-------------------------------------------------------*/

.image-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    min-height: 200px;
    background-color: #fbfbfb;
    max-height: 300px;
    overflow: hidden;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;         
}

.image-box .image {
    position: relative;
    float: left;
    width: 50%;
    max-height: 300px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.image-box .image .image-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease; 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden;    
}

.image-box .image a {
    font-size: 24px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    transition: all 0.28s ease;     
    color: #eeeeee;
}

.image-box .image a:hover {
    background-color: rgba(15, 157, 177, 1);
    color: #ffffff;
}

.image-box .image img {
/*  width: 100%;
    height: auto; */
    max-height: 100%;
    width: auto;
    max-width: none;
}

.image-box .image-box-content {
    position: relative;
    float: left;
    width: 50%;
    padding: 30px;
}

.image-box .image-box-content p,
.image-box .image-box-content a {
    color: #666666;
}

.image-box .image-box-content a:hover {
    color: #333333;
}

.image-box .image-box-content:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-right: 25px solid transparent;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    margin-left: 0;
    margin-top: 20px;
    -webkit-transition: 0.28s all 0.1s ease;
    -moz-transition: 0.28s all 0.1s ease;
    -ms-transition: 0.28s all 0.1s ease;
    -o-transition: 0.28s all 0.1s ease;
    transition: 0.28s all 0.1s ease;        
}

.image-box .image-box-content h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.image-box .image-box-content .image-box-link {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    font-size: 30px;
    text-align: right;
}

.image-box:hover {
    background-color: rgba(15, 157, 177, 1);
}

.image-box:hover .image-box-content:before {
    border-right-color: rgba(15, 157, 177, 1);
    margin-left: -23px;
}

.image-box:hover .image-zoom {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.image-box:hover .image-box-content p, 
.image-box:hover .image-box-content a {
    color: #eeeeee;
}

.image-box .image-box-content a:hover {
    color: #ffffff;
}

/*-------------------------------------------------------*/
/* 30. Team Members
/*-------------------------------------------------------*/

.team-members {
    display: inline-block;
    width: 100%;
}

.team-member {
    position: relative;
    margin-bottom: 30px;

    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.team-member .team-info {
    position: relative;
    overflow: hidden;
}

.team-member .team-info img {
    width: 100%;
    height: auto;
    box-shadow: #000 0em 0em 0em;
    nowhitespace: afterproperty;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.members-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 30px;
    text-align: center;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;

    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.members-overlay .team-social {
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    padding: 0;
    list-style: none;
    margin-bottom: -20px;

    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.members-overlay > p {
    padding-top: 60px;

    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;     
}

.members-overlay p, 
.members-overlay a {
    color: #eeeeee;
}

.members-overlay .team-social li {
    display: inline-block;
    font-size: 30px;
    margin: auto 5px;
}

.team-title {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
    padding: 20px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
    border-radius: 0 0 3px 3px;
}

.team-title h4 {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 18px;
    color: #eeeeee;
}

.team-title p {
    font-style: italic;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    color: #eeeeee;
}

.team-member:hover .members-overlay {
    opacity: 1;
}

.team-member:hover .members-overlay .team-social {
    margin-bottom: 0;
}

.team-member:hover .members-overlay > p {
    padding-top: 0;
}

.team-member:hover .team-info img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
}

.team-member:hover .team-title {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 0.7);
}


/*-------------------------------------------------------*/
/* 31. Testimonials
/*-------------------------------------------------------*/

.testimonials {
    display: block;
    clear: both;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 30px;
    background-color: rgba(15, 157, 177, 1);
    padding: 60px;
    text-align: center;
}

.testimonial .quoter-info {
    margin-top: 30px;
    text-align: center;
}

.testimonial .quoter-info {
    color: #eeeeee;
}

.testimonial .quoter-info strong {
    color: #ffffff;
}

.testimonial .quoter-info span {
    color: #eeeeee;
}

.testimonials > i.fa {
    font-size: 80px;
    color: #eeeeee;
}

.testimonial > p {
    font-size: 22px;
    font-style: italic;
    color: #dddddd;
}

.testimonials-slider {
    margin-top: 30px;
}


/*-------------------------------------------------------*/
/* 32. Clients
/*-------------------------------------------------------*/

.clients {
    margin-bottom: 30px;
    display: block;
    clear: both;
}

.client {
    text-align: center;
}

.client a {
    display: inline-block;
}

.clients-slider.owl-theme .owl-dot {
    background-color: rgba(0,0,0,0.3);
}

.clients-slider.owl-theme .owl-dot.active {
    background-color: rgba(15, 157, 177, 1)
}

/*-------------------------------------------------------*/
/* 33. Off Canvas Menu
/*-------------------------------------------------------*/

.mp-back {
    display: none;
}

nav#main-menu {
    float: right;
    margin-top: 0;

}

nav#main-menu .menu-container .menu-container {
    box-shadow: 0px 5px 30px rgba(0,0,0,0.4);
}

nav#main-menu > .menu-container > ul > li{
    display: inline-block;
    position: relative;
}

/* First Level Menu Buttons */
nav#main-menu > .menu-container > ul > li > a {
    display: inline-block;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #f1f1f1;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease;
    border-color: rgba(15, 157, 177, 1);
    border-style: solid;
    border-width: 0;
    color: #eeeeee;
}

nav#main-menu > .menu-container > ul > li:hover > a {
    color: #ffffff;
    background-color: rgba(3, 102, 21, 0.81);
}

nav#main-menu > .menu-container .menu-container ul > li > a {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-decoration: none;
}

nav#main-menu > .menu-container .menu-container ul > li > a:hover {
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
}

nav#main-menu .menu-container ul,
nav#main-menu .menu-container li {
    padding: 0;
    margin: 0;
    list-style: none;
}

nav#main-menu > .menu-container .menu-container {
    position: absolute;
    top: 100%;
    opacity: 0;
    z-index: 3;
    margin: 0;
    min-width: 200px;
    background-color: rgba(3, 102, 21, 0.81);
    -webkit-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: perspective(350px) rotateX(-90deg);
    -o-transform: perspective(350px) rotateX(-90deg);
    transform: perspective(350px) rotateX(-90deg);
    -webkit-transition:0.2s linear 0s;
    -o-transition:0.2s linear 0s;
    transition:0.2s linear 0s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;    
}

nav#main-menu > .menu-container .menu-container li {
    position: relative;
    overflow: visible;
}

nav#main-menu > .menu-container .menu-container .menu-container {
    z-index: 2;
    top: 0;
    left: 200px;
    -webkit-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: perspective(350px) rotateY(-90deg);
    -o-transform: perspective(350px) rotateY(-90deg);
    transform: perspective(350px) rotateY(-90deg);
}

nav#main-menu > .menu-container > ul > li:hover > .menu-container {
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(350px) rotateX(0deg);
    -o-transform: perspective(350px) rotateX(0deg);
    transform: perspective(350px) rotateX(0deg);
    -webkit-transition:0.28s linear 0s;
    -o-transition:0.28s linear 0s;
    transition:0.28s linear 0s; 
}

nav#main-menu > .menu-container .menu-container li:hover > .menu-container {
    visibility: visible;
    opacity: 1;
    -webkit-transform: perspective(350px) rotateY(0deg);
    -o-transform: perspective(350px) rotateY(0deg);
    transform: perspective(350px) rotateY(0deg);
    -webkit-transition:0.28s linear 0.1s;
    -o-transition:0.28s linear 0.1s;
    transition:0.28s linear 0.1s;   
}

#main-menu .menu-item a {
    color: #eeeeee;
    padding-top: 1px;
    padding-bottom: 10px;
}

#main-menu .menu-item a:hover {
    color: #ffffff;
}

#main-menu .menu-item > ul {
    /*display: none;*/
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    min-width: 200px;
    background-color: rgba(3, 102, 21, 0.81);
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
#main-menu .menu-item:hover > ul {
    opacity: 1;
    left: -100%;
}

.mp-level {
    background: rgba(15, 157, 177, 1);
}

.mp-menu ul li > a {
    font-size: 18px;
}

/*-------------------------------------------------------*/
/* 34. 3D Menu
/*-------------------------------------------------------*/

.flip-menu {
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    clear: both;
}

.flip-item {
    opacity: 0;
    position: relative;
    z-index: 1;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px; 
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-inner {
    top: 50%;
    position: absolute;
    width: 100%;
    margin-top: -50px;
}
/* Loading Items with fade in effect */
.flip-item.images-loaded {
    opacity: 1;
    -webkit-transition: opacity 0.28s linear;
    -o-transition: opacity 0.28s linear;
    transition: opacity 0.28s linear;       
}

.flip-item .flip-content img,
.flip-item .flip-hover-content img {
    width: 100%;
    height: auto;
}

/*  UPDATED! flip the pane when hovered */
.flip-item:hover .flip-hover-content {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
}

.flip-item:hover .flip-content {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0;
}

/* flip speed goes here */
.flip-wrapper {
    position: absolute; 
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    -webkit-transition:0.28s;
    -o-transition:0.28s;
    transition:0.28s;
}

/* hide back of pane during swap */
.flip-content, .flip-hover-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition:0.5s ease 0.2s;
    -o-transition:0.5s ease 0.2s;
    transition:0.5s ease 0.2s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*  UPDATED! front pane, placed above back */
.flip-content {
    background: rgba(15, 157, 177, 1);
    opacity: 1;
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    overflow: hidden;
}

/* back, initially hidden pane */
.flip-hover-content {
    opacity: 0;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    overflow: hidden;
    background: rgba(255,255,255,1);
}

.flip-item.active .flip-wrapper {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.flip-item .flip-content.iconned,
.flip-item .flip-hover-content.iconned {
    padding-top: 80px;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.flip-item .flip-content.iconned i.fa,
.flip-item .flip-hover-content.iconned i.fa {
    font-size: 60px;
}

.flip-item .flip-content.iconned h3,
.flip-item .flip-hover-content.iconned h3 {
    font-size: 18px;
    font-weight: normal;
}

.flip-item .flip-content.iconned i.fa,
.flip-item .flip-content.iconned h3 {
    color: #ffffff;
}

.flip-item .flip-content .overlay,
.flip-item .flip-hover-content .overlay {
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background:rgba(255,255,255,1);
}

.flip-item .flip-content .overlay,
.flip-item .flip-hover-content .overlay {
    padding: 30px;
    text-align: center;
}

.flip-item .flip-content .overlay h3,
.flip-item .flip-hover-content .overlay h3 {
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: bold;
}

.flip-item .flip-content .overlay i.fa,
.flip-item .flip-hover-content .overlay i.fa {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 24px;
}

#ajax-container {
    position: relative;
    height: auto;
}

#ajax-loader {
    min-height: 512px;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    padding: 0 30px;
    background: #000;
    background: rgba(255, 255, 255, 0.7);   
}

body.page-template-onepage-php {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}

body.page-template-onepage-php #page-content {
    display: none;
}

body.page-template-onepage-php nav#main-menu {
    display: none;
}

/* Next Prev Index Data Collections */
.data-collection {
    display: none;
}

.navbar-right {
    position: relative;
}

.navbar-right li {
    position: absolute;
    right: 0;
    display: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}

.navbar-right li#search {
    display: inline-block;
}

#trigger {
    display: none;
    float: left;
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-right: 15px;
    font-size: 24px;
    box-shadow: none;
    background-color: rgba(15, 157, 177, 1);
    border: 0;
    outline: 0;
    color: #eeeeee;
    line-height: 50px;
    text-align: center;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;  
}

#trigger:hover {
    color: #ffffff;
}

header.active #trigger {
    margin-top: 10px;
}

.popover {
    border-radius: 0;
}

.popover-title {
    border-radius: 0;
    border-bottom: 0;
}

.popover-content {
    padding: 0;
}

.popover-content .sidebar-searchbox input {
    margin: 0;
    min-width: 210px;
    background: transparent;
}

.popover-content .sidebar-searchbox:after {
    top: 10px;
}

.popover.left > .arrow:after {
}

.popover.bottom > .arrow:after {
}



.loading-content {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 20000;
}

.loading-content.inner {
    position: absolute;
    min-height: 570px;
}

/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
}

/* all other browsers */
@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(-360deg);s
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}
  
  
#stage {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    
    margin: 1em auto;
    -webkit-perspective: 1920px;
    -moz-perspective: 1920px;
    -ms-perspective: 1920px;
    perspective: 1920px;
}
  
#spinner img {
    width: 100%;
}

#spinner {
    margin-top: -80px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    text-align: center; 
    color: #999;
    padding:0 0;
    
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 2s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

#spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

body {
    overflow-y: scroll;
}

/*-------------------------------------------------------*/
/* 35. Post Slider
/*-------------------------------------------------------*/

.post-slider {
    display: block;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -30px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.post-slider > div {
    padding: 0;
}

.post-slider .owl-controls {
    display: none;
}

.post-slider .slides {
/*  border-right: 1px solid rgba(255,255,255,0.1);*/
}

.post-slider .slides img {
    display: none;
}

.post-slider .slides .overlay {
    position: absolute;
    width: 100%;
    bottom: -100px;
    padding: 30px;
    background: rgba(0,0,0,0.4);
    text-align: left;
    z-index: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
}

.post-slider .slides .active .overlay {
    bottom: 0;
    opacity: 1;
}

.post-slider .slides .overlay a {
    text-decoration: none;
}

.post-slider .slides .overlay h3 {
    position: relative;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    font-size: 26px;
    opacity: 1;
    color: #eeeeee;
}

.post-slider .slides .overlay p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #dddddd;
}

.post-slider .thumbs {
}

.post-slider .thumbs .item {
    position: relative;
    /*height: 118px;*/
    border-bottom: 1px solid rgba(0,0,0,0.1);
    /*background: rgba(0,0,0,0.3);*/
    padding: 20px;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
    cursor: pointer;
}   

.post-slider .thumbs .item:last-child {
    border-bottom:0;
}

.post-slider .thumbs .item:hover,
.post-slider .thumbs .item.active {
    background: rgba(15, 157, 177, 1);
    color: #ffffff;
}

.post-slider .thumbs .item.active:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 15px solid rgba(15, 157, 177, 1);
    border-bottom: 12px solid transparent;
    z-index: 1;
}

.post-slider .thumbs .item > img {
    float: left;
    width: 80px;
}

.post-slider .thumbs .item > span {
    display: block;
    margin-left: 100px;
}

/*-------------------------------------------------------*/
/* 36. Full Width Image
/*-------------------------------------------------------*/

.fullwidth-image {
    margin-left: -30px;
    margin-right: -30px;
}

.wpb_column > .wpb_wrapper > *:last-child.fullwidth-image {
    margin-bottom: 0 !important;
}

.fullwidth-image img {
    width: 100%;
}

/*-------------------------------------------------------*/
/* 37. Back to Top
/*-------------------------------------------------------*/

#back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    background-color: #000000;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

#back-to-top.active {
    opacity: 1;
    z-index: 10;
}

#back-to-top:hover {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
}

/*-------------------------------------------------------*/
/* 38. Button
/*-------------------------------------------------------*/

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border: 0;
    -webkit-transition: all 0.28s ease;
    -moz-transition: all 0.28s ease;
    -o-transition: all 0.28s ease;
    -ms-transition: all 0.28s ease;
    transition: all 0.28s ease; 
}

.btn-primary {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 0.7);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #9e0047;
    background-color: rgba(15, 157, 177, 1);
}

.btn i.fa {
    padding-right: 15px;
}

/*-------------------------------------------------------*/
/* 39. Google Search
/*-------------------------------------------------------*/
a.gs-title,
.gsc-url-top,
table.gsc-table-result,
.gsc-cursor-page,
.gsc-result-info,
.gsc-orderby {
    font-family: "open sans";
}

.gsc-selected-option-container {
    min-width: 85px !important;
}

/*-------------------------------------------------------*/
/* 40. WP Required Classes
/*-------------------------------------------------------*/
.alignleft {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 40px;    
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 40px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 40px;    
}

.bypostauthor {
    min-height: 10px;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption {
    max-width: 100%;
    text-align: center;
}

.post-password-form {
    text-align: center;
}

.gallery-caption {

}

.sticky {

}

/*-------------------------------------------------------*/
/* 41. WP Widgets
/*-------------------------------------------------------*/
.widget_archive > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_recent_comments > ul,
.widget_meta > ul,
.widget_pages > ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

.widget_archive > ul > li,
.widget_recent_entries > ul > li,
.widget_categories > ul > li,
.widget_recent_comments > ul > li,
.widget_meta > ul > li,
.widget_pages > ul > li {
    border-bottom: 1px solid #eeeeee;
    line-height: 1.8;
    padding-top: 5px;
    padding-bottom: 5px;
}

.widget_archive > ul ul.children,
.widget_categories > ul ul.children,
.widget_pages > ul ul.children {
    padding-left: 20px;
}

.widget_archive > ul ul.children li,
.widget_categories > ul ul.children li,
.widget_pages > ul ul.children li {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.8;
}

.widget_archive > ul ul.children li:first-child,
.widget_categories > ul ul.children li:first-child,
.widget_pages > ul ul.children li:first-child {
    padding-top: 10px;
}

.widget_archive > ul ul.children li:last-child,
.widget_categories > ul ul.children li:last-child,
.widget_pages > ul ul.children li:last-child {
    padding-bottom: 0px;
}

.widget_tag_cloud a {
    font-size: 14px !important;
}

.widget_recent_entries span.post-date {
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
}

#sidebar-area .widget_tmq-power-shortcodes .widget.widget_recentposts {
    margin-top: 15px;
    margin-bottom: 10px !important;
}

/*-------------------------------------------------------*/
/* 42. Visual Composer Fixes
/*-------------------------------------------------------*/

.full-width-no-padding {
    width: 100%;
    clear: both;
    position: relative;
}

.full-width-no-padding > .vc_column_container {
    padding: 0;
}

.wpb_column > .wpb_wrapper > *:last-child {
    margin-bottom: 30px !important;
}

.wpb_gmaps_widget .wpb_wrapper {
    padding: 0 !important;
}

/*-------------------------------------------------------*/
/* 43. VC Accordions
/*-------------------------------------------------------*/

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a, 
.wpb_content_element .wpb_accordion_header a {
    padding: 15px 30px;
}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, 
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding: 30px;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    padding-left: 30px;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, 
.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
    top: 17px;
}

.ui-accordion-header-active a,
.ui-tabs-active a {
    color: #0f9db1;
}

body.dark-mode .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, 
body.dark-mode .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: #000000;
    background-color: rgba(0,0,0,0.3);
}

body.dark-mode .wpb_content_element .wpb_tabs_nav li {
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
}

body.dark-mode .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, 
body.dark-mode .wpb_content_element .wpb_tabs_nav li:hover {
    background-color: #000000;
    background-color: rgba(0,0,0,0.3);
}

.wpb_gallery_slides .owl-controls {
    display: none;
}

.flickr_badge_image img {
    padding: 5px;
    border: 1px solid #eeeeee;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.flickr_badge_image img:hover {
    border-color: #0f9db1;
}
.footer-wrapper{
    text-align: center;
    text-decoration: none;
}
.footer-wrapper a {
    color: #8AFF2E !important;
}
.footer-text{
    text-align: center;
}
.footer-t{
    text-align: center;
}

/*Extra*/

#page-banner h1.main-title {
    margin-bottom: 10px;
}

/* Grow-Shadow */
.mainbody-section .shadow {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.mainbody-section .shadow:hover, .mainbody-section .shadow:focus, .mainbody-section .shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


.ftp {
    position: relative;
}
.drop {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    bottom: 15px;
    width: 100%;
}
.drop li {
    display: inline-block;
}
.drop li a {
    margin-right: 10px;
    padding: 5px 30px;
    border-radius: 50px;
    background-color: rgba(3, 102, 21, 0.81);
}
.drop .first {
    margin-left: 12px;
}
.drop .first a:first-child {
    display: none;
}
.ftp-text {
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.ftp:hover .ftp-text {
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.ftp:hover .drop {
    opacity: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#alert {
    bottom: 0;
    position: fixed;
}
.newconnection input, .newconnection textarea {
    margin-top: 20px;
}
.newconnection input:first-child {
    margin-top: 0;
}

/**
 * Torrent page
 */
.media-list {
    background-color: rgba(35, 137, 68, 0.61);
}
.media-list h3 {
    color: #000;
    background: rgba(0, 0, 0, 0.1);
    padding: 10px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
}
.media-list ul {
    text-align: left;
}
.media-list li {
    margin-bottom: 2px;
}
.media-list a {
    display: block;
    background-color: rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 15px 15px;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    font-size: 1.15em;
    overflow: hidden;
    /*box-shadow: 0 3px 5px -4px #000;*/
}
.media-list a span {
    display: block;
    padding: 4px 12px;
    background: #0f7c67;
    position: relative;
    box-shadow: inset 0 3px 5px -4px #000;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.media-list a:hover span, .media-list a:focus span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}
.media-list a::before {
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: -1;*/
    box-shadow: inset 0 3px 5px -4px #000;
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #0f7c67;
    line-height: 33px;
    content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(-25%);
}
.media-list a:hover::before, .media-list a:focus::before {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}