/*
Theme Name: eyeshot
Theme URI: http://www.propellente.com
Author: Propellente Technologies
Author URI: http://propellente.com/team-view/jaichandra-sreeram/
Description: Propellente Wordpress Theme, the theme for  "Propellente Theme001"
Version: 1.0.1
Tags: one-column, grid-layout, featured-images, full-width-template
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eyeshot
*/
/*
front page icons style
*/

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'FontAwesome'!important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-left:before {
  content: "\f053"!important;
}
.glyphicon-chevron-right:before {
  content: "\f054"!important;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
/*start of bootstrap blog css*/
.jumbotron{
    height: 635px;
    padding: 15% 2%;
    color: #fff;
    border-bottom: #ccc 1px solid;
    margin-bottom: 0;
}

.top h1{
    font-size: 45px;
    padding-bottom: 20px;
    color: #fff;
}

.top p{
    font-size: 20px;
    margin-bottom: 50px;
}

.boxes{
    text-align: center;
    background: #fff;
    margin-bottom: 30px;
}

.box .fa{
    font-size: 45px;
    padding: 5px;
}


/*
 * Globals
 */

body {
  font-family: 'Source Sans Pro', sans-serif;
  overflow-x: hidden;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: #333;
  letter-spacing: 1px;
}

h2 {
  color: #333;
   font-size: 40px; 
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 8px;
}

h3 {
  color: #444;
  line-height: 26px;
  letter-spacing: 1px;
  padding-bottom: 10px;
}

h4 {
  font-weight: bold; 
  letter-spacing: 3px;
  text-transform: uppercase;
 } 

p {
  font-size: 18px;
  letter-spacing: 0.8px;
  line-height: 28px;
}

a {
  text-decoration: none !important;
}
a:visited,
a:focus {
  outline: none;
  text-decoration: none !important;
}

/*
 * Override Bootstrap's default container.
 */


.container {
	width:100%
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
 @media (min-width: 992px) {
  .container {
    width: 100%;
  }
} 
 @media (min-width: 1200px) {
  .container {
    width: 100%;
  } 
}

/*
 * Masthead for nav
 */

.blog-masthead {
  background-color: #0a80a4; 
  box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
  position:fixed;
  width: 100%;
  z-index: 99;
  height:65px;
  padding: 1% 0 0 0; 
}
.blog-masthead img{
	max-height:42px;
}
/* Nav links */
.blog-nav-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  font-weight: 500;
  color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
  color: #fff;
  text-decoration: none;
}

/* Active state gets a caret at the bottom */
 .blog-nav .active {
  color: transparent;
  
} 
.blog-nav .active:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
  vertical-align: middle;
  content: " ";
  border-right: 5px solid transparent;
  border-bottom: 5px solid;
  border-left: 5px solid transparent;
}

#menu-primary-items li a.active-link{
  background: rgb(240,240,240);
  color:#0a80a4;
}
#menu-primary-items li a:target{
  background: rgb(240,240,240);
 color:#0a80a4;
}

#menu-home{
	float:right;
	font-size:18px;
	text-transform:capitalize;
}
.nav{
	float:right!important;
	font-size:18px;
	text-transform:capitalize;
}
/*
 * Blog name and description
 */

.blog-header {
  padding-top: 20px;
  padding-bottom: 20px;
}
.blog-title {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}
.navbar-brand{
	width:30%;
	height:1%!important;
	padding:0 0 1% 0!important;	
}

/*
 * Main column and sidebar layout
 */

.blog-main {
  font-size: 18px;
  line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
  padding: 15px;
  margin: 0 -15px 15px;
}
.sidebar-module-inset {
  padding: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
  margin-bottom: 0;
}

/* Pagination */
.pager {
  margin-bottom: 60px;
  text-align: left;
}
.pager > li > a {
  width: 140px;
  padding: 10px 20px;
  text-align: center;
  border-radius: 30px;
}

/*
 * Blog posts
 */

.blog-post {
  margin-bottom: 60px;
}
.blog-post-title {
  margin-bottom: 5px;
  font-size: 40px;
}
.blog-post-meta {
  margin-bottom: 20px;
  color: #999;
}


/*
 * Footer
 */

.blog-footer {
  padding: 2% 0;
  color: white;
  text-align: center;
  background-color: #212121;
  margin-top: -2.3%;
  font-family: monospace;
  font-size: 16px;
  line-height:1em;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}

