/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

h2.video-title {
    font-size: 26px !important;

}

.is-outline:hover, .primary.is-outline:hover {
    background-color: #000000;
    border-color: #ffffff;
}

button.scroll-for-more.z-5.icon.absolute.bottom.h-center {
    margin: 0 0px 30px 0;
}

h2.rotate {
    font-size: 24px;
	letter-spacing:8px;
    text-align: center;
    line-height: 35px;
    color: #fff;
}

.header-inner.flex-row.container.logo-left.medium-logo-center {
    background-color: #1C1C1E;
}

p {
    line-height: 25px;
}

.logo-left .logo {
    margin-right: 40px;
}

.html .social-icons {
    font-size: 1.5em;
}

.header-main {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

p.logo-tagline {
    display: none;
}

#logo {
	width:25% !important;
	text-align: center;
	background: #fff;
    padding: 19px 0;
    margin-left: -16px;
}

.nav-dark .logo a {
	color: #4c4c4c;
}

.logo a {
	font-size: 16px;
    letter-spacing: 8px;
    line-height: 24px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
}

.nav > li > a {
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 24px;
    text-transform: uppercase;
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    height: 1px;
	background-color: #4e4e4e;
}

.nav-line-bottom>li>a:before {
    bottom: 7px;
}

@media only screen and (max-width: 1280px) {
.logo a {
    font-size: 13px;
    letter-spacing: 7px;

}}

@media only screen and (max-width: 1140px) {
.logo a {
    font-size: 12px;
    letter-spacing: 3px;
}}

@media only screen and (max-width: 1200px) and (min-width: 850px) {

.logo-left .logo {
    margin-right: 18px;
}

.nav-spacing-xlarge>li {
    margin: 0px 7px;
}

.nav > li > a {
     font-size: 13px;

}}

@media only screen and (max-width: 849px) {
	#logo {
		background: transparent;
		width:100% !important;
		margin-left: 5px;
		text-align: left
}
	.nav-dark .logo a {
		color: #ffffff;
		font-weight: 700;
}}

.large-6 .res-text {
    font-size: 14px;
    color: #000;
}

.inner-pad {
    padding: 120px;
}

.banner h2{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 24px;
    text-transform: none;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.valign {
    padding: 90px 120px;
}

h2.dark {
    font-size: 26px;
    line-height: 30px;
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
}

.valign p, .inner-pad h2, .team-name h3{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 24px;
    text-transform: none;
    margin-bottom: 20px;
    word-wrap: break-word;
}

h2.black {
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 8px;
    line-height: 41px;
    text-transform: uppercase;
    color: #1c1c1e;
}

span.color-bg {
    background-color: #fff22d;
    padding: 7px 7px 7px 15px;
}

@media only screen and (max-width: 768px) {
	.valign {
		padding: 20px 20px;
		text-align: center;
}
	.inner-pad {
		padding: 35px;
		text-align: center;
}}

.team-name h3 {
    margin: 45px 0 12px 0;
}

.liner.text-center p {
    color: #7d7d7d;
}

.team-name h2 {
    font-size: 12px;
    line-height: 22px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 20px 0 0px 0;
}

.team-name img {
    border: 2px solid #fff;
    border-radius: 99px;
}

.dark p .team p {
	color: #686868;
}

input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0px;
    box-shadow: none;
    color: #444;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    height: 50px;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%;

}


input.wpcf7-form-control.wpcf7-submit {
    border: solid 1px #4c4c4c;
    background: transparent;
    color: #4c4c4c;
    box-shadow: none;
	margin-top: 55px;
}

.col.footer-credits.medium-4.small-12.large-4 p {
    color: #7d7d7d;
	line-height:24px;
	font-size:14px;
}

.footer-line p {
    line-height: 15px !important;
}

b, strong {
    font-weight: 700;
}

h3.trailer {
    text-align: center;
    color: #fff;
    margin-top: 28px;
    text-transform: uppercase;
    font-size: 14px;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    background-color: rgb(28, 28, 28);
	width: 210px;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    color: #eee;
    font-size: 10px;
    padding: 10px;
    font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
}

.blog-blocks {
    padding: 50px 15% 80px;
}

.blog-blocks h3 {
    display: block;
    text-transform: uppercase;
    margin: 0 0 20px;
    line-height: 32px;
}

.blog-blocks a {
    border: 1px solid #1e1d22;
    padding: 13px 20px;
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
}

.blog-blocks a:hover {
    background: #1e1d22;
    color: #fff;
}

.blog-blocks p {
    margin: 0 0 40px;
    color: #000;
    font-size: 14px;
    line-height: 25px;
}

.dark h1 {
    letter-spacing: 8px;
}

.dark a{
    color: #fde261;
}

@media only screen and (max-width: 1400px) {
	.inner-pad {
		padding: 70px;
}
	.inner-pad p {
		font-size:14px;
}}

@media only screen and (max-width: 1300px) {
.blog-blocks {
    padding: 15px 15% 0px;
}}


@media only screen and (max-width: 800px) {
.blog-blocks {
    padding: 39px 15% 0px;
}

.blog-blocks h3 {
    line-height: 28px;
    font-size: 17px;
    padding-top: 12px;
}}

.nav-line-bottom>li:hover>a:before, .nav-line-grow>li:hover>a:before, .nav-line-bottom>li.active>a:before, .nav-line-grow>li.active>a:before, .nav-line>li.active>a:before, .nav-line>li:hover>a:before{
	display:none;
}


.header-main .nav > li > a:hover {
    border-bottom: 1px solid #ccc;
}

.footer-credits{
    height: 490px;
	padding-top:30px;
}