@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600);
#polyglotLanguageSwitcher a,
.accept,
.afflliate-btn ul li a,
.back-btn a,
.bottomslider a,
.continue-btn,
.dropdown a,
.dropdown a:visited,
.footer-box ul li a,
.footer-box3 ul li a,
.nav ul li a,
.page-info ul li a,
.plans-desc a,
.right-btns ul li a,
.step-desc ul li,
.tabs a,
.top-btns ul li a,
.upload-btn a {
    text-decoration: none
}

#polyglotLanguageSwitcher ul,
.afflliate-btn ul,
.bottom-content ul,
.bottom-part ul,
.boxes ul,
.boxes ul li,
.card-img ul,
.card-type ul,
.circles ul,
.clients-views ul,
.dropdown dd ul,
.footer-box ul,
.footer-box3 ul,
.footer-box4 ul,
.images-size ul,
.lists ul,
.nav ul,
.other ul.choose,
.page-info ul,
.plans ul,
.radio-btns ul,
.right-btns ul,
.sign-up ul,
.step-desc ul,
.top-btns ul,
.total-order ul,
.total-order ul li {
    list-style: none
}

.header,
.left-phn,
.left-phn img,
.left-phn p {
    float: left;
    padding: 0
}

@font-face {
    font-family: Conv_Coda-Regular;
    src: url(../fonts/Coda-Regular.eot);
    src: local(''), url(../fonts/Coda-Regular.woff) format('woff'), url(../fonts/Coda-Regular.ttf) format('truetype'), url(../fonts/Coda-Regular.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    margin: 0;
    padding: 0;
    font-family: Lato, sans-serif
}

#wrapper {
    width: 1170px;
    margin: 0 auto
}

.header {
    margin: 20px 0;
    width: 100%
}

.left-phn {
    margin: 0
}

.left-phn img {
    margin: 8px 15px 0 0
}

.left-phn p {
    margin: 0;
    font-size: 30px;
    color: #0555a3
}

.right-btns {
    float: right;
    margin: 0;
    padding: 0
}

.right-btns ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.right-btns ul li {
    float: left;
    margin: 0;
    padding: 0 0 0 20px
}

.right-btns ul li a {
    float: left;
    margin: 0;
    padding: 9px 30px;
    font-size: 25px;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    transition-duration: .3s
}

.right-btns ul li a.apply {
    background: url(../images/apply-btn-bg.png);
    transition: all .5s ease
}

.right-btns ul li a.apply:hover,
.right-btns ul li a.login {
    background: url(../images/login-btn-bg.png)
}

.right-btns ul li a.login:hover {
    background: url(../images/apply-btn-bg.png)
}

.border-area {
    float: left;
    margin: 0 0 40px;
    padding: 5px 0;
    width: 100%;
    background: #0555a3
}

.nav,
.nav-row {
    float: left;
    margin: 0;
    width: 100%
}

.nav-row {
    padding: 0;
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff
}
.right-side-menu-items{
    margin-left: 20% !important;
}
.nav {
    padding: 5px 0
}

.nav ul,
.nav ul li {
    padding: 0;
    float: left;
    margin: 0
}

.nav ul {
    width: 100%
}

.nav ul li a {
    float: left;
    margin: 0;
    padding: 15px 27px;
    color: #fff;
    font-size: 16px;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    transition-duration: .3s;
    /*background: url(../images/star.png) 100% 48% no-repeat rgba(0, 0, 0, 0)*/
}

.nav ul li a.logo {
    margin: -78px 0 0 10px;
    position: absolute;
    background-position: 100% 51%
}

#banner,
.dropdown dd {
    position: relative
}

.nav ul li a.last {
    background: 0 0
}

.nav ul li a.active,
.nav ul li a:hover {
    color: #a9cd34
}

.nav ul.right {
    float: right;
    width: auto
}

#banner,
#welcome {
    float: left;
    margin: 0
}

#banner {
    padding: 0;
    width: 100%;
    z-index: -9999
}

#welcome {
    padding: 30px 0;
    background: #fff;
    width: 100%
}

.border,
.welcome-section,
.welcome-section .heading {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.welcome-section .heading {
    text-align: center;
    font-size: 35px;
    color: #0555a3;
    font-family: Conv_Coda-Regular;
    font-weight: 500;
    font-style: normal
}

.welcome-section .heading span {
    color: #ec1f27
}

.border {
    text-align: center
}

.text-section {
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 100%
}

.left-side,
.left-side p,
.right-side {
    margin: 0;
    padding: 0
}

.left-side {
    float: left;
    width: 50%
}

.left-side p {
    float: left;
    width: 100%;
    font-family: Lato, sans-serif;
    font-size: 17px;
    text-align: justify;
    color: #000;
    line-height: 28px
}

.circles ul,
.circles ul li,
.clients-views ul,
.support-btn,
.testimonials .heading,
h2.dis {
    text-align: center
}

.right-side {
    float: right;
    width: 42%
}

.right-side iframe {
    width: 100%
}

.terms {
    margin: 0!important
}

.terms input {
    margin: 15px 10px 0 0!important;
    width: auto!important
}

.support-btn {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.support-btn>a {
    background: #add136;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 23px;
    padding: 5px;
    text-transform: capitalize;
    width: 100%
}

.afflliate-btn ul li a,
.back-btn a,
.continue-btn,
.subscribe button,
h2.dis {
    text-transform: uppercase
}

.footer-box.footer-box2 img {
    width: auto
}

.footer-box4 .dropdown>li {
    display: block
}

#disclaimer-section {
    float: left;
    margin: 0;
    padding: 20px 0;
    background: url(../images/content-bg.png) no-repeat;
    width: 100%;
    background-size: cover
}

.text-area,
h2.dis {
    float: left;
    padding: 0
}

h2.dis {
    margin: 0;
    width: 100%;
    font-size: 35px;
    color: #fff;
    font-family: Conv_Coda-Regular;
    font-weight: 500
}

.circles ul li span,
.text-area h3,
.text-area p {
    font-family: Lato, sans-serif;
    line-height: 28px;
    text-align: center;
    float: left
}

h2.dis span {
    color: #ec1f27
}

.auto {
    width: 70%;
    margin: 0 auto
}

.text-area {
    margin: 20px 0;
    background: rgba(255, 255, 255, .3);
    border-radius: 7px
}

.text-area h3,
.text-area p {
    margin: 0;
    padding: 10px;
    color: #fff;
    width: 95%
}

.text-area p {
    font-size: 15px
}

.text-area h3 {
    font-size: 23px
}

.circles,
.circles ul,
.circles ul li,
.circles ul li a {
    padding: 0;
    float: left
}

.text-area a {
    color: #C00
}

.text-area a:hover {
    color: #000
}

.circles {
    margin: 40px 0
}

.circles ul {
    margin: 0;
    width: 100%
}

.circles ul li {
    margin: 0 23px;
    width: 16%
}

.circles ul li a {
    margin: 0;
    width: 100%
}

.circles ul li a:hover span {
    color: #a9cd34;
    transition-duration: .3s
}

.circles ul li a img {
    margin: 0;
    ding: 0
}

.circles ul li span {
    margin: 0;
    padding: 10px 0;
    font-size: 20px;
    color: #fff;
    width: 100%
}

#news-letter {
    float: left;
    margin: 0;
    padding: 5px 0;
    background: #add136;
    width: 100%
}

.sign-up,
.sign-up ul {
    padding: 0;
    float: left;
    margin: 0;
    width: 100%
}

.sign-up ul li {
    float: left;
    margin: 0;
    padding: 0 40px
}

.news-head,
.news-head img {
    margin: 0;
    padding: 0;
    float: left
}

.news-head {
    font-family: Lato, sans-serif!important
}

