/*
Author       : themes_oceans
Template Name: Natalia - Responsive App Landing Page template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US DESIGN
    05. START FEATURE ONE AND FEATURE TWO DESIGN
    06. START AMAZING FEATURES DESIGN
    07. START HOW IT WORKS DESIGN
    08. START APP SCREENSHOT DESIGN
    09. START HOW IT WORKS DESIGN
    10. START PRICING DESIGN
    11. START TESTIMONIAL DESIGN
    12. START DOWNLOAD DESIGN
    13. START FAQ DESIGN
    14. START NEWSLETTER DESIGN
    15. START CONTACT ADDRESS & CONTACT FORM DESIGN
    16. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #304C8D;
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
  color: #000;
}
a {
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
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;
}

.status-mes {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid rgba(0, 0, 0, 0.08);
    border-right: 8px solid rgba(0, 0, 0, 0.08);
    border-bottom: 8px solid rgba(0, 0, 0, 0.08);
    border-left: 8px solid #304C8D;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #304C8D none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { 
	margin-bottom: 60px; 
	margin-top: 60px;
}
.section-title h2 {
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}
.line{
border-bottom: 2px dashed #304C8D;
display: block;
margin: 15px auto;
width: 80px;
position:relative;
}
.section-title p{font-size: 18px;}
@media only screen and (max-width:480px) { 
.section-title  p{padding:0 15px}
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img{
	width: 140px;
	height: auto;
}
.bg-faded {
	background-color:transparent;
	transition: all 0.5s ease 0s;
}
@media only screen and (max-width:767px) { 
.bg-faded {background-color:#304C8D;}
}
.navbar-fixed {
    z-index: 999;
    position: fixed;
    opacity: .98;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background: #304C8D;
	box-shadow: 0px 60px 60px rgba(0,0,0,0.2);
}
@media only screen and (max-width:767px) { 
.navbar-fixed {background: #304C8D;}
}
#navigation{
	padding: 20px 0; background-color: #304C8D;
}
@media screen and (max-width:480px){
#navigation{
	padding: 15px 0;
}
}
#navigation.navbar-fixed {
	padding: 20px 0;
}
.header_right {
	display: flex;
	flex-basis: auto;
}
#main-menu{
	margin-top: 5px;
}
#main-menu ul{
	list-style-type: none;
}
#main-menu ul li{
	display: inline-block;
	padding:0px 10px;
	position: relative;
}
#main-menu ul li a {
	color: #6A83D1;
	font-size: 16px;
	text-transform: capitalize;
	font-weight:500;
	transition: .3s;
}

@media only screen and (max-width:1024px) {
#main-menu ul li{padding:0px 4px;} 
#main-menu ul li a {font-size: 16px;}
}
@media only screen and (max-width:960px) {
#main-menu ul li{padding:0px 6px;} 
#main-menu ul li a {font-size: 14px;}
}
@media only screen and (max-width:800px) {
#main-menu ul li{padding:0px 4px;} 
}
#navigation.navbar-fixed #main-menu ul li a{
	color: #6A83D1;
}
#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#fff;
}
#main-menu ul li a:hover,
#main-menu ul li a:focus{
	color:#fff;
}
.slicknav_nav_icon{
	color: #fff;
	font-size: 24px;
}
.slicknav_menu .slicknav_icon::before {
	background: transparent;
	width: 1.125em;
	height: 0.875em;
	display: block;
	content: "\e68e";
	position: absolute;
	font-family: 'themify';
	color: #fff;
	font-size: 20px;
}
#mobile_menu{display: none;}
@media only screen and (max-width:767px) { 
.navbar-default {
padding: 10px!important;
}
.navbar-collapse{
margin-top: 15px;
}

#navigation ul li a{ 
position: inherit;
color: #232434;

}

#navigation ul li ul ,
#navigation ul li ul li ul{
opacity: 1;
position: inherit;
top: 0;
transition: all 0.3s ease 0s;
z-index: 1;
visibility: visible;
background: #fff none repeat scroll 0 0;
box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
padding: 15px;
left: 0;
background: #f7f7f7;
list-style: none;
width: 100%;
}



#navigation ul li ul.sub-menu li{
z-index: 1;
}

#navigation ul li:hover ul.sub-menu{
top:0;
opacity:1;
z-index:999;
visibility:visible;
}
#main-menu{
display: none;
}	
#mobile_menu{
display: block;
width: 100%;
}
.slicknav_nav ul li a{
color: #fff !important;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 600;
}
	
}
@media only screen and (max-width:767px) { 
  .navbar-brand {
    padding-top: 20px;
  }
.slicknav_menu {
	font-size: 16px;
	box-sizing: border-box;
	background: transparent;
	padding: 0;
	margin-top: 10px;
}  
}
@media only screen and (max-width:568px) { 
.slicknav_menu {
	margin-top: -40px;
}
}
@media only screen and (max-width:480px) { 
.slicknav_menu {
	margin-top: -40px;
}
}

.menu_social {
  margin-top: 10px;
}
.menu_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.menu_social ul li { display: inline-block }
.menu_social ul li a i{
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 30px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
color: #fff;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 0 2px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:768px) { 
.menu_social ul li a i{color: #333;}
}
.facebook{background:#507cbe;color:#fff !important;border:1px solid #507cbe;}
.twitter{background:#304C8D;color:#fff !important;border:1px solid #304C8D;}
.skype{background:#304C8D;color:#fff !important;border:1px solid #304C8D;}
.youtube{background:#d12121;color:#fff !important;border:1px solid #d12121;}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 732px;
    position: relative;
	background:#304C8D;
}
@media only screen and (max-width:768px) { 
.home_bg {height: 980px;}
}

@media only screen and (max-width:480px) { 
.home_bg {height: 965px;}
}
@media only screen and (max-width:414px) { 
	.home_bg {
		height: 900px;
	}
}
@media only screen and (max-width:375px) {
	.home_bg {
		height: 885px;
	}
	.hero-text-img {
		padding-top: 20px;
	}
}

@media only screen and (max-width:360px) { 
.home_bg {height: 1100px;}
}
@media only screen and (max-width:320px) { 
.home_bg {height: 1100px;}
}
.hero-text h2 {
	color: #fff;
	font-size: 45px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 50px;
	padding-top: 250px;
	text-transform: initial;
	
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
font-size: 40px;
line-height: 46px;
padding-top:130px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 120px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
    color: #fff;

}
.home_btn{
margin-left: -10px;
margin-top: 30px;
}
.home_btn a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 50px;
color: #fff;
display: inline-block;
padding: 10px 23px;
margin: 0 5px 15px;
transition: all 0.3s ease 0s;
}
.home_btn a:hover{
background:#fff;color:#6A83D1;
}
.home_btn a i{
font-size: 20px;
margin-right: 5px;
vertical-align: middle;
}

.hero-text-img {
    padding-top: 124px;
}
.hero-text-img img {
  width: 100%;
}
@media only screen and (max-width:960px) { 
.hero-text-img img {width: 100%;}
}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top: 20px; }
}
@media only screen and (max-width:480px) { 
.hero-text-img{
display: inline-block;
padding-top: 20px;
}
.hero-text-img img {width: 100%;}
}
@media only screen and (max-width:414px) { 
.hero-text-img{padding-top: 20px; }
}

@media only screen and (max-width:360px) { 
.hero-text-img{padding-top: 20px; }
}
@media only screen and (max-width:320px) { 
.hero-text-img{padding-top: 20px; }
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about-content{background:#f8f8f8;}
.single_about{
background: #fff none repeat scroll 0 0;
margin-left: -1px;
padding: 60px 40px;
position:relative;
box-shadow:0 0 3px rgba(0, 0, 0, 0.15);
z-index:2;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.single_about{padding: 60px 28px;}
}
.single_about:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
}
.single_about:hover i{
background: #304C8D none repeat scroll 0 0;
border: 1px solid #304C8D;
color: #fff;
}
.single_about i {
	border: 1px solid #304C8D;
	border-radius: 100px;
	color: #fff;
	font-size: 24px;
	height: 80px;
	line-height: 80px;
	margin-bottom: 20px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 80px;
	background: #304C8D;
}
.single_about h4 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	margin-top: 0;
	text-transform: capitalize;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.feature-one{}
.single_feature_img{text-align: center;}
.single_feature_img img{display: inline-block;}
.single_feature_one{padding-top: 170px;}
@media only screen and (max-width:768px) { 
.single_feature_one{padding-bottom: 50px;
padding-top: 0;}
}
.single_feature_one h3 {
	font-size: 52px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
	text-transform: capitalize;
	margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.single_feature_one h3 {
	font-size: 30px;
	line-height: 40px;
}
}
.single_feature_one p {
	margin-bottom: 35px;
	margin-top: 10px;
}

/*START FEATURE TWO DESIGN*/
.feature-two{}
.single_feature_two{}
.single_feature_two h3{
	font-size: 52px;
	font-weight: 600;
	line-height: 60px;
	margin: 0;
	text-transform: capitalize;
	margin-bottom: 30px;
}
@media only screen and (max-width:480px) { 
.single_feature_two h3 {
	font-size: 30px;
	line-height: 40px;
}
}
.single_feature_two p{	margin-bottom: 35px;
	margin-top: 10px;}
