@import url("base.css");
@import url("responsive.css");
@import url('slide.css');
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Quattrocento);
body{
	font-family: 'Segoe UI', 'Lucida Grande', Tahoma, Geneva, sans-serif;
}
#header{
	background:#fff;
	z-index:999;
	position:relative;
	width:100%;
	box-shadow:0 3px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 3px 3px -3px rgba(0,0,0,0.6)
}

#logo{margin-top:22px;background:transparent url('img/slider-02.jpg');}

#logo a img{float:left;width:auto;height:54px}

#logo-mob{margin-top:12px}

#logo-mob a img{float:right;width:auto;height:54px;}

#navigation{float:right}
.menu ul{margin:0;padding:0;list-style:none}

.menu ul li{position:relative}

.menu ul ul{position:absolute;display:none;top:100%;left:0;z-index:100;width:175px}

.menu>ul li{float:left}

.menu ul li:hover>ul{
	display:block
}

.menu ul a{display:block;position:relative}

.menu ul ul ul{top:0;left:100%}

.menu ul a{text-decoration:none}

.menu ul>li>a{
	color:#444;
	font-size:24px;
	line-height:18px;
	padding:34px 22px 31px 22px;
	overflow:hidden;
	border-bottom:3px solid transparent
}

#current,.menu ul li a:hover,.menu ul>li:hover>a{
	border-bottom:3px solid #2DA8F8;
}
.menu ul li a:hover,.menu ul>li:hover>a{
	background: #EBECFF;
	

}
#current:after{
	background:#2DA8F8;
	bottom:-2.5px;
	content:'';
	left:50%;
	display:block;
	height:5px;
	margin:0 0 0 -2.5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	width:5px
}
	
.menu ul li a{
	-webkit-transition:border 350ms ease-in-out,background-color 350ms ease-in-out;
	-moz-transition:border 350ms ease-in-out,background-color 350ms ease-in-out;
	-o-transition:border 350ms ease-in-out,background-color 350ms ease-in-out;
	-ms-transition:border 350ms ease-in-out,background-color 350ms ease-in-out;
	transition:border 350ms ease-in-out,background-color 350ms ease-in-out;
}

.menu ul ul{
	background-color:#fbfbfb;
	z-index:999;border-radius:0 0 3px 3px;
	border:1px solid #e4e4e4;
	border-top:3px solid #2DA8F8;
	margin:-3px 0 0 0;
	box-shadow:0 1px 3px rgba(0,0,0,0.04)
}
.menu>ul ul li:hover>a{
	border-bottom:0;
	background:transparent;
}
.menu ul ul li{
	margin:0;
	padding:0;
	width:100%
}
.menu ul ul li a{
	color:#333;
	font-size:16px;
	line-height:18px;
	padding:10px 16px!important;
	border:0
}
.menu ul ul li{
	border-top:1px solid #e8e8e8
}
.menu ul ul li:first-child{
	border:0
}
.menu ul ul li a:hover{
	color:#444;
	background-color:#EBECFF;
	border-bottom:2px solid #2DA8F8;
}

#nav-wrap {
		position: relative;
	}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 40px;
		height: 30px;
		background: transparent url(img/menu-icon.png) no-repeat 10px center;
		cursor: pointer;
		border: solid 1px #666;
		display: block; /* show menu icon */
	}
	#menu-icon:hover {
		background-color: #f8f8f8;
	}
	#menu-icon.active {
		background-color: #bbb;
	}
	
	/* main nav */
	#nav {
		clear: both;
		z-index: 10000;
		padding: 5px;
		background: transparent url('img/slider-02.jpg');;
		display: none; /* visibility will be toggled with jquery */
	}
	#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;
	}
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #666;
		font-size:20px;
		line-height:18px;
		border: none;
	}
	#nav a:hover, 
	#nav ul a:hover {
		background: #EBECFF;
		color: #000;
	}
	
	/* dropdown */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {
		margin: 3px 0 3px 15px;
	}

	
@media screen and (max-width: 600px) {
	
	.desktop{
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.da-img{
		display: none;
	}
	#header{
		height:130px;
	}

}

@media screen and (min-width: 600px) {
	
	
	.mobile-nav{
		display: none; /* hide all <li> items */
		margin: 0;
	}

	#footer_i{

		padding-left: 150px;
	}

	.testimonial{

	}

	
}
	
.circle {
	margin-top:21px
}