.news-head h3 {
    float: left;
    margin: 9px 0 0 20px;
    padding: 0;
    font-style: italic;
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.subscribe,
.subscribe p {
    margin: 0;
    padding: 0;
    float: left
}

.subscribe {
    width: 100%
}

.subscribe p {
    font-family: Lato, sans-serif;
    font-size: 18px;
    color: #000
}

.subscribe input {
    float: left;
    margin: 0 10px;
    font-size: 11px;
    padding: 6px 5px;
    border: none;
    background: #fff;
    width: 39%;
    border-radius: 3px
}

.subscribe button {
    float: left;
    margin: 0;
    padding: 4px 10px;
    background: linear-gradient(0deg, #033a71, #05529e) rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 14px;
    border: none;
    border-radius: 3px;
    cursor: pointer
}

.sign-up ul li.input-row {
    margin: 16px 0 0;
    width: 56%
}

.sign-up ul li.first {
    margin: 6px 0 0
}

#clients-testimonials {
    float: left;
    margin: 0;
    padding: 30px 0;
    /*background: url(../images/clients-bg.jpg);*/
    width: 100%
}

.testimonials,
.testimonials .heading {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.testimonials .heading {
    font-size: 35px;
    color: #0555a3;
    font-family: Conv_Coda-Regular;
    font-weight: 500
}

.testimonials .heading span {
    color: #ec1f27
}

.clients-views {
    float: left;
    margin: 30px 0 0;
    padding: inherit;
    width: 100%
}

.clients-views ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.clients-views ul li {
    display: inline-block;
    margin: 0 20px;
    padding: 0;
    width: 40%
}

.info {
    float: left;
    margin: 0;
    padding: 20px 20px 35px;
    width: 91%;
    border: 1px solid #9a9a9a
}

.clients-info,
.info img,
.info p,
.left-img {
    padding: 0;
    float: left
}

.info img {
    margin: -12px 10px 0 0
}

.info p {
    margin: 0;
    font-size: 15px;
    color: #5b4e36;
    text-align: justify;
    line-height: 20px
}

.clients-info {
    margin: 0 0 0 50px;
    width: 89%
}

.left-img {
    margin: -30px 20px 0 0;
    width: 20%
}

#footer,
.footer,
.name p {
    width: 100%;
    float: left
}

.name {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    text-align: left
}

.clients-info img,
.name h2 {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.name h2 {
    font-size: 16px;
    font-weight: 700
}

.name p {
    margin: 5px 0 0;
    padding: 0;
    font-size: 14px;
    color: #ec1f27
}

#footer {
    background: url(../images/footer-bg2.jpg) no-repeat #0655a4;
    margin: 0;
    padding: 40px 0;
    background-size: 100%
}

.footer {
    margin: 120px 0 0;
    padding: 0
}

.footer-box {
    float: left;
    margin: 10px;
    width: 23%
}

.footer-box h2 {
    float: left;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px dashed #fff;
    width: 100%;
    font-size: 20px;
    color: #fff
}

.footer-box ul {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

.footer-box ul li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.footer-box ul li a {
    float: left;
    margin: 0;
    padding: 5px 0 0 15px;
    width: 100%;
    color: #fff;
    font-size: 15px;
    background: url(../images/small-arrow.png) 0 75% no-repeat
}

.footer-box2 ul li input,
.footer-box2 ul li textarea {
    background: #fff;
    border: none;
    padding: 6px 5px;
    width: 94%;
    margin: 0;
    float: left
}

.footer-box ul li a:hover {
    color: #a9cd34
}

.footer-box2 ul li input {
    border-radius: 3px
}

.footer-box2 ul li textarea {
    border-radius: 3px;
    font-family: Lato, sans-serif;
    color: #000
}

.footer-box2 button {
    background: #add136;
    padding: 5px 10px;
    color: #000;
    float: left;
    margin: 0;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer
}

.afflliate-btn {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 29%
}

.afflliate-btn ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.afflliate-btn ul li {
    display: inline-block;
    margin: 20px 0 0;
    padding: 0 0 0 20px;
    text-align: center
}

.afflliate-btn ul li a {
    background: #94b42c;
    transition: all .5s ease 0s;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-size: 25px;
    margin: 0;
    padding: 9px 30px;
    transition-duration: .3s
}

.footer-box3 h2 {
    float: left;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px dashed #fff;
    width: 100%;
    font-size: 20px;
    color: #fff
}

.footer-box3 ul {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    width: 100%
}

.footer-box3 ul li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 100%
}

.footer-box3 ul li img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0
}

.footer-box3 ul li a,
.footer-box3 ul li p {
    float: left;
    margin: 0;
    font-size: 15px;
    color: #fff
}

.footer-box3 ul li p {
    padding: 0;
    width: 85%
}

.footer-box3 ul li a {
    background: url(../images/small-arrow.png) 0 75% no-repeat rgba(0, 0, 0, 0);
    padding: 5px 0 0 15px;
    width: 100%
}

.footer-box4,
.footer-box4 ul,
.logo-bottom {
    float: left;
    padding: 0;
    text-align: center
}

.footer-box3 ul li img.email-icon {
    margin: 5px 10px 0 0
}

.footer-box4 ul,
.logo-bottom {
    width: 100%
}

.logo-bottom {
    margin: 0
}

.footer-box4 ul {
    margin: 10px 0 0
}

.footer-box4 ul li {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    width: auto;
    float: none
}

.footer-box4 ul li a {
    background: 0 0;
    padding: 0
}

.footer-border {
    float: left;
    margin: 30px 0 0
}

#copyright {
    float: left;
    margin: 0;
    padding: 10px 0;
    background: #ec222a;
    width: 100%
}

.dropdown dd,
.dropdown dt,
.dropdown ul,
p.copyright {
    padding: 0;
    margin: 0
}

p.copyright {
    float: left;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: center
}

.mobile-logo,
.slicknav_menu {
    display: none
}

.dropdown a,
.dropdown a:visited {
    color: #816c5b;
    outline: 0
}

.dropdown a:hover {
    color: #5d4617
}

.dropdown dt a:hover {
    color: #5d4617;
    border: 1px solid #d0c9af
}

.dropdown dt a {
    background: url(../images/arrow.png) right center no-repeat #fff;
    display: block;
    border: 1px solid #d4ca9a;
    width: 100%;
    padding: 5px 0;
    margin: 0
}

.dropdown dt a span {
    cursor: pointer;
    display: block;
    padding: 5px
}

.dropdown dd ul {
    background: #fff;
    border: 1px solid #d4ca9a;
    color: #C5C0B0;
    display: none;
    left: 0;
    padding: 5px 0;
    position: absolute;
    top: 2px;
    width: auto;
    min-width: 100%;
    transition: all 1s ease-in-out
}

.dropdown span.value {
    display: none
}

.dropdown dd ul li a {
    padding: 5px;
    display: block
}

.dropdown dd ul li a:hover {
    background-color: #d0c9af
}

.dropdown img.flag {
    border: none;
    vertical-align: middle;
    margin-left: 10px
}

#sample {
    float: left;
    margin: 0;
    padding: 0;
    width: 18%
}

#polyglotLanguageSwitcher,
#polyglotLanguageSwitcher * {
    margin: 0;
    padding: 0;
    outline: 0
}

#polyglotLanguageSwitcher {
    font-size: 12px;
    color: #444;
    float: left;
    line-height: normal;
    position: relative;
    z-index: 100;
    width: 100%;
    text-align: center;
    margin: 20px 0 0
}

#polyglotLanguageSwitcher form {
    display: none
}

#polyglotLanguageSwitcher a {
    display: inline-block;
    padding: .3em 6px .3em 28px;
    color: #444;
    width: 50%;
    background-repeat: no-repeat;
    background-position: 6px center;
    margin: 5px 0 0;
    text-align: left
}

#polyglotLanguageSwitcher a:hover {
    color: #000
}

#polyglotLanguageSwitcher a.current:active,
#polyglotLanguageSwitcher a.current:link,
#polyglotLanguageSwitcher a.current:visited {
    position: relative;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    height: 2.25em
}

#polyglotLanguageSwitcher a.current:hover,
#polyglotLanguageSwitcher ul.dropdown li:hover {
    background-color: #F7F7F7
}

#polyglotLanguageSwitcher a.active {
    border-bottom: none!important;
    border-radius: 3px 3px 0 0!important
}

#polyglotLanguageSwitcher span.trigger {
    display: block;
    position: absolute;
    width: 9px;
    height: 5px;
    text-indent: -10000em;
    top: 11px;
    right: 6px
}

#about-content,
#breadcrumbs,
#polyglotLanguageSwitcher ul.dropdown,
.footer-box .dropdown>li,
.page-info,
.page-info ul,
.top-content {
    width: 100%
}

#polyglotLanguageSwitcher a.current:link span.trigger,
#polyglotLanguageSwitcher a.current:visited span.trigger {
    background: url(../images/arrow-down.gif) left top no-repeat
}

#polyglotLanguageSwitcher a.active span.trigger,
#polyglotLanguageSwitcher a.current:active span.trigger,
#polyglotLanguageSwitcher a.current:hover span.trigger {
    background-position: left bottom!important
}

#polyglotLanguageSwitcher ul.dropdown {
    display: none;
    position: absolute;
    bottom: 31px;
    left: 0;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-top: none!important;
    border-radius: 0 0 3px 3px
}

.boxes ul li,
.options ul li,
.plans-desc a,
.top-btns ul li {
    display: inline-block
}

#polyglotLanguageSwitcher ul.dropdown li {
    border-top: none
}

#polyglotLanguageSwitcher ul.dropdown li:last-child {
    border-radius: 0 0 3px 3px
}

#en {
    background-image: url(../images/flags/en.png)
}

#fr {
    background-image: url(../images/flags/fr.png)
}

#de {
    background-image: url(../images/flags/de.png)
}

#it {
    background-image: url(../images/flags/it.png)
}

#es {
    background-image: url(../images/flags/es.png)
}

#ar {
    background-image: url(../images/flags/ar.png)
}

#au {
    background-image: url(../images/flags/au.png)
}

#dk {
    background-image: url(../images/flags/dk.png)
}

#dz {
    background-image: url(../images/flags/dz.png)
}

#ir {
    background-image: url(../images/flags/eg.png)
}

#jp {
    background-image: url(../images/flags/jp.png)
}

#ma {
    background-image: url(../images/flags/ma.png)
}

#mx {
    background-image: url(../images/flags/mx.png)
}

#pl {
    background-image: url(../images/flags/pl.png)
}

#pt {
    background-image: url(../images/flags/pt.png)
}

#ro {
    background-image: url(../images/flags/ro.png)
}

#ru {
    background-image: url(../images/flags/ru.png)
}

#se {
    background-image: url(../images/flags/se.png)
}

#tr {
    background-image: url(../images/flags/tr.png)
}

#br {
    background-image: url(../images/flags/br.png)
}

