芝麻web文件管理V1.00

编辑当前文件:/home/jambtst2015/public_html/giraffeng.com/css/style.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;

-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:3px 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-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;*/
	
	color: #a8a7a8;
	
    float: right;
	
    font-weight: 300;
	
    margin: 80px auto;
	
    padding-right: 32px;
	
    position: relative;
	
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
	
    width: 50%;

}

.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;

}

.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;
	
	min-height:500px;

}

.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: 5px;

}

.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:100%;

float:left;

}

.dash_right_panel{

width:100%;

float:right;

}

.form-control {

background-color: #fff;

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: 100%;

}

.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:236px;
}
.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: 150px;
    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;
}

/*------ Added on 23-07-15 ------*/

.test_date{
	border:1px solid #339433;
	margin:20px 0;
}

.test_date p{
	text-align:left;
	margin:0;
	padding:6px 10px;
	font-size: 15px;
    font-weight: bold;
	color:#339433;
}

.test_date p span{
	color: #2d3237;
    display: inline-block;
    float: right;
    font-size: 13px;
    width: 93%;
}

.test_date p:nth-child(even){
	background:#f8f8f8;
}

.test_date p:nth-child(odd){
	background:#ebebeb;
}

.report_analyse_sec{
	border:1px solid #339433;
	/*padding:20px 0 0 0;*/
}

.topic_analyse_box{
	float: left;
    margin: 0 0 0 20px;
    text-align: left;
    width: 18%;
	padding-bottom:20px;
}

.topic_analyse_box ul li{
	border: 1px solid #dddddd;
    line-height: 22px;
    margin-top: 20px;
    padding: 5px 10px 8px;
}

.report_analyse_sec h2{
	color: #339433;
    font-family: "Open Sans",sans-serif;
    padding: 10px 0 0 20px;
    text-align: left;
}

.test_report_section h3{
	color: #339433;
    font-family: "Open Sans",sans-serif;
    padding: 20px 0 0 0;
    text-align: left;
}

.report_subject_section{
	text-align:left;
}

.report_subject_section h4{
	color: #44be42;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0;
    text-align: left;
}

.report_subject_section ul{
	padding:0 0 0 30px;
}

.report_subject_section ul li{
	padding:0 0 5px 5px;
	list-style:decimal;
	font-size:14px;
}

.recommend_box_sec{
	border: 1px solid #339433;
    padding: 20px;
    text-align: left;
	margin:20px 0 0 0;
}

.recommend_box_sec h4{
	font-family: "Open Sans",sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
	color:#339433;
}

.recommend_box_sec ul{
	padding:10px 0 0 0;
}

.recommend_box_sec ul li{
	color:#44be42;
	font-weight:bold;
}

.recommend_box_sec ul li ul{
	padding:0 0 0 34px;
}

.recommend_box_sec ul li ul li{
	color: #2d3237;
    font-size: 14px;
    font-weight: normal;
    list-style: outside none disc;
    padding: 0 0 5px;
}

.user_table_sec{
	width: 97% !important;
	margin: 0 auto;
}

/*------ Added on 21-08-15 ------*/

.get_pin_section{
}

.get_pin_section p{
	text-align:center;
	/*padding:85px 0;*/
	font-size:30px;
	margin-top:-130px;
}

a.select_pin_here{
	/*text-decoration:none;
	color:#017501;
	transition:0.5s;
	font-family: 'Dancing Script', cursive;
	font-size: 55px;
    padding: 0 5px;*/
	color: #017501;
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}

a.select_pin_here:hover{
	color:#d28200;
}

.get_pin_section span{
	background: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 25px 30px 50px;
	display:block;
}

.all_pins .pin{
	background:#F0F0F0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.all_pins .pin:last-child{
	border-bottom: 1px solid #ddd;
}

.pin_text{
	float: left;
    line-height: 39px;
    width: 92%;
}

.all_pins .pin a{
	display:block;
}

.contact_form{
	background:#f8f8f8;
	border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    padding:30px 23px;
	width:91.5%;
	margin:0 auto;
}

.contact_form .contact_form_box label{
	width:43%;
}

.contact_form input[type="submit"]{
	margin:12px 10px 0 215px;
}

.pin_text .pin-type{
	display: inline-block;
    text-align: center;
    width: 33%;
	padding:5px 0;
	border-right:#dddddd 1px solid;
}

.pin_text .pin-price{
	display: inline-block;
    text-align: center;
    width: 33%;
	padding:5px 0;
	border-right:#dddddd 1px solid;
}

.pin_text .pin-validity{
	display: inline-block;
    text-align: center;
    width: 33%;
	padding:5px 0;
	border-right:#dddddd 1px solid;
}

.loder{
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	height: 100%;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	left:0;

}

.loder img{
	left: 41%;
	position: absolute;
	top: 40%;
}

.purchase_butt{
	background: #339433 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: block !important;
    float: right;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    margin: 8px 11px 0 0;
    padding: 8px 12px;
    text-decoration: none;
    transition: all 1s ease 0s;
}

.purchase_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;
}

.pin_text_top{
	line-height: 39px;
    width: 100%;
	float:none;
}

