@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;

	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block; 
}

/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%;
}
.clearfix {
	display: block;
}
p{
	margin:15px 0;
	line-height:22px;
}
body{
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	color:#79787f;
	background:#77767a;
}
h1 {
	font-size: 2em;
	line-height: 28px;
}
h2 { 
	font-size: 1.5em;
}
h3 {
	font-size: 18px;
	color:#4a4a4a;
	font-weight:600;
}
h4 {
	font-size: 1.12em;
}
h5 {
	font-size: .83em;
}
h6 {
	font-size: .75em;
}
a{
	text-decoration:none;
	color:inherit;
}
header,
footer,
.main-content{
	width:1080px;
	margin:0 auto;
}
.container{
	width:1000px;
	margin:0 auto;
	box-sizing: border-box;
	background:#fff;
}
.preheader{
	line-height:41px;
	background:#ff3399;
	width:100%;
	color:#FFF;
	font-size:14px;
}
.preheader .container {
	background: #ff3399 none repeat scroll 0 0;
	float: right;
	padding-right: 10px;
	text-align: right;
	width:100%;
}
.topnav .home  img{
	padding-right: 6px;
}
.topnav{width: 50%;
	float: left;
	text-align: left;
	padding-left: 45px;
}
.topnav .home   {
	float: left;
	padding-right: 20px;
	display: inline;
}
.topnav .Reviews{
	float: left;
	padding-right: 20px;
	display: inline;
}
.topnav.where we work {
	float: left;
	padding-right: 0px;
	display: inline;
	width: 50%;
}

/* .menu.where ul li:hover div.drop_menu{
display: block;
position: absolute;
color: #000000;
}
div.drop_menu {
background: #ff3399;
width: 8%;
padding: 0 10px;
margin-left:100px;
text-align: center;
position: absolute;
display: none;
} */
/* ----------------------------
DropDown menu
------------------------------*/

.menu_bar, .blog_bar {
	display: flex;
	position: relative;
	justify-content: center;
	flex-flow: row wrap;
	width: 25%;
	float: left;
}
.blog_bar{
	padding-left: 20px;
	width: auto;
}

.menu_bar ul, .blog_bar ul {
	display: flex;
	list-style: none;
}

.menu_bar ul li, .blog_bar ul li {
	position: relative;
/* padding: 10px 30px; */
}

.menu_bar ul li a, .blog_bar ul li a {
	text-decoration: none;
	font-size: 15px;
	transition: all 0.5s;
	color: #fff;
}


/* /////////////////////////////////////////////
sub-menu(Dropdown)
//////////////////////////////////////////// */
.dropdown_menu {
	display: none;
	padding: 0 15px;
	z-index: 99;
	margin-top: -10px;
	margin-left: -14px;
}

.menu_bar ul li:hover .dropdown_menu, .blog_bar ul li:hover .dropdown_menu {
	display: block;
	position: absolute;
	left: 0;
	top: 10;
	background: #ff3399;
}

.menu_bar ul li:hover .dropdown_menu ul, .blog_bar ul li:hover .dropdown_menu ul {
	display: block;
/* margin: 20px; */
width: 20%;

}

.menu_bar ul li:hover .dropdown_menu ul li, .blog_bar ul li:hover .dropdown_menu ul li {
	width: 100px;
/* padding: 0 0 0 10px; */
border-bottom: 1px solid #ffffff;
border-radius: 0;
text-align: left;
}

.blog_bar ul li:hover .dropdown_menu ul li{
	width: 127px;
}
/* .menu_bar ul li:hover .dropdown_menu ul li {
width: 150px;
padding: 10px 0 5px 10px;
border-bottom: 1px dotted #000;
border-radius: 0;
text-align: left;
} */

.menu_bar ul li:hover .dropdown_menu ul li:last-child, .blog_bar ul li:hover .dropdown_menu ul li:last-child {
	border-bottom: none;
}

/* .menu_bar ul li:hover .dropdown_menu ul li:hover {
background: #ffffff;
} */