.blog-footer span, .blog-footer a{color:#f9ab00;}

/*end of bootstrap blog css*/

.blog-nav a{
  color: #fff;
}

.blog-nav li a:hover{
  background-color: #fff;
  color: #428bca;
}

.post-thumb img{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* comments section */

.comments{
    border: 1px solid #ccc;
    padding: 10px;
}

.comments h3, .comments h2{
    color: #333;
    padding: 5px;
}

.comment-body{
    border: 1px solid #ccc;
    padding: 20px 10px;
}
#comment-2{
    list-style-type: none;
    background: #fff;
}

.comments-meta img{
    float: left;
}

.comment-reply-link{
    background: #f4f4f4;
    color: #666;
    display: inline-block;
    padding: 10px 15px;
}

.comment-form input{
    padding: 5px 20px;
    border: 1px solid #428bca;
    background: #428bca;
    color: #fff;
}

.comment-form input:hover{
    background: #fff;
    color: #428bca;
}

.comment-form textarea{
    width: 100%;
    height: 200px;
}

/* gallery */
.post-gallery h2{
    color: #428bca;
}

.post-gallery{
  background: #333;
  padding: 10px;
  color: #fff;
  text-align: center;
}

.icon-bar{background-color:#333!important;}
@media (max-width: 768px){
  .blog-nav .active{display:none;}
}

.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}

/* Feature section */
#feature{	
	background: rgb(240,240,240);
	color: #656565;
    padding: 3% 5%;
	display:table;
	/* margin: -2.5% 0 0 0; */
} 
#feature .feature-thumb {
  background-color: #ffffff;
  position: relative;
  padding: 6% 5% 5% 5%;
  margin-top: 15%;
  height:350px;
}
#feature .feature-icon {
  background-color: #222;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  top: 0;
  margin-top: -70px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: table;
  text-align: center;
  transition: all 0.4s ease-in-out;
}
#feature .feature-icon:hover {
  background-color: #c21500;
}
#feature .feature-icon span {
  display: table-cell;
  vertical-align: middle;
}
#feature .feature-icon .fa {
  color: #ffffff;
  font-size: 36px;
  margin: 0;
  padding: 0;
}

#feature h2{
	padding: 4% 0 0 0;
}
#feature h3 {
  padding-top: 14px;
  padding-bottom: 10px;
}

#feature p{
	text-align:justify;
}
#gridcontainer{
	width: 100%; 
	padding:2% 10%;
	display: inline-block;
	background: #c34c39; 
	padding: 1% 0 3% 0;
}
	
#gridcontainer .griditemleft, #gridcontainer .griditemright{
	float: left; 
	width: 23%; 
	margin: 1%;
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	-ms-transition: all .2s ease; 
	transition: all .2s ease; 
	border-radius:10px;
}
#gridcontainer .griditemleft a, #gridcontainer .griditemright a{
	padding: 2%;
	border: 2px solid white;
	border-radius: 2px;
	font-size: 18px;
	color: white;
}

