.theme1 .header-bar{
	background-color: #42c0b5 !important;
	background-image: none !important;
}


.video_wrapper{margin-top: 12%;}

.sniffit-feature{
	height: 500px;
	background-image: url(../../../../uploads/img/blurry_grass-1.jpg);
	background-size: cover;
	padding-top: 100px;
}

.jk{
	padding-top:100px;
}

.short-img{margin-bottom:-280px;}

.txt-info {
	margin: 10% 0% 0 0%;
	
}

.txt-info h2{
	color: white;
	font-size: 36px;
	font-weight: 300;
	text-shadow: 1px 1px 1px rgba(130, 130, 130, 0.82);
}



.reader-txt-info {
	margin: 5% 0% 0% 0%;
	
}

.reader-txt-info h2 {
	color: white;
	font-size: 36px;
	font-weight: 300;
	text-shadow: 1px 1px 1px rgba(130, 130, 130, 0.82);

	
}

.rotater-img {
	margin: 7% 0 0 0;
}

/* Main Slider
-------------------------------------------------- */
#feature_slider {
    height:720px;
    height: 480px;
    background: #262626;
    z-index: 1;
    margin-bottom: 40px;
}
#feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 60px;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 180px;
    width: 100%;
}
#feature_slider h1 strong {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 20px;
}
#pagination {
    position: absolute;
    top: 505px;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: none;
    list-style-type: none;
}
#pagination li {
    text-indent: -99999em;
    float: left;
    padding: 0 6px;
    cursor: pointer;
}
#pagination li a {
    width: 7px;
    height: 7px;
    box-shadow: 0px 0px 1px 2px #ccc;
    background: rgb(0, 0, 0);
    border-radius: 10px;
    display: block;
    /*border: 1px solid #fff;*/
    opacity: .7;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#pagination li.active a {
    background: rgb(46, 92, 177);
    box-shadow: none;
    width: 8px;
    height: 8px;
}

#pagination li:hover a {
    opacity: 1;
}
.slide {
    width: 100%;
    /*height: 720px;*/
    height: 480px;
    position: absolute;
    display: none;
    overflow: hidden;
    z-index: 1;
}
.slide.previous {
    z-index: 1;
}
.slide.active {
    z-index: 2;
}
.slide.hiddden {
    display: none;
}

/* Custom styles for each slide */

/* Slide 1 */
.slide#showcasing .info {
    position: absolute;
    top: 160px;
    left: 13%;
    width: 30%;
    display: none;
    z-index: 10;
}
.slide#showcasing .info h2 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    line-height: 56px;
    text-shadow: 1px 1px 1px rgb(49, 57, 61);
}
/* Slide 2 */
.slide#ideas .info {
    position: relative;
    top: 110px;
    text-align: center;
}
.slide#ideas .info h2 {
    color: #fff;
    font-weight: normal;
}

/* Slide 3 */
.slide#tour .info {
    position: absolute;
    top: 120px;
    right: 6%;
    width: 35%;
}
.slide#tour .info h2 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    line-height: 56px;
    text-shadow: 1px 1px 1px rgb(49, 57, 61);
   
}



/* Slide 4 */
.slide#responsive .info {
    position: absolute;
    top: 170px;
    right: 9%;
    width: 25%;
}
.slide#responsive .info h2 {
    color: #fff;
    font-size: 47px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 56px;
}
.slide#responsive .info h2 strong {
    font-size: 42px;
}

.slide .info h2 { }
.slide .info {
    display: none;
    z-index: 10;
}
.slide .info a:hover {
    
}
.asset,
.fade {
    position: absolute;
    display: none;
}
#slide-left,
#slide-right {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 250px;
    left: 0;
    background: url(../../../../uploads/img/leftright-arrows.png) no-repeat;
    opacity: .5;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2;
}
#slide-right {
    left: auto;
    right: 0;
    background-position: -31px 0;
}
#slide-left:hover,
#slide-right:hover {
    opacity: 1;
}


