@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(fonts/clhLqOv7MXn459PTh0gXYHW1xglZCgocDnD_teV2lMU.woff) format('woff');
}


html {
	overflow-x: hidden;
	overflow-y: auto;
}

html,
body {
	height: 100%;
}
/*#form-control
{
	margin-top:-15px!important;
	width: 187px!important;
}*/
.showurlerror
{
	margin-left: 135px;	
}

/*#preview
{
	margin-top:-15px!important;
	width: 193px!important;
	margin-right: 13px!important;
}*/

@media screen and (max-width:480px) and (min-width: 320px)
{ 
		
		#form-control
		{
			margin-top: 5px !important;
		}
		
		#preview
		{
		    margin-top: 5px !important;
		    width: 193px !important;
		}
		
		.arrowpreview
		{
			margin-left: 0px !important;
		}
		
		.home-try-it-for-free 
		{
				  margin: 16px 10px 0 0 !important;
				 
		}
		
		.container a img
		{
			margin-top: 0px !important;
			width: 100%;
		}

}
/*@media screen and (max-width: 587px) {
	#form-control
{
	margin-top:2px!important;
	width: 187px!important;
}
#preview
{
	margin-top: 10px !important;
	width: 193px!important;
	/*margin-right: 13px!important;*/
/*	margin-left: 64px!important;
}
.arrowpreview
{
	margin-left:0px!important;
}
}*/
@media screen and (max-width: 1136px) and (min-width: 640px) {
	#form-control
{
	margin-top:2px!important;
	width: 187px!important;
	 
}
#preview
{
		margin-left: 321px;
   
    margin-top: -71px !important;
    width: 193px !important;
}
.arrowpreview
{
	  margin-left: 65px !important;
}
.home-try-it-for-free {
	margin: 0 10px -6px -17px!important;
}
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
	#form-control
{
		margin-top: -11px !important;
    width: 187px !important;
}
#preview
{
		margin-left: 517px !important;
    margin-top: -71px !important;
    width: 193px !important;
}
.arrowpreview
{
	 margin-left: 261px !important;
}
.home-try-it-for-free {
	   margin: -98px 10px 0 208px !important;
}

}

@media screen and (max-width: 1136px) and (min-width: 640px) and (orientation:portrait) 
{ 
		#form-control
		{
			margin-top: 2px !important;
	    	width: 157px !important;
			float: right;
		}
		#preview
		{
			float: right;
		    margin-right: 0px !important;
		    margin-top: 10px !important;
		    width: 169px !important;
		}
		.arrowpreview
		{
			 margin-left: 292px !important;
		}
		.home-try-it-for-free 
		{
				margin: -99px 10px 0 291px!important;
		}
		.showurlerror {
		    margin-left: 50%;
		}

}
@media screen and (max-width: 1136px) and (min-width: 640px) and (orientation:landscape) 
{ 
		#form-control
		{
			margin-top: -0px !important;
			margin-right: 10%;
	   		width: 187px !important;
			float: right;
		}
		#preview
		{
				margin-left: 517px !important;
			    margin-top: -71px !important;
			    width: 193px !important;
		}
		.home-try-it-for-free 
		{
				  margin: -2px 10px 0 85px !important;
		}
		.showurlerror
		{
			margin-left: 40%;
		}
		.arrowpreview {
		    margin-left: 157px !important;
		}

}

@media screen and (max-width:960px) and (min-width: 640px) and (orientation:landscape) 
{ 
		#form-control
		{
			margin-top: 5px !important;
    		width: 187px !important;
			float: right;
			margin-right: 0px;
		}
		#preview
		{
			margin-right: 0px !important;
			margin-top: 10px !important;
		    width: 193px !important;
			float: right;
		}
		.arrowpreview
		{
			 margin-left: 287px !important;
		}
		.home-try-it-for-free 
		{
				  margin: -94px 10px 0 285px !important;
		}
		.showurlerror {
		    margin-left: 50%;
		}

}


