@charset "utf-8";
/* CSS Document */

@import url("foundation.css");/***foundation 3 framework stylesheet***/


/* --------------------------------------------------------
author: Jelena P
website: http://themeforest.net/user/rayoflightt
----------------------------------------------------------*/
/* -----------------------------------------------------------
CONTENT:
html5 and responsive content
reset
home
portfolio pages
about us, team and one product page
prices
blog
contact
shortcodes
notification
additional classes


------------------------------------------------------------*/



/* HTML5 styles */
header, nav, article, section, aside, footer {display: block;}
/* HTML5 styles-end */

img{max-width: 100%; width:auto}
img{ -ms-interpolation-mode: bicubic; }
img, embed, object, video {
	max-width: 100%
}
.paddingtoptwo{
padding-top:42px;
}


/********* reset *********/

/**** added new column 1/5 - framework fix ****/

.c-2a { width: 20%; float:left; position: relative; min-height: 1px; padding: 0 10px;}

/**** added new column 1/5 framework fix end ****/




ul, ol {
line-height: 1.6;
margin: 0 0 21px 21px;
padding:0;
}

ul li, ol li{
margin: 0 0 10px 0;
padding:0;
}

h1, h2, h3, h4, h5, h6 {
color:#333333;
font-family:"pt serif";
font-weight:normal;
margin:21px 0 21px 0;
}

p{
color:#555555;
font-size:15px;
font-family:"pt sans";
line-height:1.6;
margin:0 0 21px 0;
}



blockquote{
margin:0 0 21px 0;
padding:21px 20px;
}

blockquote p{
margin:0;
}

.blockqoute1{
margin:0 20px 21px 10px;
padding:0 20px 0 10px;
border:none;

}

.blockqoute1 p{
margin:0;
padding:20px;
font-size:17px;
font-style:italic;
}


p.dropcap:first-letter {
font-size: 44px;
float: left;
margin-right:5px;
color:#333333;
}


.centered {
float:none;
margin:0 auto;
}

/********* reset end *********/



/*for just vector fonts*/


@font-face {
    font-family: 'JustVector';
    src: url('fonts/justvectorv2-webfont.eot');
    src: url('fonts/justvectorv2-webfont.eot?#iefix') format('eot'),
         url('fonts/justvectorv2-webfont.woff') format('woff'),
         url('fonts/justvectorv2-webfont.ttf') format('truetype'),
         url('fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;

}



.vectorfont{
font-family: 'JustVector';
}


.vectorfontsocialicons{
color:#bfbfbf;
font-size:30px;
margin:0 5px 0 0;
display:inline;
background:#fff;
border:#bfbfbf solid 5px;
padding:6px;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}


.vectorfontsocialicons:link, .vectorfontsocialicons:visited{
}
.vectorfontsocialicons:hover{
}


/*for just vector fonts end*/



/********* home *********/

body{
line-height:1.6;
color:#555555;
font-size:100%;
font-family:"pt sans", Arial, Tahoma, Sans-Serif;
background: #FFF;
background-attachment:fixed;
}

.ecwid-Product{
text-align: center;

}
.ecwid1{
text-align: center;
 padding-bottom: 10px;
}

.ecwid-productBrowser-head p{
text-align: center;

padding-bottom: 15px;

}
.ecwid-productBrowser-price{
text-align: center; padding-bottom: 15px;
}



/**main button**/

.buttonmain1{
font-size:21px;
text-decoration:none;
width:150px;
margin:15px auto;
text-align:center;
float:right;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;

}

.buttonmain1:link, .buttonmain1:visited{
}

.buttonmain1:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}

.buttontextmain1:link, .buttontextmain1:visited{
text-align:center;
text-decoration:none;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.buttontextmain1:hover{
color:#fff;
}



/**main button end**/


.headertop{
height:84px;

margin:0 auto;
width:100%;

}


.headerbg1{
height:89px;
margin:0 auto;
}

.phone {
margin:10px 0 0 0;
}


.phone p{
float:right;
font-size:13px;
margin:0 0 ;
}

.phone span{
font-size:17px;
color:#333333;
font-style:normal;
}


.searchfield	{
	height:27px;
	padding:1px ;
	margin:10px 0 0 0;
	font-size:13px;
	font-weight:normal;
	color:#555555;
	text-align:left;
	color:#555555;
	float:right;
	border:#e6e6e6 solid 1px;
	background:#fff;
	border-radius:200px;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	}

#search	{
	border:none;
	height:22px;
	background:transparent;
	box-shadow:none;
	margin:0;
	padding:0 0 5px 3px;
	float:left;
	border-radius:200px;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	}

.searchfield div a	{
	font-size:21px;
	}

.searchfield a	{
	height:30px;
	margin:-7px -10px 0 0;
	float:right;
	font-family:"GeneralFoundicons";
	}

.searchfield a:link, .searchfield a:visited	{
	}

.searchfield a:hover	{
	}


.logo	{
	margin:14px 0 0 0;
	}



/*drop down for desktop*/

.menulinemobile	{
	display:none;
	}

#menu .menuhome	{
	text-align:center;
	color:#fff;
	height:10px;
	}

#menu	{
	list-style:none;
	padding:0;
	Z-index:100;
	position:relative;
	margin: 0;
	}

#menu ul	{
	}

#menu li	{
	height:28px;
	padding:42px 23px 0 23px;
	float: left;
	cursor:pointer;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	position: relative;
	line-height: 0;
	}


#menu .menu1:hover	{
	border-top:red 5px solid;
	}

#menu li .mainmenu {
	width:100%;
	color:#fff;
	}

#menu li:hover .mainmenu {
	color:#fff;
	}

#menu li .mainmenulast {
	background:none;
	}

#menu li:hover .mainmenulast {
	background:none;
	}

#menu a {
	height:70px;
	font-size:17px;
	float: left;
	text-transform: uppercase;
	}

#menu li .mainmenu:hover a {
	}

#menu li:hover > ul	{
	display: block;
	}



/* Sub-menu */

#menu ul	{
    list-style: none;
	margin: 0;
	padding: 0;
	display: none;
    position: absolute;
 	top: 70px;
    left: 0;
  	z-index: 500;
	}

#menu ul ul	{
  	top: 0;
  	left: 150px;
	}

#menu ul li	{
	padding: 14px 22px 14px 28px;
	width: 220px;
	height: auto;
    display: block;
    white-space: nowrap;
	float: none;
	text-transform: none;
	padding: 0;
    display: block;
	}