/* Showcase services
-------------------------------------------------- */
#showcase {
    margin-top: 70px;
}
#showcase .container {
    /*width: 980px;*/
}
#showcase .image img {
    box-shadow: 3px 3px 5px 0px #B7B6B7;
}
#showcase .info {
    margin-top: 30px;
}
#showcase .info h4 {
    font-size: 17px;
}
#showcase .info p {
    color: #333333;
    line-height: 21px;
    font-size: 13px;
}
#showcase .features_op1_row .last{
    margin-right: 0;
}
#showcase .features_op1_row .feature .text{
    margin: 32px auto 0;
    width: 87%;
}
#showcase .features_op1_row .feature .text h6{
    margin: 0 0 14px 0;
    font-size: 20px;
}
#showcase .features_op1_row .feature .text p{
    margin: 0;
    font-size: 14px;
    line-height: 23px;
}
#showcase .features_op1_row .feature .img_box{
    position: relative;
    border-radius: 5px;
}
#showcase .features_op1_row .feature .img_box img {
    border-radius: 5px;
    max-width: 95%;
    margin: 0 auto;
    display: block;
}
#showcase .features_op1_row .feature .img_box span.circle{
    background: rgba(17, 137, 217, 0.8);
    width: 48px;
    height: 48px;
    display: none;
    text-align: center;
    position: absolute;
    top: 36%;
    left: 42%;
    border-radius: 100%;
}
#showcase .features_op1_row .feature .img_box span.circle span.plus{
    display: inline-block;
    margin-top: 13px;
    font-weight: bold;
    color: white;
    font-size: 32px;
}
#showcase .features_op1_row .feature .img_box:hover span.circle{
    display: block;
}
#showcase .features_op1_row .feature .img_box:hover .img_box{
    box-shadow: 0px 0px 1px 100px black inset;
}
#showcase .features_op1_row .feature .img_box:hover img{
    box-shadow: 1px 1px 6px 0px #888;
    border-radius: 5px;
    opacity: 0.9;
    filter:alpha(opacity=90);
}

/* Features
-------------------------------------------------- */
#features {
    /* margin-top: 70px; */
    margin-bottom: -20px;
}
#features .feature {
    /* border-bottom: 1px solid #e0e0e0; 
    margin-bottom: 65px;*/
}
#features .feature .info h3 {
    font-size: 21px;
    margin-top: 35px;
}
#features .feature.ss h3 {
    margin-top: 45px;
}
#features .feature .info h3 img {
    margin-right: 18px;
    position: relative;
    top: -10px;
}
#features .feature .info p {
    margin-top: 15px;
}

/* Pricing charts
-------------------------------------------------- */

#in_pricing{
    margin-top: 30px;
    margin-bottom: 100px;
}
#in_pricing .head h6{
    font-size: 18px;
    margin: 0;
    color: #8E8E8F;
    font-weight: normal;
}
#in_pricing .charts_wrapp{
    margin-left: -20px;
    margin-bottom: 40px;
}
#in_pricing .charts_wrapp .plan{
    border-radius: 6px;
    box-shadow: 2px 2px 2px -1px rgb(214, 214, 214);
    background-color: #fff;
    width: 95%;
    position: relative;
}
#in_pricing .plan .wrapper{
    padding: 33px 30px 26px 30px;
}
#in_pricing .plan h3{
    color: rgb(83, 83, 83);
    font-weight: normal;
    font-style: italic;
    font-size: 28px;
    margin: 0 0 5px 0;
    line-height: 25px;
}
#in_pricing .plan .price{
    font-size: 17px;
    color: #1189D9;
    margin-top: 16px;
}
#in_pricing .plan .price span.dollar{
    font-size: 32px;
    position: relative;
    top: -6px;
    margin-right: 3px;
}
#in_pricing .plan .price span.qty{
    font-size: 47px;
    margin-right:4px;
    position: relative;
    top: 2px;
}
#in_pricing .plan .price span.month{
    font-style: italic;
    font-weight: 300;
    font-size: 15px;
}
#in_pricing .plan .features{
    margin-top: 30px;
}
#in_pricing .plan .features p{
    color: #838385;
    margin-bottom: 5px;
    font-size: 14px;
}
#in_pricing .plan a.order{
    background-color: #2190DB;
    text-align: center;
    margin: 25px auto 0;
    width: 48%;
    display: block;
    padding: 3px 0;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}
