.site #header.sticky{
	background:#27a6c5!important;
	border:none!important;
}
.site #header{
	background: rgba(167,172,172,0.4)!important;
}
.site #header.sticky .navbar-default .navbar-nav > li > a{
	color: #fff!important;
}
#page #header .navbar-default .navbar-nav > li > a, 
.archive #header .navbar-default .navbar-nav > li > a, 
.search #header .navbar-default .navbar-nav > li > a{
	color: #fff!important
}
#page #header .navbar-brand #logo-black{
	/*display: none!important;*/
}
div#max-top-buttons .btn{
	background-color: rgba(48,48,48,0.7);
	border-radius: 0;
	font-size: 20px;
	margin-left: 0!important;
}
div#max-top-buttons .btn:hover{
	background-color: #3fa9c2;
}
div#hero-section{
    margin-left: 250px;
    text-align: left!important;
}
div#max-title{
	text-align: left!important;
	max-width: 535px;
	font-size:15px;
}
div#max-title h1{
	font-size: 60px;
}
div#max-paragraph{
	text-align: left!important;
	max-width: 535px;
}
div#max-top-buttons{
	text-align: left!important;
}
.max-section-title{
	border: none!important;
}
.center-it{
	display: none!important;
}
.max-section-title h2,.partner_main_title h2,
.post_wrapp .post_descriptions_details .main_title h2{
	font-size: 47px;
	color: #484848;
	margin-bottom: 0;
}
.main_title h2{
	margin-top: 50px!important;
}
div#about-para p,.max-section-title p{
	color: #b9a989;
}
.subheading h2{
	font-size: 16px;
	font-weight: bold;
}
#about-left p#para-big{
    font-weight: normal;
}
#aboutus-section,#max-aboutus-section{
    background: linear-gradient(#fdfefe,#f3f4f3)!important;
}
#max-services-custom .container{
    background: unset;
}
#max-services-custom .icon{
    text-align: center;
}
#max-services-custom .feature--box .box-title{
	text-align: center;
	font-size: 18px;
	color: #fff;
}
#max-services-custom .feature--box{
	min-height: 350px;
}
span.small-text{
    vertical-align: top;
}
.plan-box span.big{
	font-size: 55px;
	color: #484848;
}
.plan-box .price,#max-packages-section .plan-box{
	background: #f5f5f5;
	border-bottom: solid 1px #dddddd;
	color: #484848;
}
.popular_show{
	background: #fff!important;
    border-top: solid 5px #3fa9c2;
    border-radius: 10px 10px 0 0;
    margin: 0!important;
}
.popular_show .price{
	background: #fff;
	padding: 30px;
	border-bottom: solid 1px #dddddd;
}
.popular_show .price span.big,
.popular_show .price span.small-text{
	color: #000;
}
#max-packages-section .plan-title{
	color: #a69061;
	font-size: 14px;
	padding-bottom: 0;
}
#max-packages-section .plan-box{
	max-width: none;
	min-height: 483px;
}
.glyphicon{
    margin-right: 10px;
}
.glyphicon-ok{
	color: #3fa9c2;
}
.glyphicon-remove,.rem{
	color: #b1b1b1!important;
}
.plan-box ul li{
	color: #484848;
}
#top{
    background-size: cover;
}

@media (max-width:800px ){
		div#hero-section{
	    margin-left: 0px;
	    text-align: center!important;
	}
	div#max-title{
		text-align: center!important;
		max-width: none;
	}
	div#max-paragraph{
		text-align: center!important;
		max-width: none;
	}
	div#max-top-buttons{
		text-align: center!important;
	}
	div#max-top-buttons .btn{
		background-color: #3fa9c2;
	}
}

