@font-face {
    font-family: 'RobotoCondensedRegular';
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot?#iefix') format('embedded-opentype'),
    url('fonts/RobotoCondensedRegular.woff') format('woff'),
    url('fonts/RobotoCondensedRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('fonts/RobotoCondensedLight.eot');
    src: url('fonts/RobotoCondensedLight.eot?#iefix') format('embedded-opentype'),
    url('fonts/RobotoCondensedLight.woff') format('woff'),
    url('fonts/RobotoCondensedLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoCondensedLight';
    src: url('fonts/RobotoCondensedLight.eot');
    src: url('fonts/RobotoCondensedLight.eot?#iefix') format('embedded-opentype'),
    url('fonts/RobotoCondensedLight.woff') format('woff'),
    url('fonts/RobotoCondensedLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:"Roboto Thin";
    src:url("fonts/Roboto-Thin.eot?") format("eot"),
    url("fonts/Roboto-Thin.woff") format("woff"),
    url("fonts/Roboto-Thin.ttf") format("truetype"),
    url("fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
    font-weight:normal;font-style:normal;
}

@font-face {
    font-family:"Roboto Regular";
    src:url("fonts/Roboto-Regular.eot?") format("eot"),
    url("fonts/Roboto-Regular.woff") format("woff"),
    url("fonts/Roboto-Regular.ttf") format("truetype"),
    url("fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:"Roboto Light";
    src:url("fonts/Roboto-Light.eot?") format("eot"),
    url("fonts/Roboto-Light.woff") format("woff"),
    url("fonts/Roboto-Light.ttf") format("truetype"),
    url("fonts/Roboto-Light.svg#Roboto-Light") format("svg");
    font-weight:normal;
    font-style:normal;
}

#top{
    background-color:#2b3335;

}
.color-orange{
    color: #ffa500!important;
}


.green-bg{
    background-color: #2db3a8!important;
}

.green-ligth-bg{
    /* background-color:#5fd4af; */
}

.RobotoCondensedRegular{
    font-family: 'RobotoCondensedRegular';
}

.Roboto-Regular{
    /* font-family:'Roboto Regular'; */
}

.main-logo .logo-text{
    font-size: 45px;
    font-family: 'RobotoCondensedLight';
    margin-top: 5px;
    display: block;
    line-height: 1.2em;
}
.main-logo #logo{
    margin-right: 12px;
    margin-top: 2px;
}
.main-logo span {
    color: #fff;
    font-size: 17px;
}
.main-logo .slogan{
    display: block;
    font-family:"RobotoCondensedLight";
    line-height: 4.2em;
    margin-left: 15px;
}
.step-head{
    font-size:55px;
    font-family:'Roboto Thin';
    color: #fff;
}
.steps{
    font-size:18px;
    list-style:none;
    counter-reset: point;
    display: table;
    margin: 0 auto;
}

.steps li{
    position:relative;
    padding-left: 53px;
    line-height: 1.2em;
    max-width: 350px;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding-right: 12px;
}

.steps li + li{
    margin-left:15px;
}

.steps li:before{
    content: counter(point)"";
    counter-increment: point 1;
    position: absolute;
    color: #fff;
    left:0;
    top: 0px;
    background-color:#ffa500;
    border-radius:50px;

    width:43px;

    height:43px;
    padding-top: 9px;
    padding-left: 15px;
    font-size:30px;
    font-weight: bold;
}

.section-1{
    background: url('../images/bg-sec1.jpg') no-repeat;
    background-position: 50% 104px;
    min-height: 423px;
}
.login-column, .registration-column, .login-calc{

padding-top: 33px;

padding-bottom: 30px;

min-height: 364px;

position: relative;

z-index: 1;
}

.login-column{
    width: 30%;
}

.registration-column{
    width: 40%;
    background-color: #FFA500;
}

.login-calc{
    width: 30%;
}

.login-calc button{
    text-transform:none;
}

.login-column{
    padding-right: 50px;
}
hr{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.login-column input,
.registration-column input,
.login-calc input{
    width:100%;
    height:45px;
    font-size: 17px;
    padding-left: 15px;
    background-color: #fff!important;
    line-height: 1.5em;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff!important;
    background-image: none!important;
    color: rgb(0, 0, 0)!important;
}

.login-column h2,
.registration-column h2,
.login-calc{
    color:#fff;
    font-size:30px;
    line-height: 1.2em;
    padding-left: 15px;
}

.login-calc{
    background-color:#45dad5;
    padding-left: 50px;
}

.login-calc h2{
    position:relative;
    padding-left: 15px;
}

.login-calc h2 span{
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAAMq2gFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHpsAACAjgAA+78AAILTAAB2/QAA9gMAADn3AAATdIKahr0AAAKYSURBVHjavJZLSFRhFMd/c8fxOTrag9KhhxmZD2wrhNEqAlGz2rQpIog2QZt2QQsDg6CghZm7NhFRFEHUsiKCFtEiiGhfMgUZadFD59+iM3a4fOPg+Djwwfnu7557Hvd8514kpSSdl/Rdyy+/JF2SVJ2QNAKc459MAjNAxOIlH9vXAlnTx5A0bd5HJNVYhpWLXElJUWxVSzpbyCwhSea1HXhPebIROG5ZpIDHwBOgBfhArERRmU4i4Bqw1x6aBO4B64HfhZsqnEFiCY6agNPAG9v3Ahng61Kz8CKLPOmemY83x3I4SgCVrkxzoWdXxCKjzLb+BlwE7lgDdAPTxTLKL8HRKeAF0ApUAYeBnGVqafyXcs9Ryp2jpNOr3DmSP0dYFOVMhnygImmgef5FxhytmPjIXwMDQB+wB9gHPHP8JTDo+H7gqeOvgH7jfcafh97RbknE1i7HewO8y/G+hex9Rh8DGeecPhngn0vwXKh0nYEbtzu9PcDbnL5zIe6b4RNwHZiyfR1wEtjkopsAvtg+A5yI8XGbbwmg3uyzq9p1fgT9tBEyZSWtsRPeYHwGuO8yTgPDQKPtfwB33cROA4fm7V3XHA10zQHHjwR4v+PHAnyoAL2jtsCNLY5vDfANju8I8OZQe2cCpa0vwdNOb1jQ3kX0SFKPpG22OiTdcvyBHcBW412Sbjr+UFK3s++UdLvYUF2VWVeQWVvFZLbEtyto7x2NA+usXZtsjTp+1fEMsAa44PgYsNZ4o/HR0DvqCHTNlhJdlXW8K8A3h7ruT5EyhHRiPyIl7SObCNgUSNm1pE2NAWc07HhkfNDxgwH7oYLDhKQrwBm78M6NkFqgJxah5w2Bif/W/oji/Ab2M35Z0pxWRiYk1f0dALaMo1UhS7oZAAAAAElFTkSuQmCC') no-repeat;
    display: block;
    width: 26px;
    height: 32px;
    position: relative;
    right: 0;
    top: 5px;
    display: inline-block;
    margin-left: 15px;
}

.login-calc .mont-wrapper{
    display:table;
    margin:0 auto;
}

.login-calc .mont{
    font-size:18px;
    font-weight:normal;
    line-height:20px;
    display: inline-block;
    font-family: "RobotoRegular";
    margin-top: 7px;
}
.login-calc .calc-price{
    font-size: 21px;
    display: inline-block;
    position: relative;
    top: -10px;
    font-family: "Roboto Regular";
}

.registration-column{
    padding-right: 35px;
    padding-left: 35px;
}
.a-password{
    color:#2b3335;
    font-size:15px;
    text-decoration: underline;
    font-family: "RobotoCondensedLight";
}
.metal-gradient{
    border:1px solid #999999;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,bbbbbb+100 */
    background: rgb(249,249,249);/* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:



        -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(187,187,187,1) 100%);/* FF3.6+ */
    background:



        -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(187,187,187,1)));/* Chrome,Safari4+ */
    background:



        -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(187,187,187,1) 100%);/* Chrome10+,Safari5.1+ */
    background:



        -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(187,187,187,1) 100%);/* Opera 11.10+ */
    background:



        -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(187,187,187,1) 100%);/* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(187,187,187,1) 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#bbbbbb',GradientType=0 );/* IE6-8 */
    -webkit-box-shadow: 0px 1px 5px 0px rgba(124, 124, 124, 0.75);
    -moz-box-shadow:    0px 1px 5px 0px rgba(124, 124, 124, 0.75);
    box-shadow:         0px 1px 5px 0px rgba(124, 124, 124, 0.75)
