/*
Author       : theme_ocean
Template Name: Monoline - Design Agency HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START COUNTER DESIGN
    06. START WHY CHOOSE US DESIGN
    07. START SERVICE DESIGN
    08. START CASE STUDY DESIGN
    09. START POROFOLIO DESIGN
    10. START SKILL DESIGN
    11. START PROMOTION DESIGN
    12. START TEAM DESIGN
    13. START TESTIMONIALS DESIGN
    14. START PRICING DESIGN
    15. START BLOG DESIGN
    16. START ADDRESS DESIGN
    17. START PARTNER DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #747474;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100%;position:relative;  }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: oswald,sans-serif;
  color: #1b2032;
  font-weight: 400;
}
a {
font-family: oswald,sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif; }

:-moz-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}

::-moz-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}

:-ms-input-placeholder {
  font-weight: 400;
font-family: 'Poppins', sans-serif;}
.form-control::placeholder {
	color: #232a34;
	opacity: 1;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
	background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;	
}
.spinner {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	font-size: 10px;
	text-indent: -12345px;
	z-index: 10000;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background:#f47b20;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.status-mes h4 {
color: #f7f7f7;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding:80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h2 {
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
h2.section-title-white{
color:#fff;
font-size: 54px;
font-weight:600;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
.section-title span{
background: #f5325c none repeat scroll 0 0;
display: block;
height: 2px;
margin: 10px auto;
width: 100px;
}

.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #f47b20 none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 50px;
line-height: 47px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
position: fixed;
right: 5px;
text-align: center;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 50px;
}
@media only screen and (max-width:768px) { 
.topcontrol {display:none;}
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BUTTON DESING*/
.btn_one {
	background:#fff;
	border: 2px solid #1b2032;
	color: #1b2032;
	padding: 8px 30px;
	border-radius: 30px;
	transition: 0.3s;
	margin-top: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.3);
	display: inline-block;
}
.btn_one:hover {
background:#f47b20;
border:2px solid #f47b20;
color:#fff;
}
/*END BUTTON DESING*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg{height: 700px;position:relative;}
.home_bg::before {
	background:rgba(0,0,0,0.2);
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.hero-text{
padding-top:250px;
position: relative;
}

.hero-text h2 {
	color: #fff;
	font-size: 56px;
	font-weight: 700;
	text-transform: uppercase;
}
.hero-text p{
	color:#fff;
	margin-bottom: 25px;	
}
.hero-text a{
	background:#f47b20;
	border: 2px solid #f47b20;
	color: #fff;
	padding: 8px 30px;
	border-radius: 30px;
	transition: 0.3s;
	margin-top: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.3);
	display: inline-block;
}
.hero-text a:hover {
background:none;
border:2px solid #fff;
color:#fff;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
video {min-width: 100%;height:100%; }
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.feature_area {
	padding-bottom: 80px;
	position: relative;
	margin-top: -80px;
}
@media only screen and (max-width:768px) { 
.feature_area{
	margin-top:0px;
}
}
.feature_bg{
	padding:60px;
	background: #fff;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	border-radius: 10px;
	margin-top:-100px;
}
@media only screen and (max-width:768px) { 
.feature_bg{
	margin-top:0px;
}
}
.single_feature {
	background: #f9fcff;
	position: relative;
	padding: 60px;
	border: 1px solid #eee;
	border-radius: 5px;
	transition:0.3s;
}
.single_feature:hover{
background:#fff;
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
-webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
}
.single_feature img {
width:60px;
margin-bottom: 25px;
}
.single_feature h4 {
	margin-bottom: 15px;
	font-size: 20px;
}
.single_feature p{}
.single_about_content {
	margin-top: -60px;
	background: #fff;
	padding: 60px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	position: relative;
	margin-bottom: 60px;
}
.single_about_content h2 {
	margin-bottom: 30px;
	font-size: 50px;
	font-weight: 500;
}
.single_about_content p{}

.hire_us_area{background:#f9fcff;}
.hire_img{}
.hire_img img {
	width: 200px;
}
.hire_content{}
.hire_content h2 {
	font-weight: 500;
	font-size: 50px;
	margin-bottom: 20px;
}
.hire_content p {
	margin-bottom: 30px;
}
.hire_content a{}
/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {
background:#3d4248;
	position: relative;
	margin-bottom: 80px;
}
.single-project {
	border-right: 1px solid #3e3c85;
	position: relative;
}
.single-project-mrnone{border-right:0px;}
.single-project img {
	width:60px;
	margin-bottom: 20px;
}
.single-project h2 {
	font-weight: 700;
	font-size: 50px;
	color:#fff;
}
.single-project h4 {
	margin-bottom: 0;
	font-size:16px;
	color:#fff;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.video_btn {
	padding:150px 0;
	position: relative;
	border:15px solid #fff;
	margin-top: 100px;
	margin-bottom:-180px;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.video_btn h3 {
	background: #f47b20;
	padding: 30px;
	margin: 0 40px;
	line-height: 40px;
	margin-bottom: 30px;
	text-transform: capitalize;
	font-weight: 600;
}
.video_btn a {
	background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
	border: 4px solid #fff;
	border-radius: 100px;
	color: #fff;
	display: block;
	font-size: 34px;
	height: 100px;
	line-height: 90px;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100px;
	transition:0.3s;
}
.video_btn a:hover{border: 4px solid #f47b20;}
/*
* ----------------------------------------------------------------------------------------
* 05.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 06.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_choose_area {
	margin-top: 180px;
}
.single_why_choose{margin-top:60px;}
.single_why_choose h2 {
	font-size: 60px;
	font-weight: 600;
	line-height: 76px;
	margin-bottom: 30px;
}
.single_why_choose p{margin-bottom: 30px;}
.single_why_choose_img img{}
.single_why_choose a{}
.single_why_choose a:hover{}
/*
* ----------------------------------------------------------------------------------------
* 06.END WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.service_area{background:#f9fcff;padding-bottom:50px;}
.single_service{
background:#fff;
padding:60px;
box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
margin-bottom:30px;
}
.single_service img{margin-bottom:20px;}
.single_service h4{margin-bottom:20px;font-size: 22px;}
.single_service p {
	margin-bottom: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
.case_content_top{}
.case_content_top h2 {
	margin-bottom: 30px;
	font-weight: 500;
	font-size: 46px;
	line-height: 60px;
	padding-right: 60px;
}
.case_content_top p {
	padding-right: 40px;
	margin-bottom: 20px;
}
.case_content_top_img img{}
.case_content_area{}
.case_content{}
.case_content h2{margin-bottom:20px;}
.case_content p {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	padding-right: 40px;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END CASE STUDY DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.portfolio_area{overflow: hidden;}
.mix{
	display: none;
}
.portfolio_filter ul {
	list-style: none;
	margin-bottom: 60px;
}
.portfolio_filter ul li {
	font-weight: 500;
	text-transform: capitalize;
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	font-size: 16px;
	color: #252d35;
	transition: .5s;
	margin: 0 3px 0px;
	border-right: 2px solid #eee;
	letter-spacing: 0px;
}
.portfolio_filter ul li:last-child {
	border-right: 0px;
}
.portfolio_filter .active {
	color: #f47b20;
}
.portfolio-grid{position: relative;}
.single-gallery{
	position: relative;
}
.single-gallery:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	transition: .5s;
	opacity: 0;
	border-radius: 4px;
}
.single-gallery img{
	border-radius: 4px;
}
.gallery_enlarge_icon{
	opacity: 0;
}
.gallery_enlarge_icon{
	background-color: #f47b20;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	transition: .5s;
}

.gallery_enlarge_icon:hover,
.gallery_enlarge_icon:focus{
	background-color: #fff;
	color: #333;
}

.single-gallery h4 {
	position: absolute;
	left: 15px;
	bottom: 10px;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	opacity: 0;
	transition: .5s;
}
.single-gallery h4 a{color:#fff;}
.single-gallery h4 a:hover{color:#f47b20;}
.portfolio-item{
	margin-bottom: 30px;
}
.gallery-btn{
	background-color: #fc5b62;
	border: 1px solid #fc5b62;
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
	padding: 13px 30px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	font-weight: 600;
	letter-spacing: 1px;
}
.gallery-btn:hover,
.gallery-btn:focus{
	background-color: #211E3B;
	border-color: #211E3B;
	color: #fff;
}
.single-gallery:hover:before,
.single-gallery:hover .gallery_enlarge_icon,
.single-gallery:hover h4{
	opacity: 1;
}
.portfolio_btn{margin-top: 30px;}
.portfolio_btn a{}
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.portfolio_project_area{background:#f9fcff;padding-bottom: 50px;}
.single_project {
	background: #fff;
	padding: 40px;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.single_project img{
width:500px;
float:left;
margin-right:30px;
}
.single_project h1 {
	font-size: 80px;
	margin-bottom: 10px;
	color: #f47b20;
}
.single_project h2{margin-bottom:20px;}
.single_project p{margin-bottom:20px;}
.single_project a{}

.single_project_area{background:#f9fcff;padding-bottom:50px;}
.project_dec {
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	margin-bottom: 30px;
	padding: 40px;
	border-radius: 10px;
}
.project_dec img {
margin-right: 20px;
width: 600px;
}
.about_project h4 {
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	font-weight: 600;
}
.about_project p {
	margin-bottom: 30px;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #f47b20;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #f47b20;
    font-weight: 700;
}
.about_project_details ul li a:hover {text-decoration: underline;}
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 09.END POROFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/
.skills_area {
	position: relative;
	padding-top: 80px;
	padding-bottom: 0;
	margin-bottom: 80px;
}
.skills_area:before {
    background:#3d4248;
	opacity:0.2;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.skill_bg {
	background: #fff;
	padding: 70px;
	border-radius:20px;
	position: relative;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	margin-bottom: -80px;
}
.skill_content{}
.skill_content h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 30px;
}
.skill_content p{
margin-bottom:30px;
}
.skill_bar{
margin-right:30px;
}
.progress-bar-text {
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-weight: 500;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #e8e8e9 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 20px;
	border-radius: 30px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #f47b20 none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
	border-radius: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END SKILL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.promotional_area{}
.promotional_content{}
.promotional_content img{}
.promotional_content p {
	width: 70%;
	margin: auto;
	margin-top: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.team_area{}
.team_title {
	color: #fff;
	margin-bottom: 60px;
	text-align: center;
	text-transform: capitalize;
	font-weight: 600;
}
.our-team {margin-bottom: 30px;}
.single-team{margin-bottom:10px;}
.single-team img {
	margin-bottom:15px;
	border-radius:2px;
	border: 10px solid #fff;
}
.single-team h3 {
	margin-bottom:6px;
	font-size:18px;
	font-weight: 600;
}
.single-team p{margin-bottom:0px;}

.our-team .social {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.our-team .social li{
display: inline-block;
}
.our-team .social li a {
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 15px;
	color: #fff;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border-radius: 30px;
	margin: 3px;
}
.our-team:hover .social li:nth-child(1) a{
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
.our-team:hover .social li:nth-child(2) a{
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s
}
.our-team:hover .social li:nth-child(3) a{
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
}
.our-team:hover .social li:nth-child(4) a{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.our-team .social li a:hover{
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}

.facebook{background: #1C58A1;}
.facebook:hover{background: #fff;color:#1C58A1!important;}
.twitter{background: #0CBCE3;}
.twitter:hover{background: #fff;color:#0CBCE3!important;}
.google{background: #F04537;}
.google:hover{background: #fff;color:#F04537!important;}
/*
* ----------------------------------------------------------------------------------------
* 12.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_area{padding-bottom:30px;}
.single_testimonial {
	margin-bottom: 50px;
}
.testimonial_img{}
.testimonial_img img {
	width: 100px;
	border-radius: 100px;
	margin-right: 20px;
	float: left;
	margin-bottom:60px;
}
.single_testimonial p {
	margin-bottom: 20px;
	overflow: hidden;
}
.single_testimonial h4 {
	overflow: hidden;
	font-size: 20px;
}
.single_testimonial h5 {
	font-family: 'Poppins', sans-serif;
	overflow: hidden;
	font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 14.START PRICING DESIGN
 * ----------------------------------------------------------------------------------------
 */
