/* #General Styles
================================================== */
@font-face {
    font-family: 'Ropa Sans';
    src: url('../fonts/RopaSoftPTTW01-Bold.eot');
    src: url('../fonts/RopaSoftPTTW01-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RopaSoftPTTW01-Bold.woff2') format('woff2'),
        url('../fonts/RopaSoftPTTW01-Bold.woff') format('woff'),
        url('../fonts/RopaSoftPTTW01-Bold.ttf') format('truetype'),
        url('../fonts/RopaSoftPTTW01-Bold.svg#RopaSoftPTTW01-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Ropa Sans';
    src: url('../fonts/RopaSoftPro-Regular.eot');
    src: url('../fonts/RopaSoftPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/RopaSoftPro-Regular.woff2') format('woff2'),
        url('../fonts/RopaSoftPro-Regular.woff') format('woff'),
        url('../fonts/RopaSoftPro-Regular.ttf') format('truetype'),
        url('../fonts/RopaSoftPro-Regular.svg#RopaSoftPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; list-style: none; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.em html, .em body, .em div, .em span, .em applet, .em object, .em iframe, .em a, .em img, .em select, .em input, .em option { margin: 0; padding: 0; border: 0; outline: 0; }
.em html { -webkit-text-size-adjust: none; }
.em button, .em input, .em select, .em textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.em input[type="button"], .em input[type="submit"] { -webkit-appearance: none !important; }
.em a { text-decoration: none; }
.em img { border: 0 none; max-width: 100%; vertical-align: top; }
.em a { outline: none; cursor: pointer; }
.em a:hover { text-decoration: none; }
.em a:focus { text-decoration: none !important; outline: none !important; }
.em .clear { clear: both; }
.em img { max-width: 100%; }
.em button:focus { outline: 0; }
.em .text-transform { text-transform: uppercase; }
.em img { vertical-align: bottom; }

/*Placeholder opacity cross browsers*/
.em input::-webkit-input-placeholder { color: #fff; opacity: 1; }
.em input:-moz-placeholder { color: #fff; opacity: 1; }
.em input::-moz-placeholder { color: #fff; opacity: 1; }
.em input:-ms-input-placeholder { color: #fff; opacity: 1; }
.em textarea::-webkit-input-placeholder { color: #fff; opacity: 1; }
.em textarea:-moz-placeholder { color: #fff; opacity: 1; }
.em textarea::-moz-placeholder { color: #fff; opacity: 1; }
.em textarea:-ms-input-placeholder { color: #fff; opacity: 1; }
.em button::-moz-focus-inner, .em input[type="submit"]::-moz-focus-inner { border: 0; }
.em #login-form .sbSelector a { color: #000 !important; }
.sbSelector { color: #757575 !important; }

/* #Page Structure
================================================== */
body.em { margin: 0; padding: 0; font-size: 16px; color: #060202; background: #fff; font-family: "Ropa Sans", sans-serif; font-weight: 400; }
.em .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;  }
.em .main { max-width: 647px; margin: 0 auto; }
.em a, .em button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }

/***** header styles goes here *****/
.em header { float: left; width: 100%; background-color: #63266b; padding: 44px 0; position: relative; }
.em header .header-text { text-align: center; }
.em header .header-text h1 { color: #fff; display: inline-block; font-size: 60px;font-weight: 700; }
.em header .box { transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg); height: 50px; width: 50px; background-color: #63266b; z-index: 9; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -25px; border: 7px solid #63266b; }
.em .box:before {content: ''; width: 35px; height: 35px; z-index: 99; background-color: #fff; position: absolute; top: 0;left: 0;}
/***** header styles end *****/

/***** mid container styles goes here *****/
.em .mid-container { width: 100%; float: left; }
.em .section1 { float: left; width: 100%;  background-repeat: repeat; position: relative;}
.em .section1 .main-box { max-width: 800px; margin: 0 auto; }
.em .section1 .main-box .left-box { width: 50%; float: left; }
.em .section1 .main-box .right-box { width: 47%; float: right; padding: 77px 0 65px; position: relative; z-index: 10; }
.em .section1 .main-box .left-box img { max-width: 600px; width: 100%; position: absolute; bottom: 0; }
.em .section1 .main-box .right-box .text1 p { color: #231f20; font-size: 26px; letter-spacing: -1px; line-height: 1.15; max-width: 349px; }
.em .section1 .main-box .right-box .text2 p { color: #231f20; font-size: 26px; letter-spacing: -1px; line-height: 1.15;   /* max-width: 349px;*/ }
.em .section1 .main-box .right-box .text2 { margin-top: 28px; margin-left: 36px;    /*max-width: 250px;*/ }
.em .section1 .main-box .right-box .text2 p span { display: block; }
.em .section1 .main-box .right-box .text2 p span.line2 { padding-left: 9px; }
.em .section1 .main-box .right-box .text2 p span.line3 { padding-left: 18px; }
.em .section1 .main-box .right-box .text2 p span.line4 { padding-left: 24px; }
.em .section1 .main-box .right-box .text2 p span.line5 { padding-left: 31px; }
.em .section1 .main-box .right-box .text2 p span.line6 { padding-left: 37px; }
.em .section1 .main-box .right-box .text2 p span.line7 { padding-left: 45px; }
.em .section1 .main-box .right-box .text2 p span.line8 { padding-left: 53px; }
.em .section1 .main-box .right-box .text2 p span.line9 { padding-left: 61px; }
.em .section1 .main-box .right-box .text2 p span.line10 { padding-left: 68px; }
.em .section1 .main-box .right-box .text2 p span.line11 { padding-left: 75px; }
.em .section1 .main-box .right-box .text2 p span.line12 { padding-left: 83px; }
.em .section1 .main-box .right-box .btn-box {text-align: center;margin-top: 39px;width: 100%;padding-left: 40px;}
.em .section1 .main-box .right-box .btn-box a { border-radius: 5px; background-color: #63266b; color: #fff; height: 47px; line-height: 47px; padding: 0 28px; display: inline-block; font-size: 27px; }
.em .section1 .main-box .right-box .btn-box a:hover{background-color: #1586c8;}
/***** mid container styles end *****/

/***** footer styles goes here *****/
.em footer { float: left; width: 100%; background: #fff; padding: 34px 0; position: relative;border-top: 15px solid #dbdcdd;}
.em footer .main { max-width: 700px; }
.em footer .foot-text1 { }
.em footer .foot-text1 p { color: #77787b; font-size: 11px; }
.em footer .foot-text2 { margin-top: 10px; margin-bottom: 24px; }
.em footer .foot-text2 p { color: #77787b; font-size: 11px; display: inline-block; max-width: 521px; }
.em footer .foot-text2 p span { display: block; margin-top: 10px; }
.em footer .foot-text2 img { display: inline-block; max-width: 140px; width: 100%; position: absolute; }
.em footer ul { text-align: center; }
.em footer ul li { display: inline-block; position: relative;padding: 0 13px;}
.em footer ul li a { color: #1586c8; font-size: 12px; position: relative;  letter-spacing: -0.2px;display: inline-block;  }
.em footer ul li a:hover{color: #63266b;}
.em footer ul li:last-child:before { position: absolute; content: ""; left: -3px; width: 1px; height: 10px; background-color: #000;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);bottom: 0; }
/***** footer styles end *****/