/* ----------------------------
end dropdown
-------------------------------*/
.preheader .telephone{float:left;display:inline;}
.preheader .email{display:inline;}
.preheader .email a{float:right;background:url(images/email.png) no-repeat left center;padding-left:25px;}
.preheader .telephone span{float:right;background:url(images/tel.png) no-repeat left center;padding-left: 20px;padding-right:25px;}
.header{padding-top:10px;background:#fff;}
.logo{float:left;padding-right:1%;}
.bxslider{float:none;display:block;}
.bxslidertop_banner{float:none;display:block;}
.bxslidertop_banner li a img {width: 100%;height: 262px;}
p.contentaftslider {margin-top: 350px}
.slideshow {
	float: left;
	width: 680px;
	margin-left: -45px;
	padding-left:40px;
}
.slidebg .bx-viewport ul li img {
	height: 350px;
	width: 100%;
}
.slideshowtop_banner{
	float: left;
	width: 72%;
	padding-left:40px;
}
.slidebg {
	background: #ff3399 none repeat scroll 0 0;
	border-radius: 10px;
	padding: 7px 5px 10px 5px;
	width: 100%;
	margin-bottom: 10px;
}
.slidebgtop_banner {
	background: #ff3399 none repeat scroll 0 0;
	border-radius: 10px;
	padding: 7px 5px 10px 5px;
	width: 100%;
}
.bx-wrapper .bx-viewport{border:none;box-shadow:none;left:0;}
.main-content{padding-top:23px;background:#fff;}
.left_content {
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	padding: 25px 20px;
	width: 725px;
	float:left;
}
.banners img{width:100%;}
.acolor{color:#ff3399;}
.right_content{width:275px;float:left;padding-left:18px;box-sizing:border-box;}
.right_content h3{padding:12px 0;}
.right_content li{background:url(images/arrow.png) no-repeat left center;}
.right_content li a{padding:15px 0;display:block;padding-left:30px;font-size:18px;color:#79787f;line-height:13px;}
blockquote{width:100% !important ;background:#ff3399;margin-top:15px; box-sizing: border-box;padding:20px 15px 15px 30px;color:#FFF;position:relative;font-size: 16px;}
.testimonial blockquote:after{content:'';position:absolute;height:21px;width:16px;bottom:-21px; right:25px;background:url(images/testi-bottom.png) no-repeat;}
.testimonial{position:relative;}
.testimonial blockquote{position:relative;}
.testimonial span {
	display: block;
	padding-top: 30px;
	text-align: right;
}
.testimonial blockquote::before {
	background: rgba(0, 0, 0, 0) url("images/blockquote.png") no-repeat scroll left top;
	content: "" !important;
	height: 13px;
	left: 10px;
	position: absolute;
	top: 10px;
	width: 14px;
}
.testimonial-wrap{margin-top:30px;}
.testimonial-wrapp{margin-top:30px;}
.image {
	text-align: center;
}
.home:hover {
	font-weight: bold;
}

.Reviews:hover {
	font-weight: bold;
}

ul.navbar-listul:hover {
	font-weight: bold;
}

.directional_wrap{width:1080px;margin:0 auto;padding:50px 0;background:url(images/directionalbg.png) no-repeat center 50px;}
.directional{width:33%;padding:0 67px; box-sizing:border-box;float:left;text-align:center;}
.directional_image img {
	border: 4px solid #ff3399;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 5px;
}
.directional_image{background:#FFF;padding-bottom:20px;}
.prefooter{background:#ff3399;padding:15px 0;}
.prefooter h3{color:#FFF;}
.footer_left{  box-sizing: border-box;
	width: 725px;
	float:left;}
	.footer_left img{max-width:100%;}
	footer{color:#FFF;}
	footer .container{background:none;}
	footer .tel{background:url(images/tel.png) no-repeat left center;padding-left:20px;font-size:15px;line-height: 35px;}
	footer .email{background:url(images/email.png) no-repeat left center;padding-left:25px;font-size:15px;}
	.social{padding-top:10px;}
	.social a{padding-right:15px;}
	.footer{background:#bfbdbe;}
	.footer .copyright{line-height:45px;font-size:13px;text-align:left;float:left;}
	.designby{float:right;line-height:45px;font-size:13px;}
	.telephone  strong,.tel  strong{font-size:10px;}
/*----------Media Query---------*/
@media(max-width:1079px){
	.directional_wrap{width:100%;}
	.container{width:100%;padding:0 20px;box-sizing:border-box;}
	.bx-wrapper img{width:100%;}
	.logo{width:22.5%;}
	.logo img{width:100%;}
	.slideshow{float:right;padding-right:10px;padding-left:0;}
	.left_content{width:72%;box-sizing:border-box;}
	.right_content{width:28%;box-sizing:border-box;padding-left:30px;}
	.testimonial-wrap{width:100%;}
	blockquote{width:100%;}
	.directional{padding:0 3%;}
	.directional_image img{max-width:100%;}
	.footer_left{width:65%;box-sizing:border-box;}
	footer .right_content{width:30%;padding-left:15px;}
	header,footer, .main-content{width:100%;}
}

@media(max-width:786px){
	.left_content,.right_content,.footer_left,footer .right_content{width:100%;}
	.directional_wrap { background: rgba(0, 0, 0, 0) url("images/directionalbg.png") no-repeat scroll center 50%;	}
	.preheader .telephone span{text-align:center;width:250px;padding-left:20px;margin:0 auto;float:none;}
	.preheader .telephone{width:100%;}

/* .topnav .Reviews {
float: left;
margin-right: 11px;
padding-right: 20px;
display: inline;
}

.topnav {
width: 50%;
float: left;
text-align: left;
margin-left: 8px;
}

.preheader .telephone {
float: left;
margin-left: -91px;
display: inline;
}

.logo {
float: left;
margin-left: 287px;
padding-right: 1%;
}


.menu_bar ul li {
position: relative;
width: 128px;
}

.slideshowtop_banner {
float: left;
width: 72%;
padding-left: 106px;
} */

.preheader .email{;}
.preheader .container{width:100%;text-align:center;padding:0 20px;}
.preheader .email a{float:none;padding:0 20px;}
}

@media(max-width:640px){
	.topnav {
		width: 100%;
		padding-left: 3px;
	}
	.menu_bar {
		display: flex;
		position: relative;
		justify-content: center;
		flex-flow: row wrap;
		width: 146px;
	}

	.preheader .telephone {
		float: left;
		margin-left: 35px;
		display: inline;
	}

	.preheader .telephone span {
		float: right;
		background: url(images/tel.png) no-repeat left center;
		padding-left: 23px;
		padding-right: 49px;
	}

	.topnav .home {
		float: left;
		margin-left: 30px;
		padding-right: 26px;
		display: inline;
	}

	.topnav .Reviews {
		float: left;
		margin-left: 8px;
		display: inline;
	}
}

@media(max-width:480px){
	.directional{width:100%;padding:20px 0;}
	.logo{width:50%;margin:0 auto;float:none;padding-bottom:20px;}
	.slideshow{width:100%;margin-left: 10px;}
	.designby,.footer .copyright{line-height:20px;text-align:center;float:none;width:100%;}
	.email, .telephone{width:100%;float:none;}
	.slidebgtop_banner {
		background: #ff3399 none repeat scroll 0 0;
		border-radius: 10px;
		padding: 7px 8px 5px 8px;
		width: 100%;
		margin-left: 9px;
	}
	.right_content{padding-left:0;}
	.slideshow{float:none;padding:0;}
	.slidebg{box-sizing: border-box;}
	footer .right_content{padding-left:0;}

	.social{text-align:center;}
	.preheader .telephone span{text-align:center;width:250px;padding-left:20px;margin:0 auto;float:none;}
	.preheader .telephone{width:100%;}
	.preheader .email{width:100%; margin:0 auto; text-align:center;}
	.preheader .container{width:100%;text-align:center;padding:0 20px;}
	.preheader .email a{float:none;padding:0 20px;}
	footer .container{width:97%;}
	.footer_left img {
		max-width: 100%;
	}
	footer .tel {
		background: url(images/tel.png) no-repeat left center;
		padding-left: 22px;
		font-size: 15px;
		line-height: 35px;
	}
}

@media(max-width:360px){
	.container {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.topnav .Reviews {
		float: left;
		margin-left: 8px;
		display: inline;
	}
	.directional{width:100%;padding:20px 0;}
	.logo{width:100%;margin:0 auto;float:none;padding-bottom:20px;}
	.logo img {width: auto;margin-left: 50px;}
	.slideshow{width:100%;margin-left: 10px;}
	.designby,.footer .copyright{line-height:20px;text-align:center;float:none;width:100%;}
	.email, .telephone{width:100%;float:none;}

	.menu_bar {
		display: flex;
		position: relative;
		justify-content: center;
		flex-flow: row wrap;
		width: 146px;
	}
	.slideshowtop_banner {
		float: left;
		width: 100%;
		padding-left: 86px;
	}
	.slidebgtop_banner {
		background: #ff3399 none repeat scroll 0 0;
		border-radius: 10px;
		padding: 7px 8px 5px 8px;
		width: 100%;
		margin-left: -46px;
	}
	.right_content{padding-left:0;}
	.slideshow{float:none;padding:0;}
	.slidebg{box-sizing: border-box;}
	footer .right_content{padding-left:0;}

	.social{text-align:center;}
	.preheader .telephone span{text-align:center;width:250px;padding-left:20px;margin:0 auto;float:none;padding-right: 49px;}
	.preheader .telephone{width:100%;}
	.preheader .email{width:100%; margin:0 auto; text-align:center;}
	.preheader .container{width:100%;text-align:center;padding:0 20px;}
	.preheader .email a{float:none;padding:0 20px;}
	footer .container{width:100%;}
	.footer_left img {
		max-width: 100%;
	}
	footer .tel {
		background: url(images/tel.png) no-repeat left center;
		padding-left: 22px;
		font-size: 15px;
		line-height: 35px;
	}
}
@media(max-width:356px){
	.topnav {
		width: 100%;
	}
	.menu_bar {
		display: flex;
		position: relative;
		width: unset;
	}
	.preheader .email a {
		background: url(images/email.png) no-repeat left center;
		margin-left: -41px;
	}
	.menu_bar ul li {
		position: relative;
		margin-left: 0px;
	}
}

@media(max-width:383px){
	.topnav {
		width: 100%;
	}
	.menu_bar {
		display: flex;
		position: relative;
		width: unset;
	}
	.preheader .email a {
		background: url(images/email.png) no-repeat left center;
		margin-left: -41px;
	}
	.menu_bar ul li {
		position: relative;
		margin-left: 0px;
	}
}

@media(max-width:381px){
	.topnav .home {
		float: left;
		margin-left: 15px;
		padding-right: 26px;
		display: inline;
	}
	.topnav .Reviews {
		float: left;
		margin-left: -9px;
		margin-right: -24px;
		display: inline;
	}
	.preheader .telephone {
		width: 100%;
		margin-left: auto;
	}
	.slideshowtop_banner {
		float: left;
		width: 100%;
		padding-left: 94px;
	}
	.left_content {
		width: 100%;
		box-sizing: border-box;
	}
}

@media(max-width:414px){
	.container {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	.topnav .Reviews {
		float: left;
		margin-left: 8px;
		display: inline;
	}
	.directional{width:100%;padding:20px 0;}
	.logo{width:100%;margin:0 auto;float:none;padding-bottom:20px;}
	.slideshow{width:100%;margin-left: 10px;}
	.designby,.footer .copyright{line-height:20px;text-align:center;float:none;width:100%;}
	.email, .telephone{width:100%;float:none;}

	.menu_bar {
		display: flex;
		position: relative;
		justify-content: center;
		flex-flow: row wrap;
		width: 175px;
	}
	.slideshowtop_banner {
		float: left;
		width: 100%;
		padding-left: 40px;
	}
	.slidebgtop_banner {
		background: #ff3399 none repeat scroll 0 0;
		border-radius: 10px;
		padding: 7px 8px 5px 8px;
		width: 100%;
		margin-left: -48px;
	}
	.right_content{padding-left:0;}
	.slideshow{float:none;padding:0;}
	.slidebg{box-sizing: border-box;}
	footer .right_content{padding-left:0;}

	.social{text-align:center;}
	.preheader .telephone span{text-align:center;width:250px;padding-left:20px;margin:0 auto;float:none;padding-right: 49px;}
	.preheader .telephone{width:100%;}
	.preheader .email{width:100%; margin:0 auto; text-align:center;}
	.preheader .container{width:100%;text-align:center;padding:0 20px;}
	.preheader .email a{float:none;padding:0 20px;}
	footer .container{width:100%;}
	.footer_left img {
		max-width: 100%;
	}
	footer .tel {
		background: url(images/tel.png) no-repeat left center;
		padding-left: 22px;
		font-size: 15px;
		line-height: 35px;
	}
}
.link1{
	font-size: 7px;
}

.bxslidertop_banner li a img {
	width: 100%;
	height: auto !important;
}

.slidebg .bx-viewport ul li img {
	height: auto !important;
	width: 100%;
}

p.contentaftslider {
	margin-top: -30px !important;
}


/*-------------------- digitex CSS codes start -------------------------*/
.main-content .left_content h1{
	margin: 1rem 0;
	font-weight: bold;
}
.main-content .left_content h2{
	margin: 1rem 0;
	font-weight: bold;
}
.main-content .left_content h3{
	color: inherit;
	margin: 1rem 0;
	font-weight: bold;
}
.main-content .left_content ol{
	list-style: decimal;
}
.main-content .left_content p a{
	font-weight: bold;
	color: #ff3399;
}
.bold{
	font-weight: bold;
}
.d-inline-block{
	display: inline-block;
}
.d-block{
	display: block;
}
.text-center{
	text-align: center;
}
.main-content .left_content ul,
.main-content .left_content ol{
	margin: 15px 0;
	padding-left: 30px;
	list-style: disc;
}
.main-content .left_content ul li,
.main-content .left_content ol li{
	padding-left: 5px;
}
/*-------------------- digitex CSS codes end ---------------------------*/