progress:not(value) {
    /* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}
progress {
  -webkit-appearance: none;
}
::-webkit-progress-value {
  background-color: #27a6c5;
}
/* Styling the determinate progress element */
progress[value] {
    /* Get rid of the default appearance */
    appearance: none;
    -webkit-appearance: none;
    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;
    
    /* Add dimensions */
    width: 100%; height: 10px;
    
    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
      background-color: whiteSmoke;
      border-radius: 15px;
      box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
    
    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: royalblue;
    
    position: relative;
    margin: 0 0 1.5em; 
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress[value]::-webkit-progress-value {
    position: relative;
    
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius:3px;
    
    /* Let's animate this */
    animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */

progress[value]::-webkit-progress-value:after {
    /* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
    content: '';
    position: absolute;
    
    width:5px; height:5px;
    top:7px; right:7px;
    
    background-color: white;
    border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */

progress[value]::-moz-progress-bar {
    /* Gradient background with Stripes */
    background-image:
    -moz-linear-gradient( 135deg,
                                                     transparent,
                                                     transparent 33%,
                                                     rgba(0,0,0,.1) 33%,
                                                     rgba(0,0,0,.1) 66%,
                                                     transparent 66%),
    -moz-linear-gradient( top,
                                                        rgba(255, 255, 255, .25),
                                                        rgba(0,0,0,.2)),
     -moz-linear-gradient( left, #09c, #f44);
    
    background-size: 35px 20px, 100% 100%, 100% 100%;
    border-radius:3px;
    
    /* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

/* Fallback technique styles */
.progress-bar {
    background-color: whiteSmoke;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;

    /* Dimensions should be similar to the parent progress element. */
    width: 100%; height:20px;
}

.progress-bar span {
    background-color: royalblue;
    border-radius: 3px;
    
    display: block;
    text-indent: -9999px;
}

p[data-value] { 
  
  position: relative; 
}

/* The percentage will automatically fall in place as soon as we make the width fluid. Now making widths fluid. */

p[data-value]:after {
	background: url('../png/skill_num_bg.png');
    width: 36px;
    height: 24px;
    text-align: center;
    padding-top: 2px;
    font-size: 12px;
    content: attr(data-value) '%';
    position: absolute; 
    right:-17px;
    color: #ffffff;
    border-bottom: solid 1px;
}

#skillbar-left{
	margin-top: 50px;
}
#skillbar-left p{
    line-height: 24px;
}
#max-skillbar p{
	text-align: left;
	margin-bottom: 5px;
	color: #a69061;
}
#max-work-section,#max-work-container,#portfolio-box{
	background: #fff!important;
}
#portfolio-box ul.list-inline li{
	padding: 0!important;
  	display: inline-block;
}
#portfolio-box ul.list-inline li a{
	border:solid #dfdfdf 1px;
    padding: 20px 35px;
    border-radius: 5px;
    display: inline-block;
}
#portfolio-box ul.list-inline li a{
	font-size: 11px;
}
#max-work-container .sub-title{
	padding-top: 0;
}
#max-work-container .sub-title p,.partner_main_title .fw-special-subtitle,.main_title .fw-special-subtitle{
	color: #a69061;
}
.portfolio-section figure .inner-overlay-content{
	background-color: rgba(0, 179, 228, 0.6)
}
.portfolio-section figure .inner-overlay-content.with-icons .fa{
	font-size: 50px;
	color: #fff!important;
    border-color: #fff!important;
}
.portfolio-section figure .inner-overlay-content.with-icons a:hover{
    

}
.portfolio-section figure .inner-overlay-content.with-icons a{
	border: none!important;
}
#max-slider-section{
	padding-top: 0!important;
	background: #fff!important;
}
#max-slider-section .max-section-title{
	padding-bottom: 50px;
}
#owl-demo .item img{
	margin: 0!important;
}
/*.owl-carousel .owl-item{
	max-width: 120px;
}*/
/*.loop{
    display: block;
}*/
#owl-partner .item{
  background: #42bdc2;
  padding: 0!important;
  margin: 0!important;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#owl-partners .owl-item{
	float: none!important;
	display: inline-block;
 	text-align: center;
 	border:solid #e8e8ea 1px;
}
#max-slider-section{
	padding-bottom: 70px!important;
}
#max-blog-para{
	padding-top: 0!important;
}
#max-blog-para p{
	color: #a69061;
}
#max-blogger-section,#max-blog-section{
	background: #ebebeb!important;
}
.content_blog{
	background: #fff;
    padding: 0 20px;
}
.content_blog h2{
	margin-top: 0!important;
}
.content_blog p{
    line-height: 24px;
    min-height: 120px;
}
@media(max-width: 992px){
	.content_blog p{
		min-height: 140px;
	}
	#max-services-custom .feature--box{
		min-height: unset;
	}
	/*.footer_form input,.footer_form textarea{
		min-width: unset;
	}*/
}
#max-footer{
	background: url('../png/footer_bg.png')!important;
	background-size: cover!important;
	padding-top: 0!important;
}
#footer_text{
	max-width: 770px;
	text-align: center;
	margin: 0 auto;
	color: #aeaeae;
}
.icon_info,.copyright{
	text-align: center;
}
div#footer-copyrights{
	color: #bdbdbd!important;
	text-align: center!important;
}
.footer_contact_header,.footer_contact,.copyright{
	color: #fff!important;
}
.footer_contact_header{
	font-weight: bold;
	margin-top: 20px;
}
.footer_contact{
	margin-top: 15px;
}
.footer_img{
	margin-top: 50px;
}
#footer-social{
	padding-bottom: 0!important;
}
#footer-social a .fa:hover{
	color: #337ab7;
}
#footer-social .fa{
	color: #bdbdbd;
}
#max-footer .tabs{
	text-align: center;
	margin-bottom: 50px;
	margin-top: 200px;

}
.page{
	background-image: url('../jpg/price_bg.jpg')!important;
}
.tab_btn{
    /*background: #00b3e4;*/
    color: #fff;
    background: transparent;
    width: 195px;
    height: 60px;
    border: solid 1px #4b4b4b;
    margin-right: 30px;
}
.tabs .active{
	background: #00b3e4;
	border: solid 1px #00b3e4;
}
.tab_btn:hover{
	background: #00b3e4;
	border: solid 1px #00b3e4;
}
#feedback{
	text-align: center;
}
.footer_form input{
    margin-right: 30px;
	max-width: 655px;
	width: 100%;
	height: 50px;
	font-size: 14px;
	text-indent: 10px;
	background: transparent;
	border: solid 1px #4b4b4b;
	margin-bottom: 20px;
	color: #fff;
}
.footer_form textarea{
    margin-right: 30px;
	max-width: 655px;
	width: 100%;
	height: 140px;
	padding-top: 10px;
	font-size: 14px;
	text-indent: 10px;
	background: transparent;
	border: solid 1px #4b4b4b;
	margin-bottom: 20px;
	color: #fff;
}
.footer_btn button{
	color: #fff;
    background: rgba(81,81,81,0.4);
    width: 195px;
    height: 60px;
    border: solid 2px #9a9a9a;
    border-radius: 5px;
}
.plan-box .features{
	min-height: 300px;

}
.plan-box .btn-primary{
	border: solid 1px #dfdfdf!important;
	color: #484848!important;
	border-radius: 4px;
}
.plan-box .btn-primary:hover{
	color: #fff!important;
}
.post_page_content{
	padding: 0!important;
}

