/*
Theme Name: Vectronics
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: vectronics

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;

	
}
body {

	font-family: 'HelveticaNeue-Thin';
	-webkit-font-smoothing: antialiased;
	




	
	
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
nav ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}

.clear {
	clear:both
}

del {
	text-decoration:line-through
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
input, select {
	vertical-align:middle
}
html, button, input, select, textarea {
	font-family:sans-serif
}
small {
	font-size:75%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	-webkit-appearance:button;
*overflow:visible
}
button[disabled], input[disabled] {
	cursor:default
}


.alighTextCenter {
	text-align:center
}

.left {
	float:left
}
.right {
	float:right
}
.hidden {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
.clearfix {
	display:inline-block
}
html[lang] .clearfix {
	display:block
}
* html .clearfix {
	height:1%;
	overflow:visible
}

a {
	color:#801255
}
a:hover, .active a {
	text-decoration:none
}
/*::-moz-selection {
background:#801255;
color:#f4f4f4
}
::selection {
background:#801255;
color:#f4f4f4
}*/
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal
}

.onepcssgrid-1101 {
	max-width:1101px
}

.onerow {
	clear:both;
	padding:0 0px
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	float:right;
	display: inline;
	margin-left: 1.127659574468%;
}
.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
	margin:0
}
.col1 {
	width: 6.382978723404%;
}
.col2 {
	width: 14.893617021277%;
}
.col3 {
	width: 21.4%;
}
.col4 {
	width: 31.914893617021%;
}
.col5 {
	width: 40.425531914894%;
}
.col6 {
	width: 50.936170212766%;
}
.col7 {
	width: 57.446808510638%;
}
.col8 {
	width: 65.957446808511%;
}
.col9 {
	width: 74.468085106383%;
}
.col10 {
	width: 82.978723404255%;
}
.col11 {
	width: 91.489361702128%;
}
.col12 {
	width: 100%;
	margin:0
}

a {
	text-decoration:none;
}



img {
    -ms-interpolation-mode: bicubic;
    border: 0;
	height: auto;
	max-width: 100%;
    vertical-align: middle;
}

.ie8 img {
    height: auto; 
    width: auto\9; 
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto;
}



/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed,
object {
	max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}


p {
	color:#fff;
	font-family: 'HelveticaNeue-Thin';
	font-size:22px;
	line-height:28px;
	padding-top:10px;
	letter-spacing: 1px;

}





.wrapper {
	width:1000px;
	margin:auto;
}


.main-bg {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002bfb+0,001aba+100 */
background: #005fef; /* Old browsers */

width:100%;
height:100%;
position:fixed
}

.main-bg-about {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#002bfb+0,001aba+100 */
background: #005fef; /* Old browsers */

width:100%;
}

.single-color {
	background: #005fef; /* Old browsers */

width:100%;
}
.regular-color {
	background: #fff; 
	width:100%;
}
.logo {
	position:absolute;
	left:40px;
	top:40px;
}

.Member-login-box {
	width:25%;
	margin:auto;
	text-align:center
}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

h1 {
	font-family: 'HelveticaNeue-UltraLight';
	font-size:58px;
	color:#fff;
}

.regular-color .content-box h1{
	color:#000088;
}
.regular-color .content-box p{
	color:#666;
}
.regular-color .content-box h2{
	color:#000088;
}
.regular-color .content-box h3{
	color:#000088;
}
.regular-color .content-box ul{
	color:#666;
}

.login {
	width:100%;
	margin:auto;
	height:46px;
	border:1px solid white;
	border-radius: 50px;
	font-family: 'HelveticaNeue-Thin';
	font-size:20px;
	background:none;
	color:#fff;
	margin:10px 0px;
	font-weight:bold;
	letter-spacing: 1px;
	-webkit-transition: all 0.25s linear;
  	-moz-transition: all 0.25s linear;
 	transition: all 0.25s linear;
}

.login:hover {
	background:#0039c8;
	border:1px solid #0039c8;
	color:#ff;
}

h2 {
	color:#0091fa;
	font-family: 'HelveticaNeue-UltraLight';
	font-size:58px;
	margin-bottom:30px;
}

