/* Generic Utility */
.hide2 { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */


/* Specific to example two */

#example-one .list-wrap { background:none; padding:10px 0 0 0; margin: 0 0 15px 0; height:auto !important; }

#example-one ul { list-style: none; color:#d8c4e9; text-align:justify;}
#example-one ul li a { display: block; border-bottom:0; padding: 0; color: #666; }
#example-one ul li a:hover {color: white; }

#example-one .nav { overflow: hidden; text-align:center !important; width:auto; margin:0 auto;}
#example-one .nav li { width:auto; float: left; margin: 0 10px 0 0; width:auto; }
#example-one ul li p{ font-size:15px !important; font-family: 'Open Sans', sans-serif; margin-top:10px;}
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 9px 30px; border-radius:0; background:#eeeeee !important; font-weight:600; color: white; text-align: center; border: 0; text-decoration:none; color:#000; font-family: 'Open Sans', sans-serif; font-size:17px; font-weight:normal; margin-bottom:3px; border-radius:35px;}

#example-one li a.current,#example-two li a.current:hover { background:#22b14c !important; color:#fff; margin-bottom:3px; border-radius:35px;}
#example-one .nav li a:hover, #example-two .nav li a:focus { background:#22b14c !important; color:#fff; margin-bottom:3px; border-radius:35px;}






/* Specific to example two */

#example-two .list-wrap { background:none; padding:0 0 0 0; margin: 0 0 0 0; height:auto !important; }

#example-two ul { list-style: none;}
#example-two ul li a { display: block; border-bottom:0; padding: 0; color: #666; }
#example-two ul li a:hover { color:#000; }

#example-two .nav { overflow: hidden; text-align:center; height:47px; }
#example-two .nav li { width:auto; float: left; margin: 0 0 0 0; }
#example-two ul li p{ font-size:13px !important; margin-top:0;}
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 4px 24px; background: #f6f6f6; font-weight:600; color: white;text-align: center; border: 0; text-decoration:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; }

#example-two li a.current,#example-two li a.current:hover { background-color: #fff !important; color:#000;}
#example-two .nav li a:hover, #example-two .nav li a:focus { background:#fff!important; color:#000;}



/* Specific to example three */

#example-three .list-wrap { background:#FFFFFF; border-radius:11px; float:left; padding:21px 25px; margin: 16px 0 15px 15px; height:auto !important; width:700px; }

#example-three ul { list-style: none;}
#example-three ul li a { display: block; border-bottom:0; padding: 0; color: #666; }
#example-three ul li a:hover { background: #333; color: white; }

#example-three .nav { overflow: hidden; text-align:left; height:auto; float:left; width:321px; }
#example-three .nav li { width:321px; float: left; margin: 0 15px 4px 0; height:84px; }
#example-three ul li p{ font-size:13px !important;}
#example-three .nav li.last { margin-right: 0; }
#example-three .nav li a { display: block; line-height:84px; padding: 0 0; border-radius:50px; font-weight:600; color: white; font-size: 22px; text-align: left; border: 0; text-decoration:none; color:#fff; font-family: 'Raleway', sans-serif; font-weight:normal; }

#example-three li a.current,#example-three li a.current:hover {  }
#example-three .nav li a:hover, #example-three .nav li a:focus { background:none; color:#fff;}

.design-bg{
	background:url(../images/bt-bg.png) right 15px no-repeat;
	padding:0;
	margin:0;
}
.design-bg:hover{background:url(../images/bt-bg-hover.png) right 15px no-repeat;}
.design-bg .div1{
	width:84px;
	height:84px;
	background:url(../images/design-icon.png) left top no-repeat;
	padding:0;
	margin:0 18px 0 0;
	float:left;
	transition:0.6s;
}
.design-bg:hover .div1{background:url(../images/design-icon-hover.png) left top no-repeat; transition:0.6s; transform:rotate(360deg)}

.design-bg .div2{
	width:84px;
	height:84px;
	background:url(../images/develop-icon.png) left top no-repeat;
	padding:0;
	margin:0 18px 0 0;
	float:left;
	transition:0.6s;
}
.design-bg:hover .div2{background:url(../images/develop-icon-hover.png) left top no-repeat; transition:0.6s; transform:rotate(360deg)}

.design-bg .div3{
	width:84px;
	height:84px;
	background:url(../images/marketing-icon.png) left top no-repeat;
	padding:0;
	margin:0 18px 0 0;
	float:left;
	transition:0.6s;
}
.design-bg:hover .div3{background:url(../images/marketing-icon-hover.png) left top no-repeat; transition:0.6s; transform:rotate(360deg)}

.design-bg .div4{
	width:84px;
	height:84px;
	background:url(../images/webpulse-icon.png) left top no-repeat;
	padding:0;
	margin:0 18px 0 0;
	float:left;
	transition:0.6s;
}
.design-bg:hover .div4{background:url(../images/webpulse-icon-hover.png) left top no-repeat; transition:0.6s; transform:rotate(360deg)}