#gridcontainer .postimage{
	border-radius:50%;
	ackground:#F5F5F5;
	margin: 0 0 10px 0;
	height:250px;
	overflow:hidden;
}
#gridcontainer .postimage img{
	width:100%;
	height:100%;
}
#gridcontainer h1{
	color:white;
	text-transform:capitalize;
}
#gridcontainer h2{
	color: white;
	padding: 6%  0 0 0;
}
#gridcontainer h3{
	color: white;
	padding: 2% 0;
	text-transform:capitalize;
}
#gridcontainer p{
	color: rgb(240,240,240);
	text-align: justify;
	padding: 0 7%;
	height: 200px;
	overflow: hidden;
	margin: 0 0 10% 0;
}
.grid-shadowbox{
	border:10px solid #FAFAFA;
	color:#428bca;
}
.listcontainer{
	background:#FAFAFA;
	display:table;
	padding: 1% 0 3% 0;
}
.listcontainer h1{
	padding:2% 0 0 0;
}
.listcontainer .content-list {
	width: 60%;
	float: left;	
}
.listcontainer .picture{
	width: 35%;
	float: left;
	height: 100px;
}
.listcontainer .picture img{
	width:100%;
}
.listcontainer .content-list ul{
	list-style:none;
	text-transform: capitalize;
	text-align:left;
}
.listcontainer .content-list ul li{
	margin: 5% 0;
	width: 100%;
	height: 100px;
	display: inline-table;
}
.listcontainer .content-list ul li .list-pic{
	display: inline-block;
	width: 14%;
	float: left;
	border-radius: 50%;
	background: #FAFAFA;
	background:url("images/gear.png") no-repeat center;
	height: 110px;
	box-shadow: 1px 1px 3px grey;
}
.listcontainer .content-list ul li .list-txt{
	display:inline-block;
	float:left;	
	width: 85%;
}
.listcontainer h2{padding: 6% 0 0 0;}
.listcontainer .content-list ul li .list-pic img{
	width:100%;
	height:100%;
	border-radius: 50%;
}
.listcontainer .content-list ul li h3, .listcontainer .content-list ul li p{
	float:left;
	margin: 0 0 0 2%;
}
.listcontainer .content-list ul li p, .about-us .left-list p{
	height:80px;
	overflow:hidden;
}
.about-us{
	background:#9acd32;
	padding:1%;
	display:inline-table;
}
.about-us h2{
	color:white;
	padding:6% 0 0 0;
}
.about-us h3{
	text-transform:capitalize;
}
.about-us .about-posts ul{
	list-style:none;
	text-align:left;
}
.about-us .about-posts ul li .full-list{
	width:100%;
}
.about-us .about-posts ul li .left-list {
	width: 45%;
	background: #FAFAFA;
	padding: 1%;
	border-radius: 10px;
	margin:1%;
	float:left;
	display:inline-block;
}
.about-us .about-posts ul li .right-list {
	width: 45%;
	margin:1%; 
	height: 155px;
	float:right;
	display:inline-block;
}
.about-us .about-posts ul li span{
	font-size: 45px;
	width: 9px;
	line-height: 89px;
	float: left;
	font-family: 'FontAwesome';
	content: "\f085";
	padding: 0% 0% 0% 2%;
	color: #428bca;
	position: relative;
	display:inline-block;
	float:left;
}
.about-us .about-posts ul li:nth-child(even) .left-list{
	float:right;
}
.about-us .about-posts ul li:nth-child(even) .right-list{
	float:left;
}  
.about-us .about-posts ul li .left-list:after{
	color: white;
	font-size: 21px;
	padding: 0 0%;
	font-family: 'FontAwesome';
	content: "\f101 ";
	position: absolute;
	margin: 7% 0% 0% 20%;
	float: right;
	font-size: 40px;
}
.about-us .about-posts ul li:last-child .left-list:after{
	display:none;
}
.about-us .about-posts ul li .left-list{
	box-shadow:   -1px 0px 0px #057d61,  -0px 1px 0px #057d61, 
				  -2px 1px 0px #057d61, -1px 2px 0px #057d61, 
				  -3px 2px 0px #057d61, -2px 3px 0px #057d61, 
				  -4px 3px 0px #057d61, -3px 4px 0px #057d61, 
				  -5px 4px 0px #057d61, -4px 5px 0px #057d61, 
				  -6px 5px 0px #057d61, -5px 6px 0px #057d61, 
				  -7px 6px 0px #057d61, -6px 7px 0px #057d61, 
				  -8px 7px 0px #057d61, -7px 8px 0px #057d61, 
				  -9px 8px 0px #057d61, -8px 9px 0px #057d61; 
	-webkit-box-shadow:   -1px 0px 0px #057d61,  -0px 1px 0px #057d61, 
				  -2px 1px 0px #057d61, -1px 2px 0px #057d61, 
				  -3px 2px 0px #057d61, -2px 3px 0px #057d61, 
				  -4px 3px 0px #057d61, -3px 4px 0px #057d61, 
				  -5px 4px 0px #057d61, -4px 5px 0px #057d61, 
				  -6px 5px 0px #057d61, -5px 6px 0px #057d61, 
				  -7px 6px 0px #057d61, -6px 7px 0px #057d61, 
				  -8px 7px 0px #057d61, -7px 8px 0px #057d61, 
				  -9px 8px 0px #057d61, -8px 9px 0px #057d61;
	-moz-box-shadow:   -1px 0px 0px #057d61,  -0px 1px 0px #057d61, 
				  -2px 1px 0px #057d61, -1px 2px 0px #057d61, 
				  -3px 2px 0px #057d61, -2px 3px 0px #057d61, 
				  -4px 3px 0px #057d61, -3px 4px 0px #057d61, 
				  -5px 4px 0px #057d61, -4px 5px 0px #057d61, 
				  -6px 5px 0px #057d61, -5px 6px 0px #057d61, 
				  -7px 6px 0px #057d61, -6px 7px 0px #057d61, 
				  -8px 7px 0px #057d61, -7px 8px 0px #057d61, 
				  -9px 8px 0px #057d61, -8px 9px 0px #057d61;
	-ms-box-shadow:   -1px 0px 0px #057d61,  -0px 1px 0px #057d61, 
				  -2px 1px 0px #057d61, -1px 2px 0px #057d61, 
				  -3px 2px 0px #057d61, -2px 3px 0px #057d61, 
				  -4px 3px 0px #057d61, -3px 4px 0px #057d61, 
				  -5px 4px 0px #057d61, -4px 5px 0px #057d61, 
				  -6px 5px 0px #057d61, -5px 6px 0px #057d61, 
				  -7px 6px 0px #057d61, -6px 7px 0px #057d61, 
				  -8px 7px 0px #057d61, -7px 8px 0px #057d61, 
				  -9px 8px 0px #057d61, -8px 9px 0px #057d61;
	-o-box-shadow:   -1px 0px 0px #057d61,  -0px 1px 0px #057d61, 
				  -2px 1px 0px #057d61, -1px 2px 0px #057d61, 
				  -3px 2px 0px #057d61, -2px 3px 0px #057d61, 
				  -4px 3px 0px #057d61, -3px 4px 0px #057d61, 
				  -5px 4px 0px #057d61, -4px 5px 0px #057d61, 
				  -6px 5px 0px #057d61, -5px 6px 0px #057d61, 
				  -7px 6px 0px #057d61, -6px 7px 0px #057d61, 
				  -8px 7px 0px #057d61, -7px 8px 0px #057d61, 
				  -9px 8px 0px #057d61, -8px 9px 0px #057d61;
}
.direction{
	width:100%;
	background:#EEEEEE;
	background-size:5%;
}
.direction iframe{
	width:90%;
	height:500px;
}
#testimonials h2, #direction h2{
	padding:6% 0 0 0;
}
.contact{
	display:inline-table;
	background:#FFEB3B;
	padding:2% 0;
	background:#f9ab00;
}
.contact .contact-details div {
	padding:1%;	
	font-size:16px;
}
.contact-details ul{
	list-style:none;
	margin:0 0 0 -10%;
}
.contact-details h3, .contact-form h3,.contact-details p, .contact-form p, .contact-details ul li{
	text-align:left;
	color:#3737337;
}
.contact-details ul li{
	font-size: 18px;
	line-height:1.7em;
}
.contact-details ul li h3{
	margin: 10% 0 0 0;
}
.contact-form form{
	width:100%;
}
.contact-form input, .contact-form textarea{
	border: 1px solid #BDBDBD;
	font-size: 18px;
	margin: 1% 0;
	padding:1%;
	width:300px;
	color:#3737337;
	border-radius: 0 5px 5px 0;
}
.contact-form textarea{
	height:100px!important;
}
.contact-form ul{
	list-style:none;
}
.contact-form ul li{
	margin:5% 0 0 0;
}
.contact-form #contact_form ul li:before{
	color: #424242;
	font-size: 20px;
	padding: 1px 2px;
	font-family: 'FontAwesome';
	margin: 0.25% 0 0 -8%;
	background: #E0E0E0;
	border: 1px solid #E0E0E0;
	border-radius: 5px 0px 0px 5px;
	width: 8%;
	float:left;
}
.contact-form #contact_form li:first-child:before{content:"\f007";}
.contact-form #contact_form li:nth-child(2):before{content: "\f0e0";}
.contact-form #contact_form li:nth-child(3):before{content: "\f10d";} 
.contact-form #contact_form li:nth-child(4):before{content: "\f040";height:98px;}

