@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

* {margin: 0; padding: 0; box-sizing: border-box;}
body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #454545;}
.container {display: block; max-width: 96%; margin: 0 auto;}
.container::after {content: ''; display: block; clear: both;}
.left {float: left;}
.right {float: right;}
.wrap {display: block;}
.wrap::after {content: ''; display: block; clear: both;}

header {display: block; position: fixed; top: 0; left: 0; width: 100%; padding: 12px 0; transition: all ease-in-out .2s; border-bottom: 1px solid rgba(234,234,234,0); z-index: 1; overflow: hidden;}
header.fixed {background: rgba(255,255,255,.95); /*border-bottom: 1px solid rgba(234,234,234,1);*/ box-shadow: 0 8px 8px rgba(0,0,0,.1);}
header .logo {display: inline-block; float: left;}
header .topNav {display: inline-block; float: right; font-size: 14px; margin: 12px 0 0;}
header .topNav .download {display: inline-block; vertical-align: middle; color: #454545; text-decoration: none; padding: 0 0 0 32px; background: url(../images/Download-Top.png) center left no-repeat; line-height: 30px;}
header .topNav .download:hover {color: #f86500; background: url(../images/Download-Top-hover.png) center left no-repeat;}
header .topNav .socialMedia {display: inline-block; vertical-align: middle; margin: 0 40px;}
header .topNav .socialMedia li {display: inline-block; vertical-align: middle; margin: 0 4px;}
header .topNav .socialMedia li a {display: block; width: 32px; height: 32px; text-align: center; line-height: 30px; border: 1px solid #454545; border-radius: 50%; color: #454545; text-decoration: none; transition: all ease-in-out .2s;}
header .topNav .socialMedia li a:hover {background: #f86500; color: #fff; border: 1px solid #f86500;}
header .topNav .menuBtn {display: inline-block; vertical-align: middle; width: 31px; height: 30px; background: url(../images/MenuBtn.png) center no-repeat; text-indent: 500px; overflow: hidden; cursor: pointer;}
header .topNav .menuBtn:hover {background: url(../images/MenuBtn-hover.png) center no-repeat;}

.banner {display: block; padding: 164px 0; background: url(../images/Banner-bg.png) top right no-repeat; border-bottom: 1px solid #eaeaea; background-size: 60% auto;}
.banner .right {width: 42%;}
.banner .left {width: 58%; padding: 100px 0 0;}
.banner .left h1 {font-size: 52px; font-weight: 600; margin: 0 0 20px; color: #f86500;}
.banner .left h1 span {display: block; color: #00c000;}
.banner .left p {margin: 0 0 40px;}
.banner .left a {display: inline-block; width: 256px; text-align: center; padding: 12px 0; text-transform: uppercase; background: #f86500; color: #fff; font-size: 16px; text-decoration: none; border-radius: 4px;}

.mobSlider .bx-wrapper .bx-viewport {background: none; padding: 0; left: 0; box-shadow: none; border: 0;}

.features {display: block; width: 100%; padding: 120px 0; border-bottom: 1px solid #eaeaea;}
.features ul {display: block;}
.features ul li {display: inline-block; width: calc(31% - 4px); margin: 0 0 0 3%; vertical-align: top;}
.features ul li:nth-child(1) {margin: 0;}
.features ul li .icon {display: block; margin: 0 0 20px;}
.features ul li h2 {font-size: 46px; font-weight: 700; margin: 0 0 32px;}
.features ul li p {font-size: 24px; color: #717a85; margin: 0 0 32px;}
.features ul li .remark {font-size: 18px; color: #afb6be; margin: 0 0 32px; text-transform: uppercase; font-weight: 600; margin: 0 0 32px; display: block;}
.features ul li p.info {font-size: 18px; color: #424242;}

.focusedbrow {display: block; width: 100%; padding: 120px 0; border-bottom: 1px solid #eaeaea;}
.focusedbrow .left {display: inline-block; width: calc(52% - 4px); float: none; vertical-align: middle;}
.focusedbrow .left img {width: 100%;}
.focusedbrow .right {display: inline-block; width: calc(48% - 4px); float: none; padding: 0 0 0 6%; vertical-align: middle;}
.focusedbrow .right h3 { font-size: 46px; font-weight: 700; margin: 0 0 32px;}
.focusedbrow .right p {font-size: 24px; color: #717a85; margin: 0 0 32px; font-weight: 300;}

.subscribe {display: block; width: 100%; padding: 120px 0; border-bottom: 1px solid #eaeaea;}
.subscribe .left, .subscribe .right {float: none; display: inline-block; vertical-align: middle;}
.subscribe .left {width: calc(50% - 4px);}
.subscribe .left h3 {font-size: 52px; font-weight: 600; margin: 0 0 32px;}
.subscribe .left h3 span {display: block; color: #fe2d5b;}
.subscribe .left p {color: #717a85; line-height: 46px; font-size: 24px;}
.subscribe .right {width: calc(44% - 4px); margin: 0 0 0 6%;}
.subscribe .right ul {display: block;}
.subscribe .right ul li {display: inline-block; width: calc(48% - 4px); vertical-align: top; margin: 0 0 20px;}
.subscribe .right ul li:nth-child(2n) {margin: 0 0 20px 4%;}
.subscribe .right ul li.full {width: 100%; margin: 0 0 20px;}
.subscribe .right ul li input[type=text], .subscribe .right ul li textarea {display: block; border: 0; border-bottom: 1px solid #eaeaea; width: 100%; height: 48px; padding: 0 4px; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #454545;}
.subscribe .right ul li textarea {height: 120px; padding: 4px;}
.subscribe .right .submit {display: block; text-align: right;}
.subscribe .right .submit input[type=submit] {display: inline-block; width: calc(48% - 4px); text-align: center; padding: 12px 0; text-transform: uppercase; background: #fe2d5b; color: #fff; font-size: 16px; text-decoration: none; border-radius: 4px; border: 0;}

footer {display: block; width: 100%; padding: 60px 0; background: #eaeaea;}
footer .logo {display: block; margin: 0 0 30px;}
footer .left {color: #717a85; line-height: 32px;}
footer .right {text-align: right;}
footer .right span {display: block; margin: 0 0 20px;}
footer .right ul {display: block;}
footer .right ul li {display: block;}
footer .right ul li a {color: #717a85; line-height: 32px; text-decoration: none;}

header nav {display: block; position: fixed; z-index: 2; top: 0; left: 100%; background: #fe2d5b; color: #fff; width: 346px; height: 100%; transition: all ease-in-out .2s;}
header nav.open {left: calc(100% - 346px);}
header nav ul {display: block; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); list-style: none;}
header nav ul li {display: block;}
header nav ul li a {font-size: 18px; color: #fff; text-decoration: none; display: inline-block; padding: 10px 0; text-transform: uppercase;}
header nav .closeMenu {display: block; width: 26px; height: 26px; background: url(../images/closeMenu.png) center no-repeat; position: absolute; top: 30px; right: 30px; cursor: pointer;}

.midWrap {display: block; padding: 164px 0 80px; background: url(../images/Banner-bg.png) top right no-repeat; background-size: 60% auto;}
.midWrap h1 {font-size: 52px; font-weight: 600; margin: 0 0 32px;}
.midWrap h2 {font-size: 32px; font-weight: 600; margin: 0 0 32px;}
.midWrap h1 span {color: #fe2d5b;}
.midWrap p {color: #717a85; margin: 0 0 24px;}
.midWrap ul {color: #717a85; margin: 0 0 24px; padding: 0 0 0 20px;}


.contactUs .left, .contactUs .right {float: none; display: inline-block; vertical-align: middle;}
.contactUs .left {width: calc(50% - 4px);}
.contactUs .left h3 {font-size: 40px; font-weight: 600; margin: 0 0 32px;}
.contactUs .left h3 span {display: block; color: #fe2d5b;}
.contactUs .left p {color: #717a85; line-height: 46px; font-size: 24px;}
.contactUs .right {width: calc(44% - 4px); margin: 0 0 0 6%;}
.contactUs .right ul {display: block;}
.contactUs .right ul li {display: inline-block; width: calc(48% - 4px); vertical-align: top; margin: 0 0 20px;}
.contactUs .right ul li:nth-child(2n) {margin: 0 0 20px 4%;}
.contactUs .right ul li.full {width: 100%; margin: 0 0 20px;}
.contactUs .right ul li input[type=text], .contactUs .right ul li textarea {display: block; border: 0; border-bottom: 1px solid #eaeaea; width: 100%; height: 48px; padding: 0 4px; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 16px; color: #454545; background: none;}
.contactUs .right ul li textarea {height: 120px; padding: 4px;}
.contactUs .right .submit {display: block; text-align: right;}
.contactUs .right .submit input[type=submit] {display: inline-block; width: calc(48% - 4px); text-align: center; padding: 12px 0; text-transform: uppercase; background: #fe2d5b; color: #fff; font-size: 16px; text-decoration: none; border-radius: 4px; border: 0;}

.signupform-wrap {background: url(images/regbg.jpg) center no-repeat; background-size: 100% 100%; margin: 0 0;}
.signupform-wrap .wrap {width: 100%; padding: 0; margin: 0 auto;}
.signupform-wrap .wrap::after {content: ''; display: block; clear: both;}
.signupform-wrap .wrap .left {width: 50%; float: left; font-size: 16px; margin: 80px 0 0;}
.signupform-wrap .wrap .left h1 {font-size: 28px;}
.signupform-wrap .wrap .left ul.infolist {list-style: none; }
.signupform-wrap .wrap .left ul.infolist li {margin: 20px 0; padding: 0 0 0 28px; background: url(images/tick.png) 0 2px no-repeat;}
.signupform-wrap .wrap .left ul.infolist li span {display: block; font-weight: 700; margin: 0 0 8px;}
.signupform-wrap .wrap .left h1 {margin: 0 0 20px;}
.signupform-wrap .wrap .left p {line-height: 24px; margin: 0 0 20px;}
.signupform-wrap .wrap .left p.sm {font-size: 14px;}
.signupform-wrap .wrap .right {width: 45%; float: right;}
.signupform-wrap .wrap .right form .sm{color: #000; font-size: 12px;}


.regform {
    width: 100%;
    background: #eee url("../images/formbg.png") center top no-repeat;
    background-size: 100% auto;
    margin: 30px 0 0px 0px;
    text-align: center;
    float: left; }
.regform h1 {
    font-size: 16px;
    text-transform: uppercase;
    margin: 7px 0px 7px;
    text-align: center;
    padding: 6% 0px 0px;
    font-weight: normal;}
.regform #regform {
    width: 100%;
    padding: 5%;
    background: #eee; }
.regform #regform input, .regform #regform select {
    font-family: 'Raleway',sans-serif;
    width: 96%;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #555;
    margin-bottom: 10px;
    padding: 24px 6px 4px; }
.regform #regform button {
    width: 100%;
    background: #6E7C8A;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #6E7C8A;
    margin-bottom: 10px;
    text-transform: uppercase;
    padding: 12px 8px 12px; }
.regform #regform a {
    display: block;
    width: 100%;
    background: #f88305;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #f88305;
    text-decoration: none;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 5px 0; }

input#CompanyName, input#CompanyName {
    background:#F8F9F9 url("../images/Company-Name.png") 8px 6px no-repeat; }
input#Name, input#ComName {
    background:#F8F9F9 url("../images/Your-Name.png") 8px 6px no-repeat; }
.regform input#EmailId, .regform input#ComEmailId {
    background:#F8F9F9 url("../images/Email-Id.png") 8px 6px no-repeat; }
input#Phone, input#ComPhone {
    background:#F8F9F9 url("../images/Phone-No.png") 8px 6px no-repeat; }
input#City, input#ComCity,select#City, select#ComCity {
    background:#F8F9F9 url("../images/City.png") 8px 6px no-repeat; }
input#DOB, input#ComDOB {
    background:#F8F9F9 url("../images/DOB.png") 8px 6px no-repeat; }

.genwrap.radio label {margin: 0 16px 0 0;}
.genwrap.radio label::before {margin: 12px 4px 0 0;}

.radio input[type=radio] {display: none;}
.radio label {display: inline-block;}
.radio label::before {content: ''; display: inline-block; width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 50%; float: left; margin: 0 4px 0 0;}
.radio input[type=radio]:checked + label::before {background: #00a0dc;}

.regform #regform .tnc {display: block; color: #38495b; text-align: center; margin: 10px 0; font-size: 12px;}
.regform #regform .tnc input[type=checkbox] {width: auto; vertical-align: middle; margin: 0px 2px 2px;}
.regform #regform .tnc label {width: auto; vertical-align: top;}
.regform #regform .tnc a {color: #38495b; background: none; display: inline; margin: 0; padding: 0; border: 0; text-transform: none;}
.wrap::after {content: ''; display: block; clear: both;}