/* 
	Theme Name: Accountancy Place
	Theme URI: ITwedo4u.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Moien Ilyas
	Author URI: ITwedo4u.com
	Tags: HTML5, CSS3
	Company: ITwedo4u.com
*/

* {
	position: relative;
}

@media (max-width: 768px) {
	h1 {
		font-size: 30px;
		margin-top:15px;
	}
	
	h2 {
		font-size: 20px;
	}	
}
 
.blockit {
	display: block;
	padding: 2px;
}

.parallax {
	overflow: hidden;
	-webkit-background-size: 100%;
	-moz-background-size:  100%;
	-o-background-size:  100%;
	background-size:  100%;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-attachment:scroll;
	 background-attachment: fixed; */
	background-position: center center;
	min-height:100%;
}

.abs {
	position: absolute;
	top: 0px;
	left: 0px;
}

.bg {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	 z-index: -1;
}

.mvh100 {
	min-height: 100vh;	
}

/* ========== fixednav ==============*/

.navbar-fixed-top { 
	border-bottom: 2px solid #BCBCBC;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25);
}

.navbar-fixed-top .container {
	width: 100%;
	height: 70px;
}

#logo {
	margin: 5px;
	margin-right:5px;
	float: left;
	width: 40px;
}

a.navbar-brand {
	margin: 2px 5px;
	color: #8600B3;	
	font: 1.1em 'Arial';
	font-weight: bold;
	padding: 15px 5px;
}

a.navbar-brand.shortname {
	display: none;	
}

.navbar-fixed-top .navbar-nav li {
	padding: 5px 5px; 
}

.navbar-fixed-top .navbar-nav li a {
	font-weight: 800;
	font-size: 12px;
}

.navbar-fixed-top .navbar-nav li a:hover {
  	color: #8600B3;
	border-bottom: 2px solid #8600B3;
}


.navbar-fixed-top .active > a  {
  	color: #ffffff !important;
	
  	background-color: #8600B3 !important;
	
  	border: 2px solid #8600B3;
			-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
}


.navbar-fixed-top .dropdown:hover .dropdown-menu {
    display: block;
 }


.navbar-fixed-top .dropdown-menu > li > a {
	
	display: block;
	color: #777777;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	white-space: nowrap;
}

.navbar-fixed-top .dropdown-menu > li > a:hover {
	color: #8600B3;
	padding: 3px 16px;
	font-weight: bold;
	border-bottom: 0px solid #8600B3;
	

}

.collapse.in {
	 /* min-height: 100vh; */
	/* max-height: 100%; */
}

@media (min-width: 480px) {
	#logo {
		margin: 5px;
		margin-right:15px;
		width: 50px;
	}

	a.navbar-brand {
		font: 1.5em 'Arial';
	}
}

@media (max-width: 768px) {
	.collapse.in {
		min-height:400px;
		background: #fff;
	}
}

@media (min-width:768px) and (max-width: 991px) {

	a.navbar-brand.fullname {
		display: none;	
	}
		
	a.navbar-brand.shortname {
		display: inline-block;
		font-weight:bold;
	}
	
	.navbar-fixed-top .navbar-nav li {
		padding: 5px 0px; 
	}
	
	.navbar-fixed-top .navbar-nav li a {
		font-weight: 500;
		font-size: 13px;
	}
	
}

/* END */

/* ========== header ==============*/

	header {
		padding: 5px 20px;
		margin: 10px 0;
		width: 97%;
		-webkit-border-radius: 0 30px 30px 0;
		-moz-border-radius: 0 30px 30px 0;
		border-radius: 0 30px 30px 0;		
	}

	
	
	.header-bg {
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.4);
		box-shadow: 0 4px 6px rgba(0,0,0,.4);			
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.6) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left, right, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.6))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.6) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#99ffffff',GradientType=0 ); /* IE6-9 */
	}

	.header-centered {
		padding: 5px 20px;
		margin: 10px auto;
		width: 80%;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-align: center;
	}	
	
	.header-posts {
	
		border: 2px solid #8600B3;
		padding: 5px 20px;
		margin: 30px auto;
		margin-bottom: 50px;
		width: 80%;
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
		box-shadow: 0 4px 6px rgba(0,0,0,.3);			
	}
	
	.header-posts h1 {
		
		color: #8600B3;
		font-size: 2em;
	}
	