.contact-form #contact_form  button{
	border:2px solid #424242;
	background:transparent;
	padding:1% 3%;
	font-size: 18px;
	border-radius: 5px;
	float: left;
	margin: 0 5%;
}
.contact-form #contact_form li button:hover{background:white;border:2px solid #E0E0E0;color:#f9ab00;}

.contact-form .submit{
	float: right;
	width: auto;
	padding: 1% 6%;
	background: transparent;
	border: 3px solid #212121;
	border-radius:5px;
	color:#212121;
}

 .contact .connect img{
	width:70%;
} 
/**/
.btn-primary {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
}

.jumbotron div{
	background: rgba(0,0,0,0.5);
	padding: 2%;
	border: 5px solid white;
	width: 75%;
	margin: 0 0 0 10%;
}
.jumbotron p{
	font-size: 22px;
    letter-spacing: 4px;
	font-style: italic;
}

.col-3 {
  width: 25%;
}
#slider {
  overflow: hidden;
  white-space: nowrap;
}
.slide {
  display: inline-block;
  width: 100%;
  height:655px;
}
.carousel-inner{
	margin-bottom: -1%;
}
.carousel-caption{
	margin-bottom: 15%;
	border: 5px solid white;
	background: rgba(0,0,0,0.6);
	letter-spacing: 5px;
}
.carousel-caption h3{
	color:white;
	font-size:60px;
	text-transform:capitalize;
	padding:2% 0;
}
.carousel-caption p{
	font-style:italic;
	letter-spacing: 5px;
	text-transform:capitalize;
}
.slide ul li {
  display: inline;
  list-style-type: none;
}
.hidden {
  display: none;
}
 #spacer{width: 100%;height: 95px;} 
 /**/