.pin_text_top .pin_top_head{
	background: #fbfbfb none repeat scroll 0 0;
    border: 1px solid #dddddd;
    float: left;
    padding: 5px 0;
    text-align: center;
    width: 30.3%;
	border-right:none;
	font-size:16px;
}

.pin_text_top .pin_top_head:nth-child(2){
	width: 30.65%;
}

.pin_text_top .pin_top_head:nth-child(3){
	width: 30.6%;
}

.pin_text_top .pin_top_head:nth-child(4){
	width: 8%;
	border-right:none;
}

.loder{
	z-index:99;
}

/*------ Added on 25-08-15 ------*/

.success_center {
    padding: 50px 0 0;
    text-align: center;
}

.success_center h3{
	color: #339433;
    /*font-family: "Dancing Script",cursive;*/
	font-family: "Open Sans",sans-serif;
    /*font-size: 50px;*/
	font-size: 25px;
    font-weight: bold;
    padding: 10px 0 0 0;
	/*line-height:69px;*/
	line-height:40px;
}

.success_center i.fa-smile-o{
    border-radius: 50%;
    color: #339433;
    font-size: 145px;
}

.success_center h4{
	color: #ff0000;
   /* font-family: "Dancing Script",cursive;*/
    font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
    font-size: 30px;
    font-weight: bold;
    padding: 40px 0 0 0;
}

.success_center i.fa-frown-o{
    border-radius: 50%;
    color: #ff0000;
    font-size: 145px;
}

.success_table{
	border:#dddddd 1px solid;
	margin:20px 0 0 0;
}

.success_table tr td{
	border:#dddddd 1px solid;
	padding:5px 10px;
	font-family: "Open Sans",sans-serif;
	font-size:12px;
	text-align:left;
	line-height:25px;
}

.success_table tr th{
	background:#f8f8f8;
	border:#dddddd 1px solid;
	padding:5px 10px;
	font-family: "Open Sans",sans-serif;
	font-size:13px;
	text-align:left;
	line-height:25px;
}

.get_pin_section i{
	font-size:100px;
	margin:40px 0;
}

.get_pin_section .online{
	color:#01BF03;
	border: 5px solid #01bf03;
    border-radius: 50%;
    padding: 3px 10px;
}

.get_pin_section .ofline{
	color:#9DB0B4;
	border: 5px solid #9DB0B4;
    border-radius: 50%;
    padding: 3px 10px;
}

.submit_btn{
	background: #339433 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    margin: 12px 10px 0 0;
    padding: 8px 12px;
    transition: all 1s ease 0s;
}

.submit_btn: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;
}

.success_center{
	/*color: #339433;
    font-family: "Dancing Script",cursive;
    font-size: 50px;
    font-weight: bold;
    padding: 10px 0 0 0;
	line-height:69px;*/
	color: #339433;
    font-family: "Open Sans",sans-serif;
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
    padding: 10px 0 0;
}

/*------ Added on 09-09-15 -------*/

.contact_address ul li a{
	color: #339433;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

.contact_address ul li a:hover{
	color:#dd8f0f;
}

.contact_map{
	border:1px solid #ddd;
	border-radius: 5px;
	padding:8px;
}

h3.validate_pin{
	color: #ff0000;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0 0 0;
	line-height:45px;
	text-align:center;
}

.contact_form.reactive_box .selectfield{
	width: 24%;
}

.contact_form.reactive_box input[type="submit"] {
    margin: 12px 10px 0 473px;
}

.instruction_section{
	background:rgba(255, 255, 255, 0.6);
	border-radius: 8px;
    float: left;
    padding: 10px 20px;
    width: 43%;
}

.instruction_section h2{
	font-weight: bold;
}

.instruction_section h3{
	font-size: 15px;
    font-weight: bold;
}

.instruction_section ol li{
	font-size: 14px;
    line-height: 24px;
    list-style:lower-alpha;
    padding: 4px 0 0;
}

.instruction_section p{
	font-size: 14px;
    line-height: 28px;
    padding-top: 6px;
}

.get_pin_section .instruction_text p{
	font-size:15px;
	color: #585858;
}

.instruction_text p{
	color: #585858;
    font-size: 14px;
    padding: 0 27px 11px;
}

/*------ Added on 21-09-15 ------*/

.next_step_button{
	background: #339433;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    margin: 12px 10px 0 0;
    padding: 3px 28px;
    text-decoration: none;
    transition: all 1s ease 0s;
}

.next_step_button: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;
}

.next_step_button i{
	background: #309a30;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin: 2px 0 0 70px;
    padding: 10px;
    position: absolute;
}

.select_submit{
	margin-bottom:20px !important;
}

.select_subject_box{
	height:236px;
	overflow-y:scroll;
}

.pop_box_inner{
	height:150px;
	overflow-y:scroll;
}
.question_body-new-img img { float: none !important;}
.question_body-new-img .ans_section_cont img { float: left !important;}
.question_body-new-img .ans_section_cont p { float: left;}

strong span, strong p {font-weight: bold !important;}
.question_body-new-img .ans_section-fld img { float: none !important; }

/**************************************ani*******************/
.pop_new_box { width: 500px;  min-height: 500px;   top: 12%;  left: 29%;}

.pop_new_box  .pop_box_inner {
    height: 500px;
    overflow-y: scroll;
}