/* 
	Theme Name: DBanerjee 2023
	Theme URI: https://dbanerjee.com/
	Description: A custom theme designed and developed by Dipankar Banerjee
	Author: Dipankar Banerjee
	Author URI: https://dbanerjee.com/
*/

/* ------------ RESET ------------ */
*{
	outline:none;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
html{
	overflow-y:visible;
}
img, fieldset {
	border: 0;
}

::selection { background:#ffe05e; color:#333; /* Safari and Opera */ }
::-moz-selection { background:#ffe05e; color:#333; /* Firefox */ }

/* ------------ CLEARFIX ------------ */
.clearfix:after, header:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; zoom: 1; }

/* ------------ Global STYLING ------------ */
html {
}
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family: 'Assistant', sans-serif;
	color:#0d0d0d;
	letter-spacing:.5px;
}
a, a:visited{
	text-decoration:none;
	color:#484e99;
	}
a:hover, a:active{
	color:#333659;
}
hr{
	border:0px;
	border-bottom:1px solid #ccc;
	padding:0px;
	margin:20px 0px;
}
ul, ol{
}
li{
}

p{
	line-height:30px;
}
h1{
	color:#333659;
}
.clr{
	clear:both;
}
img, fieldset {
	border: 0;
}
img{
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* ------------ Menu ------------ */
#menuholder .wrapper .wrapper{
	width:100%;
}
#access {
	display: table;
	margin: 5px 0 0 auto;
	width: 100%;
}
#access .menu-header, div.menu {
	font-size: 1.4em;
}
#access .menu-header ul, div.menu ul, #access ul {
	list-style: none;
	margin: 0 0 0 auto;
	padding:0em;
	display:table;
}
#access .menu-header li, div.menu li, #access li {
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	padding:8px 10px;
	text-decoration: none;
	font-weight: 600;
    font-size: 120%;
    margin: 0px 0px 0px 10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
#access ul ul {
	display: none;
	position: absolute;
	float: left;
	width: 200px;
	z-index: 99999;
}
#access ul ul li {
	/*min-width: 180px;*/
	/*width: 18em;*/
	float:none;
	/*border-bottom:1px solid #4d6bb3;*/
	font-size:80%;
}

#access ul ul a {
	background-color:#333659;
	line-height: 1.6em;
	padding: 15px 5px 15px 5px;
	width: 290px;
	height: auto;
	padding:8px 10px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-khtml-border-radius:0px;
}
#access li:hover > a{
	background-color:#333659;
	color: #fff;
}
#access ul ul :hover > a {
	background:#fee05e;
	color: #333659;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
	background-color:#333659;
}
#access ul li li.current_page_item > a,
#access ul li li.current-menu-ancestor > a,
#access ul li li.current-menu-item > a,
#access ul li li.current-menu-parent > a {
	background:#fee05e;
	color: #333659;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
	background-color:#333659;
}
* html #access ul li li.current_page_item a,
* html #access ul li li.current-menu-ancestor a,
* html #access ul li li.current-menu-item a,
* html #access ul li li.current-menu-parent a,
* html #access ul li li a:hover {
	background:#fee05e;
	color: #333659
}

#access .menu,
#access div.menu ul{
/*font-family: Arial, Tahoma, sans-serif;*/
}

#access {
	/*float:left;*/
}

#access .menu-header,
div.menu {
    margin-right: 12px;
    margin-left: 0;
}

#access .menu-header li,
div.menu li{
	float:left;
}

#access ul ul {
	/*left:auto;
	right:0;
	float:right;*/
}

#access ul ul ul {
	left:auto;
	right:100%;
	top: 0;
}

/* ------------------ Form Elements ------------------------------ */
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], textarea, select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	border:1px solid #fff;
	padding:15px;
	margin-bottom:20px;
	background-color:#fff;
	width: 91%;
	outline:none;
	font-size:100%;
}
textarea {
	font-family: 'Open Sans', sans-serif;
	height:80px;
	resize:none;
}
input[type=submit], input[type=reset], button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	background-color:#ffe05e;
	border:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	padding:10px 20px;
	color:#473c0e;
	margin:0px 36px 0px 0px;
	cursor:pointer;
	font-size:150%;
	letter-spacing:1px;
	width: 99%;
}
button{
}
input[type=submit]:hover, input[type=reset]:hover{
	background-color:#e9c738;
}
button:hover{
}

input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus {
	box-shadow:0 0 5px rgba(172, 172, 172, 1);
}