/* .blog-nav .active{color:yellow;} */
#direction h2{display:none;}
.wp-caption , .wp-caption-text , .sticky , .screen-reader-text, .gallery-caption, .bypostauthor, .alignright, .alignleft, .aligncenter{
	clear:both;
}
/**/
.chpcs_foo_content {
    border: 1px solid white;
    box-shadow: 1px 1px 2px white;
}

.chpcs_foo_con{
	color:rgb(240,240,240);
}
.chpcs_more a{
	padding: 2%;
	border: 2px solid white;
	border-radius: 2px;
	font-size: 18px;
	color: white;
}
.chpcs_title a{
	color: white;
	padding: 2% 0;
	text-transform: capitalize;
	line-height: 26px;
	letter-spacing: 1px;
	font-size:24px;
}
.chpcs_img a img{
	border-radius: 50%;
	background: #F5F5F5;
	margin: 0 0 10px 0;
	width: 270px;
	height: 250px;
	overflow: hidden;
}
#gridcontainer p{
	margin: 0 0 0 0;
}
/**/

.post-type-archive-testimonials h1 {
    color: #21486f;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    margin-top:35px;
    margin-bottom:35px;
}
.post-type-archive-testimonials .testimonial-wrap {
    clear:both;
    min-height: 120px;
    background:#F7F7F7;
    margin-bottom:25px;
    padding:25px 35px 30px 70px;
    margin-left:60px;
    border-radius:6px;
    border:1px solid #E7E7E7;
}
.post-type-archive-testimonials .client-photo{
    float:left;
    width:100px;
    height:100px;
    border:6px solid #fff;
    border-radius:50%;
    box-shadow:1px 1px 5px #A8A7A7;
    position: absolute;
    left: 23px;
}
.post-type-archive-testimonials h2.post-title,
.post-type-archive-testimonials .client_name{
    color:#579241;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    margin-top:0;
}
.post-type-archive-testimonials .company {
    font-family:verdana;
    font-size:11px;
    color:#000;
}
.post-type-archive-testimonials .post-excerpt {
    margin-bottom:0;
}
.post-type-archive-testimonials .testimonial-wrap .post-excerpt p {
    color:#838383;
}
.testimonial-home h6 {
    background:#003658;
    border-radius:6px 6px 0 0;
    padding:12px 0 12px 20px;
    margin:0 0 0 20px;
    text-shadow:1px 1px 0 #000;
       color: #C4D8BC;
}
.testimonial-home h6 a {
     color: #C4D8BC;
}
.testimonial-home-inner {
    padding:35px 60px 42px 94px;
    border-radius:0 0 6px 6px;
    margin-left:20px;
    position:relative;
}
.testimonial-home-inner img {
    /* position:absolute; */
    left:-30px;
    top:25px;
}
.testimonial-home-inner p {
    font-size:16px;
    line-height:24px;
    font-style:italic;
	word-wrap: break-word;
}
.testimonial-home-inner .client-photo{
    float:left;
    width:85px;
    height:85px;
    border:6px solid #fff;
    border-radius:50%;
    box-shadow:1px 1px 5px #A8A7A7;
}