.input {
	width:450px;
	margin:auto;
	height:43px;
	border:1px solid white;
	border-radius: 50px;
	font-family: 'HelveticaNeue-Thin';
	font-size:20px;
	background:#ffffff;
	margin:10px 0px;
	font-weight:bold;
	color:#58595b;
	text-indent:20px;
	margin-bottom:10px;
}

.login1 {
	width:450px;
	margin:auto;
	height:46px;
	border-radius: 50px;
	font-family: 'HelveticaNeue-Thin';
	font-size:20px;
	background:#0048ff;
	color:#fff;
	margin:10px 0px;
	font-weight:bold;
	letter-spacing: 1px;
	-webkit-transition: all 0.25s linear;
  	-moz-transition: all 0.25s linear;
 	transition: all 0.25s linear;
	border:none;
}

.login1:hover {
	background:none;
	border:1px solid #fff;
}
	
a.forgot-password {
	color: #FFF;
	font-family: 'HelveticaNeue-Thin';
	font-size:22px;
	text-decoration:underline
}

a.forgot-password:hover {
	text-decoration:none;
	color:#fff;
}

.not-a-member {
	margin-top:100px;
}


.nam-button {
	width:450px;
	margin:auto;
	height:46px;
	border-radius: 50px;
	font-family: 'HelveticaNeue-Thin';
	font-size:20px;
	background:none;
	color:#fff;
	margin:10px 0px;
	font-weight:bold;
	letter-spacing: 1px;
	-webkit-transition: all 0.25s linear;
  	-moz-transition: all 0.25s linear;
 	transition: all 0.25s linear;
	border:1px solid #fff;
}

.nam-button:hover {
	background:#005fef;
	border:1px solid #005fef;
}
	
.form-outer-div {
	padding-top:5%;
	position:relative;
}


.error-box {
	width:25%;
	float:left;
	margin-left:40px;
	margin-top:11%;
	display:none;
}



.error-box p{
	font-family: 'HelveticaNeue-UltraLight';
	color:#fff;
	font-size:24px;
	line-height:26px;
	margin-bottom:0;
	padding-top:0;
}


.next-number-boder {
	height:112px;
	width:112px;
	float:left;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0025e2+0,0065ff+100 */
	background: #005fef; /* Old browsers */
	/*background: -moz-linear-gradient(left,  #fff 0%, #0065ff 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fff), color-stop(100%,#0065ff));
	background: -webkit-linear-gradient(left,  #fff 0%,#0065ff 100%); 
	background: -o-linear-gradient(left,  #fff 0%,#0065ff 100%); 
	background: -ms-linear-gradient(left,  #fff 0%,#0065ff 100%); 
	background: linear-gradient(to right,  #fff 0%,#0065ff 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#0065ff',GradientType=1 );  */

	border-radius:50%;
	padding:2px;
	margin-top:5%;
}

.next-number-inner {
	background:#0039c8;
	height:100%;
	width:100%;
	border-radius:50%;
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:56px;
	font-family: 'HelveticaNeue-UltraLight';
/*	-webkit-transition: all 0.25s linear;
  	-moz-transition: all 0.25s linear;
 	transition: all 0.25s linear;*/
	line-height:110px;
	
}

a.next-number-inner:hover {
	background:#0048ff;
}

.arrow {
	height:100px;
	width:50px;
	float:left;
	text-align:center;
	margin-top:5%;
}

.thank-you-box {
	margin:auto;
	width:70%;
	text-align:center
}

h3 {
	color:#fff;
	font-size:35px;
	font-family: 'HelveticaNeue-UltraLight';
}

h4 {
	color:#fff;
	font-size:30px;
	font-family: 'HelveticaNeue-Thin';
}
h5 {
	color:#fff;
	font-size:20px;
	font-family: 'HelveticaNeue-Thin';
}

h5 a{
	color:#fff;
	text-decoration:none;
}
h5 a:hover{
	text-decoration:underline;
}

.margin-top-30 {
	margin-top:100px;
}


.logomob {
	display:none;
}