#about-content {
    float: left;
    margin: 0;
    padding: 30px 0
}

#breadcrumbs {
    float: left;
    margin: 0;
    padding: 20px 0;
    background: #ececec
}

.page-info,
.page-info ul,
.page-info ul li {
    padding: 0;
    margin: 0;
    float: left
}

.page-info ul li a {
    float: left;
    margin: 0;
    padding: 0 10px;
    font-size: 16px;
    color: #333
}

.page-info ul li a.active1,
.page-info ul li a:hover {
    color: #ea5c12
}

.page-info img {
    float: left;
    margin: 3px 0 0;
    padding: 0
}
.page-main-title {
    color: #ec1f27;
    float: left;
    font-family: Conv_Coda-Regular;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase
}
.about-section h2.heading {
    color: #ec1f27;
    float: left;
    font-family: Conv_Coda-Regular;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
    text-transform: uppercase
}

.bottom-content p,
.left-about p {
    font-family: Lato, sans-serif;
    text-align: justify
}

.top-content {
    float: left;
    margin: 20px 0;
    padding: 0
}

.bottom-content,
.left-about,
.left-about p,
.right-about {
    margin: 0;
    padding: 0
}

.left-about {
    float: left;
    width: 75%
}

.left-about p {
    color: #333;
    float: left;
    font-size: 17px;
    line-height: 21px;
    width: 100%
}

.right-about {
    float: right
}

.bottom-content {
    float: left;
    width: 100%
}

.bottom-content h3 {
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    font-size: 20px;
    color: #333
}

.bottom-content p,
.bottom-content ul li {
    color: #333;
    font-size: 17px;
    line-height: 21px;
    padding: 0;
    width: 100%;
    float: left
}

.brief p,
.condition p,
.condition span,
.edu-desc p,
.other h3,
.plans-desc p {
    line-height: 25px
}

.bottom-content ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.bottom-content ul li {
    margin: 0 0 20px
}

#step1,
.bottom-content p {
    margin: 0
}

.step-1 .heading,
.step-desc h3 {
    text-align: center;
    font-family: Conv_Coda-Regular
}

#step1 {
    float: left;
    padding: 30px 0;
    width: 100%
}

.step-desc{
    text-align: center;
}

.step-desc ul{
    display: inline-block;
    margin: 0;
    padding: 0;
    zoom: 1;
}
.step-1 .heading,
.step-desc,
.step-desc h3{
    padding: 0;
    width: 100%;
    float: left
}

.step-1 .heading {
    color: #0555a3;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    margin: 10px 0 0
}

.step-desc {
    margin: 0 0 30px
}

.step-desc h3 {
    margin: 20px 0;
    color: #ec1f27;
    font-size: 25px;
    font-weight: 400
}

.step-desc ul {
    margin: 0
}

.step-desc ul li {
    padding: 7px 49px;
    float: left;
    color: #444;
    position: relative;
    background: #93b12e;
    font-size: 22px;
    font-family: Conv_Coda-Regular;
    margin: 0 34px 0 0;
    box-shadow: 5px 4px 3px #bbb
}

.step-desc ul li span {
    font-size: 30px;
    font-weight: 700;
    font-family: Lato, sans-serif;
    float: left
}

.step-desc ul li p {
    float: left;
    margin: 5px 0 0 10px;
    padding: 0
}

.step-desc ul li li:first-child a {
    padding-left: 1em;
    border-radius: 5px 0 0 5px
}

.step-desc ul li::after,
.step-desc ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -25px;
    border-top: 26px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 25px solid;
    right: -25px
}

.step-desc ul li::after {
    z-index: 2;
    border-left-color: #93b12e
}

.step-desc ul li::before {
    border-left-color: #ccc;
    z-index: 1
}

.step-desc ul li.steps::after {
    z-index: 2;
    border-left-color: #0555a3
}

.step-desc ul li.steps::before {
    border-left-color: #fff;
    left: 0
}

.step-desc ul li.steps {
    background: #0555a3;
    color: #fff
}

.authentic-img span,
.authentic-row p.left {
    color: #333;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: justify;
    line-height: 25px
}

.authentic-row {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.authentic-row p.left {
    float: left;
    margin: 0;
    padding: 0;
    width: 60%
}

.authentic-img,
.authentic-img img {
    float: right;
    margin: 0;
    padding: 0
}

.authentic-img {
    width: 26%
}

#details-section,
.authentic-img span {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.personal-info {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
	margin-bottom: 15px !important;
}

.personal-info h2.personal-head {
    float: left;
    margin: 0;
    padding: 10px 20px;
    width: 96.6%;
    font-size: 30px;
    color: #fff;
    font-family: Conv_Coda-Regular;
    background: #055cb2;
    font-weight: 400
}

.enter-details,
.personal-form {
    margin: 0;
    width: 100%;
    float: left
}

.personal-form {
    padding: 0 20px;
    background: #f4f4f2;
    border: 1px solid #dae2e6
}

.enter-details {
    padding: 20px 0
}

.row1 {
    float: left;
    margin: 0 10px;
    padding: 0;
    width: 47%
}

.row1 input,
.row1 label {
    margin: 0 0 10px;
    float: left
}

.row1 label {
    color: #464f5e;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    width: 100%
}

.row1 input {
    border: 1px solid #dae2e6;
    padding: 10px;
    width: 100%
}

.row1 span {
    color: #ec1f27
}

.information-tip-box{
    position: absolute;
    right: 4%;
}
.styled-select2 {
    background: url(../images/drop-arrow1.png) 95% center no-repeat #fff;
    border: 1px solid #d9d9d9;
    color: #666;
    float: left;
    margin: 0 0 15px;
    overflow: hidden;
    width: 100%
}
.native-country-list{
    width: 92%;
}

.styled-select2 select {
    background: rgba(0, 0, 0, 0);
    border: none;
    color: #666;
    font-size: 13px;
    margin: 0;
    padding: 9px 10px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none
}

.contact-info h2.personal-head,
.education-info h2.personal-head {
    font-size: 30px;
    color: #fff;
    background: #055cb2;
    float: left;
    font-family: Conv_Coda-Regular
}

.birth {
    width: 30%;
    margin: 0 13px 0 0
}

.birth select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none
}

.contact-info {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

.contact-info h2.personal-head {
    margin: 0;
    padding: 10px 20px;
    width: 96.6%
}

.area-phone {
    float: left;
    margin: 0 5px 0 0;
    padding: 0;
    width: 21%
}


.phone-box {
    float: left;
    width: 78%
}

.education-info {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    border: 1px solid #dae2e6
}

.education-info h2.personal-head {
    margin: 0;
    padding: 10px 20px;
    width: 100%
}

.edu-desc {
    float: left;
    padding: 20px;
    width: 96.6%;
    background: #f4f4f2
}

.edu-desc h2,
.edu-desc p {
    padding: 0;
    width: 100%;
    font-size: 16px;
    color: #000
}

.edu-desc h2 {
    float: left;
    margin: 0 0 10px;
    font-weight: 700
}

.edu-desc p,
.radio-btns,
.radio-btns ul {
    margin: 0;
    float: left
}

.radio-btns {
    padding: 20px;
    width: 100%;
    background: #e4e4e0
}

.radio-btns ul {
    padding: 0;
    width: 37%
}

.radio-btns ul li {
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 100%
}

.radio-btns ul li input {
    float: left;
    margin: 4px 0 0;
    padding: 0
}

.radio-btns ul li p {
    margin: 0 0 0 15px;
    padding: 0
}

.radio-btns ul.right-column {
    float: right;
    width: 25%
}

.other-info {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width:100%
}

.other-info h2.personal-head {
    float: left;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    font-size: 30px;
    color: #fff;
    font-family: Conv_Coda-Regular;
    background: #055cb2
}

.other {
    float: left;
    margin: 0;
    padding: 20px 0px;
    width: 96.6%;
    background: #f4f4f2
}

.kids-info,
.other h3,
.other ul.choose {
    padding: 0;
    width: 100%;
    float: left
}

.other h3 {
    margin: 0 13px 20px;
    font-size: 16px;
    color: #000
}

.other ul.choose {
    margin: 0
}

.other ul.choose li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0
}

.other ul.choose li input {
    float: left;
    margin: 4px 0 0;
    padding: 0
}

.other ul.choose li p {
    float: left;
    margin: 0 0 0 10px;
    padding: 0
}

.kids-info {
    margin: 30px 0 0
}

.kids-info h2.personal-head {
    float: left;
    margin: 0;
    padding: 10px 20px;
    width: 100%;
    font-size: 30px;
    color: #fff;
    font-family: Conv_Coda-Regular;
    background: #055cb2
}

.color-row {
    float: left;
    margin: 0;
    padding: 20px 0px;
    width: 96.6%;
    background: #f4f4f2
}

.row2 label {
    color: #464f5e;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 10px;
    padding: 0;
    text-align: left;
    width: 100%
}

.row2 .styled-select2 {
    width: 30%
}
.row1 .drpd {
    width: 100%
}


.row2 .child-select {
    width: 96%!important
}

.row2 .styled-select2 select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none
}