#in_pricing .plan a.order:hover,
#in_pricing2 .plan a.order:hover{
    background: #252528;
}
#in_pricing .pro .plan{
    width: 100%;
    top: -20px;
    box-shadow: 0px 0px 7px -1px rgb(214, 214, 214);
    border: 1px solid #d9d9d9;
}
#in_pricing .pro .plan .wrapper{
    padding:36px 30px 35px 30px;
}
#in_pricing .pro .plan img.ribbon{
    position: absolute;
    top: 0;
    right: 0;
}
#in_pricing .pro .plan  a.order{
    margin-top: 35px;
}
#in_pricing .standar .plan{
    float: right;
}
#in_pricing .start{
    width: 100%;
    text-align: center;
}
#in_pricing .start p{
    font-size: 24px;
    display: inline-block;
    color: #5B5B5D;
    font-style: italic;
    line-height: 26px;
    margin: 0 18px 0 0;
}
#in_pricing .start a{
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 7px 17px;
    font-size: 17px;
    background: #252528;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
}
#in_pricing .start a:hover{
    background: #2190DB;
}

/* Call to Action
-------------------------------------------------- */
#call_action {
    margin-top: 50px;
    text-align: center;
}
#call_action p {
    font-size: 24px;
    color: #3F3F3F;
    font-style: italic;
    display: inline-block;
}
#call_action a {
    background-color: #282828;
    color: #fff;
    padding: 9px 17px;
    font-weight: bold;
    border-radius: 4px;
    font-size: 17px;
    margin-left: 20px;
    position: relative;
    top: -5px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
}
#call_action a:hover {
    background-color: rgb(103, 118, 177);
}
#call_action a:active {
    box-shadow: rgba(255,255,255,0.2) 0 1px 0,inset rgba(0,0,0,0.95) 0 1px 4px;
}

/* Clients
-------------------------------------------------- */
#clients {
    margin-top: 75px;
}
#clients .client .img {
    height: 76px;
    width: 138px;
}
#clients .client .client1 {
    background: url('../../../../uploads/img/client1.png') 0 -75px;
}
#clients .client .client1:hover {
    background-position: 1px 0px;
}
#clients .client .client2 {
    background: url('../../../../uploads/img/client2.png') 0 -75px;
}
#clients .client .client2:hover {
    background-position: -1px 0px;
}
#clients .client .client3 {
    background: url('../../../../uploads/img/client3.png') 0 -76px;
}
#clients .client .client3:hover {
    background-position: 0px 0px;
}
#clients .client .img{
    cursor: pointer;    
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
}
#clients .client .img:hover{
    cursor: pointer;    
    /*box-shadow: 0px 0px 2px 0px rgb(155, 155, 155);*/
    border-radius: 8px;
}


/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {
    
}
@media (max-width: 979px) {
    #showcase .features_op1_row .feature .img_box span.circle{
        top: 35%;
    }    
    .button-icon{
	  margin-right: 20px !important;
  }
  
  .reader-txt-info {
	margin: 15% 0% 0% 5%;
	}
	
	
#reader-feature_area{
	height: 520px;
}
  
  .snippet-icon-1{
	margin-top: 33%;
	width: 100%;
}

.btn-primary{
	font-size: 20px;
}

.app-store{
	font-size: 35px;
}