input[type=text].midsize{
	width:43%;
	margin:0px 23px 2px 0px;
	-webkit-margin:0px 2px 2px 0px;
}
form.wpcf7-form{
	display:table;
/*	width:90%!important;
	margin:auto!important;*/
}
form img{
	width: inherit!important;
	max-width:100%!important;
}
.steps-form{
	margin-bottom:20px;
}
form p{
	font-weight:600;
	font-size:120%;
	line-height:25px;
	margin-bottom:10px;
	margin-top:0px;
}
.uacf7-prev{
	width:auto;
	float:left!important;
	font-size: 100%;
	font-weight: 600;
	margin-top:0px;
}
.uacf7-next{
	width: auto;
	float: right!important;
	font-size: 100%;
	font-weight: 600;
	margin-right: 39px;
}
.wpcf7-list-item{
	display:block!important;
}
input[type="checkbox"]{
	width:20px;
	height:20px;
}
.RowSeven .wpcf7-form-control{
	display:block;
	margin-bottom:20px;
}
.RowSeven input[type=submit]{
	float:right;
	width:auto;
	font-size: 120%;
	font-weight: 600;
}
.wpcf7-spinner{
	display:none!important;
}
.wpcf7 form .wpcf7-response-output{
	clear: both;
	text-align: center;
}
/* ------------------ Form Elements ------------------------------ */
/* ---------------- Grids ---------------- */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	margin: 0 1% 0 0;
	text-align: left;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
	float: left;
}
.grid1 { width: 7.4%; }
.grid2 { width: 15.8%; }
.grid3 { width: 24.2%; }
.grid4 { width: 32.6%; }
.grid5 { width: 41%; }
.grid6 { width: 49.4%; }
.grid7 { width: 57.8%; }
.grid8 { width: 66.2%; }
.grid9 { width: 74.6%; }
.grid10 { width: 83%; }
.grid11 { width: 91.4%; }
.grid12 { width: 100%; }
.lastGrid{margin-right:0%;}
/* ---------------- Grids ---------------- */
#access *, form *, a, .revealscale, .breadcrumb, .ForthRow .industryserved img, .PortfolioList li *, .PortfolioList li *, .HomePost img{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.alignleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.alignright {
	float:right;
	margin:0px 0px 10px 10px;
}
.aligncenter {
	float:none;
	display:block;
	margin:0px auto 10px auto;
}
.textwidget{
	display:inline-block;
}
/* --------------------------------------------- */
.fullWidthWrapper{
	width:100%;
}
.wrapper{
	max-width: 1200px;
	width:96%;
	margin: 0 auto;
}
.displaytable{
	display:table;
	margin:auto;
}
.yellowbasecolor{
	background-color:#ffe05e;
}
.darkbluebasecolor{
	background-color:#333659;
}
.topMargin50{
	margin-top:50px;
}
.nofloat{
	float:none;
}
.marginAuto{
	margin:auto;
}
/* ------- Structural ------- */
.topheaderblock{
	position: absolute;
    top: 0px;
    width: 100%;
}
.topheaderblock .phonenuber h2{
	color:#333;
	font-size:157%;
	text-align:right;
	padding:20px 0px;
}
.topheaderblock .phonenuber a, .topheaderblock .phonenuber a:visited{
	color:#333;
}
.topheaderblock .phonenuber a:hover{
	color:#333659;
}
.topheaderblock .menurow{
	background-image:url(images/menu-base.png);
	width:100%;
	padding:10px 0px;
}
.sticky {
	position: fixed;
	top: 0;
	z-index: 9999;
}
.desktop {
	display: block;
	visibility: visible;
}
.mobile {
	display: none;
	visibility: hidden;
}

.headertext{
	text-align:center;
	padding:200px 0px 0px 0px;
}
.headertext h1{
	font-size:188%;
	padding:0px 0px 20px 0px;
}
.headertext h2{
	font-size:188%;
	padding:0px 0px 20px 0px;
}
.headertext h3{
	font-size:125%;
	padding:0px 0px 20px 0px;
}
.headerimage{
	line-height:0px;
}
.headerimage img{
	display:block;
	margin:auto;
}
.breadcrumb{
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	padding:10px 0px;
	font-size:85%;
}
.breadcrumb a, .breadcrumb a:visited{
	color:#333659;
	font-weight:700;
}
.breadcrumb a:hover{
	color:#0d0d0d;
}