.continue-btn {
    float: right;
    margin: 20px 0 0;
    border: 1px solid #fff;
    padding: 10px 20px;
    background: #94b42c;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}

.plans,
.plans ul,
.plans ul li {
    float: left;
    padding: 0
}

.choose-plans h3.plan-head,
.plans-name h3 {
    font-weight: 400;
    font-family: Conv_Coda-Regular
}

.continue-btn:hover {
    background: green
}

body.step2 .step-desc ul li.steps.second-step {
    background: #93b12e
}

body.step2 .step-desc ul li.second-step::after {
    border-left-color: #93b12e
}

body.step2 .step-desc ul li::after {
    border-left-color: #0555a3
}

body.step2 .step-desc ul li {
    background: #0555a3;
    color: #fff
}

.choose-plans h3.plan-head {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 20px
}

.plans {
    margin: 0;
    width: 100%
}

.plans ul {
    margin: 20px 0 0;
    width: 100%
}

.plans ul li {
    margin: 0;
    width: 25%;
    box-shadow: 2px 8px 14px #888
}

.plans ul li.active-plan {
    background: #fff;
    padding: 1px;
    transform: scale(1.1);
    transition: all .2s ease-in-out 0s;
    width: 24.8%
}

.plans-name,
.plans-name h3 {
    width: 100%;
    float: left;
    margin: 0
}

.plans-name {
    padding: 0;
    text-align: center;
    background: #ececec
}

.plans-name h3 {
    padding: 10px 0;
    font-size: 24px;
    background: #5e5e5e;
    color: #fff;
    border-bottom: 1px solid #333
}

.plans ul li.active-plan .plans-name h3 {
    background: #adce40;
    padding: 17px 0 12px;
    border: none
}

.plans ul li.active-plan .plans-desc p {
    color: #add136
}

.price {
    float: left;
    margin: 0;
    padding: 10px 0 20px;
    width: 100%;
    background: url(../images/drop.png) no-repeat;
    text-align: center;
    background-size: 100% 100%
}

.center,
.plans-desc,
.plans-desc p,
.price p,
.price span {
    padding: 0;
    width: 100%;
    float: left
}

.green-drop {
    background: url(../images/green-drop.png) no-repeat
}

.price span {
    margin: 0;
    font-size: 20px;
    color: #fff
}

.price p {
    margin: 0;
    font-size: 45px;
    color: #fff
}

.plans-desc {
    margin: 0
}

.plans-desc p {
    margin: 20px 0 0;
    font-size: 20px;
    color: #000
}

.center {
    margin: 20px 0
}

.back-btn a,
.plans-desc a {
    margin: 0;
    font-weight: 700
}

.plans-desc a {
    padding: 10px 15px;
    font-size: 15px;
    color: #000;
    background: #add136
}

.plans-desc a:hover {
    background: #5e5e5e;
    color: #fff
}

.back-btn {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

.back-btn a {
    float: left;
    padding: 10px 20px;
    background: #ec1f27;
    color: #fff;
    font-size: 16px
}

.lists,
.lists ul,
.plans-info {
    padding: 0;
    width: 100%;
    float: left;
    margin: 0
}

.back-btn a:hover {
    background: #0556a7
}

.plans-info {
    background: #ececea;
    border: 1px solid #dae2e6
}

.lists ul {
    border-bottom: 1px solid #dadad5
}

.lists ul li {
    border-right: 1px solid #dadad5;
    box-sizing: unset;
    float: left;
    margin: 0;
    padding: 20px;
    width: 12%
}

.lists ul li.column-new-blank {
    border-right: 1px solid #dadad5;
    padding: 5px;
    min-height: 90px;
}

.lists ul li.column-new {
    text-align: center;
    padding: 5px;
    min-height: 90px;
}

.column3>p,
.free,
.free>p {
    padding: 0;
    float: left;
    margin: 0
}

.free>p {
    font-size: 18px;
    font-weight: 700
}

.free span {
    font-size: 18px;
    font-weight: 400
}

.column3>p {
    width: 100%
}

.lists ul li.column1 {
    width: 23%;
    padding: 25px 17px;
    min-height: 48px;
}

.lists ul li.column2 {
    text-align: center;
    margin: 0;
    padding: 25px 17px;
    min-height: 51px;
}

.lists ul li.column3 {
    text-align: center;
    margin: 0;
    padding: 36px 17px;
    min-height: 29px;
}

.lists ul li.column4 {
    text-align: center;
    margin: 0 0 0;
    float: right;
    width: 21%;
    border: none;
    padding: 28px 17px;
    min-height: 26px;
}

li.column2 .hoverHelp {
    right: 40%
}

.plans-info .hoverHelp {
    width: 217%
}

.options,
.options ul {
    float: left;
    width: 100%
}

.col-md-2,
.col-md-8,
.insert_price .col-md-12 {
    padding: 5px 0!important
}

.options,
.options ul,
.options ul li {
    padding: 0;
    margin: 0
}

.options ul {
    border: none
}

.options ul li {
    float: none;
    border: none;
    width: 35%
}

.fill-form,
.total-order {
    padding: 0;
    width: 100%;
    float: left
}

.options ul li label {
    float: left;
    margin: 0;
    padding: 0
}

.options ul li input {
    float: left;
    margin: 4px 15px 0 0;
    padding: 0
}

.list-row2 {
    background: #f4f4f2
}

.fill-form {
    margin: 0
}

.total-order {
    margin: 15px 0 0;
    border: 1px solid #dae2e6
}

.add-offer,
.total-order h2.personal-head {
    background: #055cb2;
    color: #fff;
    float: left;
    font-family: Conv_Coda-Regular;
    font-size: 30px;
    margin: 0;
    padding: 10px 20px;
    width: 96.6%;
    font-weight: 400
}

.total-order ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 96.5%
}

.total-order ul li {
    float: left;
    margin: 0;
    padding: 20px;
    width: 100%
}

.lists-name {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.lists-name p {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #000
}

.lists-name span {
    float: right;
    margin: 0;
    padding: 0;
    text-align: left
}

.total-order ul li.first-row {
    background: #ececea
}

.total-order ul li.second-row {
    background: #f4f4f2
}

.changes-btn {
    float: left;
    margin: 26px 0 0;
    padding: 9px 15px;
    font-size: 15px;
    background: #add136;
    border: none;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.payment {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

.payment h2.payment-head {
    background: #055cb2;
    color: #fff;
    float: left;
    font-family: Conv_Coda-Regular;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    padding: 9px 20px;
    width: 100%
}

.card-type,
p.pay-info {
    padding: 0;
    float: left;
    width: 100%
}

p.pay-info {
    margin: 10px 0;
    font-size: 16px
}

.card-type {
    margin: 0
}

.card-type p {
    float: left;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    font-size: 16px
}

.card-type ul,
.card-type ul li {
    margin: 0;
    padding: 0;
    float: left
}

.card-type ul {
    width: 100%
}

.card-type ul li input {
    float: left;
    margin: 4px 15px 0 0;
    padding: 0
}

.card-type ul li label,
.full-row {
    margin: 0;
    padding: 0;
    float: left
}

.full-row {
    width: 100%
}

.card-img {
    float: left;
    margin: 20px 0;
    padding: 0;
    width: 60%
}

.card-img ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.card-img ul li {
    float: left;
    margin: 0;
    padding: 0 20px 0 0
}

.rows {
    float: left;
    margin: 0 30px 0 0;
    padding: 0;
    width: 35%
}

.rows input,
.rows label {
    margin: 0 0 10px;
    float: left
}

.rows label {
    color: #464f5e;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    text-align: left;
    width: 100%
}

.rows input {
    border: 1px solid #dae2e6;
    padding: 10px;
    width: 96%
}

.expiry {
    margin: 0 16px 0 0;
    width: 35%
}

.expiry select {
    width: 118%
}

.row2 {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.security {
    width: 18%
}

.security input {
    width: 60%
}

.security img {
    margin: 30px 0 0
}

.security .hoverHelp {
    margin: -200px 0 0;
    right: 72%
}

.credit_card tbody,
.credit_card tr,
.credit_card>table {
    float: left;
    width: 100%
}

.credit_card td {
    float: left;
    margin: 0 10px;
    padding: 5px 0;
    text-align: left;
    text-transform: capitalize;
    width: 20%
}

.answers h2,
.answers p,
.boxes,
.search-box,
.search-box h2,
.top-btns ul {
    text-align: center
}

.credit_card input {
    border: 1px solid #dae2e6;
    float: left;
    padding: 5px;
    width: 100%
}

.button {
    float: left;
    margin: 10px 0 30px;
    padding: 0;
    width: 100%
}

.button>input {
    background: #337ab7;
    border: none;
    color: #fff;
    margin: 0 30px;
    padding: 10px 0;
    width: 35%
}

.accept {
    width: 35%;
    background: #add136;
    float: left;
    margin: 0;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    border: none!important
}

.condition,
.terms,
.terms input,
.terms p {
    padding: 0;
    float: left
}

.terms p {
    margin: 10px 0 0;
    font-size: 15px;
    color: #000
}

.condition p,
.condition span {
    padding: 0;
    width: 100%;
    font-size: 16px;
    color: #000;
    float: left
}

.condition {
    margin: 30px 0 0;
    width: 100%
}

.condition p {
    margin: 0
}

.condition span {
    margin: 20px 0 0;
    font-weight: 700
}

.condition a {
    color: #09f
}

.full-div {
    float: left;
    margin: 0;
    padding: 20px;
    background: #e7f2fe;
    width: 96.4%;
    border: 1px solid #dae2e6
}

.step4,
.step4 h2,
.step4 h3,
.step4 p,
.upload {
    width: 100%;
    float: left
}

.about-section h2.heading span {
    color: #0555a3
}

.step4 {
    margin: 30px 0 0;
    padding: 0
}

.step4 h2 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    color: #09427b
}

.step4 p {
    margin: 30px 0;
    padding: 0;
    font-size: 16px;
    color: #333
}

.step4 h3,
.upload,
.upload-section {
    margin: 0
}

.step4 h3 {
    padding: 40px 0 20px;
    font-size: 20px;
    color: #ec1f27;
    font-weight: 700;
    border-bottom: 1px dotted #c4c4c4
}

.upload {
    padding: 0
}

.upload h2.upload-head {
    background: #055cb2;
    color: #fff;
    float: left;
    font-family: Conv_Coda-Regular;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
    width: 96.6%
}

.upload-btn,
.upload-section,
.upload-section h6 {
    padding: 0;
    width: 100%;
    float: left
}

.upload-section h6 {
    margin: 0 0 20px;
    font-size: 18px;
    color: #000;
    font-weight: 400
}

.bottom-part,
.upload-btn {
    margin: 0
}

.upload-btn a {
    float: left;
    margin: 0;
    padding: 10px 40px;
    background: #add136;
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.bottom-part,
.bottom-part h6,
.bottom-part ul {
    padding: 0;
    width: 100%;
    float: left
}

.bottom-part h6 {
    margin: 20px 0;
    color: #ec1f27;
    font-size: 20px
}

.bottom-part ul {
    margin: 0
}

.bottom-part li {
    float: left;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    width: 97%;
    font-size: 16px;
    color: #333;
    background: url(../images/tick.png) left 35% no-repeat
}

.bottom-part h4,
.images-size ul li p {
    font-size: 18px;
    color: #000;
    float: left
}

.bottom-part h4 {
    margin: 20px 0;
    padding: 10px;
    width: 98%;
    font-weight: 700;
    background: #e8e8e6
}

.images-size,
.images-size ul {
    width: 100%;
    padding: 0;
    float: left
}

.images-size {
    margin: 20px 0 0
}

.images-size ul {
    margin: 0
}

.images-size ul li {
    float: left;
    margin: 0 50px 0 0;
    padding: 0;
    width: 27%
}

.images-size ul li p {
    text-align: center;
    margin: 20px 0 0;
    padding: 0;
    width: 100%
}

.images-size ul li.img2 {
    width: 33%
}

.images-size ul li.img2 img {
    width: auto
}

.images-size img,
.send {
    width: 100%
}

.send {
    float: left;
    margin: 30px 0 0;
    padding: 0
}

.send h2.send-head {
    background: #055cb2;
    color: #fff;
    float: left;
    font-family: Conv_Coda-Regular;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
    width: 96.6%
}

.brief,
.brief h6,
.brief p {
    padding: 0;
    width: 100%;
    float: left
}

.brief {
    margin: 0
}

.brief h6 {
    margin: 20px 0 0;
    font-size: 20px;
    color: #ec1f27;
    font-weight: 400
}

.brief p {
    margin: 10px 0;
    font-size: 16px;
    color: #333;
    font-weight: 400
}

.full-section {
    float: left;
    margin: 0;
    padding: 20px;
    background: #f4f4f2;
    width: 96.4%;
    border: 1px solid #dae2e6
}

.top-btns {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

.top-btns ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.top-btns ul li {
    float: none;
    margin: 0 17px;
    padding: 0
}

.top-btns ul li a {
    float: left;
    margin: 0;
    padding: 10px 40px;
    font-family: Conv_Coda-Regular;
    font-size: 20px;
    color: #000;
    background: #ececec
}

.top-btns ul li a.red {
    background: #ec1f27;
    color: #fff
}

.top-btns ul li a.green {
    background: #9dbe2f;
    color: #fff
}

.search-box {
    float: left;
    margin: 30px 0 0;
    width: 100%;
    background: #eaeaea;
    padding: 30px 0;
    border-radius: 6px
}

.search-box h2 {
    float: left;
    margin: 0 0 20px;
    padding: 0;
    font-size: 30px;
    color: #000;
    font-weight: 400;
    font-family: Conv_Coda-Regular;
    width: 100%
}

.box1 p,
.tabs a {
    font-weight: 700
}

.search-box input {
    margin: 0;
    padding: 15px 10px;
    border: none;
    background: url(../images/search.png) 99% center no-repeat #c5c5c5;
    border-radius: 4px;
    width: 80%;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.boxes,
.boxes p,
.boxes ul {
    float: left;
    padding: 0;
    width: 100%
}

.boxes {
    margin: 30px 0 0
}

.boxes p {
    margin: 0;
    font-size: 13px;
    color: #333;
    line-height: 24px
}

.boxes ul {
    margin: 30px 0 0
}

.boxes ul li {
    float: none;
    margin: 0 0 0 35px;
    padding: 20px 0;
    width: 30%;
    border: 1px solid #cdcdcd;
    border-top: 4px solid #77b9d7;
    border-radius: 5px;
    border-bottom: 3px solid #ccc
}

.box1 {
    float: left;
    margin: 0;
    padding: 0
}

.box1 img {
    margin: 0;
    padding: 3px;
    border: 1px solid #cdcdcd
}

.box1 p,
.box1 span {
    padding: 0;
    float: left;
    color: #000
}

.box1 p {
    margin: 20px 0 10px;
    font-size: 20px
}

.box1 span {
    margin: 0;
    font-size: 16px;
    width: 100%
}

.answers {
    float: left;
    margin: 30px 0;
    padding: 30px 0;
    background: #f2f6fa;
    width: 100%;
    border-radius: 5px
}

.answers h2,
.answers p,
.tabs {
    float: left;
    padding: 0;
    width: 100%
}

.answers h2 {
    margin: 0 0 10px;
    font-family: Conv_Coda-Regular;
    font-size: 30px;
    color: #000
}

.answers p {
    margin: 0;
    font-size: 16px;
    color: #000
}

.tabs {
    border: 1px solid #ddd;
    cursor: pointer;
    margin: 0 0 20px
}

.tabs a,
.visible {
    padding: 10px;
    margin: 0;
    float: left
}

.tabs a {
    color: #fff;
    font-size: 14px;
    width: 97.3%;
    background: url(../images/arrow-1.png) 99% 42% no-repeat #0555a3
}

.visible {
    width: 98%
}

.visible p {
    color: #777;
    float: left;
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%
}

.hoverHelp p,
.hoverHelp1 p {
    color: #fff;
    font-size: 12px;
    float: left
}

.center-auto {
    width: 60%;
    margin: 0 auto
}

.space-top {
    float: left;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

.tabs a.opened {
    background: url(../images/arrow-2.png) 99% 42% no-repeat #0555a3
}

.top-btns ul li a:hover {
    background: #ec1f27;
    color: #fff
}

.hoverHelp,
.hoverHelp1 {
    z-index: 3;
    background: rgba(0, 0, 0, .7)
}

.native {
    width: 90%
}

a.image-i {
    float: right;
    margin: 11px 0 0 10px;
    padding: 0
}

.image-i>img {
    width: 60%
}

.i-img {
    position: relative;
    margin: 0;
    padding: 0
}

.i-img:hover .hoverHelp {
    display: block
}

.hoverHelp {
    display: none;
    position: absolute;
    margin: -130px 0 0;
    padding: 10px;
    right: 0;
    top: -25px;
    width: 140%
}

.hoverHelp p,
.i-img1 {
    margin: 0;
    padding: 0
}

.drop-new {
    bottom: -10px;
    right: 15px;
    position: absolute
}

.i-img1 {
    position: relative
}

.i-img1:hover .hoverHelp1 {
    display: block
}

#option6,
.boxes .box,
.hoverHelp1 {
    display: none
}

.hoverHelp1 {
    position: absolute;
    margin: -130px 0 0;
    padding: 10px;
    right: -20px;
    top: -30px;
    width: 100%
}

#show-me,
.boxes .box {
    float: left;
    padding: 0;
    width: 100%
}

.hoverHelp1 p {
    margin: 0;
    padding: 0
}

.drop-new1 {
    bottom: -10px;
    right: 15px;
    position: absolute
}

.hoverHelpAnchor {
    cursor: help
}



.other .radio-btns {
    background: 0 0
}

.boxes .box {
    margin: 0
}

.imm-team {
    box-shadow: 10px 10px 5px #e3d6d6
}

.bottomslider {
    background: rgba(0, 0, 0, .6);
    left: 0;
    padding: 20px 100px;
    bottom: 0;
    width: 100%;
    display: inline-block
}

.bottomslider h2 {
    float: left;
    margin: 0;
    padding: 0;
    font-size: 38px;
    color: #fff;
    font-family: Conv_Coda-Regular;
    font-weight: 100
}

.bottomslider img {
    width: auto!important;
    float: left;
    margin: -12px 20px 0;
    height: auto
}

.bottomslider a {
    float: left;
    margin: 0;
    background: url(../images/apply-btn-bg.png);
    padding: 5px 10px;
    font-size: 16px;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    color: #000;
    text-align: center;
    line-height: 25px;
    border-radius: 3px;
    box-shadow: 2px 7px 7px #000
}

#apply-third-payment-form{
    margin-top:24px;
}
.t-logos{
    position: absolute; bottom:0; text-align: right;right:0
}
.payment-t-logo{
    position:relative; min-height: 320px
}
.payment-secure-logo{
    margin-top: -25px;
    position: absolute;
    margin-left: 875px;
}
#trusted-guard-logo{
    padding-top: 2px;
    float: right;
}
#payment-title-bar{
    padding-top: 2px;
    float: left;
}

@media (min-width:220px) and (max-width:467px) {
    .hoverHelp1{
        right: -30px;
        top: -44px !important;
        position: relative;
        min-height: 201px;
        width: 100%;
    }
    .t-logos{
        left:0;
        text-align: left;
    }
    .payment-t-logo{
        min-height: 115px;

    }
    #trusted-guard-logo{
        padding-top: 50px;
        position: absolute;
        margin-left: 142px;
    }
    .payment-secure-logo{
        margin-top: 18px;position: absolute;margin-left: 0px;
    }
    #apply-third-payment-form{
        margin-top: 65px;
    }
    .right-side-menu-items{
        margin-left: 0% !important;
    }
    .circles{
        margin-left: 0px !important;
    }
    .authentic-img,
    .footer-box4 ul,
    .left-phn,
    .left-side p,
    .lists ul li.column4,
    .logo-bottom,
    .mobile-logo,
    .mobile-menus,
    .right-about,
    .right-btns ul,
    .sign-up,
    .step-desc ul,
    .tabs a {
        text-align: center
    }
    .lists ul li,
    .lists ul li.column-new-blank {
        border-right: none
    }
    #wrapper,
    .full {
        width: 92%
    }
    body {
        overflow-x: hidden
    }
    .slicknav_menu {
        display: block;
        float: left;
        width: 100%
    }
    .full {
        float: left;
        width: 100%;
    }
    .mobile-logo img {
        width: auto;
    }
    .mobile-menus {
        float: left;
        width: 100%;
        background: #0555a3;
        padding: 0;
        margin: 0 0 20px
    }
    .slicknav_menu a {
        color: #fff;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 10px 0
    }
    .nav-row {
        display: none
    }
    .mobile-logo {
        display: block;
        width: 100%
    }
    .slicknav_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left
    }
    .slicknav_menu ul li {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%
    }
    .slicknav_menu ul li a {
        float: left;
        margin: 0;
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid #fff
    }
    .slicknav_menu ul li a:hover {
        color: #a9cd34;
        border-bottom: 1px solid #a9cd34
    }
    .logo {
        display: none
    }
    .slicknav_menutxt {
        background: url(../images/togglemenu.png) 84% 75% no-repeat;
        float: left;
        width: 100%;
        color:#fff;
    }
    .left-phn {
        width: 100%
    }
    .left-phn img {
        float: none;
        margin: 0
    }
    .left-phn p {
        float: none
    }
    .right-btns {
        float: left;
        width: 100%;
        margin: 20px 0
    }
    .right-btns ul li {
        float: none;
        display: inline-block;
        padding: 10px 10px
    }
    #banner .skdslider .slide-desc,
    .border-area,
    .footer-border,
    .sign-up ul li.arrow,
    .step-desc ul li.steps {
        display: none
    }
    .right-btns ul li a {
        font-size: 15px
    }
    .header {
        margin: 10px 0
    }
    .border img {
        width: 100%
    }
    #welcome {
        padding: 0 10px;
        width: 100%
    }
    .left-side {
        width: 100%
    }
    .right-side {
        margin: 20px 0
    }
    .text-area {
        background: 0 0
    }
    .circles ul li {
        width: 100%;
        margin: 0
    }
    #news-letter {
        padding: 5px 10px;
        width: 100%
    }
    .news-head img {
        float: none
    }
    .sign-up ul li.input-row {
        padding: 0
    }
    .subscribe p {
        width: 100%
    }
    .subscribe input {
        width: 60%;
        margin: 10px
    }
    .subscribe button {
        margin: 10px 0 0
    }
    #clients-testimonials {
        padding: 30px 10px;
        width: 100%
    }
    .text-area p {
        padding: 0;
        width: 100%
    }
    .clients-views ul li {
        width: 100%;
        margin: 0 0 20px
    }
    .logo-bottom {
        float: left;
        width: 100%
    }
    .info {
        width: 86%
    }
    #disclaimer-section,
    #footer {
        padding: 20px 10px;
        width: 100%
    }
    #footer {
        margin-top: 25px;
    }
    .footer-box {
        padding: 0;
        width: 100%;
        margin: 0 0 20px
    }
    .footer-box ul li a {
        width: 95%
    }
    .footer-box4 ul {
        float: left;
        width: 100%
    }
    .footer-box.footer-box2 img {
        margin: 20px 0 0;
        width: 100%
    }
    #expand,
    #expand1,
    #expand2,
    #expand3 {
        background-image: url(../images/plus-orange.png);
        background-position: right 10px center;
        background-repeat: no-repeat;
        cursor: pointer
    }
    .expended {
        background-image: url(../images/minus-orange.png)!important
    }
    .right-side {
        float: left;
        width: 100%
    }
    .slicknav_menu ul {
        width: 100%
    }
    .clients-info {
        width: 85%
    }
    .news-head,
    .news-head h3,
    .sign-up ul li.input-row {
        width: 100%
    }
    .sign-up ul li.first {
        padding: 0;
        width: 100%
    }
    .news-head h3 {
        margin: 9px 0 0
    }
    #sample {
        width: 87%;
        padding: 0 10px
    }
    #about-content {
        padding: 30px 10px;
        width: 94%
    }
    .left-about {
        width: 100%
    }
    .right-about {
        float: left;
        width: 100%
    }
    .about-section h2.heading {
        font-size: 18px
    }
    .left-about p {
        font-size: 14px
    }
    .bottom-content h3 {
        font-size: 16px
    }
    .authentic-img span,
    .bottom-content p,
    .bottom-content ul li {
        font-size: 14px
    }
    #step1 {
        padding: 0 10px;
        width: 100%
    }
    .step-desc ul li,
    body.page1 .step-desc ul li.step3,
    body.page2 .step-desc ul li.second-step,
    body.page3 .step-desc ul li.step3,
    body.page4 .step-desc ul li.step3 {
        display: inline-block
    }
    .authentic-row p.left {
        width: 100%;
        font-size: 14px
    }
    .authentic-img {
        float: left;
        width: 100%;
        margin: 20px 0 0
    }
    .authentic-img img {
        float: none
    }
    .personal-info h2.personal-head {
        width: 87%;
        font-size: 18px
    }
    .personal-form {
        width: 100%;
        padding: 0 10px
    }
    .personal-info{
        margin: 8px 0 0;
    }
    .personal-info .row1 input, .enter-details .row1 input{
        width: 100%;
    }

    .native-country-list{
        width: 83%;
    }
    .information-tip-box{
        float: right;
        /* margin: 0px 16px; */
        position: absolute;
        right: 17%;
    }
    .birth{
        width:31%;
    }
    .contact-info, .education-info{
        margin: 0px;
    }
    .other ul.choose li{
        width: 100%;
        margin: 8px 0px;
    }
    .other-info{
        margin: 0px;
    }
    .input#tel_area_code,input#mobile_area_code{
        margin-left:6px;
     }
    .submit-ticket-link{
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        clear: both;
    }
    .drpd{
        width: 100% !important;
    }.signup-cnt{
        margin-bottom: 35px;
     }
    .footer{
        margin-top: 35px;
    }
    .birth-country{
        margin-top:14px;
    }
    .birth-country{
        margin-top:20px;
    }
    .row1 {
        width: 100%;
        margin: 0
    }
    .birth {
        margin: 0 5px 0 0
    }
    .contact-info h2.personal-head {
        width: 87%;
        font-size: 18px;
        font-weight: 400
    }
    .area-phone {
        width: 24%;

    }
    .phone-box {
        width: 70%
    }
    .education-info h2.personal-head {
        width: 87%;
        font-size: 18px;
        font-weight: 400
    }
    .edu-desc,
    .radio-btns {
        padding: 10px;
        width: 100%
    }
    .radio-btns ul {
        width: 100%
    }
    .radio-btns ul.right-column {
        float: left;
        width: 100%
    }
    .other-info h2.personal-head {
        width: 87%;
        font-size: 18px;
        font-weight: 400
    }
    .other {
        padding: 10px;
        width: 94%
    }
    .other ul li {
        margin: 0 0 10px
    }
    .kids-info h2.personal-head {
        width: 87%;
        font-size: 18px;
        font-weight: 400
    }
    .color-row {
        padding: 10px;
        width: 100%
    }
    a.continue-btn {
        margin: 20px 0
    }
    .back-btn a,
    .plans ul li {
        margin: 0 0 20px
    }
    .plans ul li {
        width: 100%
    }
    .plans ul li.active-plan {
        width: 100%;
        transform: none
    }
    .green-drop {
        background-size: 100% 100%;
        padding: 10px 0 24px
    }
    .rows,
    .terms {
        margin: 0
    }
    .lists ul li {
        width: 100%;
        /*border-bottom: 1px solid #dadad5*/
    }
    .options ul li {
        border: none;
        width: auto
    }
    .lists ul li.column1 {
        width: 100%;
        text-align: center
    }
    .lists ul li.column1 .free,
    .lists ul li.column1 .free p {
        float: none
    }
    span.user_price {
        padding-top: 26px;
    }
    .lists ul li.column4 {
        float: right;
        width: 58%;
        padding: 10px 30px
    }
    
    #step1 h2 {
        width: 100%;
        font-size: 18px;
        font-weight: 400
    }
    .total-order .bar-title h2{
        width: auto !important;
    }
    .payment-head {
        width: 100%!important
    }
    .back-btn {
        margin: 20px 0 0 -8px!important
    }
    .total-order ul li {
        padding: 0 10px 3px;
        width: 100%
    }
    .total-order ul li.second-row {
        padding: 20px 10px
    }
    .full-div {
        padding: 10px;
        width: 94%
    }
    .rows {
        width: 96%
    }
    .security {
        width: 70%
    }


    .card-img,
    .full-section,
    .lists-name p {
        width: 57%;
        font-size: 15px;
        padding: 6px 4px;
    }
    .card-img ul li {
        padding: 0 5px 0 0
    }
    #about-content h2,
    .bottom-part li {
        padding: 0;
        background: 0 0
    }
    #about-content h2 {
        color: #055cb2;
        font-size: 18px;
        width: 100%
    }
    .full-section {
        background: 0 0;
        padding: 10px 0;
        border: none
    }
    .bottom-part h4 {
        width: 94%
    }
    .box1 img,
    .boxes ul li,
    .center-auto,
    .images-size ul li.img2,
    .images-size ul li.img2 img,
    .tabs a {
        width: 100%
    }
    .images-size ul li {
        margin: 0;
        width: 100%
    }
    .boxes ul li,
    .top-btns ul li {
        margin: 0 0 20px
    }
    .box1 img {
        padding: 0
    }
    .tabs a {
        padding: 10px 0
    }
    .visible {
        width: 94%
    }
    .step-desc ul li {
        float: none
    }
}