/* Services page css*/

#fix_services_page .box-title{
	color: #484848!important;
}
.post_page_content .max-section-title{
	padding-top: 0;
}
.max-section-title h2{
	font-size: 40px!important;
	color: #484848!important;
}
.page_header{
	margin-top: 0!important;
	padding-bottom: 95px!important;
}
.page_header_item .post_title{
	color: #fff;
	font-size: 60px;
}
.page_header_item .post_title h1{
	text-align: left;
}
.page_header_item .mybreadcrumb{
	text-align:left;
}
.page_header_item .breadcrumbs{
	font-size: 14px;
}
#fix_skills_service #max-experties-section,
#fix_skills_service #max-work-container,
#max-work-container,
#fix_skills_service #max-skills{
	background:unset!important;
}
#fix_skills_service #max-experties-section h2,
#fix_skills_service #max-experties-section .sub-title p{
	color: #fff!important;
}
#max-skillbar .skill_content{
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
    vertical-align: middle;
    height: 150px;
    line-height: 40px;
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    display: grid;
}
.number{
	font-size: 60px;
}
#service_info .fw-heading{
	margin-top: 20px;
}
#service_info .fw-heading h2,#skillbar-left .subheading h2{
	font-size: 25px;
	color: #484848;
}
#service_info p{
	line-height: 24px;
	padding-right: 10px;
}
#service_info .fw-btn-1{
	background: transparent;
	border: solid 1px #dfdfdf;
	color: #484848;
}
.post_content .post_wrapp{
    padding-bottom: 0px; 
    margin-bottom: 0px; 
}
.page_header h1{
	text-transform: unset!important;
}
.post_descriptions{
	padding: 0!important;
}
.post_wrapp .post_descriptions_details ul li,
.know_tabs ul,.know_tabs ul li{
    list-style: none!important;
	text-align: left!important;
	/*border: solid 1px #dfdfdf;*/
}
.post_wrapp .post_descriptions_details p {
    margin-bottom: 10px;
    display: block;
    line-height: 1.7;
    font-size: 30px;
}
#box{
	background: unset!important;
}
.know_info_tab{
	border: solid 1px #dfdfdf;
	margin-bottom: 20px;
}
.know_info_tab li{
}
.know_info_tab a{
	-webkit-padding-start: 35px;
	line-height: 50px;
}
.know_info_tab:before{
	content: '';
	background: url('../png/plus.png') no-repeat;
	width: 30px;
	height: 20px;
	left: 27px;
	margin-top: 16px; 
	position: absolute;
}
.know_tabs .active:before{
	content: '';
	background: url('../png/minus.png') no-repeat!important;
	width: 30px;
	height: 20px;
	left: 27px;
	margin-top: 22px; 
	position: absolute;
}
.know_tabs .active .children_tab{
	display: block!important;
}
.know_tabs .active {
	background: #27a6c5;
	padding: 0!important;
	color: #fff;
	text-align: left;
}
.know_tabs .active a{
	color: #fff!important;
	text-transform: uppercase;
}
.know_tabs .active .children_tab{
	background: #ffffff;
}
.know_tabs .children_tab p{
	margin: 0!important;
	padding: 10px 0;
}
.children_tab li{
	border: solid 1px #ffffff;
	margin: 0!important;
	padding: 0!important;
	line-height: 24px;
}
.member-box,#max-team-section .row:nth-child(2){
	background: unset!important;
}
.member-box .member-profile span{
	color: #a69061;
}
#max-team-para p{
	padding: 0px 15px 10px!important;
	color: #a69061;
}
.post_wrapp .post_descriptions_details h2{
	margin-top: 20px;
	color: #484848;
    text-transform: unset;
}
/* Contacts page*/
.fix_width img{
	width: 370px;
	float: left;
}
.off_info{
	max-width: 370px;
	text-align: left;
	text-indent: 30px;
	background:#fff;
	min-height: 400px;
}
.off_info p{
	text-indent: 60px;
	color: #65625f!important;
}
.cont_loc{
	padding-top: 10px;
}
.off_info .cont_loc:before{
	content: '';
	position: absolute;
	left: 32px;
	background: url('../png/c_location.png') no-repeat;
	width: 30px;
	height: 25px;
}
.off_info .cont_phone:before{
	content: '';
	position: absolute;
	left: 31px;
	margin-top:2px;
	background: url('../png/c_phone.png') no-repeat;
	width: 30px;
	height: 25px;
}
.off_info .cont_email:before{
	content: '';
	position: absolute;
	left: 32px;
	margin-top:5px;
	background: url('../png/c_email.png') no-repeat;
	width: 30px;
	height: 25px;
}
#max-office-section{
	padding-top: 30px;
}
.contact_map{
	max-width: 1110px;
	margin: 0 auto;
	border: solid 5px #fff;
}
/*Partners page*/
.p_image{
	/*display: inline-block;*/
	margin: 2px 25px 7px 0;
	width: 25%;
	float: left;
	/*position: ;*/
}
.p_content p{
	text-align: left;
}
.p_content{
	padding-bottom: 40px;
	margin-top: 30px; 
	border-bottom: solid 1px #dfdfdf;
	min-height: 200px;
}
.p_header{
	text-align: left;
	color: #484848;
	font-weight: bold;
}
.pagin{
	height: 140px;
	vertical-align: middle;
}
.pagin a{
	display: inline-block;
    padding: 10px 10px;
    margin: 20px 5px 5px; 
    border-radius: 7px;
	border: solid 1px #dfdfdf;
}
.pagin .current{
	border: solid 1px #3fa9c2;
	background-color: #3fa9c2;
	color: #fff;
}
.current_page_item a{
    border-bottom: solid 1px #1ab4f0;
}
.sticky .main--menu > li.current_page_item > a:before{
	    background-color: #1ab4f0;
}
.sticky .main--menu > li > a:before{
	    background-color: #fff;
}
.sticky .current_page_item a{
	border-bottom: solid 1px #fff;
}
.fix_remote img{
	width: 100%;
	/*display: inline-block;*/
}
.remote_info{
	/*width: 74%;*/
	text-align: left;
	padding-left: 20px;
	padding-top: 10px;
	line-height: 24px;
	background:#fff;
}
.rem_butt a{
	margin-top: 20px;
	border: solid 2px #fff;
	border-radius: 0px;
}
.rem_about .remote_info{
	min-height: 287px;
}
#remote-section .max-section-title h2{
	padding: 20px 0;
}
ul.filter > li > a{
	line-height:unset!important;
}
@media (max-width: 1040px){
	.rem_about .remote_info{
		min-height: unset;
	}
}