/* END */


/* ========== footer ==============*/


/* END */


/* ========== sections ==============*/

	section {
		position: relative;
		padding-top: 100px;
		padding-bottom: 20px;
	}

	body.home > section {
		position: relative;
		padding-top: 75px;
		padding-bottom: 20px;
	}	
	


/* ========== section home ==============*/

	#home { padding: 0px; }

	/* slide */
	#main-slide { height: 100vh; min-height: 480px;}
	#main-slide .carousel-inner {height:100%; min-height: 480px;}
	#main-slide.carousel .item {
		position: absolute;  /* for mobile as background-attachment doesn't work*/
		width: 100%;
		height: 100%;
		z-index: -5;
	}
	/* banner and slogan */
 
	.banner-text {
		position: absolute;
		top: 7%;
		width:100%;
		text-align: center;
		color: #8600B3;
		
	}

	.banner-text span{
		display: block;
		margin-bottom: .5em;
	}
	
	.banner-text.white {
		color: #fff;	
	}
	
	.banner-text.purple {
		color: #8600B3;
	}

	.banner-text.blue {
		color: #54D9FF;
	}

	.company-name{ font: 4em Stalemate, Revalia,arial,sans-serif; }

	.slogan { font: 1.6em 'Fanwood Text', Revalia,arial,sans-serif; }
	
/* iphone5 fix */
@media (max-height: 460px) {
	.slogan  {
		display: none;
		visibility: hidden;
	}
}
@media (min-width: 480px) {
	
	.company-name{ font-size: 5.5em; }

	.slogan { font-size: 2.2em; }

}

@media (min-width: 590px) {
	
	.company-name{ font-size: 6em; }

	.slogan { font-size: 2.6em; }

}

@media (min-width: 768px) {

	.company-name{ font-size: 6.5em; }

	.slogan { font-size: 3.2em; }

}

@media (min-width: 992px) {

	.company-name{ font-size: 7em; }

	.slogan { font-size: 4em; }

}


	/* navigation*/

	#mainnav {
		width: 100%;
		position:absolute;
		bottom:10%;
		text-align: center;
	}

	#mainnav ul { 
		display: inline-block; 
		padding: 0px;
		max-width: 210px;
		width: 100%;
		margin: 0 auto;
	}

	#mainnav ul li {
		list-style: none;
		float: left;
		margin: 2px 5px;		
		padding: 5px;
		width: 95px;
		height: 65px;
		border: 2px solid #fff;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;

		background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(255,255,255,0.2) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(36%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.2)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,0.2) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,0.2) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,0.2) 100%);
		background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 36%,rgba(255,255,255,0.2) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#33ffffff',GradientType=1 );


	}

	#mainnav span{
		display: block;
		padding: 2px;
		color: #04b2e8;
		font-size: 1.8em;
	}
	
	#mainnav li span:nth-of-type(2) {

		font-family: 'Montserrat Alternates', sans-serif;
		font-size: 12px;