.single_feature_two_img{}

.single_feature_two_img img{}
/*END FEATURE TWO DESIGN*/
.single_feature_btn_light {
	background: #304C8D none repeat scroll 0 0;
	color: #fff;
	font-size: 16px;
	outline: medium none !important;
	padding: 12px 36px;
	text-transform: capitalize;
	transition: all 0.2s ease 0s;
	display: inline-block;
	border-radius: 500px;
	font-weight: 500;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
.single_feature_btn_light:hover,
.single_feature_btn_light:focus {
    background: #304C8D;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
    color: #fff;
}

/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE ONE AND FEATURE TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 06.START AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.amazing_feature {
background:#fbfbfb;
padding-top:60px;
padding-bottom:30px;
}
.single_feature {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px;
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.1);
	border-radius: 5px;
}
.single_feature i {
color: #304C8D;
font-size: 24px;
float: left;
margin-right:20px;
margin-bottom: 20px;
}
.single_feature h3 {
	text-transform: capitalize;
	font-size: 18px;
	overflow: hidden;
}
.single_feature p {
margin-bottom: 0;
overflow: hidden;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END AMAZING FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 07.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_how_it_work {
  padding-bottom: 60px;
}
.single_how_work_img{}
@media only screen and (max-width:768px) { 
    .single_how_work_img { margin-bottom: 60px; }
}
.single_how_work {
	padding: 0 30px;
	padding-right: 0;
}
.single_how_work h4 {
  letter-spacing: 1px;
  margin-top: 0;
  font-size: 24px;
  text-transform: uppercase;
}
.single_how_work span{
border-bottom:2px dashed #304C8D;
display: block;
margin: 15px 0;
position: relative;
width: 80px;
}
.single_how_work p{
margin-bottom:15px;	
}
.single_how_work_btn{margin-top:30px;}
/*
* ----------------------------------------------------------------------------------------
* 07.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/.s-slider .item { margin: 5px }
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center; margin-bottom: 30px;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #304C8D !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top:60px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {
padding: 150px 0;
position: relative;
}
.about_video:before {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.video-container h3 {
color: #fff;
font-weight: 400;
margin-top: 20px;
text-transform: uppercase;
margin-bottom: 0;
}
@media only screen and (max-width:320px) { 
    .video-container h3 { font-size: 20px }
}
.video-play  {
	background: #304C8D;
	border-radius: 500px;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	height: 90px;
	line-height: 90px;
	position:relative;
	-webkit-transition:all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 90px;
	z-index:999;
}
.video-play:hover i {
	color: #fff;
}
.video-play:after, .video-play:before {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index:-1;
}
.video-play:before, .video-play:after {
	position: absolute;
	top: 84%;
	left: 83%;
	margin-top: -90px;
	margin-left: -90px;
	background: #304C8D;
	-webkit-animation: pulse 3s linear infinite;
	animation: pulse 3s linear infinite;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.video-play:after {
  -webkit-animation: pulse 3s linear 2.3s infinite;
          animation: pulse 3s linear 2.3s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}
.modal-content {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-top: 100px;
    text-align: center;
    box-shadow: none;
    border: none;
}
.modal-content iframe { border: none }
/*
* ----------------------------------------------------------------------------------------
* 09.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/

.our_team{background:#f8f8f8;}
@media only screen and (max-width:768px) { 
.our_team{padding-bottom:20px}
}
.single_team{
background:#fff;
	border-radius: 3px;
	transition: 0.3s; padding: 35px 25px;
margin-bottom: 25px; 
}
.single_team:hover{box-shadow:0px 20px 20px rgba(0,0,0,0.1);}
@media only screen and (max-width:768px) { 
.single_team{margin-bottom:40px}
}
.single_team img{}
.single_team h4 {
	margin-top: 25px;
	text-transform: capitalize;
	margin-bottom: 5px; color: #304C8D; font-size: 30px;
font-weight: 600; line-height: 40px;
text-transform: capitalize;
}
.single_team p{font-size: 16px;
color: #777;}
.team_social {
	margin-top: 10px;
	padding-bottom: 0px; float: initial;
}
.team_social ul{
list-style:none;
text-align:center;}
.team_social ul li{display:inline-block;}
.team_social ul li a {
color: #6A83D1; font-size: 20px;
padding: 9px;
}
.team_social ul li a:hover{color:#6A83D1;}

/*
* ----------------------------------------------------------------------------------------
* 10.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/.single-pricing {
background: #fff none repeat scroll 0 0;
border-radius: 5px;
box-shadow:0 10px 40px -10px rgba(0,64,128,.2);
padding-bottom: 35px;
padding-top: 30px;
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom:40px}
}
.single-pricing-block{
    box-shadow:0 10px 40px -10px rgba(0,64,128,.3);
	background:#304C8D;
}
.block-caption small {
  color: #304C8D;
  font-size: 26px;
  position: relative;
  top: -17px;
}
.block-caption-white small{
	color:#fff;
    position: relative;
    top: -17px;
    font-size: 26px;
}
.single-pricing h4 { margin-bottom: 0px;
  font-size: 16px;
  text-transform: uppercase;
}
.single-pricing ul {
  margin-bottom: 20px;
}
.single-pricing ul li{list-style:none;}
.single-pricing ul li {
border-bottom: 1px solid rgba(153, 153, 153, 0.3);
padding: 12px 0;
}
.single-pricing-block h4{color:#fff;}
.single-pricing-block h1{color:#fff;}
.block-caption {
  color: #304C8D;
}

.single-pricing-block ul li {
color:#fff;
    padding: 12px 0;
	font-size: 15px;
    border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}
.single-pricing-block ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
padding: 12px 0;
font-size: 15px;
}
.btn-pricing-bg {
	background: #304C8D none repeat scroll 0 0;
	color: #fff;
	font-size: 16px;
	outline: medium none !important;
	padding: 12px 36px;
	text-transform: capitalize;
	transition: all 0.2s ease 0s;
	display: inline-block;
	border-radius: 500px;
	font-weight: 500;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background:#304C8D;
    color: #fff;
    border: 2px solid #304C8D;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
}
.btn-pricing-bg-block{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
color: #304C8D;
}
.btn-pricing-bg-block:hover,
.btn-pricing-bg-block:focus {
    background:#fff;
    color: #304C8D;
    border: 2px solid #fff;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.3);
}
/*
* ----------------------------------------------------------------------------------------
* 10.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{background-color: #314C8C;}
.testimonial .pic{
    display: inline-block;
    width: 100%;
    height: auto;
    border-radius: 0%;
    margin: 0 15px 15px 0;
}
.testimonial .pic img{
width: auto;
height: auto;
border-radius: 0%;
}
.testimonial .testimonial-profile{
    display: inline-block;
    position: relative;
    top: 15px;
}
.testimonial .title{
display: block;
font-size: 18px;
font-weight: 700;
margin: 0 0 7px;
text-transform: uppercase;
}
.testimonial .post{
    display: block;
}
.testimonial .description{
    padding: 0px;
    background: transparent;
    line-height: 25px;
    margin: 0;
    position: relative;
    color: #fff; font-weight: 400;
font-size: 20px;
line-height: 32px;
}
.testimonial .description:before,
.testimonial .description:after{
    content: "";
    border-width: 18px 0 0 18px;
    border-style: solid;
    border-color: #f7f7f7 transparent transparent;
    position: absolute;
    bottom: -18px;
    left: 0;
    display: none;
}
.testimonial .description:after{
    border-width: 18px 18px 0 0;
    left: auto;
    right: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/ 
/*
* ----------------------------------------------------------------------------------------
* 12.START DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
.download {background:#304C8D none repeat scroll 0 0;}
.download_icon h2 {
  color: #fff;
  font-weight:600;
  margin-top: 0;
}
.download_icon span{
border-bottom: 1px dashed #fff;
display: block;
margin: 20px auto;
position: relative;
width: 80px;
}
.download_icon p{color:#fff;margin-bottom: 40px;}
.download_icon img { margin: 0 10px }
@media only screen and (max-width:480px) { 
    .download_icon img { margin-bottom: 10px }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END DOWNLOAD DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_faq{background: #f7f7f7 none repeat scroll 0 0;padding-top:60px;padding-bottom:30px;}
.faq_desc { 
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
padding: 40px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.question {
	/* color: #47495a; */
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 20px;
	margin-bottom: 10px;
}
.question span {
	font-weight: 700;
    margin-right: 10px;
}
.ans span {
    margin-right: 5px;
	font-weight: 700;
	color: #304C8D;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 14.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter_section {
	background: #304C8D;
	padding:100px 0;
}
.newsletter-title {
color: #fff;
font-weight: 700;
margin-bottom: 30px;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
.newsletter-title {
font-size: 22px;
margin-bottom: 30px;
margin-top: 0;
text-align: center;
}
}
.newsletter input {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius:0px !important;
box-shadow: none;
color: #333;
font-family: montserrat,sans-serif;
font-size: 14px;
height: 50px !important;
}
.newsletter input:hover,
.newsletter input:focus {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}
.newsletter_form_border{
background: #fff none repeat scroll 0 0;
display: block;
height: 2px;
margin: auto auto 30px;
width: 100px;	
}
.btn-newsletter-bg {
background: #333 none repeat scroll 0 0;
border: 2px solid #333;
border-radius: 0;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
margin-left: 20px;
padding: 8px 20px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {padding: 7px 20px;}
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {margin-left:0px;  }
}
/*
* ----------------------------------------------------------------------------------------
* 14.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 15.START CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_area{background:#f7f7f7;}
.contact {
	overflow: hidden;
}
@media only screen and (max-width:960px) { 
.contact {
	margin-bottom:60px;
}
}
.form-control {
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: none;
color: #333;
height:53px;
}
.form-control:hover,
.form-control:focus {
    border: 1px solid #fff;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
	background: #304C8D none repeat scroll 0 0;
	border-radius: 0;
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
	outline: medium none !important;
	padding: 15px 27px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	font-weight: 600;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #fff;
    color: #333;
}
@media only screen and (max-width:320px) { 
    .btn-contact-bg { padding: 10px 25px }
}
.mb0 { margin-bottom: 0 }
/*START CONTACT ADDRESS*/
.contact_address{
padding:0px 40px;
}
.single_address {
margin-bottom: 22px;
overflow: hidden;
}
.single_address:last-child {
	margin-bottom: 0px;
}
.single_address i {
	color: #304C8D;
	font-size: 20px;
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
	padding-top: 12px;
}
.single_address h4 {
	text-transform: uppercase;
	font-size: 16px;
}
.single_address p {
	margin-bottom: 0;
	overflow: hidden;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.contact_social ul li { display: inline-block }
.contact_social ul li a {
border-radius: 30px;
color: #fff;
display: block;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-right: 3px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:320px) { 
.contact_social ul li a {margin-bottom: 3px; }
}
.contact_social ul li a:hover { color: #fff;background:#304C8D; }
.f_facebook{background:#3B5998;}
.f_twitter{background:#1A90D9;}
.f_google{background:#FF5252;}
.f_linkedin{background:#0077B5;}
.f_youtube{background:#D32322;}
.f_skype{background:#01A4E0;}
/*END CONTACT ADDRESS*/
/*
 * ----------------------------------------------------------------------------------------
 * 15.END CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.map iframe{
width:100%;
height:450px;
border:0px;
}
/*
* ----------------------------------------------------------------------------------------
* 16.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {padding:40px 0; background-image: url('/assets/img/fundo-rodape.png');}
/*END FOOTER SOCIAL DESIGN*/

.footer_menu ul {
    margin: 0;
    padding: 0;
	text-align:center;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display:inline-block; }
@media only screen and (max-width:480px) { 
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
	color: #6A83D1; text-transform: uppercase;
	margin: 0 10px;
	border-bottom: 1px solid #304C8D;
	display: block;
	font-weight: 500; font-size: 12px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.footer_menu ul li a:hover {color: #fff; }
.social_profile {margin-top:25px;}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
text-align: center;
}
.social_profile ul li{display: inline-block;}
.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*/

.copyright p {
	margin-bottom: 0;
	margin-top: 5px;
	text-align: center; font-size: 14px;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/






.botao {background-color: #506EB6; padding: 5px 20px 7px !important; border-radius: 3px;}
.botao a {color: #fff !important;}
.amazing_feature.simple_yet_effective h2 {color: #314C8C; text-transform: initial; font-weight: 700; font-size: 48px;}
.amazing_feature.simple_yet_effective p {font-size: 16px; color: #777;}
.amazing_feature.simple_yet_effective .single_feature i {color: #6484D7; font-size: 24px; float: initial; margin-bottom: 20px; text-align: center; width: 100%;}
.amazing_feature.simple_yet_effective .single_feature {width: 100%; margin: auto; text-align: center; background: #F9F9F9; box-shadow: 0 0px 0px 0px rgba(0,64,128,.1); height: 100%;}
.amazing_feature.simple_yet_effective .single_feature img {margin-bottom: 15px;}
.amazing_feature.simple_yet_effective .single_feature h3 {color: #000; font-weight: 700; font-size: 22px; text-transform: initial; margin-bottom: 15px;}
.amazing_feature.simple_yet_effective .single_feature img.descricao {margin-bottom: 0px; margin-top: 25px; width: 100%;}
.amazing_feature.simple_yet_effective .row {margin-bottom: 30px;}
.amazing_feature.simple_yet_effective .single_feature p {font-size: 16px; color: #777; min-height: 110px;}
.amazing_feature.simple_yet_effective .single_feature.imagem {padding: 0px;}
.amazing_feature.simple_yet_effective .single_feature.texto {height: 504px;}



.single_feature.center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh; /* This is optional, adjust as needed */
}

.row.equal-height {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.feature-one {
  background-image: url('/assets/img/fundo-rodape.png');
  background-repeat: repeat-x;
  background-position: bottom;
}

.rodape h3 {
color: #314C8C;
font-size: 48px;
line-height: 56px;
text-transform: initial;
margin-bottom: 10px;}
.rodape p {color: #777;}
.rodape h4 {color: #fff;
font-size: 24px;
line-height: 32px;
text-transform: initial; margin-top: 70px;}

.see-plocs-in-action {width: 100%;}
.footer_menu {
  float: left;
}
.footer p {color: #6A83D1; text-align: right;}
.copyright {
  width: 100%;
}
.estrelas {margin-bottom: 25px; padding-top: 40px;}
.testimonial h2 {color: #fff; text-transform: initial; font-size: 48px; line-height: 64px;}
.nome {color: #6A83D1; font-size: 16px; line-height: 24px; font-weight: 700;}
.nome span {color: #fff;}

.nome-pequeno {color: #6A83D1; font-size: 16px; line-height: 24px; font-weight: 700; margin-top: 45px;}
.nome-pequeno span {color: #fff;}

.testimonial .owl-item {margin: 0px 20px; width: 535px !important;}
.owl-theme .owl-controls .owl-page span {background-color: #fff !important;}
  
.equipa #team {margin-top: 90px;}

.equal-height {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.footer .team_social {float: right;}

.missao #team {margin-top: 90px;}
.preco #pricing {margin-top: 90px;}
.work #pricing {margin-top: 90px;}
.privacidade  #pricing {margin-top: 90px;}
.contactos #contact {margin-top: 90px;}
.termos-uso #pricing {margin-top: 90px;}
.single-pricing h3 {font-size: 16px;
text-transform: uppercase;
color: #6A83D1;}
#active-plocs .numero {font-size: 44px; line-height: 54px;}
.work .single-pricing ul li {
  border-bottom: 0px solid rgba(153, 153, 153, 0.3);
  padding: 0px 0;
}

.work .single-pricing h5 {margin-top: 25px;}
.work .single-pricing h1 {margin-top: 15px;}
#mobile_menu {
	z-index: 100;
}
#navigation .col-lg-1.col-sm-4.col-xs-2 {
	z-index: 99;
}



@media (max-width:1199px) { 
.amazing_feature.simple_yet_effective .single_feature.texto {height: 420px;}
.testimonial .owl-item {margin: 0px 20px; width: 425px !important;}

}
@media (max-width:991px) { 
.testimonial .owl-item {margin: 0px 20px; width: 265px !important;}
}
@media (max-width:767px) { 
.testimonial .owl-item {margin: 0px 0px; width: 100% !important;}
.owl-wrapper {width: 100% !important;}
.nome-pequeno {margin-top: 20px; margin-bottom: 40px;}

}


@media (max-width:575px) { 
.amazing_feature.simple_yet_effective .single_feature.texto {height: auto;}
.amazing_feature.simple_yet_effective .single_feature p {min-height: 0px;}
}
@media (min-width:768px) {
	.mobile-area-cliente {
		display: none;
	}
}