/*
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.   ***************/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
.nav-uppercase > li > a { font-weight:normal; letter-spacing:0px;}
.page-wrapper{padding:0px;}
.hero-text h1{ font-size:40px; color:#f58758; text-transform:uppercase;}
.hero-text h4{ font-size:16px; color:#000; letter-spacing:5px; font-weight:100; text-transform:uppercase;}
.hero-text p { font-size:16px; color:#000;}
.vc_btn3.vc_btn3-style-modern{ font-size:14px !important;  line-height: 3.6 !important;  background-color: #000 !important;  padding: 0 2em !important; text-transform: uppercase; border-radius: 99px !important; color:#fff !important; background-image:none !important; border:medium none !important; }
.vc_btn3.vc_btn3-style-modern:hover{ background:#252525 !important;}
.vc_btn3-style-classic{}
.header-button .button.primary{ line-height: 3.1; letter-spacing:0px; padding: 0 1em;}
#home .upb_row_bg {background-position:center center;}
.footer-primary{padding: 7.5px 0;}
.absolute-footer{padding: 17px 0px; text-transform:uppercase; font-size:11px; color:#777777 !important; }



.home_banner{ background-position:left top !important; position:relative; overflow:visible !important;}
.banner_right_img{ position:absolute; right:0; bottom:-55px; margin:0; z-index: 1; float:left; width:auto;}
.banner_right_img .vc_column-inner { padding-left: 0!important; padding-right: 0 !important;}

.home_logo .wpb_content_element{ margin-bottom:20px;}
.home_logo .vc_column-inner {padding-top: 20px;}
.title{ color:#333333; text-transform:uppercase; font-size:34px; font-weight:400; font-family: "Montserrat",sans-serif; line-height: 1.2; margin-bottom:10px;}
.title p{ margin-bottom:0;}
.title h2{ font-size:36px; font-weight:600; font-family: "Montserrat",sans-serif;}
.butterfly_details_img.wpb_single_image img{ margin-left: -130px; max-width: calc(100% + 170px);}
.butterfly_details_img{ margin-bottom:0;}
.sub_title{ width:100%; float:left; }
.sub_title .wpb_wrapper{ background:none; border:solid 2px #666666; padding:0 23px; line-height:43px; color:#666666; font-size:16px; margin-bottom:20px; float:left; text-transform:uppercase; }

.great_effect_title{color:#fff; text-transform:uppercase; font-size:44px; font-weight:400; font-family: "Montserrat",sans-serif; line-height: 1.2; margin-bottom:30px;}
.great_effect_title p{ margin-bottom:0;}
.great_effect_title h2{ font-size:36px; font-weight:600; font-family: "Montserrat",sans-serif; color:#fff; }
.great_effect_content{ color:#fff; padding-right:100px;}
.vc_btn3.vc_btn3-style-custom{ background:none;}
.vc_btn3.vc_btn3-style-custom:hover{ color:#f58758 !important;}

.the_process_content{ max-width:980px; margin:0 auto;}
.the_process_title{ text-align:center; font-size:36px; font-weight:bold; color:#ef8543; text-transform:uppercase; padding-bottom:20px;}  
.the_process_title span{ color:#ffffff;}

.the_process_box{ width:calc(20% + 25px); float:left; margin-left:-25px;}
.the_process_box_img{background:url(images/the_process_box_img_border.png) no-repeat left center; background-size:100% 100%; width:100%; float:left; }
.the_process_box:last-child .the_process_box_img{background:url(images/the_process_box_img_border-last.png) no-repeat left center;  background-size:100% 100%; }

.the_process_box_img img{ width:100%;} 
.the_process_box_title{width:100%; float:left; color:#fff; text-align:center; font-size:20px; line-height:1.2; background:url(images/the_process_box_title_bg.png) no-repeat top center; padding-top:35px;}
.the_process_bottom_content{ text-align:center; text-transform:uppercase; font-size:16px; font-weight:bold; width:100%; color:#fff; float:left; padding-top:65px;}

.butterfly_effect{ background-position:left top !important; background-size:auto 100% !important; background-repeat:no-repeat !important;}
.about-butterfly{background-position:right top !important; background-size:auto 100% !important; background-repeat:no-repeat !important;}
.about-butterfly .vc_col-sm-6 .vc_column-inner { padding-top:0 !important;}
.about-butterfly  h3{text-transform:uppercase; }
.contact_sub_title{ text-align:center; color:#fff; text-transform:uppercase; font-size:18px;}
.contact .the_process_title{ margin-bottom:0; padding-bottom:5px;}
.col{ padding-bottom:0;}


.contact input[type="email"],
.contact input[type="number"],
.contact input[type="text"],
.contact input[type="tel"], 
.contact textarea{ color:#ffffff; font-size:20px; text-transform:uppercase; padding:10px; border:solid 2px #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:url(images/input_bg.png) repeat;}
.contact textarea{ min-height:150px;}

.contact input[type="email"]:focus,
.contact input[type="number"]:focus,
.contact input[type="text"]:focus,
.contact input[type="tel"]:focus, 
.contact textarea:focus{ box-shadow:none;}

.contact input[type="file"] { display: none;}
.custom-file-upload { color:#fff; font-size:20px; background:url(images/file_icon.png) no-repeat left top; padding-left:36px; cursor:pointer; font-weight:normal;  font-family: "Montserrat",sans-serif;}
.contact_button{ text-align:center; margin-top:10px; }
.contact_button input[type="submit"]{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:20px; margin:0; padding:0 40px;}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
 opacity:1;
}

.header-main .header-inner .flex-left  {text-align: center;}
.header-main .header-inner .nav{ display:inline;}

.send_pdf_button { display: inline-block; margin-bottom: 21.74px;}
.send_pdf_button button.ult-align-left{font-size:14px !important;  line-height: 3.3 !important;  padding: 0 2em !important; text-transform: uppercase; border-radius: 99px !important; color:#fff !important; background:none !important; border:solid 2px #000 !important; margin: 0 !important; }

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


}
@media only screen and (max-width: 1199px) {
	.nav-spacing-xlarge > li {
		margin: 0 8px;
	}
}
@media only screen and (max-width: 1023px) {
	.hero-text h1{font-size:28px;}
	.great_effect_title{ font-size:38px;}
	.great_effect_title h2{ font-size:31px;}
	.great_effect_content { padding-right: 0;}
	.vc_btn3.vc_btn3-size-md{ padding:14px 0}
	.the_process_content .wpb_wrapper{ margin-left:25px;}
	.the_process_box{margin-left: -19px; width: calc(20% + 19px); }
	.the_process_box_title{ font-size:17px;}
	.butterfly_effect{background-size: 50% 100% !important;}
	.about-butterfly.vc_custom_1482304875255{ background:none !important; padding-top: 60px !important;}
	.wpb_single_image img{max-width: 80%; }
}
@media only screen and (max-width: 850px) {
	.header-main .header-inner .flex-left{ text-align:left;}
}
@media only screen and (max-width: 767px) {
	.col-inner .butterfly_details.butterfly_effect{ background:none !important; padding-top: 30px !important; }
	.the_process_box_title { font-size: 12px;}
	.the_process_box{ margin-left: -12px; width: calc(20% + 12px);}
}
@media only screen and (max-width: 479px) {
	.hero-text h1 { font-size: 23px;}
	.banner_right_img{ display:none !important;}
	.great_effect_title { font-size: 32px;}
	.great_effect_title h2 { font-size: 26px;}
	.vc_btn3.vc_btn3-style-modern{font-size: 13px !important; padding: 0 1em !important;}
	.vc_btn3.vc_btn3-size-md { font-size: 13px; }
	.the_process_title{font-size: 27px;}
	.custom-file-upload{ font-size:17px;}
	.the_process_box { margin-left: 0; width: 100%; text-align:center;}
	.the_process_box_img img { max-width: 100%; width: auto;}
	.the_process_box_img{ float:none; width:auto; display: inline-block;}
	.the_process_box_title { font-size: 20px; margin-bottom:30px !important;}
}

.wpcf7 { color: #ffffff; }