/* 		letter-spacing: 2px;
		word-spacing: 2px; */
		text-transform:uppercase;
		height: 40px;
		vertical-align: middle;
		
	}
	
	#mainnav a {
		text-decoration: none;
		display: block;
	}

	#mainnav li:hover {
		
		background: -moz-linear-gradient(-45deg,  rgba(135,224,253,0.2) 0%, rgba(135,224,253,1) 64%, rgba(135,224,253,1) 100%);
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(135,224,253,0.2)), color-stop(64%,rgba(135,224,253,1)), color-stop(100%,rgba(135,224,253,1)));
		background: -webkit-linear-gradient(-45deg,  rgba(135,224,253,0.2) 0%,rgba(135,224,253,1) 64%,rgba(135,224,253,1) 100%);
		background: -o-linear-gradient(-45deg,  rgba(135,224,253,0.2) 0%,rgba(135,224,253,1) 64%,rgba(135,224,253,1) 100%);
		background: -ms-linear-gradient(-45deg,  rgba(135,224,253,0.2) 0%,rgba(135,224,253,1) 64%,rgba(135,224,253,1) 100%);
		background: linear-gradient(135deg,  rgba(135,224,253,0.2) 0%,rgba(135,224,253,1) 64%,rgba(135,224,253,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3387e0fd', endColorstr='#87e0fd',GradientType=1 );

		/* background-color: #8bb3d4; */
	}

	#mainnav li:hover span {
		color: #fff;
	}

@media (min-width: 480px) {
	
	#mainnav ul { 
		min-width: 320px;
	}		
}


@media (min-width: 768px) {
	
	#mainnav ul { 
		min-width: 720px;
	}
	
	#mainnav ul li {
		margin: 5px;
		padding: 5px;
		width: 110px;
		height: 110px;
	}
	
	#mainnav span{
		font-size: 3.5em;
	}

	#mainnav li span:nth-of-type(2) {
		font-size: 14px;
	}
	
}

/* ========== section speciality ==============*/
	#speciality {
		padding-bottom: 80px;
	}

	#speciality-r1 .col-md-3 {
		padding: 0 7px;
	}

	#speciality .section-bg {
	
background: -moz-linear-gradient(top,  rgba(254,182,69,0.9) 0%, rgba(241,231,103,0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,182,69,0.9)), color-stop(100%,rgba(241,231,103,0.4)));
background: -webkit-linear-gradient(top,  rgba(254,182,69,0.9) 0%,rgba(241,231,103,0.4) 100%);
background: -o-linear-gradient(top,  rgba(254,182,69,0.9) 0%,rgba(241,231,103,0.4) 100%);
background: -ms-linear-gradient(top,  rgba(254,182,69,0.9) 0%,rgba(241,231,103,0.4) 100%);
background: linear-gradient(to bottom,  rgba(254,182,69,0.9) 0%,rgba(241,231,103,0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6feb645', endColorstr='#66f1e767',GradientType=0 );
		height: 100%;
		width: 100%;
	}
	
	#speciality div.parallax {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;	
	
		background-position: bottom center;
		background-image: url(../images/bg-speciality.jpg);
		/* top: -5%; */
		display: block;
		height: 100%;
		width: 100%;
		z-index: -2;
	}

	
	#speciality h2 {
		margin: 30px auto;
		text-align: center;
		color: #FFFFFF;
	
	}

	.speciality-box {
		position: relative;
		max-width: 250px;
		min-height: 270px;
		margin: 20px auto;
		padding: 5px;
		font-size: 14px;
		line-height: 1.6em;
		color: #8600B3;
		background-color: rgba(255,255,255, 0.9);
		overflow: visible;
		
		-webkit-border-radius: 50px 10px;
		-moz-border-radius: 50px  10px;
		border-radius: 50px 10px;
		border: 2px solid rgba(255,255,255, 0.9);
		
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.4);
		box-shadow: 0 4px 6px rgba(0,0,0,.4);			

	}
	
	.speciality-box .link {
		list-style-type: none;
		padding-top: 5px;
	}
	
	.speciality-box.b4 {
		color: #ffffff;
		padding: 30px;
		background-color: rgba(254,182,69,1);
		font-weight: bold;
	}
	
	.speciality-box .image-box {
		position: relative;
		display: block;
		width: 35%;
		height: auto;
		margin: 10px auto;
		padding: 2px;
		
	}
	

	.speciality-box .image-box img {
		width: 100%;

	}
	
	.speciality-box ul {
		margin: 0 auto;
		
	}