.secondRow{
	padding:50px 0px;
}
.secondRow h2{
	text-align:center;
	margin-bottom:20px;
	font-size:250%;
}
.secondRow p{
	text-align:justify;
	margin-bottom:20px;
}
.secondRow .grid8{
	float:none;
}
.helpBlockOne{
	color:#fff;
	text-align:left;
	background: -moz-linear-gradient(left, rgba(51,54,89,1) 85%, rgba(51,54,89,0) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(51,54,89,1) 85%, rgba(51,54,89,0) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(51,54,89,1) 85%, rgba(51,54,89,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333659', endColorstr='#00333659', GradientType=0 ); /* IE6-9 */
}
.helpBlockOne p{
	text-align:left;
}
.helpBlockOne a, .helpBlockOne a:visited{
	color:#fff;
}
.helpBlockOne a:hover{
	color:#ffe05e;
}
.helpBlockOne .grid4, .helpBlockOne .grid8{
	float:left;
}
.helpBlockOne .helpleft{
	padding:80px 0px 0px 0px;
	text-align:right;
}
.helpBlockOne .helpright h3{
	font-size:157%;
	margin:30px 20px 17px 20px;
}
.helpBlockOne .helpright p{
	margin:0px 20px 20px 20px;
	text-align:justify;
}
a.whiteButton, a:visited.whiteButton{
	display:table;
	font-weight:600;
	border:2px solid #fff;
	padding:20px 30px;
	color:#fff;
	margin:0px 0px 40px 0px;
	text-align:center;
}
a:hover.whiteButton{
	color:#d5d5d5;
	border:2px solid #d5d5d5;
	background-color: #464b7c;
}
a.DarkButton, a:visited.DarkButton{
	display:table;
	font-weight:600;
	border:2px solid #0d0d0d;
	padding:20px 30px;
	color:#0d0d0d;
	margin:0px 0px 40px 0px;
	text-align:center;
}
a:hover.DarkButton{
	color:#333659;
	border:2px solid #333659;
	background-color:#ffe889;
}

.helpBlockTwo{
	text-align:left;
	background: -moz-linear-gradient(left, rgba(255,224,94,1) 85%, rgba(255,224,94,0) 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,224,94,1) 85%, rgba(255,224,94,0) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,224,94,1) 85%, rgba(255,224,94,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe05e', endColorstr='#00ffe05e', GradientType=0 ); /* IE6-9 */
}
.helpBlockTwo .grid4, .helpBlockTwo .grid8{
	float:left;
}
.helpBlockTwo .helpright{
	padding:80px 0px 0px 0px;
	text-align:left;
}
.helpBlockTwo .helpright img{
	display:block;
	margin:0px 0px 0px 0px;
}
.helpBlockTwo .helpleft h3{
	font-size:157%;
	margin:30px 20px 17px 20px;
}
.helpBlockTwo .helpleft p{
	margin:0px 20px 20px 20px;
	text-align:justify;
}

.ThirdRow{
	padding:50px 0px 70px 0px;
	background: -moz-linear-gradient(left, rgba(51,54,89,1) 70%, rgba(51,54,89,0) 70%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(51,54,89,1) 70%, rgba(51,54,89,0) 70%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(51,54,89,1) 70%, rgba(51,54,89,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333659', endColorstr='#00333659', GradientType=0 ); /* IE6-9 */
}
.ThirdRow h2{
	font-size:250%;
	text-align:center;
	color:#fff;
	font-weight:700;
	margin-bottom:20px;
}
.ThirdRow h3{
	font-size:157%;
	text-align:center;
	color:#fff;
	font-weight:600;
	margin-bottom:30px;
}
.ThirdRow p{
	padding:0px 20px 10px 20px;
	text-align:justify;
}
.ThirdRowImage{
	background-image:url(images/dbanerjee.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
.ThirdRowText{
	background-color:#fff;
	margin:50px 0px;
	padding:20px 0px;
}
.ForthRow{
	padding:50px 0px;
}
.ForthRow h2{
	font-size:250%;
	text-align:center;
	color:#fff;
	font-weight:700;
	margin-bottom:50px;
}
.ForthRow .industryserved img{
	display:block;
	margin:auto;
}
.ForthRow .industryserved p{
	padding:20px 0px;
	margin:auto;
	color:#fff;
	text-align:center;
	line-height:23px;
}
.ForthRow .industryserved a, .ForthRow .industryserved a:visited{
	color:#fff;
}
.ForthRow .industryserved a:hover{
	color:#d5d5d5;
}
.ForthRow .slick-slide img{
	 filter: grayscale(100%);
	 -webkit-filter: grayscale(100%);
}
.ForthRow .slick-slide img:hover{
	filter: grayscale(0);
}
.FifthRow{
	padding:50px 0px;
}
.FifthRow h2{
	font-size:250%;
	text-align:center;
	color:#333659;
	font-weight:700;
	margin-bottom:20px;
}
.FifthRow h3{
	font-size:157%;
	text-align:center;
	color:#333659;
	font-weight:600;
	margin-bottom:20px;
}

/* -------- Arrow Starts ---------- */

.DarkBlueBlock{
	min-height:200px; /*min height of DIV should be set to at least 2x the width of the arrow*/
	background-color:#333659;
	color:#fff;
	padding:20px;
	position:relative;
	word-wrap:break-word;
	margin:20px;
	float: left;
    width: 25%;
}

.uparrowdiv:after{ /*arrow added to uparrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:-20px; /*should be set to -border-width x 2 */
left:30px;
width:0;
height:0;
border-color: transparent transparent black transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:96%; /*should be set to 100% */
	left:30px;
	width:0;
	height:0;
	border-color: #333659 transparent transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 40px;
}

.leftarrowdiv:after{ /*arrow added to leftarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:40%;
	left:-59px; /*should be set to -border-width x 2 */
	width:0;
	height:0;
	border-color: transparent #333659 transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 30px;
}

.rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:40%;
	left:100%; /*should be set to 100% */
	width:0;
	height:0;
	border-color: transparent transparent transparent #333659; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 30px;
}
/* -------------- Arrow Ends ------------------ */
.DarkBlueBlock h4{
	font-size:125%;
	font-weight:600;
	margin-bottom:10px;
}

.SixthRow{
	background-image:url(images/hear-from-our-clients.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size: 100% auto;
	width:100%;
	background-color:#333659;
	padding:300px 0px 100px 0px;
}
.sixthbase{
	padding:20px;
	background-color:#fff;
	width:55%;
	margin:auto;
}
.sixthbase h2{
	font-size:250%;
	text-align:center;
	color:#333659;
	font-weight:600;
	margin-bottom:20px;
}
.testomonials{
	width:80%;
	margin:auto;
}
.testomonials .slick-slide{
	padding:0px 30px;
}
.testomonials p strong{
	display:block;
}


.PostRow{
	padding:50px 0px 50px 0px;
	background-color:#ffe05e;
	color:#333659;
	background-size: 25% auto;
}
.PostRow h2{
	font-size: 250%;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}
.recentpost{
	width:100%;
	display:table;
	width:100%;
}
.HomePost{
	display:table-cell;
	width:33%;
	padding:10px;
	padding: 10px 10px 50px 10px;
    position: relative;
	border-left: 10px #ffe05e solid;
	background-color:#fffdf3;
}
.HomePost img{
	margin:0px 0px 10px 0px;
}
.HomePost img{
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
}
.HomePost img:hover{
	filter: grayscale(0);
}

.HomePost h3{
	font-size: 125%;
	font-weight: 600;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.PostRow a.bluebutton{
	margin:auto;
    margin: 40px auto 0px auto;
    display: table;
	text-align:center;
}
.HomePost p{
    position: absolute;
    bottom: 0px;
    background-color: #333659;
    color: #fff;
    width: 95%;
    left: 0px;
    padding: 0px 10px;
}

.RowSeven{
	padding:50px 0px 200px 0px;
	background-color:#333659;
	background-image:url(images/connect-with-web-developer.png);
	background-position:left 30px;
	background-repeat:no-repeat;
	color:#fff;
	background-size: 25% auto;
}
.RowSeven h2{
	font-size:250%;
	text-align:center;
	font-weight:600;
	margin-bottom:20px;
}
.RowSeven h3{
	font-size:150%;
	text-align:center;
	padding-bottom:20px;
}
.RowSeven form{
	display:table;
	margin:auto;
	width:70%;
	padding:40px 0px;
}

.footerblock{
	background-color:#ffe05e;
	background-image:url(images/lets-grow-your-business.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.footerblock h4{
	padding:20px 20px 10px 20px;
	font-size:120%;
	font-weight:600;
	color:#0d0d0d;
}
.footerblock .buttonblock p{
	display:inline-block;
}
.footerblock ul{
	padding:0px 20px 20px 20px;
}
.footerblock li{
	list-style:none;
	padding:5px 0px;
	color:#0d0d0d;
	font-weight:500;
}
.footerblock li a, .footerblock li a:visited{
	color:#333659;
}
.footerblock li a:hover{
	color:#0d0d0d;
}
.footerblock li:nth-child(1){
	font-weight:600;
}
.footerblock .grid12{
	clear:both;
}
.footerblock .grid12 h3{
	display:inline-block;
	margin:0px 20px;
}
a.bluebutton:nth-child(1){
	margin-left:16px;
}
a.bluebutton, a:visited.bluebutton{
	background-color:#333659;
	display:inline-block;
	padding:15px 30px;
	color:#fff;
	font-size:125%;
	font-weight:600;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
}
a:hover.bluebutton{
	background-color:#0d0d0d;
}
.footersocial{
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #333659;
    display: table;
}
.footersocial li{
	list-style:none;
	float:left;
	font-size:150%;
	padding:0px 20px;
}
.footersocial a, .footersocial a:visited{
	color:#333659;
}
.footersocial a:hover{
	color:#0d0d0d;
}
.copyrightrow p{
	padding:20px 20px;
}

.scrollup {
	width: 46px;
	height: 46px;
	position: fixed;
	bottom: 80px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url('images/scroll-top.png') no-repeat;
}

.blogtagheader{
	background-color:#fed500;
	background-image:url(images/page-tag.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:500px;
}
.bloglistingheader{
	background-color:#fed500;
	background-image:url(images/web-design-blog-header.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:500px;
}
.bloglisting h1, .blogdetails h1, .linkPage h1, .PortfolioList h1{
	font-size:250%;
	margin:20px 0px 20px 0px;
	font-weight:700;
}
.bloglisting p, .blogdetails p, .PortfolioList p{
	/*padding:0px 0px 20px 0px;*/
	padding:0px 0px 10px 0px;
	text-align: justify;
}
.linkPage p{
	padding:0px 0px 20px 0px;
	text-align:left;
}
.postlist{
	display:table;
	position:relative;
	width: 45%;
	padding:20px 0px 70px 0px;
	margin:20px;
	background:#fff;
	float:left;
	min-height:570px;
	background-color:#f5f3ec;
	color:#333659;
}
.postlist .thumbimg{
	padding:0px 20px;
}

.postlist:nth-child(even){
	border-top:5px solid #333659;
	border-bottom:5px solid #fee05e;
}
.postlist:nth-child(odd){
	border-top:5px solid #fee05e;
	border-bottom:5px solid #333659;
}
.revealscale{
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
}
.revealscale:hover{
	filter: grayscale(0);
}
.postlist h3{
	font-weight:400;
	font-size:85%;
	margin:10px 20px 10px 20px;
}
.postlist h2{
	font-size:150%;
	margin-bottom:20px;
	padding: 0px 20px;
}
.postlist h2 a, .postlist h2 a:active{
	color:#0d0d0d;
}
.postlist h2 a:hover{
	color:#333659;
}
.bloglisting .postlist p{
	 padding: 0px 20px 0px 20px;
}
.postlist span a, .postlist span a:visited{
	display:table;
	font-weight:600;
	border:2px solid #fee05e;
	padding:10px 10px;
	color:#333659;
	text-align:left;
	position: absolute;
    left: 0px;
    bottom: 20px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
background-color:#fee05e;
margin: 0px 20px;
}
.postlist span a:hover{
	color:#fff;
	border:2px solid #333659;
	background-color:#333659;
}
/* ----- Pagination--------- */
.paginationblock {
	margin: 0px 20px 50px 20px;
	padding: 10px 0px;
	clear:both;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none!important;
	border: 0px solid #fee05e!important;
	background-color: #fee05e!important;
	color: #333659!important;
	padding: 10px 17px !important;
	margin: 0px 1px 0px 0px!important;
	font-size: 110%;
	font-weight:600;
	float: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color:transparent!important;
	color: #fff!important;
	transition: background-color 1s ease;
	background-color: #333659!important;
}
.wp-pagenavi span.current {
	font-weight: normal!important;
	color: #fff!important;
	background-color: #333659!important;
	border-color:transparent!important;
}
/* ----- Pagination--------- */

.blogdetailheader{
	background-color:#ffde00;
	background-image:url(images/blog-details.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:500px;
}
.blogdetailheader img{
	display:block;
	margin:auto;
}
.blogdetails .grid8, .linkPage .grid8, .linkPage .grid12{
	padding-bottom:50px;
}
.blogdetails h2, .linkPage h2, .PortfolioList h2{
	font-size:180%;
	margin:20px 0px 20px 0px;
	font-weight:700;
	color:#1773ae;
}
.blogdetails .grid8 h3, .linkPage .grid8 h3, .PortfolioList .grid8 h3, .linkPage .grid12 h3, .bloglisting section h3{
	font-size:150%;
	margin:20px 0px 20px 0px;
	font-weight:600;
	color: #333659;
}
.blogdetails .grid8 h3{
	margin: 10px 0px 0px 0px;
}
.bloglisting section h3{
	margin:0px 0px 5px 0px;
}
.blogdetails ul, .linkPage ul, .bloglisting section ul{
	display:block;
	margin-bottom:10px;
}
.blogdetails li, .bloglisting section li,.linkPage li{
	clear:both;
	margin-bottom:10px;
	line-height:27px;
	list-style-position: inside;
	text-align:left;
}
.blogdetails li{
    margin-bottom: 0px;
}
.blogdetails .grid4 li, .linkPage .grid4  li{
	margin-bottom:0px;
	padding: 0px 0px;
}
.blogdetails .grid8 h4, .linkPage .grid8 h4, .linkPage .grid12 h4{
	font-size:120%;
	margin:0px 0px 15px 0px;
	font-weight:600;
	color:#135964;
}
.blogdetails .grid8 a, .blogdetails .grid8 a:visited, .linkPage .grid8 a, .linkPage .grid8 a:visited, .linkPage .grid12 a, .linkPage .grid12 a:visited{
	text-decoration:underline;
}
.blogdetails .grid8 a:hover, .linkPage .grid8 a:hover, .linkPage .grid12 a:hover{
	text-decoration:none;
}
.blueBlock{
	background-color:#333659;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	margin:0px 0px 0px 0px;
}
.blueBlock h4{
	color:#fff;
	padding:20px;
	font-size: 150%;
}
.blueBlock ul{
	display:table;
	padding:0px 20px 20px 20px;
	width: 100%;
}
.blueBlock li{
	list-style:none;
	/*margin-bottom:10px;*/
	font-size:95%;
	display:table;
	width:90%;
	border-bottom: 1px solid #6364aa;
    /*padding-bottom: 10px;*/
}
.blueBlock li:last-child{
	margin-bottom:0px;
	border-bottom: 0px solid #6364aa;
	display:block;
}
.blueBlock a, .blueBlock a:visited{
	color:#fff;
	padding: 10px 10px;
    display: table;
	width:94%;
	font-weight:600;
}
.blueBlock a:hover{
	background-color:#fee05e;
	color:#333659;
}
.blueBlock a.current{
	background-color:#fee05e;
	color:#333659;
}
.blueBlock img{
	float:left;
	margin:0px 10px 0px 0px;
}
.blueBlock p{
	text-align: left;
	font-size: 90%;
	margin: -6px 0px 0px 0px;
	padding:0px!important;
	line-height:22px;
}
.YellowBlock{
	background-color:#ffe05e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	margin:10px 0px 10px 0px;
	padding-bottom:20px;
}
.YellowBlock h4{
	color:#0d0d0d;
	padding:20px;
	font-size: 150%;
}
.YellowBlock form{
	display:block;
	padding:0px 20px 20px 20px;
}
.YellowBlock .steps-step p{
	text-align:center;
	padding-bottom:0px;
}
.YellowBlock form .steps-form .steps-row {
    display: block;
    width: 100%;
}
.YellowBlock form .steps-form .steps-row .steps-step {
    float: left;
    padding: 1px 4px;
    width: 42%;
}

.YellowBlock form .uacf7-next{
	border:1px solid #333659;
	margin: 0px 0px 0px 0px;
}
.YellowBlock form .uacf7-prev{
	border:1px solid #333659;
	position: relative;
    top: 0px;
	margin: 2px 0px 0px 1px!important;
}
.YellowBlock form  input[type=submit]{
	border:1px solid #333659;
	float:right;
	width:auto;
	font-size: 120%;
	font-weight: 600;
	margin: 0px;
}

.pageHeader{
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:500px;
}
.headerError{
	background-color:#fece40;
	background-image:url(images/404-error.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	min-height:500px;
}

.contactSecond{
	padding:10px 0px 50px 0px;
	background-color:#333659;
	color:#fff;
}
.contactSecond h2{
	color:#fff;
}
.contactSecond a, .contactSecond a:visited{
	color:#fff;
	text-decoration:underline;
}
.contactSecond a:hover{
	color:#ddd;
	text-decoration:none;
}
.contactSecond form{
	display:table;
	margin:auto;
	width: 70%;
}
.contactSecond form p {
	padding: 0px 20px 5px 0px;
}
.contactSecond form input[type=submit] {
	margin: 1px 10px 0px 0px;
	display: table;
	width: 18%;
	float: right;
	color: #000;
	font-size: 120%;
	font-weight: 600;
}
.contactSecond form .uacf7-next {
    width: auto;
    float: right!important;
    font-size: 100%;
    font-weight: 600;
    margin: 0px -7px 0px 0px;
}
.contactSecond form .wpcf7-form-control-wrap {
    position: relative;
    margin-bottom: 20px;
    display: block;
}
.contactSecond form  .steps-form .steps-row {
    display: inline-block;
    width: 100%;
}
.contactSecond form  .steps-form .steps-row .steps-step {
    float: left;
    padding: 1px 4px;
    width: 29%;
}
.contactSecond form  .steps-form .steps-row .steps-step p {
	font-size: 14px;
	text-align: center;
	display: table;
	width: 100%;
	padding: 0px;
}
.contactSecond form input[type=text], .contactSecond form input[type=url], .contactSecond form input[type=tel], .contactSecond form input[type=number], .contactSecond form input[type=color], .contactSecond form input[type=email], .contactSecond form input[type=password], .contactSecond form textarea, select{
	width: 95%;
}

.PortfolioList .grid8 ul{
	display:table;
	padding:20px 0px 20px 0px;
	margin:auto 0px;
	width:90%;
}
.PortfolioList .grid8 li{
	list-style: none;
	/*float: left;*/
	margin: 10px 10px 10px 0px;
	border: 1px solid #eaeaea;
	background-color: #333659;
	width:30%;
	display: inline-block;
}
.PortfolioList .grid8 li img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	opacity:.6;
}
.PortfolioList .grid8 li img:hover{
	filter: none;
	-webkit-filter: grayscale(0%);
	opacity:1;
}

/* ------------ /Footer ----------- */

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.navigation{
	display:none;
	visibility:hidden;
}
.SidebarMapBlock{
	line-height:0px!important;
	padding-bottom:0px!important;
}
.booknow{
	text-align:center;
	padding:20px 0px 0px 0px;
	font-size: 150%;
}
pre{
    background-color: #333;
    padding: 20px;
    border-radius: 5px;
    color: #fff;
}
.consultform {
    background-color: #eceeef;
    padding: 10px 20px;
    border-top: #135964 5px dashed;
    clear: both;
    margin-top: 20px;
}
.consultform form{
	padding-bottom: 20px;
}
.consultform input[type=text], .consultform input[type=url], .consultform input[type=tel], .consultform input[type=number], .consultform input[type=color], .consultform input[type=email], .consultform input[type=password], .consultform textarea, .consultform select{
	width: 96%;
}
.consultform input[type=submit], .consultform input[type=reset], .consultform button{
	margin:auto;
	width:100%;
}

@media only screen and (max-width: 1280px) {
	.grid8 {
		width: 90%;
		float:none;
	}
	.linkPage .grid8, .linkPage .grid12,.blogdetails .grid8, .PortfolioList .grid8 {
		width: 69%;
		float: left;
	}
	.linkPage .grid4, .blogdetails .grid4, .PortfolioList .grid4 {
		width: 30%;
	}
	.bloglisting p, .blogdetails p, .linkPage p, .PortfolioList p {
		padding: 0px 0px 20px 0px;
	}
	
	.blogdetails h2, .linkPage h2, .PortfolioList h2 {
		margin: 20px 20px 20px 0px;
	}
	.PortfolioList .grid8 ul {
		display: table;
		padding: 20px 0px 20px 0px;
		margin: auto;
		width: 100%;
	}
	.PortfolioList .grid8 li img {
		width: 100%;
	}
}
@media only screen and (max-width: 980px) {
	.linkPage .grid4, .blogdetails .grid4, .PortfolioList .grid4 {
		width: 100%;
	}
	.linkPage .grid8,.linkPage .grid12 .blogdetails .grid8, .PortfolioList .grid8 {
		width: 97%;
		float: none;
	}
	.fullWrapper{
		width:100%;
	}
	.wrapper, .limiter{
		width:96%;
		margin:auto;
	}
	.HomePost {
		display: block;
		width: 87%;
		margin: 0px 0px 20px 0px;
	}
.footerblock li{
	padding:10px 0px;
}
}

@media only screen and (max-width: 900px) {

}

@media only screen and (max-width: 800px) {
.headertext h3{
	padding:0px 10px 20px 10px;
}

.topheaderblock .phonenuber h2{
	text-align:center;
}
.menurow .grid4 img{
	display:block;
	margin:auto;
	margin-bottom:10px;
}
.desktop {
	display: none;
	visibility: hidden;
}
.mobile {
	display: block;
	visibility: visible;
}
.bloglistingheader{
	background-position:95% bottom;
	min-height:550px;
}
.blogtagheader{
	background-position:21% bottom;
	min-height:550px;
}
/* **************************** Mobile menu  **************************** */
nav div {
  padding: 0.6em;
  cursor: pointer;
  font-size: 24px;
  display: block;
float: right;
margin: -64px 0px 0px 0px;
}
#menu > li > a:after { 
/* content: " 🢖";*/
 content:url(images/mobile-arrow-right.png);
}
#menu > li > a:hover:after { 
 /*content: " 🢗";*/
 content:url(images/mobile-arrow-down.png);
}
#menu > li > a:only-child:after {content: ''; }
/*#menu > li > a:after {content: 'v'; }*/
ul#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	position:absolute;
	width:96%;
}
ul#menu li {
  display: block;
}
ul#menu li a, ul#menu li a:visited {
	display:block;
	padding: 15px 17px;
	color: #333659;
	background-color: #fff2b9;
	text-decoration: none;
	font-size:120%;
	font-weight:600;
	border-bottom:1px solid #333659;
}
ul#menu li a:hover {
  background-color:#fff2b9;
}
ul#menu ul {
  position: static;
  min-width: auto;
  display: none;
}
ul#menu ul li {
  display: block;
  border-bottom: 1px solid #fff;
}
ul#menu li li a, ul#menu li li a:visited {
  background-color: #333659;
  color:#fff;
}
ul#menu li li a:hover {
  background-color: #13212c;
}
ul#menu li:hover ul {
  display: block;
}

/* **************************** Mobile menu  ends **************************** */
.headertext{
	padding:250px 0px 0px 0px;
}
.helpBlockOne{
	background-color:#333659;
}
.helpBlockTwo .helpright, .helpBlockOne .helpleft{
	text-align:center;
}
.helpBlockOne .helpleft, .helpBlockTwo .helpright{
	padding:0px;
}
.helpBlockOne .helpleft img{
	width:100%;
	line-height:0px;
}
.helpBlockOne .helpright p, .helpBlockTwo .helpleft p {
    margin: 0px 0px 20px 0px;
}
.helpBlockTwo{
	background-color:#ffe05e;
}
.secondRow{
	padding:50px 0px 0px 0px;
}
.secondRow p {
    text-align: left;
	padding: 20px;
}

.ThirdRow .grid5{
	padding-top:300px;
}
.ThirdRowImage {
	background-image:url(images/dbanerjee-mobile.jpg);
	background-repeat:no-repeat;
    background-size: 100% auto;
}

.DarkBlueBlock {
    min-height: auto;
    margin: 20px 20px 50px 20px;
    float: none;
    width: 77%;
}
.downarrowdiv:after, .leftarrowdiv:after, .rightarrowdiv:after{ /*arrow added to rightarrowdiv DIV*/
	content:'';
	display:block;
	position:absolute;
	top:96%; /*should be set to 100% */
	left:30px;
	width:0;
	height:0;
	border-color: #333659 transparent transparent transparent; /*border color should be same as div div background color*/
	border-style: solid;
	border-width: 40px;
}
.SixthRow {
    padding: 80px 0px 100px 0px;
}
.testomonials {
    width: 100%;
	display:inline-grid;
}
.sixthbase {
    padding: 20px;
    width: 55%;
    margin: auto;
    width: 70%!important;
}
.RowSeven {
	background-image:none;
	padding-bottom:50px;	
}
.RowSeven h3 {
    padding: 20px;
}
.RowSeven form{
	width:90%;
}
.RowSeven .steps-form .steps-row {
    display: table;
    width: 100%;
}
.RowSeven .steps-form .steps-row .steps-step {
    float: left;
    padding: 1px 4px;
    width: 29%;
}
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], textarea, select{
	width: 87%;
}
input[type=submit]{
	margin: 5px 10px 0px 0px;
}
.contactSecond form input[type=text], .contactSecond form input[type=url], .contactSecond form input[type=tel], .contactSecond form input[type=number], .contactSecond form input[type=color], .contactSecond form input[type=email], .contactSecond form input[type=password], .contactSecond form textarea, select{
	width: 87%;
}

a.bluebutton, a:visited.bluebutton {
    display: table;
}
a.bluebutton{
   margin-left:20px;
}
.footerblock .grid12 h3 {
	display: table;
	margin: 10px 20px 10px 20px;
	padding: 0px;
}
.footerblock {
    padding-bottom: 390px;
}
.footersocial li:first-child{
	margin-left: 0px;
    padding-left: 0px;
}
.footersocial li:nth-child(2){
	margin:0px 20px;
}
.postlist{
	width:90%;
	float:none;
	min-height:auto;
	margin:0px auto 20px auto;
	padding: 20px 0px 100px 0px;
}
.blueBlock {
    margin: 0px;
}
.paginationblock{
	display:none;
	visibility:hidden;
}
.PortfolioList .grid8 .paginationblock{
	display:block;
	visibility:visible;
}
.navigation{
	display:inline-block;
	visibility:visible;
	padding-bottom:30px;
}
.navigation p a, .navigation p a:visited{
	display:inline-block;
	padding:5px;
	background-color:#333659;
	color:#fff;
}
.navigation p a:hover{
	background-color:#ffe05e;
	color:#333659;
}
nav #crumbs{
    font-size: 120%;
    float: none;
    margin: 0px 0px 20px 0px;
	clear:both;
}
.bloglisting h1 {
    font-size: 200%;
    margin: 20px 20px 20px 20px;
}
.bloglisting p {
    padding: 0px 20px 20px 20px;
    text-align: justify;
}
.bloglisting h2, h3 {
    padding: 0px 20px 0px 0px;
}

