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

body {
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica", Arial, sans-serif;
}
@font-face {
	font-family: 'Century Gothic';
	src: url(../fonts/GOTHIC.TTF) format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DejaVu Sans';
	src: url(../fonts/DejaVuSans.TTF) format('truetype');
	font-weight: normal;
}

p {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color:#555;
}
a img {border:none;}
a {
	text-decoration: none;
}
ul, ol {
	margin : 0px;
	padding : 0px;
}
li ul, li ol {
	margin : 0;
	padding : 0px;
	list-style-type: none;
}
ul li, ol li {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h3 {
	color: #0c71b8;
	font-size: 20px;
	margin: 0;
}
h4 {
	font-size: 20px;
	margin:0 0 15px 0;
}
h2 {
	/*font-family: 'DejaVu Sans';*/
	font-size: 20px;
	margin: 0;
	color:#CD2122;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 20px;
	text-transform:uppercase;
	padding-bottom:10px;
}
h5 {
	font-size: 15px;
}
	
img a {
	border: none;
}
.clearfix {
	clear: both;
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	max-width: 1600px;
}

.left {
	float:left;
}
.right {
	float:right;
}
.space-left {
	padding-left:20px;
}
.space-right {
	padding-right:20px;
}
.h-line {
	width:80px;
	height:1px;
	margin:0 auto;
	background:#999;
	margin-bottom:10px;
}

/* ----------Header------------ */
.header {
	height:140px;
	background: url(../images/header-bg.jpg) repeat-y center;
	border-bottom:1px solid #fff;
	padding:10px 0;
}
.blueline {
	height:1px;
	background:#465b97;
}

.call {
	background:url(../images/call.png) no-repeat left;
	padding-left:17px;
	height:16px;
	color:#006995;
	font-size:14px;
	float:right;
	margin-bottom:20px;
	font-weight:bold;
	letter-spacing:1px;
	
}
.social {
	font-size:14px;
	float:right;
	margin-right:13px
}
.social_icon {
	margin-left:156px;
}
.social_icon li{
	float:left;
	margin:0 0 0 10px;
	display:inline-block;
	vertical-align:middle;
}
.social_icon li a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../images/social-icons.png);
	background-repeat: no-repeat;
	position: relative;
	background-color: #cd2122;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.social_icon li a:hover {
	background-color: #cd2122;
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
}
.social_icon li.title {
	line-height:30px;
}
.social_icon li.facebook a{
	background-position:0 0;
}
.social_icon li.twitter a{
	background-position:-30px 0;
}
.social_icon li.skype a{
	background-position:-60px 0;
}
.social_icon li.youtube a{
	background-position:-90px 0;
}


/* ----------Header End------------ */



/* ------------Navigation Menu------------- */
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left; background:url(../images/nav-right.png) no-repeat right; padding:15px 35px 11px 15px;}

/* Nicolas Gallagher micro clearfix */
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }

@media only screen and (max-width: 768px){
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; border-bottom:1px solid #999;}
	.menu > li { display: block; width: 100%; margin:0; background:none; padding:0px 5px 0px 15px; border-bottom:dashed 1px #ccc; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; z-index:999999; }
	#toggle:checked ~ .menu { display: block; opacity: 1; z-index:999999;}
}


.nav{ 
	display: block; 
	float: right; 
}

.nav, .menu, .menu > li, .menu > li > a{ 
	height: 100%; 
}

.menu > li > a{
	display: block;
	color:#fff;
	padding:10px 15px;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
	font-weight:bold;
	background:#1d5e8b;
	border-radius:5px;
}

.menu > li > a:hover, .menu > li > a:focus{
	color: #fff; background-color: #A41A1B;
}

.toggle{ 
	z-index:99999999; 
}

@media only screen and (max-width: 768px){
	.menu{
		background: #FFFFFF;
		border-top: 1px solid #51C1F1;
	}
	
	.menu, .menu > li{
		height: auto;
		
	}
	
	.menu > li > a{
		padding: 10px 10px;
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
		background: #F2F2F2;
		box-shadow: inset 5px 0px #51C1F1;
		padding: 10px 15px 10px 15px;
	}
	
	.toggle:after {
		content: 'Main Menu';
		display: block;
		width: 200px;
		margin: 33px 0 10px 0;
		padding: 10px 50px;
		background: #51C1F1;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		text-align: center;
		font-size: 12px;
		color: #FFFFFF;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	.toggle:hover:after{
		background: #45ABD6;
	}
	
	#toggle:checked + .toggle:after{
		content: 'Close Menu';
	}
}

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

	.toggle:after { 
		text-align: center; width: 100%; 
	}
}