/* a small fix to keep  1 column till  */
@media (min-width:480px) and (max-width:620px)  {
	#speciality {
		padding-bottom: 120px;
	}
	
	#speciality .col-xs-B-6 {
		width: 100%;
		
	}
}	
	
/* slight increse*/
@media (min-width:550px) {
	#speciality {
		padding-bottom: 120px;
	}

	
	#speciality h2 {
		font-size: 26px;
	}	
	
	.speciality-box {
		max-width: 270px;
		min-height: 330px;
		font-size: 15px;		
	}
	
	.speciality-box .image-box {
		width: 45%;		
		margin: 20px auto;		
		padding: 5px;
		
	}
	
}

/* further increse and 2 columns (from above at 620px) */
@media (min-width:768px) {
	#speciality {
		padding-bottom: 160px;
	}

	.speciality-box {
		max-width: 300px;
		min-height: 350px;
		font-size: 15px;		

	}

	.speciality-box .image-box {
		width: 45%;
	}
	
}


/* due to 4 columns slight decrease*/
@media (min-width:992px) {
	


	.speciality-box {
		max-width: 300px;
		min-height: 285px;
		font-size: 14px;
		padding: 1px;

	}

	.speciality-box .image-box {
		width: 45%;
		height: auto;
		margin: 20px auto;		
		padding: 1px;
		
	}
	
	#speciality h2 {
		margin: 8px auto;
	}

	.speciality-box.b4 {		
		padding: 30px 10px 2px;
		font-size: 14px;
	}
		
}	

@media (min-width:1200px)  {
	#speciality {
		padding-bottom: 220px;
	}
	

	
	.speciality-box {
			max-width: 300px;
			min-height: 350px;
			margin: 10px auto;
			padding: 5px;
			font-size: 15px;
			line-height: 1.6em;

	}
	
	.speciality-box.b4 {		
		padding: 30px;
		font-size: 16px;
	}
	
	.speciality-box .image-box {
		width: 50%;
		height: auto;
		margin: 20px auto;
		padding: 5px;
	}
	
}
	
/* ========== section Why Us ==============*/
	
	#whyus .section-bg {
		background-color: rgba(249,92,247, 0.3);
		height: 100%;
		width: 100%;
	}
	
	#whyus div.parallax {
		background-position: top right;
		background-image: url(../images/bg-whyus-250.jpg);
		background-repeat: repeat-y;
		top: 0%;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -3;
	}
	
	#whyus .emphasis {
		font-weight: bold;
		color: rgba(217,4,142,1);
	}
	
	.whyus-box {
		position: relative;
		max-width: 290px;
		margin: 15px auto;
		padding: 10px 15px;	
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius:  10px;	
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.4);
		box-shadow: 0 4px 6px rgba(0,0,0,.4);		