#uvTab {
		display: none !important;
	}

}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
   
   .readers-video{
		width: 360px !important;
	}


    #in_pricing .plan a.order{
        width: 64%;
    }
    .slide .info h2,
    .slide .info h2 * {
        font-size: 30px !important;
    }
    .slide#responsive .info {
        position: absolute;
        top: 170px;
        right: 6%;
        width: 25%;
    }
    .slide#responsive .info 
    .slide#tour .info a {
        
    }
    
    #uvTab {
		display: none !important;
	}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.sniffit-feature{
		padding-top: 0px;
		height: 300px;
		text-align: center;
	}
	
	.sniffit-feature .span6{
		width: 260px;
		margin: 0 auto;
	}
	
	.sniffit-sub{
		height: 350px;
	}
	
	.sniffit-head-img{
		width: 100%;
	}
	
    #partner-slider,
    #feature_slider {
        display: ;
    }
    #showcase .features_op1_row .feature {
        margin-bottom: 60px;
    }
    #showcase .features_op1_row .last{
        margin-bottom: 0;
    }
    #showcase .features_op1_row .feature .img_box{
        text-align: center;
    }
    #showcase .features_op1_row .feature .text h6{
        text-align: center;
    }
    #showcase .features_op1_row .feature .img_box span.circle{
        top: 38%;
        left: 48%;
    }
    #showcase .features_op1_row .feature:hover .img_box{
        box-shadow:none;
    }
    #in_pricing .charts_wrapp{
        margin-left: 0;
    }
    #in_pricing .charts_wrapp .plan{
        margin: 0 auto 30px;
        width: 95%;
    }
    #in_pricing .plan .wrapper{
        margin: 0 auto;
        text-align: center;
    }
    #in_pricing .pro .plan{
        top: 0;
        width:95%;
    }
    #in_pricing .standar .plan{
        float: none;
    }
    #in_pricing .start p{
        margin-bottom: 20px;
    }
    #in_pricing .start a{
        display: block;
        width: 50%;
        margin: 0 auto;
    }
    #clients .row{
        text-align: center;
    }
    #clients .client{
        text-align: center;
        margin-bottom: 15px;
        display: inline-block;
        margin-right: 10px;
        width: auto;
    }
    
    .rotater-img {
    background: url('../../../../../../new/img/1-section-1.png');
	background-size: 80% auto;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	height: 250px;
	margin: 2% 0 5% 0;
	height: 300px;
	
}
    
    .rotater-img img {
	display: none;
}

	.txt-info {
	margin: 0% 0% 0 0%;
	padding: 0% 5% 0% 5%;
	text-align: center;
	}
	
	.txt-info h2 {
	text-shadow: 0px 0px 0px white;
	margin-top: 10px;
	}
	
	.video_wrapper{
		margin-top: 0px !important;
		margin-bottom: 30px !important;
	}
	
	.video-playing .video_wrapper{
		margin-bottom: 0px !important;
	}
	
	#feature_area{
		padding-bottom: 0px !important;
	}
	
	.video-playing{
		padding-bottom: 0px !important;
	}
	
	.reader-txt-info {
	margin: 0% 0% 0 0%;
	padding: 0% 5% 0% 5%;
	text-align: center;
	}
	
	.reader-txt-info h2 {

	}
    
    #uvTab {
		display: none !important;
	}
    
}
/* Landscape phones and down */
@media (max-width: 480px) {
    
    
    
    
    #showcase .features_op1_row .feature {
        margin-bottom: 60px;
    }
    #showcase .features_op1_row .last{
        margin-bottom: 0;
    }
    #showcase .features_op1_row .feature .img_box{
        text-align: center;
    }
    #showcase .features_op1_row .feature .text h6{
        text-align: left;
    }
    #showcase .features_op1_row .feature .img_box span.circle{
        left: 44%;
    }
    #showcase .features_op1_row .feature:hover .img_box{
        box-shadow:none;
    }
    #uvTab {
		display: none !important;
	}
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 3, 2013 03:12:25 AM America/New_York */



 .amatic-title{
	 font-family: 'Amatic SC', 'Lato',  Helvetica, Arial, "Lucida Grande", sans-serif !important;
	 font-size: 58px;
	 line-height: 1.1em;
 }
 
 .amatic-title .large{
 	font-family: 'Amatic SC', 'Lato',  Helvetica, Arial, "Lucida Grande", sans-serif;
	 font-size: 120px;
 }
 
 .amatic-title b{
	 font-family: 'Amatic SC', 'Lato',  Helvetica, Arial, "Lucida Grande", sans-serif;
	 font-weight: 700;
 }

.helv-title{
	 font-family: "Helvetica Neue", 'Helvetica', 'Arial', sans-serif;
	 font-size: 30px;
	 line-height: 1.35em;
 }
 
 
 
 
 #features .subtitle h2{
	margin: 0;
	font-style: italic;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 70px;
	line-height: 35px;
	text-align: center;
}