.filter-container .filter:hover{
	cursor: pointer;
}
@media (max-width: 720px){
	.tab_btn{
	    width: 125px;
		margin-right: 0;
	}
}
@media (max-width: 480px){
	.tab_btn{
	    width: 100%;
	}
	#max-services-custom .feature--box .box-title{
		font-size: 16px;
	}
}
@media (max-width: 760px){
	.fix_mob{
		clear: both;
		width: 100%;
	}
}
#knowus-section{
	background:transparent; 
}
#skillbar-left p{
	padding-right: 10px;
}
.meter { 
	margin: 10px 0;
	height: 10px;  /* Can be anything */
	position: relative;
	background: #ebebeb;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	/*padding: 10px;*/
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #27a6c5;
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
.meter > span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.animate > span:after {
  display: none;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.meter > span:after, .animate > span > span {
  animation: move 2s linear infinite;
  background: #27a6c5;
}
@keyframes expandWidth {
   0% { width: 0; }
   100% { width: auto; }
}
#feedback,#footer_map{
	display: none;
}
.copyright a{
	color: #fff;
}
.copyright a:hover{
	color: #00b3e4;
}
div.sub-title p,.fw-special-subtitle{
	font-size: 15px!important;
}
.no_bott_pad{
	padding-bottom: 0!important; 
}