/*
Author       : themes_master
Template Name: Montaz - One Page Parallax
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 ONE+TWO+THREE DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START SERVICE PROMOTION DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START COUNTER DESIGN
    11. START PRICING DESIGN
    12. START TESTIMONIALS DESIGN
    13. START BLOG DESIGN
    14. START CONTACT FORM & ADDRESS DESIGN
    15. START FOOTER DESIGN
    16. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
color: #444;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 26px;
background:#fff;
overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Nunito', sans-serif;
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #1d293e;
  font-weight: 400;
}
a {
font-family: 'Nunito', sans-serif;
text-decoration: none;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
  margin: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #1d293e;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 8px solid #fff;
    border-right: 8px solid #fff;
    border-bottom: 8px solid #fff;
    border-left: 8px solid #1d293e;
    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*/
.section-padding {padding: 80px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title h1 {
	color: #1d293e;
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:24px;}
}
.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: 70%;
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: #1d293e none repeat scroll 0 0;
border-radius: 30px;
bottom: 5px;
box-shadow:0 0 10px rgba(0, 0, 0, 0.08);
color: #fff;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
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;
}
.topcontrol:hover {
    background: #1d293e;
    color: #fff;
}
/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar {padding: 25px 0;}
.bg-faded {
background-color: transparent;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.bg-faded {background:#fff;}
}
.navbar-brand img {
  width: 150px;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	padding: 0 15px;
	text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.navbar-light .navbar-nav .nav-link {color: #1d293e;padding: 8px 0px;}
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #f54336 !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: #f54336  !important;
}
.navbar-light .navbar-toggler {
  border-color: #fff;
  border-radius: 0px;
}
.navbar-light .navbar-toggler {
  float: right;
  margin: 14px;
  cursor: pointer;
    background-color: #f54336;
  border-color: #f54336;
  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:#1d293e;}

@media only screen and (max-width:768px) { 
.navbar-fixed.navbar-light .navbar-nav .nav-link{color:#1d293e;}
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
    height: 700px;
    position: relative;
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.65);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text {padding-top: 250px;}
.hero-text h1 {
color: #fff;
font-size: 60px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 0;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h1 {font-size: 40px;}
}
.hero-text h5 {
	color: #fff;
	text-transform: capitalize;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 300;
	margin-bottom: 10px;
}
.hero-text p {
color: #eee;
font-size: 15px;
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 25px;
margin-top: 10px;
word-spacing: 2px;
}
.home_btn a{
margin-bottom: 20px;
margin-right: 20px;
}
.learn_btn {
background:#1d293e;
border: 2px solid #1d293e;
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 400;
overflow: hidden;
padding: 10px 45px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.learn_btn {padding: 10px 40px;}
}
.learn_btn:hover{
background:#fff;
color:#1d293e;
border: 2px solid #fff;
}

.get_btn {
background: #f54336;
border: 2px solid #f54336;
border-radius: 5000px;
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 400;
overflow: hidden;
padding:10px 45px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:360px) { 
.get_btn {padding: 10px 40px;}
}
.get_btn:hover{
background:#fff;
color:#2b2b2b;
border: 2px solid #fff;
}

/*START OTHER HOME PAGE CSS*/
#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.home_video{height: 750px;position:relative;}
.home_video:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
left: 0;
position: absolute;
text-align: center;
top: 38%;
-webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
width: 100%;
z-index: 15;
}
video { min-width: 100% }

/*START HOME SLIDER DESIGN*/
.flexslider .slides > li:first-child {
	display: block; 
}
.flexslider.loading .slides > li:first-child {
	opacity: 1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
} 
.flexslider{
	position: relative;	
	margin: 0;
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0;
	overflow: hidden;
	background: none;
}
#home-slider .slides li{
	height: 700px;
	background-size: cover!important;
	 position: relative;
}
#home-slider .slides li:after {
    position: absolute;
    background:rgba(0, 0, 0, 0.5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.flex-control-nav {
  width: 20px;
  bottom: auto;
  z-index: 20;
  top: 40%;
  right: 20px; 
 }

.flex-control-nav li {
  display: block;
  margin: 0 0 6px 0; 
 }

.flex-control-paging li a {
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 100%;
  box-shadow: none; 
 }
.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover {
  background: #FFF;
  border-color: #FFF; 
}
#home-slider.flexslider.loading {
  position: relative; 
}
#home-slider.flexslider.loading:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    right: 20px;
    top: 40%;
    margin: 0 0 0 -15px;
    border: 4px solid #3cd2ad;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; 
}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/*END HOME SLIDER DESIGN*/
/*END OTHER HOME PAGE CSS*/
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START ABOUT US ONE+TWO+THREE DESIGN
* ----------------------------------------------------------------------------------------
*/
.about-us {}
.about-us-one {}
.about-title {
	width: 60%;
	margin: auto;
	margin-bottom: 60px;
	line-height: 46px;
	font-weight: 600;
}
@media only screen and (max-width:480px) { 
.about-title {width: 90%;}
}
.single-about-one {
	background: #fff;
	padding: 60px 40px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	border-bottom: 3px solid #fff;
	transition: 0.3s;
}
@media only screen and (max-width:768px) { 
.single-about-one {margin-bottom:30px;}
}
.single-about-one:hover{border-bottom: 3px solid #f54336;}
.about-icon {
	margin-bottom: 30px;
	font-size: 26px;
	color: #fff;
	background: #f54336;
	width: 80px;
	height: 80px;
	line-height: 65px;
	border-radius: 100px;
	margin: auto;
	margin-bottom: 20px;
	border: 8px solid #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
.single-about-one h3 {
	font-size: 20px;
	margin: 10px 0 15px;
	text-transform: capitalize;
	font-weight: 600;
}
@media only screen and (max-width:768px) { 
.single-about-one h3 {font-size: 20px;}
}
@media only screen and (max-width:480px) { 
.single-about-one h3 {font-size: 26px;}
}
.single-about-one p {
	text-align: justify;
}
/*START ABOUT US TWO*/
.single-about-two {
	padding: 0px 40px;
	padding-top: 40px;
}
@media only screen and (max-width:768px) { 
.about-us-two{padding:0px;}
.single-about-two {padding-top:0px;}
.single-about-two {padding-bottom:60px;}
}
.single-about-two h4 {
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}
.single-about-two h3 {
	font-weight: 600;
	font-size: 36px;
	line-height: 46px;
	margin-bottom: 20px;
}
.single-about-two p{margin-bottom: 20px;
	text-align: justify;		
}
.about_btn{}
.about_btn a {
	background: #f54336;
	color: #fff;
	padding: 10px 40px;
	border-radius: 30px;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 0.5px;
	transition: 0.2s;
	display: inline-block;
}
.about_btn a:hover{
background:#1d293e;
color:#fff;
}
/*END ABOUT US TWO*/


/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT US ONE+TWO+THREE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 06.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our-service{
padding-top:80px;
padding-bottom:50px;
}
 .servicebox{
background: #fff none repeat scroll 0 0;
border-radius: 3px;
box-shadow:0 0 40px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
padding: 60px 30px;
position: relative;
}
.servicebox .service-icon {
	margin-bottom: 30px;
	font-size: 26px;
	color: #fff;
	background: #f54336;
	width: 80px;
	height: 80px;
	line-height: 65px;
	border-radius: 100px;
	margin: auto;
	margin-bottom: 20px;
	border: 8px solid #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
.servicebox h3 {
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}
.servicebox p{margin-bottom: 20px;}
.more-service{
    color:#1d293e;
    font-size:16px;
    font-weight:600;
	text-transform:capitalize;
	text-align: justify;
    position: relative;
    transition: color 0.20s linear;
}
.more-service:hover{
    text-decoration:none;
    color:#f54336;
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
 

/*
* ----------------------------------------------------------------------------------------
* 07. START SERVICE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact_promotion {
position: relative;
padding:100px 0;
}
.contact_promotion:before {
    background:rgba(0,0,0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single_contact_promotion{}
.single_contact_promotion h1 {
	color: #fff;
	text-transform: capitalize;
	font-size: 46px;
	margin-bottom: 20px;
	line-height: 60px;
	font-weight:600;
}
@media only screen and (max-width:480px) { 
.single_contact_promotion h1 {
	font-size: 40px;
}
}
.single_contact_promotion h3 {
	color: #fff;
	font-size: 18px;
}
.single_contact_promotion_btn {
	margin-top: 40px;
}
.single_contact_promotion_btn a{}
.single_contact_promotion_btn a {
	background: #f54336;
	color: #fff;
	padding: 10px 40px;
	border-radius: 30px;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0.5px;
	transition: 0.2s;
	display: inline-block;
	border: 2px solid #f54336;
}
.single_contact_promotion_btn a:hover{
background:#1d293e;
border: 2px solid #1d293e;
color:#fff;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END SERVICE PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 08.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_our_work{
	overflow: hidden;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	transition: all 0.2s ease 0s;
}

.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0,0,0, 0.5) none repeat scroll 0 0;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h4 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 21px;
	text-transform: capitalize;
}
.single_our_work:hover .sing_work_text_link h4{
	animation: fadeInDown 700ms ease-in-out;
}
.single_our_work:hover .sing_work_text_link p{
	animation: fadeInDown 900ms ease-in-out;
}
.sing_work_text_link p{
	margin: 0 0 10px;
}
.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #f54336 none repeat scroll 0 0;
	border: 1px solid #f54336;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #1d293e none repeat scroll 0 0;
	border-color: #1d293e;
	color: #fff;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	animation: slideInUp 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	animation: slideInUp 800ms ease-in-out;
}
.single_our_work:hover{
	background: #f54336;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	visibility: visible;
	transform: scale(1.1);
}
.portfolio_btn { padding-top: 60px }
.btn-portfolio-bg {
background: #f54336 none repeat scroll 0 0;
border: 1px solid #f54336;
border-radius: 2px;
box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
color: #fff;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.5px;
padding: 15px 40px;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.btn-portfolio-bg:hover,
.btn-portfolio-bg:focus {
    background: #1d293e;
    border: 1px solid #1d293e;
    color: #fff;
}
/*project modal*/
.modal-title {
    color: #1d293e;
    margin: 0;
    text-transform: uppercase;
}
.modal-content {
    padding: 10px 30px;
    border-radius: 0px;
	margin-top: 100px;
}
.modal-body { margin-bottom: 15px }
.modal-body img {
	width: 100%;
}
.modal-body p {margin: 15px 0 0;
text-align: left;}
.project-list {margin-top: 30px;
text-align: left; }
.modal-title {
	color: #2b2b2b;
	margin: 0;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 20px;
}
.project-list li {
    padding: 7px 0;
    font-size: 14px;
}
.project-list li a {
    color: #1d293e;
    margin-bottom: 0;
    margin-right: 7px;
    width: 125px;
}
.project-list li a:hover { color: #1d293e; }
/*End project modal*/
/*
* ----------------------------------------------------------------------------------------
* 08.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
.our_team{
background:#f2f6f9;
padding-top:80px;	
padding-bottom:60px	
}
.single_team {
	margin-bottom: 30px;
	background: #fff;
	padding: 20px;
	box-shadow: 0px 3px 10px 0px rgba(200, 200, 200, 0.1);
	margin: 0px 15px;
}
.single_team img {
	width: 150px;
	height: 150px;
	border-radius: 500px;
	margin-bottom: 25px;	
}
.single_team h4 {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 18px;
}
.single_team h5 {
	text-transform: capitalize;
	font-size: 16px;
	color: rgb(26, 219, 171);
}
.single_team h6 {
	text-transform: capitalize;
	/* font-size: 16px; */
	color: rgb(172, 179, 175);
}
.team-social{margin-top: 15px;}
.team-social ul {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.team-social ul li{display: inline-block;}
.team-social ul li a {
	color: #2b2b2b;
	display: block;
	padding: 0px 5px;
	font-size: 16px;
}
.team-social ul li a:hover{color:#f54336;}
/* --------------------------------------------------------------------------- */

.our_team1{
	background:#f2f6f9;
	padding-top:0px;	
	padding-bottom:60px	
	
	}
	.single_team1 {
		margin-bottom: 30px;
		background: #fff;
		padding: 20px;
		box-shadow: 0px 3px 10px 0px rgba(200, 200, 200, 0.1);
		margin: 0px 15px;
	}
	.single_team1 img {
		width: 150px;
		height: 150px;
		border-radius: 500px;
		margin-bottom: 25px;	
	}
	.single_team1 h4 {
		text-transform: capitalize;
		font-weight: 700;
		font-size: 18px;
	}
	.single_team1 h5 {
		text-transform: capitalize;
		font-size: 16px;
		color: rgb(26, 219, 171);
	}
	.single_team1 h6 {
		text-transform: capitalize;
		/* font-size: 16px; */
		color: rgb(172, 179, 175);
	}
	.team-social{margin-top: 15px;}
	.team-social ul {
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.team-social ul li{display: inline-block;}
	.team-social ul li a {
		color: #2b2b2b;
		display: block;
		padding: 0px 5px;
		font-size: 16px;
	}
	.team-social ul li a:hover{color:#f54336;}
	
/* --------------------------------------------------------------------------------- */
/*
 * ----------------------------------------------------------------------------------------
 * 09.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 10. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature {}
.single-project-complete {
	margin-bottom: 30px;
	background: #f2f6f9;
	text-align: center;
	padding: 20px;
	border-radius: 3px;
}
.single-project-complete h2 {
	font-size: 50px;
	font-weight:700;
}
.single-project-complete h3 {
	font-size: 16px;
	text-transform: capitalize;
	margin-top: 10px;
}
.partner{}
@media only screen and (max-width:480px) { 
.partner{text-align:center;margin-bottom:30px;}
}
.partner_top{padding-top:80px;}
.partner_title {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom:60px;
	text-align: center;
}
.partner_title::after {
	display: block;
	background: #fff;
	height: 2px;
	width: 60px;
	content: "";
	margin-top: 20px;
	/* margin-bottom: 50px; */
	margin: auto;
	margin-top: 15px;
}
.partner img {
	width: 100%;
	padding:0px 10px;
}
@media only screen and (max-width:480px) { 
.partner img {width: 200px;}
}
/*
* ----------------------------------------------------------------------------------------
* 10.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 11.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing_table,
.our_service{
	padding-top: 0;
}
.pricing-table {
	background-color: #fff;
	position: relative;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.06);
	border-radius: 4px;
	text-align: center;
	padding: 0px 0px 50px;
}
.price.pricing-amount{
	color: #fff;	
}
.pricing_top{
background:#f2f6f9;
padding:30px 0;
}

.pricing-table h3 {
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: capitalize;
	color: #1d293e;
	font-weight: 600;
}

.pricing-table .price {
	display: block;
	font-size: 35px;
	color: #1d293e;
	font-weight: 600;
}
.pricing-table .price span{
	font-size: 14px;
	text-transform: capitalize;
}
.pricing-list {
	list-style: outside none none;
	margin-bottom: 0px;
	padding: 25px 0 30px;
}
.pricing-list strong{
	font-weight: 700;
	color: #1d293e;
}
.pricing-list li {
	padding: 12px 0px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-bottom: 1px solid rgba(0,0,0,0.1)
}
.pricing-list li:last-child{
	border-bottom: inherit;
}

.pricing-btn { 
	text-align: center;
	padding: 0px 0 0px; 
}
.pricing-tab {
    text-align: center;
    margin-bottom: 25px;
}

.pricing-tab span{
    vertical-align: middle;
}
.pricing-tab .pricing-tab-switcher {
    height: 37px;
    width: 80px;
    background: #f54336;
    display: inline-block;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease;
    margin: 0 18px;
    transform: translateY(-3px);
}
.pricing-tab .pricing-tab-switcher:hover{
    cursor: pointer;
}

.pricing-tab .pricing-tab-switcher:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    background: #fff;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.pricing-tab .pricing-tab-switcher.active:before {
    left: calc(100% - 33px)
}
.annual_price{
	display: none;
}
.change-subs-duration .monthly_price{
	display: none;
}
.change-subs-duration .annual_price{
	display: block;
}
.monthly_tab_title,
.annual_tab_title{
	font-weight: 700;
	font-size: 16px;
}
.btn-light-bg {
	border: 2px solid #f54336;
	padding: 10px 30px;
	border-radius: 30px;
	color: #1d293e;
	font-weight: 600;
	transition: 0.3s;
}
.btn-light-bg:hover{
	background:#f54336;
	border: 2px solid #f54336;
	padding: 10px 30px;
	border-radius: 30px;
	color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 11.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 12.START TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-testimonials{padding-top:0px;}
.single_testimonials_title h2 {
	font-weight: 500;
	text-transform: capitalize;
	font-size: 24px;
	margin-bottom: 20px;
}
.single_testimonials_title p{}
.single_testimonials {
	padding: 60px 45px;
	border-radius: 5px;
	margin: 0px 15px;
	background:#f2f6f9;
}
.single_testimonials_img {
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
.single_testimonials_img img {
	width: 90px;
	height: 90px;
	border-radius: 500px;
	float: left;
	margin-right: 20px;
	border: 6px solid #fff;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
.single_testimonials_img h4 {
	font-size: 20px;
	padding-top: 20px;
	color: #1d293e;
	text-transform: capitalize;
	font-weight: 600;
}
.single_testimonials_img h5 {
	color: #1d293e;
	font-weight: 300;
	font-size: 16px;
	text-transform: capitalize;
	margin-top: 5px;
}
.single_testimonials p{}

.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.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: #f54336 !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;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END TESTIMONIALS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_blog{background:#f2f6f9;}
.post-slide{
    position:relative;
    background:#fff;
	box-shadow: 0px 3px 10px 0px rgba(200, 200, 200, 0.1);
}
@media only screen and (max-width:480px) { 
.post-slide {margin-bottom:30px;}
}
.post-slide .post-img{
    position: relative;
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
}
.post-slide .post-date{
    position:absolute;
    top:10%;
    left:4%;
}
.post-slide .date{
    display: inline-block;
    border-radius: 3px 0 0 3px;
    padding: 5px 15px;
    color: #1d293e;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    background:#fff;
    float: left;
}
.post-slide .month{
    display: inline-block;
    border-radius: 0 3px 3px 0;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    background: #f54336;
}
.post-slide .post-content{
    padding:30px;
}
.post-slide .post-title {
	margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 27px;
	font-weight: 600;
}
.post-slide .post-title a{color: #1d293e;}

.post-slide .post-title a:hover{
    text-decoration: none;
    color:#f54336;
}
.post-slide .post-description{
margin-bottom: 20px;
}
.post-slide .read-more{
	color: #1d293e;
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	transition: color 0.20s linear;
}
.post-slide .read-more:hover{
    text-decoration:none;
    color:#f54336;
}
.post-slide .read-more:after{
    content:"";
    position: absolute;
    width:30%;
    display: block;
    border:1px solid #f54336;
    transition: all 0.30s ease;
}
.post-slide .read-more:hover:after{
    width:100%;
}
@media only screen and (max-width: 479px) {
    .post-slide .month{
        font-size:14px;
    }
    .post-slide .date{
        font-size:14px;
    }
}

/*BLOG PAGES DESIGN*/
.blog-page{background:#f2f6f9;}

.post-slide-blog{
background: #fff none repeat scroll 0 0;
border-radius: 4px;
box-shadow: 0 5px 15px 0 rgb(236, 236, 236);
margin-bottom: 40px;
overflow: hidden;
padding: 30px 20px;
}
.post-slide-blog .post-img-blog{
    position:relative;
    float: left;
    width:50%;
    height: auto;
}
@media only screen and (max-width:768px) { 
.post-slide-blog .post-img-blog{
    float: none;
    width:100%;
}
}
.post-slide-blog .post-img-blog img{
    width:100%;
    height: auto;
}
.post-slide-blog .post-review-blog{
float: left;
width: 50%;
padding-left: 30px;
}
@media only screen and (max-width:768px) { 
.post-slide-blog .post-review-blog{
float: left;
width: 100%;
}
}
.post-slide-blog .post-title-blog{
    margin:0 0 5px 0;
}
.post-slide-blog .post-title-blog a {
	color: #1d293e;
	display: block;
	font-size: 18px;
	font-weight: 600;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}
.post-title-blog > a:hover{
    text-decoration: none;
    color:#f54336;
}
.post-slide-blog .post-date-blog{
color: #f54336;
display: block;
font-weight: 300;
margin-bottom: 8px;
margin-top: 12px;
}
.post-description-blog{
margin-bottom: 15px;
text-align: left;
}
.blog_btn-blog {
	color: #1d293e;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	border-bottom: 1px solid #eee;
}
.blog_btn-blog:hover{
color:#f54336;	
}

.single-post-slide-blog{
background:#fff;
padding:30px;
margin-bottom:60px;
}
.single-post-slide-blog img{width:100%;}
.single-post-slide-blog h3 a {
	color: #1d293e;
	display: block;
	font-size: 24px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 15px;
	text-transform: capitalize;
	transition: color 0.3s ease 0s;
	line-height: 26px;
}
.single-post-slide-blog p{}
.single-post-slide-blog{}

/*START PAGINATION*/
ul.blog_pagination li a {
border: 1px solid #eee;
border-radius: 0;
color: #1d293e;
display: block;
font-size: 18px;
font-weight: 500;
background: #fff;
height: 45px;
line-height:42px;
margin: 5px;
text-align: center;
width: 45px;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #f54336;
    border: 1px solid #f54336;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.contact_form_blog{padding-top:0px!important;}
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #1d293e;
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 #f54336;
	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 #f54336;}
.single_latest_blog {
	overflow: hidden;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.single_latest_blog h4 {
color: #666;
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin: 10px 0 0;
transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #f54336 }
.single_latest_blog span { color: #161616 }
.single_upcoming_event {margin-bottom: 20px;}
.single_upcoming_event h4 {
	color: #1d293e;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
	margin: 10px 0 0;
	transition: all 0.3s ease 0s;
}
.single_upcoming_event:hover h4 { color: #f54336 }
.single_upcoming_event span i{margin-right:5px;color: #f54336 }
.single_upcoming_event span { color: #777 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
	color: #1d293e;
	display: block;
	font-size: 14px;
	font-weight: 300;
	padding: 5px 0;
}
.categories ul li a:hover { color: #f54336 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 100%;
    border: medium none;
}
.tag a {
	border: 1px solid #f54336;
	border-radius: 30px;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 4px;
	padding: 5px 16px;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
	background: #f54336;
}
.tag a:hover {
    background: #1d293e;
    color: #fff;
    border: 1px solid #1d293e;
}
/*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 #f54336;
    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:700;
letter-spacing: 1px; }
.author_part p { margin-bottom: 0 }
.blog_head_title {
border-bottom: 1px solid #ddd;
margin: 0 0 30px;
padding-bottom: 10px;
font-weight: 700;
text-transform: uppercase;
font-size: 18px;
}
.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 #f54336;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    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_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 #ddd;
border-image: none;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #1d293e;
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: #1d293e;
    outline: 0 none;
}
.comment_form textarea:hover,.comment_form textarea:focus {
	background:none;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
	color: #1d293e;
    outline: 0 none;
}
/*END BLOG SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 13.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14. START CONTACT FORM & ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

.contact{
background:#f2f6f9;
padding:60px;
}
@media only screen and (max-width:480px) { 
.contact{padding:30px;}
}
.contact h1 {
	text-align: center;
	margin-bottom: 60px;
	font-weight: 700;
	font-size: 32px;
	text-transform: capitalize;
}
.contact h1::after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: #f54336;
	margin: auto;
	margin-top: 10px;
}

.contact input, .contact textarea {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #fff;
	border-color: currentcolor currentcolor #ddd;
	-o-border-image: none;
	border-image: none;
	border-radius: 30px;
	border-style: none none solid;
	border-width: 0 0 1px;
	box-shadow: none;
	color: #1d293e;
	font-size: 14px;
	font-weight: 500;
	padding: 15px 20px;
}

.contact textarea {

}
@media only screen and (max-width:768px) { 
    .contact textarea { width: 100% }
}
.contact input:hover,.contact input:focus {
	background:#fff;
    border-style: none none solid;
    box-shadow: none;
	color: #fff;
    outline: 0 none;
}
.contact textarea:hover,.contact textarea:focus {
background:#fff;
    border-style: none none solid;
    box-shadow: none;
	color: #fff;
    outline: 0 none;
}

.actions input {
	background: #f54336;
	border: 2px solid #f54336;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
	padding: 15px 40px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
	cursor: pointer;
}
.actions input:hover{
background:#1d293e;
color:#fff;
border: 2px solid #1d293e;
}


.address_area{padding-bottom:80px;}
.address_area_bg {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	margin-right: 0px;
	margin-left: 0px;
}
.address_bg{
background:#fff;
padding:30px;
}
.map iframe {
	width: 100%;
	height: 300px;
	border: 0px;
	margin-bottom: -8px;
}
.single_address{
overflow:hidden;
margin-bottom:15px;
}
.single_address:last-child {
	margin-bottom: 0px;
}
.single_address i {
	float: left;
	margin-right: 20px;
	font-size: 18px;
	color: #f54336;
	background: #fff;
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 42px;
	border-radius: 30px;
	border: 2px solid #f54336;
}
.single_address p {
	overflow: hidden;
	margin-top:8px;
}
.social_profile {
	overflow: hidden;
	margin-top: 30px;
}
.social_profile ul{
list-style: outside none none;
margin: 0;
padding: 0;
}
.social_profile ul li{
float:left;
}
.social_profile ul li a {
	color: #fff;
	display: block;
	font-size: 20px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
	border-radius: 30px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}
.facebook{background:#3b5998;}
.twitter{background:#55acee;}
.instagram{background:#2e5e86;}
.linkedin{background:#0082ca;}
.youtube{background:#ff0101;}

/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT FORM & ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
padding: 30px 0;
background:#1d293e;
}
.copyright {
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
	color: #8a99b3;
}
/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  16.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
.section-top {
	background:#1d293e;
    padding-bottom: 100px;
    padding-top: 160px;
}
.section-top-title h1 {
color: #fff;
font-weight: 600;
}
/*
 * ----------------------------------------------------------------------------------------
 * 16.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/