.testimonial-home-inner p.client_name {
    text-transform:uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 900;
    font-style:normal;
    margin-bottom:0;
}
.testimonial-home-inner p.company {    
    font-family:verdana;
    font-size:14px;
    font-style:normal;
    line-height: 16px;
}
.testimonial-singlepack{
	display:inline-block;
	width:44%;
	float:left;
	margin:1%;
	padding:1%;
	box-shadow: 3px 3px 3px #BDBDBD;
	border-radius: 5px;
}
.testimonial-content{
	height: 100px;
	overflow: hidden;
}
.testimonial-img{
	width:25%;
	display:inline-block;
	float:left;
}
.testimonial-name{
	width:70%;
	display:inline-block;
	text-align: left;
	margin: 6% 0 0 0;
}
.testimonial-home-inner ul {list-style:none;}
.testimonial-home-inner ul li:nth-child(1n){background:#35a2c9;color:white;}
.testimonial-home-inner ul li:nth-child(2n){background:#01bfa5;color:white;}
.testimonial-home-inner ul li:nth-child(3n){background:#fee25b;color:black;}
.testimonial-home-inner ul li:nth-child(4n){background:#ee534f;color:white;}
.testimonial-home-inner ul li:nth-child(5n){background:#3bc168;color:white;}
.testimonial-home-inner ul li:nth-child(6n){background:#8d4695;color:white;}
.testimonial-home-inner ul li:nth-child(7n){background:#db4d70;color:white;}

.clientcontainer{
	background: #d40e52;
	display: inline-table;
	padding: 0 0 4% 0;
	width:100%;
}
.clientcontainer .clientcontainer-title{
	display:block;
	width:100%;
}
.clientcontainer h2{color:white;padding: 6% 0 0 0;}
.client-list {
	list-style:none;
	display:block;
	width:100%;
	padding: 2% 0 15% 10%;
}
.client-list li{
	width:17%;
	display:inline-block;
	height:200px;
	float:left;
	padding:1%;
	margin:5px;
	background:#FAFAFA;
}
.client-list li:nth-child(2n), .client-list li:nth-child(2n) img{
	background:white;
	border-radius:50%;
}

.client-list li img{
	width:100%;
	height:100%;
}
/*slider*/
.nivo-caption{
	background: rgba(0,0,0,0.5);
    padding: 2%;
    border: 5px solid white;
    width: 75%; 
    margin: 0 0 20% 12%;
}
.nivo-caption h1{
	font-size: 4em;
	text-transform:capitalize;
	color: #fff;
	text-align:center;
}
.nivo-caption p{
	font-size: 24px;
    letter-spacing: 4px;
    font-style: italic;
	text-align:center;
	text-transform:capitalize;
}
.nivoSlider img{
	height:700px;
}
.nivo-imageLink img{
	height:700px;
}
.nivo-controlNav, .nivo-directionNav{
	display:none;
}
.nivo-directionNav a{
	color:white;
}
.nivo-prevNav{
	font-family: 'FontAwesome';
	content: "\f104";
	padding: 0% 0% 0% 2%;
	color: #428bca;
}
.nivo-nextNav{
	font-family: 'FontAwesome';
	content: "\f104";
	padding: 0% 0% 0% 2%;
	color: #428bca;
}
.nivo-controlNav .nivo-control{
	margin:0 5px;
}
#slider{
	height:650px;
	width:100%;
}
/**/
.chpc_slider_support{
	border-left:10px solid green;
}
.post-thumb{
	width:350px;
}
/*error page*/
#error-main-content ul li{
	font-family: 'FontAwesome';
	content: "\f104";
	padding: 0% 0% 0% 2%;
	color: #428bca;	
}
#error-main-content ul li:first-child{
	content: "\f104";	
}
.collapse{
	display:block!important;
}
/**/
#error-main-content{
	width:100%;
	text-align:center;
	color:#9E9E9E;
	font-size: 20px;
}
#error-main-content h1{
	color: #078dd0;
	font-size: 42px;
}
#error-main-content h1:before{
	font-family: 'FontAwesome';
	content: "\f119";
	padding: 0;
	color: #FF8A65;
	display: block;
	font-size: 200px;
}
#error-main-content ul{
	list-style:none;	
}
#error-main-content ul li{
	display: inline-block;
	margin: 1%;
	width: 10%;
	vertical-align: top;
}
#error-main-content ul li .link-title:before{
	font-family: 'FontAwesome';
	content: "\f015";
	padding: 0% 0% 6% 0%;
	color: #9E9E9E;
	display: block;
	font-size: 80px;
} 
#error-main-content ul li:nth-child(2) .link-title:before{content: "\f0a8";}
#error-main-content ul li:nth-child(3) .link-title:before{content: "\f2be";}
#error-main-content ul li a{
	color:#9E9E9E;
	text-decoration: none;
	text-transform:capitalize;
}
#error-main-content ul li a:hover{color:#428bca;}
#error-main-content ul li a:hover .link-title:before{color:#428bca;}
@media (max-width : 1023px) {
	#error-main-content ul li {
		margin: 1% 5%;
	}
}
@media (max-width : 767px)  { 
	#error-main-content ul {
		margin-left: -20%;
	}
}
@media (max-width : 479px)  {
	#error-main-content ul li{
		width: 20%;
	}
}

/* media query*/

