*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Basic formatting */

body { background-color: #fff; color: #333; font-family: 'Rubik', Arial, sans-serif; font-size: 14px; line-height: 20px; }
a { color: #08c; text-decoration: none; }
a:hover { color: #005580; text-decoration: underline; }
img { height: auto; max-width: 100%; }
p, ul, ol, form { margin: 0 0 15px 0; }
ul.list-disc li { list-style: disc inside; }
ul.list-circle li { list-style: circle inside; }
ul.list-square li { list-style: square inside; }
ul.list-inline li {  display: inline; margin: 0 10px 0 0; }
ol li { list-style: decimal inside; }
ul .sub1, ol .sub1 { margin: 0 0 0 20px; }
ul .sub2, ol .sub2 { margin: 0 0 0 40px; }
ul .sub3, ol .sub3 { margin: 0 0 0 60px; }
ol ol, ul ul { margin-bottom: 0; }
small { font-size: 11px; }
sup { font-size: 10px; vertical-align: top; }
sub { font-size: 10px; vertical-align: bottom; }
h1 { font-size: 2.8em; line-height: 42px; margin: 0 0 15px 0; }
h2 { font-size: 2.3em; line-height: 36px; margin: 0 0 15px 0; }
h3 { font-size: 2em; line-height: 30px; margin: 0 0 15px 0; }
h4 { font-size: 1.8em; line-height: 26px; margin: 0 0 15px 0; }
h5 { font-size: 1.5em; line-height: 24px; margin: 0 0 15px 0; }
h6 { font-size: 1.2em; line-height: 22px; margin: 0 0 15px 0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* Custom styles */

body { background: #fff; color: #000; font-family: 'Rubik', Arial, sans-serif; font-size: 15px; }
a { color: #c00; text-decoration: underline; }
a:hover { text-decoration: none; }
.text-green { color: #1C337B; }

.header { background: url(../images/header.jpg) center bottom no-repeat; color: #fff; font-family: 'Rubik', Georgia, serif; min-height: 740px; position: relative; }
body.customerservice .header { background: url(../images/header-ccc.jpg) center top no-repeat; background-size: cover; min-height: 459px; }
body.login .header, body.partners_login .header, body.partners_register .header, body.individuals_login .header, body.individuals_register .header { background: url(../images/header-login.jpg) center top no-repeat; background-size: cover; min-height: 459px; }
body.faq .header { background: url(../images/header-faq.jpg) center top no-repeat; background-size: cover; min-height: 459px; }
body.security .header { background: url(../images/header-security.jpg) center top no-repeat; background-size: cover; min-height: 459px; }
body.regulation .header { background: url(../images/header-login.jpg) center top no-repeat; background-size: cover; min-height: 459px; }
body.contactus .header { background: url(../images/header-ccc.jpg) center center no-repeat; background-size: cover; min-height: 459px; }
body.aboutus .header { background: url(../images/header-about.jpg) center center no-repeat; background-size: cover; min-height: 459px; }
body.howitworks .header { background: url(../images/header-howitworks.jpg) center center no-repeat; background-size: cover; min-height: 459px; }

.header .top { color: #01a64f; font-weight: 400; background:none; }
.header .top .container { background-color: white;  box-shadow: 0 0 25px rgba(0,0,0,0.4); padding-top: 15px; padding-bottom: 15px; position: relative; z-index: 2; }
.header .top .container .row IMG { margin: 20px 0px 0px 10px; float: left; }
.header .top .lang { text-align: right; }
.header .top .lang select { border: 1px solid #c8c8c8; color: #9a9b9c; margin: 0 0 15px 0; min-width: 200px; padding: 5px; transition: color 0.3s; }
.header .top .lang select:focus { color: #000; }
.header .top .lang ul { margin: 0; }
.header .top .lang li { display: inline-block; padding: 0 0 10px 0; text-align: left; margin: 2px; padding: 5px; background-color: #f9ae2e; border-radius: 5px; border: 2px solid #f9ae2e; }
.header .top .lang li.parent { position: relative; }
.header .top .lang a { color: #4F4F4F; display: inline-block; font-size: 1.1em; text-decoration: none; position: relative;}
/* .header .top .lang li:first-child a { border-right: 1px solid #e96d39; padding-right: 5px; } */
.header .top .lang li:hover { background-color: #bf8b25; border: 2px solid #bf8b25; }
.header .top .lang ul ul { display: none; background: #fff; border: 1px solid #eee; font-size: 0.9em; padding: 10px; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translate3d(-50%,0,0);/* fix Safari */ }
.header .top .lang ul ul:before { background: url(../images/arrow-login.png) center center no-repeat; content: ''; display: block; height: 9px; width: 16px; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);-webkit-transform: translate3d(-50%,0,0);/* fix Safari */ }
.header .top .lang ul ul li:first-child { border-bottom: 1px solid #eee; padding-right: 20px; }
.header .top .lang ul ul li { padding: 8px 20px; }
.header .top .lang ul ul a { border-right: 0!important; color: #4d555a; padding-right: 0!important; }
.header .top .lang ul ul a:hover { color: #01a64f; text-decoration: none; }
.header h2 { font-family: 'Rubik', Georgia, serif; }

.skiptranslate {
	/*height: 25px;*/
	overflow: hidden;
	margin: 0px;
}

.mobile-toggle {
    display: none;
    background: #47b646;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #12255F),color-stop(1, #1C337B));
    background: -o-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: -moz-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: -webkit-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: -ms-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: linear-gradient(to bottom, #12255F 0%, #1C337B 100%);
    color: #fff; margin: 0 auto; max-width: 1140px; text-align: center;
}
.mobile-toggle a { background: url(../images/icon-sandwich.png) left center no-repeat; color: #fff !important; display: inline-block; padding: 20px 20px 20px 35px; text-decoration: none; text-transform: uppercase; transition: color 0.3s; }

.nav-main {
    background: #47b646;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #12255F),color-stop(1, #1C337B));
    background: -o-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: -moz-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: -webkit-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: -ms-linear-gradient(bottom, #12255F 0%, #1C337B 100%);
    background: linear-gradient(to bottom, #12255F 0%, #1C337B 100%);
    color: #fff; margin: 0 auto 50px auto; max-width: 1140px; }
.nav-main ul { }
.nav-main ul:after { clear: both; content: ""; display: block; height: 1px; width: 1px; }
.nav-main li { float: left; height: 58px; margin: 0 20px; }
.nav-main li.parent { position: relative; }
.nav-main a { color: #fff !important; display: inline-block; height: 58px; padding: 20px 20px 0 20px; text-decoration: none; transition: color 0.3s; }
.nav-main a:hover { color: #f9ae2e !important; }
.nav-main .active a { border-bottom: 7px solid #f9ae2e; }
.nav-main .inactive a { border-bottom: none; }
.nav-main ul ul { display: none; background: #1C337B; border: 1px solid #12255F;font-weight: 400; min-width: 190px; padding: 10px; text-align: center; position: absolute; top: 55px; z-index: 9; }
.nav-main ul ul:before { background: url(../images/arrow-contact.png) center center no-repeat; content: ''; display: block; height: 9px; width: 16px; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); }
.nav-main ul ul li:first-child { border-bottom: 1px solid #12255F; padding-right: 20px; }
.nav-main ul ul li { float: none; height: auto; margin: 0; padding: 8px 20px; }
.nav-main ul ul a { border-right: 0!important; color: #fff; height: auto; padding: 0!important; }
.nav-main ul ul a:hover { color: #f9ae2e; /*#353b3f;*/ text-decoration: none; }

.header .hero {}
.header .hero .livechat { color: #f9ae2e; display: inline-block; font-size: 1.6em; margin: 0 0 30px 0; text-decoration: none;                 display: none; }
.header .hero .livechat:before { background: url(../images/icon-livechat.png) center center no-repeat; content: ''; display: inline-block; height: 36px; margin: 0 10px 0 0; vertical-align: middle; width: 35px; transition: transform 0.5s; }
.header .hero .livechat:hover:before { transform: rotate(360deg); }
.header .hero .start { background: #f9ae2e; color: #4F4F4F; display: inline-block; font-size: 1.6em; padding: 15px 20px; text-decoration: none; text-transform: uppercase; transition: background-color 0.3s; }
.header .hero .start:before { background: url(../images/icon-start.png) left no-repeat; content: ''; display: inline-block; height: 30px; margin: 0 15px 0 0; vertical-align: text-top; width: 53px; }
.header .hero .start:hover { background: #bf8b25; }

.nav-types { background: rgba(0,0,0,0.5); color: #fff; height: 90px; text-align: center; margin: 140px 0px 0px 0px; }
.nav-types li { display: inline-block; height: 104px; width: 32%; }
.nav-types a { width: 32%; color: #fff; display: block; font-size: 1.2em; padding: 40px 140px; text-decoration: none; text-transform: uppercase; position: absolute; top: -5px; transition: color 0.3s; }
.nav-types .college a{padding-left: 60px; padding-right: 60px;}
.nav-types li.student.active a { background: #089141; }
.nav-types li.college.active a { background: #2470a3; }
.nav-types li.agent.active a { background: #c95e03; }
.nav-types .student a:hover { color: #089141; }
.nav-types .college a:hover { color: #2470a3; }
.nav-types .agent a:hover { color: #c95e03; }
.nav-types li.active a:hover { color: #fff; }

.main {}
.main .section {}
.main .section .container { padding-top: 50px; padding-bottom: 50px; }
.main .section .container.small { max-width: 100%; width: 980px; }

.main .section.white { background: #fff; }
.main .section.grey { background: #e4e6e6; }
.main .section.blue { background: #f8f9fb; }
.main .section h2 { font-family: 'Rubik', Georgia, serif; font-size: 2.75em; font-weight: 400; margin: 0 0 15px 0; text-align: center; }
.main .section .tab-hero h2 { line-height: 1.25; margin: 0 0 30px 0; }
.main .section h3 { color: #4d555a; font-family: 'Rubik', Georgia, serif; margin: 0 0 5px 0; text-align: center; }
body.security .main .section h3,
body.howitworks .main .section h3 { color: #000; font-weight: normal; margin: 0 0 15px 0; }
body.howitworks .main .section .video-container { /*display: none;*/ }
body.security .main .section h3.green { color: #1C337B; }
.main .section h5 { color: #0ca1d6; font-family: 'Rubik', Georgia, serif;font-size: 1.8em; font-weight: 400; margin: 0 0 45px 0; text-align: center; }
.main .section h6 { color: #6e7477; font-size: 1.4em; font-weight: 300; margin: 0 0 45px 0; text-align: center; }

.main .countrybox { background: rgba(250, 250, 250, 1); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); margin: 0 0 30px 0; padding: 30px 30px 30px 130px; position: relative; }
.main .countrybox .flag { position: absolute; top: 30px; left: 30px; }
.main .countrybox h4 { text-transform: uppercase; }
.main .section .countrybox a { color: black; }
.main .countrybox ul { overflow: hidden; }
.main .countrybox ul li { float: left; list-style: none; line-height: 2; width: 25%; }
.main .countrybox ul.col-6 li { width: 16.6%; }

.main .tab-panel, #studentCalculator, #agentCalculator, #collegeCalculator { display: none; }
.main .tab-panel.active, #studentCalculator.active, #collegeCalculator.active, #agentCalculator.active { display: block !important; }

.main .tab-hero { color: #fff; }
.main .student-calculator .tab-hero { background-color: #58b944; }
.main .college-calculator .tab-hero { background-color: #0ca1d6; }
.main .agent-calculator .tab-hero { background-color: #cc9c5d; }
.main .tab-hero h2 { font-weight: 400; }
.main .tab-hero ul { overflow: hidden; }
.main .tab-hero li { float: left; font-size: 16px; list-style: none; margin-bottom: 15px; padding: 0 30px 0 40px; width: 375px; position: relative; }
.main .tab-hero li:before { background: url(../images/icon-doublecheck.png) center center no-repeat; content: ''; display: inline-block; height: 16px; width: 27px; position: absolute; top: 5px; left: 0; }
.main .tab-hero li strong { display: block; font-size: 21px; font-weight: normal; line-height: 1.25; margin-bottom: 10px; }


.main .section.comparison {}
.main .section.comparison .note { border-top: 1px solid #ddd; color: #4d555a; padding-top: 30px; text-align: center; }
.main .section.comparison .white-box { background: #fff; color: #4d555a; font-size: 1.2em; font-weight: bold; margin-top: 50px; padding: 30px; }
.main .section.comparison .white-box strong { color: #1C337B; display: block; font-size: 1.5em; line-height: 1; margin: 0 0 5px 0; }
.main .section#collegeCalculator h6, .main .section#agentCalculator h6, .main .section#studentCalculator h2 { margin-bottom: 0px; }
.main .section#collegeCalculator .note, .main .section#agentCalculator .note, .main .section#studentCalculator .note {text-align: center; margin-bottom: 40px;}

.table-comparison { color: #4d555a; font-size: 1.2em; margin: 0 0 30px 0; }
.table-comparison th { font-weight: bold; padding: 10px; text-transform: uppercase; }
.table-comparison td { padding: 10px; }

.main .section.newtopts { display: none; }
.main .section.newtopts A {color: white; text-decoration: none;}
.main .section.newtopts A:HOVER {color: #fb8f1b; text-decoration: none;}
.main .section.newtopts .heading { background: url(../images/newtopts.jpg) center top no-repeat; background-size: cover; color: #fff; padding: 15px 0 50px 0; position: relative; }
.main .section.newtopts .heading h2 { font-weight: normal; line-height: 1.2; margin: 0; }
.main .section.newtopts .heading h2 strong { display: block; font-weight: bold; }
.main .section.newtopts .heading h2:before { background: url(../images/icon-new.png) center center no-repeat; content: ''; display: block; height: 24px; margin: 0 auto 15px auto; width: 36px; }
.main .section.newtopts .heading h2:after { background: url(../images/sep.gif) center center no-repeat; content: ''; display: block; height: 8px; width: 89px; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); }
.main .section.newtopts .submit-row { padding-top: 30px; text-align: center; }
.main .section.newtopts input[type="submit"] { background: #12255F; border: 0; color: #fff; font-size: 1.2em; padding: 10px 20px; text-transform: uppercase; transition: background 0.3s; }
.main .section.newtopts input[type="submit"]:hover { background: #1C337B; }
#demo .loading { background: #1C337B url(../images/ajax-loader-blue.gif) center right no-repeat !important; padding: 10px 40px !important; transition: background 0s !important; }

.main .section.process { background-image: url(../images/shadow-top.png); background-position: center top; background-repeat: no-repeat; }
.main .section.process h2 { margin: 0 0 50px 0; }
.main .section.process .step { padding-left: 100px; padding-right: 30px; }
.main .section.process .step:before { border: 1px solid #0ca1d6; border-radius: 50%; color: #0ca1d6; display: block; font-family: 'Rubik', Georgia, serif; font-size: 3em; height: 70px; line-height: 65px; text-align: center; width: 70px; position: absolute; top: 0; left: 0; }
.main .section.process .step1:before { content: '1'; }
.main .section.process .step2:before { content: '2'; }
.main .section.process .step3:before { content: '3'; }
.main .section.process .step h3 { color: #0ca1d6; font-family: 'Rubik', Georgia, serif; font-weight: normal; height: 65px; margin: 5px 0 15px 0; }
.main .section.process .step p { margin: 0 0 30px 0; min-height: 110px; }
.main .section.process .step h4 { border-top: 3px solid #c7d1d4; color: #3e4143; font-size: 1.1em; font-weight: bold; padding-top: 30px; text-transform: uppercase; }
.main .section.process .step h4 span { color: #0ca1d6; display: block; font-family: 'Rubik', Georgia, serif; font-size: 2.3em; font-weight: normal; line-height: 1em; margin: 0 0 5px 0; text-transform: none; }

.main .section.team { background: url(../images/bg-team.jpg) center top no-repeat; background-size: cover; color: #fff; padding-top: 50px; }
.main .section.team .intro { font-family: 'Rubik', Georgia, serif; font-size: 1.6em; line-height: 1.2; margin: 0 0 170px 0; padding: 0 100px; text-align: center; }
.main .section.team .text-box { background: #fff; color: #000; min-height: 650px; padding: 30px; }
.main .section.team .text-box .avatar { text-align: center; }
.main .section.team .text-box .avatar img { border-radius: 50%; display: block; height: 209px; margin: 0 auto 30px auto; width: 209px; }
.main .section.team .text-box h5 { font-family: 'Rubik', Georgia, serif; font-size: 1.6em; font-weight: normal; margin: 0; text-align: center; }
.main .section.team .text-box h6 { color: #777; font-family: 'Rubik', Georgia, serif; font-size: 1.2em; font-weight: normal; text-align: center; }

.main .section.awards { background: #f7f7f7; }
.main .section.awards > div > div > div  {
    display: block;
    float:left;
    width: 285px;
    height: 100%;
    min-height: 1px;
    padding: 0 10px;
    text-align: center;
}
.main .section.awards2 { background: #fff url(../images/bg-awards.gif) center top repeat-y; font-size: 16px; line-height: 1.5; }
.main .section.awards2 h4 { font-family: 'Rubik', Georgia, serif; font-size: 1.6em; font-weight: normal; margin-bottom: 30px; }
.main .section.awards2 .award-list { text-align: center; }
.main .section.awards2 .award-list li { display: inline-block; list-style: none; margin: 10px 0; width: 48%; }

.main .section.founders { background: url(../images/bg-founders.gif) left top repeat-x; }
.main .section.founders h2 { color: #fff; margin-bottom: 50px; }
.main .section.founders ul { text-align: center; }
.main .section.founders li { background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2); display: inline-block; list-style: none; margin: 0 1%; min-height: 650px; padding: 20px; text-align: left; vertical-align: top; width: 30%; }
.main .section.founders .avatar { text-align: center; }
.main .section.founders .avatar img { border-radius: 50%; display: block; height: 209px; margin: 0 auto 30px auto; width: 209px; }
.main .section.founders h5 { color: #000; margin: 0 0 5px 0; }
.main .section.founders h6 { color: #000; font-family: 'Rubik', Georgia, serif; font-weight: 500; margin: 0 0 15px 0; }

.section.hiw-photo-right {}
.section.hiw-photo-right .container { padding-top: 0; padding-bottom: 0; }
.section.hiw-photo-right h3 { text-align: left; }
.section.hiw-photo-right .row > div:nth-child(1) { padding: 50px; }
.section.hiw-photo-right .row > div { padding-left: 0; padding-right: 0; }
.section.hiw-photo-left {}
.section.hiw-photo-left .container { padding-top: 0; padding-bottom: 0; }
.section.hiw-photo-left h3 { text-align: left; }
.section.hiw-photo-left .row > div:nth-child(2) { padding: 50px;  }
.section.hiw-photo-left .row > div { padding-left: 0; padding-right: 0; }

.main .section.companies { background: #E4E6E6; }
.main .section.companies .intro { font-family: 'Rubik', Georgia, serif; font-size: 1.6em; line-height: 1.2; margin: 0 0 30px 0; padding: 0 100px; text-align: center; }
.main .section.companies .intro2 { font-size: 21px; line-height: 1.25; margin: 0 0 30px 0; text-align: center; }
.main .section.companies .intro3 { margin: 0 0 50px 0; text-align: center; }
.main .section.companies .intro3 a { background: #1C337B; color: white; display: inline-block; padding: 15px 30px; text-decoration: none; text-transform: uppercase; transition: background-color 0.3s; }
.main .section.companies .intro3 a:hover { background: #f9ae2e; }
.main .section.companies .box { background: #DADADA; border-radius: 55px; display: flex; align-items: stretch; justify-content: space-around; font-size: 14px; padding: 50px 30px; text-align: center; }
.main .section.companies .box .ct { border-right: 1px solid #707070; display: flex; align-items: center; padding-right: 40px; }
.main .section.companies .box .item { background: white; border-radius: 25px; box-shadow: 0 10px 25px rgba(0,0,0,0.16); min-height: 333px; max-width: 240px; padding: 15px; position: relative; }
.main .section.companies .box .item .logo { border-bottom: 1px solid #CFCFCF; padding-bottom: 15px; }
.main .section.companies .box .item .more { text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; }
.main .section.companies .box .item .more a { color: #009ADE; display: inline-block; text-decoration: none; }
.main .section.companies .box .item .more a:hover { text-decoration: underline; }

.main .section.unis { color: #4d555a; font-family: 'Rubik', Georgia, serif; font-size: 1.1em; padding-top: 100px; }
.main .section.unis .uni-slider { background: #fff; box-shadow: 0 0 45px rgba(0,0,0,0.2); margin: 0 auto 50px auto; max-width: 1030px; position: relative; }
.main .section.unis .uni-slider .slide { display: none; padding: 30px; text-align: center; }

.main .section.internex { background: #fbfbfb url(../images/bg-internex.jpg) center top no-repeat;}
.main .section.bristol { background: #fbfbfb url(../images/bg-bristol.jpg) center top no-repeat;}
.main .section.providence { background: #fbfbfb url(../images/bg-providence.jpg) center top no-repeat;}
.main .section.dit { background: #fbfbfb url(../images/bg-dit.jpg) center top no-repeat;}
.main .section.studyglobal { background: #fbfbfb url(../images/bg-studyglobal.jpg) center top no-repeat;}
.main .section.byronbay { background: #fbfbfb url(../images/bg-byronbay.jpg) center top no-repeat;}
.main .section.ucc { background: #fbfbfb url(../images/bg-ucc.jpg) center top no-repeat;}
.main .section.intcas { background: #fbfbfb url(../images/bg-intcas.jpg) center top no-repeat;}

/*
.main .section.unis.bristol .uni-slider .slide.bristol { display: block; }
.main .section.unis.nyit .uni-slider .slide.nyit { display: block; }
.main .section.unis.dcu .uni-slider .slide.dcu { display: block; }
.main .section.unis.fordham .uni-slider .slide.fordham { display: block; }
.main .section.unis.birmingham .uni-slider .slide.birmingham { display: block; }
.main .section.unis.bangor .uni-slider .slide.bangor { display: block; }
.main .section.unis.aber .uni-slider .slide.aber { display: block; }
.main .section.unis.tulane .uni-slider .slide.tulane { display: block; }
*/
.main .section.unis.internex .uni-slider .slide.internex { display: block; }
.main .section.unis.bristol .uni-slider .slide.bristol { display: block; }
.main .section.unis.providence .uni-slider .slide.providence { display: block; }
.main .section.unis.dit .uni-slider .slide.dit { display: block; }
.main .section.unis.studyglobal .uni-slider .slide.studyglobal { display: block; }
.main .section.unis.byronbay .uni-slider .slide.byronbay { display: block; }
.main .section.unis.ucc .uni-slider .slide.ucc { display: block; }
.main .section.unis.intcas .uni-slider .slide.intcas { display: block; }
.main .section.unis .uni-slider p.logo { border-top: 7px solid #1C337B; display: inline-block; padding: 50px 0 25px 0; }

/*
.main .section.unis .uni-slider p.logo:before { background: url(../images/sprite-uni.jpg) no-repeat; content: ''; display: block; margin: 0 auto; }
.main .section.unis.bristol .uni-slider .bristol p.logo:before { background-position: 0 0; height: 86px; width: 296px; }
.main .section.unis.nyit .uni-slider .nyit p.logo:before { background-position: -296px 0; height: 88px; width: 253px; }
.main .section.unis.dcu .uni-slider .dcu p.logo:before { background-position: -549px 0; height: 100px; width: 149px; }
.main .section.unis.fordham .uni-slider .fordham p.logo:before { background-position: -698px 0; height: 74px; width: 374px; }
.main .section.unis.birmingham .uni-slider .birmingham p.logo:before { background-position: -1072px 0; height: 74px; width: 370px; }
.main .section.unis.bangor .uni-slider .bangor p.logo:before { background-position: -1441px 0; height: 100px; width: 124px; }
.main .section.unis.aber .uni-slider .aber p.logo:before { background-position: -1565px 0; height: 76px; width: 370px; }
.main .section.unis.tulane .uni-slider .tulane p.logo:before { background-position: -1935px 0; height: 58px; width: 171px; }
*/

.main .section.unis .uni-slider p.logo:before { background: url(../images/sprite-uni.png) no-repeat; content: ''; display: block; margin: 0 auto; }
.main .section.unis.internex .uni-slider .internex p.logo:before { background-position: 0 0; height: 130px; width: 195px; }
.main .section.unis.bristol .uni-slider .bristol p.logo:before { background-position: -195px 0; height: 130px; width: 297px; }
.main .section.unis.providence .uni-slider .providence p.logo:before { background-position: -492px 0; height: 140px; width: 308px; }
.main .section.unis.dit .uni-slider .dit p.logo:before { background-position: -800px 0; height: 150px; width: 150px; }
.main .section.unis.studyglobal .uni-slider .studyglobal p.logo:before { background-position: -950px 0; height: 150px; width: 239px; }
.main .section.unis.byronbay .uni-slider .byronbay p.logo:before { background-position: -1189px 0; height: 130px; width: 279px; }
.main .section.unis.ucc .uni-slider .ucc p.logo:before { background-position: -1468px 0; height: 130px; width: 232px; }
.main .section.unis.intcas .uni-slider .intcas p.logo:before { background-position: -1709px 0; height: 129px; width: 312px; }


.main .section.unis .controls {}
.main .section.unis .controls a { background: url(../images/arrows-slider2.png) no-repeat; height: 55px; width: 34px; overflow: hidden; text-indent: 100%; white-space: nowrap; position: absolute; top: 50%; transform: translateY(-50%); transition: left 0.3s, right 0.3s; }
.main .section.unis .controls .prev { background-position: 0 0; left: -50px; }
.main .section.unis .controls .next { background-position: -34px 0; right: -50px; }
.main .section.unis .controls .prev:hover { left: -55px; }
.main .section.unis .controls .next:hover { right: -55px; }
.main .section.unis .uni-slider p.author { border-top: 1px solid #ccc; color: #999ea1; display: inline-block; font-size: 0.9em; margin: 0; padding: 15px 15px 0 15px; }
/*
.main .section.unis .logos { text-align: center; }
.main .section.unis .logos li { display: inline-block; margin: 20px 5px; vertical-align: middle; }
.main .section.unis .logos li a { background: url(../images/sprite-uni.jpg) no-repeat; content: ''; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; opacity: 0.3; transition: opacity 0.3s; }
.main .section.unis .logos li a.bristol { background-position: 0 -100px; height: 86px; width: 296px; }
.main .section.unis .logos li a.nyit { background-position: -296px -100px; height: 88px; width: 253px; }
.main .section.unis .logos li a.dcu { background-position: -549px -100px; height: 100px; width: 149px; }
.main .section.unis .logos li a.fordham { background-position: -698px -100px; height: 74px; width: 374px; }
.main .section.unis .logos li a.birmingham { background-position: -1072px -100px; height: 74px; width: 370px; }
.main .section.unis .logos li a.bangor { background-position: -1441px -100px; height: 100px; width: 124px; }
.main .section.unis .logos li a.aber { background-position: -1565px -100px; height: 76px; width: 370px; }
.main .section.unis .logos li a.tulane { background-position: -1935px -100px; height: 58px; width: 171px; }
.main .section.unis.bristol .logos li a.bristol { background-position: 0 0; opacity: 1; }
.main .section.unis.nyit .logos li a.nyit { background-position: -296px 0; opacity: 1; }
.main .section.unis.dcu .logos li a.dcu { background-position: -549px 0; opacity: 1; }
.main .section.unis.fordham .logos li a.fordham { background-position: -698px 0; opacity: 1; }
.main .section.unis.birmingham .logos li a.birmingham { background-position: -1072px 0; opacity: 1; }
.main .section.unis.bangor .logos li a.bangor { background-position: -1441px 0; opacity: 1; }
.main .section.unis.aber .logos li a.aber { background-position: -1565px 0; opacity: 1; }
.main .section.unis.tulane .logos li a.tulane { background-position: -1935px 0; opacity: 1; }
.main .section.unis .logos li a:hover { opacity: 1; }
*/

.main .section.unis .logos { text-align: center; }
.main .section.unis .logos li { display: inline-block; margin: 20px 20px; vertical-align: middle; }
.main .section.unis .logos li a { background: url(../images/sprite-uni.png) no-repeat; content: ''; display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; opacity: 0.3; transition: opacity 0.3s; }
.main .section.unis .logos li a.internex { background-position: 0px -149px; height: 149px; width: 195px; }
.main .section.unis .logos li a.bristol { background-position: -195px -149px; height: 149px; width: 297px; }
.main .section.unis .logos li a.providence { background-position: -492px -149px; height: 149px; width: 308px; }
.main .section.unis .logos li a.dit { background-position: -800px -149px; height: 149px; width: 150px; }
.main .section.unis .logos li a.studyglobal { background-position: -950px -149px; height: 149px; width: 239px; }
.main .section.unis .logos li a.byronbay { background-position: -1189px -149px; height: 149px; width: 279px; }
.main .section.unis .logos li a.ucc { background-position: -1468px -149px; height: 149px; width: 232px; }
.main .section.unis .logos li a.intcas { background-position: -1709px -162px; height: 129px; width: 312px; }
.main .section.unis.internex .logos li a.internex { background-position: 0 0; opacity: 1; }
.main .section.unis.bristol .logos li a.bristol { background-position: -195px 0; opacity: 1; }
.main .section.unis.providence .logos li a.providence { background-position: -492px 0; opacity: 1; }
.main .section.unis.dit .logos li a.dit { background-position: -800px 0; opacity: 1; }
.main .section.unis.studyglobal .logos li a.studyglobal { background-position: -950px 0; opacity: 1; }
.main .section.unis.byronbay .logos li a.byronbay { background-position: -1189px 0; opacity: 1; }
.main .section.unis.ucc .logos li a.ucc { background-position: -1468px 0; opacity: 1; }
.main .section.unis.intcas .logos li a.intcas { background-position: -1709px 0; opacity: 1; }
.main .section.unis .logos li a:hover { opacity: 1; }

.main .section.map { padding: 50px 0; }
.main .section.map .map-holder { margin: 0 auto; max-width: 1560px; text-align: center; width: 100%; position: relative; }
.main .section.map .popup { text-align: center; width: 240px; position: absolute; opacity: 0; transition: opacity 1s; }
.main .section.map .popup.us { top: 30%; left: 15%; }
.main .section.map .popup.br { top: 65%; left: 25%; }
.main .section.map .popup.eu { top: 25%; left: 42%; }
.main .section.map .popup.cn { top: 30%; right:15%; }
.main .section.map .popup.au { top: 70%; right:7%; }
.main .section.map .popup.active { opacity: 1; }
.main .section.map .popup .message { background: #5bba44; background: rgba(91,186,68,0.95); border-radius: 3px; color: #fff; font-family: 'Rubik', Georgia, serif; font-size: 1.2em; font-weight: 700; line-height: 1; margin: 0 0 10px 0; padding: 10px; text-transform: uppercase; }
.main .section.map .popup .message:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgba(91,186,68,0.95); content: ''; display: block; height: 0; width: 0; position: absolute; bottom: 17px; left: 50%; transform: translateX(-50%); }
.main .section.map .popup .message strong { display: block; font-size: 2.4em; font-weight: 300; margin: 0 0 5px 0; }
.main .section.map .popup .dot { background: #1074ca; border: 5px solid #fff; border-radius: 50%; height: 27px; margin: 0 auto; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 27px; }
.main .section.map .logos { border-top: 3px solid #c1c1c1; margin: 30px 0 0 0; padding: 30px 0 0 0; text-align: center; }
.main .section.map .logos li { display: inline-block; margin: 0 15px; }

.main .contact { background: #252b2e url(../images/bg-footer.jpg) center top no-repeat; padding: 150px 0 30px 0; }
.main .contact .contact-box { margin: 0 0 50px 0; overflow: hidden; }
.main .contact .left-box { background: #fff; float: left; height: 460px; padding: 30px; width: 40%; }
.main .contact .right-box { background: #2f3d44; background: rgba(47,61,68,0.95); color: #fff; float: left; height: 460px; padding: 30px 100px; width: 60%; }
.main .contact .contact-box h4 { color: #1C337B; font-family: 'Rubik', Georgia, serif; font-weight: normal; margin: 0 0 30px 0; }
.main .contact .right-box h4 { margin: 0 0 50px 0; color: #bf8b25; }
.main .contact .info { margin: 0 0 30px 0; overflow: hidden; }
.main .contact .info li { float: left; font-size: 1.2em; }
.main .contact .info li:nth-child(odd) { clear: left; }
.main .contact .info li.name { color: #bf8b25; /*#5bba44;*/ margin: 0 0 50px 0; width: 100px; }
.main .contact .socials { clear: both; margin: 0 0 0 100px; }
.main .contact .socials li { display: inline-block; margin: 0 45px 0 0; }
.main .contact .socials a { background: url(../images/sprite-social.png) no-repeat; display: inline-block; height: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: transform 0.3s; }
.main .contact .socials a.tw { background-position: 0 0; width: 46px; }
.main .contact .socials a.fb { background-position: -46px 0; width: 21px; }
.main .contact .socials a.yt { background-position: -67px 0; width: 45px; }
.main .contact .socials a.in { background-position: -112px 0; width: 38px; }
.main .contact .socials a:hover { transform: rotate(360deg); }
.main .contact .customerservice { margin: 0 0 50px 0; text-align: center; }
.main .contact .btn { border: 1px solid #ccc; border-radius: 3px; color: #fff; display: inline-block; font-family: 'Rubik', Georgia, serif; font-size: 1.6em; padding: 10px 15px; text-transform: uppercase; }
.main .contact .btn:before { background: url(../images/icon-ccc.png) center center no-repeat; content: ''; display: inline-block; height: 44px; margin: 0 10px 0 0; vertical-align: middle; width: 52px; }
.main .contact .bottom { overflow: hidden; }
.main .contact .bottom .additional { background: url(../images/icon-pdf.png) left center no-repeat; color: #fff; float: left; font-family: 'Rubik', Georgia, serif; padding: 15px 0 15px 85px; text-decoration: none; }
.main .contact .bottom .additional:hover { text-decoration: underline; }
.main .contact .bottom img { float: right; filter: grayscale(100%); }

.main .offices { display: flex; justify-content: space-between; flex-wrap: wrap; }
.main .officebox { background: rgba(250, 250, 250, 1); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.08); margin: 0 0 30px 0; padding: 30px 30px 30px 130px; width: 48%;    position: relative; }
.main .officebox .flag { position: absolute; top: 30px; left: 30px; }

.form-holder {}
.form-holder .form-row { clear: both; overflow: hidden; }

.calculator .form-holder{ padding: 0px; }
.calculator .form-row:first-child { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 15px; }
.calculator .form-field { float: left; width: 50%; }
.calculator .form-field:last-child { text-align: right; }
.calculator .form-field:nth-child(2) select { width: 300px; }
.calculator .form-field:nth-child(2) select.currency { margin: 0 15px 0 0; width: 150px; }
.calculator label { color: #4d555a; display: block; font-size: 1.2em; font-weight: bold; margin: 0 0 5px 0; }
.calculator input[type="text"],
.calculator select { border: 1px solid #c8c8c8; border-radius: 3px; color: #4b555e; font-size: 1.6em; margin: 0 0 15px 0; padding: 5px; width: 270px; }
.calculator select.currency { margin: 0 15px 0 0; width: 150px; }
.calculator input[type="text"] { padding: 6px 5px; }
.calculator input[type="reset"] { background: none; border: 0; color: #2092d0; float: left; font-size: 1.2em; padding: 15px 0; transition: color 0.3s; }
.calculator input[type="reset"]:hover { color: #1C337B; /*#089141;*/ }
.calculator input[type="submit"] { background: #4d555a url(../images/icon-calc.png) 95% center no-repeat; border: 0; border-radius: 3px; color: #fff; float: right; font-size: 1.3em; min-width: 270px; padding: 15px 80px 15px 15px; text-align: left; text-transform: uppercase;  transition: background-color 0.3s; }
.calculator input[type="submit"]:hover { background-color: #1C337B; }
.calculator .calculating  { background: #12255F url(../images/ajax-loader-blue.gif) 95% center no-repeat !important; border: 0; border-radius: 3px; color: #fff; float: right; font-size: 1.3em; min-width: 270px; padding: 15px 80px 15px 15px; text-align: left; text-transform: uppercase;  transition: background-color 0.3s; }

.calculator input[type="text"][readonly] { border: 0; }
.calculator .ui-widget.ui-widget-content { background-color: #d7d7d7; border: 0; height: 4px; margin-bottom: 30px; }
.calculator .ui-widget-header { background-color: #0ca1d6; border: 0; }
.calculator .ui-slider-horizontal .ui-slider-handle { background-color: #e4e6e6; border: 0; border-radius: 50%; box-shadow: 2px 2px 10px rgba(0,0,0,0.25); height: 32px; width: 32px; top: -16px; }
.slider-attending,
.slider-tuition { margin: 0 30px 0 8px; }
.slider-attending + p,
.slider-tuition + p { font-size: 16px; margin: 0 8px; }

.contact .form-group { margin: 20px 0 0 0; }
.contact label.control-label { font-size: 16px; }
.contact input[type="submit"] { background: #1C337B; border: 0; border-radius: 3px; color: #fff; font-size: 1.3em; padding: 10px 45px; text-align: center; text-transform: uppercase;  transition: background-color 0.3s; }
.contact input[type="submit"]:hover { background-color: #12255F; }
#contact_form .loading{ background: #1C337B url(../images/ajax-loader-blue.gif) center right no-repeat !important; }

/* .newtopts .form-group.is-focused label,
.newtopts .form-group.is-focused label.control-label { color: red; }
.newtopts .form-control,
.newtopts .form-group .form-control { background-image: linear-gradient(#5bba44, #5bba44), linear-gradient(#D2D2D2, #D2D2D2); } */
.newtopts .captcha { border: 1px solid #aaa; float: right; }
.newtopts .captcha-field input { float: left; width: 60%; }

.login-title { color: #444; font-size: 18px; text-align: center; }
.main .section.login-title h3 { color: #000; font-weight: normal; margin-bottom: 15px; }

/* START ON modal dialog */
.modal { background: rgba(0,0,0,0.5); }
.modal-dialog { font-family: 'Rubik', Georgia, serif; margin: 15% auto; width: 500px; }
#getStarted {overflow: hidden;}
#privacyPolicy .modal-dialog,
#termsConditions .modal-dialog,
#companyRegistration .modal-dialog { margin: 5% auto; max-width: 960px; width: 100%; }
.modal-content .modal-header { border-bottom: 1px solid #e5e5e5; padding: 15px; }
.modal-title { float: left; font-family: 'Rubik', Georgia, serif; }
.modal-content .modal-body { padding: 24px; text-align: center; }
#privacyPolicy .modal-content .modal-body,
#termsConditions .modal-content .modal-body,
#companyRegistration .modal-content .modal-body { text-align: left; }
.modal-body .btn {  color: #fff; font-size: 20px; margin: 0 10px; text-transform: none; transition: opacity 0.3s; }
.modal-body .btn.student { background-color: #58b944; }
.modal-body .btn.partner { background-color: #0ca1d6; }
.modal-body .btn.student:hover { background-color: #58b944; opacity: 0.75; }
.modal-body .btn.partner:hover { background-color: #0ca1d6; opacity: 0.75; }
.modal-open { overflow: hidden; padding-right: 0 !important; }
#main_T_and_C table, #main_T_and_C td, #main_T_and_C th {border: 1px solid black !important;}
#main_T_and_C td {padding: 3px;}
#main_T_and_C .row { margin: 0px; }
/* END ON modal dialog */

/* START ON Christmass message */
.christmasMessage {
    background: url('../images/christmas/bgr.png') 0 0;
    margin-top: -70px;
}
.christmasMessage .message {
    background: #ffffff;
    box-shadow: 0px 8px 35px rgba(0,0,0,0.25);
}
.christmasMessage i.gifts {
    display: block;
    background: url('../images/christmas/gifts.png') no-repeat 0 0;
    width: 309px;
    height: 108px;
    margin: 0 auto;
}
.christmasMessage .main { padding: 40px 60px 20px 60px; }
.christmasMessage .main h2 {
    color: #ea144e;
    font-weight: bold;
    font-size: 4rem;
    line-height: 4rem;
}
.christmasMessage .main h2 span {
    display: block;
    color: #000000;
    font-weight: 300;
    font-size: 3.5rem;
    margin-top: 1rem;
    padding-bottom: 1.25rem;
}
.christmasMessage .main p {
    font-family: 'Lato', Arial, sans-serif;
    color: #444444;
    font-size: 1.8rem;
    line-height: 2.5rem;
}
.christmasMessage .bottom {
    background: #f2f2ef;
    border-top: 3px solid #e4e4e4;
    padding: 30px 60px;
    position: relative;
}
.christmasMessage .bottom i {
    display: block;
    background: url('../images/christmas/zelenko.png') no-repeat 0 0;
    width: 169px;
    height: 158px;
    position: absolute;
    right: -90px;
    top: -25px;
}
.christmasMessage .bottom h3 {
    text-align: left;
    color: #ea144e;
    font-size: 2.8rem;
    line-height: 3rem;
}
.christmasMessage .bottom h3 span {
    display: block;
    color: #000000;
    font-weight: 300;
    font-size: 2.2rem;
    padding-top: 0.8rem;
}

.christmasMessage sup {
	line-height: 22px;
	font-size: 14px;
}
/* END OF Christmass message */

.footer { background: #252b2e; color: #fff; padding: 30px 0; }
.footer ul{ margin: 0px; }
.footer p { margin: 0; }
.footer a { color: #fff !important; display: inline-block; margin: 0 5px; }
.footer .copy { text-align: right; }
.footer .copy a:hover { filter: opacity(0.9); }

/* START OF aboutus.aspx page */
body.customerservice .col-md-6{width: 50%;}

.main .section a {color: #1d78b2; }

body.customerservice .main .faq .container { background-color: white; margin: 0px auto 0px auto; padding: 40px 15px 40px 15px; }
body.customerservice .main .faq .container H5{ margin: 0px;	}
/* END ON aboutus.aspx page */

/* START OF faq.aspx page */
.main .faq .container { margin-bottom: 0px; padding-bottom: 0px;}
.main .faq .container .most{ padding-bottom: 0px !important; }
.main .faq_bottom .container { margin-top: 0px; }

.faq .hero h2{color: white; font-family: "Rubik",Georgia,serif;}

.faq .col-md-6{width: 100%;}

.faq { text-align: center; }
.faq h3 { font-size: 36px; font-weight: normal; margin: 30px 0px 30px 0px !important;}
.faq a { color: #1C337B; }
.faq .your-q { border: 1px solid #d7d7d7; border-radius: 3px; display: inline-block; margin: 30px 0; padding: 10px; text-align: center; display: none;}
.faq .your-q:before { background: url(../images/icon-yourq.png) center center no-repeat; content: ''; float: left; height: 38px; margin: 0 10px 0 0; width: 47px; opacity: 0.3; transition: opacity 0.3s; }
.faq .your-q.active:before { opacity: 1; }
.faq .your-q input { border: 0; font-size: 24px; padding: 5px 0; width: 350px; }
.faq .most { background: url(../images/sep-grey.gif) center top no-repeat; padding: 50px 0; text-align: left; }
.faq .most h4 { color: #b4b6b8; font-family: 'Rubik', Georgia, serif; font-size: 36px; font-weight: 300; margin: 0 0 50px 0; text-align: center; }
.faq .most h5 { font-family: 'Rubik', Georgia, serif; color: #000; font-size: 28px; font-weight: normal; margin: 30px 0px 30px 0px; padding: 0 15px 0 0; }
.faq .most .item { padding: 5px 0; }
.faq .most a.question { color: #000; display: inline-block; font-family: 'Rubik', Georgia, serif; font-size: 20px; font-weight: normal; margin: 0 0 5px 0; padding: 0 15px 0 30px; text-decoration: none; position: relative; transition: color 0.3s; }
.faq .most .active a.question,
.faq .most a.question:hover { color: #1C337B; }
.faq .most a.question:before { background: url(../images/sprite-faq.png) 0 0 no-repeat; background-position: -24px 0; content: ''; height: 21px; width: 24px; position: absolute; top: 0; left: 0; }
.faq .most .active a.question:before { background-position: -24px 0; }
.faq .most .answer { display: none; padding: 0 15px 0 35px; }
.faq .security { border-top: 3px solid #e0e0e0; border-bottom: 3px solid #e0e0e0; color: #666; margin: 0 0 30px 0; padding: 30px 0; text-align: left; }
.faq .security p { margin: 0; }
.faq .logos li { display: inline-block; margin: 15px; }
.faq .logos img { opacity: 0.5; }
/* END OF faq.aspx page */

/* START OF customerservice.aspx, contactus.aspx pages */
body.customerservice .faq .col-md-6{width: 50%;}

body.customerservice .header .contact               ,body.contactus .main .contact{ background: #252b2e url(../images/bg-footer.jpg) center top no-repeat; padding: 150px 0 30px 0; }
body.customerservice .header .contact .contact-box  ,body.contactus .main .contact .contact-box { margin: 0 0 50px 0; overflow: hidden; }
body.customerservice .header .contact .contact-box  ,body.contactus .main .contact .contact-box { text-align: center; }
body.customerservice .header .contact .left-box     ,body.contactus .main .contact .left-box { background: #fff; float: left; height: 460px; padding: 30px; width: 40%; }
body.customerservice .header .contact .left-box     ,body.contactus .main .contact .left-box { height: auto; display: inline-block; float: none; max-width: 300px; text-align: left; vertical-align: top; width: 100%; position: relative; left: 2px; }

body.customerservice .header .hero                     { padding-top: 110px; }
body.customerservice .header .hero ul                , body.contactus  .main .ccc ul { text-align: center; }
body.customerservice .header .hero li                , body.contactus  .main .ccc li { background-color: #fff; border-top: 5px solid #fff; box-shadow: 0 0 30px rgba(0,0,0,0.2); display: inline-block; margin: 0 1%; width: 22%; transition: border-top 0.3s; }
body.customerservice .header .hero li a              , body.contactus  .main .ccc li a { color: #434343; display: block; font-size: 24px; font-weight: bold; min-height: 270px; padding-top: 35px; text-decoration: none; }
body.customerservice .header .hero li a:before       , body.contactus  .main .ccc li a:before { background: url(../images/sprite-contacts.jpg) no-repeat; content: ''; display: block; height: 158px; margin: 0 0 15px 0; }
body.customerservice .header .hero li a.skype:before , body.contactus  .main .ccc li a.skype:before { background-position: 0 0; }
body.customerservice .header .hero li a.faq:before   , body.contactus  .main .ccc li a.faq:before { background-position: 0 -158px; }
body.customerservice .header .hero li a.phone:before , body.contactus  .main .ccc li a.phone:before { background-position: 0 -316px; }
body.customerservice .header .hero li a.chat:before  , body.contactus  .main .ccc li a.chat:before { background-position: 0 -474px; }
body.customerservice .header .hero li:hover          , body.contactus .main .ccc li:hover { border-top: 5px solid #fb8f1b; }

body.customerservice .newtopts { margin: 15px 0px 10px 0px; }
body.customerservice .newtopts H2 { color: #4d555a; margin: 0; }
body.customerservice .newtopts H2 STRONG { color: #000; display: block; font-weight: bold; margin: 10px 0px 20px 0px; }

body.customerservice .main .contact .contact-box,
body.contactus .main .contact .contact-box { text-align: center; }
body.customerservice .main .contact .left-box,
body.contactus .main .contact .left-box { height: auto; display: inline-block; float: none; max-width: 300px; text-align: left; vertical-align: top; width: 100%; position: relative; left: 2px; }

body.customerservice .main .contact .caller-box              ,body.contactus .main .contact .caller-box {}
body.customerservice .main .contact .caller-box .flag        ,body.contactus .main .contact .caller-box .flag { display: none; border: 1px solid #eee; position: relative; top: -2px; }
body.customerservice .main .contact .caller-box.ie .flag.ie  ,body.contactus .main .contact .caller-box.ie .flag.ie { display: inline; }
body.customerservice .main .contact .caller-box.au .flag.au  ,body.contactus .main .contact .caller-box.au .flag.au { display: inline; }
body.customerservice .main .contact .caller-box.br .flag.br  ,body.contactus .main .contact .caller-box.br .flag.br { display: inline; }
body.customerservice .main .contact .caller-box.ca .flag.ca  ,body.contactus .main .contact .caller-box.ca .flag.ca { display: inline; }
body.customerservice .main .contact .caller-box.cn .flag.cn  ,body.contactus .main .contact .caller-box.cn .flag.cn { display: inline; }
body.customerservice .main .contact .caller-box.fr .flag.fr  ,body.contactus .main .contact .caller-box.fr .flag.fr { display: inline; }
body.customerservice .main .contact .caller-box.in .flag.in  ,body.contactus .main .contact .caller-box.in .flag.in { display: inline; }
body.customerservice .main .contact .caller-box.it .flag.it  ,body.contactus .main .contact .caller-box.it .flag.it { display: inline; }
body.customerservice .main .contact .caller-box.jp .flag.jp  ,body.contactus .main .contact .caller-box.jp .flag.jp { display: inline; }
body.customerservice .main .contact .caller-box.lv .flag.lv  ,body.contactus .main .contact .caller-box.lv .flag.lv { display: inline; }
body.customerservice .main .contact .caller-box.my .flag.my  ,body.contactus .main .contact .caller-box.my .flag.my { display: inline; }
body.customerservice .main .contact .caller-box.mx .flag.mx  ,body.contactus .main .contact .caller-box.mx .flag.mx { display: inline; }
body.customerservice .main .contact .caller-box.ng .flag.ng  ,body.contactus .main .contact .caller-box.ng .flag.ng { display: inline; }
body.customerservice .main .contact .caller-box.no .flag.no  ,body.contactus .main .contact .caller-box.no .flag.no { display: inline; }
body.customerservice .main .contact .caller-box.pk .flag.pk  ,body.contactus .main .contact .caller-box.pk .flag.pk { display: inline; }
body.customerservice .main .contact .caller-box.sa .flag.sa  ,body.contactus .main .contact .caller-box.sa .flag.sa { display: inline; }
body.customerservice .main .contact .caller-box.th .flag.th  ,body.contactus .main .contact .caller-box.th .flag.th { display: inline; }
body.customerservice .main .contact .caller-box.gb .flag.gb  ,body.contactus .main .contact .caller-box.gb .flag.gb { display: inline; }
body.customerservice .main .contact .caller-box.us .flag.us  ,body.contactus .main .contact .caller-box.us .flag.us { display: inline; }
body.customerservice .main .contact .caller-box.kr .flag.kr  ,body.contactus .main .contact .caller-box.kr .flag.kr { display: inline; }

body.customerservice .main .contact .form-group                  ,body.contactus .main .contact .form-group { margin: 20px 0 0 0; overflow: hidden; }
body.customerservice .main .contact label.control-label          ,body.contactus .main .contact label.control-label { font-size: 16px; }
body.customerservice .main .contact select                       ,body.contactus .main .contact select { background: url(../images/arrow-down.png) right center no-repeat; border: 0; float: left; font-size: 18px; padding: 0 25px 0 5px; -moz-appearance: none; -webkit-appearance:none; }
body.customerservice .main .contact select::-ms-expand           ,body.contactus .main .contact select::-ms-expand { display: none; }
body.customerservice .main .contact .flag                        ,body.contactus .main .contact .flag { float: left; margin: 3px 10px 0 0; }
body.customerservice .main .contact input[type="submit"]         ,body.contactus .main .contact input[type="submit"] { background: #5bba44; border: 0; border-radius: 3px; color: #fff; font-size: 1.3em; padding: 10px 45px; text-align: center; text-transform: uppercase;  transition: background-color 0.3s; }
body.customerservice .main .contact input[type="submit"]:hover   ,body.contactus .main .contact input[type="submit"]:hover { background-color: #1C337B; }
body.customerservice .main .contact .right-box                   ,body.contactus .main .contact .right-box   { background: #2f3d44; background: rgba(47,61,68,0.95); color: #fff; float: left; height: 460px; padding: 30px 100px; width: 60%; }
body.customerservice .main .contact .right-box .info             ,body.contactus .main .contact .right-box .info   {display: none;}
body.customerservice .main .contact .right-box #contacts_info_ie ,body.contactus .main .contact .right-box #contacts_info_ie   {display: block;}
body.customerservice .main .contact .right-box                   ,body.contactus .main .contact .right-box   { display: inline-block; float: none; height: auto; max-width: 480px; text-align: left; padding: 30px; width: 100%; }
body.customerservice .main .contact .right-box .info li.name     ,body.contactus .main .contact .right-box .info li.name   { margin: 0 0 25px 0; }
body.customerservice .main .contact .contact-box h4 { color: #bf8b25; font-family: 'Rubik', Georgia, serif; font-weight: normal; margin: 0 0 30px 0; }
body.customerservice .main .contact .contact-box h5 { color: #434343; font-family: 'Rubik', Georgia, serif; font-weight: normal; }
body.customerservice .main .contact .right-box h4 { margin: 0 0 50px 0; }
body.customerservice .main .contact .info { margin: 0 0 30px 0; overflow: hidden; }
body.customerservice .main .contact .info li { float: left; font-size: 1.2em; }
body.customerservice .main .contact .info li:nth-child(odd) { clear: left; }
body.customerservice .main .contact .info li.name { color: #bf8b25; margin: 0 0 50px 0; width: 100px; }
body.customerservice .main .contact .socials { clear: both; margin: 0 0 0 100px; }
body.customerservice .main .contact .socials li { display: inline-block; margin: 0 45px 0 0; }
body.customerservice .main .contact .socials a { background: url(../images/sprite-social.png) no-repeat; display: inline-block; height: 40px; overflow: hidden; text-indent: 100%; white-space: nowrap; transition: transform 0.3s; }
body.customerservice .main .contact .socials a.tw { background-position: 0 0; width: 46px; }
body.customerservice .main .contact .socials a.fb { background-position: -46px 0; width: 21px; }
body.customerservice .main .contact .socials a.yt { background-position: -67px 0; width: 45px; }
body.customerservice .main .contact .socials a.in { background-position: -112px 0; width: 38px; }
body.customerservice .main .contact .socials a:hover { transform: rotate(360deg); }
body.customerservice .main .contact .ccc { margin: 0 0 50px 0; text-align: center; }
body.customerservice .main .contact .btn { border: 1px solid #ccc; border-radius: 3px; color: #fff; display: inline-block; font-family: 'Rubik', Georgia, serif; font-size: 1.6em; padding: 10px 15px; text-transform: uppercase; }
body.customerservice .main .contact .btn:before { background: url(../images/icon-ccc.png) center center no-repeat; content: ''; display: inline-block; height: 44px; margin: 0 10px 0 0; vertical-align: middle; width: 52px; }
body.customerservice .main .contact .bottom { overflow: hidden; }
body.customerservice .main .contact .bottom .additional { background: url(../images/icon-pdf.png) left center no-repeat; color: #fff; float: left; font-family: 'Rubik', Georgia, serif; padding: 15px 0 15px 85px; text-decoration: none; }
body.customerservice .main .contact .bottom .additional:hover { text-decoration: underline; }
body.customerservice .main .contact .bottom img { float: right; filter: grayscale(100%); }

body.customerservice .main .faq { text-align: center; background-color: white; }
body.customerservice .main .faq h3 { font-size: 36px; font-weight: normal; }
body.customerservice .main .faq a { color: #1d78b2; }
body.customerservice .main .faq .your-q { border: 1px solid #d7d7d7; border-radius: 3px; display: inline-block; margin: 30px 0; padding: 10px; text-align: center; display: none;}
body.customerservice .main .faq .your-q:before { background: url(../images/icon-yourq.png) center center no-repeat; content: ''; float: left; height: 38px; margin: 0 10px 0 0; width: 47px; opacity: 0.3; transition: opacity 0.3s; }
body.customerservice .main .faq .your-q.active:before { opacity: 1; }
body.customerservice .main .faq .your-q input { border: 0; font-size: 24px; padding: 5px 0; width: 350px; }
body.customerservice .main .faq .most { background: url(../images/sep-grey.gif) center top no-repeat; padding: 50px 0px 0px 0px; text-align: left; }
body.customerservice .main .faq .most h4 { color: #1C337B; font-family: 'Rubik', Georgia, serif; font-size: 36px; font-weight: 300; margin: 0 0 50px 0; text-align: center; }
body.customerservice .main .faq .most h5 { font-family: 'Rubik', Georgia, serif; font-size: 24px; font-weight: normal; margin: 15px 0; padding: 0 15px 0 0; }
body.customerservice .main .faq .most .item { padding: 5px 0; }
body.customerservice .main .faq .most a.question { color: #5f676c; display: inline-block; font-family: 'Rubik', Georgia, serif; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; padding: 0 15px 0 30px; text-decoration: none; position: relative; transition: color 0.3s; }
body.customerservice .main .faq .most .active a.question,
body.customerservice .main .faq .most a.question:hover { color: #1C337B; }
body.customerservice .main .faq .most a.question:before { background: url(../images/sprite-faq.png) 0 0 no-repeat; content: ''; height: 21px; width: 24px; position: absolute; top: 0; left: 0; }
body.customerservice .main .faq .most .active a.question:before { background-position: -24px 0; }
body.customerservice .main .faq .most .answer { display: none; padding: 0 15px 0 35px; }
body.customerservice .main .faq .security { border-top: 3px solid #e0e0e0; border-bottom: 3px solid #e0e0e0; color: #666; margin: 0 0 30px 0; padding: 30px 0; text-align: left; }
body.customerservice .main .faq .security p { margin: 0; }
body.customerservice .main .faq .logos li { display: inline-block; margin: 15px; }
body.customerservice .main .faq .logos img { opacity: 0.5; }
.faq_bottom .container {padding: 30px 0px 50px 0px;}

/* END OF customerservice.aspx page */

/* START OF partners_register.aspx page */
body.partners_register .main .register_form .container , body.individuals_register .main .register_form .container { padding-top: 30px; padding-bottom: 15px; }
body.partners_register .main .security                 , body.individuals_register .main .security { border-top: 0px; padding-top: 0px; color: #000;}
body.partners_register .main .faq .logos img           , body.individuals_register .main .faq .logos img { opacity: 1; }
/* END OF partners_register.aspx page */

/* START OF partners_login.aspx page */
body.partners_login .main .login-title .container a {text-transform: uppercase; color: #ff3300; text-decoration: none; }
body.individuals_login .main .login-title .container a {text-transform: uppercase; color: #ff3300; text-decoration: none; }
body.partners_login .main .login-title .container a:hover {color: #e96d39; }
body.individuals_login .main .login-title .container a:hover {color: #e96d39; }
/* END OF partners_login.aspx page */

/* START OF popup */
#popup_window #google_translate_element { margin-left: 0;  height: 21px; }
.ui-dialog-title FONT {display: none; }

#main_T_and_C { margin-top: 5px; ont-family: 'Rubik', Georgia, serif; line-height: 25px; font-size: 15px; opacity: 1;}
#main_T_and_C b { color: black; }
#main_T_and_C .popup-title { display: none; }
#main_T_and_C .backtotop a {
    background: transparent url("../images/backtotop.png") no-repeat scroll left 1px;
    border: medium none;
    color: #568ac2;
    font-size: 0.65em;
    padding: 0 9px 0 20px;
    text-decoration: none;
    text-transform: uppercase;
}
#pages_content_2898 #google_translate_element { padding-bottom: 15px; }
/* END OF popup */

/* START OF individuals_login.aspx */
    body.individuals_login .comming_soon {text-align: center; color: darkred; font-size:22px; margin-bottom: 150px;}
/* END OF individuals_login.aspx */


/* START for individuals documents upload page */
 .student_upload_documents .pages_content
,.reports_login .pages_content
,.reports_welcome .pages_content
,.reports_guides .pages_content
,.reports_sandbox .pages_content
,.reports_history .pages_content { margin: 0 auto; width: 1200px; background: #fff; color: #000; padding: 20px !important; margin-bottom: 35px; }
.files_uploaded_wrap {display:none;}
.files_uploaded {font-size: 19px;}
.files_uploaded p { color: #C30009; margin: 5px 30px;}
.files_uploaded .btn_files_uploaded_close {float: right;}

body.student_upload_documents {
    background: #f2f6f9 url(../images/student/bg-student.gif) left top repeat;
    background-size: auto;
}

#pages_content_2906, #pages_content_7295 { text-align: center; color: #fff; background: transparent; padding: 0px; margin: 30px auto;}
#pages_content_2906 h1 { font-family: 'Rubik', Georgia, serif; font-size: 36px; font-weight: normal; }
#pages_content_2907 {padding: 0px;}
/* END for individuals documents upload page  and transaction history page upload done modal message */


/* Responsive styles start*/
@media (max-width: 2560px) {
  /*   body {  background-size: 2560px 800px; } */
}
@media (max-width: 1300px) {
    .slick-slider { padding: 0 40px; }
    .slick-prev { left: 15px; }
    .slick-prev:hover { left: 5px; }
    .slick-next { right: 15px; }
    .slick-next:hover { right: 5px; }
}
@media (min-width: 1201px) {
    .nav-main { display: block!important; }
}
@media (max-width: 1200px) {
    .header { background-size: cover; min-height: 0; }
    .mobile-toggle { display: block; width: 970px; }
    .nav-main { display: none; width: 970px; }
    .nav-main li { border-bottom: 1px solid #4fa63c; height: auto; float: none; margin: 0; text-align: center; }
    .nav-main a { height: auto; padding: 10px 0; }
    .nav-main .active a { border-bottom: 0; text-decoration: underline; }
    .header .hero { padding-top: 50px; padding-bottom: 70px; text-align: center; }
    .header .hero .start { margin: 0 0 50px 0; }
    .nav-types { height: 50px; position: static; margin-top: 0px;}
    .nav-types li { height: auto; }
    .nav-types a { width: 100%; line-height: 50px; padding: 0 30px; position: static; }
    .nav-types .college a{padding-left: 32px; padding-right: 32px;}
    .main .section.process .step h3 { height: auto; }
    .main .section.companies .box { flex-direction: column; align-items: center; padding: 30px; }
    .main .section.companies .box .ct { border-right: 0; border-bottom: 1px solid #707070; padding-right: 0; padding-bottom: 15px; }
    .main .section.companies .box .item { margin: 20px 0; max-width: 100%; min-height: auto; }
    .main .section.companies .box .item .more { position: static; }
    .main .section.map .popup { width: 50%; top: 20%!important; left: 50%!important; right: auto!important; transform: translateX(-50%); }
    .main .section.map .popup .dot { display: none; }
    .main .section.map .popup .message:after { display: none; }
    .main .contact .right-box { padding: 30px; }
    .main .section.unis { padding-top: 50px; }
    .main .section.unis .uni-slider { margin: 0 50px 50px 50px; }
    .nav-main ul ul { width: 100%;  }

	body.aboutus .section.founders li { min-height: 700px; }

    body.customerservice .header .hero               ,body.contactus .main .ccc { padding: 30px 0px 50px 0px; }
    body.customerservice .header .hero li            ,body.contactus .main .ccc li { display: block; margin: 10px 0; width: 100%; }
    body.customerservice .header .hero li a          ,body.contactus .main .ccc li a { min-height: 0; padding: 15px 0; }
    body.customerservice .header .hero li a:before   ,body.contactus .main .ccc li a:before { display: none; }
	body.customerservice .newtopts                     {margin-top: 0px !important;}


    .student_upload_documents .pages_content { width: auto; }

}
@media (max-width: 991px) {
     body { background-color: #fff; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; }
    .mobile-toggle { max-width: 750px; width: 100%; }
    .nav-main { width: 750px; }
    .nav-types .college a{padding-left: 0px; padding-right: 0px; font-size: 1em;}
    .calculator .form-field { float: none; width: 100%; }
    .calculator .form-field:last-child { text-align: left; }
    .main .section.process .step { margin: 30px 0; }
    .main .section.process .step p { margin: 0 0 15px 0; min-height: 0; }
    .main .section.process .step h4 { padding-top: 15px; }
    .main .section.team { padding-top: 0; }
    .main .section.team .intro { margin: 0 0 50px 0; padding: 0; }
    .main .section.team .text-box { margin: 0 0 30px 0; min-height: 0; }
    .main .contact .info li.name { margin: 0 0 15px 0; }
    .main .contact .socials { margin: 0; }
    .footer .copy { padding-top: 15px; text-align: left; }

	body.aboutus .section.founders li { display: block; margin: 0 0 30px 0; min-height: 0; width: 100%; }
	body.aboutus .col-md-6{width: 100%;}
	body.aboutus .main .section.awards2 { background: #fff; }
    .main .officebox { width: 100%; }
}
@media (max-width: 768px) {
    .header .top .container .row IMG{float:unset;}
    #google_translate_element {display: block;clear: both;}
	 body { background-position: center 200px; background-origin: content-box;}
    .header .top { text-align: center; }
    .header .top .lang { padding-top: 30px; text-align: center; }
    .nav-types { height: auto; }
    .nav-types .college a{font-size: 1.2em;}
    .nav-types li { display: block; width: 100%; }
    .main .section.process .step:before { left: 15px; }
    .nav-main { width: 100%; }
    .main .section.companies .intro { padding: 0; }
    .main .section.unis .logos { display: none; }
    .main .section.unis .uni-slider p.logo { display: none; }
    .main .section.map .popup { width: 95%!important; }
    .main .contact .btn { font-size: 1.2em; }
    .main .contact { background-size: cover; padding: 30px 0; }
    .main .contact .left-box,
    .main .contact .right-box { float: none; height: auto; width: 100%; }
    .main .contact .bottom { text-align: center; }
    .main .contact .bottom .additional { display: inline-block; float: none; margin: 0 0 30px 0; }
    .main .contact .bottom img { display: block; float: none; margin: 0 auto; }

	body.customerservice .faq .col-md-6 { width: 100%;}
}
@media (max-width: 600px) {
     .main .contact .btn { width: 300px !important; white-space: nowrap !important; }
	 .modal-dialog {width: 300px !important;}
	 .modal-dialog .partner{margin-top: 20px;}
	 .ui-dialog .ui-dialog-titlebar-close { position: relative; float: right; }
}

@media (max-width: 320px) {

    /* .header .top .lang li:first-child a { border-right: none; border-bottom: 1px solid #e96d39; padding-bottom: 20px;} */
}
/* Responsive styles end*/

#__image_captcha_text{
    width: 100px;
}

#__image_captcha_redraw{
    width: 32px;
    height: 32px;
    float: right;
    margin: 0px;
    padding: 0px;
    background: url(../images/redraw_button.png) no-repeat scroll center center #FFFFFF;
}

#image_captcha_ximg{
    float: right !important;
}

.err{
    color: #c00;
    font-size: 14px;
    font-weight: 700;
}

.empty_message{
    color: #c00;
    font-size: 22px;
	font-weight: normal;
    text-align: center;
	line-height: 25px;
    padding: 80px;
	min-height: 200px !important;
}

.result_message{
    color: #c00;
    font-size: 1.5em;
    text-align: center;
    padding: 0px 0px 10px 0px;
}

.attention_message{
    color: #c00;
	font-size: 0.9em;
	padding: 0px 50px 20px 50px;
	max-width: 800px;
	margin: auto;
    margin-bottom: -50px;
}

.thanks_message{
    color: #c00;
    text-aline: center;
    display: table;
    margin: auto;
    font-size: 16px;
    font-weight: 700;
}

#agentCalculatorResults, #collegeCalculatorResults, #studentCalculatorResults{
    display: none;
}

.payer_cpf_text_area_row{
    display: none !important;
}

#studentCalculatorCCcards{
	display: none;
	text-align: center;
}

body.home .ccc, body.individuals .ccc{ text-align: center; }

/*
.goog-te-gadget {
height: 30px !important;
overflow: hidden !important;
display: block !important;
width: 200px !important;
}

#:0.targetLanguage{
    height: 30px !important;
    overflow: hidden !important;
    top: 0px !important;
    position: absolute !important;
    width: 200px !important;

}
*/

.message-box {
    color: #000;
    padding: 10px 0px 10px 0px;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    background-color: #ffffff;
}

.message-box.warning {
     background: repeating-linear-gradient(
        -45deg,
        #FEEFB3,
        #FEEFB3 10px,
        #FEEFB1 10px,
        #FEEFB1 20px
    );
}

.message-box.success {
     background: repeating-linear-gradient(
        -45deg,
        #DFF2D5,
        #DFF2D5 10px,
        #DFF2D0 10px,
        #DFF2D0 20px
    );
}

.message-box.info {
     background: repeating-linear-gradient(
        -45deg,
        #d8eff3,
        #d8eff3 10px,
        #d8f3f3 10px,
        #d8f3f3 20px
    );
}

.message-box.neutral {
     background: repeating-linear-gradient(
        -45deg,
        #f9f9f9,
        #f9f9f9 10px,
        #f7f7f7 10px,
        #f7f7f7 20px
    );
}

.message-box.error {
     color: #000;
     background: repeating-linear-gradient(
        -45deg,
        #FFBABA,
        #FFBABA 10px,
        #ffb3b3 10px,
        #ffb3b3 20px
    );
}

.rebranding_msg_img {
    float: left;
    margin: 50px 25px;
}
.rebranding_msg {
    margin: 10px;
    font-family: 'Rubik';
}

.rebranding_wrap { }

/* Password Policy (Form Fields) START */
.password_requirements {
    font-size: 11px;
    margin-top: 10px;
    color: #333;
}

.password_requirements_title {
    font-weight: bold;
    text-decoration: underline;
}

.password_requirements_rules ol {
  margin-left:10px;
}
/* Password Policy (Form Fields) END*/

#notification_box {
	margin-top: 50px;
}


body.knowledge_base .header {
    background: url("https://transfermateeducation.com/templates/partners/images/header-faq.jpg") center top no-repeat;
    background-size: cover;
    min-height: 459px;
}
body.knowledge_base .header h2 {
    margin-top: 5rem;
}
.knowledge_title { text-align: left; margin: 15px 0; font-size: 28px; line-height: 30px;}

body.knowledge_base .main .section.page_tpl_top .container .knowledge_listing { margin-bottom: 250px; display: flex; }

.main section.page_tpl h2 {
    font-size: 3rem;
    margin-bottom: 2rem;
}
.main section.page_tpl h3 {
    font-size: 2.4rem;
    font-weight: normal;
    text-align: inherit;
    color: #000;
}
.main section.page_tpl.page_tpl_top { text-align: center; }
.main section.page_tpl_main {
    background-color: #f8f9fb;
    color: #000;
}
.main .page_tpl img {
    margin: 0.75rem 0.75rem 1.2rem;
    border-radius: 0px;
    box-shadow: 6px 6px 8px #d3d4d5,
                -6px -6px 8px #ffffff;
}
.main .page_tpl ul {
    list-style: disc;
    padding-top: 0;
}
.main .page_tpl ul li { margin-left: 2rem; }
.main .page_tpl ul li:first-child {
    margin-left: 0;
    padding-bottom: 0.35rem;
    list-style: none;
    font-weight: bold;
}
.main .page_tpl ul.list-special { list-style: none; }
.main .page_tpl ul.list-special li:first-child::before { display: none; }
.main .page_tpl ul.list-special li::before {
    content: "";
    display: block;
    float: left;
    width: 0.8rem;
    height: 0.8rem;
    background: #f9ae2e;
    border-radius: 0.5rem;
    margin-top: 0.5rem;
    margin-left: -1.5rem;
}
.main .page_tpl ul.list-special li:last-child { clear: both; }


/*  PARTNERS BULK PAYMENTS  */
.valid { color: #018e01; font-size: 14px; font-weight: 700; }
.main.payments .section span.err { color: #c00; font-size: 14px; font-weight: 700;  background: none; border: none; display: inline; margin: 0; padding: 0; }

.nav-sub { background: white; /*max-width: 1140px;*/ width: 100%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.nav-sub ul { margin: 0; overflow: hidden; }
.nav-sub li { float: left; margin: 0 20px; }
.nav-sub a { color: #1C337B; display: inline-block; font-weight: bold; padding: 20px; text-decoration: none; }
.nav-sub a:hover { text-decoration: underline; }
.nav-sub li.active a { box-shadow: inset 0px -8px 0px #F9AE2E; }

.main.payments .section h2 { color: #1C337B; font-size: 24px; font-weight: bold; margin: 0 0 30px 0; }
.main.payments .section h6 { color: black; font-size: 18px; font-weight: normal; margin: 0 0 30px 0; }

.main.payments .section .greybox, #upload_student_list_form_upload_student_list_field_row { background: #F0F0F0; border-radius: 5px; margin: 0 0 15px 0; padding: 24px; }
.main.payments .section .greybox.left { float: none; text-align: left; width: 100%; }
.main.payments .section .greybox .upload { background: white; border: 1px solid #1C337B; border-radius: 5px; color: #1C337B; display: inline-block; font-size: 20px; padding: 10px 16px; text-decoration: none; }
.main.payments .section .greybox .filename { background: white; border: 1px dashed #686868; color: black; display: inline-block; font-size: 20px; /*font-weight: bold;*/ padding: 16px; border-radius: 5px; /*margin: 0 0 10px 0;*/ }
.main.payments .section .greybox label { color: black; margin: 0; }
.main.payments .section .greybox p.warning { color: #c00; margin: 0; }
.main.payments .section .greybox p.warning:before { background: url(../images/warning.png) center center no-repeat; content: ''; display: inline-block; height: 18px; margin: 0 10px 0 0; vertical-align: middle; width: 20px; }
.main.payments .section .upload { background: #1C337B; border-radius: 5px; color: white; display: inline-block; font-size: 20px; margin: 5px; padding: 10px 16px; text-decoration: none; transition: background-color 0.3s; }
.main.payments .section .upload:hover { background: #c00; }
.main.payments .section .cancel { background: transparent; border: 1px solid #c00; border-radius: 5px; color: #c00; display: inline-block; font-size: 20px; margin: 5px; padding: 10px 16px; text-decoration: none; transition: border-color 0.3s, color 0.3s; }
.main.payments .section .cancel:hover { border-color: #1C337B; color: #1C337B; }
.main.payments .section .uploading { font-size: 18px; margin: 0; }
.main.payments .section .uploading img, .main.payments .section .completing img { width: 36px; margin: 10px 10px 10px 0; }
.main.payments .section .uploading i { display: none; }
.main.payments .section .uploading.upl i.upl { display: block; }
.main.payments .section .uploading.val i.val { display: block; }
.main.payments .section .uploading.pro i.pro { display: block; }
/*.main.payments .section .uploading span { background: url(../images/download.png) center center no-repeat; display: inline-block; height: 36px; vertical-align: middle; width: 36px; mix-blend-mode: multiply; animation: rotate 1s infinite linear; }*/
.main.payments .section .completing { font-size: 18px; margin: 0; }
.main.payments .section .completing span { background: url(../images/loading.jpg) center center no-repeat; display: inline-block; height: 36px; vertical-align: middle; width: 36px; mix-blend-mode: multiply; animation: rotate 1s infinite linear; }
.main.payments .section .redbox { background: rgba(205, 49, 58, 0.2); border-radius: 5px; color: #4F4F4F; font-size: 18px; margin: 0 0 15px 0; padding: 10px; text-align: left; }
.main.payments .section .redbox h6 { margin: 0 0 10px 0; text-align: left; }
.main.payments .section .redbox h6:before { background: url(../images/warning.png) center center no-repeat; content: ''; display: inline-block; height: 18px; margin: 0 5px 0 0; vertical-align: middle; width: 20px; }
.main.payments .section .redbox p { line-height: 1.75; margin: 0 25px; }

.main.payments .section p.download a { background: white; border: 1px solid #1c337b; border-radius: 5px; color: #1c337b; display: inline-block; margin: 0; padding: 10px 16px; }
.main.payments .section p.download a { color: #1c337b; text-decoration: none; transition: color 0.3s; }
.main.payments .section p.download a:after { background: url(../images/download.png) center center no-repeat; content: ''; display: inline-block; height: 20px; margin: 0 0 0 5px; vertical-align: middle; width: 16px; }
.main.payments .section p.download a:hover { color: black; }

.main.payments .section .complete { font-size: 18px; font-weight: bold; }

.main.payments .section .section.white .row {  padding: 50px 15px; }


.main.payments .section .progressbar {  background: rgba(249,174,46,0.26);  border-radius: 5px;  display: inline-block;  height: 32px;  vertical-align: middle;  width: 356px; }
.main.payments .section .progressbar span {  background: #F9AE2E;  border-radius: 5px;  float: left;  height: 32px; }
/*.main.payments .section i.val .progressbar {  background: rgba(28,123,29,0.26);  border-radius: 5px;  display: inline-block;  height: 32px;  vertical-align: middle;  width: 356px; }
.main.payments .section i.val .progressbar span {  background: #1C7B1D;  border-radius: 5px;  float: left;  height: 32px; }
*/.main.payments .section i.pro .progressbar {  background: rgba(135,36,36,0.26);  border-radius: 5px;  display: inline-block;  height: 32px;  vertical-align: middle;  width: 356px; }
.main.payments .section i.pro .progressbar span {  background: #872424;  border-radius: 5px;  float: left;  height: 32px; }

.mt-40 { margin-top: 40px; }

#upload_student_list_form_button_subscribe_row, #upload_student_list_form_button_reset_input_cell { display: none; }

.header.ref_number_header, .ref_number_cell, .header.batch_id_header, .batch_id_cell  { width: 130px; word-break: break-word; /*max-width: 85px; white-space: pre-wrap;*/}
.header.fees_and_taxes_header, .fees_and_taxes_cell { width: 65px; }
.header.status_header, .status_cell { width: 140px; }
.header.payer_cpf_header, .payer_cpf_cell { width: 190px; word-break: break-all;}



#upload_student_list_form_upload_student_list_field_label_cell { width: auto; background: white; border: 1px solid #1C337B; border-radius: 5px; color: #1C337B; display: inline-block; padding: 0; text-decoration: none;
z-index: 20; position: relative; transition: background-color 0.3s;    left: 50%; transform: translateX(-50%); float: left;}
#upload_student_list_form_upload_student_list_field_label_cell:hover { background: #c00; color: #fff; }
#upload_student_list_form_upload_student_list_field_label_cell label { font-size: 20px; font-weight: normal; cursor: pointer;  padding: 10px 16px; display: block;}
#upload_student_list_form_upload_student_list_field_label_cell label:hover { color: #fff; }

.file_selected #upload_student_list_form_upload_student_list_field_label_cell { border: 1px dashed #686868; }

#upload_student_list_form_upload_student_list_field_input_cell { z-index: 10; width: 200px;   margin-top: 60px;   left: 50%; transform: translateX(-50%); float: none;}
#upload_student_list_field { opacity: 0.2; display: none;}

#upload_student_list_form_button_subscribe_input_cell { width: auto; left: 50%; transform: translateX(-50%); float: left;}

.change_file { display: block; clear: both; margin-top: 60px; font-size: 19px; cursor: pointer; }

/*  PARTNERS BULK PAYMENTS  */

/* Label floating */
.label-floating label {
    position: absolute;
    color: #BDBDBD;
    bottom: 10px;
    left: 0;
    font-size: 16px;
    line-height: 1.42857143;
    z-index: 4;
    height: max-content;
    transition: 0.2s ease all;
    pointer-events: none;
    will-change: left, top, contents;
}

.label-floating.not-empty label{
    top: -15px;
    font-size: 12px;
}

.label-floating input:focus ~ label,
.label-floating textarea:focus ~ label {
    top: -10px;
    font-size: 12px;
    color: #009688;
}

.label-floating input,
.label-floating textarea{
    background: transparent !important;
    outline: none;
    box-shadow: none !important;
    border-radius: 0;
}
.label-floating input,
.label-floating textarea {
    border: 0;
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2) !important;
    background-size: 0 2px, 100% 1px !important;
    background-repeat: no-repeat !important;
    background-position: center bottom, center calc(100% - 1px) !important;
    background-color: rgba(0, 0, 0, 0) !important;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.label-floating input:focus,
.label-floating textarea:focus{
    outline: none!important;
    background-image: linear-gradient(#009688, #009688), linear-gradient(#D2D2D2, #D2D2D2)!important;
    background-size: 100% 2px, 100% 1px!important;
    box-shadow: none!important;
    transition-duration: 0.3s!important;
}

/* </Label Floating  */

div.mainCokiePolicyBox { font-family: sans-serif, 'Rubik', Arial !important;
    font-size: 15px!important;
    line-height: 25px!important;
    color: #4F4F4F !important;
    margin-top: 5px!important;
    padding: 10px!important;
}
div.mainCokiePolicyBox ol, div.mainCokiePolicyBox ul {
    padding-left: 2rem;
    list-style: square;
}
#google_translate_element {
    margin-left: 0;
    padding-left: 10px;
    float: right;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    height: 30px!important;
    overflow: hidden;
}
#google_translate_element div {
    overflow: hidden;
    clear: both;
    height: 30px!important;
    margin-left: 0;
    padding-left: 10px;
}
.goog-te-gadget .goog-te-combo {
    margin: 4px 0;
}
#google_translate_element select {
    float: right;
    background-color: rgba(255,255,255,0.20) !important;
    border: 1px solid #6a6a6a !important;
    border-radius: 4px !important;
    cursor: pointer;
    padding: 3px;
    margin-right:20px;
}