/* custom CSS */

.shadingText {
		text-shadow: 1px 1px #000000;
}
.shadingTextWhite {
		text-shadow: 1px 1px #FFF;
}
.how-we-work-container {
        width:100%;
		position: relative;	
}

.header-container {
        position: relative;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)	
}

.circle {
		width:200px;
		height:200px;
		border-radius:50%;
		font-size:14px;
		font-family:tahoma;
		font-weight:600;
		color:#AAA;
		line-height:200px;
		text-align:center;
		border:2px solid #cecece;
		margin-bottom:20px;
		margin-right:21px;
}

.circleActive {
		width:200px;
		height:200px;
		border-radius:50%;
		font-size:14px;
		font-family:tahoma;
		font-weight:600;
		color:#AAA;
		line-height:200px;
		text-align:center;
		border:2px solid #d4b512;
		margin-bottom:20px;
		margin-right:21px;
}

.circleLaunch {
		width:200px;
		height:200px;
		border-radius:50%;
		font-size:14px;
		font-family:tahoma;
		font-weight:600;
		color:#AAA;
		line-height:200px;
		text-align:center;
		border:2px solid #d69b13;
		margin-bottom:20px;
		margin-right:21px;
}

.startCircle {
		width:200px;
		height:200px;
		border-radius:50%;
		font-size:14px;
		font-family:tahoma;
		font-weight:600;
		color:#AAA;
		line-height:200px;
		text-align:center;
		border:1px solid #CC0000;
		margin-bottom:20px;
		margin-right:30px;
}

.endCircle {
		width:200px;
		height:200px;
		border-radius:50%;
		font-size:14px;
		font-family:tahoma;
		font-weight:600;
		color:#AAA;
		line-height:200px;
		text-align:center;
		border:1px solid #CC0000;
		margin-bottom:20px;
		margin-right:30px;
}

.img-circle {
		position:absolute;
		border-radius:50%; 
		width:160px;
		height:160px;
		padding:10px;
		opacity:0.8;
		border:1px solid rgba(0, 0, 0, 0.11);
		z-index:50;
		left:20px;
		top:20px;
}

.innerTxt {
		position:relative;
		font-size:14px;
		font-family:tahoma;
		font-weight:500;
		color:#b3b3b3;
		text-align:center;
		z-index:100;
		margin-top:110px;
}

.innerTxt2 {
		position:relative;
		font-size:14px;
		font-family:tahoma;
		font-weight:500;
		color:#000;
		z-index:100;
		padding:2px;
}
.down-box-circles {
	/*width:1170px;
	height:300px;*/	
}

.down-box-circles h1 {
		font-size:30px;
		font-weight:200;
		padding-bottom:20px;	
}

.down-box-circles h3 {
		font-size: 16px;
		font-weight: 600;
		padding-bottom: 0px;
		color: #c60000;;
}

.down-box-circles h5 {
		font-size: 18px;
		text-align: center;
		font-weight: 200;
		/* padding-bottom: 15px; */	
}

.down-box h1 {
		font-size:30px;
		font-weight:200;
		padding-bottom:20px;	
}
.down-box-info {
	/*width:1170px;
	height:300px;*/	
}
.workBox {
		width:100%;
		height:300px;
		font-size:12px;
		font-family:'Raleway',sans-serif;
		font-weight:200;
		color:#AAA;
		line-height:200px;
		text-align:left;
		padding:10px;
		border:2px solid rgba(206, 206, 206, 0.38);
		margin-bottom:20px;
		margin-right:21px;
		transition: all 0.17s ease-in-out;
		-moz-transition: all 0.17s ease-in-out;
		-webkit-transition: all 0.17s ease-in-out;
		-o-transition: all 0.17s ease-in-out;
		cursor:default;
		background: rgba(241, 241, 241, 0.17);
}

.workBox:hover {
		box-shadow: 0 0 25px rgba(132, 131, 131, 0.84);
    	border: 1px solid #adadad;	
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
}

.workBoxHeader {
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 50px;
		background: rgba(105, 105, 105, 0.49);
}
.workBoxHeaderActive {
		position: relative;
		top: 0px;
		/* left: 0px; */
		height: 50px;
		background: rgb(214, 155, 19);
}
.workBoxHeader h3 {
		font-weight:400;
		color:#FFF;
		padding:10px;
		text-align:center;
}
.workBoxHeaderActive h3 {
		font-weight:400;
		color:#FFF;
		padding:10px;
		text-align:center;
}
.workBoxHeader p {
		color:#000;
		padding:10px;
		text-align:left;
}
.workBoxHeaderActive p {
		color:#000;
		padding:10px;
		text-align:left;
}

.skillBox {
		width:100px;
		height:100px;
		border:1px solid #cecece;
		border-radius:10px;
		padding:10px;
		margin-right:5px;
		margin-bottom:50px;	
}

.skillBoxDark {
		width:100px;
		height:100px;
		border:1px solid #cecece;
		border-radius:10px;
		padding:10px;
		margin-bottom:50px;
		margin-right:5px;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
   		filter: grayscale(100%);	
}
.skillBoxDark:hover {
		width:100px;
		height:100px;
		border:1px solid #cecece;
		border-radius:10px;
		padding:10px;
		margin-bottom:50px;
		margin-right:5px;
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
   		filter: none;
		/*width: 120px;
		height:120px;
		transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;*/	
}
.lineBreak {
	background:url(../images/border-bottom.png) center center no-repeat;	
}
.genericButton {
	display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px 20px;
    background: rgba(70, 69, 69, 0.76);
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
a.genericButton:hover{
    color: #d69b13;
    text-decoration: none;
    background: #333131;
}
a.genericButton:visited{
    color: #fff;
    text-decoration: none;
    background: rgba(70, 69, 69, 0.76);
}
a.read-more-work {
	position: absolute;
    top: 360px;
    left: 47px;
    display: inline-block;
    margin-top: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border: 2px solid rgba(0, 0, 0, 0.25);
    color: #171717;
    padding: 8px 12px;
    background: rgb(255, 255, 255);
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    text-transform: lowercase;
    text-decoration: none;
}
a.read-more-work i {
    color: #CC0000;
    font-size: 12px;
    margin-left: 7px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.read-more-work:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#preloader-folio  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(../images/loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
}
.checker-box {
    padding: 85px 0 25px;
    text-align: center;
    background: rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 50px;
	*/
}
.checker-box p {
	font-size: 18px;
    font-weight: 300;
    line-height: 2em;
    padding-top: 15px;
    color: #232323;	
}

.checker-box span {
	font-size: 18px;
    font-weight: 600;
	color: #c60000;
}

.checker-box sub {
    position: relative;
    top: -15px;
    font-size: 12px;
    font-weight: 600;
    color: #ccc7c7;
}

.checkerButton {
	height: 60px;
    background: #c60000;
	font-weight:400;
    color: #FFF;	
	display: inline-block;
    text-align: center;
    width: 141px;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 6px;
    -webkit-border-radius: 6px;
}

.testimonials-box-about {
    padding: 50px 0;
    background: url(../upload/banner14.jpg);
}

.project-detail-hover-box a.zoom {
    /*right: 50%;
    margin-right: 5px;
    background: url('../images/zoom.png') center center no-repeat;*/
	
	/* right: 50%; */
    left: 100px;
    /* margin-right: 5px; */
    background: url(../images/zoom.png) center center no-repeat;
}

.news-item span {
	font-weight:600;
}

.videoBlog {
	width:100%;
	height:477px;
	min-height:200px;
}