@font-face {
	font-family: 'gilroyextrabold';
	src: url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'), url('../fonts/gilroy-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gilroymedium_italic';
	src: url('../fonts/gilroy-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/gilroy-mediumitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gilroyregular';
	src: url('../fonts/gilroy-regular-webfont.woff2') format('woff2'), url('../fonts/gilroy-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gilroysemibold';
	src: url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'), url('../fonts/gilroy-semibold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'gilroymedium';
	src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'), url('../fonts/gilroy-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');


body,
button,
input,
textarea,
select {
	font-family: 'open sans', sans-serif;
	font-weight: 400
}
a,
button,
input {
	outline: none!important;
	-webkit-font-smoothing: antialiased
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-weight: 400
}
ul {
	padding: 0;
	margin: 0
}
li {
	list-style: none
}
input,
a,
button {
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0
}
a:active,
a:focus,
a:hover {
	text-decoration: none
}
.btn {
	display: inline-block
}

@media (min-width: 1200px){
    .container {
        width: 1120px;
    }
    }
    
/*  */

.header-row{ border-bottom: 1px solid #c8c6c5;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.22); position: relative; z-index: 2;}

.navbar-default {
	background: 0;
	border: 0;
	margin: 0;
	background: #ffffff;
}
.sign-btn-col .btn {
    background: #fff;
    border: 1px solid #d21222;
    border-radius: 5px;
    box-shadow: none;
    color: #d22c27;
    font-size: 16px;
    line-height: 28px;
    padding: 0 8px;
    margin-left: 6px;
	text-transform: inherit;
	max-width: 83px;
	min-width: 83px; text-align:center
}
.sign-btn-col {
	float: right;
	padding: 14px 0 14px 14px
}

.navbar-default .navbar-nav>li>a {
	color: #20272f;
	font-size: 16px;
	line-height: 22px;
	padding: 0
}
.navbar-default .navbar-nav>li>a:hover {
	color: #d62520
}
.navbar-default .navbar-nav>li {
	padding: 23px 18px
}
.sign-btn-col .btn.active,
.sign-btn-col .btn:hover {
	background: #d62520;
	color: #fff
}
.header-row .logo {margin: 8px 0;float: left;}

.sign-sec{ position: relative;}
.grey-right-bg{ background: #f9fbfd; position: absolute; right: 0; top: 0; height: 100%; width: 54.6%;}
.sign-sec .container{ position: relative; z-index: 2;}
.sign-lft-otr-col{ padding-bottom: 235px;}
.sign-lft-otr-col .head-title{ color: #292929; font-size: 45px;line-height: 57px; font-family: 'gilroyextrabold'; margin: 7px 0 7px;}
.sign-lft-otr-col .head-title span{ color: #d21222;}
.sign-lft-otr-col .twp-rest-title{ color: #48535c; font-size: 19px; font-family: 'gilroymedium'; line-height: 22px; margin: 0 0 40px;
}
.twp-rest-title span {color: #d73844;}
.why-get-list{ padding:32px 0px 16px; border-radius:15px;}
.why-get-list .heading-5{ color: #1a1a1a; font-size: 24px; font-family: 'gilroysemibold'; margin: 0 0 33px;}
.tweakpass-ftr-list li{ color: #545454; font-size: 16.5px;font-family: 'gilroysemibold'; margin: 0 0 22px;
 position:relative}
span.info-icon {margin-left: 10px;}
span.info-icon img {margin-top: -6px;}
.ftr-icons img {
	margin-top: -5px;
}

span.ftr-icons {
	margin-right: 12px;
}

.sgnup-rgt-otr-col{ max-width: 548px;width: 548px; float: right; margin-top: 11px;}


.footer-top {
	background: #1a2027 none repeat scroll 0 0;
	border-top: 1px solid #0b0f13;
	padding: 47px 0 41px
}
.footer-heading {
	color: #fff;
	font-size: 16px;
	margin: 0 0 14px
}
.footer-menu li {
	display: block;
	padding: 14px 0
}
.footer-menu li a {
	color: #aeb0b8;
	font-size: 14px;
	line-height: 22px
}
.footer-menu .wnd-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat scroll 0 14px;
	padding-left: 35px
}
.login-sec {
	margin: 0;
	padding: 94px 0;
	background: #f9fbfd; 
}
.login-logo-col{ text-align: center; margin-bottom: 35px;}
.lgn-rgt-otr-col>.head-title {
	text-align: center;
	color: #d62520;
	font-size: 40px;
	line-height: 50px;
	font-weight: 300;
	margin-bottom: 35px
}
.frm-out-col {
	position: relative;
	background: #fff;
	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.11);
	border-radius: 5px;
	padding: 32px 49px 90px
}
.frm-out-col>.head-title {
	color: #444444;
	font-size: 25px;
	line-height: 44px;
	font-family: 'gilroysemibold';
	margin: 0 0 26px;
	border-bottom: solid 1px #dfdfdf;
}
.head-title.green {
	color: #34bd2b!important
}
.frm-ct-col .form-control:focus {
    outline: none;
    border: solid 2px #3498db;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	padding: 18px 17px 0;
	font-weight: 500;
}
.frm-ct-col .form-group label {
	color: #2e2e2e;
	font-size: 13px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	margin-top: -14px;
}
.ca-field-label {
	position: absolute;
	top: 38px;
	margin: 0;
	color: #333f48;
	opacity: .75;
	font-size: 16px;
	font-weight: normal;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	pointer-events: none;
	left: 17px;
}
.frm-ct-col .form-control:focus+.ca-field-label {
    color: #3498db;
    -webkit-transform: translate(0, -90%) scale(.85);
    -ms-transform: translate(0, -90%) scale(.85);
    transform: translate(0, -90%) scale(.85);
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	font-size: 16px;
	font-weight: 400;
}
.frm-ct-col .placeholder-min .ca-field-label {
    color: #3498db;
    -webkit-transform: translate(0, -90%) scale(.85);
    -ms-transform: translate(0, -90%) scale(.85);
    transform: translate(0, -90%) scale(.85);
    -webkit-transition: all 150ms ease-in;
    -o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;
	font-size: 16px;
	font-weight: 400;
}
.frm-ct-col .placeholder-min .form-control {
    outline: none;
    border: solid 2px #3498db;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    padding: 18px 17px 0;
	font-weight: 500;
	font-size: 15px;
}

.frm-ct-col .form-control {
	color: #2e2e2e;
	font-size: 13px;
	line-height: 18px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	border: solid 1px #b4b4b4;
	height: 50px;
	padding: 6px 17px;
	background: #fcfcff;
	box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2) !important;
}
.frm-ct-col .form-group {
	margin-bottom: 18px;
	position: relative
}
.frm-ct-col .checkbox {
	margin: -10px 0 0
}
.passowrd-visibility-col {
    position: absolute;
    top: 13px;
    right: 14px;
}

.passowrd-visibility-col img {
    position: absolute;
    right: 0;
    top: 0; cursor: pointer;
}
.ca-visibility--off{ opacity: 0;}
.frm-ct-col .checkbox label {
	color: #2e2e2e;
	font-size: 13px;
	line-height: 23px;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 4px;
	font-weight: 500
}
.frm-ct-col .policy-text-col {
	color: #686868;
	font-size: 13px;
	line-height: 23px;
	font-family: 'Roboto', sans-serif;
    font-weight: 500;
	margin-bottom: 0;
	margin-top: 27px;
}
.frm-ct-col .policy-text-col a{ color: #00aeff;}
.frm-ct-col .policy-text-col a:hover{ text-decoration: underline;}
.frt-pass {
	color: #00aeff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	margin-top: 0;
	text-transform: uppercase;
}
.frt-pass:hover,
.frt-pass:focus {
	color: #d62520;
	text-decoration: underline
}
.frm-ct-col .lgn-btn {
	width: 100%;
	display: block;
	background: #d21222;
	border: 0;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	line-height: 26px;
	padding: 12px 12px 13px;
	margin: 20px 0 0;
	-ms-text-shadow: none;
	text-shadow: none
}
.frm-ct-col .lgn-btn:active,
.frm-ct-col .lgn-btn:focus {
	color: #fff;
	background: #d62520
}
.frm-ct-col .lgn-btn:hover {
	background: #e02520
}
.frm-optn-col {
	text-align: center;
	padding: 0 0 40px
}
.frm-optn-col .or-dtitle {
	color: #292929;
	font-size: 16px;
	line-height: 26px;
	margin: 16px 0 8px
}
.frm-optn-col .nw-sng-title {
	color: #292929;
	font-size: 15px;
	line-height: 26px
}
.frm-optn-col .nw-sng-title .sng-lnk {
	color: #e82823;
	text-decoration: underline
}
.frm-optn-col .nw-sng-title .sng-lnk:hover {
	text-decoration: none
}
.frm-optn-col .log-on-pass {
	color: #00aeff;
	font-size: 15px;
	line-height: 26px;
	margin: 20px 0 0;
	display: inline-block
}
.frm-optn-col .log-on-pass:hover,
.frm-optn-col .log-on-pass:focus {
	color: #d62520;
	text-decoration: underline
}
.lgn-frm-col .frm-ct-col .checkbox {
	overflow: hidden
}
.lgn-frm-col .control.control--checkbox {
	width: 60%;
	float: left
}

.lgn-frm-col .lgn-btn {
	margin: 21px 0 0
}
.sign-sec {
	margin: 0;
	padding: 42px 0 94px
}
.frm-ct-col .checkbox label .trms-lk,
.frm-ct-col .checkbox label .prvc-lk {
	color: #00aeff;
	font-size: 13px;
	line-height: 23px;
	font-weight: 400;
	text-decoration: underline
}
.frm-ct-col .checkbox label .trms-lk:hover,
.frm-ct-col .checkbox label .prvc-lk:hover {
	text-decoration: none;
	color: #d62520
}
.sign-fmr-col .frm-optn-col .or-dtitle {
	margin: 16px 0 14px
}
.sign-fmr-col .frm-optn-col {
	padding: 0 0 22px
}
.sign-fmr-col .frm-ct-col .lgn-btn {
	margin: 0 0 0
}
.progress {
	width: 86%;
	float: left;
	background: #e4e4e4;
	height: 7px;
	margin: 7px 0 0;
	box-shadow: inherit !important;
}
.progress .progress-bar {
	background: #ffcf25
}
.stnh-title {
	float: right;
	color: #4d4d4d;
	font-size: 11px;
	line-height: 18px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;
}
.mnm-rqd-col .progress-col {
	width: 100%;
	overflow: hidden;
	position: absolute;
	bottom: -18px;
	left: 0;
	z-index: 999
}
.mnm-rqd-col {
	width: 290px;
	background: #fff;
	top: 2px;
	right: 100%;
	left: inherit;
	display: block;
	box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.3);
	border: solid 1px #b4b4b4;
	margin-right: 56px;
	margin-top: -22px;
}
.mnm-rqd-col .popover-title {
	background: 0;
	color: #292929;
	font-size: 15px;
	line-height: 24px;
	font-weight: 700;
	border: 0;
	padding: 13px 28px 4px
}
.popover-content {
	padding: 0 30px 10px
}
.popover-content .rqd-list-fld li {
	margin-bottom: 4px;
	padding-left: 33px
}
.popover-content .rqd-list-fld li p {
	color: #292929;
	font-size: 13px;
	line-height: 22px
}
.popover-content .rqd-list-fld li.chrt-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/character-icon.png) no-repeat 0 center
}
.popover-content .rqd-list-fld li.rht-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/right-icon.png) no-repeat 0 center
}
.popover-content .rqd-list-fld li.es-gsl-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/dot-icon.png) no-repeat 0 center
}

