/* Sign Up Page Css */

.signup-pag.inner .banner {
	display: none;
}
.signup-pag .banner h1 {
    font-family: 'Droid Serif', serif;
    font-style: italic;
    font-size: 30px;
    margin: 0px;
    padding-bottom: 10px;
}
.signup-pag .banner h1 span {
    font-family: 'Poppins', sans-serif;
    font-style: initial;
    font-weight: 600;
    color: #fd1617;
}
.signup-pag .banner p {
    font-size: 20px;
    color: #222222;
    font-weight: 300;
    letter-spacing: 0.7px;
}
.signup-pag .in-hed {
    display: table-cell;
    vertical-align: middle;
}
.signup-pag .examtabs ul.nav li a {
    font-size: 22px;
    font-weight: 400;
    background: #262626 ;
    color: #ffffff;
    padding: 15px 8px 15px 40px;
    height: 87px;
    font-family: 'Poppins', sans-serif;
    border-radius: 0px;
    position: relative;
    margin: 0px;
    border: 0px;
}
.signup-pag .examtabs .nav-tabs {
    display: block;
    margin: 0px auto 50px;
	border: 0px;
	padding-left: 15px;
}
.signup-pag .examtabs ul li a:before {
border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    border-left: 33px #262626 solid;
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9999999;
}


.signup-pag .examtabs ul li a:after {border-top: 43px solid transparent;border-bottom: 43px solid transparent;border-left: 33px #fff solid;content: "";position: absolute;left: 0px;top: 0px;z-index: 99999;}



.signup-pag .examtabs ul li a:hover, .signup-pag .examtabs ul li a.active {
    color: #ffffff;
  
    border-bottom-color: transparent;
  font-weight: 400; background:#ff5e00;
}
.signup-pag .examtabs ul li a.active:before {
    border-left: 40px #ff5e00 solid!important;
}
.signup-pag .examtabs ul li a:hover:before {
    border-left: 40px #ff5e00 solid!important;
}
.signup-pag .examtabs .tab-content {
    overflow: hidden;
    background-color: #f8f8f8;
    min-height: 490px;
	padding-bottom: 50px;
}
/*.signup-pag .examtabs .nav-tabs>li.active>a, .signup-pag .examtabs .nav-tabs>li.active>a:focus, .signup-pag .examtabs .nav-tabs>li.active>a:hover {
    color: #ffffff;
    background-color: #fd1617;
    border: 1px solid #fd1617;
    border-bottom-color: transparent;
}*/
.signup-pag .examtabs ul li:last-child a {
    margin-right: 0px;
}
.signup-pag .examtabs .tab-content .tabhd {
    color: #1fbbbe;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}
.signup-pag .examtabs .tab-content .analy {
    color: #474747;
    font-weight: 600;
    font-size: 12px;
    margin: 2.5px 0px;
}
.signup-pag .examtabs .tab-content p {
    color: #474747;
    font-size: 12px;
    margin: 0px;
}
.examtabs .tab-content a {
    /* color: #003bb4; */
    /* font-size: 10px; */
    /* text-decoration: underline!important; */
}
.signup-pag .examtabs ul.nav > li > a span {
    font-family: 'Droid Serif', serif;
    font-style: italic;
    font-size: 20px;
    display: block;
}
.signup-pag .examtabs ul.nav-tabs>li {
    float: left;
    width: 23%;
    box-sizing: border-box;
    position: relative;
    margin-right: 15px;
}
.signup-pag .examtabs ul.nav-tabs>li:after {
    position: absolute;
    content: "";
    right: 0px;
    width: 10px;
    height: 10px;
    top: 0px;
    background-image: url(../images/aro1.png);
}
.signup-pag .examtabs ul.nav-tabs>li:after {
    position: absolute;
    content: "";
    right: 57px;
    top: 18px;
}
.signup-pag .examtabs {
    margin-top: 67px;
}
.signup-pag h2 {   
    color: #43464f;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-size: 38px;
    position: relative;
    padding-bottom: 20px;
}
.signup-pag h2 span {

}
.signup-pag .tab-content {
    padding: 45px 0px;
}
.signup-pag #topForm input[type="text"], .signup-pag #topForm input[type="password"], .signup-pag #topForm select  {
    height: 52px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #8d8d8d;
    font-size: 13px;
    color: #000;
    padding: 10px 21px;
    margin-bottom: 32px;
	background-color: #ffffff;
}
.signup-pag #topForm .pwd input[type="password"] {
    margin-bottom: 0px;
}
.signup-pag .labl span.nn {
    font-size: 13px;
    text-transform: capitalize;
    color: #333333;
    display: block;
    margin-bottom: 8px;
    font-weight: 400;
}
.signup-pag .nn span {
    color: #ff0000;
}
.signup-pag label.error {
    display: none!important;
}
.signup-pag .required.error {
    border-color: #ff0000!important;
}
.signup-pag .code {
    width: 20%;
    float: left;
}
.signup-pag .phone {
    width: 50%;
    float: left;
}
.signup-pag #topForm input[type="submit"] {
    width: 193px;
    height: 43px;
    background-color: #ff5e00;

    border: 2px solid #ff5e00;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
     float: right; 
}
.signup-pag .contact-form-content {
    padding: 25px 173px 0px;
}