@media screen and (max-width: 1280px) and (min-width: 1024px) and (orientation:portrait) 
{ 
		#form-control
		{
				margin-top: 2px !important;
   			 width: 183px !important;
		}
		#preview
		{
				margin-left: 388px !important;
    margin-right: 15px !important;
    margin-top: -72px !important;
    width: 183px !important;
		}
		.arrowpreview
		{
			 margin-left: 136px !important;
		}
		.home-try-it-for-free 
		{
				
				margin: -5px 10px 0 63px !important;
		}

}
body {
	background-color: #FFF;
	color: #333;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

div.body {
	height: 100%;
	width: 100%;
}

/* Header */
header {
	clear: both;
	border-top: 5px solid #EDEDED;
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #f6f6f6 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f6f6f6 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #f6f6f6 0%,#ffffff 100%);
	min-height: 100px;
	padding: 8px 0;
}

header div.header-top {
	min-height: 50px;
}

header.flat-menu div.header-top {
	margin-top: -8px;
}

header div.header-top form {
	margin: 0;
}

body.boxed header div.header-top {
	margin-top: -5px;
}

body.boxed header.flat-menu div.header-top {
	margin-top: -20px;
}

body.boxed header.colored div.header-top {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

header div.header-top p {
	float: left;
	font-size: 0.9em;
	line-height: 50px;
	margin: 0;
}

header div.header-top i {
	margin-right: 6px;
	margin-left: 6px;
	position: relative;
	top: 1px;
}

/* Top Navigation */
header div.header-top nav {
	float: left;
	width: auto;
}

header div.header-top ul.nav-top {
	margin: 7px 0 0 -15px;
	min-height: 5px;
}

header div.header-top ul.nav-top li.phone {
	margin-right: 10px;
}

header div.header-top ul.nav-top li a {
	padding-left: 4px;
}

/* Responsive Nav Button */
button.btn-responsive-nav {
	display: none;
}

/* Social Icons */
header div.social-icons {
	clear: right;
	float: right;
	margin-top: -3px;
	margin-left: 5px;
	position: relative;
}

body.sticky-menu-active header div.social-icons {
	margin-top: -1px;
}

/* Header Container */
header > div.container {
	height: 90px;
	margin-bottom: -35px;
	position: relative;
	display: table;
	max-width: 1170px;
}

header.flat-menu > div.container {
	height: 91px;
	margin-bottom: -82px;
}

body.boxed header.flat-menu > div.container {
	height: 109px;
	margin-bottom: -100px;
}

body.boxed header.flat-menu.colored > div.container {
	height: 115px;
}

body.boxed header.flat-menu.darken-top-border > div.container {
	height: 111px;
}

body.boxed header.single-menu > div.container {
	height: 94px;
	margin-bottom: -80px;
}

/* Search */
header div.search {
	float: right;
	margin: 10px 0 0 15px;
	position: relative;
	display:table;
}

header div.search input.search:first-child {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 170px;
	font-size: 0.9em;
	padding: 6px 12px;
	height: 34px;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
}

header div.search input.search:focus {
	width: 220px;
	border-color: #CCC;
}

/*loging box*/
header div.search input.user {
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
	width: 80px;
	font-size: 0.9em;
	padding: 6px 12px;
	height: 34px;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	float:left;
}
header div.search input.pass {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	width: 80px;
	font-size: 0.9em;
	padding: 6px 12px;
	height: 34px;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	float:left;
}

header div.search input.user:focus {
	width: 120px;
	border-color: #CCC;
}
header div.search input.pass:focus {
	width: 120px;
	border-color: #CCC;
}
header div.search input.btn-login {
	-moz-border-radius: 0 20px 20px 0;
	-webkit-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0;
	width: 60px;
	font-size: 0.9em;
	padding: 6px 12px;
	height: 34px;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	float:left;
	color:#fff;
	background-color: #ECAB0F;
	background-image: -moz-linear-gradient(top, #F9C03B, #ECAB0F);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9C03B), to(#ECAB0F));
	background-image: -webkit-linear-gradient(top, #F9C03B, #ECAB0F);
	background-image: -o-linear-gradient(top, #F9C03B, #ECAB0F);
	background-image: linear-gradient(to bottom, #F9C03B, #ECAB0F);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffF9C03B', endColorstr='#ffECAB0F', GradientType=0);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

header div.search button.btn-default {
	border: 0;
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	color: #CCC;
}

/* Logo */
header h1.logo {
	margin: 0;
	padding: 5px 0;
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	color: transparent;
	-moz-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
}

header h1.logo img {
	position: relative;
	color: transparent;
}

/* Navigation */
header nav {
	float: right;
}

header div.nav-main-collapse,
header div.nav-main-collapse.in {
	overflow-y: visible;
}

header nav ul.nav-main {
	margin: -7px 10px 8px 0;
}

header nav ul.nav-main > li + li {
	margin-left: -4px;
}

header nav ul.nav-main .dropdown-submenu {
	position: relative;
}

header nav ul.nav-main .dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}

header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

header nav ul.nav-main .dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}

header nav ul.nav-main .dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}

header nav ul.nav-main .dropdown-submenu.pull-left {
	float: none;
}

header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

header nav ul.nav-main ul.dropdown-menu,
header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header nav ul.nav-main li.active a {
	background-color: #CCC;
}

header nav ul.nav-main ul.dropdown-menu {
	-moz-border-radius: 0 6px 6px 6px;
	-moz-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0 6px 6px 6px;
	-webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
	border: 0;
	border-radius: 0 6px 6px 6px;
	box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
	margin: 1px 0 0 3px;
	padding: 5px;
}

header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-left: 0;
	margin-top: -5px;
}

header nav ul.nav-main ul.dropdown-menu li:hover > a {
	filter: none;
	background: #999;
}

header nav ul.nav-main ul.dropdown-menu li > a {
	color: #FFF;
	font-weight: 400;
	padding-bottom: 4px;
	padding-top: 4px;
	text-transform: none;
	position: relative;
}

header nav ul.nav-main ul.dropdown-menu li > a {
	padding: 8px 10px 8px 5px;
	font-size: 0.9em;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

header nav ul.nav-main ul.dropdown-menu li:last-child > a {
	border-bottom: 0;
}

header nav ul.nav-main li a {
	font-size: 12px;
	font-style: normal;
	line-height: 20px;
	margin-left: 3px;
	margin-right: 3px;
	text-transform: uppercase;
	font-weight: 700;
}

header nav ul.nav-main li a:hover {
	background-color: #F4F4F4;
}

header nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 11px;
	margin-bottom: -1px;
}

header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

header nav ul.nav-main li.dropdown:hover > ul {
	display: block;
}

/* Flat Menu */
header.flat-menu ul.nav-main {
	float: right;
	margin: -17px 0 0;
	position: relative;
	top: 8px;
}

header.flat-menu nav ul.nav-main li a {
	margin-left: 1px;
	margin-right: 3px;
	padding-bottom: 20px;
	padding-top: 46px;
}

body.boxed header.flat-menu nav ul.nav-main > li > a {
	padding-top: 65px;
}

body.boxed header.single-menu nav ul.nav-main > li > a {
	padding-top: 63px;
}

header.flat-menu ul.nav-main > li > a {
	margin-bottom: 0;
	border-top: 5px solid transparent;
}

body.boxed header.flat-menu ul.nav-main > li > a,
body.boxed header.flat-menu ul.nav-main > li.active > a {
	border-top-color: transparent;
}

header.flat-menu ul.nav-main li a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

header.flat-menu nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 21px;
}

header.flat-menu nav ul.nav-main ul.dropdown-menu {
	margin: 0 0 0 1px;
}

header.flat-menu nav ul.nav-main ul.dropdown-menu,
header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

header.flat-menu div.social-icons,
header.clean-top div.social-icons {
	margin: 11px 10px 9px 10px;
}

body.sticky-menu-active header.flat-menu ul.nav-main > li > a,
body.sticky-menu-active header.flat-menu ul.nav-main > li:hover > a {
	padding-bottom: 26px;
	padding-top: 26px;
}

body.sticky-menu-active header.single-menu ul.nav-main > li > a,
body.sticky-menu-active header.single-menu ul.nav-main > li:hover > a {
	padding-bottom: 20px;
	padding-top: 21px
}

body.sticky-menu-active header.flat-menu nav ul.nav-main {
	margin-top: 26px;
	margin-bottom: 0;
}

header nav ul.nav-top {
	margin: 10px 0 -10px;
	min-height: 62px;
}

header nav ul.nav-top li span {
	display: block;
	line-height: 14px;
	margin-bottom: 2px;
	margin-right: 0;
	margin-top: 5px;
	padding: 8px 2px 8px 12px;
}

header nav ul.nav-top li a,
header nav ul.nav-top li span {
	color: #999;
	font-size: 0.9em;
	padding: 6px 10px;
}

header nav ul.nav-top li i {
	margin-right: 6px;
	position: relative;
	top: 1px;
}

body.sticky-menu-active header.flat-menu h1.logo {
	padding-top: 15px;
}

header.flat-menu div.social-icons {
	margin: 10px 10px 0;
}

header.flat-menu div.search {
	margin-top: 8px;
}

header.flat-menu div.search form {
	margin: 0;
}

header.flat-menu div.search input.search-query {
	padding-bottom: 5px;
	padding-top: 5px;
}

body.sticky-menu-active header.flat-menu div.header-top {
	display: none;
}

body.sticky-menu-active header.flat-menu ul.nav-main > li > a {
	border-top-color: transparent;
}

/* Sticky Menu */
body.sticky-menu-active header {
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
	border-bottom: 1px solid #E9E9E9;
	position: fixed;
	top: -57px;
	width: 100%;
	z-index: 1001;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.10);
	filter: none;
}

body.sticky-menu-active header nav ul.nav-main {
	margin-bottom: 7px;
	margin-top: -1px;
}

/* Single Menu */
header.single-menu {
	min-height: 86px;
}

body.sticky-menu-active header.single-menu h1.logo {
	padding-top: 14px;
}

header.single-menu ul.nav-main {
	margin: -37px 0 0;
	float: right;
	position: relative;
	top: 9px;
}

body.boxed header.single-menu ul.nav-main {
	margin: -43px 0 0;
}

header.single-menu > div.container {
	height: 91px;
	margin-bottom: -77px;
}

header.single-menu div.social-icons {
	margin-top: 35px;
}

body.boxed header.single-menu div.social-icons {
	margin-top: 27px;
}

header.single-menu div.search,
header.single-menu div.search + nav {
	display: none;
}

header.single-menu nav ul.nav-main li a,
header.single-menu nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 20px;
	padding-top: 62px;
}