.arrow_box:after,
.arrow_box:before {
	right: -23px;
	top: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	left: inherit;
}
.arrow_box:before {
	border-top: 12px solid transparent;
	border-left: 20px solid #b4b4b4;
	border-bottom: 12px solid transparent;
	z-index: 2
}
.arrow_box:after {
	border-top: 12px solid transparent;
	border-left: 20px solid #fff;
	border-bottom: 12px solid transparent;
	z-index: 3;
	margin-right: 2px
}
.check-outer {
	float: left;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	top: 2px;
	margin-right: 7px
}
.check-custome {
	position: relative;
	padding-left: 0!important
}
.check-design {
	background: #fff;
	border: 1px solid #b4b4b4;
	box-shadow: inset 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px
}
.check-custome input {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	margin: 1px!important
}
.check-custome input:checked+.check-design {
	background: #da1e1a url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/check.png) no-repeat scroll center center;
	border-color: #da1e1a
}
.lgn-rgt-otr-col.lgn-frm-col {
    max-width: 548px;
    width: 548px;
    margin: 0 auto;
}
.login-sec .frm-out-col {
	padding-top: 34px; padding-bottom: 50px;
}
.frt-pass-bt-col{ margin-top: 18px; text-align: center;}
.login-sec .frm-optn-col {
	margin-top: 25px
}
.label-error {
	color: #f4a400!important;
	padding-left: 20px!important;
	font-size: 13px;
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/character-icon.png) no-repeat scroll 0 2px;
	font-weight: 500!important;
	width: 100%;
	margin-top:5px !important;
}
.lgn-frm .progress-col {
	margin-bottom: 0;
	margin-top: 3px;
}
.footer-top {
	background: #1a2027;
	border-top: solid 1px #0b0f13;
	padding: 47px 0 11px
}
.foo-col {
	padding-bottom: 30px
}
.footer-heading {
	color: #fff;
	font-size: 16px;
	margin: 0 0 14px
}
.footer-menu.first-menu {
	overflow: hidden
}
.footer-menu.first-menu li {
	float: left;
	width: 50%
}
.footer-menu li {
	display: block;
	padding: 14px 0
}
.footer-menu.normal li {
	padding-bottom: 0
}
.footer-menu li a {
	color: #aeb0b8;
	font-size: 14px;
	line-height: 22px
}
.footer-menu li a:hover {
	color: #d62520;
	text-decoration: none;
	padding-left: 2px
}
.footer-menu .wnd-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 14px;
	padding-left: 35px
}
.footer-menu .mac-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -35px;
	padding-left: 35px
}
.footer-menu .ios-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -85px;
	padding-left: 35px
}
.footer-menu .ard-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -134px;
	padding-left: 35px
}
.footer-menu .grm-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -178px;
	padding-left: 35px
}
.footer-menu .mzf-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -215px;
	padding-left: 35px
}
.footer-menu .opr-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -254px;
	padding-left: 35px
}
.footer-menu .sfr-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -295px;
	padding-left: 35px
}
.footer-menu .ie-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/foo-link-icon.png) no-repeat 0 -342px;
	padding-left: 35px
}
.footer-right {
	padding-top: 30px
}
.footer-right .sub-heading {
	color: #fff;
	font-size: 16px;
	margin: 27px 0 13px
}
.footer-social {
	overflow: hidden;
	margin: 0;
	padding-bottom: 5px
}
.footer-social li {
	float: left;
	padding: 0 5px
}
.footer-social li a {
	width: 32px;
	height: 32px;
	display: block;
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat 0 0
}
.footer-social li a:hover {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat 0 -42px
}
.footer-social li .fb-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat -41px 0
}
.footer-social li .fb-icon:hover {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat -41px -42px
}
.footer-social li .gl-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat -81px 0
}
.footer-social li .gl-icon:hover {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat -81px -42px
}
.footer-social li .in-icon {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat -122px 0
}
.footer-social li .in-icon:hover {
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/social-icon.png) no-repeat -122px -42px
}
.footer-menu.foo-rt-mn {
	margin: 37px 0 0;
	overflow: hidden
}
.footer-menu.foo-rt-mn>li {
	float: left;
	border-right: solid 1px #aeb0b8;
	padding: 0 13px;
	line-height: 14px
}
.footer-menu.foo-rt-mn>li:first-child {
	padding-left: 0
}
.footer-menu.foo-rt-mn>li:last-child {
	border-right: 0;
	padding-right: 0
}
.footer-menu.foo-rt-mn>li a {
	line-height: 14px
}
.footer-menu.foo-rt-mn>li.last {
	border-right: 0
}
.footer-menu.foo-rt-mn>li a {
	padding-left: 0
}
.footer-bottom {
	border-top: 1px solid #0b0f13;
	background: #13181e;
	padding: 14px 0
}
.foo-left .foo-logo {
	margin-top: 10px;
	display: inline-block
}
.foo-cpr-rt {
	text-align: right
}
.foo-cpr-rt .img-responsive {
	display: inline-block;
	vertical-align: bottom
}
.foo-cpr-rt .amzn-img {
	margin: 0 24px
}
.foo-cpr {
	text-align: center
}
.foo-cpr p {
	color: #626673;
	font-size: 13px;
	padding: 19px 0;
	line-height: 20px;
	margin-bottom: 0
}
.progress-col {
	overflow: hidden
}
body .navbar-collapse {
	display: none!important;
	visibility: hidden!important
}
body .navbar-toggle {
	display: none!important;
	visibility: hidden!important
}
.img-responsive.micr-prt-logo {
	margin-top: 4px
}
.main-msg {
	margin: 0;
	background: #fdd;
	padding: 10px;
	color: #9e0000
}
.lgn-rgt-otr-col .main-msg {
	margin: 15px 0 -10px;
	border-radius: 3px
}
.heading-1 {
	color: #d62520;
	font-size: 35px;
	font-weight: 300;
	line-height: 46px;
	margin-bottom: 15px;
	text-align: center
}
.sub-heading {
	margin: 0;
	font-weight: 500;
	text-align: center;
	font-size: 15px
}
.pass-forgot .frm-out-col {
	padding: 28px 30px 0
}
.pass-forgot .frm-ct-col {
	margin-top: 30px
}
.forgot-block {
	margin: 0 auto;
	max-width: 600px
}
.info-text {
	font-weight: 500
}
.info-text strong {
	font-weight: 700;
	color: #000
}
.install-section {
	background: #f2f2f2;
	padding: 30px;
	margin: 0 -30px;
	border-radius: 0 0 5px 5px
}
.heading-2 {
	color: #d62520;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 20px
}
.install-section p {
	font-weight: 500
}
.install-section .btn-gray {
	margin: 15px 0 20px
}
.btn-gray {
	display: inline-block;
	padding: 13px 25px 15px;
	font-size: 16px;
	line-height: 26px;
	background: #444;
	color: #fff;
	border-radius: 5px
}
.btn-gray:active,
.btn-gray:focus {
	color: #fff
}
.btn-gray:hover {
	background: #333;
	color: #fff
}
.blue-text {
	color: #00aeff;
	text-decoration: underline;
	font-weight: 400
}
.blue-text:active,
.blue-text:focus {
	color: #00aeff
}
.blue-text:hover {
	color: #d62520;
	text-decoration: none
}
.popover {
	z-index: 1000
}
body.modal-open {
	padding-right: 0!important
}
.modal-custome {
	text-align: center
}
.modal-custome .modal-header {
	background: #d72620;
	padding: 11px 17px;
	position: relative
}
.modal-custome .modal-dialog {
	max-width: 550px
}
.modal-custome .modal-body {
	background: #fff none repeat scroll 0 0;
	overflow: hidden;
	padding: 0 20px;
	position: relative
}
.modal-custome .modal-footer {
	background: #f4f4f4 none repeat scroll 0 0;
	border-top: 1px solid #d3d7e0;
	overflow: hidden;
	padding: 5px 15px
}
.modal-custome .modal-title {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-right: 100px;
	padding-top: 0
}
.icon {
	display: inline-block;
	position: relative;
	z-index: 1
}
.icon i {
	background: rgba(0, 0, 0, 0) url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/sprite.png) no-repeat scroll 0 0;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	z-index: 1
}
.icon-close i {
	background-position: -233px -33px;
	height: 14px;
	width: 13px
}
.modal-custome .close {
	opacity: 1!important;
	padding: 1px 7px 5px
}
.modal-custome .close:hover {
	background: #bf0e08
}
.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle
}
.footer-btn .btn {
	border-radius: 0;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	height: 34px;
	line-height: 22px;
	margin-left: 10px;
	min-width: 105px;
	padding: 5px 10px;
	text-align: center
}
.btn-white {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bdc1c9;
	color: #47494a
}
.btn-green {
	background: #34bd2b none repeat scroll 0 0;
	border: 1px solid #11a22b;
	color: #fff
}
.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.btn-green:hover {
	background: #008c15 none repeat scroll 0 0;
	color: #fff
}
.btn-white:hover {
	background: #eee none repeat scroll 0 0;
	color: #222
}
.footer-btn {
	float: right;
	padding: 6px 0
}
.success-part h4 {
	color: #34bd2b;
	font-weight: 500;
	font-size: 20px;
	margin: 7px 0 20px
}
.success-part p {
	color: #333;
	line-height: 20px;
	margin: 0 0 10px
}
.success-part {
	padding: 30px 0 15px
}
.btn-loader {
	display: none
}
.btn-active .btn-loader {
	display: block
}
.btn-active .btn-text {
	display: none
}
.btn-loader-img {
	width: 20px;
	-webkit-animation: rotate 1.5s infinite linear;
	animation: rotate 1.5s infinite linear;
	-ms-animation: rotate 1.5s infinite linear;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	position: relative;
	top: -1px
}
.frm-ct-col .lgn-btn.btn-active {
	background: #f25450
}
.success-part>img {
	width: 50px
}
.email-confirm {
	padding: 100px 0
}
.email-confirm .frm-out-col {
	padding: 15px 45px 25px
}
html {
	height: 100%
}
body {
	min-height: 100%;
	padding-bottom: 353px;
	position: relative
}
.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.sub-head {
	padding-left: 58px;
	background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/sub-icon.png) no-repeat scroll left center
}
.subscription-modal .modal-title {
	color: #fff;
	font-size: 20px;
	margin: 0
}
.sub-head p {
	color: #fff;
	margin: -2px 0 3px;
	font-size: 14px
}
.modal-custome.subscription-modal .modal-dialog {
	width: 620px
}
.modal-custome.subscription-modal .modal-header .close {
	margin-right: -10px
}
.modal-footer-info {
	text-align: left;
	font-size: 12px;
	color: #676767;
	position: relative;
	padding-left: 25px;
	margin: 7px 0
}
.modal-footer-info a {
	color: #00f;
	text-decoration: underline
}
.modal-footer-info a:hover {
	text-decoration: none
}
.list-text {
	position: absolute;
	font-weight: 500;
	left: 0;
	top: -1px;
	font-size: 13px;
	color: #333
}
.upgrade-block {
	overflow: hidden;
	padding: 15px
}
.upgrade-block h3 {
	font-size: 16px;
	color: #000;
	margin: 10px 0 20px
}
.upgrade-list li {
	position: relative;
	padding-left: 15px;
	margin: 12px 0;
	overflow: hidden;
	color: #747474
}
.upgrade-list li .list-dots {
	position: absolute;
	top: 50%;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #5fc339;
	margin-top: -3px;
	border-radius: 3px
}
.upgrade-bottom {
	text-align: center;
	padding: 35px 0 10px
}
.red-btn-large {
	font-size: 19px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	background: #e5120e;
	line-height: 30px;
	padding: 8px 15px 10px;
	width: 100%;
	max-width: 300px;
	transition: all .3s ease 0;
	-webkit-transition: all .3s ease 0
}
.red-btn-large:hover {
	background: #c5140f;
	color: #fff
}
.red-btn-large:active,
.red-btn-large:focus {
	color: #fff
}
.subscription-modal.modal-custome .modal-dialog {
	margin-top: 140px
}
.subscription-modal.modal:before {
	display: none
}
::-webkit-input-placeholder {
	color: #999;
	font-weight: 400
}
:-moz-placeholder {
	color: #999;
	font-weight: 400
}
::-moz-placeholder {
	color: #999;
	font-weight: 400
}
:-ms-input-placeholder {
	color: #999!important;
	font-weight: 400!important
}
::-ms-input-placeholder {
	color: #999;
	font-weight: 400
}
::placeholder {
	color: #999;
	font-weight: 400
}
.modal-footer .btn-red {
	float: left;
	background: #d62520;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	padding: 6px 13px;
	margin: 6px 0 0
}
.pass-revert-bottom ul {
	margin-left: 25px
}
.pass-revert-bottom ul li {
	font-size: 12px;
	margin-bottom: 7px;
	list-style: disc
}
.pass-revert-bottom ul + p {
	margin-top: 20px
}
.div-expired {
	margin-top: 35px
}
.div-expired h1 {
	font-size: 19px;
	color: #d62520;
	font-weight: 500
}
.div-expired h3 {
	font-size: 15px;
	color: #333;
	padding-top: 15px;
	line-height: 24px;
	margin-bottom: 30px
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@-ms-keyframes rotate {
	0% {
		-ms-transform: rotate(0deg)
	}
	100% {
		-ms-transform: rotate(360deg)
	}
}
@keyframes rotate {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
@media(max-width:1270px){
	.mnm-rqd-col{width:260px}
}

@media(max-width:1199px){
.sgnup-rgt-otr-col{ width: auto;}
.multi-view-img{ max-width: 80%;}
.progress{ width: 85%;}
.sign-lft-otr-col .head-title{ font-size:38px}
.sign-lft-otr-col .twp-rest-title{ font-size:17px}
.why-get-list{ padding:32px 15px 16px}

}


	
	@media(max-width:991px){
		body{padding-bottom:0}
		.footer{position:static}
		.header-row .logo {
	margin: 12px 0
}
.sign-btn-col{ padding-top: 18px;}
.navbar-default .navbar-nav>li {
	padding: 20px 10px
}
.navbar-default .navbar-nav>li>a {
	font-size: 14px
}
.mnm-rqd-col {
	    left: 0;
    right: 0;
    width: 100%;
    top: 100px;
}
.mnm-rqd-col:after,
.mnm-rqd-col:before {
	display: none
}
.email-confirm .frm-out-col {
	padding: 15px 35px 25px
}
.footer-menu.first-menu li {
	float: left;
	width: 100%
}
.sign-lft-otr-col .head-title{ font-size: 36px;}
.sign-lft-otr-col .twp-rest-title{ font-size: 17px;}
.tweakpass-ftr-list li{ font-size: 15px;}
span.info-icon{ margin-left: 5px;}
.frm-ct-col .policy-text-col{ line-height: 20px;}
.frm-out-col{ padding: 12px 20px 40px;}
.frm-ct-col .policy-text-col{ margin-top: 10px;}
.sgnup-rgt-otr-col {width: 365px;}

.sign-lft-otr-col .head-title {
    font-size: 30px;
    line-height: 40px;
}

.sign-lft-otr-col .twp-rest-title {
    font-size: 16px;
}
.why-get-list {
    padding: 20px 0px;
}
.tweakpass-ftr-list li{ margin-bottom:18px}



}
@media(max-width:767px){
	.header-row .logo {
	display: table;
	margin: 14px auto;
	float: none
}
.sign-btn-col {
	padding: 0;
	float: right;
	margin-left: 0;
	margin-top: 20px
}
.navbar-default .navbar-toggle {
	background: #fff;
	border-color: #d62520;
	margin: 0 0 10px;
	float: left
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
	background: #fff;
	border-color: #d62520
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #d62520
}
.navbar-default .navbar-toggle:hover {
	background-color: #d62520
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background: #fff
}
.navbar-collapse {
	clear: both
}
.navbar-nav {
	margin: 0 -15px;
	background: #1a2027
}
.navbar-default .navbar-nav>li {
	padding: 0
}
.navbar-default .navbar-nav>li>a {
	border-bottom: 1px solid #151a20;
	color: #efefef!important;
	padding: 8px 15px
}
.navbar-default .navbar-nav>li>a:hover {
	background: #d72620;
	border-bottom: 1px solid #37373b
}
.lgn-rgt-otr-col>.head-title {
	font-size: 26px;
	line-height: 42px;
	margin-bottom: 20px
}

.lgn-frm-col .lgn-btn,
.sign-fmr-col .frm-ct-col .lgn-btn {
	font-size: 14px;
	line-height: 20px;
	margin: 15px 0 0;
	padding: 12px
}
.popover-content {
	padding: 0 15px 10px
}
.mnm-rqd-col .popover-title {
	padding: 8px 15px 4px
}
.login-sec,
.sign-sec {
	padding: 55px 0
}
.footer-top {
	padding: 28px 0 10px
}
.foo-col {
	margin-bottom: 12px
}
.footer-heading {
	font-size: 14px;
	margin: 0 0 2px
}
.footer-social {
	margin: 10px 0 0
}
.footer {
	position: relative!important
}
.footer-social li {
	padding: 0 2px 4px
}
.footer-social li a img {
	width: 22px
}
.sub-heading {
	margin: 8px 0 5px
}
.footer-bottom {
	padding: 12px 0
}
.footer-right .block:nth-child(2) {
	display: none
}
.foo-left ul {
	display: table;
	margin: 0 auto 8px
}
.foo-left li a {
	font-size: 12px
}
.foo-left {
	text-align: center
}
.foo-left .foo-logo {
	margin-top: 0
}
.foo-cpr-rt {
	text-align: center
}
.foo-cpr p {
	padding: 12px 0
}
.footer-social li a {
	width: 26px;
	height: 26px;
	background-size: 120px auto!important;
	background-position: 1px 0
}
.footer-social li a:hover {
	background-position: 1px 0
}
.footer-social li .fb-icon {
	background-position: -32px 0
}
.footer-social li .fb-icon:hover {
	background-position: -32px 0
}
.footer-social li .gl-icon {
	background-position: -63px 0
}
.footer-social li .gl-icon:hover {
	background-position: -63px 0
}
.footer-social li .in-icon {
	background-position: -94px 0
}
.footer-social li .in-icon:hover {
	background-position: -94px 0
}
.navbar-header {
	float: left;
	padding-left: 15px
}
.footer-menu.foo-rt-mn>li {
	border-right: 0;
	padding-left: 0;
	padding-bottom: 10px
}
.footer-menu.foo-rt-mn {
	margin-top: 15px;
	margin-right: -13px
}
.heading-1 {
	font-size: 26px
}
.modal:before {
	display: none
}

.sign-sec .row{ display: flex; flex-direction:column-reverse;}
.grey-right-bg{ width: 100%; height: 620px;}
.sgnup-rgt-otr-col{ width: auto; float: none; margin: 0 auto;}
.sign-lft-otr-col{ max-width: 350px; margin: 0 auto; padding: 90px 0 0;}
.lgn-rgt-otr-col.lgn-frm-col{ width: auto;}
}
@media(max-width:479px){
.login-sec, .sign-sec{ padding: 30px 0;}
.grey-right-bg{ height: 570px;}
.sign-lft-otr-col{ padding-top: 60px; }
.sign-lft-otr-col .head-title{line-height: 47px; font-size: 34px;}
.progress{ width: 73%;}
.footer-btn .btn {min-width:65px}
.frm-out-col>.head-title{ font-size: 21px; margin-bottom: 20px;}
.login-logo-col{ margin-bottom: 15px;}
.login-sec .frm-out-col {padding-top: 20px;padding-bottom: 30px;}
.frt-pass{ font-size: 13px;}

.tweakpass-ftr-list li{ position:relative}
.info-outer-col{ position:inherit}
.featurelistbox{
	    right: 100%;
    margin-left: 50px;
    margin-right: 0;
    left: -50px;
    margin-top: -16px;
}
.sign-lft-otr-col .head-title{ font-size:30px}
	
}
@media (max-width: 435px){
	.grey-right-bg {
		height: 590px;
	}
}
.logoff-modal .modal-dialog {
	vertical-align:top;
	margin-top:283px
}
.logoff-modal .sub-head {
	background:inherit;
	padding-left:0
}
.modal-custome.logoff-modal .modal-title {
	font-size:16px
}
.lgn-btn-col {
	text-align:center;
	padding:35px 0 10px
}
.lgn-btn-col .btn {
	background:#d72620;
	border:none;
	color:#fff;
	padding:7px 36px;
	margin:0 4px
}
.lgoff-rgt-otr-col {
	text-align:center
}
.lgoff-rgt-otr-col>.head-title {
	text-align:center;
	color:#d62520;
	font-size:40px;
	line-height:50px;
	font-weight:300;
	margin-bottom:15px
}
.text-body-lgoff {
	line-height:24px
}

.frm-ct-col .onerror .ca-field-label {
	margin-top: -13px;
}
.frm-ct-col .onerrormaster .ca-field-label {
	margin-top: -26px !important;
}
.featurelistbox {
	right: inherit;
	margin-left: 50px;
	margin-right: 0;
	margin-top: -35px;
	display: none
}

.info-outer-col {
	display: inline-block;
	position: relative;
}

/*
.arrow_box.featurelistbox :after, .arrow_box.featurelistbox :before {
	right: 100%;
}
.arrow_box.featurelistbox :before {
	border-right: 20px solid #b9b8b7;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}
.arrow_box.featurelistbox:after {
	border-right: 20px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	z-index: 3;
	margin-right: -2px;
}
*/
.arrow_box_left:after,
.arrow_box_left:before {
	right: 100%;
	top: 29px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	left: inherit;
}

.arrow_box_left:before {
	border-right: 20px solid #b9b8b7;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	z-index: 2
}

.arrow_box_left:after {
	border-right: 20px solid #fff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	z-index: 3;
	margin-right: -2px;
}
.info-outer-col:hover .featurelistbox {
	display: block !important
}


@media (max-width: 991px) {
	.tweakpass-ftr-list li {
		position: relative
	}

	.info-outer-col {
		position: unset
	}

	.featurelistbox {
		right: 100%;
		margin-left: 50px;
		margin-right: 0;
		left: -50px;
		margin-top: -60px;
	}
}