@media (min-width:468px) and (max-width:767px) {
    .lists ul li,
    .lists ul li.column-new-blank {
        border-right: none
    }
    #wrapper,
    .full {
        width: 92%
    }
    .authentic-img,
    .images-size ul,
    .left-phn,
    .left-side p,
    .logo-bottom,
    .mobile-logo,
    .mobile-menus,
    .right-about,
    .right-btns ul,
    .sign-up,
    .step-desc ul,
    .tabs a {
        text-align: center
    }
    .slicknav_menu {
        display: block;
        float: left;
        width: 100%
    }
    .full {
        float: left
    }
    .mobile-menus {
        float: left;
        width: 100%;
        background: #055cb2;
        padding: 0;
        margin: 0 0 20px
    }
    .slicknav_menu a {
        color: #fff;
        text-decoration: none;
        float: left;
        width: 100%;
        padding: 10px 0
    }
    .nav-row {
        display: none
    }
    .mobile-logo {
        display: block;
        width: 100%
    }
    .slicknav_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left
    }
    .slicknav_menu ul li {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%
    }
    .slicknav_menu ul li a {
        float: left;
        margin: 0 0 10px;
        padding: 0;
        width: 100%
    }
    .slicknav_menu ul li a:hover {
        color: #a9cd34
    }
    .logo {
        display: none
    }
    .right-side-menu-items{
        margin-left: 0 !important;
    }
    .slicknav_menutxt {
        background: url(../images/togglemenu.png) 84% 75% no-repeat;
        float: left;
        width: 100%;
        color:#fff;
    }
    .left-phn {
        width: 100%
    }
    .left-phn img {
        float: none;
        margin: 0
    }
    .left-phn p {
        float: none
    }
    .right-btns {
        float: left;
        width: 100%;
        margin: 20px 0
    }
    .right-btns ul li {
        float: none;
        display: inline-block;
        padding: 0 10px
    }
    #banner .skdslider .slide-desc,
    .border-area,
    .footer-border,
    .sign-up ul li.arrow,
    .step-desc ul li.steps {
        display: none
    }
    .right-btns ul li a {
        font-size: 15px
    }
    .header {
        margin: 10px 0
    }
    .border img {
        width: 100%
    }
    #welcome {
        padding: 0 10px;
        width: 100%
    }
    .left-side {
        width: 100%
    }
    .right-side {
        margin: 20px 0
    }
    .text-area {
        background: 0 0
    }
    .circles ul li {
        width: 39%
    }
    #news-letter {
        padding: 5px 10px;
        width: 100%
    }
    .news-head img {
        float: none
    }
    .sign-up ul li.input-row {
        padding: 0
    }
    .subscribe p {
        width: 100%
    }
    .subscribe input {
        margin: 10px
    }
    .subscribe button {
        margin: 10px 0 0
    }
    #clients-testimonials {
        padding: 30px 10px;
        width: 100%
    }
    .text-area p {
        padding: 0;
        width: 100%
    }
    .clients-views ul li {
        width: 100%;
        margin: 0 0 20px
    }
    .logo-bottom {
        float: left;
        width: 100%
    }
    .info {
        width: 90%
    }
    #disclaimer-section,
    #footer {
        padding: 0 10px;
        width: 100%
    }
    .footer-box {
        padding: 0;
        width: 100%;
        margin: 0 0 20px
    }
    .footer-box ul li a {
        width: 97%
    }
    .footer-box4 ul {
        float: left;
        width: 100%;
        text-align: center
    }
    #expand,
    #expand1,
    #expand2,
    #expand3 {
        background-image: url(../images/plus-orange.png);
        background-position: right 10px center;
        background-repeat: no-repeat;
        cursor: pointer
    }
    .expended {
        background-image: url(../images/minus-orange.png)!important
    }
    .right-side {
        float: left;
        width: 100%
    }
    .slicknav_menu ul {
        width: 100%
    }
    .clients-info {
        width: 85%
    }
    .sign-up ul li.first {
        padding: 0;
        width: 100%
    }
    .news-head {
        width: 100%
    }
    .news-head h3 {
        width: 100%;
        margin: 9px 0 0
    }
    .subscribe input {
        width: 75%
    }
    .sign-up ul li.input-row {
        width: 100%
    }
    #sample {
        width: 92%;
        padding: 0 10px
    }
    #about-content {
        padding: 30px 10px;
        width: 94%
    }
    .left-about {
        width: 100%
    }
    .right-about {
        float: left;
        width: 100%
    }
    .about-section h2.heading {
        font-size: 18px
    }
    .left-about p {
        font-size: 14px
    }
    .bottom-content h3 {
        font-size: 16px
    }
    .authentic-img span,
    .bottom-content p,
    .bottom-content ul li {
        font-size: 14px
    }
    #step1 {
        padding: 0 10px;
        width: 94%
    }
    .authentic-row p.left {
        width: 100%;
        font-size: 14px
    }
    .authentic-img {
        float: left;
        width: 100%;
        margin: 20px 0 0
    }
    .authentic-img img {
        float: none
    }
    .personal-info h2.personal-head {
        width: 89%;
        font-size: 18px
    }
    .personal-form {
        width: 93%;
        padding: 0 10px;
        border: none;
        background: #f4f4f2
    }
    .color-row,
    .edu-desc,
    .other,
    .radio-btns {
        padding: 10px;
        background: 0 0
    }
    .row1 {
        width: 100%;
        margin: 0
    }
    .birth {
        margin: 0 5px 20px 0;
        width:30% !important;
    }
    .contact-info h2.personal-head {
        width: 89%;
        font-size: 18px;
        font-weight: 400
    }
    .area-phone,
    .phone-box {
        width: 100%
    }
    .education-info h2.personal-head {
        width: 91%;
        font-size: 18px;
        font-weight: 400
    }
    .edu-desc,
    .radio-btns {
        width: 96%
    }
    .radio-btns ul {
        width: 100%
    }
    .radio-btns ul.right-column {
        float: left;
        width: 100%
    }
    .other-info h2.personal-head {
        width: 89%;
        font-size: 18px;
        font-weight: 400
    }
    .other {
        width: 94%
    }
    .other ul li {
        margin: 0 0 10px;
        width: 100%;
        margin: 0 0 20px !important;
    }
    .back-btn,
    a.continue-btn {
        margin: 20px 0
    }
    .kids-info h2.personal-head {
        width: 89%;
        font-size: 18px;
        font-weight: 400
    }
    .color-row {
        width: 94%
    }
    .row2 .styled-select2 {
        width: 100%
    }
    .education-info {
        border: none
    }
    .plans ul li {
        width: 50%
    }
    .plans ul li.active-plan {
        transform: none;
        padding: 0;
        width: 50%
    }
    .green-drop {
        background-size: 100% 100%
    }
    .price p {
        font-size: 20px
    }
    .plans-name h3 {
        font-size: 18px
    }
    .plans-desc p {
        font-size: 16px
    }
    .rows,
    .terms {
        margin: 0
    }
    .choose-plans {
        float: left;
        width: 100%
    }
    .lists ul li {
        width: 100%;
    }
    .lists ul li.column1 {
        width: 48%;
        text-align: left;
        margin:10px;
        padding: 0px 17px;
        min-height: 48px;
    }
    .lists ul li.column1 .free,
    .lists ul li.column1 .free p {
        float: none
    }
    .full-section,
    .tabs,
    .total-order {
        border: none
    }
    .lists ul li.column4 {
        float: right;
        width: 38%;
        padding: 25px 0px;
        text-align: center
    }
    .options,
    .options ul {
        float: left
    }
    .images-size ul li,
    .step-desc ul li {
        float: none;
        display: inline-block
    }
    .options ul li {
        border: none;
        width: auto
    }
    .continue-btn{
        margin:12px;
    }
    #step1 h2 {
        width: 100%;
        font-size: 18px;
        font-weight: 400
    }
    .total-order .bar-title h2{
        width: auto !important;
    }
    .payment-head {
        width: 100%!important
    }
    .total-order ul li {
        padding: 0 10px 20px;
        width: 100%
    }
    .total-order ul li.second-row {
        padding: 20px 10px
    }
    .full-div {
        padding: 10px;
        width: 94%
    }
    .back-btn {
        margin: 20px 0 15px -2px
    }
    .rows {
        width: 96%
    }
    .security {
        width: 70%
    }
    .card-img,
    .full-section,
    .lists-name p {
        width: 72%;
        padding: 10px;
    }
    span.user_price{
        padding-top: 30px;
    }
    .card-img ul li {
        padding: 0 5px 0 0
    }
    #about-content h2 {
        background: 0 0;
        color: #055cb2;
        font-size: 18px;
        padding: 0;
        width: 100%
    }
    .full-section {
        background: 0 0;
        padding: 10px 0
    }
    .box1 img,
    .tabs a {
        padding: 0
    }
    .bottom-part h4 {
        width: 94%
    }
    .images-size ul li {
        margin: 0;
        width: 100%;
        background: 0 0
    }
    .boxes ul li,
    .top-btns ul li {
        margin: 0 0 20px
    }
    .images-size ul li.img2 {
        width: 100%
    }
    .images-size img {
        width: auto
    }
    .box1 img,
    .boxes ul li,
    .center-auto,
    .tabs a {
        width: 100%
    }
    .visible {
        width: 94%
    }
    body.page1 .step-desc ul li.step3,
    body.page2 .step-desc ul li.second-step,
    body.page3 .step-desc ul li.step3,
    body.page4 .step-desc ul li.step3 {
        display: inline-block
    }
    .footer-box.footer-box2 img {
        width: auto;
    }
    .submit-ticket-link{display: block; margin: 0 auto;width: 100%;text-align: center;clear: both;}
    .plans-info .hoverHelp {
        width: 100%;
        margin: -190px 0 0;
    }
    .free>p, .free span{
        font-size: 16px;
    }

    .drop-new{
        left:0;
    }
    #modalPopLite-mask1,
    .testimonial-video {
        width: 100%!important;
        height: 100%
    }
}

