/*#####################################################################################################################*/
/*GLOBAL STYLE */
html, body {font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; color: #000; font-size: 16px; line-height: 19px; font-weight: normal;  height: 100%; width: 100%; margin: 0; padding: 0;   background: #e7eef0; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Safari */
  background: -o-radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Firefox 3.6 to 15 */
  background: radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Standard syntax */}

.headtop {
	position:fixed;
	top:0;
	z-index:999;
	width:100%;
}
.comporind {
	display:none;
}
.comporind ~ label {
	display:block;
	background-color:#172f53 ;
	color:#FFF;
	cursor:pointer;
	margin-left:20%;
	width:60%;
	padding:10px;
}

.social-icons {
	color: #172F53 !important;
}

.comporind:checked ~ label {
	background-color:#F90 ;
}
.notlogged {
	text-align:center;
    position: fixed;
    top: 30%;
    z-index: 9999999999;
    width: 50%;
    left: 25%;
    border-radius: 5px;
    background-color: #FFF;
    border: 2px solid #172f53;
    padding: 30px;
    box-shadow: 0 0 3px 3000px rgba(23, 47, 83, 0.72), 0 0 20px #000;
}
.notlogged .btn {
	margin:10px;
	width:170px;
}
.r {
    float: left;
}
.grade {
    display: none;
    border: 2px solid #CC6;
    background-color: #FFE;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.grade strong {
	color:#F00;
}
.accfor div{
	font-size:19px; 
	clear:both;
	    height: 50px;
	padding:10px;
	border-bottom:1px solid #CCC;
}
.accfor input {
	width:100%;
	border:none;
	background-color:transparent;
}
.accfor input:focus {
	width:100%;
	border:1px solid #999;
	background-color:#FFF;
}
.listses {
	border-bottom: 1px solid #AAA;
	padding:5px 25px 5px 0;
}
.listses label {
    cursor: pointer;
    position: absolute;
    right: 5px;
}

.listses label:hover img {
	transition:all 300ms ease;
}
.listses label:hover img {
	transform: scale(1.5);
}
.hdnin {
	display:none !important;
}
.leftnav {
	padding-right:15px;	
}
.leftnav ul {
	padding-left:0;
	list-style-type:none;
}
.leftnav ul li {
	display:block;
	border-bottom:1px solid #DDD;
	border-top:1px solid #FFF;
	position:relative;
}

.leftnav ul li a {
	width:100%;
	height:100%;
	padding:5px;
	transition:all 300ms ease;
	cursor:pointer;
	color: #172f53 !important;
}

.leftnav ul li:hover a {
	background-color:rgba(0,0,0,0.2);
	color: #FFF !important;
}
.leftnav ul li ul {
	display:none;
    padding-left: 5px;
    border-left: 15px solid rgba(0,0,0,0.2);
}
.leftnav ul li:hover ul li a {
	background-color:transparent;	
	color: #f7852f !important;
}
.leftnav ul li ul li a {	
	color: #f7852f !important;
}

.leftnav ul li ul li:hover a {	
	color: #000 !important;
}

.leftnav ul li.exp:after {
	content:'';
	border-left: 8px solid #f7852f;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	width:0px;
	height:0px;
	position:absolute;
	right:10px;
	top:7px;
	display:block;
	transition:all 300ms ease;
}

.leftnav ul li.act:after {
	transform:rotate(90deg);
}
.dashblock {
	padding:15px;
	margin:0 30px 30px 0;
	height: 150px;
	text-align:center;
	cursor:pointer;
	transition:all 300ms ease;
}
.dashblock:hover {
	background-color:transparent !important;
	color: #f7852f !important;
}
.dashblock:hover h4 {
	color: #f7852f !important;
}
.dashblock h4 {
	color:#FFF;
	margin:20px 0;
}
.theform {
	text-align:center;
	cursor:pointer;
}
.theform:hover img {
	filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));
	transform:scale(1.2);
}
.backdash {
    position: relative;
    margin-left: 5%;
}

.backdash:before {
	content:'';
	border-right: 8px solid #f7852f;
	border-top:8px solid transparent;
	border-bottom:8px solid transparent;
	width:0px;
	height:0px;
	position:absolute;
	left:-15px;
	top:0px;
	display:block;
	transition:all 300ms ease;
}
.addtocart {
	cursor:pointer;
}
.midl {
	position:relative;
	height: calc(100vh - 165px);
	overflow:hidden;
}
.blur {
	filter:blur(5px);
	overflow:hidden;
	height:100%;
	pointer-events: none;
}
.control-label {
	text-align: left !important;
	width: 100%;
	position:relative;
}
.control-label small {
	position:absolute;
	bottom:0px;
	color:#999;
	font-size:9px;
	display:block;
	left:0;
}
.whatthis {
	color:#F00;
	cursor:pointer;
}
.dashtbl {
	border:2px solid #172f53;
	outline:2px solid #f7852f;
	border-radius:5px;
	width: 100%;
}
.newserv {
	clear:both;
	padding:10px 0;
	border-top:1px solid #C60;
}
.vmore {
	height: 90px;
	overflow:hidden;
	transition:all 300ms ease;
}
.viewmore {
	/*max-height:99999px !important;*/
	margin-bottom:30px !important;
}
.viewm {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#F83;
	color:#FFF;
	text-align:center;
	line-height:25px;
	height:25px;
	font-weight:bold;
	cursor:pointer;
}
.lpoaitem {
	color:#f7852f !important;
	cursor:pointer;
}
.lpoaitem:hover {
	color:#172f53 !important;
}
.viewm:hover {
	animation: bob 900ms linear infinite;
}
.flip {
	transform:scaleY(-1);
}
@keyframes bob {
	0%{line-height:20px;}
	50%{line-height:30px;}
	100{line-height:20px;}
}
.dashtbl th, .dashtbl td {
	padding:5px;
}
.dashtbl th {
	background-color:#172f53;
	border:1px solid rgba(255, 255, 255, 0.2);
	color:#f7852f;
}
.dashtbl td {
	padding:5px;
	border:1px solid rgba(23, 47, 83, 0.2);
}
.cards {
	background:url(../images/cards.jpg) no-repeat center center;
	background-size:contain;
	height:50px;
	width:250px;
	margin:25px 0 ;
	clear:both;
	mix-blend-mode: darken;
}
.boxhead {
    position: absolute;
    top: -15px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 5px;
    background-color: #f3f6f9;
}
.banklogos {
	margin:25px 0 0 0;
	display:block;
	width:100%;
	position:relative;
}
.banklogos a {
	float:left;
	width:25%;
	height:10vw;
	display:block;
	position:relative;
	transition:all 400ms ease;
}
.banklogos a img{
	width:100%;
	position:absolute;
	height:10vw;
	object-fit:cover;
	transition:all 400ms ease;
}
.banklogos a:hover img{
	transform:scale(1.5);
	height:12vw;
	z-index:999;
    border-radius: 5px;
	box-shadow:0 5px 10px rgba(0,0,0,0.5), inset 0 30px 30px rgba(255,255,255,1);
}
.banklogos a div {
	width:100%;
	height:1px;
	position:absolute;
	top:0;
	left:0;
	transition:all 400ms ease;
}
.banklogos a:hover div{
	transform:scale(1.5);
}
.banklogos a:hover div:after{
	display: block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:30px;
	z-index:9999;
	box-shadow:0 5px 10px rgba(0,0,0,0.5), inset 0 30px 30px rgba(255,255,255,1);
}
.whatthis:hover {
	text-decoration:underline;
	color:#900;
}
.spacer {
	height:133px;
}
.statu {
	text-align: left;
}
.statu div.col-lg-4 {
	height:70px;
}