.pageHeader {
    background-position: 34% 1px;
}
.blogdetailheader {
    background-position: 63% -1px;
}
.bloglisting h1, .blogdetails h1, .linkPage h1, .PortfolioList h1 {
    font-size: 200%;
    margin: 0px 0px 20px 0px;
}
.blogdetails h2, .linkPage h2, .PortfolioList h2 {
    font-size: 150%;
    margin: 0px 0px 20px 0px;
}
.bloglisting p, .blogdetails p, .linkPage p, .PortfolioList p {
     padding: 0px 0px 20px 0px;
}
.linkPage p {
    padding: 0px 0px 20px 0px;
}
.webdesignheader {
    background-position: 50% 1px;
}
.seoheader{
	background-position: 48% 124px;
}
.webredesign {
	background-position: 75% 70px;
}
.webmaintenance{
	background-position: 50% 111px;
}
.contactheaderPos{
	background-position: 48% 60px;
}
.realestateMobileHeader {
    background-position: 79% 101px;
}
.lawyerMobileHeader{
	background-position: 24% 1px;
}
.IndProMobileHeader{
	background-position: 66% 62px;
}
.InsagntMobileHeader{
	background-position: 66% 1px;
}
.HomeCareMobileHeader{
	background-position: 66% 1px;
}
.AutoappraisalMobileHeader{
	background-position: 23% 1px;
}
.portfolioMobileHeader{
	background-position: 35% 1px;
}