body.boxed header.single-menu nav ul.nav-main > li > a,
body.boxed header.single-menu nav ul.nav-main > li.dropdown:hover > a {
	padding-bottom: 35px;
}

body.sticky-menu-active header.single-menu ul.nav-main > li > a,
body.sticky-menu-active header.single-menu ul.nav-main > li:hover > a {
	padding-bottom: 21px;
	padding-top: 27px
}

body.sticky-menu-active header.single-menu nav ul.nav-main {
	margin-top: 20px;
}

body.sticky-menu-active header.single-menu ul.nav-main > li > a {
	border-top-color: transparent;
}

body.sticky-menu-active header.single-menu div.social-icons {
	margin-top: 54px;
}

/* Clean Top */
header.clean-top div.header-top {
	border-bottom: 1px solid #EDEDED;
	background-color: #F4F4F4;
	margin-top: -8px;
}

body.sticky-menu-active header.clean-top ul.nav-main > li > a,
body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a {
	padding-bottom: 20px;
	padding-top: 33px;
}

/* Header Top */
header div.header-top {
	border-bottom: 1px solid #EDEDED;
	background-color: #F4F4F4;
	margin-top: -8px;
}

header div.login {
	float:right;
	margin: 10px 0 0 15px;
	position: relative;
	display:inline-table;
}