/* features */
#features {
	margin-top: 5%;
}
#features .section_header h3 span{
	font-size: 18px;
	line-height: 20px;
}
#features .option1{
	margin-bottom: 70px;
}
#features .option1 .feature {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 65px;
}
#features .option1 .feature .info h3 {
	font-size: 21px;
	margin-top: 35px;
}
#features .option1 .feature.ss h3 {
	margin-top: 45px;
}
#features .option1 .feature .info h3 img {
	margin-right: 18px;
	position: relative;
	top: -10px;
}
#features .option1 .feature .info p {
	margin-top: 15px;
}
#features .option2{
	margin-bottom: 70px;
}
#features .option2 .feature {
	margin-bottom: 70px;
}
#features .option2 .feature .box{
	text-align: center;
	float: left;
	width: 16%;
	height: 77px;
}
#features .option2 .feature .box img.one{
	margin-top: 18px;
}
#features .option2 .feature .box img.two{
	margin-top: 20px;
}
#features .option2 .feature .text{
	float: left;
	width: 76%;
	margin-top: 17px;
	margin-left: 23px;
}
#features .option2 .feature .text h6{
	margin: 0 0 8px 0;
	font-size: 20px;
}
#features .option2 .feature .text p{
	margin: 0;
	font-size: 14px;
	line-height: 23px;
}
#features .option2 .right{
	float: right;
}
#features .option3 .feature{
	padding-bottom: 38px;
	background: white;
	box-shadow: 1px 1px 2px 0px #E0E0E0;
	border-radius: 4px;
	cursor: pointer;
	/*border:1px solid #fff;*/
}
#features .option3 .feature .img{
	text-align: center;
	margin: 42px auto 37px;
}
#features .option3 .feature .text{
	margin: 0 auto;
	width: 87%;
}
#features .option3 .feature .text h6{
	margin: 0 0 9px 0;
	font-size: 20px;
	text-align: center;
}
#features .option3 .feature .text p{
	margin: 0 auto;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	width: 90%;
	margin-top: 18px;
}
#features .option3 .feature:hover{
	border-color: #B1B1B1;
	box-shadow: 0px 0px 6px -1px #B4B4B4;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;	
}
#features .option1 .last{
	margin-bottom: 0;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {
	
}
@media (max-width: 979px) {
	#features .features_op1_row .feature .img_box span.circle{
		top: 35%;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	


	#features .features_op1_row .feature {
		margin-bottom: 0px;
	}
	#features .features_op1_row .last{
		margin-bottom: 0;
	}
	#features .features_op1_row .feature .img_box{
		text-align: center;
	}
	#features .features_op1_row .feature .text{

	}
	#features .features_op1_row .feature .text h6{
		text-align: center;
	}
	#features .features_op1_row .feature .img_box span.circle{
		top: 38%;
		left: 48%;
	}
	#features .features_op1_row .feature:hover .img_box{
		box-shadow:none;
	}
	#features .option2 {
		margin-bottom: 60px;
	}
	#features .option2 .feature {
		float: left;
		width: 100%;
		margin-bottom: 60px;
	}
	#features .option2 .right{
		/*margin-bottom: 0;*/
	}
	#features .option2 .feature .text{
		margin-top: 0;
	}
	#features .option3 .feature {
		margin-bottom: 60px;
		overflow: hidden;
	}
}
/* Landscape phones and down */
@media (max-width: 480px) {
	
	#features {
	margin-top: 20%;
	}
	
	#features .subtitle h2 {
		font-size: 22px;
		line-height: 30px;
	}
	#features .features_op1_row .feature {
		margin-bottom: 60px;
	}
	#features .features_op1_row .last{
		margin-bottom: 0;
	}
	#features .features_op1_row .feature .img_box{
		text-align: center;
	}
	#features .features_op1_row .feature .text{

	}
	#features .features_op1_row .feature .text h6{
		text-align: left;
	}
	#features .features_op1_row .feature .img_box span.circle{
		left: 44%;
	}
	#features .features_op1_row .feature:hover .img_box{
		box-shadow:none;
	}
	#features .option2 {
		margin-bottom: 60px;
	}
	#features .option2 .feature {
		float: left;
		width: 100%;
		margin-bottom: 60px;
	}
	#features .option2 .right{
		/*margin-bottom: 0;*/
	}
	#features .option2 .feature .text{
		margin-top: 0;
	}
	#features .last {
		margin-bottom: 0;
	}
	#features .option3 .feature {
		margin-bottom: 60px;
	}
	
	.lead ul{
	line-height: 22px;
	margin-left: 0px;
	
	}
	
	.short-img{margin-bottom:-180px;}
	
	.amatic-title{
		font-size: 50px;
	}
	
}