#tab2 span.nn {
    padding-top: 20px;
}
p.not {
    font-size: 11px;
    color: #333333;
    line-height: 20px;
    padding-bottom: 30px;
}
p.dl {
    font-size: 13px;
    color: #333333;
}
p.dl span {
    font-size: 26px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    top: 5px;
    padding-right: 15px;
}
span.pg {
    display: inline-block;
    font-size: 11px;
    color: #333333;
    font-weight: 300;
    padding-right: 42px;
}
.signup-pag .labl textarea {
    width: 100%;
    height: 163px;
    resize: none;
    border-radius: 5px;
	border: 1px solid #8d8d8d;
	padding: 10px 21px;
    font-size: 13px;
    color: #a1a1a1;
    padding: 10px 21px;
    background-color: #ffffff;
}
.mggt {
    margin: 68px 0px 0px;
}
.mggt2 {
    margin: 0px 0px 40px;
}
.signup-pag #topForm input[type="submit"]#upl {
    float: left;
    background-color: #262626;
    border: 1px solid #262626;
}
span.do {
    font-size: 13px;
    font-weight: 500;
    padding-right: 45px;
    display: inline-block;
}
.signup-pag #topForm #edit {
    /* float: left; */
    /* width: 93px; */
    /* height: 43px; */
    background-color: #0896f1;
    border: 1px solid #0896f1;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
        padding: 10px 21px;
}
.dox {
    font-size: 16px;
    color: #0896f1;
    padding-bottom: 40px;
}
.ppage {
    display: table;
    margin: 90px auto 130px;
    height: 410px;
    width: 69%;
    border: 3px dashed #000000;
    border-radius: 5px;    
	padding: 0px 50px;
}
.ppage-in {
    display: table-cell;
    vertical-align: middle;
}
.signup-pag .ppage .ppage-in h2 {
    margin-bottom: 15px;
}
.signup-pag .ppage .ppage-in h2#th {
    font-size: 35px;
    margin-bottom: 60px;
}
.signup-pag .examtabs .tab-content p.tcon {
    color: #474747;
    font-size: 16px;
    line-height: 28px;
    margin: 0px;
    text-align: center;
}
.signup-pag .examtabs ul li:last-child a:before {
    right: -33px;
}
.signup-pag .examtabs ul li:nth-child(1) a:before, .signup-pag .examtabs ul li:nth-child(2) a:before, .signup-pag .examtabs ul li:nth-child(3) a:before  {
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
    border-left: 33px #262626 solid;
    content: "";
    position: absolute;
    right: -33px;
    top: -1.5px;
    z-index: 9999999;
}
.signup-pag .examtabs ul li:nth-child(1) a:hover:before, .signup-pag .examtabs ul li:nth-child(2) a:hover:before, .signup-pag .examtabs ul li:nth-child(3) a:hover:before, .signup-pag .examtabs ul li:nth-child(4) a:hover:before {
	right: -33px;
    border-left: 33px solid #ff5e00!important;	
}
.signup-pag .examtabs ul li a.active:hover:before, .signup-pag .examtabs ul li a.active:before {
    right: -33px;
    border-left: 33px #ff5e00 solid!important;
}
.signup-pag .examtabs .tab-content p.dl {
    padding-top: 8px;
}
.signup-pag .examtabs ul li:nth-child(1) a:after {
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
    border-left: 33px #262626 solid;
    content: "";
    position: absolute;
    right: auto;
    top: -1.5px;
    z-index: 9999999;
    left: 0px;
}
.signup-pag .examtabs ul li:nth-child(1) a.active:after, .signup-pag .examtabs ul li:nth-child(1) a.active:hover:after, .signup-pag .examtabs ul li:nth-child(1) a:hover:after {
    border-left: 33px #ff5e00 solid;
}
.frm a{float: right;
    margin-left: 10px;
      margin-right: 10px;}

.frm form{ float:right; margin-right:56px;}


/*  Payment Widget Area */
.payment-widget {
    width: 244px;
    height: 180px;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
    background-color: #ffffff;
    display: inline-block;
	padding: 20px 18px 21px 24px;
	font-family: 'Open Sans', sans-serif;
}