@media (min-width:1040px) and (max-width:1230px) {
    .footer-box {
        width: 20%
    }
}

@media (min-width:1230px) and (max-width:1260px) {
    .footer-box {
        width: 20%
    }
}

@media (min-width:768px) and (max-width:1040px) {
    .footer-box4,
    .footer-box4 ul,
    .full,
    .logo-bottom {
        float: left
    }
    .circles ul li a img,
    .right-side {
        float: left;
        width: 100%
    }
    #unsubscribe,
    .footer-box4,
    .logo-bottom,
    .step-desc ul,
    .tabs a {
        text-align: center
    }
    #wrapper {
        width: 750px
    }
    .full {
        width: 20%;
        margin: 0 0 20px
    }
    .nav ul li a {
        padding: 15px 10px;
        background: 0 0;
        font-size: 12px
    }
    .mobile-logo img {
        width: 100%
    }
    .logo>img {
        width: 55%
    }
    .nav ul li a.logo {
        margin: -40px 0 0 10px
    }
    .right-btns ul li a {
        font-size: 18px
    }
    #welcome {
        padding: 30px 10px;
        width: 98%
    }
    .left-side {
        width: 100%
    }
    .right-side {
        margin: 20px 0
    }
    .circles ul li {
        margin: 0 14px
    }
    .circles ul li span {
        font-size: 14px;
        line-height: normal
    }
    .sign-up ul li {
        padding: 0 10px
    }
    .sign-up ul li.input-row {
        width: 45%;
        margin: 0
    }
    #footer,
    .footer-box {
        width: 100%
    }
    .subscribe input {
        margin: 5px 10px 0 0
    }
    .subscribe button {
        margin: 5px 0 0
    }
    #footer {
        background: #0555a3;
        padding: 20px 10px
    }
    .submit-ticket-link{
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        clear: both;
    }
    .footer-box.footer-box2 img {
        width: auto;
    }
    .block ul {
        display: block!important
    }
    .footer-border,
    .step-desc ul li.steps {
        display: none
    }
    .footer-box3 ul li a {
        width: 85%
    }
    .about-section h2.heading {
        font-size: 18px
    }
    .left-about p {
        font-size: 14px
    }
    .bottom-content h3 {
        font-size: 16px
    }
    .bottom-content p,
    .bottom-content ul li {
        font-size: 14px
    }
    .left-about {
        width: 65%
    }
    #unsubscribe,
    .step-desc ul li,
    body.page1 .step-desc ul li.step3,
    body.page2 .step-desc ul li.second-step,
    body.page3 .step-desc ul li.step3,
    body.page4 .step-desc ul li.step3 {
        display: inline-block
    }
    .birth {
        margin: 0 8px 0 0
    }
    .area-phone {
        width: 32%
    }
    .phone-box{
        width:65%;
    }
    #footer-trusted-logo, #footer-gl-logo{
        text-align: center;
    }

    #details-section h2,
    .color-row,
    .edu-desc,
    .other,
    .personal-form,
    .radio-btns {
        width: 100%
    }
    .plans ul li {
        width: 50%
    }
    .plans ul li.active-plan {
        transform: none;
        padding: 0;
        width: 50%
    }
    .green-drop {
        background-size: 100% 100%
    }
    .lists ul li {
        padding: 7px
    }
    .free>p {
        font-size: 16px
    }
    .lists ul li.column1 {
        width: 35%;
        padding: 21px 10px;
        min-height: 49px;
    }
    .lists ul li.column4 {
        padding: 23px 8px;
    }
    .lists ul li.column-new-blank {
        padding: 115px 20px;
        display: none;
    }
    .lists ul li.column2 {
        padding: 20px;
    }
    .lists ul li.column3 {
        padding: 15px;
        min-height: 60px;
    }
    .lists ul li.column-new {
        text-align: center;
        padding: 20px;
        display: none;
    }
    #step1 h2 {
        font-size: 18px;
        font-weight: 400;
        width: 100%
    }

    .bar-title h2{
        width:50% !important;
    }
    .payment-head {
        width: 100%!important
    }
    .back-btn {
        margin: 20px 0 8px!important
    }
    .boxes ul li {
        margin: 0 0 0 15px
    }
    .box1 img {
        width: 100%;
        padding: 0;
        border: none
    }
    .box1 span {
        font-size: 14px
    }
    .top-btns ul li a {
        font-size: 14px;
        padding: 10px
    }
    .tabs a {
        padding: 10px 0;
        width: 100%
    }
    .step-desc ul li {
        float: none
    }
    #unsubscribe {
        font-weight: 500;
        font-size: 16px;
        line-height: 42px;
        font-family: Helvetica, Arial, sans-serif;
        width: auto;
        white-space: nowrap;
        height: 42px;
        margin: 12px 5px 12px 0;
        padding: 0 22px;
        text-decoration: none;
        cursor: pointer;
        border: 1px solid #fff;
        border-radius: 3px;
        vertical-align: top;
        background-color: #5d5d5d!important;
        color: #fff!important
    }
    .aaa {
        color: red!important
    }
    body.inner-pages #footer {
        background: url(../images/footer-bg2.jpg) 0 0/100% auto no-repeat #0655a4;
        float: left;
        margin: 0;
        padding: 40px 0 0;
        width: 100%
    }
    .footer-box ul #open1 {
        display: block!important
    }
    #expand,
    #expand1,
    #expand2,
    #expand3 {
        background-image: url(../images/plus-orange.png);
        background-position: right 10px center;
        background-repeat: no-repeat;
        cursor: pointer
    }
}

@media screen and (max-width:500px) {
    .area-phone {
        width: 100%;
    }

    .area-phone input,
    .phone-box {
        width: 100%
    }
    .footer-box4 {
        margin-top: 0px;
    }
    .submit-ticket-link{
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        clear: both;
    }
    .footer-box.footer-box2 img {
        width: auto;
    }
    .pay-image {
        height: 18px
    }
    .pay-name {
        font-size: 18px!important
    }
    .tooltiptext {
        width: auto!important
    }
    .lists ul li.column-new,
    .lists ul li.column1 {
        padding: 10px 0px
    }
    .lists ul li.column3 {
        padding: 55px 20px
    }
    .lists ul li.column2 {
        padding: 35px 20px
    }
    .plans-info .hoverHelp {
        width: 100%
    }
    .hoverHelp {
        margin: -106px 0 0;
        z-index: 1000;
    }
    .drop-new {
        bottom: -21px;
        margin: 0 auto;
        position: relative;
        left:0px;
    }
    #modalPopLite-mask1,
    .testimonial-video {
        width: 100%!important;
        height: 100%
    }
}