/* -----------Navigation Menu End------------ */


#banner {
	height:auto;
}

#learnmore {
	background:url(../images/learn-more.jpg) no-repeat center;
	height:136px;
	color:#666;
	letter-spacing:-0.06em;
	padding:30px 0 30px 200px;
	margin-bottom:20px;
}
#learnmore p{
	color:#000;
	letter-spacing:normal;
}
.learnmorebutton {
	margin-top:10px;
}

/*--------Circle hover--------*/
.circlehover {
	width: 110px;
	height: 110px;
	text-align: center;
	color: white;
	font-size: 18px;
	padding: 10px;
	margin:10px;
	display: table;
	line-height: 1.4;
	background-color: #026fc3;
	position: relative;
	font-weight: 700;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 1px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 1px rgba(0,0,0,0.5)
}
.circlehover[data-size="small"] {
	width: 80px;
	height: 80px;
	font-size: 14px;
	padding: 8px
}
.circlehover[data-size="medium"] {
	width: 95px;
	height: 95px;
	font-size: 16px;
	padding: 10px
}
.circlehover span {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	z-index: 1
}
.circlehover:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 7px;
	background: #026fc3;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
.circlehover[data-position="top-left"]:before {
	top: 7px;
	left: 7px
}
.circlehover[data-position="top-right"]:before {
	top: 7px;
	right: 7px;
	left: auto
}
.circlehover[data-position="bottom-left"]:before {
	bottom: 7px;
	left: 7px;
	top: auto
}
.circlehover[data-position="bottom-right"]:before {
	bottom: 7px;
	right: 7px;
	left: auto;
	top: auto
}
.circlehover[data-position="top"]:before, .circlehover[data-position="right"]:before, .circlehover[data-position="left"]:before, .circlehover[data-position="bottom"]:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.circlehover[data-position="top"]:before {
	top: -10px;
	left: 50%;
	margin-left: -15px
}
.circlehover[data-position="right"]:before {
	top: 50%;
	right: -10px;
	left: auto;
	margin-top: -15px
}
.circlehover[data-position="left"]:before {
	top: 50%;
	left: -10px;
	margin-top: -15px
}
.circlehover[data-position="bottom"]:before {
	bottom: -10px;
	left: 50%;
	margin-left: -15px;
	top: auto
}
.circlehover[data-position="bottom-right"] {
	-webkit-box-shadow: -3px -3px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: -3px -3px 1px rgba(0,0,0,0.5);
	box-shadow: -3px -3px 1px rgba(0,0,0,0.5)
}
.circlehover:hover {
	color: #fff;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-box-shadow: 5px 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.2);
	box-shadow: 5px 5px 1px rgba(0,0,0,0.2)
}
.circlehover[data-position="bottom-right"]:hover {
	-webkit-box-shadow: -5px -5px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: -5px -5px 1px rgba(0,0,0,0.5);
	box-shadow: -5px -5px 1px rgba(0,0,0,0.5)
}
.circlehover[data-align="left"] {
	float: left
}
.circlehover[data-align="right"] {
	float: right
}
.circlehover {
	-webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1);
	-webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1);
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550)
}
.circlehover.with-symbol > span.text {
}
.circlehover.with-symbol > span.symbol {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	display: block;
	left: 0;
	top: 25px;
	bottom: 0;
	right: 0;
	text-align: center;
	line-height: 130px
}
.circlehover.with-symbol:hover > span.text {
	opacity: 0;
	filter: alpha(opacity=0)
}
.circlehover.with-symbol:hover > span.symbol {
	opacity: 1;
	filter: alpha(opacity=100)
}