background: -moz-linear-gradient(45deg,  rgba(249,249,249,0.5) 0%, rgba(251,251,251,0.9) 20%, rgba(255,255,255,0.9) 48%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,0.51) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(249,249,249,0.5)), color-stop(20%,rgba(251,251,251,0.9)), color-stop(48%,rgba(255,255,255,0.9)), color-stop(80%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.51)));
background: -webkit-linear-gradient(45deg,  rgba(249,249,249,0.5) 0%,rgba(251,251,251,0.9) 20%,rgba(255,255,255,0.9) 48%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.51) 100%);
background: -o-linear-gradient(45deg,  rgba(249,249,249,0.5) 0%,rgba(251,251,251,0.9) 20%,rgba(255,255,255,0.9) 48%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.51) 100%);
background: -ms-linear-gradient(45deg,  rgba(249,249,249,0.5) 0%,rgba(251,251,251,0.9) 20%,rgba(255,255,255,0.9) 48%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.51) 100%);
background: linear-gradient(45deg,  rgba(249,249,249,0.5) 0%,rgba(251,251,251,0.9) 20%,rgba(255,255,255,0.9) 48%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f9f9f9', endColorstr='#82ffffff',GradientType=1 );
		
	
		font-size: 13px;
		font-weight: bold;

	
	}


	#whyus .row:nth-of-type(1) .whyus-box {
		min-height: 180px;
		margin-top: 42px;
		padding-top: 50px;
		
	}

	.whyus-box .num-box {
		position: absolute;
		display:block;
		top:-25px;		
		padding-top:12px;

		/* background-color: rgba(209,209,209, 1); */
		background-color: rgba(0,133,20, 0.9);

		color: #fff;
		font-size: 25px;
			
		width: 60px;
		height: 60px;		
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius:  70px;
		
		text-align: center;
		vertical-align: middle;

	}	
	
	.whyus-box.b1 .num-box {
		background-color: rgba(217,4,142, 0.7);
	}

	.whyus-box.b2 .num-box {
		background-color: rgba(217,4,142, 0.8);
	}

	.whyus-box.b3 .num-box {
		background-color: rgba(217,4,142, 0.9);
	}

	
	.whyus-box.b4 .num-box {
		background-color: rgba(217,4,142, 1);
	}
	
	
	
	.whyus-box.b5 {
		border: 2px solid rgba(217,4,142, 0.8);
		max-width: 99%;
		
	}
	
	.whyus-box.b5 h2 {
		color: rgba(217,4,142,1);
	}
	
	#whyus ul {
		display: inline-block;
		list-style-type: none;
		font-size: 12px;
		font-weight: bold;
		padding-left:5px;
	}



	#whyus ul li {
		background-image: url(../images/1395023834_15_Tick_48x48.png);
		background-size: 15px;
		background-repeat: no-repeat;
		background-position: 0px 5px;
		padding: 7px;
		padding-left: 30px;
	
		overflow-x: visible;
}

/* a small fix to keep  1 column till  */
@media (min-width:480px) and (max-width:550px)  {
	
	#whyus .col-xs-B-6 {
		width: 100%;
		
	}
}
	
@media (min-width:480px) {
	.whyus-box {
		font-size: 16px;	
	}
	
	#whyus div.parallax {
		background-image: url(../images/bg-whyus-500.jpg);
	}
	

	#whyus .row:nth-of-type(1) .whyus-box {
		min-height: 245px;
		margin-top: 42px;
		padding-top: 50px;
		
	}

	.whyus-box .num-box {

		top:-35px;		
		padding-top:12px;
		font-size: 30px;			
		width: 70px;
		height: 70px;		
		-webkit-border-radius: 70px;
		-moz-border-radius: 70px;
		border-radius:  70px;
	}	

	#whyus ul {
		padding-left: 20px;
		font-size: 14px;
	}
	
	#whyus ul li {
		background-size: 20px;
	}
	
}

@media (min-width:768px) {

	#whyus div.parallax {
		background-image: url(../images/bg-whyus-750.jpg);
	}

	#whyus .row:nth-of-type(1) .whyus-box {
		min-height:215px;
		
	}
	
}

@media (min-width:992px) {
	#whyus .row:nth-of-type(1) .whyus-box {
		min-height:270px;
		
	}
	
	#whyus div.parallax {
		background-position: top center;
		background-image: url(../images/bg-whyus.jpg);
	}
	
	
}

@media (min-width:1200px) {
	#whyus .row:nth-of-type(1) .whyus-box {
		min-height:220px;
		
	}
	
}