/*about us hand changing section css*/

#aboutus{
	margin-bottom: 90px;
	margin-top: 70px;
}
#aboutus .intro h6{
	font-size: 21px;
	font-style: italic;
	color: #252526;
	line-height: 29px;
	font-weight: normal;
	margin: 0 0 16px 0;
}
#aboutus .intro p{
	color: #3F3F3F;
	line-height: 24px;
}
#aboutus .flexslider{
	float: right;
	box-shadow: none;
	margin: 0;
	border:0 none;
}
#aboutus .flex-control-paging li a{
	background: #666666;
	box-shadow: none;
	width: 5px;
	height: 5px;
	border: 3px solid #E6E6E6;
}
#aboutus .flex-control-paging li a.flex-active{
	box-shadow: none;
	background: #2894DC;
	border-color: #2894DC;
}
#aboutus .flex-control-nav{
	bottom: -30px;
}
#team{
	padding: 35px 0 25px;
	margin: 0;
	background: #252528;
	margin-bottom: 90px;
}
#team .section_header{
	margin-bottom: 60px;
}
#team .section_header h3{
	color: #9D9D9E;
	border-color: #9D9D9E;
	margin: 0;
}
#team .people{
	margin: 0;
}
#team .people .row1{
	margin: 0 0 50px 0;
}
#team .people .bio_box{
	margin: 0;
}
#team .people .bio_boxr{
	float: right;
}
#team .people .bio_box img{
	float: left;
}
#team .people .bio_boxr img{
	margin-left: 38px;
}
#team .people .bio_box .info{
	float: left;
	margin: 38px 0 0 30px;
}
#team .people .bio_box .info p{
	margin-bottom: 0;
}
#team .people .bio_box .info p.name{
	: #fff;
	font-style: italic;
	margin-bottom: 4px;
	font-size: 21px;
}
#team .people .bio_box .info p.area{
	color: #98989A;
	font-style: italic;
	font-style: 16px;
	margin-bottom: 18px;
}
#team .people .bio_box .info a {
	margin-right: 10px;
}
#team .people .bio_box .info a span{
	display: inline-block;
	width: 33px;
	height: 33px;
}
#team .people .bio_box .info span.ico1,
#team .people .bio_box .info span.ico1h{
	background-position: 0px 0px;
}
#team .people .bio_box .info span.ico2,
#team .people .bio_box .info span.ico2h{
	background-position: -37px 0px;
}
#team .people .bio_box .info span.ico3,
#team .people .bio_box .info span.ico3h{
	background-position: -75px 0px;
}
#team .people .bio_box .info span.ico4,
#team .people .bio_box .info span.ico4h{
	background-position: -112px -1px;
}
#team .people .bio_box .info span.ico5,
#team .people .bio_box .info span.ico5h{
	background-position: -151px 0px;
}
#team .people .bio_box .info span.ico6,
#team .people .bio_box .info span.ico6h{
	background-position: -188px -1px;
}
#team .people .bio_box .info span.ico7,
#team .people .bio_box .info span.ico7h{
	background-position: -226px 0px;
}
#team .people .bio_box .info a:hover span.socialicons{
	display: none;
}
#team .people .bio_box .info a:hover span.socialicons_h{
	display: inline-block !important;
}
.socialicons{
	background: url('../../../../uploads/img/socialicons.png') no-repeat;
	width: 265px;
	height: 36px;
}
.socialicons_h{
	background: url('../../../../uploads/img/socialicons_h.png') no-repeat;
	width: 265px;
	height: 36px;
	display: none !important;
}
#process{
	min-height: 350px;
}
#process .section_header{
	margin-bottom: 60px;
}
#process .section_header h3{
	margin: 0;
}
.description {
	float: left;
}
#process .description{
	position: relative;
}
#process .description .text{
	position: absolute;
	display: none;
	height: 418px;
	width: 312px;
	margin: -632px 0 0 44px;
}
#process .description .text.active {
	position: absolute;
	display: block;
	height: 420px;
	width: 312px;
	margin: -632px 0 0 44px;
	
}
#process .description h4{
	font-size: 31px;
	line-height: 35px;
	margin-bottom: 20px;
}
#process .description p{
	font-size: 15px;
	color: #3F3F3F;
	line-height: 26px;
}
.areas {
	float: left;
margin-left: 230px;
}
#process .areas{
	margin-left: 0;
	float: right;
	margin-right: 60px;
}
#process .areas .circle{
	height: 210px;
	cursor: pointer;
	float: left;
	margin-right: -45px;
	text-align: center;
	width: 210px;
	background: rgba(51, 51, 51, 0.9);
	border-radius: 100%; 
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}
#process .areas .first{
	margin-left: 0;
}
#process .areas .circle img{
	margin-top: 56px;
}
#process .areas .circle span{
	font-weight: 700;
	font-size: 22px;
	color: #fff;
	display: block;
	margin-top: 21px;
}