.content-box {
	width:68%;
	float:right;
	margin-right:10%;
	margin-top:10%;
	position:static
}
a.navButton {
	border:1px solid #fff;
	padding:0px 50px;
	height:40px;
	border-radius:50px;
	float:left;
	margin-right:15px;
	font-family: 'HelveticaNeue-Thin';
	font-size:18px;
	color:#fff;
	font-weight:bold;
	line-height:40px;
	letter-spacing: 1px;
}

a.navButton:hover {
	background:#000088;
	box-shadow: 0px 0px 10px #2661ff;
	border:none;
	border:none;
	height:40px;
	padding:0px 51px;
}

.text-heading {
	font-size:50px;
	color:#fff;
	font-family: 'HelveticaNeue-MediumExt';
	margin-bottom:36px;

}

.margin-top50 {
	margin-top:50px;
}

.social-media {
	position:absolute;
	top:20px;
	right:10%;

}

a.in {
	display:block;
	float:left;
	margin-right:20px;
}

a.in:hover {
	opacity:0.8
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.panelLoginButton{
	cursor: pointer;
    margin-top: 30px;
	display:none;
}

@media all and (max-width: 1900px) {
	.Member-login-box {
		width:27%;
	}
	.error-box{
		margin-top:12%;
	}
	
}
@media all and (max-width: 1800px) {
	.Member-login-box {
		width:29%;
	}
	.error-box{
		margin-top:12.5%;
	}			
}
@media all and (max-width: 1700px) {
	.error-box{
		margin-top:13.5%;
	}
		
}
@media all and (max-width: 1650px) {
	.Member-login-box{
		width:30%;
	}
	.error-box{
		margin-top:13%;
	}
		
}
@media all and (max-width: 1600px) {
	.Member-login-box{
		width:31%;
	}
	.error-box{
		margin-top:14%;
	}
}
@media all and (max-width: 1550px) {
	.Member-login-box{
		width:32%;
	}
	.error-box{
		margin-top:14.5%;
	}
	
	.error-box p{
		font-size:20px;
	}
}
@media all and (max-width: 1500px) {
	.Member-login-box{
		width:33%;
	}
	.error-box{
		margin-top:15%;
	}
}
@media all and (max-width: 1450px) {
	.Member-login-box{
		width:34%;
	}
	.error-box{
		margin-top:15.5%;
	}
}
@media all and (max-width: 1400px) {
	.Member-login-box{
		width:35%;
	}
	.error-box{
		margin-top:15%;
	}
}
@media all and (max-width: 1350px) {
	.Member-login-box{
		width:37%;
	}
	.error-box{
		margin-top:15.5%;
	}
}
@media all and (max-width: 1300px) {
	.Member-login-box{
		width:38%;
	}
	.error-box{
		margin-top:16%;
	}
}
@media all and (max-width: 1250px) {
	.Member-login-box{
		width:39%;
	}
}
@media all and (max-width: 1220px) {
	.Member-login-box{
		width:40%;
	}
	.error-box{
		margin-top:16.5%;
	}
}
@media all and (max-width: 1180px) {
	.Member-login-box{
		width:42%;
	}
	.error-box{
		margin-top:17%;
	}
}
@media all and (max-width: 1140px) {
	.Member-login-box{
		width:43%;
	}
}
@media all and (max-width: 1130px) {
	.Member-login-box{
		width:44%;
	}
}
@media all and (max-width: 1090px) {
	.Member-login-box{
		width:45%;
	}
	.error-box{
		margin-top:17.5%;
	}
}
@media all and (max-width: 1050px) {
	
	.error-box{
		margin-top:18%;
	}
}




@media all and (max-width: 999px) {
	.wrapper {
		width:96%;
		margin:auto
	}
	.panelLoginButton{
		display:none;
}
	
	.Member-login-box {
		width:60%
	}
	
h3 {
	font-size:160px;
}

.logo {
	position:absolute;
	left:2%;
	top:5%;
}
.logo img{
	width:90%;
}
.error-box{
	margin-left:2%;
	margin-top:18.5%;
}
.panelLoginButton{
	margin-top: 5%;
}	

}
@media all and (max-width: 900px) {
	.logo img{
	width:80%;
	}
	.error-box{
		margin-top:19.5%;
	}
}

@media all and (max-width: 800px) {
.logo img{
	width:75%;
}
.Member-login-box {
	width:70%
}
h3 {
	font-size:120px;
}
.error-box{
	margin-top:20.5%;
}

}


@media all and (max-width: 768px) {

.logo img{
	width:auto;
}

.input, .login1, .nam-button {
	width:100%;
}

.form-outer-div {
	width:70%;
	margin:auto;
	padding-top:20px;
}
.error-box {
	width:100%;
	margin:0;
}
.error-box p{
	font-size:18px;
	line-height:18px;
}

.next-number-boder {
	height:80px;
	width:80px;
}
.next-number-inner {
	font-size:50px;
	line-height:74px;
	
}

.arrow {
	height:80px;
	width:50px;
}

.content-box {
	width:68%;
	float:none;
	margin-right:auto;
	margin-top:10%;
	margin-left:auto
	
	
}
a.in  {
	width:27px;
}

h2 {
	font-size:46px;
	text-align:center;
}
.logo {
	margin:auto;
	left:0px;
	right:0px;
	text-align:center
}

.logomob {
	display:block;
	padding-top:10px;
	text-align:center;
}
.panelLoginButton{
	margin-top:0;
	display:none !important;
}

}

@media all and (max-width: 768px) {
	.text-heading {
		font-size:40px;
	}
}

@media all and (max-width: 640px) {

h1 {
	font-size:50px;
}

h2 {
	font-size:50px;
	text-align:center;
	margin-top:10px;
}



.next-number-boder {
	height:90px;
	width:90px;
}

.arrow {
	height:80px;
	width:70px;
}


h3 {
	font-size:90px;
}

.text-heading {
	font-size:40px;
	text-align:center
}

.margin-top50 {
margin-top:70px;
}
p {
	text-align:center
}

.social-media{
	left:15px;
}
a.in {
	width:22px;
}


}

@media all and (max-width: 600px) {
.next-number-boder {
	height:85px;
	width:85px;
}

.arrow {
	height:80px;
	width:70px;
}
}

@media all and (max-width: 450px) {

h1 {
	font-size:36px;
}

.Member-login-box {
		width:66%
}

.input, .login1, .nam-button {
	width:100%;
}

.form-outer-div {
	width:90%;
	margin:auto;
	padding-top:20px;
}

h2 {
	color:#005aff;
	font-family: 'HelveticaNeue-UltraLight';
	font-size:46px;
	margin-bottom:20px;
}

.next-number-boder {
	height:65px;
	width:65px;
}
.next-number-inner {
	font-size:40px;
	line-height:56px;
	
}

.arrow {
	height:65px;
	width:70px;
}


h3 {
	font-size:60px;
}

h4 {
	font-size:18px;
}

.thank-you-box {
	width:90%
}

.text-heading {
	font-size:30px;
	text-align:center;
	margin-top:100px;
}

.content-box {
	width:96%
}

p {
	font-size:17px;
	line-height:22px;
}

.about-logo {
	margin-top:20px;
}

.social-media{
	top:10px;
	left:10px;
}
}
@media all and (max-width: 435px) {
	.Member-login-box {
		width:73%
}

}

@media all and (max-width: 400px) {


.Member-login-box {
		width:77%
}

.login {
	height:40px;
}

.next-number-boder {
	height:55px;
	width:55px;
}

.next-number-inner {
	font-size:30px;
	line-height:50px;
	
}

.arrow {
	height:55px;
	width:70px;
}

.not-a-member{
	margin-top:50px;
}

h2 {
	margin-top:15px;
	font-size:32px;
	margin-bottom:15px;
}

.input {
	height:34px;
	font-size:17px;
}

.login1, .nam-button{
	height:34px;
	font-size:18px;
}
}
@media all and (max-width: 370px) {
	.Member-login-box {
		width:83%
	}
}
@media all and (max-width: 345px) {
	.Member-login-box {
		width:90%
	}
	
}


@media all and (max-width: 320px) {
	
.text-heading {
	font-size:20px;
	text-align:center;
	margin-top:100px;
}

.input {
	height:34px;
	font-size:17px;
}

.login1, .nam-button{
	height:34px;
	font-size:18px;
}

.next-number-boder {
	height:45px;
	width:45px;
}

.next-number-inner {
	font-size:30px;
	line-height:42px;
	
}

}