.payment-widget .ord {
    display: block;
    font-size: 13px;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.payment-widget .dlr {
	font-weight: 900;
    font-size: 33px;
    color: #ff5e00;
    display: block;
    line-height: 33px;
    padding-bottom: 12px;
}
.payment-widget .bd {
    font-size: 14px;
    font-weight: 700;
    color: #ff5e00;
    display: block;
    line-height: 16px;
}
.payment-widget a.mpay {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #ffffff;
    text-transform: capitalize;
    background-color: #ff5e00;
    width: 200px;
    height: 50px;
    display: block;
    padding: 14px 11px 10px;
    margin-top: 22px;
	border: 1px solid #ffffff;
	background-image: url(../images/aroo.png);
    background-repeat: no-repeat;
    background-position: 155px;
}
.signup-pag .examtabs ul.nav-tabs>li:nth-child(2) a {
    background-image: url(../images/aro2.png);
    background-repeat: no-repeat;
    background-position: 200px;
}
.signup-pag .examtabs ul.nav-tabs>li:nth-child(3) a {
    background-image: url(https://www.corpwriting.com/assets/images/aro3.png);
    background-repeat: no-repeat;
    background-position: 210px;
}
.signup-pag .examtabs ul.nav-tabs>li:nth-child(4) a {
    background-image: url(../images/aro4.png);
    background-repeat: no-repeat;
    background-position: 220px;
}
.signup-pag .examtabs ul li:nth-child(1) a {
    background-image: url(../images/aro1.png);
    background-repeat: no-repeat;
    background-position: 200px;
}
.newsteps{ margin:80px 0px 60px;}
.newsteps ul li { float:left; width:25%; position:relative}
.newsteps ul li:before{    width: 88%;  position: absolute;     bottom: -55px;left: 0px; height: 28px; content: "";border: 2px solid #7f889d;}
.newsteps ul li.active:before, .orderpage .newsteps ul li:nth-child(2):before, .preview .newsteps ul li:nth-child(3):before {background: #ff5e00; border:2px solid #ff5e00}

.orderpage .newsteps ul li:nth-child(1):before, .preview .newsteps ul li:nth-child(2):before, .preview .newsteps ul li:nth-child(1):before{background: #7f889d; border:2px solid #7f889d}

/*.newsteps ul li.active:before, .orderpage .newsteps ul li:nth-child(2):before, .preview .newsteps ul li:nth-child(3):before, .preview .newsteps ul li:nth-child(2):before{background: #ff5e00;}*/
.newsteps ul li a{    color: #7f889d; text-transform:uppercase}

.signup-pag #topForm input[name=pc] {
    position: absolute;
    left: 95px;
    top: 28px;;
    width: 39px;
    z-index: 99;
    padding: 0px;
    font-size: 13px;
    color: #43464f;
	border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.signup-pag #topForm  #phone {
    padding-left: 100px;
}

.signup-pag #topForm  #phone {
    padding-left: 125px;
}

.signup-pag #topForm .aa.field.phone {
	margin: 0px;
    width: 50%;
}
.signup-pag #topForm  .iti-flag {
    width: 23px;
}
.signup-pag #topForm span.nn.np {
    margin-bottom: 8px;
    display: block;
}
.signup-pag #topForm .iti-arrow {
	position: absolute;
    top: 45px;
    left: 70px;

}
.signup-pag #topForm .intl-tel-input.allow-dropdown .selected-flag, .signup-pag #topForm .intl-tel-input.separate-dial-code .selected-flag {
    width: 50px;
}

.thankyou-page .tab-pane{margin: 0px 163px;border-radius: 20px;box-shadow: #ccc 0px 0px 6px 4px; padding: 30px;}


@media (min-width:1000px) and (max-width: 1169px) {.signup-pag .phone{    width: 73%;}}
@media (min-width: 768px) and (max-width: 999px) {}
@media (max-width: 767px) {.signup-pag .contact-form-content {
    padding: 25px 26px 0px;
}
.signup-pag h2{ margin-bottom:0px;}.newsteps ul li{    width: 24%;}.newsteps {
    margin: 80px 0px 60px 31px;
}
.signup-pag #topForm .aa.field.phone{width:100%; margin-bottom:20px;}
.signup-pag #topForm input[type="submit"]{float:none; display:table; margin:10px auto 0;}
.fot-adrs{display:none;}
.mggt{margin:20px 0 0;}
.signup-pag #topForm input[type="submit"]{float:none !important; display:table; margin:0 auto;}

	}
@media (max-width: 480px) {.newsteps ul li{    height: 22px;font-size: 13px;}.signup-pag .phone {
    width: 73%; }.signup-pag h2{    font-size: 28px;}}
@media (max-width: 360px) {.newsteps ul li{    height: 13px;
    font-size: 11px;}}
@media (max-width: 320px) {.signup-pag .phone {
    width: 72%; }
}