/*
  You can add your own CSS in this file, this code will overwrite main stylesheet file.
*/

/*
@import url(http://fonts.googleapis.com/css?family=example);
*/

/*
If you want to change fonts decomentate and overwrite with your font name
*/

/*
body {
	font-family: 'fontName';
}
*/
/*
h1, h2, h3, h4, h5, h6 {
	font-family: 'fontName';
}
*/
/*
p {
	font-family: 'fontName';
}
*/
/*
span {
	font-family: 'fontName';
}
*/
/*
input, textarea, select, label, small {
	font-family: 'fontName';
}
*/

.container.bootstrap {
	margin-left : auto !important;
	margin-right : auto !important
}

/* 
  And some media queries for you
*/
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {
  
}
.vc_tta-container {
    width: 1170px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
    margin-right: auto!important;
    margin-left: auto!important;
}
.vc_tta-tabs-container {
    margin-bottom: 50px!important;
	
}
.vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    margin: 0 20px;
}
.vc_tta.vc_general .vc_tta-tab > a:after {
    display: block;
    content: '';
    width: 100%!important;
    height: 6px!important;
    position: absolute!important;
    bottom: 0!important;
    left: 0!important;
    background: #fff200!important;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a:after {
    display: block;
    content: '';
    width: 100%!important;
    height: 6px!important;
    position: absolute!important;
    bottom: 0!important;
    left: 0!important;
    background: #fff200!important;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active > a {
    border-color: transparent!important;
    background-color: transparent!important;
	color: #171717!important;
    display: block!important;
    padding: 5px 100px 15px 0!important;
	border-width: 0px!important;
}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab > a {
    border-color: transparent!important;
    background-color: transparent!important;
	color: #171717!important;
    display: block!important;
    padding: 5px 100px 15px 0!important;
	border-width: 0px!important;
}

input.wpcf7-form-control.wpcf7-submit.btn.medium {
     width: auto;
    float: right;
	margin-top: 0px;
}
input.wpcf7-form-control.wpcf7-submit.submitte {
    width: auto;
    position: absolute;
    top: 82px;
    right: 0;
    opacity: 0;
}
.subscribe.light.nopadding i {
    position: absolute;
    top: 100px;
    color: white;
    right: 31px;
}
input#subscribe {
    color: white;
}
.c-8.no-margin {
    margin-top: -15px;
}
.container.has-margin-bottom {
    margin-top: 50px;
}
span.breadcrumb-current {
    color: white;
}
section#blog , footer.dark{
    z-index: 2;
}
.section {

    z-index: 3;
}

.grid {min-height: 600px;}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}


@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}


@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}


@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}


@media only screen and (device-width: 768px) {
 .hero.fullscreen.parallax {
  background-attachment: initial;
 }
}