/* ========== section Client Testimony ==============*/

	#testimony .section-bg {
		 background: -moz-linear-gradient(top,  rgba(100,182,69,0.9) 0%, rgba(100,231,103,0.4) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,182,69,0.9)), color-stop(100%,rgba(100,231,103,0.4)));
		background: -webkit-linear-gradient(top,  rgba(100,182,69,0.9) 0%,rgba(100,231,103,0.4) 100%);
		background: -o-linear-gradient(top,  rgba(100,182,69,0.9) 0%,rgba(100,231,103,0.4) 100%);
		background: -ms-linear-gradient(top,  rgba(100,182,69,0.9) 0%,rgba(100,231,103,0.4) 100%);
		background: linear-gradient(to bottom,  rgba(100,182,69,0.9) 0%,rgba(100,231,103,0.4) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e664b645', endColorstr='#6664e767',GradientType=0 );
		height: 100%;
		width: 100%;
	}
	
	#testimony .bg {
		background: #ffffff;
	}
	
	
	#testimony .testimony-box {
		/* min-height: 300px; */
		height: 100%;
	}

	#testimony .testimony-box p {
		padding: 5px;
		margin: auto 10px;
		
	}
	

	#testimony .photo-frame  {
		max-width: 155px;
		max-height: 180px;
		background: rgba(100,182,69,0.3);
		margin: 5px auto;
		padding: 15px 15px 25px;
		text-align: center;
		text-decoration: none;
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
		box-shadow: 0 4px 6px rgba(0,0,0,.3);
		
	}

	
	#testimony .photo-frame img {
		display: inline-block;
		width: 95%;
		max-height: 100%;
	}	

	#testimony .photo-frame span {
		margin: 15px 0;
		font-weight: bold;
	}

	#testimony p{
		font-family: 'Alegreya', serif;
		font-size: 16px;
	}


	.bubble, .bubble_right, .bubble_r {
		position: relative;
		margin: 35px 2px 10px;
		padding: 2px;
		background: #FFFFFF;
		-webkit-border-radius: 19px;
		-moz-border-radius: 19px;
		border-radius: 15px;
		border: rgba(100,182,69,0.9) solid 5px;
		
		
	}


	.bubble:before, .bubble_r:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 19px 29px;
		border-color: rgba(100,182,69,0.9) transparent;
		display: block;
		width: 0;
		z-index: 0;
		top: -34px;
		left: 43.4%;
	
	}




@media (min-width:768px) {
	
	#testimony .photo-frame  {
		width: 100%;
		max-height: 180px;
		margin: 20px auto;
	}
	
	.bubble, .bubble_right {
		margin: 20px;
		padding: 20px;
	}

	.bubble:after  {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 17px 50px 17px 0;
		border-color: transparent #FFFFFF;
		display: block;
		width: 0;
		z-index: 1;
		left: -44px;
		top: 43px;
	}

	.bubble:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 21px 54px 21px 0;
		border-color: transparent rgba(100,182,69,0.9) ;
		display: block;
		width: 0;
		z-index: 0;
		left: -55px;
		top: 39px;
	}
	


	.bubble_right:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 17px 0 17px 50px;
		border-color: transparent #FFFFFF;
		display: block;
		width: 0;
		z-index: 1;
		right: -50px;
		top: 43px;
	}

	.bubble_right:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 21px 0 21px 54px;
		border-color: transparent rgba(100,182,69,0.9);
		display: block;
		width: 0;
		z-index: 0;
		right: -59px;
		top: 39px;
	}

}

@media (min-width:768px) {
	

}

	
	
/* ========== section Our Services ============== */
	#services-r1 .col-md-3 {
		padding: 0 5px;
	}


	#services.section-bg { 

		background: #05abe0; /* Old browsers */
		background: -moz-linear-gradient(top,  #05abe0 0%, #13c9f7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#05abe0), color-stop(100%,#13c9f7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #05abe0 0%,#13c9f7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #05abe0 0%,#13c9f7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #05abe0 0%,#13c9f7 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #05abe0 0%,#13c9f7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#13c9f7',GradientType=0 ); /* IE6-9 */
	}

	#services header {
		
		background: #fff;
		color: #05abe0;
	}

	.service-box {
		max-width: 270px;
		max-height: 220px;
		margin: 5px auto;
		padding: 0px;
		text-align: center;
		background-color: #fff;
		background-color: rgba(162,84,191,0.8);
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.4);
		box-shadow: 0 4px 6px rgba(0,0,0,.4);		
		
	}

	.service-box span {
		display: block;
		padding: 10px 0; 
		height: 38px;
		font-size: 16px ;
		font-weight: bold;
		color: #fff;
		background-color: #A3D900;
	}


	.service-box  img {
		display: inline-block;
		width: 100%;
		max-height: 180px;
	}

	#services a {
		text-decoration: none;
	}
	
	#services a:hover .service-box span {
		background-color: #8600B3;
	
	}