.statu div.col-lg-4 input {
	display:none;
}
.statu div.col-lg-4 label {
	display:block;
	padding-left:50px;
	cursor:pointer;
}
.statu div.col-lg-4 label:before {
	display:block;
	width:40px;
	height:40px;
	border-radius:5px;
	content:'';
	position:absolute;
	left:0px;
	background-color: #172f53;
    border: solid 2px #f7852f;
}
.statu div.col-lg-4 input[type=checkbox]:checked + label:before {
	background-color:#ed7f32;
	background-image:url(../images/ico/orangetick.png);
	background-size:contain;
	background-repeat:none;
}
.addto {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    padding: 50px;
    text-align: center;
    color: #000;    
    z-index: 9999999999;
    transition: all 300ms ease;
	overflow-x:hidden;
	overflow-y:auto;
	opacity: 1 !important;
}
.del {
	width:30px;
	cursor:pointer;
}
.close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 25px;
    border: 2px solid #FFF;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    background-color: #900;
    color: #FFF;
    opacity: 1;
    line-height: 35px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}
.close:hover, .close:focus {
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    transform: scale(1.2);
}
.del:hover {
	filter:brightness(1.5);
}
.addto input[type="text"],
.addto input[type="number"],
.addto input[type="email"],
.addto input[type="password"],
.addto select,
.addto textarea {
	box-shadow:0 0 20px rgba(0,0,0,0.3);
}
#action {
	transition:all 300ms ease;
    position: fixed;
	    opacity: 0;		
    text-align: center;
}
.reqred {
	position:absolute;
	margin-left:-10px;
	color:#F00;
}
.fileup {
	width:90%;
	position: relative;
}
.fileup input {
	display:none;	
}
.fileup:after {
    display: block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    content: "Upload";
    background-color: #f7852f;
    color: #FFF;
    font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;
    cursor: pointer;
}
.fileup:hover:after {
    color: #f7852f;
    background-color: #172f53;
    border: none;
}
.done:before {
	display:block;
	content:'';
	background:url(../images/ico/tick.png) no-repeat center center;
	width:30px;
	height:30px;
	right:5px;
	bottom:0;
	position:absolute;
	background-size: cover;
	
}
.contin {
	padding-top:200px;
	padding-top:30vh;
}
.done span {
	position:absolute;
	bottom:-5px;
}
.done:after {
    background-color: #999 !important;
}
.loginp {
    float: left;
    width: 123px;
    height: 27px;
    display: block;
    margin-right: 18px;
    border: 1px solid #EEE;
    font-size: 12px;
    padding: 3px;
}
.logform {
    margin-top: 18px;
	margin-right:55px;
    display: block;
    max-width: 536px;
    float: right;
    font-size: 14px;
	position:relative;
	z-index:9;
}
.logform .btn-primary {
    /* height: 30px !important; */
    line-height: 5px !important;
    padding: 15px 22px;
    font-weight: lighter !important;
    font-size: 13px;
}
.logform h4 {
    font-size: 16px;
    float: left;
    margin-right: 0px;
	margin-top:8px;
}
#LoginForm-form-result {
	position:absolute;
    width: 430px;
	z-index:2;
}
.coverword {
	background-color: #FFF;
    width: 150px;
}
a:link, a:visited {text-decoration: none; color: #f7852f; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; outline: none;}
a:hover, a:visited:hover {text-decoration: none; color: #172f53; outline: none;}
.cart {
    position: relative;
    margin-top: -10px;
    margin-left: 10px;
    display: block;
    float: right;
}
.count {
	position:absolute;
	color:#FFF;
	width:15px;
	height:15px;
	border-radius:10px;
	overflow:hidden;
	font-size:12px;
	text-align:center;
	line-height:15px;
}
.counts {
	position:absolute;
	background-color:#F00;
	color:#FFF;
	width:100%;
	height:100%;
}
.regforg {
	font-size:10px ;
	text-align:center;
	border-top:1px solid #EEE;
	margin-top:5px;
	padding-top:3px;
}
.container-full {margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0;}.
.spin h2 {
	position:relative;
	display:block;
}
.spin.this h2:after {
	content:'';
	background-size:contain;
	width:70px;
	height:60px;
	display:block;
	position:absolute;
	animation:clicker 2000ms ease infinite;
}
.spin2.this h2:after, .spin3.this h2:after, .spin4.this h2:after, .spin5.this h2:after{
	background:url(../images/ico/click_me_right.png) no-repeat center center;
	background-size:contain;
}
.spin1, .spin6{
	cursor:default;
}
.spin1.this h2:after {
	top: -105px;
    left: -16px;
}
.spin2.this h2:after {
    top: -145px;
    left: 45px;
}
.spin3.this h2:after {
    top: -175px;
    left: 36px;
}
.spin4.this h2:after {
top: -140px;
    left: -10px;
}
.spin5.this h2:after {
	top: -172px;
    left: 56px;
}
.spin6.this h2:after {
	top: -75px;
    left:126px;
}
@keyframes clicker {
	0%{transform:rotate(-10deg);}
	50%{transform:rotate(10deg);}
	100%{transform:rotate(-10deg);}
}
button {position: relative; margin: 0; padding: 1em; z-index: 1;}
@media (min-width:768px) {.container-full {width:100%}}
@media (min-width:992px) {.container-full{width:100%}}
@media (min-width:1200px) {.container-full {width:100%}}
@media (min-width:1368px) {
.spin2.this h2:after {
    top: -145px;
    left: 125px;
}
.spin3.this h2:after {
    top: -210px;
    left: 36px;
}
}
.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  height:100%;
}
.container2 {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  overflow:hidden;
  transition: all 500ms ease;
}
@media (min-width: 768px) {
  .container {width: 100%;}
  .container2 {width: 100%;}
}
@media (min-width: 992px) {
  .container {width: 100%;}
  .container2 {width: 100%;}
}
@media (min-width: 1200px) {
  .container {width: 100%;  }
  .container2 {width: 100%;}
}
@media (min-width: 1520px) {
  .container {width: 100%;  }
  .container2 {width: 100%;}
}
.row {margin-right: 0px; margin-left: 0px;}
.row-centered {text-align: center;}
.col-centered {margin: 0 auto;}
@font-face {
    font-family: 'AmbleRegular';
    src: url('../font/AmbleRegular/Amble-Regular-webfont.eot');
    src: url('../font/AmbleRegular/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AmbleRegular/Amble-Regular-webfont.woff') format('woff'),
         url('../font/AmbleRegular/Amble-Regular-webfont.ttf') format('truetype'),
         url('../font/AmbleRegular/Amble-Regular-webfont.svg#Amble-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'Conv_ArchitectsDaughter';
	src: url('../fonts/ArchitectsDaughter/ArchitectsDaughter.eot');
	src: url('../fonts/ArchitectsDaughter/ArchitectsDaughter.woff') format('woff'), url('../fonts/ArchitectsDaughter/ArchitectsDaughter.ttf') format('truetype'), url('../fonts/ArchitectsDaughter/ArchitectsDaughter.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_HARLOWSI';
	src: url('../fonts/harlowsi/HARLOWSI.eot');
	src: url('../fonts/harlowsi/HARLOWSI.woff') format('woff'), url('../fonts/harlowsi/HARLOWSI.ttf') format('truetype'), url('../fonts/harlowsi/HARLOWSI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*#####################################################################################################################*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*#####################################################################################################################*/
/*TOP*/
.logo {padding: 10px 10px 0 75px; width: 90%;}
/*navigation*/
.line {border-right: 1px solid #172f53;}
.navbar-default {margin-bottom: 0px; z-index: 1000; border: none; border-radius: 0; background-color: transparent; margin-top: 0; padding-right: 58px;}
.navbar-default .navbar-nav > li > a {margin: 0 17px 0 17px; padding: 8px 0; color: #172f53; outline: none; font-size: 17px; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {outline: none; border-bottom: solid 3px #f7852f;}
.onpage {outline: none; border-bottom: solid 3px #f7852f;}

.toptel{ padding-right:20px;}
.toptel:before {content:url(../images/content/top-num-icon.png); padding-right:10px;}
.topemail{ color:#f7852f; !important;}
.topemail:hover{ color:#f7852f !important;}
.topemail:before {content:url(../images/content/top-mail-icon.png); padding-right:10px;}
.topcontacts{float: right; padding-right: 4%; font-weight: bold;     background-color: #ffffff;}

@media (max-width: 1520px) {
	.navbar-default .navbar-nav > li > a {margin: 0 10px 0 10px; padding: 8px 0; font-size: 15px;}
}
@media (max-width: 1280px) {
	.topcontacts{padding-right: 5%;}
}
@media (max-width: 1200px) {
	.topcontacts{font-size:15px;padding-right: 2%;}
	.logo {padding: 10px 10px 0 28px;}
	.navbar-default { margin-top: 0; padding-right: 22px;}
	.navbar-default .navbar-nav > li > a {margin: 0 10px 0 10px; padding: 8px 0; font-size: 12px;}
}
@media (max-width: 991px) {
	 .navbar-default{margin-bottom: -12px;}
	.topcontacts{ padding-left:7%;padding-top: 7px;}
	.logo {padding: 39px 0px 0 10px; margin: 0 auto;}
	.navbar .navbar-nav {
    display: inline-block !important;
    float: none !important;
}

.navbar .navbar-collapse {
    text-align: center !important;
}	

.spacer {
	height:183px;
}

.midl {
	position:relative;
	height: calc(100vh - 210px);
}
.topcontacts {
    padding-left: 0;
    font-weight: bold;
    text-align: center;
}
.whitetotransbg { height: 160px;}
}
@media (max-width: 767px) {
	.navbar-default {margin-bottom: 0px; margin-top: 0; padding-right: 0;}
	.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {outline: none; border-bottom: none !important; color:#f7852f;}
	.navbar-default .navbar-nav > li {padding: none;}
	.navbar-default .navbar-nav > li > a {padding: 4px 4px 4px 8px; margin: 0; font-size:12px; text-align: left;}
	.navbar-collapse {z-index: 1000; background-color: #fff;}	
	.navbar-collapse.collapse {text-align: left; /* Set this */}
	.onpage {outline: none; border-bottom: none;}
	.spacer {height:193px;}
	.logform {
    margin-top: 0;
    margin-right:0;
    margin-left: calc(50% - 235px) !important;
    float: none;
    font-size: 14px;
}
.navbar-default {
    margin-bottom: 0px;
    margin-top: -6px;
    padding-right: 0;
}
.topcontacts {
    padding-left: 0;
    font-weight: bold;
    text-align: center;
	float:none;
}
}

@media (max-width: 630px) {
.dashtbl {
    font-size: 10px;
}
.dashtbl th, .dashtbl td {
    padding: 3px;
}
}

@media (max-width: 546px) {
.dashtbl {
    font-size: 9px;
}
.dashtbl th, .dashtbl td {
    padding: 1px;
}
.cart {
    position: relative;
    margin-top: 10px;
    margin-left: 10px;
    display: block;
    float: right;
}
}
@media (max-width: 555px) {
.spacer {
	height:173px;
}
.logform {
    margin-top: 0;
    margin-right:0;
    margin-left: 2% !important;
    float: none;
    font-size: 14px;
}
.ideaiconmobile {
    width: 40%;
    padding-top: 15px;
}
}
@media (max-width: 400px) {
.spacer {
	height:163px;
}
}
/*mobile navbar*/
.navbar-toggle {position: relative; float: right; padding: 9px 7px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 4px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px;}
.navbar-toggle .icon-bar {display: block; width: 28px; height: 5px; border-radius: 2px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #172f53;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #f7852f;}
.navbar-collapse {z-index: 1000; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.in {overflow-y: auto;}
/*#####################################################################################################################*/
/*HEADINGS*/
h1 {color: #172f53; font-size: 36px; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 18px; text-align:center;}
h2 {color: #172f53; font-size: 30px; line-height:130%; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0; text-align:center;}
h3 {color: #172f53; font-size: 30px; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 18px; text-align:center;}
h4 {color: #f7852f; font-size: 20px; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0px; text-align:center;}
/*#####################################################################################################################*/
/*CONTENT STYLES*/
.clear {clear: both;}
.contentpad {padding: 28px 15%;}
.contentpad2 {padding: 28px 5%;}

.mobile { display:none;}
.big { display:block;}

.textright { text-align:right;}

.idea { color:#e72c2d !important; position:absolute; top: 10%; left: 21%; z-index:5; }
.ideaicon { position:absolute; top: 5%; left: 25%; z-index:5; max-width: 7%; transition:all 500ms ease;}
.ideaicon:hover { transform:rotate( 10deg);}

.compreg { color:#018fb2 !important; position:absolute; top: 50%; left: 3%; z-index:5; }
.compregicon { position:absolute; top: 28%; left: 9%; z-index:5; max-width: 7%; transition:all 500ms ease;}
.compregicon:hover { transform:rotate( 10deg);}

.taxreg { color:#06952d !important; position:absolute; top: 80%; left: 22%; z-index:5; }
.taxregicon { position:absolute; top: 65%; left: 26%; z-index:5; max-width: 7%; transition:all 500ms ease;}
.taxregicon:hover { transform:rotate( 10deg);}

.package { color:#9d2999 !important; position:absolute; top: 80%; right:18%; z-index:5; }
.packageicon { position: absolute; top: 62%; right: 23%; z-index: 5; max-width: 10%; transition: all 500ms ease;}
.packageicon:hover { transform:rotate( 10deg);}

.specials { color:#00ab99 !important; position:absolute; top: 54%; right: 10.5%; z-index:5; }
.specialsicon { position:absolute; top: 42.6%; right: 12%; z-index:5; max-width: 10%; transition:all 500ms ease;}
.specialsicon:hover { transform:rotate( 10deg);}

.launch { color:#ed822e !important; position:absolute; top: 15%; right: 17%; z-index:5; }
.launchicon { position:absolute; top: 8%; right: 28%; z-index:5; max-width: 7%; transition:all 500ms ease;}
.launchicon:hover { transform:rotate( 10deg);}

.redarrow { position:absolute; top: 12%; left: 15%; z-index:5; max-width: 4%;}
.bluearrow { position:absolute; top: 59%; left: 12%; z-index:5; max-width: 7%;}
.greenarrow { position:absolute; top: 75%; left: 42%; z-index:5; max-width: 15%;}
.purplearrow { position:absolute; top: 61%; right: 17%; z-index:5; max-width: 4%;}
.turqarrow { position:absolute; top: 27%; right: 22%; z-index:5; max-width: 3.5%;}
.orangearrow { position:absolute; top: 8%; right: 10%; z-index:5; max-width: 5%;}

.facebook {position:absolute; bottom: 8%; left: 47%; z-index:150; max-width: 4%; transition:all 500ms ease;}
.facebook:hover { transform:rotate( 360deg);}
.twitter {position:absolute; bottom: 8%; left: 50%; z-index:150; max-width: 4%; transition:all 500ms ease;}
.twitter:hover { transform:rotate( 360deg);}
.linkedin {position:absolute; bottom: 8%; left: 53%; z-index:150; max-width: 4%; transition:all 500ms ease;}
.linkedin:hover { transform:rotate( 360deg);}

.whitebg {background-color: #fff; max-height: auto; overflow: hidden;}
.orangebg {background-color: #ef4036; max-height: auto; overflow: hidden; height: 5px;}
.greybg {background-color: #7e7e7e; max-height: auto; overflow: hidden;}
.whitetotransbg {background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #fff, #fff, #fff, #fff, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #fff, #fff, #fff, #fff, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #fff, #fff, #fff, #fff, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #fff, #fff, #fff, #fff, transparent); /* Standard syntax */
	height:165px;
}
.maingradbg {
  background: #e7eef0; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Safari */
  background: -o-radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Firefox 3.6 to 15 */
  background: radial-gradient(circle, #fff, #f0f3f7, #cbd5d5); /* Standard syntax */
}

.toplogin { margin-top: 18px; margin-right: 75px; float: right !important;}

.paper { position:absolute; top: 18%; left: 35%; /*transition:all 500ms ease*/; max-width: 24%; z-index: 2;}
/*.paper:hover { transform:rotate( 10deg);}*/

.sm2 { padding: 0 5px; transition:all 500ms ease;}
.sm2:hover { transform:rotate( 360deg);}

.servbuttonpad { padding: 0 3px;}
.accordion{
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
	line-height: 150%;
	transition:all 300ms ease;
	color: #172f53;
	 font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;
}
.accordion3, .accordion2, .accordion4 {
    cursor: pointer;
    padding: 0px;
	margin:0;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 16px;
	line-height: 170%;
	color: #172f53;
	 font-family: Century Gothic, Verdana, Arial, helvetica, Calibri;
	 background-color:transparent;
	 border:none;	 
	transition:all 300ms ease;
}
.accordion4 {
    padding-right: 0;
    font-size: 15px;
    position: relative;
    margin-left: -17px;
    width: 115%;
}
.accordion3:hover, .accordion2:hover, .accordion4:hover {
    
	color: #000;
}

.accordion2 {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 18px;
    line-height: 150%;
    transition: 0.4s;
    color: #172f53;
    font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;
    height: 150px;
}
.accordion:after {
    content: '\2193';
    font-size: 27px;
    float: right;
    margin-left: 5px;
}
.accordion.active:after {
    content: "\2191";
}
.accordion2:after {
    content: '\2193';
    font-size: 27px;
    float: right;
    margin-left: 5px;
}
.accordion2.active:after {
    content: "\2191";
}
.accordion3.active:after, .accordion4.active:after {
    content: "\2191";
}

.accordion3:after, .accordion4:after {
    content: '\2193';
    font-size: 16px;
    right: -5px;
    margin-left: 5px;
    position: absolute;
}

.panel, .panel3, .panel2 {
    padding: 7px 18px;
   /* overflow: hidden;*/
	font-size:16px;
    max-height: 100%;
	background-color: #fff !important;
	border-top: none;	
	border-radius:0;
	display:none;
}
.regpanel {
    padding: 7px 18px;
    overflow: hidden;
	font-size:16px;
    max-height: 100%;
	background-color: #fff !important;
	border-top: none;	
	border-radius:0;
	display: block;
}
.regaccordion {
    padding: 18px;
    width: 100%;
    text-align: center;
    outline: none;
    font-size: 18px;
	line-height: 150%;
	transition:all 300ms ease;
	color: #172f53;
	 font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;
}
.space {
	margin-top: 42px;
}
.sarspanel { font-size: 16px;}
.panelorangeborder {border-right:  2px solid #172f53;border-bottom: 2px solid #172f53;border-left:   2px solid  #172f53;}
.panelredborder {border-right:  2px solid rgba(231,44,45,1);border-bottom: 2px solid rgba(231,44,45,1);border-left:   2px solid  rgba(231,44,45,1);}
.panelblueborder {border-right:  2px solid #f7852f;border-bottom: 2px solid #f7852f;border-left: 2px solid  #f7852f;}
.panelgreenborder {border-right:  2px solid #06952d;border-bottom: 2px solid #06952d;border-left: 2px solid  #06952d;}
.panelpurpleborder {border-right:  2px solid #9d2999;border-bottom: 2px solid #9d2999;border-left: 2px solid  #9d2999;}
.panelturqborder {border-right:  2px solid #00aa98;border-bottom: 2px solid #00aa98;border-left: 2px solid  #00aa98;}

.serviceslistleft { padding: 0 10px 0 0;}
.serviceslistright { padding: 0 0 0 10px;}

.accorange { background-color: #f7852f !important; border: solid 2px #172f53 !important; }
.accred { background-color: rgba(231,44,45,0.2) !important; border: solid 2px rgba(231,44,45,1) !important; }
.accblue { background-color: #172f53 !important; border: solid 2px #f7852f !important; color:#f7852f !important; }
.accgreen { background-color: rgba(6,149,45,0.2) !important; border: solid 2px #06952d !important; }
.accpurple { background-color: rgba(157,41,153,0.2) !important; border: solid 2px #9d2999 !important; }
.accturq { background-color: rgba(0,170,152,0.2) !important; border: solid 2px #00aa98 !important; }
.accwhite { background-color: #fff !important; border: solid 2px #172f53 !important; }

a.buynow { font-size: 20px; font-weight:bold;}
a.buynow:hover { color:#172f53;}

.borderbottom { background-color: #000; height:1px;}

.accordianlist { padding:0 0 0 5px; margin:0; font-size: 16px;}
.i { font-size: 26px; font-family: Conv_HARLOWSI, Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri; animation:3s blinker linear infinite;
    -webkit-animation:3s blinker linear infinite;
    -moz-animation:3s blinker linear infinite;
	top: -10px;
    right: -15px;
    position: absolute;
    cursor: pointer;
	transition:all 500ms ease;
}
.inf {
    width: 200px;
    padding: 5px;
    font-size: 11px;
    height: auto;
    position: absolute;
    background-color: #ffffff;
    z-index: 99;
    overflow: auto;
    /* border: 3px solid #FFF; */
    box-shadow: 2px 2px 20px rgba(0,0,0,0.7), inset 0 0 5px rgba(0,0,0,0.3);
    border-radius: 5px;
    top: 20px;
    right: -215px;
}
.bigger {
	transform:scale(2);
}
.regcomppad { padding: 12px 0 0 0;}

.notice { color:#F00; padding:10px; border: solid 1px #F00; border-radius: 5px; background-color: #FFF;}

@-moz-keyframes blinker {  
     0% { color: #f7852f; }
     50% { color: #172f53; }
     100% { color: #f7852f; }
     }

    @-webkit-keyframes blinker {  
     0% { color: #f7852f; }
     50% { color: #172f53; }
     100% { color: #f7852f; }
     }

    @keyframes blinker {  
     0% { color: #f7852f; }
     50% { color: #172f53; }
     100% { color: #f7852f; }
     }	 

	 
@media (max-width: 1520px) {
	.paper { top: 15%; left: 32.1%; max-width: 30%;    transform-origin: 59% 48%;}
	.accordion3 {    
    padding: 0px;
	margin:0;    
    font-size: 15px;
	line-height: 170%; 
	transition:all 300ms ease;   
}
.sarspanel { font-size: 15px;}
.accordianlist { padding:0 0 0 5px; margin:0; font-size: 15px;}
.regaccordion {padding: 18px;font-size: 15px;}
}
@media (max-width: 1367px){
	
	.logo {padding: 30px 10px 0 75px; width: 90%;}
		
	.idea { top: 10%; left: 21%; }
	.ideaicon {top: 5%; left: 25%; max-width: 7%;}
	
	.bluearrow {top: 59%; left: 16%; max-width: 5%;}
	.compreg { top: 50%; left: 6%;}
	.compregicon {top: 29%; left: 13%; max-width: 7%;}
	
	.taxreg {top: 80%; left: 22%;}
	.taxregicon { top: 65%; left: 26%; max-width: 7%;}
	
	.package {top: 80%; right:17%;}
	.packageicon {top: 62%; right: 23%; max-width: 10%;}
	
	.turqarrow {top: 28%; right: 22%; max-width: 3.5%;}
	.specials { top: 53%; right: 10.5%;}
	.specialsicon { top: 41%; right: 12%; max-width: 10%;}
	
	.orangearrow {top: 12%;right: 13%; max-width: 5%;}
	.launch {top: 21%; right: 19%;}
	.launchicon {top: 8%; right: 28%;max-width: 7%;}
	
	h2 {font-size: 22px; line-height:130%;}
	.toplogin { margin-top: 18px; margin-right: 30px;}
	.paper { top: 18%; left: 33%; max-width: 25%;    transform-origin: 59% 48%;}
	
	.facebook { bottom: 8%; left: 47%; max-width: 4%;}
	.twitter { bottom: 8%; left: 50%; max-width: 4%;}
	.linkedin { bottom: 8%; left: 53%; max-width: 4%;}
}

@media (max-width: 1280px) {
	.logo {padding: 40px 10px 0 75px; width: 90%;}
	.redarrow {top: 14%; left: 15%; max-width: 5%;}
	.idea { top: 10%; left: 21%; }
	.ideaicon {top: 5%; left: 25%; max-width: 7%;}
	
	.bluearrow {top: 59%; left: 16%; max-width: 5%;}
	.compreg { top: 48%; left: 6%;}
	.compregicon {top: 29%; left: 13%; max-width: 7%;}
	
	.taxreg {top: 76%; left: 22%;}
	.taxregicon { top: 65%; left: 26%; max-width: 7%;}
	
	.package {top: 76%; right:16%;}
	.packageicon {top: 62%; right: 23%; max-width: 10%;}
	
	.turqarrow {top: 28%; right: 22%; max-width: 4.2%;}
	.specials { top: 53%; right: 10.5%;}
	.specialsicon { top: 43%; right: 12%; max-width: 10%;}
	
	.orangearrow {top: 12%;right: 13%; max-width: 5%;}
	.launch {top: 18%; right: 19%;}
	.launchicon {top: 8%; right: 28%;max-width: 7%;}
	
	h2 {font-size: 22px; line-height:130%;}
	.toplogin { margin-top: 18px; margin-right: 30px;}
	.paper { top: 20%; left: 30%; max-width: 30%;    transform-origin: 59% 48%;}
	
	.spin5.this h2:after {top: -172px;left: 11px;}
	.spin2.this h2:after {top: -137px;left: 45px;}
	
	.facebook { bottom: 8%; left: 46%; max-width: 4%;}
	.twitter { bottom: 8%; left: 50%; max-width: 4%;}
	.linkedin { bottom: 8%; left: 54%; max-width: 4%;}
}
@media (max-width: 1280px) and (max-height: 830px)  {
	.redarrow {top: 14%; left: 15%; max-width: 5%;}
	.idea { top: 10%; left: 21%; }
	.ideaicon {top: 5%; left: 25%; max-width: 7%;}
	
	.bluearrow {top: 59%; left: 16%; max-width: 5%;}
	.compreg { top: 49%; left: 4%;}
	.compregicon {top: 31%; left: 11%; max-width: 7%;}
	
	.taxreg {top: 76%; left: 22%;}
	.taxregicon { top: 63%; left: 26%; max-width: 7%;}
	
	.package {top: 76%; right:16%;}
	.packageicon {top: 61%; right: 23%; max-width: 10%;}
	
	.turqarrow {top: 28%; right: 22%; max-width: 3.5%;}
	.specials { top: 53%; right: 10.5%;}
	.specialsicon { top: 42%; right: 12%; max-width: 10%;}
	
	.orangearrow {top: 12%;right: 13%; max-width: 5%;}
	.launch {top: 18%; right: 19%;}
	.launchicon {top: 8%; right: 28%;max-width: 7%;}
	
	h2 {font-size: 22px; line-height:130%;}
	.toplogin { margin-top: 18px; margin-right: 30px;}
	.paper { top: 21%; left: 32%; max-width: 26%;}
	
	
	
	.facebook { bottom: 9.5%; left: 46%; max-width: 4%;}
	.twitter { bottom: 9.5%; left: 50%; max-width: 4%;}
	.linkedin { bottom: 9.5%; left: 54%; max-width: 4%;}
	
	.spin5.this h2:after {top: -172px; left: 11px;}
}
@media (max-width: 1152px){
	.redarrow {top: 14%; left: 15%; max-width: 5%;}
	.idea { top: 10%; left: 21%; }
	.ideaicon {top: 5%; left: 25%; max-width: 7%;}
	
	.bluearrow {top: 59%; left: 12%; max-width: 5%;}
	.compreg { top: 50%; left: 4%;}
	.compregicon {top: 34%; left: 11%; max-width: 7%;}
	
	.taxreg {top: 76%; left: 20%;}
	.taxregicon { top: 65%; left: 26%; max-width: 7%;}
	
	.purplearrow { top: 62%; right: 14%; max-width: 4%;}
	.package {top: 76%; right:12%;}
	.packageicon {top: 62%; right: 23%; max-width: 10%;}
	
	.turqarrow {top: 28%; right: 22%; max-width: 3.5%;}
	.specials { top: 53%; right: 10.5%;}
	.specialsicon { top: 43%; right: 12%; max-width: 10%;}
	
	.orangearrow {top: 12%;right: 9%; max-width: 5%;}
	.launch {top: 18%; right: 16%;}
	.launchicon {top: 8%; right: 27%;max-width: 7%;}
	
	h2 {font-size: 23px; line-height:130%;}
	.toplogin { margin-top: 18px; margin-right: 30px;}
	.paper { top: 20%; left: 30%; max-width: 30%;}	
	
	
	.facebook { bottom: 8%; left: 45%; max-width: 4%;}
	.twitter { bottom: 8%; left: 50%; max-width: 4%;}
	.linkedin { bottom: 8%; left: 55%; max-width: 4%;}
	
	.accordion2 {
    padding: 10px;
    font-size: 16px;
	line-height: 150%;
	 height: 150px;
}
}

@media (max-width: 1024px){
	.logo {padding: 40px 10px 0 30px; width: 90%;}
	
	.specials {top: 53%; right: 8.5%;}
	.specialsicon {top: 43%; right: 10%; max-width: 10%;}
	
	.spin5.this h2:after { top: -155px; left: 16px;}
	.spin4.this h2:after {top: -109px;left: -10px;}
	.spin3.this h2:after { top: -151px; left: 36px;}
	.spin2.this h2:after {top: -131px; left: 45px;}
	
	h2 {font-size: 22px; line-height:130%;}
	.toplogin { margin-top: 18px; margin-right: 30px;}
	.paper { top: 22%; left: 31%; max-width: 28%;}
	
	.facebook { bottom: 8%; left: 45%; max-width: 3%;}
	.twitter { bottom: 8%; left: 50%; max-width: 3%;}
	.linkedin { bottom:8%; left: 55%; max-width: 3%;}
	
	.sm2 { padding: 0 2px;}
}
@media (max-width: 992px) {
	h1 { font-size: 26px;}
	h3 { font-size: 24px;}
	.toplogin { margin: 0 auto; float:none !important; padding: 0 20px;}
	.whitetotransbg {background: #fff; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, transparent); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, transparent); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, transparent); /* For Firefox 3.6 to 15 */
background: linear-gradient(#fff, #fff, #fff, #fff, #fff, #fff, #fff, #fff, transparent); /* Standard syntax */
}
.logform h4 {font-size: 16px; float: left; margin-right: 5px; margin-top: 5px;}
.loginp {margin-right: 7px;}
}
@media (max-width: 800px){
.navbar-default .navbar-nav > li > a {margin: 0 8px 0 8px; padding: 8px 0;font-size: 13px;}
	.specials {top: 53%; right: 8.5%;}
	.specialsicon {top: 43%; right: 10%; max-width: 10%;}
	
	.compregicon { top: 25%; left: 11%;  max-width: 7%;}
	.taxregicon {top: 58%; left: 29%; max-width: 7%;}
	.packageicon {top: 57%; right: 17%; max-width: 10%;}
	.purplearrow {top: 57%; right: 10%; max-width: 4%;}
	.launch { top: 7%; right: 16%;}
	.orangearrow {top: 4%; right: 9%; max-width: 5%;}
	.greenarrow {top: 72%; left: 42%; max-width: 15%;}
	
	.redarrow {top: 10%; left: 15%; max-width: 5%;}
	.idea { top: 7%; left: 21%; }
	.ideaicon {top: 0; left: 25%; max-width: 7%;}
	
	.bluearrow {top: 55%; left: 12%; max-width: 5%;}
	.compreg { top: 45%; left: 4%;}	
	.taxreg {top: 72%; left: 20%;}
	.package {top: 73%; right:12%;}
	
	.turqarrow {top: 24%; right: 22%; max-width: 3.5%;}
	.specials { top: 46%; right: 10.5%;}
	.specialsicon { top: 36%; right: 12%; max-width: 10%;}
	.launchicon {top: 0; right: 27%;max-width: 7%;}
	
	.spin5.this h2:after { top: -124px; left: -2px;}
	.spin4.this h2:after {top: -69px;left: -16px;}
	.spin3.this h2:after {top: -76px; left: 12px;}
	.spin2.this h2:after {top: -102px; left: 45px;}
		
	h2 {font-size: 16px; line-height:130%;}
	.paper { top: 17f%; left: 35%; max-width: 24%;}
	
	
	.facebook { bottom: 11%; left: 45%; max-width: 3.45%;}
	.twitter { bottom: 11%; left: 50%; max-width: 3.45%;}
	.linkedin { bottom:11%; left: 55%; max-width: 3.45%;}
}
@media (max-width: 768px) {
	.whitetotransbg {height: 215px;}
	.overflowhidden { overflow:hidden;}
	.paper { top: 15%; left: 2%; max-width: 98%; opacity: 0.2; position: fixed; z-index:1;}
	.paper:hover { transform: none;}
	.logo {padding: 5px 15% 5px 15%;}
	.big { display: none;}
	.mobile { display: block;}
	
	h2 {font-size: 26px; line-height:130%; padding: 30px 0;}
	
	.icons2 { z-index: 9; position:relative;}	
	
	.idea2 {color:#e72c2d !important;}
	.compreg2 { color:#018fb2 !important;}
	.taxreg2 { color:#06952d !important;}
	.package2 { color:#9d2999 !important;}
	.specials2 { color:#00ab99 !important;}
	.launch2 { color:#ed822e !important;}
	
	.ideaiconmobile { width: 40%;}
	.registericonmobile { width: 38%;}
	.taxregiconmobile { width: 40%;}
	.packagesiconmobile { width: 45%;}
	.servicesiconmobile { width: 45%;}
	.launchiconmobile { width: 30%;}
	
	.mobarrow { padding: 0 0 30px 0;}
	.accordion {   
    font-size: 14px;
	line-height: 150%;    
}
.serviceslistleft { padding: 0 0 0 0;}
.serviceslistright { padding: 0 0 0 0;}
}
/*@media (max-width: 768px) {
	h2 {font-size: 16px; line-height:130%;}
	.paper { top: 42%; left: 28%; max-width: 34%;}
	
	.idea { top: 35%; left: 21%; }
	.ideaicon {top: 30%; left: 25%; max-width: 6%;}
	
	.compreg {top: 58%; left: 3%; }
	.compregicon {top: 48%; left: 10%; max-width: 6%;}
	
	.taxreg {top: 75%; left: 21%; }
	.taxregicon {top: 66%; left: 25%; max-width: 7%;}
	
	.package {top: 77%; right:25%; }
	.packageicon {top: 67%; right:27%; max-width: 10%;}
	
	.specials {top: 62%; right: 13%; }
	.specialsicon {top: 52%; right: 15%; max-width: 15%;}
	
	.launch {top: 35%; right: 21%; }
	.launchicon {top: 30%; right: 30%; max-width: 5%;}
	
	.redarrow {top: 40%; left: 15%; max-width: 4%;}

	.bluearrow {top: 65%; left: 12%; max-width: 4%;}
	.greenarrow {top: 75%; left: 42%; max-width: 15%;}
	.purplearrow {top: 68%; right: 17%; max-width: 3%;}
	.turqarrow {top: 42%; right: 22%; max-width: 4%;}
	.orangearrow {top: 32%; right: 16%; max-width: 4%;}
	
	.facebook { bottom: 12%; left: 45%; max-width: 3.45%;}
	.twitter { bottom: 12%; left: 50%; max-width: 3.45%;}
	.linkedin { bottom:12%; left: 55%; max-width: 3.45%;}
}
@media (max-width: 640px) {
	h2 {font-size: 12px; line-height:130%;}
	.paper { top: 35%; left: 28%; max-width: 34%;}
	
	.idea { top: 37%; left: 21%; }
	.ideaicon {top: 30%; left: 25%; max-width: 7%;}
	
	.compreg {top: 59%; left: 3%; }
	.compregicon {top: 46%; left: 10%; max-width: 7%;}
	
	.taxreg {top: 78%; left: 19%; }
	.taxregicon {top: 68%; left: 23%; max-width: 8%;}
	
	.package {top: 81%; right:23%; }
	.packageicon {top: 70%; right:25%; max-width: 11%;}
	
	.specials {top: 65%; right: 8%; }
	.specialsicon {top: 55%; right: 10%; max-width: 16%;}
	
	.launch {top: 38%; right: 21%; }
	.launchicon {top: 33%; right: 30%; max-width: 6%;}
	
	.redarrow {top: 38%; left: 15%; max-width: 4%;}
	.bluearrow {top: 66%; left: 12%; max-width: 4%;}
	.greenarrow {top: 75%; left: 42%; max-width: 15%;}
	.purplearrow {top: 71%; right: 17%; max-width: 3%;}
	.turqarrow {top: 45%; right: 22%; max-width: 4%;}
	.orangearrow {top: 35%; right: 16%; max-width: 4%;}
	
	.facebook { bottom: 14%; left: 45%; max-width: 4%;}
	.twitter { bottom: 14%; left: 50%; z-index: 5; max-width: 4%;}
	.linkedin { bottom:14%; left: 55%; max-width: 4%;}
}
@media (max-width: 414px) {
	.logo {padding: 10px 50px 0 50px;}
	h2 {font-size: 12px; line-height:130%;}
	.paper { top: 33%; left: 0; max-width: 100%; opacity: 0.2;}
	
	.idea {top: 30%; left: 18%; }
	.ideaicon {top: 26%; left: 25%; max-width: 6%;}
	
	.compreg { top: 53%; left: 3%; }
	.compregicon {top: 43%; left: 10%; max-width: 6%;}
	
	.taxreg {top: 70%; left: 21%; }
	.taxregicon {top: 61%; left: 25%; max-width: 7%;}
	
	.package {top: 74%; right:25%; }
	.packageicon {top: 63%; right:27%; max-width: 10%;}
	
	.specials {top: 57%; right: 13%; }
	.specialsicon {top: 47%; right: 15%; max-width: 15%;}
	
	.launch {top: 32%; right: 15%; }
	.launchicon {top: 29%; right: 30%; max-width: 5%;}
	
	.redarrow {top: 35%; left: 15%; max-width: 5%;}
	.bluearrow {top: 60%; left: 12%; max-width: 5%;}
	.greenarrow {top: 74%; left: 42%; max-width: 15%;}
	.purplearrow {top: 65%; right: 17%; max-width: 4%;}
	.turqarrow {top: 38%; right: 22%; max-width: 5%;}
	.orangearrow {top: 27%; right: 8%; max-width: 6%;}
	
	.facebook { bottom: 16%; left: 45%; max-width: 4%;}
	.twitter {bottom: 16%; left: 50%; z-index: 5; max-width: 4%;}
	.linkedin { bottom:16%; left: 55%; max-width: 4%;}
}
@media (max-width: 320px) {
	h2 {font-size: 12px; line-height:130%;}
	.paper { top: 33%; left: 28%; max-width: 34%;}
	
	.idea { top: 30%; left: 18%; }
	.ideaicon {top: 26%; left: 25%; max-width: 10%;}
	
	.compreg { top: 53%; left: 3%; }
	.compregicon {top: 43%; left: 10%; max-width: 10%;}
	
	.taxreg {top: 70%; left: 10%; }
	.taxregicon {top: 62%; left: 20%; max-width: 11%;}
	
	.package {top: 74%; right:20%; }
	.packageicon {top: 67%; right:27%; max-width: 14%;}
	
	.specials {top: 57%; right: 13%; }
	.specialsicon {top: 47%; right: 15%; max-width: 19%;}
	
	.launch {top: 32%; right: 12%; }
	.launchicon {top: 29%; right: 30%; max-width: 9%;}
	
	.redarrow {top: 35%; left: 15%; max-width: 5%;}
	.bluearrow {top: 60%; left: 12%; max-width: 5%;}
	.greenarrow {top: 74%; left: 42%; max-width: 15%;}
	.purplearrow {top: 65%; right: 17%; max-width: 4%;}
	.turqarrow {top: 38%; right: 22%; max-width: 5%;}
	.orangearrow {top: 27%; right: 8%; max-width: 6%;}
	
	.facebook { bottom: 16%; left: 45%; max-width: 4%;}
	.twitter {bottom: 16%; left: 50%; z-index: 5; max-width: 4%;}
	.linkedin { bottom:16%; left: 55%; max-width: 4%;}
}*/
/*#####################################################################################################################*/
/*FONT STYLES*/	
.bold {font-weight: bold;}
.italic {font-style: italic;}
.white {color: white;}
/*#####################################################################################################################*/
/*FONTS COLORS*/
.text-danger {color: #666;}

::-webkit-input-placeholder,::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
  color: #CCC;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #CCC;
}
:-ms-input-placeholder, :-ms-textarea-placeholder { /* IE 10+ */
  color: #CCC;
}
:-moz-placeholder { /* Firefox 18- */
  color: #CCC;
}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #172f53; font-size: 16px;}
.form-control:focus {border-color: #f7852f; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(247,133,47,.075), 0 0 8px rgba(247,133,47, .6); box-shadow: inset 0 1px 1px rgba(247,133,47,.075), 0 0 8px rgba(247,133,47, .6);}

a.btn-primary, .btn-primary {
  color: #fff;
  background-color: #f7852f;
  border: none;
  font-size: 16px;
  padding: 9px;
  font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;
}
a.btn-primary:hover,
a.btn-primary:focus,
a.btn-primary:active,
a.btn-primary.active,
a.open > .dropdown-toggle.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #f7852f;
  background-color: #172f53;
  border: none;
}
a.btn, .btn {border-radius: 0px;}
.form-result{
	width: 100%;
    text-align: center;
}
.loading-form {
    width: 47px;
    height: 39px;
    background-image: url(../images/ico/loading.gif);
    background-repeat: no-repeat;
	display: inline-block;
}
/*#####################################################################################################################*/
/*FOOTER*/
.bot-bar {text-align:center; background-color: transparent; padding: 15px; position:absolute; bottom:0; border-top: solid 1px #f7852f; z-index:99;}
.bot-bar2 {text-align:center; background-color: transparent; padding: 15px; border-top: solid 1px #f7852f;}
.copytext {color: #172f53; font-size: 12px; line-height: 18px; font-weight: normal; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;}
.copytext a {color: #172f53; font-size: 12px; padding: 0 10px 0 5px;}
.copytext a:hover {color: #f7852f; text-decoration:none;}

a.copytext,a.copytext:visited {text-decoration: none; color: #172f53;  font-size: 12px; outline: none; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #f7852f; outline: none;}
a.copyat, a.copyat:visited {text-decoration: none; color: #172f53; outline: none; font-weight: normal;}

@media (max-width: 768px) {
	.bot-bar {text-align:center; background-color: transparent; padding: 15px; position: relative; bottom:0; border-top: solid 1px #f7852f; z-index:99;}
	.form-control {border-radius: 5px; color: #172f53; font-size: 12px;}
}
@media(min-width:768px) {
 .pwoff {padding-right:15px;}
 .pwoff2 {padding-left:15px;}
}
@media(max-width:768px) {
 .pwoff2 {padding-top:15px;}
}
/*@media (max-width: 640px) {
	.bot-bar {text-align:center; background-color: transparent; padding: 12px; position:absolute; bottom:0; border-top: solid 1px #f7852f;}
	.bot-bar2 {text-align:center; background-color: transparent; padding: 12px; border-top: solid 1px #f7852f;}
	.copytext {color: #172f53; font-size: 9px; line-height: 12px; font-weight: normal; font-family: Conv_ArchitectsDaughter, Century Gothic, Verdana, Arial, helvetica, Calibri;}
	.copytext a {color: #172f53; font-size: 9px; padding: 0 5px 0 5px;}
	.copytext a:hover {color: #000; text-decoration:none;}
}*/
/*#####################################################################################################################*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

.del {
    width: 16px;
    height: 16px;
    border: none;
    margin: 0 auto;
    background: url(../images/content/delete.png) no-repeat center center;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}
.del:hover {
    filter: brightness(2);
}