/*
Author       : themes_mountain
Template Name: Modkha - Bootstrap4 App Landing Page
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 US DESIGN
    05. START ABOUT US DESIGN
    06. START HOW IT WORKS DESIGN
    07. START FEATURES DESIGN
    08. START APP SCREENSHOT DESIGN
    09. START COUNTER & VIDEO DESIGN
    10. START TEAM DESIGN
    11. START TESTIMONIAL DESIGN
    12. START PRICING DESIGN
    13. START FAQ DESIGN
    14. START DOWNLOAD BUTTON DESIGN
    15. START BLOG DESIGN
    16. START COMPANY PARTNER LOGO
    17. START NEWSLETTER DESIGN
    18. START CONTACT DESIGN
    19. START  MAP & SOCIAL DESIGN
    20. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #767676;
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 26px;
font-weight: 400;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Quicksand', sans-serif;
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
font-family: 'Quicksand', sans-serif;	
text-decoration: none;
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: 300;
  font-family: 'Quicksand', sans-serif; }

:-moz-placeholder {
  font-weight: 300;
 font-family: 'Quicksand', sans-serif; }

::-moz-placeholder {
  font-weight: 300;
  font-family: 'Quicksand', sans-serif; }

:-ms-input-placeholder {
  font-weight: 300;
  font-family: 'Quicksand', sans-serif; }
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-color: #ff6100;
  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);
  }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding {padding: 80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h1 {
color: #333;
font-size: 36px;
font-weight: 600;
margin-bottom: 0;
margin-top: 0;
position: relative;
text-transform: capitalize;
}

@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:24px;}
}
.icon_wrap {
display: inline-block;
padding: 10px 0;
position: relative;
}
.icon_wrap:before {
    position: absolute;
    content: '';
    background-color: #ff6100;
    height: 2px;
    left: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap:after {
    position: absolute;
    content: '';
    background-color: #ff6100;
    height: 2px;
    right: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap i {
    font-size: 22px;
    color: #ff6100;
}
.icon_wrap_white:before {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 2px;
    left: -30px;
    width: 100%;
    top: 50%;
}
.icon_wrap_white:after {
    position: absolute;
    content: '';
    background-color: #fff;
    height: 2px;
    right: -30px;
    width: 100%;
    top: 50%;
}
.section-title-white-span{background: #fff !important;}
h1.section-title-white{
color: #fff;
font-size: 36px;
font-weight: 500;
margin-top: 0;
position: relative;
margin-top: 0;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
h1.section-title-white {font-size:24px;}
}
p.section-title-white{color:#fff;}
.section-title  p{
padding: 0 10px;
width: 80%;
margin: auto;	
}
@media only screen and (max-width:768px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
color: #ff6100;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar {padding: 25px 0;}
.bg-faded {
background-color: transparent;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.bg-faded {background:#333;}
}
.navbar-brand img {
  width: 300px;
}
.navbar-light .navbar-nav .nav-link {
color: #fff;
font-family: quicksand,sans-serif;
font-size: 16px;
font-weight: 500;
padding: 0 18px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.navbar-light .navbar-nav .nav-link {padding: 8px 0px;}
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #ff6100 !important;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open > .nav-link {
  color: #ff6100  !important;
}
.navbar-light .navbar-toggler {
  border-color: #fff;
  border-radius: 0px;
}
.navbar-light .navbar-toggler {
  float: right;
  margin: 14px;
  cursor: pointer;
    background-color: #ff6100;
  border-color: #ff6100;
  border-radius: 0;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 32 32\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(0, 0, 0, 0.5)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 8h24M4 16h24M4 24h24\'/%3E%3C/svg%3E");
}
.navbar-light .navbar-toggler i {
  color: #666!important;
}
.site-navigation {
    border-radius: 0px;
}
@media only screen and (max-width:480px) { 
.collapse.show {
  display: block;
  padding: 0!important;
}
}
.navbar-fixed {
    z-index: 99999;
    position: fixed;
    width: 100%;
	padding:10px 0;
    top: 0;
    -webkit-animation: fadeInDown 800ms;
    animation: fadeInDown 800ms;
    -webkit-backface-visibility: hidden;
    border-radius: 0px;
    background:#fff;
	 box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width:768px) { 
.navbar-fixed {background:#fff;}
}
.navbar-fixed.navbar-light .navbar-nav .nav-link{color:#333;}

@media only screen and (max-width:768px) { 
.navbar-fixed.navbar-light .navbar-nav .nav-link{color:#333;}
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
@media only screen and (max-width:768px) { 
#fw_al_007 {margin-top: 114px;}
}
@media only screen and (max-width:480px) { 
#fw_al_007 {margin-top: 114px;}
}
.home_bg {
    height: 700px;
    position: relative;
}
@media only screen and (max-width:768px) { 
.home_bg {height: 1350px;}
}

@media only screen and (max-width:480px) { 
.home_bg {height: 1150px;}
}
@media only screen and (max-width:414px) { 
.home_bg {height: 1150px;}
}
@media only screen and (max-width:375px) { 
.home_bg {height: 1150px;}
}

@media only screen and (max-width:360px) { 
.home_bg {height: 1100px;}
}
@media only screen and (max-width:320px) { 
.home_bg {height: 1100px;}
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.home_bg_solid{background:#ff6100;}
.hero-text h2 {
	color: #fff;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 60px;
	margin-bottom: 0;
	padding-top: 200px;
	/* text-transform: uppercase; */
	font-family: montserrat,sans-serif;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