.about-us h1{
	margin:30px auto 0px auto;
	font-size:26px;
	text-align:center;
	color:#DE171B;
	font-family: 'Century Gothic';
	border-bottom:none;
	font-weight:bold;
}

.out-types {
	margin:0 0 50px 14px;
	color:#444;
	font-size:14px;
}
.out-types li {
	list-style-type:disc;
	margin:3px 0;
}
.about-button {
	padding:8px 20px;
	border:2px solid #999;
	font-size:12px;
	color:#666;
	font-weight:700;
	margin-left:20px;
}
.about-button:hover {
	border:2px solid #026fc3;
	color:#026fc3;
}

.video {
	background:#f1f1f1;
	padding:10px;
	width: 100%;
	box-shadow:#999 1px 0px 6px;
}
.video-size {
	width:100%;
	height:340px;
}
/*------Working process-------*/

.process_steps {
	background:#026fc3;
	padding:30px 0;
	margin-top:15px;
}
.steps-container {
	padding:0 20px;
}
.process_steps .step-icon {
	padding:10px 0;
	margin-bottom:15px;
}
.process h1{
	margin:30px auto 0px auto;
	font-size:23px;
	text-align:center;
	color:#DE171B;
	font-family: 'Century Gothic';
	border-bottom:none;
}
.process_steps p{
	color:#fff;
	text-align:justify;
	font-size:14px;
	padding:10px;
}
.process_steps h4{
	color:#fff;
	font-size:22px;
	text-align:center;
}

/*------Testimonials-------*/
.testimonials {
	min-height:350px;
	margin:30px 0;
	padding:30px 0;
	height:100%;
}
.testimonials h1 {
	font-size:30px;
	font-family: 'Century Gothic';
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border-bottom: none;
	margin-bottom:0px;
	letter-spacing:0.09em;
}
#home { 
	background: url(../images/home.jpg) no-repeat fixed; 
	height: 350px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}



.comment-box {
	margin:30px auto;
	width:70%;
}
.comment-box h4 {
	font-size:16px;
	color:#ccc;
	font-style:italic;
	text-align:center;
	line-height:25px;
}
.author {
	font-size:14px;
	color:#fff;
	text-align:center;
}

/*------Recent clients-------*/
.recent-clients {
	margin:20px 0;
	padding:10px 0;
}
.recent-clients h2 {
	font-size:24px;
	color:#555;
	font-family: 'Century Gothic';
	border-bottom: 1px solid #ccc;
	margin-bottom:15px;
	padding-bottom:10px;
}
.recentwork_carousel li a:hover .details > .bg, .recentwork_carousel li .hover .hov, .recentwork_carousel.style2 li .details {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out
}

