/*
Theme Name: Roman IELTS
/*** Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol,ul{list-style:none;}
/*** Main ***/
html, body {}
body {font-family: Roboto, Helvetica, Arial, Sans-Serif; color: #000; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
.kz {display: none;}
.ru {}
.wrapper {}
a:link {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {
overflow-wrap: normal !important;
}
@font-face{
font-family: 'Proxima Nova';
src: url('https://prep.kz/wp-content/fonts/ProximaNova-Reg.otf');
}
@font-face{
font-family: 'Proxima Nova Bold';
src: url('https://prep.kz/wp-content/fonts/ProximaNova-Bold.otf');
}
@font-face{
font-family: 'Proxima Nova Extrabold';
src: url('https://prep.kz/wp-content/fonts/ProximaNova-Extrabold.otf');
font-display: swap;
}
@font-face{
font-family: 'Lumios';
src: url('https://prep.kz/wp-content/fonts/Lumios-Marker.otf');
}
/*** Header ***/
.header_back {width: 100%;
height: auto;
background: #ffe358;
float: left;
}
.header {width: 100%;
height: auto;
background: #ffe358;
float: left;}
.header_logo {float: left;
width: 25%;
height: auto; padding: 5%;}
.header_logo h1 {font: 1.2em 'Proxima Nova Extrabold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;}
.header_logo h1 a {color: #e90000;
border: none;
text-decoration: none;}
.header_menu { display: none; position: fixed;
z-index: 1;
background: white;
width: 100%;
height: 100%;}
.header_menu_header {width: 100%;
float: left;}
.header_menu_logo { float: left;
width: 25%;
height: auto;
padding: 5%;}
.header_menu_logo h1 {font: 1.2em 'Proxima Nova Extrabold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;}
.header_menu_logo h1 a {color: #e90000;
border: none;
text-decoration: none;}
.header_menu_content {width: 90%;
float: left;
padding: 0% 5% 5% 5%;}
.header_menu_content_block {float: left; width: 100%;
margin-bottom: 10px;}
.header_menu_content_block h3 {font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa;
padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.header_menu_content ul {}
.header_menu_content li {float: left; width: 100%;
}
.header_menu_content li a {color: black;}
.header_menu_content li a:hover {}
.header_menu_content ul2 {float: left;}
.header_menu_content li2 {float: left;
}
.header_menu_content li2 a {color: black;}
.header_menu_card {
position: relative;
background: #ffe358;
padding: 12px;
border-radius: 5px;
height: 35px;
overflow: hidden;
margin-bottom: 10px;}
.header_menu_card h2 {font: 35px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.header_menu_card2 {
position: relative;
margin: 0px 10px 10px 0px;
background: #f3f3f3;
padding: 8px 12px;
border-radius: 5px;
overflow: hidden;}
.header_menu_card2 h2 { font: 16px/1em 'Roboto', sans-serif;
float: left;}
.header_menu_card3 {
position: relative;
background: #91fba8;
padding: 12px;
border-radius: 5px;
overflow: hidden;}
.header_menu_card3 h2 {font: 15px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.header_menu_card3 p { font: 16px/1.3em 'Roboto', sans-serif;
float: left;
padding-bottom: 10px;
width: 100%;}
.header_langswitcher_back {float: right;
height: auto; position: absolute;
right: 5%;
padding: 20px 15px;}
.header_langswitcher_kz {padding: 5px;
background: #ffe358;
border-radius: 5px;
margin: 0;}
.header_langswitcher_ru {padding: 5px;
background: #fff7d3;
border-radius: 5px;
margin: 0;}
/*** Desktop header ***/
.desktop_header_back {display: none;}
.desktop_header {padding: 0;
width: 1020px;}
.desktop_header h1 {
float: left;
font: 32px 'Proxima Nova Extrabold', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;}
.desktop_header h1 a {color: #e90000;
text-decoration: none; border-bottom: none;}
.desktop_header h1 a:hover {color: #e90000;
text-decoration: none; border-bottom: none;}
.desktop_header_menu {width: 960px;
float: left;
font: 17px/1.5em 'Roboto', Helvetica,Arial,sans-serif;}
.desktop_header_menu ul {}
.desktop_header_menu ul li {float: left;margin: 0 20px 0 0;}
.desktop_header_menu ul li a {color: #0084ec; text-decoration: none;
border: none;}
.desktop_header_menu ul li a:hover {color: #55b0ff; text-decoration: underline;
border-bottom: none;}
/*** Promo ***/
.promo_back {width: 100%; position: relative;
background: #ffe358;
float: left;}
.promo {display: flex;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
-webkit-scrollbar: none;}
.promo_card {flex: 0 0 auto;
width: 130px;
position: relative;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1);
margin: 0px 6px 20px 6px;
background: white;
padding: 12px;
border-radius: 5px;
height: 200px; color: black;}
.promo_card h2 {font: 22px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.promo_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.promo_card p {font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.promo_card a {}
.promo_card2 {width: 130px;
flex: 0 0 auto;
position: relative;
margin: 0;
float: left;
background: white;
padding: 12px;
overflow: hidden;
border-radius: 5px;
color: black;
height: 82px;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1)}
.promo_card2 h2 {font: 17px/1.2em 'Roboto', sans-serif;
font-weight: 700; float: left;
}
.promo_card2 h3 { font: 11px/1em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.promo_card2 p {width: 80%;
font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.promo_card2 a {}
.signup { display: none; position: fixed;
z-index: 1;
background: white;
width: 100%;
height: 100%;}
.signupinfo {width: 90%; float: left;
padding: 0% 5% 0% 5%;}
.signupinfo .logo { float: left;
width: 70%;
height: auto;
padding-bottom: 5%;}
.signupinfo .logo h1 {font: 1.2em 'Proxima Nova Extrabold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;}
.signupinfo .logo h1 a {color: #e90000;
border: none;
text-decoration: none;}
.signupinfo h2 {float: left;
width: 100%; padding-bottom: 5px;
font: 24px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;}
.signupinfo p {float: left;
width: 100%;
font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;}
.signuphelp {width: 90%; float: left;
padding: 0 5% 5% 5%;}
.signuphelp p { font: 14px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
text-align: center;
width: 100%;
color: #666;}
.signupform {margin: 5%;
background: #f3f3f3;
padding: 5%;
border-radius: 5px;
bottom: 0;
width: 80%;
float: left;}
.alfacrm-title {display: none;}
.signupform .alfacrm-label {width: 100%;
}
.signupform .alfacrm-label label { float: left; font: 18px/1em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: black;}
.signupform .alfacrm-control {width: 100%;
}
.signupform .alfacrm-control input {
width: 96% !important;
border-radius: 5px;
border: none;
padding: 2% 2% !important;
font: 18px/1em 'Roboto',Helvetica,Arial,sans-serif;}
.signupform .alfacrm-control select {
width: 100% !important;
border-radius: 5px;
border: none;
padding: 2% 2% !important;
font: 18px/1em 'Roboto',Helvetica,Arial,sans-serif;}
.signupform .alfacrm-submit {background: #e90000;
color: white;
font: 20px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px 13px 20px;
border-radius: 5px;
text-decoration: none;
float: left; margin-top: 10px;
border: none;
width: 100%;}
.alfacrm-success { font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
text-align: center;}
.alfacrm-error {color: red;
font-size: 13px;
margin: 1% 5% 3% 5% !important;}
.desktop_signupcontainer {display: none;}
.mobile_signupcontainer {display: block;}
/*** Desktop promo ***/
.desktop_promo_back {display: none;}
.desktop_promo_logo {float: left;
width: 465px;
height: auto;
margin: 30px 0px 0px 30px;}
.desktop_promo_logo h1 {width: 250px; font: 50px 'Proxima Nova Extrabold', sans-serif;}
.desktop_promo_logo h1 a { text-decoration: none;color: #e90000; border: none;}
.desktop_promo_card {width: 425px;
position: relative; padding: 20px;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1);
background: white; color: black;
border-radius: 5px;
float: left;
position: relative;}
.desktop_promo_card:hover { box-shadow: none;
opacity: 0.95;}
.desktop_promo_card h2 {font: 40px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.desktop_promo_card h3 { font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.desktop_promo_card p { font: 22px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;}
.desktop_promo_card a {}
.desktop_promo_card_pricing { padding: 20px;
background: #f7f7f7;
border-radius: 5px;
width: 385px;
height: auto;
overflow: hidden;}
.desktop_signup_back {display: none; width: 100%;
height: 100%;
float: left;
position: fixed;
z-index: 1;
top: 0px;
left: 0px;
background-color: rgba(0, 0, 0, 0.5); }
.desktop_signup {background: rgb(255, 255, 255);
margin: 0px auto;
position: fixed;
top: 10%;
right: 10px;
left: 10px; width: 400px;
box-shadow: rgba(0, 0, 0, 0.2) 0em 0.2em 0.5em 0em;
border-radius: 5px;}
.desktop_signup_logo { float: left;
width: 20%;
height: auto;
padding: 5%;}
.desktop_signup_logo h1 {font: 1.2em 'Proxima Nova Extrabold', sans-serif;
text-transform: uppercase;
letter-spacing: 0.03em;}
.desktop_signup_logo h1 a {color: #e90000;
border: none;
text-decoration: none;}
.desktop_signupinfo {width: 90%; float: left;
padding: 0% 5% 0% 5%;}
.desktop_signupinfo h2 {float: left;
width: 100%; padding-bottom: 5px;
font: 24px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;}
.desktop_signupinfo p {float: left;
width: 100%;
font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;}
.desktop_signuphelp {width: 90%; float: left;
padding: 0 5% 5% 5%;}
.desktop_signuphelp p { font: 14px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
text-align: center;
width: 100%;
color: #666;}
.desktop_signupform {margin: 5%;
background: #f3f3f3;
padding: 5%;
border-radius: 5px;
bottom: 0;
width: 80%;
float: left;}
.alfacrm-title {display: none;}
.desktop_signupform .alfacrm-label {width: 100%;
}
.desktop_signupform .alfacrm-label label { float: left; font: 20px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: black;}
.desktop_signupform .alfacrm-control {width: 100%;
}
.desktop_signupform .alfacrm-control input {
width: 90% !important;
border-radius: 5px;
border: none;
padding: 3% 5% !important;
font: 20px/1.4em 'Roboto',Helvetica,Arial,sans-serif;}
.desktop_signupform .alfacrm-submit {background: #e90000;
color: white;
font: 20px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px 13px 20px;
border-radius: 5px;
text-decoration: none;
float: left; margin-top: 10px;
border: none;
width: 100%;}
.desktop_signupform .alfacrm-submit:hover {background: none;
border: 1px solid #e90000; margin-top: 8px;
color: #e65100;}
.alfacrm-success { font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
text-align: center;}
.alfacrm-error {color: red;
font-size: 13px;
margin: 1% 5% 3% 5% !important;}
/*** News ***/
.news_back {width: 100%; position: relative;
background: #ffe358;
padding: 5% 0 1% 0;
float: left;}
.news_back h1 { font: 20px/1.4em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 5px;
width: 90%;
margin: 0 5%;}
.news {display: flex;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
-webkit-scrollbar: none;}
.news_card { flex: 0 0 auto;
width: 200px;
position: relative;
margin: 10px 6px 20px 6px;
background: #252525;
padding: 12px;
border-radius: 5px;
height: 85px;
color: white;}
.news_card:first-child { margin: 10px 6px 5% 5%;}
.news_card h2 {font: 18px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.news_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #bbb; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.news_card p {font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.news_card a {}
.news2 { width: 80%;
float: left;
overflow: hidden;
position: relative;
padding: 5% 5% 0% 5%;
background: #fff5c3;
margin: 5%;
border-radius: 5px;}
.news2 h2 {font: 20px/1.4em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 10px;
width: 90%;}
.news2 p { font: 15px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
float: left;}
.news2 p a {color: #0084ec;}
.newnews_back { width: 100%;
height: auto;
float: left;}
.newnews_back h1 { font: 20px/1.4em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 5px;
width: 90%;
margin: 0 5%;}
.newnews {display: flex;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
-webkit-scrollbar: none;}
.newnews_card {flex: 0 0 auto;
width: 200px;
position: relative;
margin: 20px 12px 20px 0px;
background: white;
padding: 12px;
border-radius: 5px;
height: 80px;
overflow: hidden;
color: black;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1);}
.newnews_card h2 {font: 18px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.newnews_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #bbb; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.newnews_card p {font: 14px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.newnews_card a {}
.newnews_popup_back { display: none;
width: 100%;
height: 100%;
position: fixed;
z-index: 1000;
top: 0; left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);}
.newnews_popup {
position: absolute;
bottom: 0;
background: white;
width: 90%;
height: auto;
border-radius: 10px 10px 0 0;
box-shadow: 0em -0.2em 0.8em 0em rgba(0, 0, 0, 0.2);
padding: 6% 5% 8% 5%;}
.newnews_popup h3 { float: left; font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #bbb;
padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.newnews_popup h2 { font: 22px/1.1em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 10px;}
.newnews_popup p { font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 10px;}
/*** Shop ***/
.shop_back { width: 100%;
float: left;}
.shop { width: 95%;
float: left;
overflow: hidden;
position: relative;
padding: 0% 2.5% 5% 2.5%;}
.shop_card { padding: 2.5%;
width: 45%; height: 310px;
border-radius: 10px;
color: black;
margin-bottom: 0%;
float: left;}
.shop_card h2 {width: 100%; font: 14px/1.2em 'Roboto', sans-serif;
font-weight: 700;
float: left;}
.shop_card h3 {width: 100%; font: 14px/1.2em 'Roboto', sans-serif;
font-weight: 100;
float: left;}
.shop_card p {width: 100%;
font: 14px/1.2em 'Roboto', sans-serif; float: left;}
.shop_card img {width: 100%; border: 0.1px solid #eee;}
/*** QA ***/
.qa_back { width: 100%;
height: auto;
float: left;}
.qa { background: #f0e7dc;
padding: 10% 5% 5% 5%;
float: left;}
.qa h3 { padding-bottom: 5%;
float: left;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;
}
.qa h2 {
font: 24px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; padding-bottom: 5%;
float: left;}
.qa_card { width: 92%; color: black;
background: white;
border-radius: 5px;
margin-bottom: 4%;
padding: 4%; float: left;}
.qa_card h2 {
font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; padding-bottom: 0;}
.qa_card p { float: left; padding-top: 10px;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
/*** Ads ***/
.ads_back { width: 100%;
border: 1px solid #ddd;
border-radius: 5px;
position: relative;
padding: 5% 0 5% 0;
float: left;
margin-bottom: 5%;}
.ads {}
.ads_back h1 { font: 20px/1.4em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 15px;
width: 90%;
margin: 0 5%;}
/*** Location ***/
.location_back {width: 100%;
float: left;}
.location_card {width: 84%;
float: left;
overflow: hidden;
position: relative;
padding: 3%;
background: #f7f7f7;
margin: 1% 5%;
border-radius: 5px;}
.location_card h2 {font: 16px/1.1em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 5px;}
.location_card p {font: 14px/1.3em 'Roboto', sans-serif; color: #999;}
.location_card a {}
.location_card img {}
.location2_back {width: 90%;
float: left;
margin: 0 5%;}
.location2_card {float: left;
width: 42.5%;
padding: 3%;
background: #f7f7f7;
margin: 3% 0 3% 0;
border-radius: 5px;}
.location2_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa;
letter-spacing: 0.1em;
font-weight: 700;
padding-bottom: 5px;
text-transform: uppercase;}
.location2_card h2 {font: 16px/1.1em 'Roboto', sans-serif;
font-weight: 700; float: left;
width: 100%;
padding-bottom: 10px;}
.location2_card p {font: 14px/1.3em 'Roboto', sans-serif; color: #999;}
.location2_card a {background: white;
padding: 5px;
float: left;
border-radius: 5px;
margin-right: 10px;}
.location2_card img { float: left;
width: 24px;}
/*** Pricing ***/
.pricing_back {width: 100%; position: relative; background: #ffe358;
float: left;}
.pricing_back h1 { font: 20px/1em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 5%; padding-top: 5%;
width: 90%;
margin: 0 5%;}
.pricing {display: flex;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
-webkit-scrollbar: none;}
.pricing_card {flex: 0 0 auto;
width: 135px;
position: relative;
margin: 0px 6px 20px 6px;
background: white;
padding: 12px;
border-radius: 5px;
height: 220px; color: black;}
.pricing_card h2 {font: 18px/1.3em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.pricing_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.pricing_card p {font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.pricing_card a {}
/*** Content ***/
.content_back {width: 100%;
float: left;}
.content {width: 90%;
float: left;
overflow: hidden;
position: relative;
padding: 10% 5% 5% 5%;;}
.content h2 {font: 24px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
font-weight: 700;
float: left;}
.content h3 { padding-bottom: 5%;
float: left; letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;}
.content p {font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
float: left;}
.content a {color: #0084ec;
text-decoration: none;
border: none;
float: left;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.content a:hover {color: #55b0ff; text-decoration: underline;
border-bottom: none;}
.content .col2 ul { font-weight: 600;
float: left;
padding-bottom: 5%;}
.content .col2 li { list-style: none;
float: left;
padding-bottom: 2%;}
.content .review { background: white;
float: left;
padding: 5%;
border-radius: 5px;
position: relative;
overflow: hidden;
width: 90%;
margin: 0 0 5% 0;}
.content .review p {font: 17px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.content .review h4 { font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #999;
float: left; }
.content .review h4 a { font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.content .column {width: 50%;
float: left;
}
.content .column .column_card { float: left;
height: 120px;
padding: 0% 5% 5% 5%;
text-align: center;}
.content .column .column_card h2 { font: 700 17px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%; float: none;}
.content .column .column_card p {font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
color: #777; float: none;}
.content .textbooks_back {float: left;
background: #f7f7f7; border-radius: 5px; width: 90%;
padding: 5% 5% 0% 5%;
margin-bottom: 5%;}
.content .textbooks_back h2 {font: 18px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; width: 100%;}
.content .textbooks_back p {font: italic 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
float: left;}
.content .textbooks {float: left;
padding-bottom: 5%;}
.content .textbooks img {width: 22.5%; float: left; box-shadow: 0em 0.1em 0.3em 0em rgba(0, 0, 0, 0.2);
margin-right: 2.5%;
border-radius: 5px;}
/*** Student Profiles ***/
.student_info {float: left;
width: 84%;
margin: 3%;
background: aliceblue;
padding: 5%;
border-radius: 10px;}
.student_info h1 { font: 48px / 1.3em 'Roboto', Helvetica, Arial, sans-serif;}
.student_info p { font: 18px / 1.3em 'Roboto', Helvetica, Arial, sans-serif;}
.student_info_greeting {width: 90%;
float: left;
padding: 10% 5% 0% 5%;}
.student_info_course {width: 80%;
padding: 5%;
float: left;
border-radius: 10px;
background: #f5f5f5;
margin: 5%;}
.student_info_course h3 {padding-bottom: 15px;
float: left;
letter-spacing: 0.05em;
text-transform: uppercase;
font: 16px / 1.2em 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 700;
width: 100%;}
.student_info_course {}
.student_info_course {}
.student_info_schedule {width: 32.5%;
float: left;
padding: 5%;
position: relative;
background: #f5f5f5;
margin: 0% 5% 5% 5%;
border-radius: 10px;}
.student_info_schedule h3 {padding-bottom: 15px;
float: left;
letter-spacing: 0.05em;
text-transform: uppercase;
font: 16px / 1.2em 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 700;
width: 100%;}
.student_info_payments {width: 32.5%;
float: left;
padding: 5% 5% 20% 5%;
position: relative;
background: #f5f5f5;
margin: 0% 5% 5% 0%;
border-radius: 10px;}
.student_info_payments h3 {padding-bottom: 15px;
float: left;
letter-spacing: 0.05em;
text-transform: uppercase;
font: 16px / 1.2em 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 700;
width: 100%;}
.student_homework_card {width: 90%; display: flex;gap: 15px;
background: #f1f1f1;
padding: 5%;
border-radius: 10px;
float: left;
margin-bottom: 5%;
position: relative;
color: black; }
.student_homework_card h3 {padding-bottom: 15px;
float: left;
letter-spacing: 0.05em;
text-transform: uppercase;
font: 16px / 1.2em 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 700;
width: 100%;}
.student_homework_card h2 { font: 700 18px / 1.1em 'Roboto', sans-serif;}
.student_homework_card_number {border-radius: 50%;
color: white;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background: #5822e2;
font-weight: 600;
font-size: 20px;}
.homework_card { width: 80%;
background: #f3f3f3;
padding: 10% 10% 40% 10%;
border-radius: 10px;
float: left;
margin-bottom: 10%;
position: relative;
color: black;}
.homework_card h3 {padding-bottom: 15px;
float: left;
letter-spacing: 0.05em;
text-transform: uppercase;
font: 16px / 1.2em 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 700;
width: 100%;}
.homework_card h2 {font: 700 18px / 1.1em 'Roboto', sans-serif;}
.homework_card p {font: 16px / 1.1em 'Roboto', sans-serif;}
.homework_card img {width: 100%;
border-radius: 10px;
maRGIN-bottom: 10px;}
.arrow-btn {
display: inline-flex;
justify-content: center;
align-items: center;
width: 30px;
height: 35px;
border-radius: 50%;
background: white;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1);
text-decoration: none;
position: relative;
padding-right: 5px;
}
.arrow-btn::before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-top: 3px solid black;
border-right: 3px solid black;
transform: rotate(45deg);
}
/*** ***/
.librarylinks {}
.librarylinks a {padding: 30px 50px;
border: 1px solid #e90000;
border-radius: 4px;
margin-bottom: 30px;
float: left; text-decoration: none;
font: 28px/1.4em proxima nova,Helvetica,Arial,sans-serif;
width: 190px;
text-align: center;
color: #e90000;}
.librarylinks a:hover {color: white; background: #e90000;}
.signuplink {}
.signuplink {background: #e90000;
color: white;
font: 17px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px 13px 20px;
border-radius: 5px;
text-decoration: none;
float: left;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1);}
/*** Mock test ***/
.mock_content_back { width: 100%;
float: left;}
.mock_content { width: 90%;
float: left;
overflow: hidden;
position: relative;
padding: 5%;
margin: 0;}
.mock_content h2 { font: 700 22px/1.4em 'IBM Plex Sans',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
}
.mock_content h3 { font: 11px/1.3em 'IBM Plex Sans',Helvetica,Arial,sans-serif;
color: #aaa;
padding-bottom: 5%;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.mock_content p {font: 18px/1.4em 'IBM Plex Sans',Helvetica,Arial,sans-serif;
padding-bottom: 5%; float: left;}
.mock_content h4 { font: 18px/1.4em 'IBM Plex Sans',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
font-weight: 700; float: left;
}
.mock_content a {
border: none;
color: #0084ec;
text-decoration: none;
}
.mock_content a:hover {
border: none;
color: #55b0ff;
text-decoration: none;
}
.mock_content img {width: 100%; border-radius: 10px;}
.mock_content_parthead {width: 100%;
float: left;
padding: 0 0 5% 0;}
.mock_content_parthead h3 { float: left;
padding: 5px 8px 7px 8px;
background: #5e17eb;
border-radius: 5px;
color: white;
font: 20px / 1em 'IBM Plex Sans', Helvetica, Arial, sans-serif;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.mock_content_listening_card {float: left;
padding: 5%;
border-radius: 10px;
width: 90%;
margin-bottom: 5%;
background: #f5f5f5;}
.mock_content_listening_card h2 { font: 700 20px/1.4em 'IBM Plex Sans',Helvetica,Arial,sans-serif;
padding-bottom: 3%;}
.mock_content_listening_card img {width: 100%;
border-radius: 10px;
margin-bottom: 12px;
box-shadow: #e0e0e0 0 0 0 1px;}
.mock_content_listening_card_pdf { float: left; padding: 5% 5%;
background: white;
width: 90%; margin-bottom: 3%;
border-radius: 8px;
box-shadow: inset #e0e0e0 0 0 0 1px;}
.mock_content_listening_card_pdf a {font: 17px/1em 'IBM Plex Sans',Helvetica,Arial,sans-serif;}
/*** IELTS Course page ***/
.course_content {}
.ielts_course_promo_back { width: 100%;
position: relative;
float: left;}
.ielts_course_promo { margin: 0 5% 5% 5%;
float: left;
background: #ffe358;
border-radius: 10px;
padding: 5%;}
.ielts_course_promo h2 { font: 40px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left; width: 100%;
padding-bottom: 20px;}
.ielts_course_promo h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 15px; color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_course_promo p { font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.ielts_course_promo_info { float: left;
box-shadow: 0 -1px 7px rgba(0,0,0,0.07);
background: white;
padding: 5%;
border-radius: 5px;
width: 90%;}
.ielts_course_promo_info ul {width: 100%;
float: left;}
.ielts_course_promo_info li { float: left;
width: 31.3%;
padding-right: 3%;
height: 80px;}
.ielts_course_promo_info h3 {font: 9px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; text-align: left;
padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_course_promo_info p {font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.ielts_card_back { float: left;
margin-bottom: 5%;
width: 100%;}
.ielts_card { background: #f7f7f7;
padding: 5% 5% 3% 5%;
border-radius: 5px;
float: left;
width: 38.5%;
margin-bottom: 10px;
position: relative;
}
.ielts_card h2 { font: 16px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
font-weight: 700;
float: left;
width: 100%;
}
.ielts_card p {width: 100%; color: #777;
padding-bottom: 2%;}
.ielts_card h3 { font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #777;
padding: 0;
position: absolute;
bottom: 10px;}
.ielts_content_back { width: 100%;
float: left;}
.ielts_content_promo { float: left;
background: papayawhip;
}
.ielts_content { width: 84%;
float: left;
overflow: hidden;
position: relative;
padding: 5%;
margin: 3%;}
.ielts_content h2 { font: 700 22px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
}
.ielts_content h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa;
padding-bottom: 5%;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_content p {font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%; float: left;}
.ielts_content h4 { font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
font-weight: 700; float: left;
}
.ielts_content a {
border: none;
color: #0084ec;
text-decoration: none;
}
.ielts_content a:hover {
border: none;
color: #55b0ff;
text-decoration: none;
}
.ielts_content img {width: 100%; border-radius: 10px;}
.ielts_content ul {margin-bottom: 20px;}
.ielts_content ul li { font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 10px;}
.ielts_content .lib-col2 { width: 35%;
float: left;
margin-bottom: 5%;
background: #f5f5f5;
padding: 5% 5% 3% 5%;
margin-right: 5%; border-radius: 10px;}
.ielts_content .lib-col2 h2 { font: 20px/1.1em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 15%;}
.ielts_content .lib-col2 ul {margin-bottom: 0;}
.ielts_content .lib-col2 ul li {font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 10px;}
.ielts_content_qa {width: 100%; margin-bottom: 4%;
float: left;}
.ielts_content_qa_card {background: white;
border-radius: 10px;
width: 92%;
float: left;
padding: 3% 4%;}
.ielts_content_qa_card h2 {padding: 0;
font: 700 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.ielts_content_qa ul {margin-bottom: 0;}
.ielts_content_qa ul li {font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 8px;}
.ielts_content_qa ul li:first-child {padding-top: 15px;}
.ielts_content_qa ul li:last-child {padding-bottom: 0;}
.ielts_content_qa table {
border-collapse: collapse;
width: 100%; margin-top: 15px;}
.ielts_content_qa td {font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
text-align: left; text-align: center;
width: 50%;
padding: 10px 15px 7px 15px;}
.ielts_content_qa tr:nth-child(even) {background-color: #ebebeb;}
.ielts_content_lesson_head {border-bottom: 1px solid #ccc;
margin-bottom: 5%;
float: left;
width: 100%;}
.ielts_content_lesson_head h2 {font: 700 27px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding: 10px 0;
margin-bottom: 10px;
float: left;
width: 100%;}
.ielts_content_hw_head {width: 100%;
float: left;
padding: 0 0 8% 0;}
.ielts_content_hw_head h3 {float: left;
padding: 5px 8px;
background: #5e17eb;
border-radius: 5px;
color: white;
font: 14px/1em 'Roboto',Helvetica,Arial,sans-serif;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_content_listening_card {float: left;
padding: 5%;
border-radius: 10px;
width: 90%;
margin-bottom: 5%;
background: #f5f5f5;}
.ielts_content_listening_card h2 { font: 700 20px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 3%;}
.ielts_content_listening_card_pdf { float: left; padding: 5% 5%;
background: white;
width: 38.5%;
border-radius: 8px;
box-shadow: inset #e0e0e0 0 0 0 1px;}
.ielts_content_listening_card_pdf a {font: 17px/1em 'Roboto',Helvetica,Arial,sans-serif;}
.ielts_content_cuecard {background: white; float: left;
padding: 5% 5% 2% 5%;
border-radius: 10px;
margin-bottom: 5%;
box-shadow: 0em 0.1em 0.2em 0em rgba(0, 0, 0, 0.10);}
.ielts_content_cuecard ul {margin-bottom: 0;}
.ielts_library_back { width: 100%;
position: relative;
float: left;}
.ielts_library {width: 90%; margin: 5%;
float: left;
border-radius: 5px;}
.ielts_library h2 {font: 35px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
width: 100%;
padding-bottom: 10px;}
.ielts_library h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_library p { font: 100 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.ielts_library_menu { width: 94%;
float: left;
margin: 0 3% 0 3%;}
.ielts_library_menu ul {}
.ielts_library_menu li {float: left;
position: relative;
margin: 0px 10px 10px 0px;
background: white;
padding: 7px 12px 6px 12px;
border-radius: 5px;
overflow: hidden;
border: 1px solid #ddd;
}
.ielts_library_menu li:first-child {}
.ielts_library_menu li a { text-decoration: none;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: black;}
.ielts_library_menu li.current_menu_parent, li.current-menu-item { background: #5e17eb;}
.ielts_library_menu li.current_menu_parent a, li.current-menu-item a { color: white;}
.ieltsdates_table_back {}
.ieltsdates_table thead th { border-bottom: 1px solid #ddd;
font: 700 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
text-align: left;
padding: 3% 3% 3% 0;}
.ieltsdates_table tbody td { font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding: 3% 3% 3% 0;
border-bottom: 1px solid #ddd;
}
.ieltsdates_table tbody td a { float: none;
}
.ieltsdates_table tbody td:last-child { padding: 3% 0 3% 0; }
.ieltsdates_table tbody td:first-child { }
/*** Desktop Course page ***/
.desktop_course_promo_back {display: none;}
/*** Services page ***/
.services_promo_back { width: 100%;
position: relative;
float: left;}
.services_promo { margin: 0 5% 5% 5%;
float: left;
background: #ffe358;
border-radius: 5px;
padding: 6% 5% 5% 5%;}
.services_promo h2 { font: 40px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left; width: 100%;
padding-bottom: 20px;}
.services_promo h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px; color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.services_promo p { font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
/*** Services 2 page ***/
.services2_promo_back { width: 100%;
position: relative;
float: left;}
.services2_promo { margin: 5%;
float: left;
border-radius: 5px;}
.services2_promo h2 { font: 35px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left; width: 100%;
padding-bottom: 20px;}
.services2_promo h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px; color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.services2_promo p {font: 100 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.services2_promo_library_link {width: 37.5%; padding: 5%; margin-bottom: 5%; border-radius: 5px; font: 17px/1em 'Roboto', Helvetica, sans-serif; color: white !important; background: #e90000; box-shadow: 0em 0.2em 0.5em 0em rgb(0 0 0 / 10%);}
.services2_promo_library_link:hover {text-decoration: none !important; box-shadow: none;}
/*** Partners page ***/
.partners_back { position: relative;}
.partners { width: 100%;
float: left;
}
.partners h2 { font: 35px/1.2em 'Roboto', sans-serif;
font-weight: 700;
float: left; width: 100%;
padding-bottom: 20px;}
.partners h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px; color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.partners p {font: 100 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.partners_discount { background: #ffecd0;
width: 90%;
position: relative;
padding: 5%;
border-radius: 10px;
height: auto;
overflow: hidden;
margin: 0 0 5% 0;
}
.partners_discount img { position: absolute;
right: -15px;
width: 120px;
top: 10px;}
.partners_signup {}
/*** Reviews ***/
.reviews_back {width: 100%;
float: left;}
.reviews {width: 90%;
float: left;
overflow: hidden;
position: relative;
padding: 5% 5% 5% 5%;;}
.review_card {background: aliceblue;
float: left;
padding: 6% 5%;
border-radius: 10px;
margin-bottom: 5%;}
.review_card h2 {font: 24px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
font-weight: 700;
float: left;
width: 100%;}
.review_card h3 { padding-bottom: 5%;
float: left;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;}
.review_card p {font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif; padding-bottom: 5%;}
.review_card a {font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif; color: #0070c9;
text-decoration: none;
border: none;}
.review_card .material-icons {color: #fbbc04; font-size: 26px; width: 20px; padding-bottom: 5%;}
.reviews .col1 {float: left;}
.reviews .col2 {float: left;}
.reviews .col3 {float: left;}
/*** Gift Certificates ***/
.gift_back {width: 100%; position: relative;
background: #ffe358;
float: left;}
.gift {width: 90%;
padding: 5%;}
.gift_card {width: 90%;
position: relative;
box-shadow: 0em 0.2em 0.5em 0em rgba(0, 0, 0, 0.1);
background: white;
padding: 5%;
border-radius: 5px;
height: 170px;
color: black;
margin-bottom: 5%;}
.gift_card h2 {font: 22px/1.3em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.gift_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.gift_card p {font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.gift_card a {}
/*** Blog ***/
.blog_post_back { width: 100%;
float: left;}
.blog_post_title {padding: 5%;
float: left;
background: cornsilk;
width: 80%;
margin: 0 5%;
border-radius: 5px;}
.blog_post_title h3 { padding-bottom: 5%;
float: left;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;}
.blog_post_title h2 { font: 30px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
font-weight: 700;
float: left;}
.blog_post {}
.blog_feed_col-1 {margin: 0% 2.5% 5% 5%; width: 42.5%;
float: left;}
.blog_feed_col-2 {margin: 0% 5% 5% 2.5%; width: 42.5%;
float: left;}
.blog_feed_card { float: left;
background: #f5f5f5;
width: 100%;
border-radius: 10px;
color: black;
margin-bottom: 12%;}
.blog_feed_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa;
padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.blog_feed_card h3 a {color: #aaa; text-decoration: none;}
.blog_feed_card h2 { font: 16px/1.3em 'Roboto', sans-serif;
font-weight: 700;}
.blog_feed_card p {}
.blog_feed_card img { float: left; width: 100%;
height: auto;
border-radius: 10px;
}
.blog_feed_card_top { float: left;
background: #f5f5f5;
width: 90%;
border-radius: 10px;
color: black;
margin: 0 5% 5% 5%;}
.blog_feed_card_top h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa;
padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.blog_feed_card_top h3 a {color: #aaa; text-decoration: none;}
.blog_feed_card_top h2 { font: 24px/1.3em 'Roboto', sans-serif;
font-weight: 700;}
.blog_feed_card_top p {}
.blog_feed_card_top img { float: left; width: 100%;
height: auto;
border-radius: 10px;
}
/*** Library ***/
.library_back { width: 100%;
position: relative;
float: left;}
.library {margin: 5%;
float: left;
border-radius: 5px;}
.library h2 {font: 35px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
width: 100%;
padding-bottom: 20px;}
.library h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.library p { font: 100 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.library_menu { width: 90%;
float: left;
margin: 0 5% 3% 5%;}
.library_menu ul {}
.library_menu li {float: left;
position: relative;
margin: 0px 10px 10px 0px;
background: #f3f3f3;
padding: 7px 15px 6px 15px;
border-radius: 10px;
overflow: hidden;
}
.library_menu li:first-child {}
.library_menu li a { text-decoration: none;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: black;}
.library_menu li.current_menu_parent, li.current-menu-item { background: #e90000;}
.library_menu li.current_menu_parent a, li.current-menu-item a { color: white;}
/*** Teachers ***/
.teachers_back {width: 90%;
position: relative;
margin: 5%;
float: left;}
.teachers_card {
float: left;}
.teachers_card h2 {width: 70%; font: 30px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 20px;}
.teachers_card h3 { width: 70%; font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: #777; float: left;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.teachers_card p { font: 100 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.teachers_card img { width: 25%;
float: left;
border-radius: 50%;
margin-right: 5%;
margin-bottom: 5%;}
.teachers_card_info { width: 90%;
padding: 5%;
float: left;
background: #f7f7f7;
border-radius: 5px;}
.teachers_card_info h3 {font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.teachers_card_info p {font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 0;
font-weight: 700;}
.teachers_card_info .row { width: 100%;
padding-bottom: 5%;
float: left;
border-bottom: 1px solid #ddd;
margin-bottom: 5%;}
.teachers_card_info .row:last-of-type { width: 100%;
float: left; padding: 0; margin: 0; border: none;
}
/*** Teachers Cabinet ***/
.jobs_col_back {float: left;}
.jobs_col1 {
float: left;
width: 47.5%;
margin-right: 5%;}
.jobs_col2 {
float: left;
width: 47.5%;}
.jobs_col1 h2, .jobs_col2 h2 { font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;}
.jobs_col1 ul li, .jobs_col2 ul li {width: 100%;
margin: 0 0 5px 0;
float: left;}
.jobs_col_tbcard {float: left;
padding: 10px; position: relative;
overflow: hidden; background: #f7f7f7;
border-radius: 5px; margin-bottom: 15px;}
.jobs_col_tbcard h2 { font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; padding-bottom: 15px;}
.jobs_col_tbcard ul li {width: 100%;
margin: 0 0 5px 0;
float: left;}
.jobs_col_tbcard ul li a {color: #0084ec;
text-decoration: none;
border: none;
float: left;
font: 14px/1.2em 'Roboto',Helvetica,Arial,sans-serif;}
.jobs_col_tbcard img{ width: 120px;
float: right;
position: absolute;
bottom: 10px;
right: 10px;
border-radius: 5px;}
/*** Gravity forms ***/
.gform_wrapper {font: 18px 'Roboto', Helvetica,Arial,sans-serif;}
.gfield_description {color: #666; font: 16px/20px 'Roboto', Helvetica, Arial, sans-serif !important;}
.gform_wrapper, .gform_confirmation_wrapper {float: left;
width: 610px;
padding: 0px 30px 20px 30px;
height: auto;
background: white;
font: 18px/1.4em 'Roboto', Helvetica, Arial, sans-serif;
margin: 100px 0; border-radius: 5px;}
.gform_wrapper_reviewspage_wrapper {float: left;
width: 450px;
padding: 0;
height: auto;
background: none;
font: 18px/1.4em 'Roboto', Helvetica, Arial, sans-serif;
margin: 0; border-radius: 5px;}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li {font: 22px/1.4em 'Roboto', Helvetica, Arial, sans-serif;}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_radio li input[type=radio]:checked {font: 22px/1.4em 'Roboto', Helvetica, Arial, sans-serif;}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_checkbox li { font: 18px/1.4em 'Roboto', Helvetica, Arial, sans-serif;}
.gform_wrapper .gform_body .gform_fields .gfield .gfield_label { font: 16px/1.4em 'Roboto', Helvetica, Arial, sans-serif;}
#gform_wrapper_2 .gform_body .gform_fields .gsection {padding: 20px 16px 0px 0px; margin: 28px 16px 8px 0;}
.gform_wrapper .gform_body .gform_fields .gsection .gsection_title {font: 24px/1.4em 'Roboto', Helvetica,Arial,sans-serif;
font-weight: 600;}
.gform_wrapper .gform_body .gform_fields .gsection .gsection_description {font: 17px/1.4em 'Roboto', Helvetica,Arial,sans-serif;
color: #444; padding-top: 5px;}
#gform_wrapper_2 .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=submit] {background: #e65100;
color: white;
font: 18px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px; border: 1px solid #e65100;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
border-width: 0px;}
#gform_wrapper_2 .gform_footer input[type=submit]:hover {background: white;
color: #e65100; border: 1px solid #e65100; padding: 14px 20px;}
.gform_wrapper .gform_footer input[type=submit]:hover {background: white;
color: #e65100; border: 1px solid #e65100; padding: 14px 20px;}
.gform_confirmation_wrapper {margin-top: 16px; padding: 30px;}
.gform_topfield_adjustments {padding-top: 0 !important;}
.gform_reviews_topfield_adjustments {margin: 25px 0px 10px 0 !important;}
.shortform_wrapper {width: 920px;
margin: 0;
padding: 0 20px 20px 20px;
position: relative;}
.shortform_wrapper .gform_footer {position: absolute;
right: 20px;
width: 180px !important;
top: 20px;
padding: 0 !important;
margin: 0 !important;}
.shortform_wrapper li.hidden_label input {border-radius: 5px;
padding: 10px 20px;
background: #eee;
border: none;}
/*** Shop ***/
.archive_course_menu_back {height: auto;
min-width: 1000px;
}
.archive_course_menu {
width: 920px;
height: 20px;
margin: 0 auto;
border-top: 1px solid #ddd;
padding: 10px 40px;}
.archive_course_menu ul li {}
.archive_course_menu ul li a {color: black;
text-decoration: none;}
.archive_course_menu ul li a:hover {color: dodgerblue;
text-decoration: none;}
.archive_course_menu li a:active {color: black; text-decoration: none;}
.archive_course_menu li.current-menu-item a {color: dodgerblue; text-decoration: none; }
.col3shop {width: 205px; float: left;
padding: 17px 20px;}
.content .product_card { width: 205px; margin-bottom: 40px;
}
.content .product_card p {font: 14px/16px 'helvetica', sans-serif;
color: #aaa;}
.content .product_card p a {
text-decoration: none;}
.content .product_card h2 {width: 100%; font: 14px/16px 'helvetica', sans-serif; padding-top: 10px; padding-bottom: 3px;}
.content .product_card h2 a {border-bottom: none; color: black; text-decoration: none;}
.content .product_card h2 a:hover {color: #333; text-decoration: none; opacity: 0.8;}
.content .product_card img {width: 205px; height: auto; border: 1px solid #eee;}
.content .product_card .product_cat a {font: 14px/16px 'helvetica', sans-serif; color: #999; text-decoration: none; border-bottom: none;}
/*** Compare courses page ***/
.comparetable {
}
.comparetable thead {}
.comparetable thead th {font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 600; padding: 20px 30px 20px 0px;
border-bottom: 1px solid #ddd;
width: 290px;}
.comparetable tbody td {padding: 20px 30px 20px 0px; font: 18px/1.4em 'Roboto', sans-serif;
width: 290px;}
.comparepricetable {
}
.comparepricetable thead {}
.comparepricetable thead th {font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 600; padding: 10px 30px 20px 0px;
border-bottom: 1px solid #ddd;}
.comparepricetable tbody td {padding: 10px 30px 20px 0px; font: 16px/1.4em 'Roboto', sans-serif; width: 150px;}
.comparepricetable tbody td:nth-child(1) {padding: 10px 20px 20px 0px; font: 18px/1.4em 'Roboto', sans-serif; font-weight: 600; width: 450px;}
.comparepricetable tbody td:nth-child(4) {
padding: 10px 0px 20px 0px;}
/*** Password page ***/
.post-password-required { padding: 5% 5% 50% 5%;
background: papayawhip;}
.post-password-form {padding: 5% 5% 50% 5%;
background: papayawhip;}
.post-password-form p {font: 16px/1.3em "Roboto", Helvetica,Arial,sans-serif;
padding-bottom: 5%;}
.password-input-field {background: white;
color: #333333;
border-radius: 5px;
border: none;
padding: 3% 5% !important;
font: 20px/1.4em Roboto,Helvetica,Arial,sans-serif;
width: 90%;}
.password_submit_button {background: #e90000;
color: white;
font: 20px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px 13px 20px;
border-radius: 5px;
text-decoration: none;
float: left; margin-top: 10px;
border: none;
width: 100%;}
/*** Middle ***/
.middle {padding-bottom: 120px;}
#content {width: 705px; float: left;}
.post {position: relative;}
.post_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; padding-top: 15px;}
.post_meta h2 {font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #000;}
.post_meta h2 a {color: #000; text-decoration: none;}
.post_meta h2 a:hover {color: #9d9d9d;}
.post_data {color: #9d9d9d; font-size: 11px;}
.post_data a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_data a:hover {border-color: #000;}
.post_author {margin-bottom: 2px;}
.post_date {background: url("images/dash.png") 0 100% no-repeat; padding-bottom: 10px; margin-bottom: 10px;}
.post_categories {margin-bottom: 10px;}
.post_share {margin-bottom: 10px;}
.sharethis {padding-top: 10px; background: url("images/dash.png") 0 0 no-repeat; display: inline-block;}
.sharelist {display: none; margin-top: 10px;}
.sharelist li {padding-left: 12px; margin-bottom: 3px;}
.share_fb {background: url("images/facebook.png") 0 2px no-repeat;}
.share_twitter {background: url("images/twitter.png") 0 2px no-repeat;}
.share_digg {background: url("images/digg.png") 0 2px no-repeat;}
.share_su {background: url("images/stumbleupon.png") 0 2px no-repeat;}
.share_deli {background: url("images/delicious.png") 0 2px no-repeat;}
.post_edit {padding-top: 10px; background: url("images/dash.png") 0 0 no-repeat;}
.post_content {width: 600px; float: left; overflow: hidden; }
.post_content h2, .post_content h3, .post_content h4, .post_content h5 {font-weight: bold; margin-bottom: 15px; color: #000;}
.post_content h2 {font-size: 18px;}
.post_content h3 {font-size: 16px;}
.post_content h4 {font-size: 14px;}
.post_content h5 {font-size: 13px;}
.post_content p, .post_content li {color: #000; font-size: 12px; line-height: 1.5;}
.post_content p, .post_content ul, .post_content ol {margin-bottom: 15px;}
.post_content ul {margin-left: 65px;}
.post_content ol {margin-left: 85px;}
.post_content ul li {background: url("images/dash.png") 0 9px no-repeat; padding-left: 14px;}
.post_content ol li {list-style: decimal;}
.post_content p a, .post_content li a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_content p a:hover, .post_content li a:hover {border-color: #000;}
.post_content blockquote {margin-left: 65px; padding-left: 10px; border-left: 1px solid #e9e9e9; color: #9d9d9d; font-style: none; line-height: 1.5;}
.post_content blockquote p {color: #9d9d9d; font-style: none;}
.post_content h6 {width: 145px; position: absolute; left: 0; font-size: 11px; font-weight: normal; color: #9d9d9d;}
.post_content h6 img {display: block; margin: 5px 0; max-width: 145px;}
.post_content h6 a {color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.post_content h6 a:hover {border-color: #000;}
.more {display: inline-block; font-size: 11px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5; background: url("images/dash.png") 0 0 no-repeat; padding-top: 10px;}
.more:hover {border-color: #000;}
.single .post_meta {padding-top: 43px;}
.single .post_content {padding-top: 30px;}
.single .post_content h2 {font-size: 24px; font-weight: bold; margin-bottom: 25px; color: #000;}
.single .post_content h2 a {color: #000; text-decoration: none;}
.single .post_content h2 a:hover {color: #9d9d9d;}
.page .post_data h2 {font-size: 16px;}
.post_tags ul {margin: 0;}
.post_tags li {display: block; float: left; height: 19px; background: url("images/tag.png") 0 0 no-repeat !important; padding-left: 5px !important; margin: 0 10px 5px 0; font-size: 11px;}
.post_tags li a {display: block; float: left; height: 19px; line-height: 19px; background: url("images/tag.png") 100% 0 no-repeat; border-bottom: none; padding-right: 5px; margin-right: -5px;}
.archive_title {padding-bottom: 20px;}
.archive_title_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; font-size: 16px; font-weight: bold; padding-top: 30px;}
.archive_title_name {width: 545px; float: right; border-top: 1px solid #e9e9e9; font-size: 31px; font-weight: bold; padding-top: 15px;}
.error404_meta {width: 145px; float: left; border-top: 1px solid #e9e9e9; font-size: 89px; font-weight: bold; padding-top: 6px;}
.error404_text {width: 545px; float: right; border-top: 1px solid #e9e9e9; padding-top: 25px;}
.error404_text p {color: #000; font-size: 12px; line-height: 1.5; margin-bottom: 20px;}
.error404_back {font-weight: bold; color: #000; font-size: 11px; background: url("images/dash.png") 0 50% no-repeat; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding-left: 12px;}
.error404_back:hover {border-color: #000;}
/*** Pagination ***/
.pagination {padding-left: 160px;}
.previouspostslink, .nextpostslink {font-size: 12px; color: #000; text-decoration: none; border-bottom: 1px solid #e5e5e5;}
.previouspostslink:hover, .nextpostslink:hover {border-color: #000;}
.previouspostslink {margin-right: 15px;}
.wp-pagenavi .previouspostslink {margin-right: 0;}
/*** Go to top button ***/
#myBtn {
display: none;
position: fixed;
bottom: 2%;
right: 5%;
z-index: 99;
border: none;
outline: none;
background-color: #ddd;
cursor: pointer;
padding: 2% 3%;
border-radius: 5px;
font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
}
#myBtn:hover {
background-color: #555;
}
/*** Footer ***/
.footer_back { width: 100%;
float: left;
position: relative;
}
.footer { width: 90%; background: #f9f9f9;
padding: 10% 5% 5% 5%;
float: left;
}
.footer p {font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5%;
float: left;}
.footer h3 { padding-bottom: 5%;
float: left;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #666;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;}
.footer ul { float: left;
font: 16px/1.5em circe, Helvetica,Arial,sans-serif;
padding-bottom: 30px;}
.footer ul li {}
.footer ul li a {text-decoration: none; color: #0084ec;
border: none;}
.footer ul li a:hover {color: #55b0ff; text-decoration: underline;
border-bottom: none;}
/*** Media Devices ***/
@media screen and (min-width: 482px) {
/* For desktop: */
/* Main */
.wrapper {
width: 1020px;
margin: 0 auto;
}
/* Header */
.header_back {display: none;}
.header_menu {display: none;}
.desktop_header_back {display: block;}
.desktop_header {}
/* Promo */
.promo_back {display: none;}
.desktop_promo_back { display: block; padding: 0; background: #ffe358; border-radius: 5px;
width: 1020px; float: left;}
.desktop_signupcontainer {display: block;}
.mobile_signupcontainer {display: none;}
.signuplink {background: #e90000;
color: white;
font: 20px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px 13px 20px;
border-radius: 5px;
text-decoration: none;
float: left;}
.signuplink:hover {box-shadow: none;}
/* News */
.news_back { padding: 30px 0 20px 0;}
.news_back h1 { width: 960px;
margin: 0 30px; padding-bottom: 20px; }
.news {margin: 0 30px; display: block;}
.news_card { flex: none;
width: 201px;
position: relative;
margin: 0px 20px 20px 0px;
background: #252525;
padding: 12px;
border-radius: 5px;
height: 85px;
color: white;
float: left;}
.news_card:first-child { margin: 0px 20px 20px 0px;}
.news_card h2 {font: 18px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.news_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #bbb; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.news_card p {font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.news_card a {}
.newnews {display: block;}
.newnews_card {flex: none;
width: 200px;
position: relative;
margin: 20px 12px 20px 0px;
background: white;
padding: 12px;
border-radius: 5px;
height: 80px;
overflow: hidden;
color: black;
box-shadow: 0em 0.2em 0.5em 0em rgb(0 0 0 / 10%);
float: left; cursor: pointer;}
.newnews_card:hover { box-shadow: none;
opacity: 0.95;}
.newnews_popup { padding: 20px;
margin: 0px auto;
position: fixed;
top: 10%;
right: 10px;
left: 10px;
width: 400px;
box-shadow: rgb(0 0 0 / 20%) 0em 0.2em 0.5em 0em;
border-radius: 5px;
bottom: auto;}
/* Ads */
.ads_back { padding: 30px 0 20px 0; margin-bottom: 30px;}
.ads_back h1 { width: 960px;
margin: 0 30px; padding-bottom: 20px; }
/* Textbooks */
/*** Pricing ***/
.pricing_back {width: 100%; position: relative;
border-radius: 5px;
float: left;}
.pricing_back h1 { width: 960px; border-radius: 5px;
margin: 0 30px; text-align: center;
padding-bottom: 30px;
padding-top: 50px;}
.pricing {display: flex;
width: 100%; margin: 0 auto;
width: 710px;
}
.pricing_card {flex: 0 0 auto;
width: 135px;
position: relative;
margin: 0px 6px 10px 6px;
background: white;
padding: 12px;
border-radius: 5px;
height: 240px; color: black;}
.pricing_card h2 {font: 18px/1.3em 'Roboto', sans-serif;
font-weight: 700;
float: left;
padding-bottom: 10px;}
.pricing_card h3 { font: 11px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #aaa; padding-bottom: 5px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.pricing_card p {font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
float: left;}
.pricing_card a {}
/* Content */
.content {width: 1020px;
float: left;
overflow: hidden;
position: relative;
padding: 0px;
margin-bottom: 50px;}
.content .col1 {width: 900px;
float: left;
padding: 30px;
margin: 30px;}
.content .col2 {width: 450px;
float: left;
margin: 30px;}
.content .col13 {width: 300px; float: left; margin: 30px;}
.content .col23 {width: 630px; float: left; margin: 30px 0 0 0;}
.content h3 { padding-bottom: 10px;
float: left;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;}
.content h2 { font: 28px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
font-weight: 700;
float: left;}
.content p { font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;}
.content a {float: left;
border: none;
color: #0084ec;
text-decoration: none;
font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
}
.content a:hover {color: #55b0ff; text-decoration: underline;
border-bottom: none;}
.content .col2 ul { float: left;
font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 600;
padding-bottom: 10px;}
.content .col2 li {font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 10px; list-style: none;
float: left;}
.content .review_col {width: 630px;
float: left;
margin: 30px 30px 0px 0px;}
.content .review { background: white;
float: left;
padding: 20px;
border-radius: 5px;
position: relative;
overflow: hidden;
width: 245px;
margin: 0 0 30px 30px;}
.content .review p {font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.content .review h4 { font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.content .review h4 a { font: 15px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.content .column .column_card { float: left;
height: 110px; text-align: left;
padding: 10px 30px 30px 0px;}
.content .column .column_card h2 { font: 700 19px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px; float: none;}
.content .column .column_card p {font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
color: #777; float: none;}
.content .textbooks_back {float: left;
background: #f7f7f7; border-radius: 5px; width: 100%;
padding: 20px 20px 0px 20px;
margin-bottom: 20px;}
.content .textbooks_back h2 {font: 20px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; width: 100%;}
.content .textbooks_back p {font: italic 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;}
.content .textbooks {float: left;
padding-bottom: 20px;}
.content .textbooks img {width: 100px; float: left; box-shadow: 0em 0.1em 0.3em 0em rgba(0, 0, 0, 0.2);
margin-right: 10px;
border-radius: 5px;}
.news2 { width: 960px;
float: left;
overflow: hidden;
position: relative;
background: #fff5c3;
border-radius: 5px;
padding: 0;
margin: 30px;}
.news2 .col2 { width: 420px;
float: left;
margin: 30px 30px 10px 30px;}
.news2 h2 {font: 20px/1.4em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 10px;
width: 960px;
padding: 30px 30px 0px 30px;}
.news2 p { font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;}
.news2 p a {}
/*** QA ***/
.qa_col { width: 450px;
float: left;
margin: 30px;}
.qa_back { width: 100%;
height: auto;
float: left;}
.qa { background: #f0e7dc;
border-radius: 5px; padding: 0;
float: left;}
.qa h3 { padding-bottom: 10px;
float: left;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #999;
font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700;
width: 100%;
}
.qa h2 {
font: 24px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; padding-bottom: 20px;
float: left;}
.qa_card { width: 410px; color: black;
background: white;
border-radius: 5px;
margin-bottom: 20px;
padding: 20px; float: left;}
.qa_card h2 {
font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; padding-bottom: 0;}
.qa_card p { float: left; padding-top: 10px;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
/* Student Profiles */
.student_info_greeting {width: 960px;
padding: 60px 30px 0px 30px;}
.student_info_course {width: 390px;
padding: 30px;
margin: 30px;}
.student_info_schedule {width: 165px;
padding: 30px;
margin: 30px 30px 30px 0px;}
.student_info_payments {width: 165px;
padding: 30px 30px 90px 30px;
margin: 30px 30px 30px 0px;}
/* IELTS course */
.library_back { width: 100%;
position: relative;
float: left;}
.library { width: 60%;
margin: 7% 20% 5% 20%;
text-align: center;
float: left;
border-radius: 5px;}
.library h2 {font: 48px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
width: 100%;
padding-bottom: 20px;}
.library h3 { font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.library p {font: 100 26px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.library_menu {overflow: auto;
width: 960px;
margin: 20px 30px;
}
.library_menu ul {}
.library_menu li {
}
.library_menu li:first-child { margin-left: 0%;}
.library_menu li a { text-decoration: none;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: black;}
.library_menu li a:hover { text-decoration: none;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #55b0ff;}
.library_menu li.current-menu-item {}
.library_menu li.current_menu_parent, li.current-menu-item {}
.library_menu li.current_menu_parent a, li.current-menu-item a {color: white; }
.post-password-required {padding: 30px 30px 330px 30px;
background: papayawhip;
border-radius: 5px;}
.post-password-form {padding: 5% 5% 50% 5%;
background: papayawhip; border-radius: 10px;}
.post-password-form p {font: 18px/1.3em "Roboto", Helvetica,Arial,sans-serif;
padding-bottom: 20px;}
.password_submit_button {background: #e90000;
color: white;
font: 20px/1em 'Roboto', Helvetica, sans-serif;
padding: 15px 20px 13px 20px;
border-radius: 5px;
text-decoration: none;
float: left;
margin-left: 20px; margin-top: 0;
border: none;
width: 150px;}
.password-input-field {background: white;
color: #333333;
border-radius: 5px;
border: none;
padding: 10px 20px !important;
font: 20px/1.4em Roboto,Helvetica,Arial,sans-serif;
width: 250px;
float: left;}
.ielts_content { width: 960px;
padding: 30px; margin: 15px 0 15px 0;}
.ielts_content_promo { background: papayawhip;
float: left;
margin: 20px 0;
border-radius: 10px;
}
.ielts_content h2 { font: 22px/1.1em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 20px;
}
.ielts_content h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #999;
padding-bottom: 20px;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_content p {font: 20px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;}
.ielts_content h4 { font: 20px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
font-weight: 700;}
.ielts_content ul li { font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif; padding-bottom: 15px;}
.ielts_card_back { float: left;
margin-bottom: 5%;
width: 100%;}
.ielts_card {background: #f7f7f7;
padding: 20px 20px 10px 20px;
border-radius: 5px;
float: left;
width: 150px;
margin-bottom: 10px;
position: relative;
}
.ielts_card h2 {font: 18px/1.2em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 10px;
font-weight: 700;
float: left;
width: 100%;
}
.ielts_card p {font: 18px/1em 'Roboto',Helvetica,Arial,sans-serif; padding-bottom: 10px;}
.ielts_card h3 { font: 14px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
color: #777;
padding: 0;
position: absolute;
bottom: 10px;}
.ielts_content_cuecard { background: white;
padding: 30px 30px 12px 30px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0em 0.1em 0.2em 0em rgba(0, 0, 0, 0.10);
width: 570px;}
.ielts_content_cuecard ul {margin-bottom: 0;}
.ielts_content .col2 {width: 465px;
float: left;}
.ielts_content .col13 {width: 300px;
margin-right: 30px;
float: left;}
.ielts_content .col23 { width: 630px;
float: left;}
.ielts_content .col530l {width: 530px;
margin-right: 30px;
float: left;}
.ielts_content .col400r {width: 400px;
float: left;}
.ielts_content .col300 {width: 300px;
margin-right: 30px;
float: left;}
.ielts_content .col300:last-child {width: 300px;
margin-right: 0px;
float: left;}
.ielts_content .lib-col2 {width: 170px;
float: left;
margin-bottom: 30px;
background: #f5f5f5;
padding: 20px 20px 0px 20px;
margin-right: 30px;
border-radius: 5px;}
.ielts_content .lib-col2 h2 { font: 20px/1.1em 'Roboto', sans-serif;
font-weight: 700;
padding-bottom: 20px;}
.ielts_content .lib-col2 ul {margin-bottom: 0;}
.ielts_content .lib-col2 ul li {font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 15px;}
.ielts_content_qa {width: 100%;
float: left;}
.ielts_content_qa_card {background: white;
border-radius: 10px;
width: 94%;
float: left;
padding: 3%;}
.ielts_content_qa_card h2 {padding: 0;
font: 20px/1.2em 'Roboto', sans-serif;
font-weight: 700;}
.ielts_content_qa ul li {font: 18px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 10px;}
.ielts_content_lesson { width: 960px;
padding: 30px; margin: 0; border-radius: 10px;
background: #f5f5f5;}
.ielts_content_lesson_head {border-bottom: 1px solid #ccc;
margin-bottom: 30px;
float: left;
padding-bottom: 20px;
width: 100%;}
.ielts_content_lesson_head h2 {font: 700 27px/1.4em 'Roboto',Helvetica,Arial,sans-serif;
padding: 10px 0;
margin-bottom: 0;
float: left; width: auto;}
.ielts_content_hw_head {width: 100%;
float: left;
padding: 20px 0px 30px 0px;}
.ielts_content_hw_head h3 {float: left;
padding: 5px 8px;
background: #5e17eb;
border-radius: 5px;
color: white;
font: 14px/1em 'Roboto',Helvetica,Arial,sans-serif;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ieltsdates_col {background: white;
padding: 10px 30px 30px 30px;
border-radius: 5px;
width: 540px;
float: left;
margin: 30px 30px 30px 30px;}
.ieltsdates_table thead th {border-bottom: 1px solid #ddd;
font: 700 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
text-align: left;
padding: 20px 20px 20px 0;}
.ieltsdates_table tbody td {font: 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding: 20px 20px 20px 0;
border-bottom: 1px solid #ddd;
}
.ielts_library_back { width: 100%;
position: relative;
float: left;}
.ielts_library {text-align: center; width: 960px; margin: 50px 30px 30px 30px;
float: left;
border-radius: 5px;}
.ielts_library h2 {font: 45px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left;
width: 100%;
padding-bottom: 10px;}
.ielts_library h3 { font: 12px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px;
color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.ielts_library p { font: 100 20px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.ielts_library_menu {width: 640px;
float: none;
margin: 0 auto;}
/* Desktop Course page */
.ielts_course_promo_back {display: none;}
.desktop_course_promo_back { display: block;
padding: 0;
background: #ffe358;
border-radius: 5px;
width: 1020px;
float: left;
margin-bottom: 30px;}
.services_promo_back {display: none;}
/*** Services 2 page ***/
.services2_promo_back { width: 100%;
position: relative;
float: left;}
.services2_promo { width: 60%; margin: 7% 20% 5% 20%;
text-align: center;
float: left;
border-radius: 5px;}
.services2_promo h2 { font: 48px/1.1em 'Roboto', sans-serif;
font-weight: 700;
float: left; width: 100%;
padding-bottom: 20px;}
.services2_promo h3 { font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 5px; color: #777;
letter-spacing: 0.1em;
font-weight: 700;
text-transform: uppercase;}
.services2_promo p {font: 100 26px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
padding-bottom: 20px;
float: left;
width: 100%;}
.services2_promo_library {width: 37.5%; padding: 5%; margin-bottom: 5%; font: 17px/1em 'Roboto', Helvetica, sans-serif; color: white !important;}
/*** Shop ***/
.shop_back { width: 100%;
float: left;}
.shop {width: 1020px;
float: left;
overflow: hidden;
position: relative;
padding: 0;}
.shop_card {padding: 20px;
width: 215px;
height: 390px;
border-radius: 10px;
color: black;
margin-bottom: 0%;
float: left;}
.shop_card h2 {width: 100%; font: 14px/1.3em 'Roboto', sans-serif;
font-weight: 700;
float: left;}
.shop_card h3 {width: 100%; font: 14px/1.3em 'Roboto', sans-serif;
font-weight: 100;
float: left;}
.shop_card p {width: 100%;
font: 14px/1.3em 'Roboto', sans-serif; float: left;}
.shop_card img {width: 100%; border: 0.1px solid #eee;}
/*** Partners page ***/
.partners_back {width: 100%;
position: relative;
float: left;}
.partners { width: 60%;
margin: 7% 20% 5% 20%;
text-align: center;
float: left;
border-radius: 5px;}
.partners h2 {font: 48px/1.1em 'Roboto', sans-serif; font-weight: 700;}
.partners h3 {}
.partners p {font: 100 26px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
.partners_discount { width: 400px;
padding: 20px;
margin: 0 auto 20px auto;}
.partners_discount img {width: 140px;}
.partners_signup { width: 440px;
margin: 0 auto;}
/* Location */
.location_back {display: none;}
.location2_back {display: none;}
/* Reviews */
.reviews { width: 960px;
float: left;
overflow: hidden;
position: relative;
padding: 0px 30px;
margin-bottom: 50px;}
.review_card {background: aliceblue;
float: left;
padding: 20px;
border-radius: 10px;
margin-bottom: 30px;}
.reviews .col1 { width: 300px;
float: left;
margin-right: 30px;}
.reviews .col2 { width: 300px;
float: left;
margin-right: 30px;}
.reviews .col3 { width: 300px;
float: left;
margin-right: 0;}
/*** Teachers Cabinet ***/
.jobs_col_back {float: left;}
.jobs_col1, .jobs_col2 { float: left;
width: 100%;
margin-right: 0;}
.jobs_col_tbcard { float: left;
padding: 20px 20px 12px 20px;
position: relative;
overflow: hidden;
background: #f7f7f7;
border-radius: 5px;
margin-bottom: 20px;
width: 200px;
margin-right: 20px;}
.jobs_col_tbcard:last-child {margin-right: 0;}
.jobs_col_tbcard h2 { font: 22px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
font-weight: 700; padding-bottom: 20px;}
.jobs_col_tbcard ul li a {color: #0084ec;
text-decoration: none;
border: none;
float: left;
font: 18px/1.3em 'Roboto',Helvetica,Arial,sans-serif;}
/* Go to top button */
#myBtn {
display: none;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 99;
border: none;
outline: none;
background-color: #ddd;
cursor: pointer;
padding: 10px 15px;
border-radius: 5px;
font: 16px/1.3em 'Roboto',Helvetica,Arial,sans-serif;
}
#myBtn:hover {
background-color: #eee;
}
/* Footer */
.footer_back { margin: 30px 0 30px 0;}
.footer { width: 960px;
padding: 30px;
border-radius: 5px;
background: #f9f9f9;}
.footer .col13 {width: 300px; float: left; margin-right: 30px;}
.footer .col23 {width: 630px; float: left; margin-right: 0px;}
}