.pricing-table-area{position:relative;}
.pricing_page{background: #f9fcff;}
.pricing-table-area:before {
    background:#3d4248;
	opacity:0.1;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.pricingTable {
	color: #fff;
	background: #3d4248;
	text-align: center;
	padding: 10px 10px 20px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.pricingTable:before,
.pricingTable:after{
    content: "";
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #692a92;
    box-shadow: 0 0 1px 8px #fff;
    position: absolute;
    top: 100px;
    right: 20px;
}
.pricingTable:after{
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 4px #fff;
    top: 35px;
    right: 50px;
}
.pricingTable .pricingTable-header{ margin: 0 0 40px; }
.pricingTable .pricingTable-header:before{
    content: "";
    background: #fff;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    left: -30px;
}
.pricingTable .price-value{
    color: #3d4248;
    background: #fff;
    width: 140px;
    height: 140px;
    padding: 25px 10px;
    border: 3px solid #3d4248;
    border-radius: 50%;
    position: relative;
}
.pricingTable .price-value:before{
    content: "";
    border: 2px solid #3d4248;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}
.pricingTable .price-value .currency{
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    margin: 0 -3px 0 0;
}
.pricingTable .price-value .amount{
    font-size: 52px;
    line-height: 70px;
    display: inline-block;
}
.pricingTable .price-value .duration{
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    margin-top: -7px;
}
.pricingTable .pricing-content{
    border: 2px solid #fff;
    padding: 23px 10px 45px;
    margin: 0 20px;
}
.pricingTable .title {
	font-size: 40px;
	font-weight: 500;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	margin: 0;
	color: #fff;
	margin-bottom: 30px;
}
.pricingTable .pricing-content ul{
    text-align: left;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.pricingTable .pricing-content ul li {
	/* font-size: 17px; */
	font-weight: 300;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	padding: 0 0 0 20px;
	margin: 0 0 10px;
	position: relative;
}
.pricingTable .pricing-content li:last-child{ margin: 0; }
.pricingTable .pricing-content li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 7px;
    left: 0;
}
.pricingTable .pricingTable-signup a {
	color: #3d4248;
	background: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 40px;
	text-transform: capitalize;
	/* letter-spacing: 1px; */
	width: 60%;
	display: block;
	margin: -22px auto 0;
	transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-signup a:hover{
color:#f47b20;
}
.pricingTable.blue{ background:#3d4248; }
.pricingTable.blue:before,
.pricingTable.blue:after,
.pricingTable.blue .price-value,
.pricingTable.blue .price-value:before{
    border-color: #253e81;
    color: #253e81;
}
.pricingTable.blue .pricingTable-signup a{ color: #253e81; }
.pricingTable.red .pricingTable-signup a{ color: #cc1438; }
/*
 * ----------------------------------------------------------------------------------------
 * 14.END PRICING DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog_area{background:#f9fcff;padding-bottom:50px;}
.home_single_blog{
background:#fff;
margin-bottom:30px;
}
.home_blog_content{padding:30px;border-radius: 10px;}
.blog-img img {
	width: 1000%;
}
.home_single_blog img {
	width: 100%;
}
.blog_title_info {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.blog_title_info h2{}
.blog_title_info h2 a {
	color: #1b2032;
	transition: 0.3s;
	margin-bottom: 5px;
	display: inline-block;
}
.blog_title_info h2 a:hover{color:#f47b20;}
.blog_title_info span {
	font-size: 14px;
	margin: 0 5px;
}
.blog_title_info span a {
	color: #f47b20;
	transition: 0.3s;
	letter-spacing: 1px;
}
.blog_title_info span a:hover{color:#1b2032;}
.home_single_blog p{}
.home_b_btn {
	color: #1b2032;
	font-weight: 300;
	margin-top: 10px;
	display: inline-block;
}
.home_b_btn:hover{color:#f47b20;}

/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
	border-bottom: 1px solid #eee;
	color: #1b2032;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: x;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .banner {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius:10px;
	border-top: 3px solid #f47b20;
	box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
}
.tag{overflow: hidden;}
.blog_search{}
.blog_search input {
background: #f8f4ef none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #1b2032;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #f47b20;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
	color: #666;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	margin: 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #f47b20 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1b2032;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #f47b20 }
.single_upcoming_event span i{margin-right:5px;color: #f47b20 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1b2032;
	display: block;
	font-size: 14px;
	padding: 5px 0;
	font-family: poppins;
	font-weight: 400;
}
.categories ul li a:hover { color: #f47b20 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 2px solid #1b2032;
	border-radius: 30px;
	color: #1b2032;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 400;
	margin: 6px 4px;
	padding: 3px 20px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #fff;
}
.tag a:hover {
    background: #f47b20;
    color: #fff;
    border: 2px solid #f47b20;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.bc_left {
	padding-left: 30px;
	font-style: italic;
	font-weight: 600;
}
.bc_bottom{margin-bottom:30px;}
.single_blog_post { margin-bottom: 60px }
.single_blog_post img {
    width: 750px;
    height: 455px;
}
.blog_post_text h4 { margin: 30px 0 }
.author_part {
	margin-bottom: 30px;
	overflow: hidden;
	margin-top: 60px;
}
.single_author {
	background: #fff none repeat scroll 0 0;
	padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.author_part img {
	border: 4px solid #f47b20;
	border-radius: 100px;
	float: left;
	height: 120px;
	margin-right: 20px;
	width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #eee;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.comments_part {
    margin-bottom: 60px;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 40px;
	border-radius: 10px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.08);
	overflow: hidden;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #f47b20;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight:700;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment-box {
	background: #fff;
	border-radius: 10px;
}
.comment_form input, .comment_form textarea {
	border-bottom: 1px solid #dddd !important;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}
.comment_form textarea {}

/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 15.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 16.START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_area{background:#3d4248;}
.single_address {}
.single_address h4 {
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 20px;
}
.mr_20{margin-bottom:10px;}
.single_address p{}
.single_address p a{color:#1b2032;transition:0.3s;}
.single_address p a:hover{color:#f47b20;}
.contact input {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	box-shadow: none;
	color: #1b2032;
	font-size: 18px;
	font-weight:400;
	height: 70px;
	padding: 20px;
	width: 100%;
	margin-bottom: 15px;
	font-family: 'Poppins', sans-serif;
}
.contact textarea {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-radius: 0px;
	box-shadow: none;
	color: #1b2032;
	font-size:18px;
	margin-bottom: 15px;
	font-weight:400;
	padding: 20px;
	width: 100%;
	font-family: 'Poppins', sans-serif;
}
.contact input:focus {
	border: 1px solid #f6f6f6;
    box-shadow: none;
	color: #1b2032;
	background: #fff;
    outline: 0 none;
}
.contact textarea:focus {
	border: 1px solid #fff;
    box-shadow: #f6f6f6;
    outline: 0 none;
	color: #1b2032;
	background: #fff;
}
.contact button {
	font-size: 16px;
}
.contact_btn {
	background: #f47b20;
	display: inline-block;
	color: #fff;
	border: 2px solid #f47b20;
	padding: 12px 40px;
	0: 0.3s;
}
.contact_btn:hover{
	background: #232a34;
	border: 2px solid #232a34;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 17.START PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/
.partner-logo {padding-bottom: 40px;}
.single_logo {}
.single_logo a img {
	width:100px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.single_logo a img:hover{opacity: 1;}

/*
 * ----------------------------------------------------------------------------------------
 * 17.END PARTNER DESIGN
 * ----------------------------------------------------------------------------------------
*/

.map{}
.map iframe{
width:100%;
height:400px;
margin-bottom: -10px;
}

/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
	padding-bottom: 50px;
	padding-top: 80px;
	background-size: 100% 100%;
}
.footer_logo {padding-top:160px;}
.footer_logo img{
width:150px;
}
.footer_logo p {
	color: #a9b4c7;
	margin-top: 10px;
	margin-bottom: 25px;
}
.single_footer{padding-top:160px;}
.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 17px;
}
.single_footer p{color:#fff;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 15px;
	font-weight:300;
	text-transform: capitalize;
}
.single_footer ul li a:before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}
.single_footer ul li a:hover { color: #f47b20 ; }

.single_footer_address{}
.single_footer_address ul{}
.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
	font-weight: 400;
	color: #fff;
	line-height: 28px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.single_footer_address p {
	margin-bottom: 10px;
}

/*START SOCIAL PROFILE CSS*/
.newsletter-form{padding-top:160px;}
.newsletter-form h4{
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 18px;
}
.newsletter-form input {
	width: 100%;
	margin-bottom: 20px;
	height: 50px;
	padding: 10px;
	color: #1d293e;
	border-radius: 2px;
	border: 0px;
}
.subscribe button {
	width: 100%;
}
.subs_btn {
	background: #f47b20;
	border:2px solid #f47b20;
	color: #fff;
	padding: 12px;
	transition: 0.3s;
}
.subs_btn:hover{
background: #fff;
border:2px solid #fff;
color:#f47b20;
}
.social_profile {margin-top:10px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
	text-align: center;
	border: 0px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	font-size: 16px;
	color: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
}
@media only screen and (max-width:768px) { 
.social_profile ul li a{margin-right:10px;margin-bottom:10px;}
}
@media only screen and (max-width:480px) { 
.social_profile ul li a{
	width:40px;
	height:40px;
	line-height:40px;
}
}
.social_profile ul li a:hover{
color:#fff;
}
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_instagram{background:#FF5252;}
.f_linkedin{background:#0e76a8;}
/*END SOCIAL PROFILE CSS*/
.footer_copyright {
	border-top: 1px solid rgba(255,255,255,0.08);
	padding-top: 30px;
	margin-top: 60px;
}
.footer_copyright p{
color: #fff;
text-align: center;
text-transform: capitalize;
} 
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 19.START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top {
    padding-bottom: 100px;
    padding-top: 160px;
	position: relative;
}
.section-top:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background:#3d4248;
  opacity:0.9;
  content: "";
  left: 0;
  top: 0;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
position: relative;
}
/*
* ----------------------------------------------------------------------------------------
* 19.END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 20.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.faq1-area {
  padding: 100px 0 100px;
}


.faq-tab-menus {
  display: block;
  text-align: center;
  border: 0;
  margin: 0 0 100px;
}

.faq-tab-menus .nav-item {
  display: inline-block;
  border: 0;
  margin: 0;
}

.faq-tab-menus .nav-item .nav-link {
  display: inline-block;
  border: 0;
  margin: 0;
  color: #1d293e;
  font-size: 24px;
  line-height: 28px;
  padding: 16px 60px;
  border-radius: 3px;
}

.faq-tab-menus .nav-item .nav-link.active {
  background: #f47b20;
  color: #ffffff;
  box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 3.709px 5.936px 51px 0px rgba(0, 0, 0, 0.2);
}

.faq_tab .card {
  border: 1px solid #eee;
  background:#fff;
  box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
  border-radius: 5px;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  margin-bottom: 20px;
}

.faq_tab .card .card-header {
  border: 0;
  background: transparent;
  padding: 0;
}

.faq_tab .card .card-header .btn {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-size: 26px;
  line-height: 30px;
  color: #1d293e;
  font-weight:500;
  padding: 24px 46px;
  position: relative;
  white-space: pre-wrap;
}

.faq_tab .card .card-header .btn::after {
  content: "\f077";
  font-family: "fontAwesome";
  font-weight: 900;
  color: #767e92;
  font-size: 14px;
  position: absolute;
  right: 46px;
  top: 30px;
}

.faq_tab .card .card-header .btn.collapsed::after {
  content: "\f078";
}

.faq_tab .card .card-body {
  padding: 6px 46px 40px;
  background: #F0FBFF;
}

.faq_tab .card:hover {
  box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
  -o-box-shadow: 5.299px 8.48px 50px 0px rgba(0, 0, 0, 0.08);
}

.faq_tab .card:hover .card-header .btn::after {
  color: #1386fc;
}
/* ----------------------------------------------------------------------------------------
* 20.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/

/* ----------------------------------------------------------------------------------------
* 21.START SERVICE PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/
.marketing_area{}
.marketing_content{}
.marketing_content h2 {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 600;
}
.marketing_content img{}
.marketing_text{}
.marketing_text p{margin-bottom:20px;}
.single_marketing{margin-bottom: 40px;}
.marketing_icon_img{}
.marketing_icon_img img {
	float: left;
	margin-right: 20px;
	width: 70px;
	margin-bottom: 20px;
}
.single_marketing h3{}
.single_marketing p{overflow: hidden;}
/* ----------------------------------------------------------------------------------------
* 21.END SERVICE PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/


/* RAM Soluções customização */
:root {
	--ram-navy: #24272c;
	--ram-blue: #5f6670;
	--ram-orange: #f47b20;
	--ram-ink: #2f3338;
	--ram-soft: #f3f3f1;
}
.ram-navbar { background: rgba(255,255,255,0.96); box-shadow: 0 10px 35px rgba(36,39,44,0.10); }
.ram-logo a { color: var(--ram-navy); font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 600; letter-spacing: 0; text-transform: uppercase; }
.ram-logo span { color: var(--ram-orange); }
.ram-navbar .site-menu > li > a { color: var(--ram-navy); font-weight: 500; }
.ram-navbar .site-menu > li > a:hover { color: var(--ram-orange); }
.ram-hero { max-height: 720px !important; }
.ram-hero:after { background: linear-gradient(90deg, rgba(36,39,44,0.76), rgba(62,66,72,0.52), rgba(36,39,44,0.24)); content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; }
#kenburns_061.ram-hero > .carousel-inner > .carousel-item > img { height: 720px; object-fit: cover; object-position: center; opacity: 0.72; }
.ram-hero-copy { z-index: 2; top: 25%; }
.ram-hero-copy > h1 { font-size: 76px; line-height: 1.03; max-width: 850px; text-transform: uppercase; }
.ram-hero-copy > h2 { color: var(--ram-orange); font-size: 24px; letter-spacing: 0; text-transform: uppercase; }
.ram-hero-copy > h3 { font-size: 20px; line-height: 32px; max-width: 720px; text-transform: none; }
.ram-hero-copy > a, .ram-hero-copy > a:visited { background: var(--ram-orange); border-radius: 2px; color: #fff; font-weight: 600; padding: 14px 22px; width: auto; }
.ram-hero-copy > a:after, .ram-hero-copy > a:before { display: none; }
.ram-feature-bg { border-radius: 4px; }
.ram-service-card { min-height: 300px; padding: 44px 34px; }
.ram-service-card i { color: var(--ram-orange); display: block; font-size: 42px; margin-bottom: 24px; }
.ram-service-card h4 { font-size: 23px; font-weight: 600; }
.ram-counter { background: var(--ram-navy); margin-bottom: 0; }
.ram-counter .single-project { min-height: 170px; padding: 0 18px; }
.ram-counter i { color: var(--ram-orange); font-size: 42px; margin-bottom: 18px; }
.ram-counter h2 { font-size: 34px; text-transform: uppercase; }
.ram-diferenciais { margin-top: 0; }
.ram-text-block h2 { font-size: 48px; line-height: 60px; }
.ram-why-list { display: grid; gap: 18px; }
.ram-why-list div { background: #fff; border-left: 4px solid var(--ram-orange); box-shadow: 0 10px 35px rgba(36,39,44,0.10); padding: 28px; }
.ram-why-list span { color: var(--ram-orange); font-family: 'Oswald', sans-serif; font-size: 28px; font-weight: 600; }
.ram-why-list h4 { font-size: 24px; font-weight: 600; margin: 8px 0; }
.ram-process:before { background: var(--ram-navy); opacity: 0.72; }
.ram-process-box { border-radius: 4px; }
.ram-steps { display: grid; gap: 18px; }
.ram-steps div { border-top: 1px solid #e6edf5; padding-top: 18px; }
.ram-steps strong { background: var(--ram-blue); color: #fff; display: inline-block; height: 34px; line-height: 34px; margin-right: 12px; text-align: center; width: 34px; }
.ram-steps span { color: var(--ram-navy); font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 600; }
.ram-steps p { margin-top: 8px; }
.ram-projects { background: var(--ram-soft); }
.ram-project-card { background: #fff; box-shadow: 0 10px 35px rgba(36,39,44,0.10); margin-bottom: 30px; overflow: hidden; position: relative; }
.ram-project-card img { height: 420px; object-fit: cover; object-position: center; width: 100%; }
.ram-project-card > div { padding: 26px; }
.ram-project-card span { color: var(--ram-orange); display: block; font-family: 'Oswald', sans-serif; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; }
.ram-project-card h4 { font-size: 24px; font-weight: 600; margin-bottom: 12px; }
.ram-project-card .gallery_enlarge_icon { opacity: 1; right: 18px; left: auto; top: 18px; transform: none; }
.ram-contact { background: var(--ram-blue); }
.ram-contact-info { background: rgba(255,255,255,0.12); color: #fff; padding: 36px; }
.ram-contact-info h3 { color: #fff; font-size: 34px; font-weight: 600; }
.ram-contact-info p { margin-bottom: 24px; }
.ram-contact-info ul { list-style: none; }
.ram-contact-info li { margin-bottom: 12px; }
.ram-contact-info i { color: var(--ram-orange); margin-right: 10px; }
.ram-form { background: #fff; padding: 30px; }
.ram-form input, .ram-form textarea { background: #f7fafc; border: 1px solid #e3e8ef; }
.ram-footer { background: var(--ram-navy) !important; padding-top: 0; }
.ram-footer-brand h3 { color: #fff; font-size: 34px; font-weight: 600; }
.ram-footer .footer_logo, .ram-footer .single_footer { padding-top: 90px; }
.ram-footer .single_footer ul li a:before { color: var(--ram-orange); }
@media only screen and (max-width: 768px) {
	#kenburns_061.ram-hero > .carousel-inner > .carousel-item > img { height: 590px; }
	.ram-hero-copy { left: 6%; top: 22%; width: 88%; }
	.ram-hero-copy > h1 { font-size: 42px; }
	.ram-hero-copy > h2 { font-size: 18px; padding-top: 0; }
	.ram-hero-copy > h3 { font-size: 15px; line-height: 24px; }
	.ram-text-block h2 { font-size: 34px; line-height: 44px; }
	.ram-service-card { min-height: auto; padding: 34px 26px; }
	.ram-project-card img { height: 360px; }
	.ram-footer .footer_logo, .ram-footer .single_footer { padding-top: 40px; }
}
@media only screen and (max-width: 480px) {
	#kenburns_061.ram-hero > .carousel-inner > .carousel-item > img { height: 560px; }
	.ram-hero-copy { top: 18%; }
	.ram-hero-copy > h1 { font-size: 34px; line-height: 42px; }
	.ram-hero-copy > h3 { max-width: 92%; }
	.ram-hero-copy > a, .ram-hero-copy > a:visited { font-size: 11px; padding: 12px 16px; }
}


/* RAM Soluções paleta cinza e laranja */
.ram-navbar { border-bottom: 3px solid var(--ram-orange); }
.ram-counter,
.ram-footer { background: #24272c !important; }
.ram-contact { background: #3d4248; }
.ram-contact-info { background: rgba(244,123,32,0.16); border-left: 4px solid var(--ram-orange); }
.ram-process:before { background: #24272c; opacity: 0.76; }
.ram-service-card { background: #f7f7f5; border-color: #e1e1de; }
.ram-service-card:hover { border-color: var(--ram-orange); }
.ram-why-list div,
.ram-project-card,
.ram-process-box,
.ram-form { box-shadow: 0 12px 34px rgba(36,39,44,0.12); }
.ram-project-card span,
.ram-hero-copy > h2,
.ram-service-card i,
.ram-counter i,
.ram-contact-info i { color: var(--ram-orange); }
.ram-steps strong,
.contact_btn,
.ram-hero-copy > a,
.ram-hero-copy > a:visited,
.gallery_enlarge_icon { background: var(--ram-orange); border-color: var(--ram-orange); }
.contact_btn:hover { background: #24272c; border-color: #24272c; }


/* RAM Soluções canais de contato */
.ram-contact-channels {
	display: grid;
	gap: 16px;
}
.ram-channel-card {
	background: #fff;
	border-left: 4px solid var(--ram-orange);
	box-shadow: 0 12px 34px rgba(36,39,44,0.12);
	color: #2f3338;
	display: grid;
	grid-template-columns: 58px 1fr;
	min-height: 142px;
	padding: 24px 26px;
	position: relative;
}
.ram-channel-card:hover,
.ram-channel-card:focus {
	background: #f7f7f5;
	color: #2f3338;
	transform: translateY(-2px);
}
.ram-channel-card i {
	align-items: center;
	background: #f47b20;
	color: #fff;
	display: flex;
	font-size: 26px;
	height: 48px;
	justify-content: center;
	width: 48px;
}
.ram-channel-card span,
.ram-channel-card strong,
.ram-channel-card p {
	grid-column: 2;
}
.ram-channel-card span {
	color: #f47b20;
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
.ram-channel-card strong {
	color: #24272c;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	margin: 3px 0 8px;
}
.ram-channel-card p {
	color: #5f6670;
	line-height: 24px;
}
@media only screen and (max-width: 480px) {
	.ram-channel-card {
		grid-template-columns: 1fr;
		padding: 22px;
	}
	.ram-channel-card i,
	.ram-channel-card span,
	.ram-channel-card strong,
	.ram-channel-card p {
		grid-column: 1;
	}
	.ram-channel-card i {
		margin-bottom: 14px;
	}
	.ram-channel-card strong {
		font-size: 21px;
		line-height: 28px;
	}
}

/* RAM Soluções ajuste de disposição dos canais */
.ram-contact .row {
	align-items: stretch;
}
.ram-contact .row > .col-lg-5,
.ram-contact .row > .col-lg-7 {
	display: flex;
}
.ram-contact-info,
.ram-contact-channels {
	width: 100%;
}
.ram-contact-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
}
.ram-contact-channels {
	display: grid;
	gap: 14px;
	grid-template-rows: repeat(3, 1fr);
}
.ram-channel-card {
	align-items: center;
	grid-template-columns: 58px minmax(0, 1fr);
	min-height: 0;
	padding: 20px 24px;
}
.ram-channel-card i {
	grid-row: 1 / span 3;
}
.ram-channel-card span,
.ram-channel-card strong,
.ram-channel-card p {
	min-width: 0;
}
.ram-channel-card strong {
	font-size: 22px;
	line-height: 28px;
	margin: 2px 0 5px;
	word-break: break-word;
}
.ram-channel-card p {
	font-size: 14px;
	line-height: 22px;
}
@media only screen and (max-width: 991px) {
	.ram-contact .row > .col-lg-5,
	.ram-contact .row > .col-lg-7 {
		display: block;
	}
	.ram-contact-info {
		margin-bottom: 22px;
		min-height: auto;
	}
	.ram-contact-channels {
		grid-template-rows: none;
	}
}

/* RAM Soluções menu sempre legível */
.site-navbar.ram-navbar {
	background: rgba(255,255,255,0.98) !important;
	box-shadow: 0 10px 30px rgba(36,39,44,0.08);
	position: absolute;
}
.site-navbar.ram-navbar .site-navigation .site-menu > li > a,
.site-navbar.ram-navbar .site-navigation .site-menu a.nav-link,
.sticky-wrapper .site-navbar.ram-navbar .site-menu > li > a,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu > li > a {
	color: #24272c !important;
	font-weight: 600;
}
.site-navbar.ram-navbar .site-navigation .site-menu > li > a:hover,
.site-navbar.ram-navbar .site-navigation .site-menu > li > a.active,
.sticky-wrapper .site-navbar.ram-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu > li > a.active {
	color: #f47b20 !important;
}
.site-navbar.ram-navbar .site-menu-toggle span,
.sticky-wrapper .site-navbar.ram-navbar .site-menu-toggle span,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu-toggle span {
	color: #24272c !important;
}

/* RAM Soluções ações flutuantes */
.ram-floating-social {
	position: fixed;
	right: 5px;
	bottom: 67px;
	z-index: 100000;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	pointer-events: none;
}
.ram-floating-social a,
#topcontrol.topcontrol {
	width: 50px !important;
	height: 50px !important;
	border-radius: 50% !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1 !important;
	text-decoration: none;
	box-shadow: 0 12px 28px rgba(36,39,44,0.24);
	transition: transform .25s ease, background .25s ease, color .25s ease, opacity .25s ease;
}
.ram-floating-social a {
	pointer-events: auto;
	background: #f47b20;
	color: #fff;
}
.ram-floating-social a i {
	font-size: 24px;
	line-height: 1;
}
.ram-floating-social a:hover,
.ram-floating-social a:focus {
	background: #fff;
	color: #f47b20;
	transform: translateY(-2px);
}
.ram-floating-social .ram-float-facebook {
	background: #3d4248;
	color: #fff;
}
.ram-floating-social .ram-float-facebook:hover,
.ram-floating-social .ram-float-facebook:focus {
	background: #fff;
	color: #3d4248;
}
#topcontrol.topcontrol {
	right: 5px !important;
	bottom: 5px !important;
	background: #24272c !important;
	color: #fff !important;
	font-size: 28px !important;
}
#topcontrol.topcontrol:hover {
	background: #fff !important;
	color: #24272c !important;
	transform: translateY(-2px);
}
@media only screen and (max-width: 768px) {
	.topcontrol {
		display: inline-flex !important;
	}
	.ram-floating-social {
		right: 8px;
		bottom: 64px;
		gap: 8px;
	}
	.ram-floating-social a,
	#topcontrol.topcontrol {
		width: 46px !important;
		height: 46px !important;
	}
	.ram-floating-social a i {
		font-size: 22px;
	}
}

/* RAM Soluções fluxo com efeito hero */
.ram-process {
	background-attachment: scroll;
	background-position: center center !important;
	background-size: cover !important;
	margin-bottom: 0;
	min-height: 560px;
	overflow: hidden;
	padding: 96px 0 0;
}
.ram-process:before {
	background: linear-gradient(90deg, rgba(36,39,44,0.78), rgba(36,39,44,0.58), rgba(36,39,44,0.32));
	opacity: 1;
}
.ram-process .container,
.ram-process .row,
.ram-process .col-lg-7 {
	position: relative;
	z-index: 2;
}
.ram-process-box {
	border-radius: 4px;
	box-shadow: 0 26px 70px rgba(36,39,44,0.22);
	margin-bottom: -64px;
	max-width: 640px;
	padding: 62px 56px;
}
.ram-process-box .skill_content h2 {
	font-size: 42px;
	line-height: 52px;
}
@media only screen and (max-width: 991px) {
	.ram-process {
		min-height: 520px;
		padding: 72px 0 0;
	}
	.ram-process-box {
		margin-bottom: -48px;
		max-width: none;
		padding: 44px 34px;
	}
}
@media only screen and (max-width: 480px) {
	.ram-process {
		min-height: auto;
		padding: 56px 0 0;
	}
	.ram-process-box {
		margin-bottom: -32px;
		padding: 34px 24px;
	}
	.ram-process-box .skill_content h2 {
		font-size: 31px;
		line-height: 40px;
	}
}

/* RAM Soluções fluxo com imagem lateral */
.ram-process {
	background: #f3f3f1 !important;
	margin-bottom: 0;
	min-height: 0;
	overflow: visible;
	padding: 86px 0;
}
.ram-process:before {
	display: none;
}
.ram-process-layout {
	row-gap: 34px;
}
.ram-process-box {
	box-shadow: 0 18px 48px rgba(36,39,44,0.12);
	margin-bottom: 0;
	max-width: none;
	padding: 54px 46px;
}
.ram-process-image-frame {
	background: #fff;
	border: 10px solid #fff;
	box-shadow: 0 22px 58px rgba(36,39,44,0.18);
	min-height: 520px;
	overflow: hidden;
	position: relative;
}
.ram-process-image-frame:before {
	border: 2px solid #f47b20;
	content: '';
	inset: 18px;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}
.ram-process-image-frame img {
	display: block;
	height: 520px;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
@media only screen and (max-width: 991px) {
	.ram-process {
		padding: 64px 0;
	}
	.ram-process-box {
		padding: 42px 32px;
	}
	.ram-process-image-frame,
	.ram-process-image-frame img {
		height: 420px;
		min-height: 420px;
	}
}
@media only screen and (max-width: 480px) {
	.ram-process {
		padding: 46px 0;
	}
	.ram-process-box {
		padding: 32px 22px;
	}
	.ram-process-image-frame {
		border-width: 7px;
	}
	.ram-process-image-frame,
	.ram-process-image-frame img {
		height: 320px;
		min-height: 320px;
	}
	.ram-process-image-frame:before {
		inset: 12px;
	}
}

/* RAM Soluções remove borda interna da imagem do fluxo */
.ram-process-image-frame:before {
	display: none;
}

/* RAM Soluções correções responsivas finais */
@media only screen and (max-width: 768px) {
	.ram-hero .carousel-control-prev,
	.ram-hero .carousel-control-next {
		display: none !important;
	}
	.ram-hero-copy > a,
	.ram-hero-copy > a:visited {
		margin-top: 18px;
		position: relative;
		z-index: 5;
	}
	.ram-contact {
		padding-left: 0;
		padding-right: 0;
	}
	.ram-contact .container {
		max-width: 100%;
		padding-left: 18px;
		padding-right: 18px;
	}
	.ram-contact .row > .col-lg-5,
	.ram-contact .row > .col-lg-7 {
		display: block !important;
		width: 100%;
	}
	.ram-contact-info {
		margin-bottom: 20px;
		padding: 28px 24px;
	}
	.ram-contact-channels {
		display: grid;
		gap: 14px;
		grid-template-rows: none !important;
		width: 100%;
	}
	.ram-channel-card {
		align-items: start;
		display: grid !important;
		grid-template-columns: 52px minmax(0, 1fr) !important;
		min-height: auto;
		padding: 20px 18px;
		width: 100%;
	}
	.ram-channel-card i {
		grid-column: 1 !important;
		grid-row: 1 / span 3 !important;
		height: 46px;
		margin: 0 !important;
		width: 46px;
	}
	.ram-channel-card span,
	.ram-channel-card strong,
	.ram-channel-card p {
		grid-column: 2 !important;
		min-width: 0;
		width: auto;
	}
	.ram-channel-card span {
		font-size: 13px;
		line-height: 18px;
	}
	.ram-channel-card strong {
		font-size: 22px;
		line-height: 27px;
		margin: 2px 0 7px;
		overflow-wrap: anywhere;
		word-break: normal;
	}
	.ram-channel-card p {
		font-size: 14px;
		line-height: 22px;
	}
}
@media only screen and (max-width: 380px) {
	.ram-contact .container {
		padding-left: 12px;
		padding-right: 12px;
	}
	.ram-channel-card {
		grid-template-columns: 46px minmax(0, 1fr) !important;
		padding: 18px 14px;
	}
	.ram-channel-card i {
		height: 40px;
		width: 40px;
	}
	.ram-channel-card strong {
		font-size: 20px;
		line-height: 25px;
	}
}

/* RAM Soluções ações flutuantes sempre visíveis */
.ram-floating-social {
	right: 12px !important;
	bottom: 12px !important;
	gap: 10px !important;
	z-index: 2147483000 !important;
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.ram-floating-social a,
.ram-floating-social .ram-float-top {
	pointer-events: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.ram-floating-social .ram-float-top {
	background: #24272c;
	color: #fff;
}
.ram-floating-social .ram-float-top i {
	font-size: 28px;
}
.ram-floating-social .ram-float-top:hover,
.ram-floating-social .ram-float-top:focus {
	background: #fff;
	color: #24272c;
	transform: translateY(-2px);
}
#topcontrol.topcontrol {
	display: none !important;
}
@media only screen and (max-width: 768px) {
	.ram-floating-social {
		right: 12px !important;
		bottom: 12px !important;
		display: flex !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.ram-floating-social a,
	.ram-floating-social .ram-float-top {
		display: inline-flex !important;
		width: 46px !important;
		height: 46px !important;
		border-radius: 50% !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.ram-floating-social a i {
		font-size: 22px !important;
	}
	.ram-floating-social .ram-float-top i {
		font-size: 27px !important;
	}
}

/* RAM Soluções carrossel de clientes */
.ram-clientes {
	background: #fff;
	padding: 76px 0 70px;
}
.ram-clientes-title {
	margin-bottom: 38px;
}
.ram-clientes-title h2 {
	font-size: 44px;
	font-weight: 600;
	text-transform: none;
}
.ram-clientes-title p {
	color: #5f6670;
	max-width: 720px;
}
.ram-clientes-carousel {
	padding: 6px 0;
}
.ram-cliente-card {
	align-items: center;
	background: #f7f7f5;
	border: 1px solid #e4e4df;
	border-left: 4px solid #f47b20;
	box-shadow: 0 12px 30px rgba(36,39,44,0.08);
	color: #24272c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 168px;
	margin: 0 12px;
	padding: 26px 20px 22px;
	text-align: center;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ram-cliente-card:hover,
.ram-cliente-card:focus {
	background: #fff;
	border-color: #f47b20;
	color: #24272c;
	box-shadow: 0 18px 38px rgba(36,39,44,0.14);
	transform: translateY(-3px);
}
.ram-cliente-card img {
	display: block;
	max-height: 70px;
	max-width: 190px;
	object-fit: contain;
	width: auto;
	margin: 0 auto 18px;
}
.ram-cliente-card span {
	color: #24272c;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}
@media only screen and (max-width: 768px) {
	.ram-clientes {
		padding: 56px 0 52px;
	}
	.ram-clientes-title h2 {
		font-size: 34px;
	}
	.ram-cliente-card {
		min-height: 154px;
		margin: 0 8px;
		padding: 22px 18px 20px;
	}
	.ram-cliente-card img {
		max-height: 62px;
		max-width: 170px;
	}
}

/* RAM Soluções ajuste visual dos cards de clientes */
.ram-cliente-card {
	background: #ffffff;
	border: 0 !important;
	border-left: 0 !important;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(36,39,44,0.10);
	overflow: hidden;
}
.ram-cliente-card:hover,
.ram-cliente-card:focus {
	border: 0 !important;
	box-shadow: 0 18px 42px rgba(36,39,44,0.16);
}
.ram-cliente-card:before {
	background: linear-gradient(90deg, rgba(244,123,32,0.18), rgba(95,102,112,0.08));
	content: '';
	height: 4px;
	left: 18px;
	position: absolute;
	right: 18px;
	top: 0;
	border-radius: 0 0 12px 12px;
}

/* RAM Soluções correção hover CTA hero */
.ram-hero-copy > a,
.ram-hero-copy > a:visited,
.ram-hero-copy > a:hover,
.ram-hero-copy > a:active,
.ram-hero-copy > a:focus {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	min-height: 54px;
	min-width: 156px;
	padding: 14px 22px;
	white-space: nowrap;
	width: auto !important;
	line-height: 1.2;
	text-align: center;
}
.ram-hero-copy > a:hover,
.ram-hero-copy > a:active,
.ram-hero-copy > a:focus {
	background: #f47b20;
	color: #fff;
	transform: translateY(-2px);
}
@media only screen and (max-width: 480px) {
	.ram-hero-copy > a,
	.ram-hero-copy > a:visited,
	.ram-hero-copy > a:hover,
	.ram-hero-copy > a:active,
	.ram-hero-copy > a:focus {
		font-size: 11px;
		min-height: 48px;
		min-width: 134px;
		padding: 12px 16px;
		white-space: nowrap;
	}
}

/* RAM Soluções carrossel de marcas */
.ram-marcas {
	background: #f7f7f5;
	padding: 74px 0 70px;
}
.ram-marcas-title {
	margin-bottom: 38px;
}
.ram-marcas-title h2 {
	font-size: 42px;
	font-weight: 600;
	text-transform: none;
}
.ram-marcas-title p {
	color: #5f6670;
	max-width: 680px;
}
.ram-marcas-carousel {
	padding: 6px 0;
}
.ram-marca-card {
	align-items: center;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(36,39,44,0.10);
	color: #24272c;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 178px;
	margin: 0 12px;
	overflow: hidden;
	padding: 30px 24px 24px;
	position: relative;
	text-align: center;
	transition: transform .25s ease, box-shadow .25s ease;
}
.ram-marca-card:before {
	background: linear-gradient(90deg, rgba(244,123,32,0.18), rgba(95,102,112,0.08));
	content: '';
	height: 4px;
	left: 18px;
	position: absolute;
	right: 18px;
	top: 0;
	border-radius: 0 0 12px 12px;
}
.ram-marca-card:hover {
	box-shadow: 0 18px 42px rgba(36,39,44,0.16);
	transform: translateY(-3px);
}
.ram-marca-card img {
	display: block;
	max-height: 78px;
	max-width: 230px;
	object-fit: contain;
	width: auto;
	margin: 0 auto 18px;
}
.ram-marca-card span {
	color: #24272c;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}
@media only screen and (max-width: 768px) {
	.ram-marcas {
		padding: 54px 0 52px;
	}
	.ram-marcas-title h2 {
		font-size: 32px;
	}
	.ram-marca-card {
		min-height: 158px;
		margin: 0 8px;
		padding: 24px 18px 22px;
	}
	.ram-marca-card img {
		max-height: 68px;
		max-width: 190px;
	}
}

/* RAM Soluções ajustes dos cards de projetos */
.ram-project-card {
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(36,39,44,0.10);
	overflow: hidden;
}
.ram-project-card:hover {
	box-shadow: 0 18px 42px rgba(36,39,44,0.16);
	transform: translateY(-3px);
}
.ram-project-card .gallery_enlarge_icon.ram-project-image {
	background: transparent !important;
	border-radius: 14px 14px 0 0;
	display: block;
	height: auto;
	left: auto;
	line-height: normal;
	opacity: 1;
	position: relative;
	top: auto;
	transform: none;
	width: 100%;
}
.ram-project-card .gallery_enlarge_icon.ram-project-image:hover,
.ram-project-card .gallery_enlarge_icon.ram-project-image:focus {
	background: transparent !important;
	color: inherit;
}
.ram-project-card .ram-project-image img {
	border-radius: 14px 14px 0 0;
	display: block;
	height: 420px;
	object-fit: cover;
	object-position: center;
	transition: transform .28s ease, filter .28s ease;
	width: 100%;
}
.ram-project-card .ram-project-image:hover img,
.ram-project-card .ram-project-image:focus img {
	filter: brightness(.92);
	transform: scale(1.02);
}
.ram-project-card > div {
	border-radius: 0 0 14px 14px;
}
@media only screen and (max-width: 768px) {
	.ram-project-card .ram-project-image img {
		height: 360px;
	}
}

/* RAM Soluções alinhamento dos cards de projetos */
.ram-projects .row {
	align-items: stretch;
}
.ram-projects .row > [class*="col-"] {
	display: flex;
}
.ram-project-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
.ram-project-card .ram-project-image {
	flex: 0 0 auto;
}
.ram-project-card .ram-project-image img {
	height: 300px;
}
.ram-project-card > div {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 186px;
}
.ram-project-card h4 {
	min-height: 58px;
}
.ram-project-card p {
	line-height: 24px;
}
@media only screen and (max-width: 991px) {
	.ram-projects .row > [class*="col-"] {
		display: block;
	}
	.ram-project-card {
		height: auto;
	}
	.ram-project-card .ram-project-image img {
		height: 360px;
	}
	.ram-project-card > div,
	.ram-project-card h4 {
		min-height: 0;
	}
}

/* RAM Soluções transição hero-serviços em degradê */
.ram-services {
	background: linear-gradient(180deg, rgba(36,39,44,0.88) 0%, rgba(246,246,244,0.94) 34%, #f7f7f5 100%);
	margin-top: 0 !important;
	overflow: hidden;
	padding: 112px 0 78px;
	position: relative;
}
.ram-services:before {
	background: linear-gradient(180deg, rgba(36,39,44,0) 0%, rgba(36,39,44,0.52) 38%, rgba(247,247,245,0.96) 100%);
	content: '';
	height: 150px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: -88px;
}
.ram-services .container {
	position: relative;
	z-index: 1;
}
.ram-feature-bg {
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	padding: 0 !important;
}
.ram-services .section-title {
	margin-bottom: 48px;
}
.ram-services .section-title h2 {
	color: #1b2032;
}
.ram-services .section-title p {
	color: #5f6670;
}
.ram-services .no-padding {
	padding: 15px !important;
}
.ram-service-card {
	border-radius: 14px;
	box-shadow: 0 14px 34px rgba(36,39,44,0.10);
	overflow: hidden;
}
@media only screen and (max-width: 768px) {
	.ram-services {
		padding: 86px 0 56px;
	}
	.ram-services:before {
		height: 120px;
		top: -70px;
	}
	.ram-services .section-title {
		margin-bottom: 34px;
	}
	.ram-services .no-padding {
		padding: 10px 15px !important;
	}
}

/* RAM Soluções refinamento da transição hero-serviços */
.ram-services {
	background: linear-gradient(180deg, rgba(247,247,245,0) 0%, rgba(247,247,245,0.58) 36%, #f7f7f5 72%, #f7f7f5 100%) !important;
	margin-top: -150px !important;
	overflow: visible;
	padding: 210px 0 78px !important;
	position: relative;
	z-index: 3;
}
.ram-services:before {
	display: none !important;
}
.ram-feature-bg {
	background: transparent !important;
	box-shadow: none !important;
}
@media only screen and (max-width: 768px) {
	.ram-services {
		margin-top: -110px !important;
		padding: 158px 0 56px !important;
	}
}

/* RAM Soluções transição suave da seção de contato */
.ram-contact {
	background: linear-gradient(180deg, #f7f7f5 0%, #5b6065 14%, #3d4248 32%, #3d4248 78%, #30353a 100%) !important;
	overflow: hidden;
	padding: 118px 0 96px !important;
	position: relative;
}
.ram-contact:before,
.ram-contact:after {
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 0;
}
.ram-contact:before {
	background: linear-gradient(180deg, rgba(247,247,245,0.98) 0%, rgba(247,247,245,0.54) 34%, rgba(61,66,72,0) 100%);
	height: 150px;
	top: 0;
}
.ram-contact:after {
	background: linear-gradient(180deg, rgba(61,66,72,0) 0%, rgba(48,53,58,0.92) 100%);
	bottom: 0;
	height: 120px;
}
.ram-contact .container {
	position: relative;
	z-index: 1;
}
.ram-contact-info,
.ram-channel-card {
	border-radius: 14px;
}
@media only screen and (max-width: 768px) {
	.ram-contact {
		background: linear-gradient(180deg, #f7f7f5 0%, #5b6065 10%, #3d4248 26%, #3d4248 82%, #30353a 100%) !important;
		padding: 88px 0 72px !important;
	}
	.ram-contact:before {
		height: 118px;
	}
	.ram-contact:after {
		height: 96px;
	}
}

/* RAM Soluções transição contato-footer */
.ram-contact {
	padding-bottom: 140px !important;
}
.ram-contact:after {
	background: linear-gradient(180deg, rgba(61,66,72,0) 0%, rgba(36,39,44,0.58) 46%, #24272c 100%) !important;
	height: 190px !important;
}
.ram-footer {
	background: linear-gradient(180deg, #24272c 0%, #24272c 72%, #20242a 100%) !important;
	margin-top: -1px;
	position: relative;
}
.ram-footer .footer_logo,
.ram-footer .single_footer {
	padding-top: 74px;
}
@media only screen and (max-width: 768px) {
	.ram-contact {
		padding-bottom: 108px !important;
	}
	.ram-contact:after {
		height: 150px !important;
	}
	.ram-footer .footer_logo,
	.ram-footer .single_footer {
		padding-top: 42px;
	}
}

/* RAM Soluções tipografia hero mais clean */
.ram-hero-copy {
	top: 26%;
}
.ram-hero-copy > h2 {
	font-size: 20px !important;
	font-weight: 600;
	line-height: 1.35;
	margin-bottom: 10px;
}
.ram-hero-copy > h1 {
	font-size: 58px !important;
	font-weight: 600;
	line-height: 1.08 !important;
	max-width: 720px;
	margin-bottom: 12px;
}
.ram-hero-copy > h3 {
	font-size: 17px !important;
	font-weight: 500;
	line-height: 28px !important;
	max-width: 680px;
	margin-bottom: 28px;
}
.ram-hero-copy > a,
.ram-hero-copy > a:visited,
.ram-hero-copy > a:hover,
.ram-hero-copy > a:active,
.ram-hero-copy > a:focus {
	font-size: 12px;
	min-height: 50px;
	min-width: 152px;
	padding: 13px 22px;
}
@media only screen and (max-width: 991px) {
	.ram-hero-copy > h2 {
		font-size: 17px !important;
	}
	.ram-hero-copy > h1 {
		font-size: 40px !important;
		line-height: 1.12 !important;
		max-width: 560px;
	}
	.ram-hero-copy > h3 {
		font-size: 15px !important;
		line-height: 24px !important;
		max-width: 540px;
	}
}
@media only screen and (max-width: 480px) {
	.ram-hero-copy {
		top: 17%;
	}
	.ram-hero-copy > h2 {
		font-size: 14px !important;
		margin-bottom: 8px;
	}
	.ram-hero-copy > h1 {
		font-size: 31px !important;
		line-height: 1.16 !important;
		margin-bottom: 10px;
	}
	.ram-hero-copy > h3 {
		font-size: 13px !important;
		line-height: 21px !important;
		margin-bottom: 22px;
		max-width: 88%;
	}
	.ram-hero-copy > a,
	.ram-hero-copy > a:visited,
	.ram-hero-copy > a:hover,
	.ram-hero-copy > a:active,
	.ram-hero-copy > a:focus {
		font-size: 10px;
		min-height: 44px;
		min-width: 126px;
		padding: 11px 14px;
	}
}

/* RAM Soluções degradê hero-serviços definitivo */
.ram-services {
	background: linear-gradient(180deg, rgba(247,247,245,0) 0%, rgba(247,247,245,0.36) 30%, rgba(247,247,245,0.82) 58%, #f7f7f5 100%) !important;
	margin-top: -150px !important;
	overflow: visible !important;
	padding: 210px 0 78px !important;
	position: relative;
	z-index: 3;
}
.ram-services:before {
	display: none !important;
}
.ram-services .feature_bg,
.ram-feature-bg {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin-top: 0 !important;
	padding: 0 !important;
}
.ram-services .section-title {
	margin-bottom: 48px;
}
.ram-services .section-title h2,
.ram-services .section-title p {
	position: relative;
	z-index: 1;
}
.ram-services .no-padding {
	padding: 15px !important;
}
@media only screen and (max-width: 768px) {
	.ram-services {
		margin-top: -112px !important;
		padding: 160px 0 56px !important;
	}
	.ram-services .section-title {
		margin-bottom: 34px;
	}
	.ram-services .no-padding {
		padding: 10px 15px !important;
	}
}

/* RAM Soluções projetos em flex para futuro carrossel */
.ram-projects .row {
	align-items: stretch;
	display: flex !important;
	flex-wrap: nowrap;
	gap: 30px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 0 18px;
	scrollbar-width: thin;
}
.ram-projects .row > [class*="col-"] {
	display: flex !important;
	flex: 0 0 360px;
	max-width: 360px;
	padding-left: 0;
	padding-right: 0;
	width: 360px;
}
.ram-projects .ram-project-card {
	width: 100%;
}
@media only screen and (min-width: 1200px) {
	.ram-projects .row > [class*="col-"] {
		flex-basis: 380px;
		max-width: 380px;
		width: 380px;
	}
}
@media only screen and (max-width: 768px) {
	.ram-projects .row {
		gap: 18px;
		padding-bottom: 14px;
	}
	.ram-projects .row > [class*="col-"] {
		flex-basis: 82vw;
		max-width: 82vw;
		width: 82vw;
	}
}

/* RAM Soluções correção flex projetos */
.ram-projects .ram-project-track {
	align-items: stretch;
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 30px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 4px 0 18px;
	width: 100%;
}
.ram-projects .ram-project-item {
	display: flex !important;
	flex: 0 0 380px !important;
	max-width: 380px !important;
	min-width: 380px !important;
	padding: 0 !important;
}
.ram-projects .ram-project-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.ram-projects .ram-project-track {
		gap: 18px;
	}
	.ram-projects .ram-project-item {
		flex-basis: 82vw !important;
		max-width: 82vw !important;
		min-width: 82vw !important;
	}
}

/* RAM Soluções transição hero em virada de página */
#kenburns_061.ram-hero {
	perspective: 1400px;
	transform-style: preserve-3d;
}
#kenburns_061.ram-hero > .carousel-inner {
	background: #24272c;
	overflow: hidden;
	perspective: 1400px;
	transform-style: preserve-3d;
}
#kenburns_061.ram-hero .carousel-item {
	backface-visibility: hidden;
	display: block;
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: rotateY(0deg);
	transform-origin: left center;
	transform-style: preserve-3d;
	transition: none !important;
	z-index: 1;
}
#kenburns_061.ram-hero .carousel-item.active {
	opacity: 1;
	position: relative;
	z-index: 3;
}
#kenburns_061.ram-hero .carousel-item.ram-page-in {
	animation: ramHeroPageIn 1250ms cubic-bezier(.22,.61,.36,1) both;
	position: absolute;
	z-index: 2;
}
#kenburns_061.ram-hero .carousel-item.ram-page-out {
	animation: ramHeroPageOut 1250ms cubic-bezier(.22,.61,.36,1) both;
	position: relative;
	z-index: 4;
}
#kenburns_061.ram-hero .carousel-item.ram-page-out:after {
	background: linear-gradient(90deg, rgba(255,255,255,0.18), rgba(36,39,44,0.34));
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 5;
}
@keyframes ramHeroPageOut {
	0% {
		opacity: 1;
		transform: rotateY(0deg) translateX(0);
	}
	55% {
		opacity: .78;
	}
	100% {
		opacity: 0;
		transform: rotateY(-74deg) translateX(-2%);
	}
}
@keyframes ramHeroPageIn {
	0% {
		opacity: .35;
		transform: translateX(2%) scale(1.015);
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}
@media only screen and (max-width: 768px) {
	#kenburns_061.ram-hero .carousel-item.ram-page-out {
		animation-name: ramHeroPageOutMobile;
	}
	@keyframes ramHeroPageOutMobile {
		0% { opacity: 1; transform: translateX(0); }
		100% { opacity: 0; transform: translateX(-18%); }
	}
}

/* RAM Soluções transição hero estilo PowerPoint */
#kenburns_061.ram-hero {
	perspective: none !important;
}
#kenburns_061.ram-hero > .carousel-inner {
	background: #24272c;
	overflow: hidden;
	perspective: none !important;
}
#kenburns_061.ram-hero .carousel-item {
	backface-visibility: visible !important;
	display: block;
	inset: 0;
	opacity: 0;
	position: absolute;
	transform: translateX(0);
	transform-origin: center center;
	transition: none !important;
	z-index: 1;
}
#kenburns_061.ram-hero .carousel-item.active {
	opacity: 1;
	position: relative;
	z-index: 3;
}
#kenburns_061.ram-hero .carousel-item.ram-page-in {
	animation: ramHeroSlideIn 950ms cubic-bezier(.25,.8,.25,1) both;
	position: absolute;
	z-index: 4;
}
#kenburns_061.ram-hero .carousel-item.ram-page-out {
	animation: ramHeroSlideOut 950ms cubic-bezier(.25,.8,.25,1) both;
	position: relative;
	z-index: 3;
}
#kenburns_061.ram-hero .carousel-item.ram-page-out:after {
	display: none !important;
}
@keyframes ramHeroSlideOut {
	0% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
	100% {
		opacity: .15;
		transform: translateX(-16%) scale(.985);
	}
}
@keyframes ramHeroSlideIn {
	0% {
		opacity: .2;
		transform: translateX(18%) scale(1.01);
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1);
	}
}

/* RAM Soluções legibilidade do texto da hero */
#kenburns_061.ram-hero:after,
.ram-hero:after {
	background: linear-gradient(90deg, rgba(26,29,33,0.62), rgba(36,39,44,0.34), rgba(36,39,44,0.12)) !important;
	z-index: 2;
}
#kenburns_061.ram-hero > .carousel-inner > .carousel-item > img {
	opacity: 0.9 !important;
}
#kenburns_061.ram-hero .ram-hero-copy,
.ram-hero-copy {
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
	z-index: 6 !important;
}
#kenburns_061.ram-hero .ram-hero-copy > h1,
#kenburns_061.ram-hero .ram-hero-copy > h2,
#kenburns_061.ram-hero .ram-hero-copy > h3,
.ram-hero-copy > h1,
.ram-hero-copy > h2,
.ram-hero-copy > h3 {
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
#kenburns_061.ram-hero .ram-hero-copy > h1,
.ram-hero-copy > h1 {
	color: #fff !important;
}
#kenburns_061.ram-hero .ram-hero-copy > h3,
.ram-hero-copy > h3 {
	color: #f5f5f2 !important;
}

/* RAM Soluções correção definitiva de camada da hero */
#kenburns_061.ram-hero,
.ram-hero {
	isolation: isolate;
	position: relative;
}
#kenburns_061.ram-hero:after,
.ram-hero:after {
	background: linear-gradient(90deg, rgba(20,23,27,0.58), rgba(36,39,44,0.28), rgba(36,39,44,0.08)) !important;
	z-index: 1 !important;
}
#kenburns_061.ram-hero > .carousel-inner {
	position: relative;
	z-index: 0 !important;
}
#kenburns_061.ram-hero .carousel-item.active:not(.ram-page-out) {
	opacity: 1 !important;
}
#kenburns_061.ram-hero .carousel-item > img {
	filter: none !important;
	opacity: 1 !important;
}
#kenburns_061.ram-hero .ram-hero-copy,
#kenburns_061.ram-hero .carousel-item.active .ram-hero-copy {
	color: #fff !important;
	filter: none !important;
	opacity: 1 !important;
	position: absolute;
	text-shadow: none !important;
	z-index: 20 !important;
}
#kenburns_061.ram-hero .ram-hero-copy > h1,
#kenburns_061.ram-hero .ram-hero-copy > h3,
#kenburns_061.ram-hero .ram-hero-copy > a {
	color: #fff !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
#kenburns_061.ram-hero .ram-hero-copy > h2 {
	color: #f47b20 !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
#kenburns_061.ram-hero .carousel-control-prev,
#kenburns_061.ram-hero .carousel-control-next {
	z-index: 25 !important;
}

/* RAM Soluções correção real do overlay da hero */
#kenburns_061.ram-hero:after,
.ram-hero:after {
	display: none !important;
}
#kenburns_061.ram-hero .carousel-item {
	isolation: isolate;
	overflow: hidden;
}
#kenburns_061.ram-hero .carousel-item:before {
	background: linear-gradient(90deg, rgba(18,21,25,0.62) 0%, rgba(36,39,44,0.30) 48%, rgba(36,39,44,0.08) 100%);
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}
#kenburns_061.ram-hero .carousel-item > img {
	filter: none !important;
	opacity: 1 !important;
	position: relative;
	z-index: 1;
}
#kenburns_061.ram-hero .kenburns_061_slide,
#kenburns_061.ram-hero .ram-hero-copy {
	color: #fff !important;
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
	z-index: 8 !important;
}
#kenburns_061.ram-hero .kenburns_061_slide > h1,
#kenburns_061.ram-hero .kenburns_061_slide > h3,
#kenburns_061.ram-hero .kenburns_061_slide > a,
#kenburns_061.ram-hero .kenburns_061_slide > a:visited {
	color: #fff !important;
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
#kenburns_061.ram-hero .kenburns_061_slide > h2 {
	color: #f47b20 !important;
	filter: none !important;
	opacity: 1 !important;
	text-shadow: none !important;
}
#kenburns_061.ram-hero .carousel-control-prev,
#kenburns_061.ram-hero .carousel-control-next {
	z-index: 12 !important;
}

/* RAM Soluções diferenciais imagem lateral */
.ram-diferenciais {
	overflow: hidden;
}
.ram-diferenciais-photo {
	border-radius: 0;
	box-shadow: 0 18px 42px rgba(36,39,44,0.14);
	overflow: hidden;
	will-change: transform, opacity;
}
.ram-diferenciais-photo img {
	display: block;
	height: 445px;
	object-fit: cover;
	object-position: center;
	width: 100%;
}
.ramSlideInLeft {
	animation-duration: 1.05s;
	animation-fill-mode: both;
	animation-name: ramSlideInLeft;
}
@keyframes ramSlideInLeft {
	0% {
		opacity: 0;
		transform: translateX(-140px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@media only screen and (max-width: 991px) {
	.ram-diferenciais-photo {
		margin-bottom: 28px;
	}
	.ram-diferenciais-photo img {
		height: 360px;
	}
}
@media only screen and (max-width: 480px) {
	.ram-diferenciais-photo img {
		height: 300px;
	}
}

/* RAM Soluções moldura suave diferenciais */
.ram-diferenciais-photo {
	background: #fff;
	border: 10px solid #fff;
	border-radius: 22px !important;
	box-shadow: 0 18px 42px rgba(36,39,44,0.16);
	overflow: hidden;
	padding: 0;
}
.ram-diferenciais-photo img {
	border-radius: 14px;
	display: block;
}
@media only screen and (max-width: 768px) {
	.ram-diferenciais-photo {
		border-width: 8px;
		border-radius: 18px !important;
	}
	.ram-diferenciais-photo img {
		border-radius: 12px;
	}
}

/* RAM Soluções paleta baseada na logo */
:root {
	--ram-navy: #0b2f5b;
	--ram-blue: #123f73;
	--ram-gold: #caa13a;
	--ram-orange: #caa13a;
	--ram-ink: #26313d;
	--ram-gray: #6f737a;
	--ram-soft: #f6f5f1;
}
.site-navbar.ram-navbar,
.ram-navbar {
	background: rgba(255,255,255,0.98) !important;
	border-bottom: 3px solid var(--ram-gold) !important;
	box-shadow: 0 10px 35px rgba(11,47,91,0.10) !important;
}
.ram-logo a {
	align-items: center;
	display: inline-flex;
	line-height: 1;
}
.ram-logo img {
	display: block;
	height: 72px;
	max-width: 178px;
	object-fit: contain;
	width: auto;
}
.site-navbar.ram-navbar .site-navigation .site-menu > li > a,
.site-navbar.ram-navbar .site-navigation .site-menu a.nav-link,
.sticky-wrapper .site-navbar.ram-navbar .site-menu > li > a,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu > li > a,
.site-navbar.ram-navbar .site-menu-toggle span,
.sticky-wrapper .site-navbar.ram-navbar .site-menu-toggle span,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu-toggle span {
	color: var(--ram-navy) !important;
}
.site-navbar.ram-navbar .site-navigation .site-menu > li > a:hover,
.site-navbar.ram-navbar .site-navigation .site-menu > li > a.active,
.sticky-wrapper .site-navbar.ram-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu > li > a:hover,
.sticky-wrapper.is-sticky .site-navbar.ram-navbar .site-menu > li > a.active {
	color: var(--ram-gold) !important;
}
.ram-hero-copy > h2,
#kenburns_061.ram-hero .kenburns_061_slide > h2,
.ram-service-card i,
.ram-counter i,
.ram-why-list span,
.ram-contact-info i,
.ram-footer .single_footer ul li a:before,
.ram-channel-card span,
.ram-cliente-card span,
.ram-marca-card span {
	color: var(--ram-gold) !important;
}
.ram-hero-copy > a,
.ram-hero-copy > a:visited,
.ram-hero-copy > a:hover,
.ram-hero-copy > a:active,
.ram-hero-copy > a:focus,
.gallery_enlarge_icon,
.ram-float-whatsapp,
.ram-channel-card i,
.ram-steps strong {
	background: var(--ram-gold) !important;
	border-color: var(--ram-gold) !important;
}
.ram-counter,
.ram-footer,
.ram-footer[style],
.ram-process:before {
	background-color: var(--ram-navy) !important;
}
.ram-contact {
	background: linear-gradient(180deg, #f6f5f1 0%, #6f737a 14%, #26313d 32%, #26313d 78%, #0b2f5b 100%) !important;
}
.ram-contact:after {
	background: linear-gradient(180deg, rgba(38,49,61,0) 0%, rgba(11,47,91,0.64) 46%, #0b2f5b 100%) !important;
}
.ram-footer {
	background: linear-gradient(180deg, #0b2f5b 0%, #0b2f5b 72%, #082442 100%) !important;
}
.ram-contact-info,
.ram-why-list div {
	border-left-color: var(--ram-gold) !important;
}
.ram-service-card:hover,
.ram-cliente-card:hover,
.ram-marca-card:hover {
	border-color: var(--ram-gold) !important;
}
.ram-services .section-title h2,
.ram-projects .section-title h2,
.ram-clientes-title h2,
.ram-marcas-title h2,
.ram-process-box h2,
.ram-why-list h4,
.ram-service-card h4,
.single-project h2,
.ram-footer-brand h3,
.single_footer h4 {
	color: var(--ram-navy) !important;
}
.ram-services,
.ram-projects,
.ram-clientes,
.ram-marcas,
.ram-diferenciais-image-section {
	background-color: var(--ram-soft) !important;
}
@media only screen and (max-width: 768px) {
	.ram-logo img {
		height: 48px;
		max-width: 150px;
	}
}

/* RAM Soluções - logo no rodapé */
.ram-footer-brand .ram-footer-logo {
  display: block;
  width: 172px;
  max-width: 100%;
  height: auto;
  margin: 0 0 22px;
  padding: 10px 14px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
}

.ram-footer-brand p {
  margin-top: 0;
}

@media (max-width: 767px) {
  .ram-footer-brand .ram-footer-logo {
    width: 150px;
    margin: 0 auto 18px;
  }
}

/* RAM Soluções - rodapé centralizado com logo */
.ram-footer-brand {
  text-align: center;
}

.ram-footer-brand .ram-footer-logo {
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
}

.ram-footer-brand p {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

/* RAM Soluções - logo sem fundo no rodapé */
.ram-footer-brand .ram-footer-logo {
  background: transparent;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}

/* RAM Soluções - rodapé com fundo na logo */
.ram-footer-brand .ram-footer-logo {
  width: 172px;
  max-width: 100%;
  height: auto;
  padding: 10px 14px;
  background: #ffffff;
  border-radius: 14px;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.18);
  margin: 0 auto 22px;
}

@media (max-width: 767px) {
  .ram-footer-brand .ram-footer-logo {
    width: 150px;
    margin-bottom: 18px;
  }
}

/* RAM Soluções - composição final do rodapé */
.ram-footer .footer_bg {
  align-items: center;
}

.ram-footer-brand {
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
}

.ram-footer-brand .ram-footer-logo {
  display: block;
  width: 176px;
  max-width: 100%;
  height: auto;
  margin: 0 auto 30px;
  padding: 14px 18px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: none;
}

.ram-footer-brand p {
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.55;
}

.ram-footer .single_footer {
  padding-top: 0;
}

@media (max-width: 991px) {
  .ram-footer .footer_bg {
    align-items: flex-start;
  }

  .ram-footer-brand {
    margin-bottom: 34px;
  }
}

@media (max-width: 767px) {
  .ram-footer-brand .ram-footer-logo {
    width: 152px;
    margin-bottom: 22px;
    padding: 12px 15px;
  }
}

/* RAM Soluções - projetos somente com imagem */
.ram-project-card {
  overflow: hidden;
}

.ram-project-card .ram-project-image {
  display: block;
  width: 100%;
  height: 100%;
}

.ram-project-card .ram-project-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* RAM Soluções - grade de projetos em 3 colunas */
.ram-project-track {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  align-items: stretch;
}

.ram-project-track .ram-project-item {
  flex: 0 0 calc(33.333% - 19px);
  max-width: calc(33.333% - 19px);
  margin: 0;
}

.ram-project-card {
  height: 310px;
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(10, 28, 48, 0.12);
}

.ram-project-card .ram-project-image,
.ram-project-card .ram-project-image img {
  display: block;
  width: 100%;
  height: 100%;
}

.ram-project-card .ram-project-image img {
  object-fit: cover;
  transition: transform 0.35s ease;
}

.ram-project-card:hover .ram-project-image img {
  transform: scale(1.04);
}

@media (max-width: 991px) {
  .ram-project-track .ram-project-item {
    flex-basis: calc(50% - 14px);
    max-width: calc(50% - 14px);
  }
}

@media (max-width: 575px) {
  .ram-project-track {
    gap: 20px;
  }

  .ram-project-track .ram-project-item {
    flex-basis: 100%;
    max-width: 100%;
  }

  .ram-project-card {
    height: 280px;
  }
}

/* RAM Soluções - correção definitiva da grade de projetos */
.ram-projects.portfolio_area {
  overflow: visible !important;
}

.ram-projects .ram-project-track {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 28px !important;
  overflow: visible !important;
  width: 100% !important;
}

.ram-projects .ram-project-item {
  display: block !important;
  flex: 0 0 calc(33.333% - 19px) !important;
  max-width: calc(33.333% - 19px) !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.ram-projects .ram-project-card {
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  margin: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 16px 34px rgba(10, 28, 48, 0.12) !important;
}

.ram-projects .ram-project-card .gallery_enlarge_icon.ram-project-image {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  transform: none !important;
  opacity: 1 !important;
}

.ram-projects .ram-project-card .ram-project-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  object-position: center !important;
}

.ram-projects .ram-project-card > div,
.ram-projects .ram-project-card span,
.ram-projects .ram-project-card h4,
.ram-projects .ram-project-card p {
  display: none !important;
}

@media (max-width: 991px) {
  .ram-projects .ram-project-item {
    flex: 0 0 calc(50% - 14px) !important;
    max-width: calc(50% - 14px) !important;
  }
}

@media (max-width: 575px) {
  .ram-projects .ram-project-track {
    gap: 20px !important;
  }

  .ram-projects .ram-project-item {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .ram-projects .ram-project-card {
    height: 300px !important;
  }
}

/* RAM Soluções - carrossel de projetos somente no mobile */
@media (max-width: 575px) {
  .ram-projects .ram-project-track.ram-project-mobile-carousel {
    display: block !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    overflow: hidden !important;
  }

  .ram-projects .ram-project-track.ram-project-mobile-carousel .owl-wrapper-outer {
    overflow: hidden !important;
  }

  .ram-projects .ram-project-track.ram-project-mobile-carousel .owl-item {
    padding: 0 8px;
  }

  .ram-projects .ram-project-track.ram-project-mobile-carousel .ram-project-item {
    display: block !important;
    flex: none !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .ram-projects .ram-project-track.ram-project-mobile-carousel .ram-project-card {
    height: 320px !important;
  }

  .ram-projects .ram-project-track.ram-project-mobile-carousel .owl-controls {
    margin-top: 18px;
  }

  .ram-projects .ram-project-track.ram-project-mobile-carousel .owl-page span {
    background: var(--ram-gold, #caa13a) !important;
  }
}

/* RAM Soluções - título da hero sem H1 duplicado */
.ram-hero-copy > .ram-hero-title {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.05;
  margin: 0 0 12px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .ram-hero-copy > .ram-hero-title {
    font-size: 42px;
  }
}

/* RAM Soluções - alinhamento dos cards de serviços */
.ram-services .ram-feature-bg {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.ram-services .section-title {
  flex: 0 0 100%;
  max-width: 100%;
}

.ram-services .ram-service-col,
.ram-services .feature_bg > .col-lg-3 {
  display: flex;
  margin-bottom: 30px;
}

.ram-services .ram-service-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 340px;
  height: 100%;
}

.ram-services .ram-service-card i {
  flex: 0 0 auto;
  min-height: 50px;
}

.ram-services .ram-service-card h4 {
  min-height: 72px;
  display: flex;
  align-items: flex-start;
}

.ram-services .ram-service-card p {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .ram-services .ram-service-card {
    min-height: 310px;
  }
}

@media (max-width: 575px) {
  .ram-services .ram-service-card {
    min-height: 0;
  }

  .ram-services .ram-service-card h4 {
    min-height: 0;
  }
}

/* RAM Soluções - seção de recarga veicular */
.ram-recarga {
  background: linear-gradient(180deg, #f7f8fa 0%, #ffffff 100%);
  position: relative;
}

.ram-recarga-layout {
  row-gap: 34px;
}

.ram-recarga-content > span {
  color: var(--ram-gold, #caa13a);
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.ram-recarga-content h2 {
  color: var(--ram-navy, #0b2f5b);
  font-size: 44px;
  line-height: 1.16;
  margin-bottom: 18px;
}

.ram-recarga-content p {
  color: #66707b;
  font-size: 16px;
  line-height: 1.75;
}

.ram-recarga-points {
  display: grid;
  gap: 14px;
  margin: 26px 0 28px;
}

.ram-recarga-points > div {
  background: #ffffff;
  border-left: 4px solid var(--ram-gold, #caa13a);
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(10, 28, 48, 0.08);
  padding: 18px 20px;
}

.ram-recarga-points strong {
  color: var(--ram-gold, #caa13a);
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  margin-bottom: 6px;
}

.ram-recarga-points h4 {
  color: var(--ram-navy, #0b2f5b);
  font-size: 20px;
  margin-bottom: 6px;
}

.ram-recarga-points p {
  font-size: 14px;
  line-height: 1.55;
  margin: 0;
}

.ram-recarga-cta {
  align-items: center;
  background: var(--ram-gold, #caa13a);
  border-radius: 8px;
  color: #ffffff;
  display: inline-flex;
  font-family: 'Oswald', sans-serif;
  font-size: 15px;
  font-weight: 700;
  min-height: 52px;
  padding: 0 24px;
  text-transform: uppercase;
}

.ram-recarga-cta:hover,
.ram-recarga-cta:focus {
  background: var(--ram-navy, #0b2f5b);
  color: #ffffff;
}

.ram-recarga-frame {
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 20px 48px rgba(10, 28, 48, 0.16);
  overflow: hidden;
  padding: 10px;
}

.ram-recarga-slide,
.ram-recarga-slide img {
  border-radius: 12px;
  display: block;
  height: 560px;
  overflow: hidden;
  width: 100%;
}

.ram-recarga-slide img {
  object-fit: cover;
  object-position: center;
}

.ram-recarga-carousel .owl-controls {
  margin-top: 14px;
}

.ram-recarga-carousel .owl-page span {
  background: var(--ram-gold, #caa13a) !important;
}

@media (max-width: 991px) {
  .ram-recarga-content h2 {
    font-size: 36px;
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    height: 430px;
  }
}

@media (max-width: 575px) {
  .ram-recarga-content h2 {
    font-size: 30px;
  }

  .ram-recarga-cta {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    height: 320px;
  }
}

/* RAM Soluções - destaque da seção de recarga */
.ram-recarga-content > span {
  font-size: 28px;
  text-align: center;
  width: 100%;
}

/* RAM Soluções - carrossel mobile após o título de recarga */
.ram-recarga-mobile-frame {
  display: none;
}

@media (max-width: 991px) {
  .ram-recarga-frame {
    display: none;
  }

  .ram-recarga-mobile-frame {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 20px 48px rgba(10, 28, 48, 0.16);
    display: block;
    margin: 22px 0 24px;
    overflow: hidden;
    padding: 10px;
  }
}

/* RAM Soluções - limitar carrossel de recarga reorganizado ao mobile */
@media (min-width: 768px) {
  .ram-recarga-frame {
    display: block !important;
  }

  .ram-recarga-mobile-frame {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ram-recarga-frame {
    display: none !important;
  }

  .ram-recarga-mobile-frame {
    display: block !important;
  }
}

/* RAM Soluções - posicionamento desktop do carrossel de recarga */
@media (min-width: 992px) {
  .ram-recarga-layout {
    align-items: flex-start !important;
  }

  .ram-recarga-layout > .col-lg-6:last-child {
    display: flex;
    align-self: stretch;
    align-items: center;
    padding-top: 86px;
  }

  .ram-recarga-frame {
    width: 100%;
	
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    height: 390px;
  }
}

/* RAM Soluções - recarga desktop na posição superior */
@media (min-width: 992px) {
  .ram-recarga-content > span {
    font-size: 22px;
    margin-bottom: 8px;
    text-align: center;
  }

  .ram-recarga-content h2 {
    margin-bottom: 16px;
  }

  .ram-recarga-layout > .col-lg-6:last-child {
    align-items: flex-start !important;
    padding-top: 52px !important;
  }

  .ram-recarga-frame {
    max-width: 430px;
    margin-left: 0;
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    height: 265px !important;
  }
}

/* RAM Soluções - molde maior do carrossel de recarga no desktop */
@media (min-width: 992px) {
  .ram-recarga-frame {
    max-width: 500px;
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    height: 330px !important;
  }
}

/* RAM Soluções - composição aprovada da seção de recarga */
.ram-recarga-head span {
  color: var(--ram-gold, #caa13a);
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.ram-recarga .ram-recarga-content > span {
  display: none !important;
}

.ram-recarga-points-wide {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 18px 0 0;
}

.ram-recarga-points-wide > div {
  min-height: 94px;
  padding: 14px 18px;
}

.ram-recarga-points-wide > div:nth-child(3) {
  grid-column: 1 / -1;
  justify-self: center;
  max-width: 520px;
  width: 50%;
}

.ram-recarga-action {
  margin-top: 54px;
}

@media (min-width: 992px) {
  .ram-recarga-layout {
    align-items: flex-start !important;
  }

  .ram-recarga-content h2 {
    font-size: 34px;
    line-height: 1.16;
    margin-bottom: 12px;
  }

  .ram-recarga-content p {
    font-size: 13px;
    line-height: 1.65;
    margin-bottom: 6px;
  }

  .ram-recarga-desktop-col {
    display: block !important;
    padding-top: 34px !important;
  }

  .ram-recarga-frame {
    max-width: 520px !important;
    margin: 0 auto;
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    height: 270px !important;
  }

  .ram-recarga-points h4 {
    font-size: 16px;
    margin-bottom: 4px;
  }

  .ram-recarga-points strong {
    font-size: 20px;
    margin-bottom: 4px;
  }

  .ram-recarga-points p {
    font-size: 12px;
    line-height: 1.45;
  }
}

@media (max-width: 991px) {
  .ram-recarga-head span {
    font-size: 24px;
  }

  .ram-recarga-points-wide {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

  .ram-recarga-points-wide > div:nth-child(3) {
    grid-column: auto;
    max-width: none;
    width: 100%;
  }

  .ram-recarga-action {
    margin-top: 28px;
  }
}

/* RAM Soluções - ajuste fino da imagem de recarga no desktop */
@media (min-width: 992px) {
  .ram-recarga-head span {
    margin-bottom: 8px !important;
  }

  .ram-recarga-layout {
    align-items: flex-start !important;
  }

  .ram-recarga-desktop-col,
  .ram-recarga-layout > .col-lg-6:last-child {
    align-items: flex-start !important;
    display: flex !important;
    justify-content: center;
    padding-top: 8px !important;
  }

  .ram-recarga-frame {
    border-radius: 16px !important;
    max-width: 520px !important;
    padding: 9px !important;
    width: 100% !important;
  }

  .ram-recarga-slide,
  .ram-recarga-slide img {
    border-radius: 10px !important;
    height: 280px !important;
  }

  .ram-recarga-slide img {
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* RAM Soluções - posição superior do título Serviço em destaque */
@media (min-width: 992px) {
  .ram-recarga {
    padding-top: 94px !important;
  }

  .ram-recarga-head span {
    margin-bottom: 86px !important;
    text-align: center !important;
  }

  .ram-recarga-layout {
    margin-top: 0 !important;
  }
}