Preview: style_23_07_15.css
Size: 66.62 KB
/home/jambtst2015/public_html/giraffeng.com/css/style_23_07_15.css
@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------- */
/* Created by -
Dated-07.04.15
Modify by-
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
*, html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* ----------------------------------------------------------- */
/* Reset and Clearfix */
/* ----------------------------------------------------------- */
.clear{clear: both;}
.clearfix:before, .clearfix:after, .container:before, .container:after {content: '.';display: block;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;width: 0;height: 0;}.clearfix:after, .container:after {clear: both;}
/* ----------------------------------------------------------- */
/*The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
/* ----------------------------------------------------------- */
.clearfix, .container{zoom: 1;}
/* ----------------------------------------------------------- */
/*--------------------common css----------------------*/
.right {
float:right !important;
}
.left {
float:left !important;
}
.absolute {
position:absolute !important;
}
.relative {
position:relative !important;
}
.centered {
text-align:center !important;
}
.left-align {
text-align:left !important;
}
.right-align {
text-align:right !important;
}
.full-width{
width: 100% !important;
}
.push-up{
position: relative;
top: -5px;
}
.btn{
background: #3b3b3b;
color: #fff;
padding: 6px 18px;
border: none;
text-transform: uppercase;
text-align: center;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.btn:hover{
background: #f26522;
}
/* Basic Element
/* ----------------------------------------------------------- */
a, a > {}
a:focus {outline: none;}
a:hover, a > :hover {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
ol, ul{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body { background:#ffffff; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, span { font-style:normal; font-weight:normal; margin:0; padding:0;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: 'Calibri', sans-serif;
font-family: 'Calibri', sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.marginTop{ margin-top:0 !important;}
.marginBottom{ margin-bottom:0 !important;}
.borderBottom{ border-bottom:none !important;}
.paddingBottom{ padding-bottom:0 !important;}
.marginRight{ margin-right:0 !important;}
.marginLeft{ margin-left:0 !important;}
.bottomMargin{ margin-bottom:10px;}
.paddingTop{ padding-top:10px !important;}
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #2d3237;
font-family: "Raleway";
font-weight:400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: normal; }
h1 { font-size: 32px; line-height: 50px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 18px; line-height: 30px; }
h5 { font-size: 16px; line-height: 28px; }
h6 { font-size: 14px; line-height: 24px; }
p { margin: 0 0 15px 0; line-height: 24px;}
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777; }
em { font-style: italic; }
strong { font-weight: 600; color: #333; }
small { font-size: 80%; }
hr { /*border: solid #ddd; border-width: 0px 0 0; clear: both;*/
background: none repeat scroll 0 0 #EDEDED;
border: 0 solid #DDDDDD;
clear: both;
height: 1px;
margin: 10px 0;
}
hr.line-full { border-top: 1px solid #eceef0!important; border-width: 0px 0 0; clear: both; margin:30px 0; }
/* #Lists
================================================== */
ul, ol { margin: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul {}
ul ul li, ul ol li,
ol ol li, ol ul li {}
li { /*line-height: 18px;*/ }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
/*---------------------css for container page --------------------------*/
#wrapper {
margin:0;
padding:0;
outline:0;
}
/*------ header section start here ------*/
header {
margin: 0;
padding: 0;
position: relative;
width: 100%;
z-index: 99;
}
.header-top-sec{
position:absolute;
/*padding:15px 0;*/
width:100%;
z-index:9;
transition: all 0.5s ease-in 1s;
border-bottom:1px solid #d2c9ab;
}
.hover_top_sec{
background:#ffffff;
transition: all 0.3s ease-in 0s;
border-bottom:1px solid #d2c9ab;
}
.hover_top_sec a{
color:#060 !important;
}
.hover_top_sec a span{
color:#060 !important;
}
.logo_left{
padding:10px 0;
transition: all 0.8s ease-in 0.5s;
}
.logo_left a{
text-decoration:none;
}
.logo_left span.logo_txt{
font-family: 'Open Sans', sans-serif;
font-size:30px;
color:#ffffff;
transition:2s;
}
.upper_font{
text-transform:uppercase;
font-size:20px;
transition:2s;
}
.mega_menu_sec{
padding-top:64px;
text-align: center;
}
.mega_menu_sec a{
font-size: 15px;
text-decoration:none;
display: inline-block;
transition: all 0.3s ease-in 0s;
}
.mega_menu_sec a span{
font-family: 'Open Sans', sans-serif;
color:#ffffff;
transition:2s;
}
.mega_menu_sec a span.menu_icon{
float:left;
margin:-2px 0 0 7px;
}
.mega_menu_sec a span.menu_txt{
float: left;
font-size: 16px;
line-height: 18px;
padding-left: 4px;
margin-right: 8px;
text-transform: capitalize;
transition:2s;
}
.search_txt {
border: 1px solid #ddd !important;
border-radius: 2px;
box-sizing: border-box;
color: #666666 !important;
font-size: 14px;
font-style: normal;
height: 29px;
margin: 60px 0 0;
padding: 1px 0 0 5px !important;
width: 100%;
}
.srch_sec{
display:block;
opacity:0;
visibility:hidden;
transition: all 0.5s ease-in .3s;
}
.hover_top_sec .srch_sec{
display:block;
visibility:visible;
opacity:100;
}
.abt_sec{
display:block;
opacity:0;
visibility:hidden;
transition: all 0.5s ease-in .3s;
}
.hover_top_sec .abt_sec{
display:block;
opacity:100;
visibility:visible;
}
.log_sec{
float:right !important;
height:102px;
transition: all 0.5s ease-in .3s;
}
.srch_sec .fa-search{
color: #666666;
margin: 0 0 0 10px;
position: relative;
top: -26px;
}
/*------ banner section start here ------*/
.banner_section{
/*background:url(../images/banner-bg.jpg) center center no-repeat;*/
width:100%;
height:auto;
position:relative;
top:0;
z-index:1;
}
.text_section h1{
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 33px;
font-weight: bold;
padding-top: 48%;
text-align: center;
text-transform: uppercase;
}
.click_button{
text-align:center;
/*padding-top:20%;*/
}
/*------- nav sec start here ------*/
.nav_bottom_sec{
border-bottom: 1px solid #d2c9ab;
margin: -1px 0 0;
}
.menu-opener, .menu-opener:hover, .menu-opener.active, .menu-opener-inner, .menu-opener-inner::before, .menu-opener-inner::after, .menu, .menu.active {
-webkit-transition: 250ms all;
transition: 250ms all;
}
.menu-opener {
cursor: pointer;
height: 64px;
position: absolute;
top: 2%;
left: 1%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 64px;
background:#339433;
}
.menu-opener:hover, .menu-opener.active {
background: #339433;
}
.menu-opener.active{
width:218px;
}
.menu-opener.active:before{
background:url(../images/nav_side_arrow.png) no-repeat;
content: "";
display: block;
height: 20px;
margin-left: 218px;
margin-top: 23px;
position: absolute;
width: 9px;
opacity:1;
}
/*.menu-opener:before{
background:url(../images/nav_side_arrow.png) no-repeat;
opacity:1;
transition:1s;
margin-left: 20px;
display:block;
height: 20px;
width:9px;
position:absolute;
}*/
.menu-opener.active .slide_toggle_text{
opacity:1;
}
.menu-opener-inner {
/*background: #fff;*/
height: .3rem;
margin-left: .75rem;
margin-top: 1.75rem;
width: 2.5rem;
}
.menu-opener-inner::before, .menu-opener-inner::after {
background: white;
content: '';
display: block;
height: .3rem;
width: 2.5rem;
}
.menu-opener-inner::before {
/* -webkit-transform: translateY(-0.58rem);
-ms-transform: translateY(-0.58rem);
transform: translateY(-0.58rem);*/
-webkit-transform: translateY(0rem) translateX(0rem) rotate(134deg);
-ms-transform: translateY(0rem) translateX(0rem) rotate(134deg);
transform: translateY(0rem) translateX(0rem) rotate(134deg);
}
.menu-opener-inner::after {
/*-webkit-transform: translateY(0.25rem);
-ms-transform: translateY(0.25rem);
transform: translateY(0.25rem);*/
-webkit-transform: translateY(-0.3rem) translateX(0rem) rotate(45deg);
-ms-transform: translateY(-0.3rem) translateX(0rem) rotate(45deg);
transform: translateY(-0.3rem) translateX(0rem) rotate(45deg);
}
.menu-opener-inner.active {
background: #ffffff;
-webkit-transform: translateY(-0rem) rotate(0deg);
-ms-transform: translateY(-0rem) rotate(0deg);
transform: translateY(-0rem) rotate(0deg);
}
.menu-opener-inner.active::before {
-webkit-transform: translateY(.5rem) rotate(0deg);
-ms-transform: translateY(.5rem) rotate(0deg);
transform: translateY(.5rem) rotate(0deg);
}
.menu-opener-inner.active::after {
-webkit-transform: translateY(-.8rem) rotate(0deg);
-ms-transform: translateY(-.8rem) rotate(0deg);
transform: translateY(-.8rem) rotate(0deg);
}
/*-webkit-transform: translateY(-0.3rem) translateX(0rem) rotate(45deg);
-ms-transform: translateY(-0.3rem) translateX(0rem) rotate(45deg);
transform: translateY(-0.3rem) translateX(0rem) rotate(45deg);
*/
.menu {
background: #ffffff;
color: transparent;
height: 64px;
position: static;
top: 2%;
left: 1%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 0rem;
z-index: -1;
}
.menu.active {
width: -webkit-calc(100% - 2rem);
width: calc(100% - 2rem);
}
.menu.active .menu-link {
color: #666666;
transition:1s;
}
.menu-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
height: 100%;
list-style-type: none;
margin: 0;
margin-left: 14rem;
padding: 0;
}
.menu-link .active{
color:#317726;
}
.menu-link {
color: transparent;
display: table-cell;
flex: 1 1 auto;
font-family: "Open Sans",sans-serif;
font-size: 18px;
font-weight: 600;
height: 66px;
padding: 0 70px;
text-align: center;
text-decoration: none;
text-transform: capitalize;
vertical-align: middle;
width: 100%;
}
.menu-link li {
margin: auto;
}
@media screen and (max-width: 768px) {
.menu {
height: auto;
}
.menu-inner {
display: block;
}
.menu-link {
padding: 10px 0;
font-size: 1.2em;
}
.menu.active {
width: -webkit-calc(100% - 0.5rem);
width: calc(100% - 0.5rem);
}
}
.slide_toggle_text{
position:absolute;
font-family: 'Open Sans', sans-serif;
font-size:21px;
color:#ffffff;
margin:-17px 0 0 58px;
opacity:0;
transition:0.5s;
}
.menu.active .menu-link.active_link, .menu.active .menu-link:hover {
color: #317726;
}
/*------- nav sec end here ------*/
/*------- body sec start here ------*/
.body_section{
/*border-top:#d2c9ab 1px solid;*/
padding-top:50px;
}
.body_sec_top h1{
font-family: 'Open Sans', sans-serif;
font-size:18px;
color:#424141;
text-transform:uppercase;
text-align:center;
line-height:30px;
padding:0 40px 20px;
}
.tool_tab_section{
text-align:center;
padding-top:40px;
}
.hover_pop{
margin: 120px 0 0 67px;
position: absolute;
top: 0;
width: 130px;
}
.pop_2{
margin:263px 0 0 105px;
width:230px;
}
.pop_3{
margin:368px 0 0 35px;
width:230px;
}
.pop_4{
margin:118px 39px 0 0;
width:230px;
right:0;
}
.pop_4 p{
padding-right:10px !important;
}
.pop_5{
margin:268px 118px 0 0;
width:230px;
right:0;
}
.pop_5 p{
padding-right:10px !important;
}
.pop_6{
margin:361px 20px 0 0;
width:230px;
right:0;
}
.pop_6 p{
padding-right:10px !important;
}
.hover_pop img{
float:left;
}
.hover_pop p{
float: left;
margin: 0;
padding: 7px 0 0 9px;
font-family: 'Open Sans', sans-serif;
font-size:16px;
font-weight:600;
color:#585858;
}
div#pop-up {
display: none;
position: absolute;
width: 280px;
padding: 10px;
background: #3F3F3F;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
top:100%;
z-index:9;
}
.hover_pop h3{
font-family: 'Open Sans', sans-serif;
font-size:16px;
font-weight:600;
color:#ffffff;
}
.cmn_pop{
z-index:9999;
border: 1px solid #ffffff;
}
.cmn_pop p{
font-family: 'Open Sans', sans-serif;
font-size:13px;
font-weight:normal;
color:#ffffff;
}
div#pop-up-2 {
display: none;
position: absolute;
width: 280px;
padding: 10px;
background: #3F3F3F;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
top:100%;
z-index:9;
}
div#pop-up-3 {
display: none;
position: absolute;
width: 280px;
padding: 10px;
background: #3F3F3F;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
top:100%;
z-index:9;
}
div#pop-up-4 {
display: none;
position: absolute;
width: 280px;
padding: 10px;
background: #3F3F3F;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
top:100%;
right:0;
z-index:9;
}
div#pop-up-5 {
display: none;
position: absolute;
width: 280px;
padding: 10px;
background: #3F3F3F;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
top:100%;
right:0;
z-index:9;
}
div#pop-up-6 {
display: none;
position: absolute;
width: 280px;
padding: 10px;
background: #3F3F3F;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
top:100%;
right:0;
z-index:9;
}
.giraffe_count_sec{
background:#387232;
margin-top: -5px;
height: 158px;
position: relative;
z-index:-9;
}
.count_map{
background:url(../images/map-count-bg.jpg) no-repeat;
width:100%;
height:158px;
}
.left_count{
width:120px;
height:120px;
float:left;
border:#ffffff 3px solid;
border-radius:50%;
margin:12px 0 0 0;
}
.left_count h2{
color: #ffffff;
display: table-cell;
font-family: "Open Sans",sans-serif;
font-size: 36px;
height: 120px;
padding-right: 14px;
text-align: center;
vertical-align: middle;
width: 120px;
}
.left_count h2 i{
font-size: 20px;
font-weight: normal;
margin: -5px 0 0;
position: absolute;
}
.right_text{
width:60%;
float:left;
height:120px;
margin:12px 0 0 20px;
}
.right_text h3{
font-family: "Open Sans",sans-serif;
font-size: 24px;
color:#ffffff;
width:60%;
height:120px;
vertical-align:middle;
display:table-cell;
}
.why_choose_div{
margin-top:40px;
}
.why_choose_sec{
}
.why_choose_sec h4{
font-family: "Open Sans",sans-serif;
font-size: 30px;
color:#317726;
text-transform:uppercase;
border-bottom:#317726 1px solid;
padding-bottom:8px;
}
.why_choose_sec p{
font-family: "Open Sans",sans-serif;
font-size: 15px;
color:#6d6e6c;
margin:0;
padding-top:20px;
}
.choose_scroll_sec{
background:#228b22;
padding:15px 0 0 0;;
}
.testi_top h5{
font-family: "Open Sans",sans-serif;
font-size: 30px;
color:#ffffff;
text-align:center;
line-height:40px;
border-bottom:#0f640f 1px solid;
width:80%;
margin:0 auto;
padding-bottom:10px;
}
.testi_top h5 span.wht_txt{
text-transform:uppercase;
color:#000000;
}
.testi_top h5 span.grf_txt{
font-weight:700;
}
.testi_bottom{
padding:0 30px;
margin:30px 0 0 0;
}
.slide_pic{
width:24%;
display:inline-block;
}
.learn_sec{
background:#f8f8f8;
padding:18px 0;
text-align:center;
margin:50px 0 0 0;
}
.learn_sec h1{
font-family: "Open Sans",sans-serif;
font-size: 40px;
color:#212121;
}
.learn_sec p{
font-family: "Open Sans",sans-serif;
font-size: 14px;
color:#555555;
width:75%;
margin:0 auto;
}
.learn_logo_sec {
padding:30px 0 10px 0;
}
.learn_logo_sec ul li{
display:inline-block;
width:140px;
}
.footer_top{
background:#3a2c01;
}
.footer_top h1{
font-family: "Open Sans",sans-serif;
font-size: 48px;
color:#ffffff;
padding:30px 0 15px 0;
}
.footer_top ul{
padding-bottom:30px;
}
.footer_top ul li{
color:#d3d3d3;
font-family: "Open Sans",sans-serif;
font-size: 14px;
}
.footer_top ul li span.icon_fa{
color: #ffffff;
display: inline-block;
font-size: 22px;
width: 10%;
}
.footer_top ul li span.fa_txt{
width:85%;
display:inline-block;
padding:5px 0 0 0;
}
.footer_top ul li span.fa_txt a{
color:#d3d3d3;
font-family: "Open Sans",sans-serif;
font-size: 14px;
text-decoration:none;
transition:0.5s;
}
.footer_top ul li span.fa_txt a:hover{
color:#228B22;
}
.map_top_bg{
background:url(../images/map-over-bg.png) no-repeat;
width:68%;
height:213px;
position:absolute;
}
.footer_mid{
background:#251c01;
margin-top: -5px;
padding:10px 0;
}
.footer_mid ul li a{
color:#44be42;
font-family: "Open Sans",sans-serif;
font-size: 14px;
text-decoration:none;
transition:0.5s;
}
.footer_mid ul li a:hover{
color:#029300;
}
.footer_bottom{
background:#3a2c01;
padding:10px 0;
}
.footer_bottom ul li{
display:inline-block;
}
.footer_bottom ul li a{
color: #776d4f;
font-size: 40px;
padding-right: 14px;
text-decoration: none;
transition:0.5s;
}
.footer_bottom ul li a:hover{
color: #44be42;
}
p.footer_txt_right{
text-align:center;
color:#a1a1a1;
font-family: "Open Sans",sans-serif;
font-size: 14px;
padding-top:12px;
}
.footer_logo{
position: absolute;
right: 0;
top: -322px;
}
/*------ body sec end here ------*/
/*------ tab section start here ------*/
.cd-tabs {
position: relative;
width: 100%;
/*max-width: 960px;*/
margin: 2em auto;
}
.cd-tabs:after {
content: "";
display: table;
clear: both;
}
.cd-tabs::after {
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 50px;
z-index: 1;
pointer-events: none;
background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
display: none;
}
.cd-tabs.is-ended::after {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
overflow: auto;
-webkit-overflow-scrolling: touch;
background: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
@media only screen and (min-width: 768px) {
.cd-tabs::after {
display: none;
}
.cd-tabs nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
z-index: 1;
}
}
@media only screen and (min-width: 960px) {
.cd-tabs nav {
background: transparent;
/*position: relative;
float: left;
box-shadow: none;
width:20%;*/
box-shadow: none;
float: left;
margin-left: 21.5%;
position: relative;
width: 20%;
}
}
.cd-tabs-navigation {
width: 360px;
}
.cd-tabs-navigation:after {
content: "";
display: table;
clear: both;
}
.cd-tabs-navigation li {
float: none;
}
.cd-tabs-navigation a {
position: relative;
display: block;
height: 60px;
width: 60px;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 700;
color: #c3c2b9;
padding-top: 34px;
}
.no-touch .cd-tabs-navigation a:hover {
color: #29324e;
background-color: rgba(233, 230, 202, 0.3);
}
.cd-tabs-navigation a.selected {
background-color: #ffffff !important;
box-shadow: 2px 0 0 #f05451 inset;
color: #29324e;
}
.cd-tabs-navigation a::before {
position: absolute;
top: 12px;
left: 50%;
margin-left: -10px;
display: inline-block;
height: 20px;
width: 20px;
background-image: url("../img/vicons.svg");
background-repeat: no-repeat;
}
.cd-tabs-navigation a[data-content='inbox']::before {
background-position: 0 0;
}
.cd-tabs-navigation a[data-content='new']::before {
background-position: -20px 0;
}
.cd-tabs-navigation a[data-content='gallery']::before {
background-position: -40px 0;
}
.cd-tabs-navigation a[data-content='store']::before {
background-position: -60px 0;
}
.cd-tabs-navigation a[data-content='settings']::before {
background-position: -80px 0;
}
.cd-tabs-navigation a[data-content='trash']::before {
background-position: -100px 0;
}
.cd-tabs-navigation a[data-content='inbox'].selected::before {
background-position: 0 -20px;
}
.cd-tabs-navigation a[data-content='new'].selected::before {
background-position: -20px -20px;
}
.cd-tabs-navigation a[data-content='gallery'].selected::before {
background-position: -40px -20px;
}
.cd-tabs-navigation a[data-content='store'].selected::before {
background-position: -60px -20px;
}
.cd-tabs-navigation a[data-content='settings'].selected::before {
background-position: -80px -20px;
}
.cd-tabs-navigation a[data-content='trash'].selected::before {
background-position: -100px -20px;
}
@media only screen and (min-width: 768px) {
.cd-tabs-navigation {
width: 80px;
float: left;
}
.cd-tabs-navigation a {
height: 80px;
width: 80px;
padding-top: 46px;
}
.cd-tabs-navigation a.selected {
box-shadow: inset 2px 0 0 #f05451;
}
.cd-tabs-navigation a::before {
top: 22px;
}
}
@media only screen and (min-width: 960px) {
.cd-tabs-navigation {
width: 100%;
background-color: #f8f7ee;
box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}
.cd-tabs-navigation a {
font-size: 0.875rem;
height: 52.3px;
line-height: 54px;
margin-bottom: 1px;
padding: 0 20px;
text-align: left;
text-decoration: none;
width: auto;
}
.cd-tabs-navigation a.selected {
box-shadow: 2px 0 0 #f05451 inset;
}
.cd-tabs-navigation a::before {
top: 50%;
margin-top: -10px;
margin-left: 0;
left: 38px;
}
.cd-tabs-navigation a.selected_home {
box-shadow: 4px 0 0 #DDDDDD inset;
}
.cd-tabs-navigation a.selected_math {
box-shadow: 4px 0 0 #1C758A inset;
}
.cd-tabs-navigation a.selected_science {
box-shadow: 4px 0 0 #94424F inset;
}
.cd-tabs-navigation a.selected_economics {
box-shadow: 4px 0 0 #B77033 inset;
}
.cd-tabs-navigation a.selected_arts {
box-shadow: 4px 0 0 #AD3434 inset;
}
.cd-tabs-navigation a.selected_computing {
box-shadow: 4px 0 0 #437A39 inset;
}
.cd-tabs-navigation a.selected_test {
box-shadow: 4px 0 0 #644172 inset;
}
.cd-tabs-navigation a.selected_partner {
box-shadow: 4px 0 0 #218270 inset;
}
}
.cd-tabs-content {
background: #ffffff;
/*float: left;
width: 80%;
height:359px !important;*/
float: left;
height: 372px !important;
width: 58.5%;
}
.cd-tabs-content li {
display: none;
padding: 1.4em;
height:328px;
}
.cd-tabs-content li.selected {
display: block;
-webkit-animation: cd-fade-in 0.5s;
-moz-animation: cd-fade-in 0.5s;
animation: cd-fade-in 0.5s;
}
.cd-tabs-content li p {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
color: #8493bf;
margin-bottom: 2em;
}
@media only screen and (min-width: 768px) {
.cd-tabs-content {
min-height: 480px;
}
.cd-tabs-content li {
padding: 2em 2em 2em 7em;
}
}
@media only screen and (min-width: 960px) {
.cd-tabs-content {
min-height: 0;
}
.cd-tabs-content li {
padding: 1.4em;
}
.cd-tabs-content li p {
font-size: 16px;
font-size: 1rem;
}
}
@-webkit-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes cd-fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header_bottom{
margin-top: 70px;
position: absolute;
width: 100%;
z-index: 9;
}
.wide-learn-menu-background-container {
/*background: #fff linear-gradient(to right, #fff 0px, #fff 28.8%, #218270 28.8%, #218270) no-repeat scroll 0 0;*/
background:#ffffff;
box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
height: 372px;
left: 0;
min-width: 1000px;
position: relative;
right: 0;
}
.wide-learn-menu-background-container.math {
background-image: linear-gradient(to right, #fff 0px, #fff 50%, #1c758a 50%, #1c758a);
background-repeat: no-repeat;
}
.cd-tabs-content li.selected_home_bg {
background:#000;
}
.cd-tabs-content li.selected_math_bg {
background:#1C758A;
}
.cd-tabs-content li.selected_science_bg {
background:#94424F;
}
.cd-tabs-content li.selected_economics_bg {
background:#B77033;
}
.cd-tabs-content li.selected_arts_bg {
background:#AD3434;
}
.cd-tabs-content li.selected_computing_bg {
background:#437A39;
}
.cd-tabs-content li.selected_test_bg {
background:#644172;
}
.cd-tabs-content li.selected_partner_bg {
background:#218270;
}
.fundamental{
float: left;
margin-right: 20px;
width:20%;
}
.high_school{
float:left;
width:50%;
}
.fundamental ul{
padding-top:10px;
}
.fundamental ul li {
display:block;
height:auto;
padding:0;
}
.high_school ul li {
display: block;
float: left;
height: auto;
margin-right: 10px;
padding: 0;
width: 164px;
}
.high_school ul li a{
color: #ffffff;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 12px;
padding: 5px;
text-decoration: none;
}
.fundamental ul li a{
color:#ffffff;
font-family: "Open Sans",sans-serif;
font-size:12px;
text-decoration:none;
display:block;
padding:5px;
}
.fundamental ul li a:hover{
background-color:rgba(255, 255, 255, 0.5);
opacity:0.8;
}
.high_school ul li a:hover{
background-color:rgba(255, 255, 255, 0.5);
opacity:0.8;
}
.cd-tabs h1{
color:#ffffff;
font-family: "Open Sans",sans-serif;
font-size: 30px;
line-height:20px;
border-bottom:#ffffff 1px solid;
padding-bottom:15px;
}
.high_school h2{
color:#ffffff;
font-family: "Open Sans",sans-serif;
font-size: 12px;
text-transform:uppercase;
font-weight:bold;
opacity:0.5;
}
.fundamental h2{
color:#ffffff;
font-family: "Open Sans",sans-serif;
font-size: 12px;
text-transform:uppercase;
font-weight:bold;
opacity:0.5;
}
.hover_top_sec .log_sec{
background:#27AF27;
}
.hover_top_sec .log_sec a span{
color:#ffffff !important;
}
.hover_top_sec .logo_left {
border-right: 1px solid #dddddd;
}
.sub_sec{
height:102px;
}
.hover_top_sec .sub_sec {
border-right: 1px solid #dddddd;
transition: all 0.8s ease-in 0.5s;
}
.abt_main_sec{
height:102px;
}
.hover_top_sec .abt_main_sec {
border-right: 1px solid #dddddd;
transition: all 0.8s ease-in 0.5s;
}
.srch_main_sec{
height:102px;
}
.abt_sec a span.menu_txt{
padding-left: 25px;
}
.log_sec .mega_menu_sec a span.menu_icon {
float: left;
/*margin: -2px 0 0 28px;*/
}
/*------ tab section end here ------*/
.click_button a{
border: 2px solid #fff;
border-radius: 51%;
display: inline-block;
height: 19px;
line-height: 23px;
padding-bottom: 7px;
padding-top: 27px;
position: absolute;
top: -80px;
width: 53px;
z-index:99;
box-shadow:0px 1px 5px #888888;
}
.scroll-d i {
font-size: 30px;
color: #fff;
animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-iteration-count: 1000;
-webkit-animation-iteration-count: 1000;
animation-direction: alternate;
-webkit-animation-direction: alternate;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
animation-delay: 1s;
-webkit-animation-delay: 1s;
text-shadow:0 1px 5px #888888;
/*animation-name: bounce;
-webkit-animation-name: bounce;
animation-duration: 1.6s;
-webkit-animation-duration: 1.6s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-webkit-transform-origin: 50% 100%;
-webkit-animation: spin 1s infinite linear;*/
}
@keyframes scroll-d {
0% {
transform: translateY(0%) scaleY(0.6);
}
60%{
transform: translateY(-100%) scaleY(1.1);
}
70%{
transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
transform: translateY(0%) scaleY(1.05) scaleX(1);
}
90%{
transform: translateY(0%) scaleY(0.95) scaleX(1);
}
100%{
transform: translateY(0%) scaleY(1) scaleX(1);
}
}
@-webkit-keyframes scroll-d {
0% {
-webkit-transform: translateY(0%) scaleY(0.6);
}
60%{
-webkit-transform: translateY(-100%) scaleY(1.1);
}
70%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
}
80%{
-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
}
90%{
-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
}
100%{
-webkit-transform: translateY(0%) scaleY(1) scaleX(1);
}
}
/*------ login sec start here ------*/
.login {
color: #a8a7a8;
font-weight: 300;
margin: 80px auto;
padding-right: 32px;
position: relative;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
width: 560px;
}
.login p {
margin: 0 0 10px;
}
.login input, button, label {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 300;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.login input[type=text], input[type=password] {
padding: 0 10px;
width: 300px;
height: 40px;
color: #bbb;
text-shadow: 1px 1px 1px black;
background: rgba(0, 0, 0, 0.16);
border: 0;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}
input[type=text]:focus, input[type=password]:focus {
color: white;
background: rgba(0, 0, 0, 0.1);
outline: 0;
}
label {
float: left;
font-weight: 100;
letter-spacing: 1px;
line-height: 40px;
padding-right: 10px;
text-align: right;
width: 258px;
color:#ffffff;
}
.forgot-password {
/*padding-left: 263px;
font-size: 13px;
font-weight: 100;
letter-spacing: 1px;
margin-top: 20px !important;*/
float: left;
font-size: 13px;
font-weight: 100;
letter-spacing: 1px;
margin-top: 20px !important;
}
.forgot-password a{
text-decoration:none;
color:#ffffff;
transition:0.5s;
}
.forgot-password a:hover{
color:#00e100;
}
.login-submit {
position: absolute;
top: 82px;
right: 0;
width: 48px;
height: 48px;
padding: 8px;
border-radius: 32px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
}
.login-submit:before, .login-submit:after {
content: '';
z-index: 1;
position: absolute;
}
.login-submit:before {
top: 28px;
left: -4px;
width: 4px;
height: 10px;
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}
.login-submit:after {
top: -4px;
bottom: -4px;
right: -4px;
width: 36px;
}
.login-button {
position: relative;
z-index: 2;
width: 48px;
height: 48px;
padding: 0 0 48px;
/* Fix wrong positioning in Firefox 9 & older (bug 450418) */
text-indent: 120%;
white-space: nowrap;
overflow: hidden;
background: none;
border: 0;
border-radius: 24px;
cursor: pointer;
border-radius: 24px;
background: url("../images/arrow.png") top 15px center no-repeat, -webkit-linear-gradient(to bottom, #339433, #27af27);
background: url("../images/arrow.png") top 15px center no-repeat, -moz-linear-gradient(to bottom, #339433, #27af27);
background: url("../images/arrow.png") top 15px center no-repeat, -o-linear-gradient(to bottom, #339433, #27af27);
background: url("../images/arrow.png") top 15px center no-repeat, linear-gradient(to bottom, #339433, #27af27);
-webkit-box-shadow: inset 0 0 0 1px #27af27, 0 0 0 5px rgba(0, 0, 0, 0.16);
box-shadow: inset 0 0 0 1px #27af27, 0 0 0 5px rgba(0, 0, 0, 0.16);
content: '';
transition: all 0.8s ease-in 0.5s;
/* Must use another pseudo element for the gradient background because Webkit */
/* clips the background incorrectly inside elements with a border-radius. */
}
.login-button:hover {
background: url("../images/arrow.png") top 15px center no-repeat, -webkit-linear-gradient(to bottom, #27af27, #339433);
background: url("../images/arrow.png") top 15px center no-repeat, -moz-linear-gradient(to bottom, #27af27, #339433);
background: url("../images/arrow.png") top 15px center no-repeat, -o-linear-gradient(to bottom, #27af27, #339433);
background: url("../images/arrow.png") top 15px center no-repeat, linear-gradient(to bottom, #27af27, #339433);
}
.login-button:before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
background: #00a2d3;
}
.login-button:active:before {
background: #0591ba;
background-image: -webkit-linear-gradient(top, #27af27, #339433);
background-image: -moz-linear-gradient(top, #27af27, #339433);
background-image: -o-linear-gradient(top, #27af27, #339433);
background-image: linear-gradient(to bottom, #27af27, #339433);
}
.login-button:after {
content: '';
position: absolute;
top: 15px;
left: 12px;
width: 25px;
height: 19px;
background: url("../images/arrow.png") 0 0 no-repeat;
}
::-moz-focus-inner {
border: 0;
padding: 0;
}
.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
line-height: 40px;
background: #282828;
}
.lt-ie9 .login-submit {
position: absolute;
top: 12px;
right: -28px;
padding: 4px;
}
.lt-ie9 .login-submit:before, .lt-ie9 .login-submit:after {
display: none;
}
.lt-ie9 .login-button {
line-height: 48px;
}
.lt-ie9 .about {
background: #313131;
}
.outer {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.middle {
display: table-cell;
vertical-align: middle;
}
.inner {
margin-left: auto;
margin-right: auto;
/*width:500px;*/ /*whatever width you want*/;
}
.get_pin{
background:#339433;
color:#ffffff;
font-family: "Open Sans",sans-serif;
font-size: 12px;
padding:8px 12px;
border-radius:3px;
box-shadow: 0 0 0 1px #27af27 inset, 0 0 0 5px rgba(0, 0, 0, 0.16);
margin-right:10px;
cursor:pointer;
transition:1s;
}
.get_pin:hover{
background:#27af27;
box-shadow: 0 0 0 1px #339433 inset, 0 0 0 5px rgba(0, 0, 0, 0.16);
color:#ffffff !important;
}
.star_color{
color:#30ff30;
}
.login h1{
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 40px;
padding: 0 0 20px 72px;
text-align: center;
text-transform: uppercase;
}
.text_section{
position: absolute;
left: 33%;
top: -472px;
}
.text_section2{
position: absolute;
right: 0;
top: -472px;
}
.text_section2 h2{
color: #00a31f;
font-family:Arial, Helvetica, sans-serif;
font-size: 52px;
font-weight: bold;
padding-top: 61%;
text-align: left;
text-shadow:-1px 1px 0px #aaaaaa;
/*text-transform: uppercase;*/
}
.text_section2 h2 span{
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
color:#ffffff;
padding-left:8px;
padding-top:5px;
}
.text_section3{
position: absolute;
left: 0;
top: -550px;
width:100%;
}
.text_section3 h3{
color: #212121;
font-family:Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
padding-top: 28%;
text-align: left;
text-transform: uppercase;
/*text-shadow: 1px 0 2px #606060;*/
}
.text_section3 p{
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
color:#00a31f;
padding-top:20px;
text-transform:uppercase;
text-align:left;
}
.text_section4{
position: absolute;
left: 0;
top: -550px;
}
.text_section4 h3{
color: #ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size: 38px;
font-weight: bold;
padding-left: 19%;
padding-top: 56%;
text-align: left;
text-transform: uppercase;
}
.text_section4 p{
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
color:#212121;
padding-top:20px;
text-transform:uppercase;
padding-left: 19%;
text-align:left;
}
.login_banner_section{
background: url("../images/banner-bg.jpg") no-repeat scroll center center;
height: 668px;
position: relative;
top: 0;
width: 100%;
z-index: 1;
}
/*------ Added on 26-05-15 ------*/
.header_back_inner{
/*background:rgba(0, 0, 0, 0) url("../images/banner-bg.jpg") no-repeat scroll center center;*/
background:#339433;
width:100%;
height:102px;
}
.account_sec_div{
margin:30px auto;
border-radius: 4px;
width:79%;
}
.acc_top_sec{
border-radius: 3px;
color: #bbb;
width: 100%;
}
.acc_top_sec ul{
text-align:center;
}
.acc_top_sec ul li{
display:inline-block;
margin-right:10px;
}
.acc_top_sec ul li:last-child{
margin-right:0;
}
.acc_top_sec ul li a{
background: #e8e8e8;
display:block;
text-decoration:none;
border:#dddddd 1px solid;
padding:5px 12px;
border-radius: 3px;
color:#4a4a4a;
transition:0.5s;
}
.acc_top_sec ul li a:hover{
background: #339433;
color:#ffffff;
border:#339433 1px solid;
}
.acc_top_sec ul li a.acc_active{
background: #339433;
color:#ffffff;
border:#339433 1px solid;
}
.acc_top_sec fieldset{
border:#dddddd 1px solid;
padding:10px 20px;
border-radius:3px;
}
.acc_top_sec legend{
padding:0 10px;
}
.acc_bottom_sec{
text-align:center;
margin:15px 0 0 0;
}
.acc_box{
display:inline-block;
background: #f4f7f8 none repeat scroll 0 0;
border: 1px solid #d6e2e8;
border-radius: 3px;
height: 155px;
padding-top: 15px;
margin-bottom:20px;
}
.acc_box a{
display:block;
min-height:110px;
}
.acc_box a img{
height: auto;
width: 26%;
margin:20px 0 0 0;
}
.acc_bottom_sec h2{
font-family:"Calibri",sans-serif;
font-size:20px;
}
.acc_field{
border: 1px solid #ddd;
border-radius: 3px;
box-sizing: border-box;
color: #666666;
font-size: 14px;
font-style: normal;
height: 32px;
margin: 10px 0 0 10px;
padding: 1px 0 0 10px;
transition: all 0.5s ease 0s;
width: 30%;
}
.acc_field:hover{
background:none !important;
color: #666666 !important;
}
.acc_field:focus{
background:none !important;
color: #666666 !important;
border:#b8b8b8 1px solid !important;
}
.acc_regis_sec p span{
display: inline-block;
text-align: right;
width: 9%;
color:#4a4a4a;
}
.acc_field_butt{
background: #339433 none repeat scroll 0 0;
border-radius: 3px;
/*box-shadow: 0 0 0 1px #27af27 inset, 0 0 0 5px rgba(0, 0, 0, 0.16);*/
color: #ffffff;
cursor: pointer;
font-family: "Open Sans",sans-serif;
font-size: 12px;
margin-right: 10px;
padding: 8px 12px;
transition: all 1s ease 0s;
float:left;
}
.acc_field_butt:hover {
background: #27af27 none repeat scroll 0 0;
box-shadow: 0 0 0 1px #339433 inset, 0 0 0 3px rgba(0, 0, 0, 0.16);
color: #ffffff !important;
}
.ac_fst_butt{
margin:0 10px 0 364px;
}
.acc_regis_sec{
padding-bottom:30px;
}
/*------ Added on 27-05-15 ------*/
.about_section h1{
/*border-bottom: 1px solid #317726;
color: #317726;
font-family: "Open Sans",sans-serif;
font-size: 30px;
padding-bottom: 0;
text-transform: uppercase;
margin-bottom:15px;*/
color: #339433;
font-family: "Open Sans",sans-serif;
font-size: 24px;
margin-bottom: 25px;
padding-bottom: 0;
position: relative;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #f6a828;
}
.about_section h1:before{
background: url("../images/header-btm.png") no-repeat scroll center bottom;
bottom: -3px;
content: " ";
height: 5px;
left: 41.5%;
position: absolute;
width: 17%;
}
.about_section{
padding:40px 0;
}
.about_section p{
color: #6d6e6c;
font-family: "Open Sans",sans-serif;
font-size: 15px;
margin: 0;
padding-bottom: 15px;
text-align: justify;
}
.contact_form label{
color: #585858;
font-family: "Open Sans",sans-serif;
font-size: 13px;
font-weight: 600;
margin: 0;
padding: 0 18px 0 9px;
float:left;
}
.contact_form input[type="text"]{
border: 1px solid #dddddd;
border-radius: 3px;
color: #424141;
float: left;
font-family: "Open Sans",sans-serif;
font-size: 13px;
margin: 4px 0 0;
padding: 6px 6px;
transition: all 0.5s ease 0s;
width:52%;
}
.contact_form input[type="text"]:focus{
background:none;
border:#cccccc 1px solid;
}
.contact_form textarea{
border: 1px solid #dddddd;
border-radius: 3px;
padding: 6px 6px;
transition:0.5s;
color: #424141;
font-family: "Open Sans",sans-serif;
font-size: 13px;
height:80px;
width:92.5%;
resize:none;
width:52%;
float:left;
transition: all 0.5s ease 0s;
margin:2px 0 0 0;
}
.contact_form textarea:focus{
background:none;
border:#cccccc 1px solid;
}
.contact_form input[type="submit"]{
background: #339433 none repeat scroll 0 0;
border-radius: 3px;
/*box-shadow: 0 0 0 1px #27af27 inset, 0 0 0 5px rgba(0, 0, 0, 0.16);*/
color: #ffffff;
cursor: pointer;
font-family: "Open Sans",sans-serif;
font-size: 12px;
margin:12px 10px 0 258px;
padding: 8px 12px;
transition: all 1s ease 0s;
float:left;
}
.contact_form input[type="submit"]:hover {
background: #27af27 none repeat scroll 0 0;
box-shadow: 0 0 0 1px #339433 inset, 0 0 0 3px rgba(0, 0, 0, 0.16);
color: #ffffff !important;
}
.contact_address h1{
color: #f6a828;
font-family: "Open Sans",sans-serif;
font-size: 24px;
margin-bottom: 15px;
padding-bottom: 0;
position: relative;
text-align: center;
text-transform: uppercase;
}
.contact_address ul {
padding-bottom: 30px;
}
.contact_address ul li {
color: #666;
font-family: "Open Sans",sans-serif;
font-size: 15px;
margin: 0 0 7px;
}
.contact_address ul li span.icon_fa {
color: #585858;
display: inline-block;
font-size: 22px;
width: 5%;
}
.contact_address ul li span.fa_txt {
display: inline-block;
padding: 5px 0 0;
width: 85%;
}
.contact_address ul li span a{
text-decoration:none;
color:#585858;
}
/*------ Added on 28-05-15 ------*/
.right_column_section{
width:80.5%;
float:right;
padding:10px;
background:#ffffff;
}
.panel {
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
margin-bottom: 20px;
}
.panel-primary {
border-color: #337ab7;
}
.panel-heading {
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 6px 15px;
}
.panel-primary > .panel-heading {
background-color: #337ab7;
border-color: #337ab7;
color: #fff;
}
.panel-title {
/*color: inherit;
font-size: 16px;
margin-bottom: 0;
margin-top: 0;*/
color: inherit;
font-size: 18px;
margin-bottom: 0;
margin-top: 0;
text-transform: uppercase;
text-align: left;
font-family: "Open Sans",sans-serif;
}
.panel-body {
padding: 10px;
}
/*------ added on 29-05-15 ------*/
.graph_body{
text-align:center;
padding:20px 0;
}
.dash_left_panel{
width:49%;
float:left;
}
.dash_right_panel{
width:49%;
float:right;
}
.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.form-control:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
outline: 0 none;
}
.graph_body .form-group-nw{
float: left;
margin-left: 18px;
width: 45%;
}
.graph_body .form_dash_sec{
margin-bottom:18px;
}
.graph_body .form_dash_sec:last-child{
margin-bottom:0;
}
.graph_body .form-group-nw label{
color: #222222;
display: block;
float: none;
font-size: 12px;
padding-right: 0;
text-align: left;
width: 100%;
line-height:20px;
}
.table-bordered {
border: 1px solid #ddd;
width:100%;
}
.user_table_sec .table_user tr th{
border-bottom-width: 2px;
border: 1px solid #ddd;
padding: 8px;
text-align:left;
font-weight:bold;
font-size:16px;
}
.user_table_sec .table_user{
margin: 0 auto;
width: 93%;
}
.user_table_sec .table_user tr td{
border-bottom-width: 2px;
border: 1px solid #ddd;
padding: 8px;
text-align:left;
font-size:14px;
}
.table_user > tbody > tr:hover{
background:#F5F5F5;
}
.body_column_section{
background:#222222;
}
/*------tool tip css-----------*/
a.tooltip {outline:none; text-decoration: none; position: relative;}
a.tooltip strong {line-height:16px; color:#339433; padding-bottom:5px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
display: none;
line-height: 16px;
/*margin-left: -92px;*/
margin-top: 30px;
padding: 14px 20px;
width: 300px;
z-index: 10;
margin-left: -100%;
}
a.tooltip:hover span{
display:inline; position:absolute; color:#111;
border:2px solid #ABD977; background:#CDE6AD;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
/*CSS3 extras*/
a.tooltip span
{
border-radius:4px;
box-shadow: 5px 5px 8px #CCC;
}
a.tooltip span:before{
background:url(../images/tool-arrow.png) no-repeat;
content: "";
display: inline-block;
height: 11px;
margin: -25px 0 0 0;
position: absolute;
width: 16px;
}
/*-----------------------------*/
/*------ Added on 11-06-15 ------*/
.exam_practice{
background: #ffffff;
float: right;
padding: 10px;
width: 98%;
}
.success_section{
background: #e6efc2 none repeat scroll 0 0;
border-color: #c6d880;
color: #264409;
margin: 10px 0;
border: 2px solid #dddddd;
width:98%;
padding:8px 0;
}
.success_section p{
margin:0;
padding-bottom:5px;
color:#339433;
font-size:18px;
}
.question_body{
background: #f6f6f6 none repeat scroll 0 0 !important;
padding: 20px 10px;
width: 96.8%;
text-align:left;
margin-bottom:10px;
}
.question_body img{
float:left;
margin-right:10px;
}
.ans_section{
}
.ans_section_cont{
width:33%;
float:left;
}
.ans_section_cont input[type="radio"]{
float: left;
margin: 6px 10px 0 0;
}
.ans_section_cont p{
color:#898989;
font-size:14px;
}
.question_body .ques_ans_sec{
border-bottom:1px dashed #c7c7c7;
margin-bottom:15px;
}
.question_body .ques_ans_sec:last-child{
border-bottom:none;
}
.exam_practice input[type="submit"]{
background: #339433 none repeat scroll 0 0;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
font-family: "Open Sans",sans-serif;
font-size: 12px;
padding: 8px 12px;
transition: all 1s ease 0s;
margin-bottom:10px;
}
.exam_practice input[type="submit"]:hover {
background: #27af27 none repeat scroll 0 0;
box-shadow: 0 0 0 1px #339433 inset, 0 0 0 3px rgba(0, 0, 0, 0.16);
color: #ffffff !important;
}
.ans_section_cont p a {
color: #898989;
font-size: 14px;
text-decoration:none;
}
.ques_body_2{
width:98.1%;
}
/*------ added on 12-06-15 ------*/
.align_text{
float:left;
padding-right:5px;
}
.align_text_2{
float:left;
padding-right:10px;
}
.short_text{
display: block;
padding: 5px 0 0 0;
}
.subject_box{
float: left;
margin-left: 11px;
margin-right: 10px;
width: 23%;
}
.subject_box p{
margin:0;
}
.subject_box p a{
border:#cccccc 1px solid;
display:block;
background:#5CB85C;
color:#ffffff;
text-decoration:none;
padding:30px 0;
font-size:23px;
cursor:pointer;
}
.show_txt_1{
width:100%;
}
.subject_box_inner{
float: left;
margin-left: 11px;
margin-right: 10px;
width: 23%;
margin-top:20px;
}
.subject_box_inner p a{
border:#cccccc 1px solid;
display:block;
background:#5CB85C;
color:#ffffff;
text-decoration:none;
padding:30px 0;
font-size:30px;
cursor:pointer;
}
.subject_box_inner p{
margin:0;
}
.all_topic p.active a, .subject_box p.active a, .subject_box_inner p.active a{
background:#337AB7;
}
.all_topic p a {
cursor:pointer;
}
.time #submit {
background:#337AB7;
color:#fff;
padding:10px 15px;
cursor:pointer;
margin-top:10px;
}
.time #submit:hover{
background:#5CB85C
}
.time input[type="text"] {
border: 1px solid #dddddd;
color: #4a4a4a;
height: 37px;
margin-right: 10px;
padding: 0 10px;
width: 249px;
}
#all_subjects {
float:left;
width:280px;
border:1px solid #ddd;
padding:15px;
text-align:center;
min-height:200px;
}
.arrow_img {
float:left;
width:150px;
}
#selected_subjects {
float:left;
width:280px;
border:1px solid #ddd;
padding:15px;
text-align:center;
min-height:200px;
}
.drag-drop-container {
width:840px;
margin:0 auto;
}
#submit {
background:#339433;
padding:10px 15px;
margin:0 auto;
color:#fff;
text-transform:uppercase;
width:100px;
margin-top:20px;
cursor:pointer;
}
#submit:hover{
background:#1C758A;
}
.drag-drop-container {
padding-top:50px;
}
#all_subjects ul li, #selected_subjects ul li{
cursor:pointer;
padding:10px;
background:#e0e0e0;
margin-bottom:1px;
text-transform:uppercase;
}
/*------ Added on 18-06-15 ------*/
.after_log_frm{
width:40%;
margin:30px auto;
}
.after_log_frm label{
width:30%;
color:#222222;
}
.after_log_frm legend {
color:#ffffff;
font-size:16px;
padding:0 10px;
background:#339433;
border-radius:4px;
box-shadow: 0 1px 5px rgba(4, 129, 177, 0.5);
padding:5px 10px;
text-transform:uppercase;
font-family:Helvetica, sans-serif;
font-weight:bold;
}
.after_log_frm fieldset {
border-radius:4px;
background: #fff;
background: -moz-linear-gradient(#fff, #f9fdff);
background: -o-linear-gradient(#fff, #f9fdff);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9fdff)); /
background: -webkit-linear-gradient(#fff, #f9fdff);
padding:20px;
border:#cccccc 1px solid;);
}
.after_log_frm input,
textarea {
color: #373737;
background: #fff;
border: 1px solid #CCCCCC;
color: #aaa;
font-size: 14px;
line-height: 1.2em;
margin-bottom:10px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
.after_log_frm .form-control{
padding: 8px 6px;
height: 22px;
width:65%;
}
.after_log_frm input[type="text"]:focus,
input[type="password"]:focus {
background:#f5fcfe;
text-indent: 0;
z-index: 1;
color: #373737;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
border-color:#ccc;
box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
opacity:0.6;
}
.after_log_frm input[type="submit"]{
background: #222;
border: none;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
text-transform:uppercase;
color: #eee;
cursor: pointer;
font-size: 15px;
margin: 5px 0 5px 134px;
padding: 5px 22px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius:4px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
float:left;
}
.after_log_frm textarea {
padding:3px;
width:96%;
height:100px;
}
.after_log_frm textarea:focus {
background:#ebf8fd;
text-indent: 0;
z-index: 1;
color: #373737;
opacity:0.6;
box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
border-color:#ccc;
}
.after_log_frm .small {
line-height:14px;
font-size:12px;
color:#999898;
margin-bottom:3px;
}
.after_log_frm .form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
height: 34px;
line-height: 1.42857;
padding: 6px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 68%;
margin-bottom:10px;
}
.after_log_frm .form-control:focus,
input[type="password"]:focus {
background:#f5fcfe;
text-indent: 0;
z-index: 1;
color: #373737;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
border-color:#ccc;
box-shadow:0 0 5px rgba(4, 129, 177, 0.5);
opacity:0.6;
}
/*--------------------Added by somnath on 23/5/6-----------------------------------------*/
.inner-mid-section{
padding: 35px 0;
}
.inner-mid-section .demoHeaders span{
color: #f6a828;
display: inline-block;
font-family: "Open Sans",sans-serif;
font-size: 24px;
line-height: 36px;
margin: 0 0 16px;
padding: 0 12px 10px;
text-transform: uppercase;
background: url('../images/header-btm.png') no-repeat bottom center;
}
.inner-mid-section .time input[type="text"] {
border: 1px solid #dddddd;
color: #4a4a4a;
height: 37px;
margin-right: 10px;
padding: 0 12px;
text-align: center;
width: 100px;
}
.inner-mid-section .ans_section{
}
.inner-mid-section .ans_section > p {
color: #eb8f00;
font-size: 16px;
}
.inner-mid-section .ans_section_cont {
float: none;
width: auto;
}
/*-----------------------------*/
.ui-tabs .ui-tabs-panel{
z-index: 9999;
position: relative;
}
.ui-tabs .ui-tabs-nav{
text-align: left;
}
.ui-tabs .ui-tabs-nav li{
display: inline-block;
}
.ui-tabs .ui-tabs-nav li a{
color: #fff;
}
.ui-tabs .ui-tabs-nav li a span {
background-image: url("../images/tab-heade-bg.png");
display: block;
height: 37px;
position: absolute;
right: -43px;
top: 0;
width: 50px;
}
.ui-tabs .ui-tabs-nav li {
background: #ebc92a none repeat scroll 0 0;
border: medium none;
float: left;
list-style: outside none none;
margin: 1px 47px 0 0;
position: relative;
top: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li.tab-1{
background-color: #339433;
}
.ui-tabs .ui-tabs-nav li.tab-2{
background-color: #EBC92A;
}
.ui-tabs .ui-tabs-nav li.tab-3{
background-color: #EB8F2A;
}
.ui-tabs .ui-tabs-nav li.tab-4{
background-color: #1C758A;
}
.ui-tabs .ui-tabs-nav li.tab-1 a span{
background-position: -39px -7px;
}
.ui-tabs .ui-tabs-nav li.tab-2 a span{
background-position: -52px -207px;
}
.ui-tabs .ui-tabs-nav li.tab-3 a span{
background-position: -52px -144px;
}
.ui-tabs .ui-tabs-nav li.tab-4 a span{
background-position: -48px -79px;
}
#tabs-1{
border-top: 3px solid #339433;
}
#tabs-2{
border-top: 3px solid #EBC92A;
}
#tabs-3{
border-top: 3px solid #EB8F2A;
}
#tabs-4{
border-top: 3px solid #1C758A;
}
/*-----------pagination css*/
.pagination {
border-top: 1px solid #e1e1e1;
margin: 70px 0 0;
padding: 10px 0 0;
position: relative;
}
.pagination li {
display: inline-block;
height: 30px;
line-height: 30px;
margin: 0 4px 0 0;
text-align: center;
width: 30px;
position: relative;
}
/*.pagination li a.current {
background-color: #339433;
border-color: #339433 ;
color: #fff;
}*/
.pagination li a {
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #eee;
cursor: pointer;
display: block;
font-size: 14px;
transition: 0.5s;
}
.pagination li a:hover, .pagination li a.current{
background: #dadada ;
border: 1px solid #ddd;
}
.pagination li a.answered {
background-color: #f28f00;
border-color: #f28f00;
color: #fff;
margin: 0;
padding: 0;
}
.pagination li.previous{
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #ddd;
font-size: 14px;
left: 0;
position: absolute;
top: -45px;
width: 81px;
cursor: pointer;
}
.pagination li.next{
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #ddd;
font-size: 14px;
left: 96px;
position: absolute;
top: -45px;
width: 81px;
cursor: pointer;
}
/*-----------------------------*/
.time-count{
color: #f6a828;
font-size: 30px;
margin: 6px 4px 0 0;
padding: 0;
position: absolute;
right: 0;
}
.result-srt{
font-size: 21px;
padding: 18px 0;
}
.result-srt h3{
font-size: 35px;
margin-bottom: 10px;
}
.result-srt strong{
color: #4eaf4e;
font-size: 30px;
}
.result-srt a{
color: #F6A828;
font-size: 22px;
}
/*-------------------------------*/
.reasult-table{
width: 100%;
}
.reasult-table th{
background: #f0f0f0;
border: 1px solid #ddd;
font-size: 18px;
padding: 7px 5px;
text-transform: uppercase;
}
.reasult-table td{
border: 1px solid #ddd;
color: #666;
font-size: 16px;
padding: 5px 5px 5px 17px;
}
.subject-row{
background: #fbfbfb;
}
.side-nav > li > a{
/*padding: 15px 0;*/
border-bottom: 1px solid #333;
}
.side-nav > li{
/*padding-left: 15px;
padding-right: 15px;*/
}
#chart_div > div{
margin: 0 auto !important;
}
.time-sec{
/* border-top: 1px solid #ddd;
margin: 50px 0 0; */
padding-top: 23px;
}
.panel-body .reasult-table th {
background:none;
border: 1px solid #ddd;
font-family: open sans;
font-size: 13px;
font-weight: 600;
padding: 5px 4px;
text-transform: capitalize;
}
.panel-body .reasult-table td{
border: 1px solid #ddd;
color: #666;
font-size: 13px;
padding: 4px 7px;
}
/* ------ Added on 30-06-15 ------ */
.instruction_section{
margin: 10px auto;
width: 98%;
}
.instruction_section h3{
font-family: "Open Sans",sans-serif;
text-align:left;
}
.instruction_section p{
margin:0;
text-align:left;
}
h3.instruct_head{
font-weight:bold;
color:#337AB7;
font-family: "Open Sans",sans-serif;
text-transform:uppercase;
}
.instruct_decription p{
border-bottom: 1px dashed #cccccc;
margin: 0 0 8px 0;
padding-bottom: 8px;
color:#757575;
}
.year_select{
border: 1px solid #cccccc;
padding: 8px 10px;
margin-right:50px;
}
.year_text{
color: #337ab7;
float: none;
font-size: 13px;
font-weight: bold;
width: auto;
}
.graph_tooltip_section{
border:#cccccc 1px solid;
border-radius:5px;
margin: 10px auto;
width: 98%;
}
.graph_tooltip_section h3.instruct_head{
background: #e6e6e6;
border-radius: 5px 5px 0 0;
color: #337ab7;
padding: 6px 10px;
text-align: left;
}
.graph_tooltip_section h3{
font-family: "Open Sans",sans-serif;
text-align:left;
}
.graph_tooltip_section p{
margin:0;
text-align:left;
}
.graph_tooltip_section .instruct_decription{
padding:10px;
}
.time select{
border: 1px solid #cccccc;
margin-left: 10px;
margin-right: 30px;
padding: 8px 10px;
}
/*------ Added on 01-07-15 ------*/
.left_panel_instruction{
background:#ebebeb;
margin:20px auto;
padding:10px;
width:85%;
}
.left_panel_instruction h4.instruct_head{
color: #337AB7;
font-family: "Calibri",sans-serif;
font-weight: bold;
text-transform: uppercase;
line-height:20px;
}
.left_panel_instruction h3{
color: #484848;
font-family: "Calibri",sans-serif;
font-size: 16px;
}
.left_panel_instruction p{
color: #6d6d6d;
font-size: 12px;
}
.search_icon{
background: url('../images/srch-icon.png') no-repeat;
cursor: pointer;
float: right;
height: 17px;
margin: 0 8px 0 10px;
position: relative;
top: -23px;
width: 16px;
}
.invalid_msg{
background: rgba(255, 0, 0, 0.16) none repeat scroll 0 0;
border: 0 none;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(255, 0, 0, 0.3) inset, 0 1px rgba(255, 0, 0, 0.06);
color: #ff0000;
display: block;
float: right;
height: auto;
margin: 0 2px 10px auto;
padding: 12px 10px;
text-align: center;
text-shadow: 0 0 1px black;
transition: all 0.5s ease 0s;
width: 281px;
}
.login-button-new {
background: #339433 none repeat scroll 0 0;
border-radius: 3px;
box-shadow: 0 0 0 1px #27af27 inset, 0 0 0 5px rgba(0, 0, 0, 0.16);
color: #ffffff;
cursor: pointer;
float: left;
font-family: "Open Sans",sans-serif !important;
font-size: 12px !important;
margin-left: 261px;
margin-right: 20px;
margin-top: 16px;
padding: 4px 12px;
transition: all 1s ease 0s;
text-shadow:1px 1px 1px black;
}
.login-button-new:hover {
background: #27af27 none repeat scroll 0 0;
box-shadow: 0 0 0 1px #339433 inset, 0 0 0 5px rgba(0, 0, 0, 0.16);
color: #ffffff !important;
}
/*------ Added on 15-07-15 ------*/
.correct_text{
color: #339433;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
}
.reason_text{
color: #337ab7;
font-weight: bold;
margin: 0;
}
.reason_ans{
color: #555555;
font-size: 14px;
font-style: italic;
margin: 0;
padding-bottom: 10px;
line-height:15px;
}
.wrong_text{
color: #ff0000;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
}
.video_sec{
border: 3px solid #339433;
border-radius: 10px;
box-shadow: 0 0 10px 0 #888888;
margin: 30px 0 0;
}
.jamb-pic{
margin: 318px 0 0 126px !important;
position: absolute;
}
.approve_jamb{
color: #00A31F !important;
font-size: 44px !important;
}
/*------ Added on 17-07-15 ------*/
.testi_bottom ul li p{
color: #e1dfdf;
font-family: "Open Sans",sans-serif;
font-size: 15px;
line-height: 20px;
margin-top: 15px;
}
.testi_bottom ul li a{
color: #ffffff;
font-family: "Open Sans",sans-serif;
font-size: 14px;
text-decoration: none;
transition: all 0.5s ease 0s;
padding:0 0 0 16px;
}
.testi_bottom ul li a:hover{
color: #000000;
}
.testi_bottom ul li p:first-child{
display: inline-block;
width: 24%;
float:left;
}
.testi_bottom ul li p:nth-child(2){
display: inline-block;
float: right;
line-height: 22px;
padding: 8px 15px 0;
right: 0;
width: 70%;
}
/*------ Added on 21-07-15 ------*/
.pop_box{
background:#ffffff;
border: 4px solid #337ab7;
border-radius: 5px;
height: auto;
left: 33%;
min-height: 100px;
padding: 12px 20px;
position: absolute;
top: 27%;
width: 30%;
}
.fade{
background: rgba(0, 0, 0, 0.8);
height: 800px;
position: fixed;
width: 100%;
z-index: 50;
left:0;
top:0;
}
#pop_close{
position: absolute;
right: -15px;
top: -16px;
}
.go-back{
background: #339433;
border-radius: 3px;
color: #ffffff;
cursor: pointer;
font-family: "Open Sans",sans-serif;
font-size: 12px;
margin-bottom: 10px;
padding: 8px 12px;
transition: all 1s ease 0s;
text-decoration:none;
display:inline-block;
}
.go-back:hover {
background: #27af27;
box-shadow: 0 0 0 1px #339433 inset, 0 0 0 3px rgba(0, 0, 0, 0.16);
color: #ffffff !important;
}
Directory Contents
Dirs: 0 × Files: 26