#menu ul li:last-child	{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	}


#menu ul a	{
	margin: 0;line-height:1;
 	color:#fff;
	font-size:13px;
    padding: 14px 22px 14px 23px;
	height: auto;
	width: 220px;
   	text-transform:none;
    display: block;
    white-space: nowrap;
  	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    }

#menu ul a:hover	{
	}

/***dropdown-menu for desktop-end***/


/*** unused style with broken image link
.imagehomepage	{
	width:100%;
	background: url(../images/bg1.png) repeat;
	float:left;
	height:auto;
	margin-bottom:42px;
	}
***/

.imagehomepage img	{
	margin-bottom:-5px;
	}

.imagehomepage h5	{
	font-size:44px;
	color:#fff;
	margin-top:126px;
	margin-bottom:0;
	font-family:"pt sans";
	text-transform:uppercase;
	line-height:1;
	}

.imagehomepage h2	{
	margin-top:0;
	margin-bottom:0;
	font-size:105px;
	color:#fff;
	font-family:"pt sans";
	text-transform:uppercase;
	line-height:1;
	}

.imagehomepage h4	{
	color:#fff;
	margin-top:0;
	font-size:27px;
	}

.mainheadlinebg1	{
	height:126px;
	width:100%;
	max-width:100%;
	margin:0 auto 32px auto;
	background:#E6E6E6;
	box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
	-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
	-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
	border-bottom:#fff 4px solid;
	}

.mainheadlinebg	{
	width:940px;
	margin:0 auto;
	}

.mainheadline	{
	margin:34px 0 0 0 ;
	font-family:"pt sans";
	text-transform:uppercase;
	font-size:27px;
	}

.mainheadline1	{
	margin: 0;
	font-family:"pt serif";
	line-height:1.6;
	}

.mainheadlinelink	{
	}

.mainheadlinelink:link, .mainheadlinelink:visited	{
	}

.mainheadlinelink:hover	{
	background:none;
	}

.mainheadlinebg1down	{
	height:84px;
	width:100%;
	max-width:100%;
	margin:0 auto 63px auto;
	background:#E6E6E6;
	box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
	-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
	-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
	border-bottom:#fff 4px solid;
	border-top:#fff 4px solid;
	}

.mainheadlinebgdown	{
	width:940px;
	margin:0 auto;
	}

.mainheadlinedown	{
	margin:25px 0 0 0 ;
	font-family:"pt sans";
	text-transform:uppercase;
	font-size:27px;
	}

.mainheadlinedown span	{
	padding:0 6px 0 0 ;
	}

.mainheadlinedown1	{
	margin:25px 0 0 0 ;
	font-family:"pt sans";
	text-transform:uppercase;
	font-size:27px;
	}

.mainheadlinedown1 span{
	padding:0 6px 0 0 ;
	}

/***for main headlines on all pages except homepage start***/
.mainheadlineall	{
	width:100%;
	height:105px;
	margin:0 0 21px 0;
	}

.mainheadlineall h5	{
	COLOR:#fff;
	}

.mainheadlineall .row  h1	{
	COLOR:#fff;
	font-family:"pt sans";
	text-transform:uppercase;
	margin:37px 0 0 0;
	font-size:27px;
	padding-top:5px;
	}

.mainheadlineall span	{
	font-size:17px;
	padding-left:10px;
	text-transform:lowercase;
	}
/***for main headlines on all pages except homepage end***/



/* main columns block*/
.maincolumnsblock ul {
float:left;
list-style:none;
padding:0 ;
}

.maincolumnsblock ul li {
position:relative;
float:left;
padding:0 ;
margin-bottom:21px;
}

.maincolumnsblock ul li h3 {
text-align:center;
width:230px; /* used to be 260 but I'm trying to fix the PR page */
position:relative;
margin:21px auto 0 auto;
color:#333333;
padding:0 ;
}

.maincolumnsblock ul li h3 span{
padding:0 3px;
}

.maincolumnsblock ul li p {
text-align:center;
margin:21px 10px;
}

.circlepicture{
background: url(../images/placeholder-image.png) no-repeat center top;
width:180px;
height:180px;
}