@media (max-width : 1023px) { 
	.jumbotron{
		height:580px;
	}
	.jumbotron div{
		width: 85%;
		margin: 10% 0 0 7%;
	}
	#feature .section-title{
		margin:0 0 -20% 0;
	} 
	#feature .feature-thumb {
       height: auto;
	}
	#gridcontainer .postimage {
		height:180px;
	}
	.about-us .about-posts ul li .left-list{
		width:65%;
		margin: 2% 0;
	}
	.about-us .about-posts ul li .right-list{
		width:5%;
	}
	.contact .contact-form{
		margin: 0;
	}
	.contact .wpcf7-submit{
		float:right;
	}
	.contact-form input, .contact-form textarea{
		width: 250px;
	}	
	.contact-form #contact_form ul li:before{
		margin: 0.5% 0 0 -12%;
		width: 12%;
	}
	.contact-form form{
		width:100%;
	}
	.navbar-toggle {
      display: block;	 
    }
	.blog-masthead	{
		height:65px;
	}
	.navbar-header{
		width:100%;
	}
	.nav{
		background: rgba(0,0,0,0.6);
		width: 110px;
	}
	.nav li{
		float:none;
		display:block;
	}
	.collapse {
		display: block;
	}
	.dropdowncategories{
		display:inline-block;
		float:right;
		height:36px;
		margin:1%;
		background-color:#3f4248;
		float:right;
	}
	.dropdowncategories span{
		border-radius:1px;
		display:block;
		height:3px;
		width:20px;
		background-color:white;
		text-align:center;
		margin:6px;
	}
	.menu-primary button{display:none;}
	#menu-primary{
		width:120px;
		float:right;
		margin:0 25 0 0;
	}
	#menu-primary-items{
		padding:0;
		background:rgba(0,0,0,0.8);
		display:none;
	}
	#menu-primary-items li{
		text-align:center;
		float:none!important;
	}
	#menu-primary-items a{
		padding:10px 0!important;
		font-size:18px;
		font-weight:normal;
		text-align:center!important;
	}
	.navbar-nav li:active a{
		background:yellow;
	}
	#menu-primary-items li:hover{
		background:transparent;
		width:100%
	}
	.client-list li{
		height: 150px;
	}
	#slider{
		height:550px;
	}
	.listcontainer .content-list ul li .list-pic{
		height:75px;
	}
	.blog-footer{
		height: 113px;
		margin-top: -3.1%;
	}
}
@media (max-width : 979px)  { 
	.jumbotron div{
		width: 100%;
		margin: 10% 0 0 0;
	}
	#gridcontainer .griditemleft, #gridcontainer .griditemright{
		width:45%;
		margin:4% 1%;
	}
	
	#gridcontainer .postimage {
		height: 300px;
	}
	.listcontainer{
		padding:2% 0 0 0;
	}
	.listcontainer .content-list{
		width: 100%;
	}
	.listcontainer .picture{
		display:none;
	}
	.contact .connect{
		display:none;
	}
	.contact .contact-form, .contact .contact-details{
		display:inline-block;
		width:48%;
	}
	.contact-form #contact_form li:before{
		margin: 0.25% 0 0 -50.5%;
	}
	#menu-primary-items{
		margin: 0 -1% 0 0;
	}
	#feature h2{
		padding: 6% 0 10% 0;
	}
	#gridcontainer h2{
		padding:10% 0 0 0;
	}
	.about-us h2{
		padding:10% 0 0 0;
	}
	.client-list{
		padding: 2% 0 15% 7%;
	}
	.client-list li{
		height: 125px;
	}
	.testimonial-singlepack{
		width: 100%;
		margin-left: -10%;
	}
	.clientcontainer h2{
		font-size:2em;
		padding-top:10%;
	}
	.nivo-caption h1 {
		font-size: 3em;
	}
	.listcontainer .content-list ul li .list-pic{
		width:10%;
	}
	.slide, .slide .banner-image{
		height: 450px;
	}
	.carousel-inner > .item > img {
		height: 450px!important;
	}
	.carousel-caption h3{
		font-size:45px;
	}
	.carousel-caption p{
		letter-spacing:0;
	}
	.blog-footer {
		height: 100px;
		margin-top: -4%;
	}
}
@media (max-width : 767px)  { 
	.jumbotron{
		height:450px;
	}
	.blog-masthead	{
		height:65px;
	}
	.nav{
		background: rgba(0,0,0,0.6);
	}
	#feature .section-title{
		margin:0 0 0% 0;
	} 
	#gridcontainer .postimage {
		height: 250px;
	}
	.about-us{
		padding:1% 0 5% 0;
	}
	.about-us .about-posts ul li .left-list{
		width: 97%;
		margin: 2% 1%;
		padding: 2%;
		float: left;
	}
	.about-us .about-posts ul li .right-list{
		display:none;
	}
	.about-us .about-posts ul li .left-list:after{
		display:none;
	}
	.about-us .about-posts ul li:nth-child(2n) .left-list{float:left;}
	.direction{
		padding:1% 1%;
	}
	.direction iframe{
		height:350px;
	}
	/* .contact .col-sm-4 */
	.contact .contact-form, .contact .contact-details{
		vertical-align: top;
	}
	.contact .contact-details div
	{
		width:100%;
		display:block;
	}
	.navbar-brand{margin-left: 0;}
	.contact-form #contact_form li:before{
		margin: 0.25% 0 0 -49%;
	}
	.dropdowncategories{margin: 1% 0 0 0;}
	#menu-primary-items{
		margin: 0 2% 0 0;
	}
	.about-us .about-posts ul li .left-list{height:auto;}
	.client-list li {
		height: 110px;
	}	
	.nivo-caption h1{
		font-size:25px;
	}
	.nivo-caption p{
		font-size:18px;
		letter-spacing:1px;
	}
	#slider, #slider img{
		height:100%;
	}
	.about-us .about-posts ul li .full-list{
		margin-left:-2%;
	}
	.clientcontainer h2 {
		padding: 10% 0 0 0;
	}
	.listcontainer .content-list ul li .list-pic{
		height: 60px;
	}
	.blog-footer {
		height: 108px;
		margin-top: -5%;
	}
}
@media (max-width : 639px)  { 
	#gridcontainer .griditemleft, #gridcontainer .griditemright {
		width: 90%;
		margin: 4%;
	}
	#gridcontainer .postimage {
		height: 250px;
		width: 250px;
		margin: auto;
	}
	.about-us .about-posts ul li .left-list {
    margin: 2% -2%;
	}
	.contact{
		display:block;
	}
	.blog-footer p{
		font-size:14px;
	}
	.contact-form form {
		width: 72%;
		margin: 10% 0 0 3%;
		padding:0 0 10% 0;
	}
	.contact-form #contact_form li:before {
		margin: 0.25% 0 0 -37.5%;
		width: 8%;
	}
	
	#feature h2 {    padding: 12% 0 10% 0;}
	#gridcontainer h2,#listcontainer h2, #testimonials h2, .clientcontainer h2{padding:12% 0 0 0;}
	.about-us h2{padding:12% 0 0 0;}
	.testimonial-home-inner{padding:0;}
	.testimonial-singlepack{margin-left: -8%;}
	.client-list li{width:28%;}
	.nivo-caption{
		width:90%;
		margin: 0 0 20% 5%;
	}
	.nivo-caption h1{
		font-size:18px;
	}
	.listcontainer .content-list ul li .list-pic{
		height:50px;
	}
	.contact .contact-form, .contact .contact-details{
		width:97%;
	}
	.slide, .carousel-inner > .item > img {
		height: 350px!important;
	}
	.carousel-caption h3{
		font-size:30px;
	}
	.carousel-caption p{
		font-size:12px;
	}
	.blog-footer {
		height: 110px;
		margin-top: -7%;
	}
}
@media (max-width: 479px)  {
	h2{
		font-size:24px; 
	}	
	.contact-form form {
		margin: 10% 0 0 3%;
	}
	.contact-form #contact_form li:before {
		margin: 0.25% 0 0 -35.5%;
	}
	
	#menu-primary-items {
		margin: 0% 4% 0 0;
	}
	#feature h2 {    padding: 20% 0 10% 0;}
	#gridcontainer h2, #listcontainer h2, #testimonials h2,.clientcontainer h2{padding:20% 0 0 0;}
	.about-us h2{padding:20% 0 0 0;}
	.nivo-caption{
		margin: 0 0 11% 5%;
	}
	.listcontainer .content-list ul li .list-pic{
		height:35px;
	}	
	.contact-form #contact_form ul li:before {
		margin: 0.5% 0 0 -15%;
		width: 15%;
	}
	.carousel-caption h3 {
		font-size: 22px;
	}
	.blog-footer {
		height: 120px;
		margin-top: -8.3%;
	}
}

@media (max-width: 359px){
	.contact-form ul li {
		margin: 5% 0 0 -4%;
	}
	.contact .contact-form, .contact .contact-details {
		width: 100%;
	}
	.blog-footer {
		height: 124px;
		margin-top: -9.3%;
	}
}