.contactSecond form{
	width: 96%;
	margin-top: 20px;
}
.contactSecond form p {
	padding: 0px 20px 5px 0px;
}
.contactSecond form input[type=submit] {
	margin: 1px 10px 0px 0px;
	display: table;
	width: 38%;
	float: right;
	color: #000;
	font-size: 120%;
	font-weight: 600;
}
.contactSecond form .uacf7-next {
    width: auto;
    float: right!important;
    font-size: 100%;
    font-weight: 600;
    margin: 0px -7px 0px 0px;
}
.contactSecond form  .steps-form .steps-row {
    display: inline-block;
    width: 100%;
}
.contactSecond form  .steps-form .steps-row .steps-step {
    float: left;
    padding: 1px 4px;
    width: 29%;
}
.contactSecond form  .steps-form .steps-row .steps-step p {
    font-size: 14px;
    text-align: center;
}
.YellowBlock form .uacf7-next{
	margin: 0px -11px 0px 0px;
}
.YellowBlock form .uacf7-prev{
    top: 0px;
	margin: 2px 0px 0px -16px!important;
}
.YellowBlock form  input[type=submit]{
	margin: 2px 8px 0px 0px!important;
}
.PortfolioList .grid8 ul {
    width: 100%;
}
.PortfolioList .grid8 li {
	/*border: 1px solid #eaeaea;*/
    float: none;
    margin: 20px 10px 20px 10px;
    width: 93%;
    padding: 0px !important;
	display:block;
}
.PortfolioList .grid8 li img {
    margin: auto;
    display: block;
    width: 100%;
}
.uacf7-next {
    margin-right: 12px;
}
}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 640px) {
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	float:none;
	width:100%;
	margin:auto;
	clear:both;
}

}

@media only screen and (max-width: 600px) {


}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 360px) {

}

@media only screen and (max-width: 320px) {

}