font-size: 40px;
line-height: 46px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 200px;
        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;
	font-weight: 400;
	padding: 16px 0 40px;
	letter-spacing: 0.2px;
	word-spacing: 1px;
}
.home_btn a {
	margin: 0px 10px;
	margin-left: 0px;
	margin-right: 20px;
}
@media only screen and (max-width:480px) { 
.home_btn a {margin-bottom:20px;}
}
.google-bg {
	background: #ff6100 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 2px solid #ff6100;
	border-radius: 30px;
}
.google-bg:hover{
background: #fff none repeat scroll 0 0;
	color: #333;
	border: 2px solid #fff;
}
.btn-app-bg{
	background: #fff none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 2px solid #fff;
	border-radius: 30px;
}
.btn-app-bg:hover{
background: #ff6100 none repeat scroll 0 0;
	color: #fff;
	border: 2px solid #ff6100;
}
.hero-text-img {
    padding-top: 150px;
}
@media only screen and (max-width:768px) { 
.hero-text-img{padding-top:40px; }
}
@media only screen and (max-width:480px) { 
.hero-text-img{
display: inline-block;
}
.hero-text-img img {width: 100%;}
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.about-content {}
.single_about{
padding-bottom: 40px;
position: relative;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:480px) { 
.about-content{padding-bottom: 30px;}
}
@media only screen and (max-width:480px) { 
.single_about{margin-bottom: 60px;}
}
.single_about::after {
  background: transparent none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  bottom: 0;
  content: "";
  height: 10px;
  left: 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single_about:hover:after{
    border-color: #ff6100;
}
.single_about .single_about_icon{
    font-size: 30px;
    color: #ff6100;
}

.single_about h4{
font-weight: 500;
margin-bottom: 15px;
margin-top: 25px;
text-transform: capitalize;
}
.single_about p{
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/
 
/*
 * ----------------------------------------------------------------------------------------
 *  05.START ABOUT US + TWO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.about-us {
padding-bottom: 80px;
}
.about-us-content { margin-top: 40px;}
.about-us-content h2 {
font-size: 26px;
font-weight: 600;
line-height: 34px;
margin: 0 0 24px;
}
.about-us-content p {}
@media only screen and (max-width:768px) { 
    .about_img { width: 100% }
}
@media only screen and (max-width:768px) { 
    .about_img { margin-top: 60px;
text-align: center; }
}

.btn-all-bg {
	background: #ff6100 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-top: 40px;
	padding: 8px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 2px solid #ff6100;
	border-radius: 30px;
}
.btn-all-bg:hover{
background: #fff none repeat scroll 0 0;
	color: #333;
	border: 2px solid #ff6100;
}

.about-us-two {
padding-bottom: 80px;
}
.about-us-content-two { margin-top: 100px;}
.about-us-content-two h2 {
font-size: 26px;
font-weight: 600;
margin: 0 0 24px;
}
.about-us-content-two p {}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END  ABOUT US + TWO DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 07.START FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/
.more_features {
background:#eaf3ff;
padding-bottom: 50px;
padding-top: 80px;
}
.single_more_feature {
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px 0 rgb(236, 236, 236);
margin-bottom: 30px;
border-radius: 3px;
padding: 60px 42px;
}
.single_more_feature .single_icon{}
.single_more_feature .single_icon span{
border-bottom: 5px solid #ff6100;
color: #ff6100;
font-size: 40px;
}
.single_more_feature .single_icon h3 {
	color: #333;
	font-size: 20px;
	font-weight: 500;
	margin-top: 40px;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.single_more_feature p {
	margin: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END FEATURES DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 08.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.s-slider .item { margin: 5px }
.s-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}
/*
* ----------------------------------------------------------------------------------------
* 08.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
 
/*
* ----------------------------------------------------------------------------------------
* 09.START COUNTER & VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.complete-project-area {}
.single-project-complete{text-align: center;}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:60px;}
}
@media only screen and (max-width:480px) { 
.single-project-complete {margin-bottom:60px;}
}
.single-project-complete i{
color:#ff6100;	
font-size: 30px;
margin-bottom:15px;
}
.single-project-complete h2 {
font-size: 45px;
font-weight: 600;
margin: 10px 0 15px;
}
.single-project-complete h3 {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.5px;
margin-top: 0;
margin-bottom: 0px;
text-transform: uppercase;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END COUNTER & VIDEO DESIGN
* ----------------------------------------------------------------------------------------
*/ 

/*
* ----------------------------------------------------------------------------------------
* 10.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.our_team{background:#eaf3ff;}
.single_team{
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 15px 0 rgb(236, 236, 236);
margin: 0 15px 0px;
padding-bottom: 40px;
}
.single_team img{margin-bottom:35px;}
.single_team h4{
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
text-decoration: none;
text-transform: capitalize;	
}
.single_team p{margin: 20px auto 15px;text-transform: capitalize;}

.single_team_social ul{list-style: outside none none;
text-align: center;} 
.single_team_social ul li{display: inline-block;} 
.single_team_social a {
  display: block;
}
.single_team_social ul li a i {
	color: #333;
	margin: 5px;
	transition: all 0.2s ease-in-out 0s;
	vertical-align: middle;
}
.single_team_social ul li a i:hover{color:#ff6100;}
.owl-theme .owl-controls{
    width: 100%;
    height: 50px;
	display: block!important;
    opacity: 1;
    position: absolute;
    top: 38%;
}
.owl-theme .owl-controls .owl-buttons div {
	width: 50px;
	height: 50px;
	line-height: 45px;
	border-radius: 30px;
	background: #fff;
	box-shadow: 0px 3px 60px 0px rgba(0,0,0,0.06);
}
.owl-theme .owl-controls .owl-buttons div {
	opacity: 1;
}
.owl-prev{
    position: absolute;
    left: -5%;
}
.owl-next{
    position: absolute;
    right: -5%;
}
.owl-prev:after,
.owl-next:after{
    content: "\f104";
    font-family: 'FontAwesome';
    font-size: 30px;
    color: #ff6100;
    opacity: 1;
}
.owl-next:after{ content: "\f105"; }
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
}
/*
* ----------------------------------------------------------------------------------------
* 10.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/ 

 /*
* ----------------------------------------------------------------------------------------
* 11.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{
    padding: 20px 20px 20px 90px;
    margin: 10px 20px 70px 55px;
    border-left: 3px solid #ff6100;
    position: relative;
}
.testimonial:after{
    content: "";
    border-bottom: 25px solid #ff6100;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    position: absolute;
    bottom: -24px;
    left: -26px;
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #ff6100;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -50px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
text-transform: capitalize;
}
.testimonial .post{
color: #ff6100;
display: block;
font-size: 16px;
margin-top: 5px;
text-transform: capitalize;
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 0 20px 60px;
        margin: 10px 20px 50px 50px;
    }
    .testimonial .title{ font-size: 20px; }
}
.testimonial .description {
  margin-top: 10px;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
 
/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-plan{
background:#eaf3ff;
}
.pricingTable {
border-radius: 5px;
box-shadow: 0 5px 15px 0 rgba(236, 236, 236, 0.3);
overflow: hidden;
}
.pricingTable .pricingTable-header{
    padding: 30px 0;
    background: #ff6100;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable .pricingTable-header:before,
.pricingTable .pricingTable-header:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #d9d9d8;
    position: absolute;
    bottom: 12px;
}
.pricingTable .pricingTable-header:before{
    left: 40px;
}
.pricingTable .pricingTable-header:after{
    right: 40px;
}
.pricingTable .heading{
color: #fff;
font-size: 24px;
font-weight: 600;
margin-bottom: 24px;
margin-top: 0;
text-transform: capitalize;
}
.pricingTable .price-value{
color: #fff;
display: inline-block;
font-size: 50px;
font-weight: 600;
position: relative;
transition: all 0.3s ease 0s;
}
.pricingTable:hover .price-value{
    color: #fff;
}
.pricingTable .currency{
font-size: 30px;
font-weight: 600;
left: -18px;
position: absolute;
top: -10px;
}
.pricingTable .month{
bottom: 15px;
color: #fff;
font-size: 16px;
position: absolute;
right: -34px;
text-transform: uppercase;
top: 15px;
}
.pricingTable .pricing-content{
    padding-top: 50px;
    background: #fff;
    position: relative;
}
.pricingTable .pricing-content:before,
.pricingTable .pricing-content:after{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    top: 12px;
}
.pricingTable .pricing-content:before{
    left: 40px;
}
.pricingTable .pricing-content:after{
    right: 40px;
}
.pricingTable .pricing-content ul{
    padding: 0 20px;
    margin: 0;
    list-style: none;
}
.pricingTable .pricing-content ul:before,
.pricingTable .pricing-content ul:after{
    content: "";
    width: 8px;
    height: 46px;
    border-radius: 3px;
    background: linear-gradient(to bottom,#eaf3ff 50%,#eaf3ff 50%);
    position: absolute;
    top: -22px;
    z-index: 1;
    box-shadow: 0 0 5px #707070;
    transition: all 0.3s ease 0s;
}

.pricingTable .pricing-content ul:before{
    left: 44px;
}
.pricingTable .pricing-content ul:after{
    right: 44px;
}
.pricingTable .pricing-content ul li{
border-bottom: 1px solid #eee;
padding: 10px 0;
}
.pricingTable .pricing-content ul li:last-child{
    border-bottom: none;
}
.pricingTable .read {
	background: #ff6100 none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin: 30px 0;
	padding: 8px 40px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	border: 2px solid #ff6100;
	border-radius: 30px;
}
.pricingTable .read:hover{
	background:#fff;
	border: 2px solid #ff6100;
	color:#333;
    text-decoration: none;
}
@media screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 25px; }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_faq{}
.card {
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  background-color: #fff;
  border: medium none;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media only screen and (max-width:480px) { 
.card-body {
  padding: 20px 10px;
}
}
.card-header {
  background-color: #eaf3ff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
}
.collapse.show {
  display: block;
  padding: 15px 36px;
}
.btn-link {
border-radius: 0;
color: #333;
cursor: pointer;
font-family: quicksand,sans-serif;
font-size: 20px;
font-weight: 600;
outline: 0 none;
text-transform: capitalize;
}
@media only screen and (max-width:414px) { 
.btn-link {font-size: 14px;
padding: 0;}
}
.btn-link:hover,.btn-link:focus{
color:#ff6100;	
text-decoration:none;
outline: 0 none;
}
.collapse.show {
  display: block;
  padding: 15px 30px;
}
/*
* ----------------------------------------------------------------------------------------
* 13.END FAQ DESIGN
* ----------------------------------------------------------------------------------------
*/ 
 
/*
* ----------------------------------------------------------------------------------------
* 14.START DOWNLOAD BUTTON DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.download_app_section {}
.download_app_section {
position: relative;
}
.download_app_section:before {
    background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.app_download{}
.app_download h1{
color:#fff;	
font-size: 44px;
font-weight: 600;
}
@media only screen and (max-width:360px) { 
.app_download h1{font-size: 30px;}
}
.app_download p {
	color: #fff;
	letter-spacing: 0.5px;
	margin-bottom: 40px;
	margin-top: 20px;
	word-spacing: 1px;
}
.btn-google-download-bg {
  background: #fff none repeat scroll 0 0;
  border-radius: 5000px;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 15px 30px;
  transition: all 0.3s ease 0s;
}
.btn-google-download-bg:hover{box-shadow:0 12px 22px rgba(0,0,0,.15);}
.btn-app-download-bg {
  background: #ff6100 none repeat scroll 0 0;
  border-radius: 5000px;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 15px 30px;
  transition: all 0.3s ease 0s;
}
.btn-app-download-bg:hover{box-shadow:0 12px 22px rgba(0,0,0,.15);}

@media only screen and (max-width:480px) { 
.btn-google-download-bg {margin-bottom: 20px;}
}
/*
* ----------------------------------------------------------------------------------------
* 14.END DOWNLOAD BUTTON DESIGN
* ----------------------------------------------------------------------------------------
*/ 

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.our_blog{background:#eaf3ff;}
.single_blog{
background: #fff none repeat scroll 0 0;
box-shadow: 0px 2px 2px rgba(0,0,0,0.04);
margin: 0px 15px;	
}
@media only screen and (max-width:768px) { 
.single_blog { margin-bottom:60px; }
}
.single_blog_pd{
padding: 20px 40px 40px;
overflow: hidden;	
}
@media only screen and (max-width:320px) { 
.single_blog_pd{
padding: 20px 20px 20px;
overflow: hidden;	
}
}
.single_blog_pd a {
	margin-top: 0px;
}
.single_blog img{}
.single_blog h4 {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 20px;
	margin-bottom: 15px;
}
.single_blog p{margin-bottom: 20px;}
.blog_info{
border-top: 1px solid #eee;
padding-top: 20px;
}
.blog_info span{}
.blog-date{
color: #ff6100;
margin-bottom: 15px;	
display: block;	
}
.social_share{
float: right;
text-transform: uppercase;
color: #333;
}
@media only screen and (max-width:480px) { 
.social_share {
  color: #333;
  float: left;
  margin-top: 20px;
  text-transform: uppercase;
}
}
.social_share ul{
float: right;
list-style: outside none none;
margin-top: -10px;
margin-left: 15px;
}
.social_share ul li{float: left;}
.social_share ul li a{
border-radius: 30px;
color: #fff;
display: block;
font-weight: normal;
height: 45px;
line-height: 45px;
margin: 0 5px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 45px;
}
@media only screen and (max-width:320px) { 
.social_share ul li a{
border-radius: 30px;
color: #fff;
display: block;
font-weight: normal;
height: 40px;
line-height: 40px;
margin: 0 3px;
text-align: center;
text-transform: uppercase;
transition: all 0.3s ease 0s;
width: 40px;
}
}
.share_facebook { background: #5D82D1 }
.share_twitter { background: #40BFF5 }
.share_google { background: #EB5E4C }
.share_linkedin { background: #238CC8 }
.share_youtube { background: #EB5E4C }

.social_share ul li a:hover{box-shadow: 0px 2px 10px rgba(0,0,0,0.2);}

.section-content {
position: relative;
height: 400px;
background:#282828;
}
.section-blog-title{
color: #fff;
font-weight: 700;
margin-top: 200px;
text-transform: uppercase;	
}
.single_blog_mb{margin-bottom:60px;}
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #000;
font-size: 13px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.blog_search, .latest_blog, .advertisement_post, .video_post, .categories, .tag, .upcoming_event {
	margin-bottom: 30px;
	background: #fff;
	padding: 30px 30px;
	border-radius: 3px;
	border-top: 3px solid #ff6100;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.06);
}
.tag{overflow: hidden;}
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
background: #f9f9f9 none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 0;
color: #282828;
transition: all 0.3s ease 0s;
height: 50px;
}
.blog_search input:focus{border: 1px solid #ff6100;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
font-size: 15px;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #ff6100 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
color: #282828;
font-size: 15px;
font-weight: 300;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #ff6100 }
.single_upcoming_event span i{margin-right:5px;color: #777 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #333;
	display: block;
	font-size: 14px;
	font-weight: 300;
	padding: 5px 0;
	font-family: ubuntu,sans-serif;
}
.categories ul li a:hover { color: #ff6100 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 1px solid #eee;
	border-radius: 30px;
	color: #333;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 500;
	margin: 6px 4px;
	padding: 5px 16px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #ff6100;
    color: #fff;
    border: 1px solid #ff6100;
}
/*END BLOG SIDEBAR DESIGN*/
/*START BLOG SINGLE PAGE DESIGN*/
.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: 60px;
    overflow: hidden;
}
.single_author {
    background: #fff  none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid #ff6100;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 {text-transform: uppercase;
font-size: 16px;
font-weight: 600;
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: 500;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 1px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #fff;
    padding: 20px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #ff6100;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;}
.single_comment p { margin-bottom: 0 }
.comment_form input, .comment_form textarea  {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border-color: currentcolor currentcolor #eee;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #282828;
font-size: 14px;
font-weight: 500;
padding: 15px 0;
}

.comment_form textarea {

}
@media only screen and (max-width:768px) { 
    .comment_form textarea { width: 100% }
}
.comment_form input:hover,.comment_form input:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #282828;
    outline: 0 none;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #282828;
    outline: 0 none;
}
/*END BLOG SIDEBAR*/
/*
* ----------------------------------------------------------------------------------------
* 15.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/ 

/*
* ----------------------------------------------------------------------------------------
* 16.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {}
.partner { text-align: center }
.partner img {
opacity: 0.6;
transition: all 0.3s ease 0s;
}
.partner img:hover {
opacity:1;
}
.partner.owl-theme .owl-controls {display: none!important;}
/*
* ----------------------------------------------------------------------------------------
* 16.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 17.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/ 
.newsletter{
background:#ff6100;
padding:80px 0 90px;
}
.newsletter_subscribe{}
.newsletter_subscribe h3{
color: #fff;
font-size: 36px;
font-weight: 600;
line-height: 46px;
margin-bottom: 30px;
text-align: center;
text-transform: capitalize;
}
.subscribe {
	display: block;
	position: relative;
	margin-top: 15px;
	width: 100%;
}
.subscribe__input {
background-color: #fff;
border: medium none;
border-radius: 500px;
color: #333;
display: block;
font-size: 18px;
font-weight: 500;
height: 60px;
letter-spacing: 0.4px;
margin: 0;
padding: 0 60px 0 20px;
text-align: center;
text-transform: capitalize;
width: 100%;
}
@media only screen and (max-width:768px) { 
.subscribe__input{
width: 62%;
margin:0 auto;
}
}
@media only screen and (max-width:480px) { 
.subscribe__input{
width: 80%;
}
}
@media only screen and (max-width:414px) { 
.subscribe__input{
width: 85%;
}
}
@media only screen and (max-width:375px) { 
.subscribe__input{
width: 90%;
}
}
.subscribe__btn {
background-color: transparent;
border-radius: 0 25px 25px 0;
color: #333;
cursor: pointer;
display: block;
font-size: 24px;
height: 60px;
position: absolute;
right: 0;
top: 0;
width: 60px;
}
.subscribe__btn i{transition: all 0.3s ease 0s;}
@media only screen and (max-width:768px) { 
.subscribe__btn{right: 135px;}
}
@media only screen and (max-width:480px) { 
.subscribe__btn{right: 50px;}
}
@media only screen and (max-width:414px) { 
.subscribe__btn{right: 40px;}
}
@media only screen and (max-width:375px) { 
.subscribe__btn{right: 20px;}
}
.subscribe__btn:hover i{
	color:#ff6100;
}
button {
	padding: 0;
	border: none;
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 17.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/ 

/*
* ----------------------------------------------------------------------------------------
* 18.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact {}
.contact input {
	background: #f7f7f7 none repeat scroll 0 0;
	border: 1px solid #eee;
	border-radius: 30px;
	box-shadow: none;
	color: #333;
	height: 52px;
	padding: 10px;
	padding-left: 30px;
}
.contact textarea {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 30px;
    box-shadow: none;
    color: #333;
    padding: 10px;
	padding-left: 30px;
}
.contact input:focus {
	background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ff6100;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:focus {
	background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #ff6100;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #ff6100  !important;
border: 2px solid #ff6100 !important;
border-radius: 3px;
box-shadow: none;
color: #fff!important;
cursor: pointer;
font-size: 14px;
font-weight: 600;
padding: 15px 40px !important;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #fff!important;
    color: #ff6100!important;
    border: 2px solid #ff6100!important;
}
.single-address {
	padding: 100px 40px;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}
.contact_address h3{
color: #333;
font-size: 30px;
font-weight: 600;
margin-bottom: 40px;
text-transform: capitalize;
}
.single-address i {
color: #ff6100;
font-size: 30px;
margin-bottom: 24px;
}
.single-address h4 {
	color: #333;
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.single-address p {
    margin-bottom: 0;
}

/*
* ----------------------------------------------------------------------------------------
* 18.END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 19.START MAP & SOCIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.map{height:400px;}
.map iframe{width:100%;}
.social_profiles{}
.single_social_profile{} 
.single_social_profile h4{
color: #333;
font-size: 30px;
font-weight: 600;
margin-bottom: 50px;
text-align: center;
text-transform: capitalize;
}
.single_social_profile h4::after {
  background: #333 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 2px;
  margin: 20px auto auto;
  width: 60px;
} 
.single_social_profile ul{list-style: outside none none;
text-align: center;} 
.single_social_profile ul li{display: inline-block;} 
.single_social_profile ul li a {
	color: #fff;
	font-size: 16px;
	padding: 0px 10px;
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
	transition: all 0.2s ease-in-out 0s;
	vertical-align: middle;
	border: 2px solid #ff6100;
	padding: 10px 30px;
	display: block;
	border-radius: 30px;
	margin: 3px;
	background: #ff6100;
}
.single_social_profile ul li a:hover{
background:#fff;
color: #333;
border: 2px solid #ff6100;
} 
/*
* ----------------------------------------------------------------------------------------
* 19.START MAP & SOCIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
 
/*
* ----------------------------------------------------------------------------------------
* 20.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
border-top: 1px solid #eee;
padding: 30px 0;
}
.footer_copyright p {
margin: 0;
text-transform: capitalize;
}
/*
* ----------------------------------------------------------------------------------------
* 20.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/