header div.login input.username{width:150px; margin-right:10px; background:url(../img/icons/login-user.png) no-repeat 5px center #fff; text-indent:13px; border-top-right-radius:4px !important; border-bottom-right-radius:4px !important; float:left;}
header div.login input.password{width:150px; background:url(../img/icons/login-pass.png) no-repeat 5px center #fff; text-indent:10px; border-top-left-radius:4px !important; border-bottom-left-radius:4px !important; float:left;}
/*header div.login div.input-group{display:table-cell;}*/

header div.login .btn-default {
    background-color: #C8C8C8;
    border-color: #CCCCCC;
    color: #333333;
		font-weight:bold;
		vertical-align:middle;
}

header div.login form input.form-control {
    height: 34px;
    padding: 6px 12px;
}

header div.social-icons, header div.social-icons {
    margin: 11px 10px 9px;
		clear:none;
}

footer div.newsletter form input.form-control {
	height: 34px;
	padding: 6px 12px;
}

header h1.logo {
padding:38px 0 0 0;
}

body.sticky-menu-active header h1.logo{
	padding:5px 0;
}

body.sticky-menu-active header div.header-top {
	display: none;
}

/* Header Colored */
header.colored div.header-top p,
header.colored div.header-top a,
header.colored div.header-top span {
	color: #FFF;
}

header.colored {
	border-top: 0;
}

header.colored div.search input.search-query {
	border: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

header.colored > div.container {
	height: 107px;
	margin-bottom: -92px;
}

header.colored ul.nav-main {
	margin: -23px 0 0;
}

header.colored nav ul.nav-main li a {
	padding-bottom: 24px;
	padding-top: 50px;
}

header.colored nav ul.nav-main li.dropdown:hover > a {
	padding-bottom: 24px;
}

body.sticky-menu-active header.colored ul.nav-main > li > a,
body.sticky-menu-active header.colored ul.nav-main > li:hover > a {
	padding-bottom: 24px;
	padding-top: 24px;
}

body.sticky-menu-active header.colored h1.logo {
	padding-top: 6px;
}

/* Darken Top Border */
header.darken-top-border ul.nav-main {
	margin: -19px 0 0;
}

body.sticky-menu-active header.darken-top-border nav ul.nav-main {
	margin-top: 25px;
}

body.sticky-menu-active header.darken-top-border ul.nav-main > li > a,
body.sticky-menu-active header.darken-top-border ul.nav-main > li:hover > a {
	padding-bottom: 22px;
	padding-top: 30px;
}

header.darken-top-border > div.container {
	height: 103px;
}

/* Header Center */
header.center h1.logo {
	text-align: center;
	position: static;
	margin-top: 5px;
}

header.center nav {
	float: left;
	text-align: center;
	width: 100%;
}

header.center nav ul.nav-main {
	margin: 25px 0 10px;
}

body.boxed header.center nav ul.nav-main {
	margin: 42px 0 0;
}

header.center nav ul.nav-main > li {
	display: inline-block;
	float: none;
	text-align: left;
}

body.sticky-menu-active header.center nav {
	float: right;
	margin-top: 18px;
	width: auto;
}

body.sticky-menu-active header.center > div.container {
	margin-top: -60px;
}

body.sticky-menu-active header.center h1.logo {
	text-align: left;
}

body.sticky-menu-active header.center h1.logo img {
	margin-top: 42px;
}

body.sticky-menu-active header.center ul.nav-main > li > a,
body.sticky-menu-active header.center ul.nav-main > li:hover > a {
	padding-bottom: 10px;
	padding-top: 10px;
}

/* Map */
div.map-section {
	/*background: transparent url(../img/map-top.png) center 0 no-repeat;
	padding-top: 220px;*/
	margin-top: 40px;
}

/* Section Featured */
section.featured {
	background: #F0F0ED;
	border-top: 5px solid #ECECE8;
	margin: 35px 0;
	padding: 50px 0;
}

section.featured.footer {
	margin: 30px 0 -70px;
}

section.featured.map {
	background-image: url(../img/map-bottom.png);
	background-position: center 0;
	background-repeat: no-repeat;
	margin-top: 0;
	border-top: 0;
}

/* Section Highlight */
section.highlight {
	background: #CCC;
	boder-left: 0;
	boder-right: 0;
	border: 3px solid #CCC;
	margin: 35px 0 45px;
	padding: 40px 0;
}

section.highlight div.img-thumbnail {
	background-color: #FFF;
}

section.highlight,
section.highlight > p,
section.highlight > a,
section.highlight h1,
section.highlight h2,
section.highlight h3,
section.highlight h4,
section.highlight h5 {
	color: #FFF;
}

section.highlight.footer {
	margin: 45px 0 -70px;
}

section.highlight.top {
	margin-top: 0;
}

/* Sidebar */
aside ul.nav-list > li > a {
	color: #666;
	font-size: 0.9em;
}

/* Parallax */
.parallax {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 100%;
	margin: 70px 0;
	padding: 50px 0;
}

.parallax.disabled {
	background-size: auto;
}



/* Home Slider - Nivo Slider */
div.nivo-slider  {
	position: relative;
}

div.nivo-slider .theme-default .nivoSlider {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 10px;
}

div.nivo-slider .theme-default .nivoSlider img {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

div.nivo-slider .theme-default .nivo-controlNav {
	margin-top: -72px;
	position: absolute;
	z-index: 100;
	right: 5px;
	bottom: -17px;
}

div.nivo-slider .theme-default .nivo-caption {
	padding-left: 20px;
}

/* Home Intro */
div.home-intro {
	background-color: #161616;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 20px 0 10px 0;
	position: relative;
	text-align: left;
}

div.home-intro div.get-started {
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	text-align: right;
}

div.home-intro div.get-started a.btn {
	position: relative;
	z-index: 1;
}

div.home-intro div.get-started a.btn i {
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 5px;
}

div.home-intro div.get-started a {
	color: #FFF;
}

div.home-intro div.learn-more {
	margin-left: 15px;
}

div.home-intro p {
	color: #FFF;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 300;
	max-width: 800px;
	padding-top: 5px;
}

div.home-intro p span {
	color: #999;
	display: block;
	font-size: 0.8em;
	padding-top: 5px;
}

div.home-intro p span a{
	color: #e2b401;
}

div.home-intro p em {
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

div.home-intro-compact {
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	margin-top: -10px;
}

div.home-intro-compact p {
	padding-left: 20px;
}

div.home-intro-compact div.get-started {
	padding-right: 20px;
}

div.home-intro.light {
	background-color: #E2E2E2;
}

div.home-intro.light p,
div.home-intro div.get-started a:not(.btn) {
	color: #777;
}

/* Try Free */

.generate-form .arrow {
	font-size: 21px;
	font-style: italic;
	font-weight: 300;
}

.home-try-it-for-free {
	margin:0 10px 0 0;
	color:#fff;
}
.gold {
	color: #E2B401;
}
.generate-form .arrow i {
	margin-left: 66px;
	display: inline-block;
	height: 31px;
	width: 61px;
	background:url(../img/try-free-arrow.png) no-repeat;
}

.tryfreearrowup {
	background: url("../img/try-free-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 31px;
    margin-left: 1px;
    position: absolute;
    right: 15px;
    top: 0;
    transform: rotate(207deg);
    width: 61px;
}

.generate-form .mysite{
	width: 30%;
	display:inline-block;
}
/*p.alignbtn{
	margin:0;
}
p.alignbtn a{display:block;}*/

/* Home Concept */
div.home-concept {
	background: transparent url(../img/home-concept.png) no-repeat center 0;
	width: 100%;
	overflow: hidden;
}

div.home-concept div.row {
	position: relative;
}

div.home-concept div.process-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	height: 175px;
	margin: 135px auto 0 auto;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

div.home-concept div.process-image img {
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	margin: 7px 8px;
}

div.home-concept strong {
	display: block;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.5em;
	font-weight: normal;
	position: relative;
	margin-top: 25px;
}

div.home-concept strong.our-work {
	margin-top: 48px;
}

div.home-concept div.project-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
	width: 350px;
	height: 420px;
	margin: 15px 0 0 -30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}

div.home-concept span.sun {
	background: transparent url(../img/home-concept-icons.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 10%;
	top: 35px;
}

div.home-concept span.cloud {
	background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0;
	width: 116px;
	height: 56px;
	display: block;
	position: absolute;
	left: 57%;
	top: 35px;
}

/* Page Top */
section.page-top {
	background-color: #171717;
	border-bottom: 5px solid #CCC;
	border-top: 5px solid #384045;
	margin-bottom: 35px;
	min-height: 50px;
	padding: 0;
	padding: 20px 0 0;
	position: relative;
	text-align: left;
}

section.page-top ul.breadcrumb {
	background: none;
	margin: -3px 0 0;
	padding: 0;
}

section.page-top ul.breadcrumb > li {
	text-shadow: none;
}

section.page-top h2 {
	border-bottom: 5px solid #CCC;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	/*margin: 0 0 -25px;*/
	margin: 0;
	min-height: 37px;
	padding: 0 0 17px;
	position: relative;
	font-style: normal;
}

/* Page Top Custom - Create your Own */
section.page-top.custom-product {
	background: #999;
	border-top: 5px solid #888;
}

section.page-top.custom-product div.row {
	position: relative;
}

section.page-top.custom-product p.lead {
	color: #CCC;
}

section.page-top.custom-product img {
	bottom: -20px;
	position: relative;
}

section.page-top.custom-product h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 30px;
}

/* Page 404 */
section.page-not-found {
	margin: 50px 0;
}

section.page-not-found h2 {
	font-size: 140px;
	font-weight: 600;
	letter-spacing: -10px;
	line-height: 140px;
}

section.page-not-found h4 {
	color: #777;
}

section.page-not-found p {
	font-size: 1.4em;
	line-height: 36px;
}

div.page-not-found-main {
	margin-top: 25px;
	text-align: center;
}

/* Footer */
footer {
	background: #121214;
	border-top: 4px solid #1F1F1F;
	font-size: 0.9em;
	margin-top: 50px;
	padding: 80px 0 0;
	position: relative;
}

footer div.footer-ribon {
	background: #999;
	position: absolute;
	margin: -100px 0 0 22px;
	padding: 10px 20px 6px 20px;
}

footer div.footer-ribon:before {
	border-right: 10px solid #646464;
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 7px;
}

footer div.footer-ribon span {
	color: #FFF;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

footer div.container div.row > div {
	margin-bottom: 25px;
}

footer div.container input:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Newsletter */
footer div.newsletter form {
	width: 100%;
	max-width: 262px;
}

footer div.newsletter form input.form-control {
	height: 34px;
	padding: 6px 12px;
}

/* Twitter */
footer div.twitter a.time {
	color: #999;
	display: block;
	font-size: 0.9em;
	padding-top: 3px;
}

footer div.twitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Contact */
footer ul.contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.contact i {
	float: left;
	margin: 7px 8px 10px 0;
}

footer ul.contact p {
	margin-bottom: 10px;
}

/* Footer Logo */
footer a.logo {
	display: block;
}

footer a.logo.pull-bottom {
	margin-bottom: 12px;
}

footer form {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer a {
	color: #FFF !important;
}

footer h5 {
	color: #CCC !important;
}

footer a:hover {
	color: #CCC;
}

footer h4 {
	font-size: 1.8em;
	font-weight: 200;
	text-shadow: 1px 1px 1px #000;
}

/* Copyright */
div.footer-copyright {
	background: #0C0C0C;
	border-top: 4px solid #111;
	margin-top: 40px;
	padding: 30px 0 10px;
}

div.footer-copyright nav {
	float: right;
}

div.footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.footer-copyright nav ul li {
	border-left: 1px solid #505050;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

div.footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

div.footer-copyright p {
	color: #555;
	margin: 0;
	padding: 0;
}

footer div.alert a {
	color: #222 !important;
}

footer div.alert a:hover {
	color: #666 !important;
}

footer span.phone {
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	display: block;
	padding-bottom: 15px;
	margin-top: -5px;
}

footer.short {
	padding-top: 50px;
}

footer.short div.footer-copyright {
	background: transparent;
	border: 0;
	padding-top: 0;
	margin-top: 0;
}

footer ul.nav-list.primary > li a {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	line-height: 20px;
	padding-bottom: 11px;
}

footer ul.nav-list.primary > li:last-child a {
	border-bottom: 0;
}

footer ul.nav-list.primary > li a:hover {
	background-color: rgba(255,255,255,0.05);
}

footer ul.recent-work li {
	float: left;
	width: 30%;
	margin: 10px 3% 0 0;
}

footer ul.recent-work li a.thumb-info {
	float: left;
	display: inline-block;
}

footer ul.recent-work img {
	width: 100%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

footer ul.recent-work li:hover img {
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
}

footer a.view-more-recent-work {
	padding: 12px;
}

footer ul.list.icons li {
	margin-bottom: 5px;
}

/* Boxed Layout */
body.boxed {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat;
}

body.boxed div.body {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	background-color: #FFFFFF;
	border-bottom: 5px solid #121214;
	border-radius: 5px;
	border-top: 5px solid #CCC;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	margin: 25px auto;
	max-width: 1200px;
	height: auto;
}

body.boxed header {
	padding: 15px 0;
}

body.boxed header.flat-menu {
	padding: 15px 0 7px;
}

body.boxed header.flat-menu.clean-top {
	padding-bottom: 8px;
}

body.boxed header.flat-menu.colored {
	padding: 0 0 7px;
}

body.boxed header.single-menu {
	padding: 15px 0 7px;
}

body.boxed header.clean-top,
body.boxed header.flat-menu {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

body.boxed header.darken-top-border {
	border-top: 0;
}

/* Scroll to Top */
a.scroll-to-top {
	-moz-border-radius: 7px 7px 0 0;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-border-radius: 7px 7px 0 0;
	-webkit-transition: all 0.3s;
	background: #404040;
	border-radius: 7px 7px 0 0;
	bottom: 0px;
	color: #FFF;
	display: block;
	height: 9px;
	opacity: 0;
	padding: 13px 0 35px;
	position: fixed;
	right: 10px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
	width: 49px;
	z-index: 1040;
}

a.scroll-to-top:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

a.scroll-to-top.visible {
	filter: alpha(opacity=75);
	opacity: 0.75;
}


.banner {
	padding: 0;
	overflow:hidden;
	position: relative;
	z-index: 1;
	background:#04367c url(../img/slides/slide-bg.jpg) no-repeat center top;
}

.banner-inner {width:1140px; padding:20px 0px; margin:0 auto;}
.banner-inner-text {width:42%; float:left; text-align:center; padding-bottom:124px;}
.banner-inner-text-1 {color:#fff; font-size:24px; font-weight:normal; margin-bottom:0px; line-height:30px; text-transform:uppercase; margin-top:85px; width:100%;}
.banner-inner-text-2 {color:#fff; font-size:66px; font-weight:bold; margin-bottom:0px; line-height:72px; text-transform:uppercase; width:100%;}
.banner-inner-text h1 {color:#fff; font-size:24px; font-weight:normal; margin-bottom:0px; line-height:30px; text-transform:uppercase; margin-top:85px;}
.banner-inner-text h2 {color:#fff; font-size:66px; font-weight:bold; margin-bottom:0px; line-height:72px; text-transform:uppercase;}
.banner-inner-text p {color:#fff; font-size:18px; font-weight:normal; line-height:24px;}
.banner-inner-text p span {font-weight:bold;}
.banner-inner-pic {width:40%; float:right; text-align:center;}
.banner-inner-pic img {width:auto; padding-bottom:15px;}

@media only screen and (max-width: 1200px) {
.banner-inner {width:940px; padding:20px 0px; margin:0 auto;}
}


@media only screen and (max-width: 991px) {
.banner-inner {width:722px; padding:20px 0px; margin:0 auto;}
.banner-inner-text-1 {color:#fff; font-size:24px; font-weight:normal; margin-bottom:0px; line-height:30px; text-transform:uppercase; margin-top:85px;}
.banner-inner-text-2 {color:#fff; font-size:60px; font-weight:bold; margin-bottom:0px; line-height:66px; text-transform:uppercase;}
.banner-inner-text h1 {color:#fff; font-size:24px; font-weight:normal; margin-bottom:0px; line-height:30px; text-transform:uppercase; margin-top:85px;}
.banner-inner-text h2 {color:#fff; font-size:60px; font-weight:bold; margin-bottom:0px; line-height:66px; text-transform:uppercase;}
.banner-inner-text p {color:#fff; font-size:15px; font-weight:normal; line-height:18px;}
.banner-inner-pic img {width:100%;}
}

@media only screen and (max-width: 767px) {
.banner-inner {width:96%; padding:20px 2%; margin:0 auto;}
.banner-inner-text {padding-bottom:124px;}
.banner-inner-text-1 {color:#fff; font-size:18px; font-weight:normal; margin-bottom:0px; line-height:24px; text-transform:uppercase; margin-top:85px;}
.banner-inner-text-2 {color:#fff; font-size:52px; font-weight:bold; margin-bottom:0px; line-height:60px; text-transform:uppercase;}
.banner-inner-text h1 {color:#fff; font-size:18px; font-weight:normal; margin-bottom:0px; line-height:24px; text-transform:uppercase; margin-top:85px;}
.banner-inner-text h2 {color:#fff; font-size:52px; font-weight:bold; margin-bottom:0px; line-height:60px; text-transform:uppercase;}
.banner-inner-text p {color:#fff; font-size:11px; font-weight:normal; line-height:14px;}
.banner-inner-pic img {width:100%;}
}

@media only screen and (max-width: 690px) {
	.banner-inner-text {padding-bottom:95px;}
	.banner-inner-text-1 {margin-top:85px;}
	.banner-inner-text h1 {margin-top:85px;}
}

@media only screen and (max-width: 600px) {
.banner-inner-text {padding-bottom:100px;}
.banner-inner-text-1 {color:#fff; font-size:16px; font-weight:normal; margin-bottom:0px; line-height:18px; text-transform:uppercase; margin-top:50px;}
.banner-inner-text-2 {color:#fff; font-size:40px; font-weight:bold; margin-bottom:0px; line-height:52px; text-transform:uppercase;}
.banner-inner-text h1 {color:#fff; font-size:16px; font-weight:normal; margin-bottom:0px; line-height:18px; text-transform:uppercase; margin-top:50px;}
.banner-inner-text h2 {color:#fff; font-size:40px; font-weight:bold; margin-bottom:0px; line-height:52px; text-transform:uppercase;}
.banner-inner-text p {color:#fff; font-size:9px; font-weight:normal; line-height:14px;}
.banner-inner-pic img {width:100%; padding-bottom:10px;}
}

@media only screen and (max-width: 530px) {
.banner-inner-text {padding-bottom:65px;}
.banner-inner-text-1 {margin-top:50px;}
.banner-inner-text h1 {margin-top:50px;}
}

@media only screen and (max-width: 479px) {
.banner-inner-text-1 {color:#fff; font-size:12px; font-weight:normal; margin-bottom:0px; line-height:15px; text-transform:uppercase; margin-top:8px;}
.banner-inner-text-2 {color:#fff; font-size:26px; font-weight:bold; margin-bottom:0px; line-height:36px; text-transform:uppercase;}
.banner-inner-text h1 {color:#fff; font-size:12px; font-weight:normal; margin-bottom:0px; line-height:15px; text-transform:uppercase; margin-top:8px;}
.banner-inner-text h2 {color:#fff; font-size:26px; font-weight:bold; margin-bottom:0px; line-height:36px; text-transform:uppercase;}
.banner-inner-text p {color:#fff; font-size:9px; font-weight:normal; line-height:13px;}
.banner-inner-pic img {width:100%; padding-bottom:6px;}
}

@media only screen and (max-width: 400px) {
.banner-inner-text {padding-bottom:50px;}
.banner-inner-text-1 {margin-top:25px;}
.banner-inner-text h1 {margin-top:25px;}
}

@media only screen and (max-width: 320px) {
.banner-inner-text {padding-bottom:20px;}
.banner-inner-text-1 {margin-top:12px;}
.banner-inner-text h1 {margin-top:12px;}
}
#circles-1 .circles-text {color:rgb(59, 151, 4);}
#circles-2 .circles-text {color:rgb(218, 8, 8);}
#circles-3 .circles-text {color:rgb(138, 138, 138);}