.maincolumnsblock ul li .circle {
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:0 auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
border:#fff 4px solid;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}

.maincolumnsblock ul li:hover .circle {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}




/*for home page*/
.maincolumnsblock ul li .circle1 {
background: url(../images/magnifying-glass.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .OEcircle {
background: url(../images/placeholder-image.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle2 {
background: url(../images/histogram.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .SCcircle {
background: url(../images/survey.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .QEcircle {
background: url(../images/QEgraph.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle3 {
background: url(../images/FuseReport.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .RCTcircle {
background: url(../images/coin-flipping.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .DScircle {
background: url(../images/chart.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.singlecolumnblock ul li .DScircle {
background: url(../images/chart.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .SScircle {
background: url(../images/safe.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .eaascircle1 {
background: url(../images/eaascircle1.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .eaascircle2 {
background: url(../images/eaascircle2.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .eaascircle3 {
background: url(../images/eaascircle3.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .eaascircle4 {
background: url(../images/eaascircle4.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle4 {
background: url(../images/LMW2.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle5 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle6 {
background: url(../images/4small.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle7 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle8 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle9 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle10 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle11 {
background: url(../images/3small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle12 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle13 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle14 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle15 {
background: url(../images/3small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle16 {
background: url(../images/4small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle17 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle18 {
background: url(../images/2small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle19 {
background: url(../images/3small.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .circle20 {
background: url(../images/placeholder-image.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for home page end*/


/*for REL-SW page starts*/
.singlecolumnblock ul {
float:left;
list-style:none;
padding:0 ;
}

.singlecolumnblock ul li {
position:relative;
float:left;
padding:0 ;
margin-bottom:21px;
}

.singlecolumnblock ul li h3 {
text-align:center;
width:100%;
position:relative;
margin:21px auto 0 auto;
color:#333333;
padding:0 ;
}

.singlecolumnblock ul li h3 span {
padding:0 3px;
}

.singlecolumnblock ul li p {
text-align:center;
margin:21px 10px;
}

.circlepicture {
background: url(../images/placeholder-image.png) no-repeat center top;
width:180px;
height:180px;
}

.singlecolumnblock ul li .circle {
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:0 auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
border:#fff 4px solid;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}

.singlecolumnblock ul li:hover .circle {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}



.singlecolumnblock ul li .LAcircle {
background: url(../images/LA.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.singlecolumnblock ul li .LMcircle {
background: url(../images/wordle.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.singlecolumnblock ul li .BPcircle {
background: url(../images/louisiana-comeback-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
	
.singlecolumnblock ul li .ADEcircle {
background: url(../images/ADE-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.singlecolumnblock ul li .TEAcircle {
background: url(../images/TEA-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
			
	
.singlecolumnblock ul li .STEMcircle {
background: url(../images/stem.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
	
.singlecolumnblock ul li .TXcircle {
background: url(../images/TX.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.singlecolumnblock ul li .OKcircle {
background: url(../images/magnifying-glass.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for REL-SW page end*/



/*for SEED and EIR pages*/
.maincolumnsblock1 ul li .seedcircle1 {
background: url(../images/seed-scores.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 40px auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .eircircle1 {
	background: url(../images/EIR-scores.png) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 40px auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}
.maincolumnsblock1 ul li .seedcircle2 {
background: url(../images/ribbon-winner.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 40px auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .seedcircle3 {
background: url(../images/quote.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 40px auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock1 ul li .seedcircle4 {
background: url(../images/calendar.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 40px auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for SEED page end*/
	
	
	
/*for pr page*/
/* default logo if folks won't share their logo */
.maincolumnsblock ul li .prcircle0 {
background: url(../images/placeholder-image.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}



.maincolumnsblock ul li .prcircle1 {
background: url(../images/ednet.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle2 {
background: url(../images/digital-journal.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle3 {
background: url(../images/SFbiztimes.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle4 {
background: url(../images/DaltonPS.png) center center no-repeat;
-webkit-background-size: 90%  90% ;
-moz-background-size: 90%  90% ;
background-size: 90%  90% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle5 {
background: url(../images/weareteachers.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle6 {
background: url(../images/business-wire.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle7 {
background: url(../images/ALSDE-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle8 {
background: url(../images/eschoolnews.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle9 {
background: url(../images/thejournal.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle10 {
background: url(../images/wwc.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle11 {
background: url(../images/edweek.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle12 {
background: url(../images/ednet.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle13 {
background: url(../images/ednet.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle14 {
background: url(../images/edweek.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle15 {
background: url(../images/SREBlogo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle16 {
background: url(../images/SAbizjournal.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle17 {
background: url(../images/ednet.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle18 {
background: url(../images/KQEDlogo.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle19 {
background: url(../images/edweek.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
.maincolumnsblock ul li .prcircle20 {
/*background: url(../images/LF-square-logo.png) center center no-repeat; */
background: url(../images/LearningForward-tag-logo-200x200-white.png) center center no-repeat; */
/* new logo is too close to the edge. Shrink to fit without cropping */
-webkit-background-size: 92%  92% ;
-moz-background-size: 92%  92% ;
background-size: 92%  92% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle21 {
background: url(../images/placeholder-image.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle22 {
background: url(../images/jree.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle23 {
background: url(../images/rel_sw_logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle24 {
background: url(../images/channel10news.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle25 {
background: url(../images/i3_logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle26 {
background: url(../images/edsurge-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle27 {
background: url(../images/edweek-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle28 {
background: url(../images/edscoop.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle29 {
background: url(../images/huffpost.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle30 {
background: url(../images/the74.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle31 {
background: url(../images/newsela-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle32 {
background: url(../images/iste-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle33 {
background: url(../images/edmarket-logo.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock ul li .prcircle39 {
	background: url(../images/forbes-logo.png) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 0 auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}

.maincolumnsblock ul li .prcircle42 {
	background: url(../images/reach-logo.png) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 0 auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}

.maincolumnsblock ul li .prcircle43 {
	background: url(../images/quad-city-times-logo.png) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 0 auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}

.maincolumnsblock ul li .prcircle44 {
	background: url(../images/OurQuadCitiesLogo.jpg) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 0 auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}

.maincolumnsblock ul li .prcircle45 {
	background: url(../images/kwqc-logo.jpg) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 0 auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}

.maincolumnsblock ul li .prcircle46 {
	background: url(../images/mlk-logo.png) center center no-repeat;
	-webkit-background-size: 100%  100% ;
	-moz-background-size: 100%  100% ;
	background-size: 100%  100% ;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	margin:21px auto 0 auto;
	display:block;
	width:180px;
	height:180px;
	z-index:10;
	}

/*for pr page end*/


.button1{
display:block;
margin: 0 auto 21px auto;
float:none;
color: #fff;
padding:4px 0 3px 0;
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-align:center;
text-transform:uppercase;
width:100px;
}

.button1:link, .button1:visited, .button2:link, .button2:visited, .button3:link, .button3:visited{
color: #fff;
}

.button1wrapper a.button1{
}

.button1:hover, .button2:hover{
color:#FFF;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}

.button2{
display:block;
margin: 21px 21px 21px 21px;
float:none;
color: #fff;
padding:4px 0 3px 0;
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-align:center;
text-transform:uppercase;
width:100px;
}

.button2wrapper a.button2{
}

.maincolumnsblock1 ul {
float:left;
list-style:none;
padding:0 ;

}
.maincolumnsblock1 ul li {
position:relative;
float:left;
padding:0 ;

margin-bottom:21px;
}

.maincolumnsblock1 ul li h3 {
text-align:left;
width:210px;
position:relative;
margin:21px 0 0 0;
color:#333333;
padding:0 ;
font-size:21px;
}

.maincolumnsblock1 ul li h3 span{
padding:0 3px;
}


.maincolumnsblock1 ul li p {
text-align:left;
margin:21px 10px 21px 0;
}

.maincolumnsblock1 ul li .circle {
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:0 auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
border:#fff 4px solid;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}

.maincolumnsblock1 ul li:hover .circle {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}

/*colored fonts on Digital Promise page start*/
.rq1 .rq2 .rq3 .rq5	{
	font-style: italic;
	}

.rq1 em	{
	color:#00B050;
	}
	
.rq2 em	{
		color:#0070C0;
		}
		
.rq3 em	{
	color:#C00000;
	}
	
.rq5 em	{
	color:#7575D1;
}
/*colored fonts on Digital Promise page end*/


/*for first homepage*/
.maincolumnsblock1 ul li .circle1 {
background: url(../images/magnifying-glass.jpg) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock1 ul li .circle2 {
background: url(../images/histogram.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock1 ul li .circle3 {
background: url(../images/FuseReport.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}

.maincolumnsblock1 ul li .circle4 {
background: url(../images/LMW2.png) center center no-repeat;
-webkit-background-size: 100%  100% ;
-moz-background-size: 100%  100% ;
background-size: 100%  100% ;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
margin:21px auto 0 auto;
display:block;
width:180px;
height:180px;
z-index:10;
}
/*for first homepage end*/



/* main columns block end*/



/** accordion3 for homepage starts**/
.accordion3	{
margin:0  0 0 0;
height:auto;
}

.accordion3 p	{
color:#555555;
text-align:left;
padding-bottom:21px;
}

.accordion3 a	{
font-size:17px;
}
/** accordion3 end**/




.video	{
margin:0 0 42px 0;
}

.video iframe	{
width:100%;
height:272px;
}

.picturehomepage	{
width:380px;
margin:0 0 63px 40px;;
}

.portfoliohome	{
list-style:none;
}

.portfoliohome ul {
margin-bottom:0;
}
.portfoliohome ul li{
margin-top:0;
}
.portfoliohome ul li img{

};

/* tabs start*/
ul.tabs {
	margin: -21px 0 1px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;

	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin:0 2px 0 0;
	border-left: none;
	background: ;
	overflow: hidden;
	position: relative;
}

ul.tabs {
	margin: -21px 0 1px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin:0 2px 0 0;
	border-left: none;
	overflow: hidden;
	position: relative;
}

ul.tabs li a {
	text-decoration: none;
	color: #333333;
	display: block;
	padding: 0 10px;
	background: #E6E6E6;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition:all .3s;
	-o-transition: all .3s;
	}

ul.tabs li a:hover {
	color: #fff;
	}

.tab_content section  a {
	font-size:40px;
	padding-left:20px;
	padding-top:10px;
	}

.tab_container {
	background: #E6E6E6;
	margin:0 0 63px 0;
	clear: both;
	float: left;
	width: 100%;
	}

.tab_content {
	}

.tab_content h4 {
	font-weight: normal;
	margin:15px 0 0 10px;
	line-height:1.6;
	}

.tab_content h6 {
	font-weight: normal;
	margin:0 0 0 9px;
	}

.tab_content p {
	margin:0 0 21px 10px;
	}

.icontab{
	float: left;
	margin:0 20px 0 0;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition:all .2s;
	-o-transition: all .2s;
	}

.icontab:link, .icontab:visited{
	float: left;
	}

.icontab:hover{
	float: left;
	}

.icontabsize a{
	font-size:44px;
	}

.icontabhome2{
	font-size:44px;
	margin-left:20px;
	margin-top:10px;
	}
/* tabs end */



/* testimonials */
.testimonials{
margin:0 0 0 50px;
padding:0;
float:right;
width:100%;
}

.quotes{
width:60px;
height:40px;
color:#E6E6E6;
}

.quotes i{
font-size:44px;
}



/***dashed line***/

.dashedline {
margin:0 0 21px 0;
padding:0;
background: url(../images/dashedline.png) repeat;
}

.dashedline span{
background: #FFF;
padding-right:5px;
}
.dashedline1 {
margin:42px 0 21px 0;
width:100%;
height:2px;
padding:0;
background: url(../images/dashedline2.png) repeat-x;
}
.dashedline2 {
margin:0;
padding:0;
background: url(../images/dashedline2.png) repeat-x;
}
.dashedline2 span{
background: #FCFCFC;
padding-right:5px;
}

/***dashed line end***/


#testimonials blockquote{
border:none;
margin:0 0 0 0;
padding:0;
color:#555555;
}
#testimonials blockquote cite{
border:none;
margin:0 0 21px 0;
padding:0 0 21px 0;
font-weight:normal;
font-size:17px;
color:#333333;
font-style:normal;
line-height:1.6;
}

/* testimonials end*/



.carouselmobile{
display:none;
}

.carouselclientsmobile{
display:none;
}



.paralaximage {
display:none;
}

.mapmobile{
display:none;
}



/** accordion for menu on mobile devices**/


.accordion1{
margin: 0 0 0 10px;
text-align:center;
height:auto;
position:relative;
z-index:100;
}


.accordion1 a{
margin:0;
display:block;
color:#fff;

}


.accordion1 a:hover{
margin:0;

}
.accordion1  h3{
padding:5px;
margin:0 0 0 0;
display:block;
position:relative;

color:#fff;
cursor:pointer;
}
.accordion1  h3:hover{

color:#fff;
}

.accordion1 div{
display: none;
height:auto;
}

.accordion1  section ul{
list-style:none;
margin:0;
}
.accordion1  section ul li{
margin:0;
padding:10px;
}
 .accordion1  section ul li:hover{

}
.accordion1 h3.active a:after {
 content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
}

/** accordion end**/



/******footer******/



.footerwrapper{
height:auto;
margin:0 auto;
}

.footerabout {
color:#fff;
margin:0 20px 21px 0;
}


.footerheadline {
color:#fff;
margin:42px 0 ;
}


.footerlinkswrapper{
float:left;
list-style:none;
margin:0 20px 21px 0;
}

.footerlinks{
margin: 0 0 5px 0;

display:block;
float:left;
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-decoration:none;

transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.footerlinks:link, .footerlinks:visited{

}

.footerlinks:hover{
}


.subscribefieldwrapper{
float:left;
margin:0 0 0 0;
height: auto;
width:auto;
}


.subscribefield{
float:left;
margin:0 ;
height: 30px;
width:auto;
padding:0 0 0 10px;
color:#555555;
border-radius: 20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

.buttonmain2{
font-size:13px;
text-decoration:none;
width:100px;
text-align:center;
padding:5px 0;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
color:#fff;
}
.buttonmain2:link, .buttonmain2:visited{
text-align:center;
text-decoration:none;
}

.buttonmain2:hover{


}


.bottomlinks{
margin:0 0 0 0;
}

ul.bottomlinks{
text-decoration:none;
margin:0 0 0 0;
padding:0;
list-style:none;
}

.links{
margin: 0 0 0 15px ;
display:block;
float:right;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.links:link, .links:visited{
display:block;
float:right;
text-decoration:none;
}

.links:hover{
}


.flickr {
list-style:none;
float:left;
margin:0;
border:none;
}

.flickr li{
list-style:none;
float:left;
margin:0 5px 0 0;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.flickr li:hover{
opacity:.7;

}


.icons{
float:left;
}


.icons a{
width:42px;
height:42px;
}



.copyright{
color:#cccccc;
margin:14px auto 21px auto;
float:left;
width:265px;
}

.copyright a:link, .copyright a:visited{
}

.copyright a:hover{
}


/******twitter******/
.twitterwrapper {
display: block;
overflow: hidden;
height: 25px;
width:auto;
float:left;
margin:21px 0 ;
}

.twitterblueicon{
float:left;
width:auto;
height:30px;
font-size:25px;
margin:-5px 0 5px 0;
}

.tweet{
height: 21px;
overflow: hidden;
}

#ticker ul.tweet_list {
overflow-y:hidden;
padding-left:7px;
}
#ticker .tweet_list li {
height: 52px;
color:#fff;
list-style:none;
}
#ticker .tweet_list li a{
height: 52px;
text-decoration:none;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
}

#ticker .tweet_list li a:hover{
}

.tweet_list .tweet_avatar {
display:none;
}
/******twitter end******/



.scrollbutton{
float:right;
margin: 21px 0 21px 0;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
border:none;
height:30px;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;
}
.scrollbutton:link, .scrollbutton:visited{
}

.scrollbutton:hover{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}
.scrollbutton a{
font-size:34px;
}

/****footer end****/

/********* home end *********/



/******portfolio pages******/

.pagination{
margin-bottom:21px;
margin-top:0;


}
.pagination a{
padding:0 5px 0 5px;
font-weight:bold;
border-radius:100%;
-webkit-border-radius:100%;
-moz-border-radius:100%;
color:#fff;
margin:0 10px 0 0;
}
.navigation{

}
.navigation a{
padding:0 5px;
background:#fff;
margin:0 0 0 5px;
float:right;
transition: all .2s;
-moz-transition: all .2s;
-webkit-transition:all .2s;
-o-transition: all .2s;

}

.navigation a:link, .navigation a:visited{
padding:0 5px;
color:#fff;
}

.navigation a:hover{
padding:0 5px;
color:#fff;
}

.portfoliolinks{
display:inline-block;
float:left;
margin:84px 0 21px 0;
}


.portfoliolinks ul li{
margin: 0 ;
display:inline-block;
list-style:none;
float:right;
text-decoration:none;
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.portfoliolinks ul li:link, .portfoliolinks ul li:visited{
}
.portfoliolinks ul li:hover{
}



/**** for filter portfolio ****/

.splitter {
margin: 21px 0 0 0;

}

.splitter:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;

}

.splitter ul {
margin-left:0;
}

.splitter ul li  {
background:#ededed;
margin-right:5px;
}

.splitter li,
.splitter ul,
.splitter ul li a  {
  display: inline-block;
 font-size:17px;
text-align:center;
}

.splitter ul,
.splitter ul li,
.splitter ul li a {
  background-repeat: no-repeat;
}




.splitter li ul li a {
color:#333333;
padding:3px 10px;
text-decoration: none;

}

.splitter li ul li a:link {

}


.splitter li ul li a:hover {
color:#fff;
}

.image-grid {
list-style:none;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}



.image-grid li {
 float: left;
  text-align: center;
  overflow: hidden;
margin:10px 0;
padding-top:2px;
padding-bottom:2px;
}

.image-grid li img,
.image-grid li strong {
 display:block;

}

.image-grid  li img{
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.image-grid  li img:hover{
opacity:.2;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}


/******portfolio end******/




/**** about us, team and one product pages****/

.quotesabout{
width:auto; height:auto;
}

.aboutusheadline2{
margin:21px 0 21px 0;
padding:0;

}

.aboutustext{
}


.aboutuscolumns ul {
float:left;
list-style:none;
}
.aboutuscolumns ul li {
position:relative;
float:left;
margin-bottom:21px;
}

.aboutuscolumns ul li h3 {

width:210px;
position:relative;
margin:0 auto 0 auto;
color:#333333;
padding:0 ;
}

.aboutuscolumns ul li h4 span{
padding:0 3px;
}


.aboutuscolumns ul li p {
margin:21px 20px 21px 0;
}

.aboutusicons {

margin-top:-21px;
}

.aboutusicons a{
margin-right:5px;
font-size:27px;

}


.aboutuscolumns .picture{
background: url(../images/team.png) center center no-repeat;
width:190px;height:190px;
background-size:100% 100%;
margin:21px 0 0 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}




.aboutusrows .picture{
margin:21px 0 42px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;

}

.aboutusrows .picturewrapper{
width:100%;
}

.aboutusrows h5{
margin:0 0 21px 0;
padding-top:21px;
}




.oneproductfeatures{
margin-bottom:21px;
}
.oneproductfeatures ul li{
list-style:none;
padding: 0 0 0 15px;
background: left center no-repeat ;
font-weight:bold;
}

.headlinetab1about{
margin:21px 0 21px 20px;
}
.headlinetab1about span{
font-size:13px;
padding-left:10px;
}

.productheadline{
width:100%;

}

.productheadline h2{
font-size:21px;
padding:5px 15px;
text-transform:uppercase;
font-family:"pt sans";
color:#fff;
float:left;
margin:21px 0 11px 0;
}
.productheadline  h2{
font-size:21px;
padding:5px 15px;
text-transform:uppercase;
font-family:"pt sans";
color:#fff;
float:left;
margin:21px 0 11px 0;
}

.productheadline h3{
float:left;
margin:21px 0 21px 0;
}



.productlist{
margin-bottom:21px;
}

.productlist li{
list-style:none;
}



.headlinetab1product{
padding:0 0 0 10px;
}

.containertabs{
margin:21px 0 0 0;
}

.about h3{
margin-right: 10px;
margin-left:10px;
margin-top:0;
}/*for aboutpage2*/


.about p{
margin-right: 10px;
margin-left:10px;/*for aboutpage2*/
}


/** accordion4 for homepage**/
.accordion4{
margin: 21px 0 42px 0;
height:auto;
padding: 0 5px 0 5px;
}



.accordion4 p{
color:#555555;
text-align:left;
margin:0 20px;
}

.accordion4 a{
margin:0 10px 0 20px;
display:block;
color:#333333;
}


.accordion4 a:hover{
}


.accordion3 dt {
border:none;
outline:none;
cursor:pointer;
}



.accordion3 dd a{
font-size:40px;
}
.accordion4  dt{
padding:0 20px 11px 0;
margin:0 0 2px 0;
position:relative;
text-align:left;
color:#333333;
cursor:pointer;
font-size:17px;
font-family:"pt serif";
}
.accordion4  dt span{
}

/**** about us, team and one product pages end****/



/**** prices page****/

.prices{
margin:21px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
height:445px;

}


.prices h3{
text-align:center;
padding:17px 0 0 0 ;

}


.prices h4{
text-align:center;
color:#fff;
padding:26px 0 0 0;
font-size:44px;
}

.prices h4 sup{
font-size:21px;
}
.prices img{
width:100%;
}

.pricelist{
list-style:none;
margin:42px auto 21px auto;
}
.pricelist li{
text-align:center;
}



.prices1{
margin:42px 0;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;

height:424px;
background:#fff ;
}

.prices1 h4{
text-align:center;
padding:10px 0 0 0;
}


.pricesrowcolor{
margin:-10px 0 10px 0;
float:left;
width:100%;
height:105px;
}

.pricesrowcolor h4{
text-align:center;
padding:10px 0 0 0;
font-size:44px;
}

.pricesrowcolor h4 sup{
font-size:21px;
}

.pricesrow{
margin:-10px 0 10px 0;
float:left;
width:100%;
height:105px;
background: #E6E6E6;
}
.pricesrow h4{
text-align:center;
padding:10px 0 0 0;
font-size:44px;
}

.pricesrow h4 sup{
font-size:21px;
}

/**** prices end ****/


/**** contact page****/


.map{
border:none;
margin:21px 0;
width:940px;
}
/*for contact form*/

#main{
width:100%;
height:274px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


.commentfield{
font-family:"pt sans";
margin:0 0 21px 0;
border:none;
padding:5px;
color:#555555;
font-size:13px;
float:left;
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
}
.contact1{
color:#555555;
width:50%;
padding:2% 1% 0 2%;
float:left;
}

.contact2{
color:#555555;
width:50%;
float:right;
padding:2% 2% 0 1%;
}
.textarea{
width:96%;
margin:0 2% 21px 2%;
height: 147px;
padding:5px;
float:left;
font-size:13px;
font-family:"pt sans";
}


.buttoncontact{
font-size:21px;
text-decoration:none;
text-align:center;
cursor:pointer;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
float:left;
margin:0 0 0 10px;
width:150px;
}

.buttoncontact:link, .buttoncontact:visited{
}

.buttoncontact:hover{
color:#fff;
}


/*for contact form end*/


/**** contact page end****/



/****** blog ******/

.blogvideo{
width:100%;
height:300px;
margin:0 0 21px 0;
}

.blogimage1{
margin-bottom:21px;
border:5px solid #fff;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}


.blogheadline{
font-size:21px;
margin:21px 0 ;
}

.blogheadline span{
background: #FCFCFC;
padding:0 5px 0 0;
}

.date{
margin:0 0 21px 0;
}
.date h6{
padding:3px 9px;
display:inline;
color:#fff;
margin:0 0 21px 0;
}

.metadata{
}

.metadata a{
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.metadata a:link, .metadata a:visited{

}

.metadata a:hover{
}

.blogpost p{
margin-bottom:0;

}

.blogbutton{
font-size:17px;
text-decoration:none;
width:120px;
margin:0 0 21px 0;
float:right;
text-align:center;
cursor:pointer;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
}

.blogbutton:link, .blogbutton:visited{
}

.blogbutton:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;

}

.blogbuttontext:link, .blogbuttontext:visited{
text-align:center;
text-decoration:none;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
font-size:17px;
}

.blogbuttontext:hover{
color:#fff;
}

.blogcomments{

}
.personicon{
font-size:75px;
 color:#e6e6e6;
}
.blogcomments img{

}


.blogcomments a  {
float:right;
padding-bottom:21px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.blogcomments a :link, .blogcomments a :visited{

}

.blogcomments a:hover{
}



.sidebarheadline{
margin:21px 0 0 0;

}


.sidebarlinkswrapper{
float:left;
list-style:none;
margin:0 20px 21px 20px;
}

.sidebarlinks{
margin: 0 0 5px 0;
display:block;
float:left;
text-decoration:none;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
text-decoration:none;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
.sidebarlinks:link, .sidebarlinks:visited{

}

.sidebarlinks:hover{
}

.containertabsblog{
margin:21px 0 0 0;
}

ul.tabsblog {
	margin: 0 0 1px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;

	width: 100%;
}
ul.tabsblog li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	margin:0 2px 0 0;
	border-left: none;

	background: ;
	overflow: hidden;
	position: relative;
}
ul.tabsblog li a {
	text-decoration: none;
	color: #333333;
	display: block;

	padding: 0 10px;
background: #E6E6E6;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}
ul.tabsblog li a:hover {
color: #fff;
}


.tab_contentblog ul {
float:left;
margin:21px 0 0 20px;

}

.tab_contentblog p{
list-style:none;
color:#555555;
font-size:normal;
font-style:normal;
font-size:13px;
padding:20px 20px 0 20px;
}


/** accordion2 for sidebar**/

.accordion2{
margin:0  0 21px 0;
height:auto;
}



.accordion2 p{
color:#555555;
text-align:left;

}

.accordion2 a{
font-size:17px;
}

.accordion2 a:hover{
}



.accordion2 dd ul li {
list-style:none;
padding-left:15px;
background:  left center no-repeat ;
display:block;
color:#555555;
list-style:none;
font-size:13px;
}


.accordion2 dd ul li a{
list-style:none;
display:block;
list-style:none;
font-size:13px;
}



/** accordion2 end**/







/*tags blog sidebar */

#tags ul{
margin:42px 5px;
text-align:center;

}
#tags li{
margin:0;
padding:0;
list-style:none;
display:inline;
}
#tags li a{
text-decoration:none;
padding: 5px;
}
#tags li a:hover{
}

.tag1{font-size:100%;}
.tag2{font-size:120%;}
.tag3{font-size:140%;}
.tag4{font-size:160%;}
.tag5{font-size:180%;}


.btn{
display:inline-block;
padding:3px 5px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
text-align:center;
margin:0 0 21px 15px;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-transform:uppercase;
}
.btn:link, .btn:visited{
color:#fff;
}
.btn:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}


/*tags blog sidebar end*/


.blogthumb {
margin:0;
padding:0;
}

.blogthumbpicture{
width:60px;
height:60px;
float:left;
margin:0 0 0 0;
background: url(../images/1s.jpg) top center no-repeat;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
margin-bottom:21px;
}


.blogthumbpicture:link, .blogthumbpicture:visited{

}

.blogthumbpicture:hover{
opacity:.7;
}

.blogthumbpicturesidebar{
width:60px;
height:60px;
float:left;
margin:0 0 0 0;
background: url(../images/1s.jpg) top center no-repeat;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
margin-bottom:21px;
}





.blogthumb p{
font-size:13px;
font-style:normal;
margin:0;
padding:0;
}



.image-grid1 {
list-style:none;
}

.image-grid1:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}



.image-grid1 li {
 float: left;

  overflow: hidden;
margin:10px 0;
padding-top:2px;
padding-bottom:2px;
}

.image-grid1 li img,
.image-grid1 li strong {
 display:block;

}

.image-grid1  li img{
box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-webkit-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
-moz-box-shadow: 1px 1px 1px #E6E6E6, 1px -1px 1px #E6E6E6, -1px 1px 1px #E6E6E6, -1px -1px 1px #E6E6E6;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border:#fff 4px solid;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.image-grid1  li img:hover{
opacity:.2;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1);
filter: progid:DXImageTransform.Microsoft.Matrix(
sizingMethod='auto expand',
M11=1, M12=-0, M21=0, M22=1);
}



/****** blog end ******/




/********* shortcodes *********/

/****** buttons ******/

/*first button*/
.b1{
font-size:21px;
text-decoration:none;
width:150px;
text-align:center;
cursor:pointer;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
border:7px solid #fff;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-webkit-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, -1px 1px 1px #e6e6e6, -1px -1px 1px #e6e6e6;

}

.b1:link, .b1:visited{
}

.b1:hover{
color:#fff;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px 1px 1px #e6e6e6, 1px -1px 1px #e6e6e6, 1px 1px 1px #e6e6e6;
}

.b1text:link, .b1text:visited{
text-align:center;
text-decoration:none;
color:#fff;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
}

.b1text:hover{
color:#fff;
}

.b1size1{
width:200px;
height:auto;

font-size:21px;
}

.b1size2{
width:155px;
height:auto;
font-size:17px;
}

.b1size3{
width:118px;
height:auto;
font-size:13px;
}
/*first button end*/



/*second button*/

.b2{
display:block;
float:none;
background: #E6E6E6;
color:#555555;
padding:4px 0 3px 0;
text-decoration:none;
border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
transition: all .3s;
-moz-transition: all .3s;
-webkit-transition:all .3s;
-o-transition: all .3s;
text-align:center;
text-transform:uppercase;
}

.b2:link, .b2:visited{
}
.b2wrapper a.b2{

}
.b2:hover{
color:#FFF;
-webkit-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
-moz-box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6 ;
box-shadow: 0 10px 3px -7px #8e8e8e, -1px -1px 1px #e6e6e6;
}


.b2size1{
width:170px;
height:auto;
font-size:21px;
}

.b2size2{
width:150px;
height:auto;
font-size:17px;
}

.b2size3{
width:110px;
height:auto;
font-size:13px;
}


/*second button end*/



/****** buttons end ******/


/****notifications****/


.notification1{
height:43px;
width:100%;
background:#b6d9a9;
}

.notification1 i{
font-size:27px;
color:#fff;
display:inline-block;
}

.notification1 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}

.notification1 a{
padding:9px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


.notification2{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#a9cfd9;
}


.notification2 i{
font-size:27px;
color:#fff;
display:inline-block;
}

.notification2 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}

.notification2 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


.notification3{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#daa2a2;
}


.notification3 i{
font-size:27px;
color:#fff;
display:inline-block;
}

.notification3 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}

.notification3 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


.notification4{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#dce094;
}


.notification4 i{
font-size:27px;
color:#fff;
display:inline-block;
}

.notification4 p{
padding:7px 0 10px 0;
color:#fff;
font-size:17px;
display:inline-block;
}

.notification4 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}

.notification5{
height:43px;
width:100%;
background:#b6d9a9 ;
}
.notification5 p{
padding:8px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}
.notification5 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


.notification6{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#a9cfd9;
}

.notification6 p{
padding:7px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}

.notification6 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


.notification7{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#daa2a2;
}

.notification7 p{
padding:7px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}

.notification7 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


.notification8{
height:43px;
border:#e6e6e6 solid 1px;
width:100%;
background:#dce094;
}

.notification8 p{
padding:7px 0 0 20px;
color:#fff;
font-size:17px;
display:inline-block;
}


.notification8 a{
padding:12px 21px 0 50px;
color:#fff;
font-size:13px;
text-align:right;
float:right;
}


/****notifications end****/




/****additional classes****/

.searchicon a{
font-size:21px;
margin-right:-10px;
}
.margintop15{
margin-top:15px;
}
.margintopzero{
margin-top:0;
}

.margintoptwo{
margin-top:42px;
}
.margintopminusone{
margin-top:-21px;
}
.margintopone{
margin-top:21px;
}
.marginbottomone{
margin-bottom:21px;
}
.marginright17{
margin-right:17px;
}

}
.marginbottomzero{
margin-bottom:0;
}

.marginbottomzero p{
margin-bottom:0;
}


.marginbottomtwo{
margin-bottom:42px;
}
.marginbottomthree{
margin-bottom:63px;
}
.marginlefthalf{
margin-left:10px;
}

.marginrighttwo{
margin-right:42px;
}

.displayblock li{
display:block;
}

.icontababout{
font-size:44px;
margin-left:20px;
margin-top:10px;
}

.seemoreproducts{
margin-bottom:42px;
margin-left:0;
padding-left:0;
margin-top:5px;

}
.seemoreproducts a{
width:auto; max-width:180px;
}
.paddingbottomone{
padding-bottom:21px;
}
.paddingrightone{
padding-right:20px;
}
.paddingleftone{
padding-left:20px;
}
.paddingleft30{
padding-left:30px;
}


.marginleftzero{
margin-left:0;
}


.changedrow{
width:980px;
}

.latestworkhome{
margin:0 20px 0 20px;
}

.latestworkhomemobile{
margin:0 15px 0 20px;
}


.carouselclients1{
width:980px;
border:none;
background:transperent;
box-shadow:none;
}

.buynowproduct{
float:none;margin:0 auto 21px auto;
}


.similarproducts{
margin:21px 0 42px 0;
}
.moreproductsonepage{
margin-top:11px; margin-bottom:21px;width:auto; min-width: 50px; max-width:180px;display:inline-block;
}

.left{
float:left;
}

/* search bar */
.gsib_a input {
	background: none !important;
}

.gsc-search-button, .gsib_b  {
	display: none !important;
}

.gsc-input-box, .gsc-input-box-hover {
	border: none !important;
  background: none !important;
	box-shadow: none !important;
}

.gsib_a input {
    box-shadow: none !important;
		background: none !important;
}

.gsib_a {
	padding: 0 !important;
}

.gsc-input-box-hover input {
 	box-shadow: none !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 13px !important;
    padding-top: 1px !important;
}


/* end search bar */


/* search results */
.gsc-selected-option-container {
  width: auto !important;
}

.gsc-orderby-container	{
	display: none!important;
}

.gcsc-branding	{
	display: none!important;
}

.gsc-result .gs-title {
  height: 1.6em !important;
}

.gsc-adBlock {
    display: none !important;
}

.gsc-wrapper.gsc-thinWrapper {
    border-right: none !important;
    width: 100%;
}

.gsc-adBlockVertical {
    display: none !important;
}

/* end search results */


/* Responsive Override */
iframe {
    border: none;
}

.maincolumnsblock1 ul li .circle1,
.maincolumnsblock1 ul li .circle2,
.maincolumnsblock1 ul li .circle3,
.maincolumnsblock1 ul li .circle4 {
    margin-bottom: 40px;
}


.mainheadlineall {
    height: auto;
    min-height: 105px;
    padding-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
    .headertop .c-3.mobile-four > .row,
    .maincolumnsblock1 .row  {
        margin: 0;
    }
    .maincolumnsblock1 ul li h3 {
        width: auto;
    }
    #menu a {
        font-size: 15px;
    }
    #menu li {
        padding-left: 15px;
        padding-right: 15px;
    }
    #menu li:last-child ul a {
        width: 100%;
    }
    #menu li:last-child ul li {
        width: 180px;
    }
    .aboutuscolumns .picture {
        width: 175px;
        height: 175px;
    }
    .aboutuscolumns ul li p {
       min-height: 40px;
    }
		/* for career tabs */
    .c-6 ul.tabs {
    	height: auto;
        margin: -21px 0 0 0;
    }
    .c-6 ul.tabs li {
        float: none;
        margin: 0 0 2px;
    }
}

@media only screen and (max-width: 767px) {
    .headertop {
        padding-top: 10px;
    }
    .headertop .phone {
        margin-bottom: 10px;
    }
    .mainheadlineall span {
        display: block;
        line-height: 1.5em;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .maincolumnsblock1 ul li {
           min-height: 254px;
    }
    .maincolumnsblock ul li p {
        min-height: 60px;
    }
}

@media only screen and (max-width: 480px) {
    ul.tabs {
        height: auto;
        margin: -21px 0 0 0;
    }
    ul.tabs li {
        float: none;
        margin: 0 0 2px;
    }
		h4 {
			line-height: 1.6;
		}
		.dashedline {
		margin:0 0 21px 0;
		padding:0;
		background: none;
		}
		.mobilevideo	{
		width:100%;
		}
}

/* End Overrides */


/* footer icons */
.footerwrapper .icons a {
    width: 46px;
    height: 46px;
}
.footerwrapper .vectorfontsocialicons {
    display: inline-block;
    padding: 0;
    line-height: 38px;
    text-align: center;
}
/* end footer icons */

.hidden {
  display: none;
}

/* table styles start here */

table {
    width: 100%;
		margin-bottom: 3em;
}

table tr td a {
    display: block;
    height: 100%;
    width: 100%;
}

th, td {
    padding: 15px;
		text-align: center;
		font-size: 1.25em;
}

table tr:nth-child(even) {
    background-color: #eee;
}

table tr:nth-child(odd) {
    background-color: #fff;
}

table th {
    color: white;
    background-color: #1c5c8d;
}

.table-scroll {
    overflow-x: auto;
}

/* table styles end here */


/* This is for the youtube embeds to be responsive */

.content div.video-embed {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; // add !important if this doesn't work
    padding-top: 25px; // add !important if this doesn't work
    height: 0;
}
.content div.video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/******* END - VIDEOS ************/


/******* START OF FLOWCHART CODE ************/

#container {
    width:580px;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:11px;
    text-align:center;
    margin:auto;
 		}
#container a {
    display:block;
    color:#fff;
    text-decoration:none;
		background-color: #1c8c9d;
		border-color: #1c8c9d;
		border-radius: 20px;
 		}
#container a:hover {
		font-size: 120%;
		border-radius: 20px;
 		}
#no1, #no2 {
    width:275px;
    line-height:60px;
    border:1px solid #1c8c9d;
    margin:auto;
		border-radius: 20px;
		color:#fff;
		background-color: #1c8c9d;
		font-weight: bold;
 		}
#no1, #no2 a {
    height:60px;
 		}
#line1 {
    font-size:0;
    width:2px;
    height:20px;
    background-color:#aaa;
    margin:auto;
 		}
#line2 {
    font-size:0;
    width:364px;
    height:2px;
		background-color:#aaa;
    margin:auto;
 		}
#line3 {
    font-size:0;
    display:inline;
    width:2px;
    height:20px;
		background-color:#aaa;
    margin-left:108px;
    float:left;
 		}
#line4 {
    font-size:0;
    display:inline;
    width:2px;
    height:20px;
		background-color:#aaa;
    margin-left:360px;
    float:left;
 		}
#no3 {
    display:inline;
    border:1px solid #1c8c9d;
    clear:both;
    margin-left:15px;
    float:left;
		border-radius: 20px;
		height:60px;
		line-height: 60px;
		color:#fff;
		background-color: #1c8c9d;
		font-weight: bold;
 		}
#no4 {
    display:inline;
    border:1px solid #1c8c9d;
    margin-left:53px;
    float:right;
		border-radius: 20px;
		height:60px;
		line-height: 60px;
		color:#fff;
		background-color: #1c8c9d;
		font-weight: bold;
 		}
 #no4, #no3 a {
     width:220px;
     height:60px;
 		line-height: 60px;
  	}
.clear {
    clear:both;
 		}

 /******* END OF FLOWCHART CODE ************/