.circle i{font-size:18px;margin:20px 0;left:37%;float:left;color:#a0a0a0;z-index:5;position:relative;}
.circle{width:60px;height:60px;display:block;border-radius:50%;background-color:#EBECFF;text-align:center;float:left;}
.featured-desc{float:left;margin:-65px 0 0 82px;line-height: 18px;}
.featured-desc h3{font-size:20px;font-weight: 400; margin-bottom:4px}
.featured-box:hover>.circle{background-color:#2DA8F8}
.featured-box:hover>.circle i{color:#fff}
.circle,.circle i,.circle span{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;-ms-transition-duration:.5s;transition-duration:.5s}
.circle span{z-index:4;display:block;width:60px;height:60px;border-radius:50%;background-color:#EBECFF}
.featured-box:hover>.circle span{background-color:#2DA8F8;opacity:0;-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);-moz-transition-duration:.7s;-webkit-transition-duration:.7s;-ms-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s}


.notice-box{background:#f8f8f8;padding:32px 28px;border-radius:4px;margin:0 0 20px 0;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.05);border-radius:3px;text-align:left; min-height: 250px;}
.notice-box,.notice-box i,.notice-box p,.notice-box h3{-webkit-transition:all .2s ease;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.notice-box p{margin:0;color:#777;font-size: 20px}
.notice-box h3{line-height:26px;padding-bottom:8px;font-size: 24px}
.notice-box i{height:20px;color:#a0a0a0;margin:1px 0;display:block}
.notice-box:hover{background:#2DA8F8;color:#fff;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1)}
.notice-box:hover h3,.notice-box:hover p,.notice-box:hover i{color:#fff}

.line{border-bottom:1px solid #f0f0f0;width:100%;float:left;height:1px;display:inline-block;margin:-16px 0 25px 0}
.widget .line{margin-bottom:22px}

.headline{font-size:20px;background-color:#fff;padding-right:10px;z-index:5;position:relative;float:left}

#footer{
	background:#f0f0f0; 
	padding-bottom: 20px;
}
#footer-bottom{background-color:#a0a0a0;padding:20px 0 17px 0;color:#fff}
#footer-bottom a{color:#fff;font-weight:600}

#titlebar{background-color:#f9f9f9;position:relative;min-height:80px;margin:0 0 20px 0;padding-top:20px;top:-20px}
#titlebar h2{font-size:25px;font-weight:500;float:left;width:100%;margin:25px 0 0 0}

.ac-container{
	
	margin: 10px auto 30px auto;
	text-align: left;
}
.ac-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	overflow: hidden;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 19px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background:#c6e1ec;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #c6e1ec;
	color: #000;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(img/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(img/arrow_up.png);
}

.ac-container article{
	background: #fff;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	color: #000;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: auto;
}
.ac-container input:checked ~ article.ac-medium{
	height: auto;
	padding-left: 20px;
	line-height: 23px;
}
.ac-container input:checked ~ article.ac-large{
	height: auto;
}

/* === Remove input autofocus webkit === */
*:focus {outline: none;}

/* === Form Typography === */

.contact_form h2, .contact_form label {font-family:Georgia, Times, "Times New Roman", serif;}
.form_hint, .required_notification {font-size: 11px;}

/* === List Styles === */
.contact_form ul {
    width:750px;
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 
.contact_form li:first-child, .contact_form li:last-child {
	border-bottom:1px solid #777;
}

/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}

/* === Form Elements === */
.contact_form label {
	width:150px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}

	/* form element visual styles */
	.contact_form input, .contact_form textarea { 
		border:1px solid #aaa;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff url(img/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(img/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(img/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
/* === Button Style === */
button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
	margin-bottom: 15px;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}

.social-icons{float:right;margin:23px 0 13px 0;}
.social-icons li{display:inline;list-style:none;text-indent:-9999px;float:left;opacity:.5;filter:alpha(opacity = 50);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.ie8 .social-icons li{background-color:#fff}
.social-icons li a{display:block;padding-left:11px;height:16px;width:16px}.social-icons li:hover{opacity:1}
.twitter{background:url(img/twitter.png) no-repeat 50%}
.facebook{background:url(img/facebook.png) no-repeat 50%;margin:0 -4px}
.linkedin{background:url(img/linkedin.png) no-repeat 50%}

.list-1 li{
	list-style-image:url('img/tick.png');
	margin-left: 4%;
	padding-top: 5px;
}
.list-2 li a{
	font-size: 18px;
	line-height: 28px;
	text-decoration: underline;
	color: #333;
	font-weight: 400;
}

.list-3 li{
	padding-top: 5px;
}

.success {
border-radius: 20px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #000;
font-size: 24px;
background-color: #c6e1ec;

}

#not-found{margin:90px 0 115px 0}
#not-found h2{text-align:center;font-size:240px;line-height:210px;font-weight:500;letter-spacing:-5px}
#not-found p{text-align:center;font-size:32px;line-height:48px;color:#999}
#not-found h3{text-align:center;font-size:22px;line-height:48px;color:#444}

.testimonial_page{margin-bottom:40px;} 
.testimonials{background:#fff;border:1px solid #ddd;line-height:21px;padding:20px; margin-top: 20px;}
.testimonials_bg{background:url(img/testimonials_bg.png) no-repeat;margin-top:-1px;display:block;width:200px;height:30px;}
.testimonials_author,.testimonials_author_page{color:#6f9c00;float:right;display:block;margin-top:-23px;margin-bottom:20px;}
.testimonials_author span,.testimonials_author_page span{color:#a0a0a0;}

.back-to-top {
position: fixed;
bottom: 15px;
right: 20px;
background: url('img/arrows_2.png') left top no-repeat; 
width: 25px;
height: 23px;
}

.back-to-top a {
text-indent: -9999px;
display: block;
}

.back-to-top:hover { 
background:url('img/arrows_2.png') left -23px no-repeat; 

}

.accord-content { display: none; }

input textarea{
	font-family: 'Quattrocento';
}