/* ========== section News ==============*/



	#news {
		padding-bottom: 110px;
		background: #ffffff;
	}


	#news .header-bg{
		background: rgba(34,76,155,0.9);
		color: #ffffff;
	}

	
	.news-box {
		max-width: 270px;
		min-height: 340px;
		margin: 20px auto;
		padding: 0px;
		text-align: center;
		/*background-color: rgba(134,0,179,0.7);*/
		background-color: rgba(34,76,155,0.9);
		-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
		box-shadow: 0 0 20px rgba(0,0,0,.4);	
	}	

	#news a {
		color: #fff;
		text-decoration: none;
	}	

	#news a:hover .news-box {
		background-color: rgba(134,0,179,0.7);
	}	

	.news-box .thumbnail-box  {
		width: 100%;
		min-height: 170px;
	}
	
	.news-box .thumbnail-box img {
		display: inline-block;
		width: 100%;
		height: 100%;
		max-height: 170px;
		margin-bottom: 5px;
	}	
	
	
	.news-box .excerpt-box {
		padding: 5px 10px 15px;
		color: #fff;
		font-family: 'Arial', serif;
		font-size: 12px;
		text-align:justify;
		
	}

	.news-box h4 {
		font-size: 14px;
		font-weight: bold;
		font-family: 'Arial', serif;

	}
	

	
	.news-box span {
		display: block;
		position: absolute;
		bottom: 23px;
		left: 50%;
		margin-left:-40px;
		color: #fff;
	}

	/* footer */

	#news footer {
		position: absolute;
		/* height: 210px; */
		bottom: 10px;
		width: 100%;
		display: inline-block;
		
		
	}
	
	#news div.footer {
		position: relative;
		max-width: 100%;
		margin: 20px 0 0 0;

	}

	#news div.footer img{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		max-height: 210px;
		border-top: 2px solid rgba(34,76,155,0.9);
		border-bottom: 2px solid rgba(34,76,155,0.9);		
	}

	#news div.footer div {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#news div.footer div span {
		position: relative;
		display: block;
	}


	#news div.footer span {
		color: #05abe0;
	}

	#news div.footer span:nth-of-type(1){
		display: block;
		top: 3%;
		left: 3%;
		font-size: 15px;
	}

	#news div.footer  span:nth-of-type(2){
		top: 33%;
		left: 3%;
		font-size: 9px;
		width: 200px;
	}

	#news div.footer  span:nth-of-type(3){
		top: 60%;
		left: 15%;
		font-size: 22px;
		color: #A3D900;
	}




	
	
	
/* a small fix to keep  1 column till  */
@media (min-width:480px) and (max-width:570px)  {
	
	#news .col-xs-B-6 {
		width: 100%;
		
	}
}


@media (min-width: 480px) {

	#news {
		padding-bottom: 165px;
	}
	
	#news div.footer span:nth-of-type(1){
		font-size: 20px;
	}

	#news div.footer  span:nth-of-type(2){
		font-size: 11px;
		width: 470px;
	}

	#news div.footer  span:nth-of-type(3){
		font-size: 30px;
	}

}	

@media (min-width:625px) {

	#news div.footer  span:nth-of-type(2){
		font-size: 14px;
		width: 600px;
	}
}

@media (min-width:768px) {

	#news {
		padding-bottom: 185px;
	}

	#news div.footer span:nth-of-type(1){
		font-size: 30px;
	}

	#news div.footer  span:nth-of-type(2){
		font-size: 18px;
		width: 760px;
	}

	#news div.footer  span:nth-of-type(3){
		font-size: 35px;
	}

	
}