.recentwork_carousel ul {
	margin:0;
	padding: 0;
	list-style: none;
	height: auto;
	width:100%;
}
.recentwork_carousel li {
	float: left;
	text-align: center;
	margin: 0;
	padding:6px;
	width:24%;
	margin-right:1%;
	box-shadow:0px 2px 4px #ccc;
}
.recentwork_carousel li a {
	display: block;
	padding: 0;
	margin: 0px
}
.recentwork_carousel li .hover {
	display: block;
	position: relative;
	overflow: hidden
}
.recentwork_carousel li .hover .hov {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 100%;
	background-image: url(../images/plus01.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-color: rgba(35,35,35,0.8);*/
	display: block
}
.recentwork_carousel li a:hover .hov {
	top: 0
}
.recentwork_carousel li .details {
	display: block;
	position: relative
}
.recentwork_carousel li .details > .bg {
	position: absolute;
	top: 0;
	height: 0;
	background: #cd2122;
	width: 100%;
	left: 0
}
.recentwork_carousel li .details h4 {
	font-size: 14px;
	color: #cd2122;
	padding: 10px 0;
	margin: 0;
	position: relative;
	z-index: 1
}
.recentwork_carousel li .details h4 + span {
	font-size: 11px;
	display: block;
	color: #343434;
	line-height: 1;
	padding-bottom: 15px;
	position: relative;
	z-index: 1
}
.recentwork_carousel li a:hover .details > .bg {
	height: 100%
}
.recentwork_carousel li a:hover .details h4, .recentwork_carousel li a:hover .details h4 + span {
	color: #fff
}
.recentwork_carousel .controls > a {
	opacity: 0.5;
	filter: alpha(opacity=50)
}
.recentwork_carousel .controls > a:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}
.recentwork_carousel.style2 {
	position: relative
}
.recentwork_carousel.style2 .controls {
	position: absolute;
	right: 20px;
	top: 12px
}
.recentwork_carousel.style2 li {
	padding: 0 20px 0 0
}
.recentwork_carousel.style2 li > a {
	position: relative;
	display: inline-block;
	overflow: hidden
}
.recentwork_carousel.style2 li .details {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0,0,0,0.25)), color-stop(1%, rgba(0,0,0,0.25)), color-stop(100%, rgba(0,0,0,0.65)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%);
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000', GradientType=1 )
}
.recentwork_carousel.style2 li a:hover .details {
	opacity: 1;
	filter: alpha(opacity=100)
}
.recentwork_carousel.style2 li a .details .plus {
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	background: #cd2122;
	font-size: 16px;
	color: #fff;
	top: 50%;
	margin-top: -12px;
	left: 50%;
	margin-left: -12px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3);
	box-shadow: 0 0 6px rgba(0,0,0,0.3)
}
.recentwork_carousel.style2 li a .details h4 {
	position: absolute;
	font-size: 14px;
	top: 65%;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #fff
}
.recentwork_carousel.style2 li a .details h4 + span {
	position: absolute;
	font-size: 11px;
	top: 80%;
	left: 0;
	right: 0;
	padding: 0;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	color: #fff
}

/*------Footer-------*/
#footer {
	background: #2f2f2f;
	padding: 40px 0 10px;
	color: #d5d5d5;
	border-top: 4px solid #777;
}
#footer p {
	color: #888;
}
#footer a {
	color: #fff;
	font-size:13px;
}
#footer a:hover {
	color: #d5d5d5
}
#footer .m_title {
	font-size: 14px;
	color: #fff;
	text-shadow: none
}
#footer .menu {
	margin: 0;
	padding: 0;
	list-style: none
}
#footer .menu li {
	float: left;
	width: 50%;
	background:none;
	padding:0;
	margin:0;
}

#footer .bottom {
	padding-top: 10px;
	border-top: 5px solid #484848;
	color: #8b8c8d
}
#footer .social-icons {
	float: right
}
#footer .copyright img {
	float: left;
	margin-right: 20px
}
#footer .social-icons {
}
#footer .social-icons li.title {
	line-height: 30px
}
#footer .social-icons li {
	margin: 0 0 0 10px
}
#footer .social-icons li:first-child {
	margin-left: 0
}
#footer .contact-details {
	background: url(../images/say_hi.png) no-repeat right top
}

#twitterFeed {
	background: url(../images/twitter-bird.png) no-repeat 15px center #444;
	font-size: 12px;
	color: #fff;
	padding: 15px 75px 15px 60px;
	position: relative;
	margin-bottom: 15px;
	font-style: italic;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}
#twitterFeed:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 15px;
	border: 5px solid transparent;
	border-top-color: #444
}
#twitterFeed ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px
}
#twitterFeed .twTime {
	display: inline-block;
	color: #9d9d9d;
	padding-left: 10px;
	border-left: 1px solid #707070;
	font-size: 11px;
	position: absolute;
	right: 15px;
	top: 15px;
	bottom: 15px;
	width: 45px;
	vertical-align: middle;
	line-height: 1
}