;
    color: #000;
}
.metal-gradient:active{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbbbbb+0,f9f9f9+100 */
    background: rgb(187,187,187); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(187,187,187,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,187,187,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(187,187,187,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(187,187,187,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */

}
.btn-normal,.btn-small{
    height:45px;
    width:100%;
    font-size:18px;
    font-weight:bold;
    text-transform:uppercase;
    border-radius:5px;
    margin-top: 10px;
}
.overflow{
    /* overflow: hidden; */
    /* display: table; */
}
.invite{
    width: 151px;
    margin-right:15px;
    line-height:1.2em;
    font-family: RobotoRegular;
    display: table-cell;
    float: none!Important;
}
.invite p{
    color:#fff;
    /* margin-left: 9px; */
    border: 1px solid rgba(255, 255, 255, 0.59);
    /* border-top: 0; */
    /* text-align: center; */
    border-top:0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-bottom: 13px;
    padding-left: 17px;
    padding-right: 5px;
    margin-top: -9px;
    height: 50px;
    min-width: 147px;
    font-size: 14px;
}
.reg-pass{
    width: 391px;
    display: table-cell;
    float: none!important;
    padding-left: 34px;
}
.form-inline{
    clear:both;
}
.form-inline *{
    float:left;

}
.form-inline input{
    max-width:100px;
    margin-left:15px;
}
.form-inline .btn-small{
    margin-left:15px;
    max-width: 176px;
}
.section-2,.section-3{
    overflow:hidden;
}
.section-2{
    background-color: #5fd4af;
    position: relative;
}

.section-2:before{
    content:"";
    background-color: #5fd4af;
    position:absolute;
    width:50%;
    height:100%;
    z-index:0;
    left:0;
    top: 0;
}
.section-2:after{
    content:"";
    background-color: #45DAD5;
    position:absolute;
    width:50%;
    height:100%;
    z-index:0;
    right:0;
    top: 0;
}
.section-3{
    background-color:#fff;
    padding-bottom: 15px;
}
.text-content{
    color:#595a5b;
    font-family:"RobotoCondensedRegular";
    font-size: 17px;
    /* padding-left: 77px; */
    /* padding-right: 77px; */
    padding-top: 15px;
    padding-bottom: 15px;
}
.text-content h3{
    font-size:33px;
    font-family: "RobotoCondensedRegular";
    color:#000;
}

.alr-error{
    color:#000;
    font-size:16px;
    font-family: "RobotoCondensedLight";
    margin-top: 15px;
    line-height: 2em;
    font-weight: bold;
}

.alr-i{
    float: left;
    width: 37px;
    height: 27px;
    background:url('../images/alert.png') no-repeat;
}
.main-logo a{
    box-shadow:none;
}
.m-content{
    padding-top:80px;}
footer{
    background-color:#2b3335;
    padding-top: 30px;
    padding-bottom: 25px;
    color:#fff;
}
.contact-container{
    clear:both;
}
.contact-container ul{
    list-style:none;
}
.contact-container li{
    display:inline-block;
}
.contact-container li+li{
    margin-left:15px;
}
.skype-icon, .mail-icon{
    display: inline-block;
    /* height: 33px; */
    background:url('../images/skype.png') no-repeat;
    padding-left: 38px;
}
.skype-icon{
    line-height: 30px;
    background-position: 0px 3px;
}
.mail-icon{
    background:url('../images/mailagent.png') no-repeat;
    background-position: 0px 4px;
}

.section-2 form{
    /* float:left; */
}

@media (max-width: 1180px){
    .section-1{
        /* background:none; */
    }
}

@media(max-width: 700px){
    .login-column, .registration-column, .login-calc{
        width:100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
    }
    .registration-column:before{
        content:"";
        position:absolute;
        display:block;
        height:100%;
        width:40px;
        left: -34px;
        top:0;
        background-color: #FFA500;
    }

    .registration-column:after{
        content:"";
        position:absolute;
        display:block;
        height:100%;
        width:40px;
        right: -34px;
        top:0;
        background-color: #FFA500;
    }

    .steps{
        display:block;
    }
    .steps li{
        display:block;
        width:100%;
        margin-top:15px;

        font-size: 17px;
    }
    .steps li + li{
        margin-left:0;
    }
    .section-1{
        background:none;
        min-height:inherit;
        padding-bottom:50px;
    }
    .m-content{
        padding-top:0;
        padding-left:15px;
    }
    .step-head{
        font-size:40px;
    }
    .steps li:before{
        font-size:16px;
        width: 34px;
        height: 34px;

        padding-top: 7px;
        padding-left: 13px;
        top: 0;
    }
    .section-2:before{
        left: 0;
        top: 0;
        width: 100%;
    }
    .section-2:after{
        clear: both;
        left: 0;
        top: 48%;
        width: 100%;
    }
    .contact-container li+li{
        margin-left:0;
        margin-top:10px;
    }
    #top {
        margin-bottom: 0px!important;
    }
    .reg-pass,.invite{
        display:block;
        padding-left: 0;
    }
    .reg-pass{
        width:100%;
    }
}