@media (min-width: 992px) {

	#news {
		padding-bottom: 202px;
	}
	
	#news div.footer  span:nth-of-type(2){
		font-size: 24px;
		width: 990px;
	}	

	#news div.footer  span:nth-of-type(3){
		font-size: 45px;
	}	
	
	
}
	
	
/* ========== section Contact Us ==============*/

	#contact {
		background-image: url(../images/blend-70-2.png);
		background-repeat: repeat;
		/* background-color: #000066; */
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
	}

	header {
		text-align: center;
	}
	
	.contact-box {
		padding: 10px;
	}
	
	.contact-box.b2 div {
		margin: 20px 0;
	}

	.contact-detail {
		display: inline-block;
		width: 50px;
	}
	
	#contactus-frm input,  #contactus-frm textarea, #btn-submit  {
		width: 90%;
		height: 30px;	
		border: 1px solid #fff;
		border-radius: 3px;
		padding-left: 4px;
		margin: 10px;
		background-color: rgba(255,255,255,0);
	}

	#contactus-frm textarea {
		height: 250px;
	}
	
	#btn-submit {
		width: 200px;
	}
	
	

	#btn-submit:hover 
	{
		border: 1px solid #99FFE5; 
		/* background: #99FFE5; */
		color: #99FFE5;
	}
	
  #contactus-frm input:required:invalid, #contactus-frm input:focus:invalid, 
  #contactus-frm textarea:required:invalid, #contactus-frm textarea:focus:invalid {
    background-image: url(../images/cross18x18.png);
    background-position: right top;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
  }
  
  #contactus-frm input:required:valid, #contactus-frm textarea:required:valid {
    background-image: url(../images/tick20x20.png);
    background-position: right top;
    background-repeat: no-repeat;
  }

	
	
	#contact .success-box, #contact .error-box {
		position: relative;
		background-color: rgba(255,255,255, 0.8);
		padding: 5px;
		padding-right: 30px;
		margin: 10px auto;
		display: inline-block;
		border: 2px solid #fff;
		border-radius: 5px;
		color: #196600;
		
	}
	
	#contact .error-box {
		background: rgba(255,99,99, 0.3);
		color: rgba(255,99,99,1);
	}
	
	#contact .error {
		background-color: #FF9999;
	}
	
	#contact .close-box {
		position: absolute;
		right: 5px;
		top: 5px;
		background-image: url(../images/1395351090_fileclose.png);
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		
	}

/* ========== Category Page ==============*/
	#category h1 {
		font-size: 1.5em;
	}


	
	#category article{
		width: 100%;
		height: auto;
		min-height: 220px;
		margin: 20px 5px;
		border-bottom: 2px dotted #8600B3;
		font-size: 13px;
	}
	#category .row {
		min-height: 100%;
	}
	#category .article-box {
		min-height: 95%;
	
	}
	
	#category h2 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 10px;
	}


		
	#category  .thumbnail-box {
		min-width: 200px;
		max-width: 250px;
		max-height: 180px;
		margin: 10px auto 25px;

		background-color: rgba(162,84,191,0.8);
		-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 4px 6px rgba(0,0,0,.4);
		box-shadow: 0 4px 6px rgba(0,0,0,.4);		
		
	}

	#category .thumbnail-box  img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	#category .excerpt-box {
		margin: 10px auto;
	}
	

@media (min-width: 480px) {
	#category h1 {
		font-size: 1.7em;
	}

	#category article{
		font-size: 14px;
	}

	#category h2 {
		font-size: 21px;
		font-weight: normal;
	}	

	#category .excerpt-box {
		margin: 10px 40px;
	}	
	
	
}
	
@media (min-width: 768px) {
	#category h1 {
		font-size: 2em;
	}

	#category h2 {
		font-size: 24px;
	}	
	
	#category  .thumbnail-box {
			margin: 10px auto;
		
	}

}