.social_icons {	
}
.social_icons li{
	float:left;
	margin:0 0 0 10px;
	display:inline-block;
	vertical-align:middle;
}
.social_icons li a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../images/social-icon.png);
	background-repeat: no-repeat;
	position: relative;
	background-color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.social_icons li a:hover {
	background-color: #cd2122;
	box-shadow: 0 0 6px rgba(0,0,0,2);
}
.social_icons li.title {
	line-height:30px;
}
.social_icons li.facebook a{
	background-position:0 0;
}
.social_icons li.twitter a{
	background-position:-30px 0;
}
.social_icons li.skype a{
	background-position:-60px 0;
}
.social_icons li.youtube a{
	background-position:-90px 0;
}


#totop.on {
    opacity: 0.7;
    right: 10px;
}
#totop {
    background-color: #404040;
    background-image: url("../images/totop.png");
    background-position: center 10px;
    background-repeat: no-repeat;
    border-radius: 2px;
    color: #FFFFFF;
    display: block;
    font-size: 9px;
    font-weight: 900;
    height: 9px;
    line-height: 1;
    opacity: 0;
    padding: 28px 0 12px;
    position: fixed;
    right: -50px;
    text-align: center;
    top: 80%;
    width: 49px;
    z-index: 9999;
	transition: all 0.2s ease-out 0s;
}


/* contact form */


.form1 {
    color: #000000;
    font-size: 14px;
}

.form1 .field-name {
	float:left;
	font-size:14px;
	width:110px;
}
.form1 .input-textfield {
	box-shadow: 4px 4px 4px 0 #D1D1D1 inset;
	margin: 0 0 20px 0px;
    padding:7px 10px;
    width: 320px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
    border-radius:4px;
	color:#555;
}
.form1 .input-textfield-small {
	box-shadow: 4px 4px 4px 0 #D1D1D1 inset;
	margin: 0 0 20px 0px;
    padding:7px 10px;
    width: 133px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
    border-radius:4px;
	color:#555;
	float:left;
}

.form1 .txtarea-extndd {
    box-shadow: 4px 4px 4px 0 #D1D1D1 inset;
    height: 100px;
    margin: 0 0 20px 0px;
    padding: 7px 10px;
    width: 320px;
	border:none;
	border-bottom: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
    border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
}
.city {
	float:left;
	margin:0 10px;
}
.red {
	color:#F00;
	font-size:12px;
}

/** custom buttons **/

.resetbtn {
display: block;
float: left;
color: #515151;
text-shadow: -1px 1px 0px #fff;
margin-right: 20px;
padding: 8px 25px;
outline: 0;
font-size:16px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(240,240,240) 2%, rgb(222,222,222) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(240,240,240)), color-stop(100%,rgb(222,222,222)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);    background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%);
background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(240,240,240) 2%,rgb(222,222,222) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
border: 1px solid #969696;
box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.resetbtn:hover {
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
color: #818181;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(244,244,244) 2%, rgb(229,229,229) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(244,244,244)), color-stop(100%,rgb(229,229,229)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%);background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-color: #aeaeae;
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
}

.submitbtn {
display: block;
float: left;
padding: 8px 25px;
border: 1px solid;
outline: 0;
font-size: 16px;
color:  #fff;
text-shadow: 0px 1px 0px #222;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border-color: #5e890a #5e890a #000;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
background-color: rgb(226,238,175);
background-image: -moz-linear-gradient(top, rgb(226,238,175) 3%, rgb(188,216,77) 3%, rgb(144,176,38) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38))); 
background-image: -webkit-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -o-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: -ms-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
background-image: linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}
.submitbtn:hover, .submitbtn:active {
border-color: #7c9826 #7c9826 #000;
color: #fff;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
background: rgb(228,237,189);
background: -moz-linear-gradient(top, rgb(228,237,189) 2%, rgb(207,219,120) 3%, rgb(149,175,54) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(228,237,189)), color-stop(3%,rgb(207,219,120)), color-stop(100%,rgb(149,175,54))); 
background: -webkit-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); 
background: -o-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); background: -ms-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); background: linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd', endColorstr='#95af36',GradientType=0 );
}

.pushdwn{
margin-top:20px;
}
.ani{
margin:10px 0 0px 193px;
}