#process .areas .circle.active {
	background: rgba(60, 164, 154, 0.95);
	z-index: 3;
	position: relative;
}

/* Responsive
-------------------------------------------------- */

/* Large desktop */
@media (min-width: 1200px) {

}
@media (min-width: 980px) {

}
@media (max-width: 979px) {
	
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
	#team .people .bio_box{
		text-align: center;
	}
	#team .people .bio_box img{
		float: none;
		margin-bottom: 25px;
		margin-left: 0;
	}
	#process .areas{
		text-align: center;
		margin-right: 60px;
		margin-bottom: 10px;
		
	}
	#process .areas .circle{
		width: 190px;
		height: 190px;
		
	}
	#team .people .bio_box .info{
		margin: 0;
		float: none;
	}
	#process .areas .last_circle {
		float: none;
		display: inline-block;
		margin-left: -1px;
		margin-top: 0px;
	}
	
	#process .description .text{
	position: absolute;
	display: none;
	height: 418px;
	width: 240px;
	margin: -484px 0 0 33px;
}
#process .description .text.active {
	position: absolute;
	display: block;
	height: 420px;
	width: 240px;
	margin: -484px 0 0 33px;
	
}



	

}	
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	#team{
		margin-right: -20px;
		margin-left: -20px;
	}
	#team .container{
		padding: 0px 20px;
	}
	#team .people .row1{
		margin: 0;
	}
	#team .people .bio_box{
		overflow: hidden;
		margin-bottom: 35px;
	}
	#team .people .bio_boxr img{
		margin: 0;
	}
	#aboutus .intro{
		margin-bottom: 45px;
	}
	#aboutus{
		margin-bottom: 75px;
	}
	#process .areas{
		margin-top: 5px;
		margin-bottom: 0px;
		text-align: center;
		margin-right: 0px;
	}
	#process .areas .circle{
		float: none;
		display: inline-block;
		margin: 0;
		height: 110px;
		width: 110px;
		margin-bottom: 5px;
	}
	#process .areas .circle span {
		font-weight: 700;
		font-size: 18px;
		color: #fff;
		display: block;
		margin-top: 15px;
	}
	.areas {
		width: 30% !important;

	}
	.description {
		width: 70% !important;
	}
	.icon  {
	width: 30px;
	}
	#process .areas .circle img {
margin-top: 25px;
}

#process .description .text{
	position: relative;
	display: none;
	height: 418px;
	width: 68.5%;
	margin: -137.34% 0 0 10%;
}
#process .description .text.active {
	position: relative;
	display: block;
	height: 420px;
	width: 68.5%;
	margin: -137.34% 0 0 10%;
	
}
	
	


}
/* Landscape phones and down */
@media (max-width: 480px) {
	#team .people .bio_box{
		text-align: center;
	}
	#team .people .bio_box img{
		float: none;
		margin-bottom: 18px;
	}
	#aboutus .intro{
		margin-bottom: 30px;
	}
	#team .people .bio_box .info{
		float: none;
		margin: 0;
	}
	#process .areas{
		margin-top: 5px;
	}
	#process .areas .circle{
		width: 70px;
		height: 70px;
		margin-bottom: 5px;
	}
	#process .areas .last_circle{
		margin-top: 0;
	}
	#process .areas .circle img{
		margin-top: 22px;
	}
	.circles, #process .areas .circle span{
		display: none;
	}
	
	.pod{
		padding: 5% 0 5% 0 !important;
	}
	
	 
	
}