@charset "utf-8";
/* CSS Document */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}
.clearfix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix{ zoom:1; } /* IE6 */
*:first-child+html .clearfix{ zoom:1; } /* IE7 */
*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body, input, select, textarea, button, .ui-btn{font-family:'Open Sans', sans-serif;}
body{color:#666; font-size:14px; line-height:24px; font-weight:400; background:#fff;}
::selection{background:#0d2c61; color:#fff;}
::-moz-selection{background:#0d2c61; color:#fff;}
.transition{transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
.transitionAll, .transitionAll *{transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
.clear{clear:both;}

.m0px{margin:0 !important;} .mt0px{margin-top:0 !important;} .mb0px{margin-bottom:0 !important;} .ml0px{margin-left:0 !important;} .mr0px{margin-right:0 !important;} .mt1px{margin-top:1px;} .mt2px{margin-top:2px;} .mt3px{margin-top:3px;} .mt4px{margin-top:4px;} .mt5px{margin-top:5px;} .mt6px{margin-top:6px;} .mt7px{margin-top:7px;} .mt8px{margin-top:8px;} .mt9px{margin-top:9px;} .mt10px{margin-top:10px;} .mt11px{margin-top:11px;} .mt12px{margin-top:12px;} .mt13px{margin-top:13px;} .mt14px{margin-top:14px;} .mt15px{margin-top:15px;} .mt16px{margin-top:16px;} .mt17px{margin-top:17px;} .mt18px{margin-top:18px;} .mt19px{margin-top:19px;} .mt20px{margin-top:20px;} .mt21px{margin-top:21px;} .mt22px{margin-top:22px;} .mt23px{margin-top:23px;} .mt24px{margin-top:24px;} .mt25px{margin-top:25px;} .mt26px{margin-top:26px;} .mt27px{margin-top:27px;} .mt28px{margin-top:28px;} .mt29px{margin-top:29px;} .mt30px{margin-top:30px;} .mb1px{margin-bottom:1px;} .mb2px{margin-bottom:2px;} .mb3px{margin-bottom:3px;} .mb4px{margin-bottom:4px;} .mb5px{margin-bottom:5px;} .mb6px{margin-bottom:6px;} .mb7px{margin-bottom:7px;} .mb8px{margin-bottom:8px;} .mb9px{margin-bottom:9px;} .mb10px{margin-bottom:10px;} .mb11px{margin-bottom:11px;} .mb12px{margin-bottom:12px;} .mb13px{margin-bottom:13px;} .mb14px{margin-bottom:14px;} .mb15px{margin-bottom:15px;} .mb16px{margin-bottom:16px;} .mb17px{margin-bottom:17px;} .mb18px{margin-bottom:18px;} .mb19px{margin-bottom:19px;} .mb20px{margin-bottom:20px;} .mb21px{margin-bottom:21px;} .mb22px{margin-bottom:22px;} .mb23px{margin-bottom:23px;} .mb24px{margin-bottom:24px;} .mb25px{margin-bottom:25px;} .mb26px{margin-bottom:26px;} .mb27px{margin-bottom:27px;} .mb28px{margin-bottom:28px;} .mb29px{margin-bottom:29px;} .mb30px{margin-bottom:30px;} .ml1px{margin-left:1px;} .ml2px{margin-left:2px;} .ml3px{margin-left:3px;} .ml4px{margin-left:4px;} .ml5px{margin-left:5px;} .ml6px{margin-left:6px;} .ml7px{margin-left:7px;} .ml8px{margin-left:8px;} .ml9px{margin-left:9px;} .ml10px{margin-left:10px;} .ml11px{margin-left:11px;} .ml12px{margin-left:12px;} .ml13px{margin-left:13px;} .ml14px{margin-left:14px;} .ml15px{margin-left:15px;} .ml16px{margin-left:16px;} .ml17px{margin-left:17px;} .ml18px{margin-left:18px;} .ml19px{margin-left:19px;} .ml20px{margin-left:20px;} .ml21px{margin-left:21px;} .ml22px{margin-left:22px;} .ml23px{margin-left:23px;} .ml24px{margin-left:24px;} .ml25px{margin-left:25px;} .ml26px{margin-left:26px;} .ml27px{margin-left:27px;} .ml28px{margin-left:28px;} .ml29px{margin-left:29px;} .ml30px{margin-left:30px;} .mr1px{margin-right:1px;} .mr2px{margin-right:2px;} .mr3px{margin-right:3px;} .mr4px{margin-right:4px;} .mr5px{margin-right:5px;} .mr6px{margin-right:6px;} .mr7px{margin-right:7px;} .mr8px{margin-right:8px;} .mr9px{margin-right:9px;} .mr10px{margin-right:10px;} .mr11px{margin-right:11px;} .mr12px{margin-right:12px;} .mr13px{margin-right:13px;} .mr14px{margin-right:14px;} .mr15px{margin-right:15px;} .mr16px{margin-right:16px;} .mr17px{margin-right:17px;} .mr18px{margin-right:18px;} .mr19px{margin-right:19px;} .mr20px{margin-right:20px;} .mr21px{margin-right:21px;} .mr22px{margin-right:22px;} .mr23px{margin-right:23px;} .mr24px{margin-right:24px;} .mr25px{margin-right:25px;} .mr26px{margin-right:26px;} .mr27px{margin-right:27px;} .mr28px{margin-right:28px;} .mr29px{margin-right:29px;} .mr30px{margin-right:30px;} .m1px{margin:1px;} .m2px{margin:2px;} .m3px{margin:3px;} .m4px{margin:4px;} .m5px{margin:5px;} .m6px{margin:6px;} .m7px{margin:7px;} .m8px{margin:8px;} .m9px{margin:9px;} .m10px{margin:10px;} .m11px{margin:11px;} .m12px{margin:12px;} .m13px{margin:13px;} .m14px{margin:14px;} .m15px{margin:15px;} .m16px{margin:16px;} .m17px{margin:17px;} .m18px{margin:18px;} .m19px{margin:19px;} .m20px{margin:20px;} .m21px{margin:21px;} .m22px{margin:22px;} .m23px{margin:23px;} .m24px{margin:24px;} .m25px{margin:25px;} .m26px{margin:26px;} .m27px{margin:27px;} .m28px{margin:28px;} .m29px{margin:29px;} .m30px{margin:30px;}

.p0px{padding:0 !important;} .pt0px{padding-top:0 !important;} .pb0px{padding-bottom:0 !important;} .pl0px{padding-left:0 !important;} .pr0px{padding-right:0 !important;} .pt1px{padding-top:1px;} .pt2px{padding-top:2px;} .pt3px{padding-top:3px;} .pt4px{padding-top:4px;} .pt5px{padding-top:5px;} .pt6px{padding-top:6px;} .pt7px{padding-top:7px;} .pt8px{padding-top:8px;} .pt9px{padding-top:9px;} .pt10px{padding-top:10px;} .pt11px{padding-top:11px;} .pt12px{padding-top:12px;} .pt13px{padding-top:13px;} .pt14px{padding-top:14px;} .pt15px{padding-top:15px;} .pt16px{padding-top:16px;} .pt17px{padding-top:17px;} .pt18px{padding-top:18px;} .pt19px{padding-top:19px;} .pt20px{padding-top:20px;} .pt21px{padding-top:21px;} .pt22px{padding-top:22px;} .pt23px{padding-top:23px;} .pt24px{padding-top:24px;} .pt25px{padding-top:25px;} .pt26px{padding-top:26px;} .pt27px{padding-top:27px;} .pt28px{padding-top:28px;} .pt29px{padding-top:29px;} .pt30px{padding-top:30px;} .pb1px{padding-bottom:1px;} .pb2px{padding-bottom:2px;} .pb3px{padding-bottom:3px;} .pb4px{padding-bottom:4px;} .pb5px{padding-bottom:5px;} .pb6px{padding-bottom:6px;} .pb7px{padding-bottom:7px;} .pb8px{padding-bottom:8px;} .pb9px{padding-bottom:9px;} .pb10px{padding-bottom:10px;} .pb11px{padding-bottom:11px;} .pb12px{padding-bottom:12px;} .pb13px{padding-bottom:13px;} .pb14px{padding-bottom:14px;} .pb15px{padding-bottom:15px;} .pb16px{padding-bottom:16px;} .pb17px{padding-bottom:17px;} .pb18px{padding-bottom:18px;} .pb19px{padding-bottom:19px;} .pb20px{padding-bottom:20px;} .pb21px{padding-bottom:21px;} .pb22px{padding-bottom:22px;} .pb23px{padding-bottom:23px;} .pb24px{padding-bottom:24px;} .pb25px{padding-bottom:25px;} .pb26px{padding-bottom:26px;} .pb27px{padding-bottom:27px;} .pb28px{padding-bottom:28px;} .pb29px{padding-bottom:29px;} .pb30px{padding-bottom:30px;} .pl1px{padding-left:1px;} .pl2px{padding-left:2px;} .pl3px{padding-left:3px;} .pl4px{padding-left:4px;} .pl5px{padding-left:5px;} .pl6px{padding-left:6px;} .pl7px{padding-left:7px;} .pl8px{padding-left:8px;} .pl9px{padding-left:9px;} .pl10px{padding-left:10px;} .pl11px{padding-left:11px;} .pl12px{padding-left:12px;} .pl13px{padding-left:13px;} .pl14px{padding-left:14px;} .pl15px{padding-left:15px;} .pl16px{padding-left:16px;} .pl17px{padding-left:17px;} .pl18px{padding-left:18px;} .pl19px{padding-left:19px;} .pl20px{padding-left:20px;} .pl21px{padding-left:21px;} .pl22px{padding-left:22px;} .pl23px{padding-left:23px;} .pl24px{padding-left:24px;} .pl25px{padding-left:25px;} .pl26px{padding-left:26px;} .pl27px{padding-left:27px;} .pl28px{padding-left:28px;} .pl29px{padding-left:29px;} .pl30px{padding-left:30px;} .pr1px{padding-right:1px;} .pr2px{padding-right:2px;} .pr3px{padding-right:3px;} .pr4px{padding-right:4px;} .pr5px{padding-right:5px;} .pr6px{padding-right:6px;} .pr7px{padding-right:7px;} .pr8px{padding-right:8px;} .pr9px{padding-right:9px;} .pr10px{padding-right:10px;} .pr11px{padding-right:11px;} .pr12px{padding-right:12px;} .pr13px{padding-right:13px;} .pr14px{padding-right:14px;} .pr15px{padding-right:15px;} .pr16px{padding-right:16px;} .pr17px{padding-right:17px;} .pr18px{padding-right:18px;} .pr19px{padding-right:19px;} .pr20px{padding-right:20px;} .pr21px{padding-right:21px;} .pr22px{padding-right:22px;} .pr23px{padding-right:23px;} .pr24px{padding-right:24px;} .pr25px{padding-right:25px;} .pr26px{padding-right:26px;} .pr27px{padding-right:27px;} .pr28px{padding-right:28px;} .pr29px{padding-right:29px;} .pr30px{padding-right:30px;} .p1px{padding:1px;} .p2px{padding:2px;} .p3px{padding:3px;} .p4px{padding:4px;} .p5px{padding:5px;} .p6px{padding:6px;} .p7px{padding:7px;} .p8px{padding:8px;} .p9px{padding:9px;} .p10px{padding:10px;} .p11px{padding:11px;} .p12px{padding:12px;} .p13px{padding:13px;} .p14px{padding:14px;} .p15px{padding:15px;} .p16px{padding:16px;} .p17px{padding:17px;} .p18px{padding:18px;} .p19px{padding:19px;} .p20px{padding:20px;} .p21px{padding:21px;} .p22px{padding:22px;} .p23px{padding:23px;} .p24px{padding:24px;} .p25px{padding:25px;} .p26px{padding:26px;} .p27px{padding:27px;} .p28px{padding:28px;} .p29px{padding:29px;} .p30px{padding:30px;}

.w1{width:1%;} .w2{width:2%;} .w3{width:3%;} .w4{width:4%;} .w5{width:5%;} .w6{width:6%;} .w7{width:7%;} .w8{width:8%;} .w9{width:9%;} .w10{width:10%;} .w11{width:11%;} .w12{width:12%;} .w13{width:13%;} .w14{width:14%;} .w15{width:15%;} .w16{width:16%;} .w17{width:17%;} .w18{width:18%;} .w19{width:19%;} .w20{width:20%;} .w21{width:21%;} .w22{width:22%;} .w23{width:23%;} .w24{width:24%;} .w25{width:25%;} .w26{width:26%;} .w27{width:27%;} .w28{width:28%;} .w29{width:29%;} .w30{width:30%;} .w31{width:31%;} .w32{width:32%;} .w33{width:33%;} .w34{width:34%;} .w35{width:35%;} .w36{width:36%;} .w37{width:37%;} .w38{width:38%;} .w39{width:39%;} .w40{width:40%;} .w41{width:41%;} .w42{width:42%;} .w43{width:43%;} .w44{width:44%;} .w45{width:45%;} .w46{width:46%;} .w47{width:47%;} .w48{width:48%;} .w49{width:49%;} .w50{width:50%;} .w51{width:51%;} .w52{width:52%;} .w53{width:53%;} .w54{width:54%;} .w55{width:55%;} .w56{width:56%;} .w57{width:57%;} .w58{width:58%;} .w59{width:59%;} .w60{width:60%;} .w61{width:61%;} .w62{width:62%;} .w63{width:63%;} .w64{width:64%;} .w65{width:65%;} .w66{width:66%;} .w67{width:67%;} .w68{width:68%;} .w69{width:69%;} .w70{width:70%;} .w71{width:71%;} .w72{width:72%;} .w73{width:73%;} .w74{width:74%;} .w75{width:75%;} .w76{width:76%;} .w77{width:77%;} .w78{width:78%;} .w79{width:79%;} .w80{width:80%;} .w81{width:81%;} .w82{width:82%;} .w83{width:83%;} .w84{width:84%;} .w85{width:85%;} .w86{width:86%;} .w87{width:87%;} .w88{width:88%;} .w89{width:89%;} .w90{width:90%;} .w91{width:91%;} .w92{width:92%;} .w93{width:93%;} .w94{width:94%;} .w95{width:95%;} .w96{width:96%;} .w97{width:97%;} .w98{width:98%;} .w99{width:99%;} .w100{width:100%;}

img{max-width:100%;}
a{text-decoration:none; color:#333;transition:all .35s ease-out; -webkit-transition:all .35s ease-out;}
a:hover{color:#4b9ecc;}
.red{color:#fe4365 !important;}
.pink{color:#d07db1;}
.black{color:#1a171b;}
.blue{color:#4b9ecc;}
.green{color:#79bd9a;}
.grayL{color:#666;}
.grayDark{color:#333;}
.yellow{color:#ffba1c;}
.white{color:#fff;}
.orange{color:#eb553a;}
a.black:hover{color:#f33e6b;}
.u{text-decoration:underline;}
.u:hover{text-decoration:none;}
.small{font-size:11px; line-height:normal;}
.al{text-align:left !important;}
.ac{text-align:center !important;}
.ar{text-align:right !important;}
.aj{text-align:justify !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px;}
.h1, h1, .h2, h2{font-size:40px}
.h3, h3{font-size:24px}
.h4, h4{font-size:18px}
.h5, h5{font-size:14px}
.h6, h6{font-size:12px}

a,button{outline:none;}

.fl{float:left;}
.fr{float:right;}
.i{font-style:italic;}
.dib100{display:inline-block; width:100%;}
.dib{display:inline-block;}
p{margin:0 0 15px;}
.b{font-weight:bold;}
.row .cell{width:49%; float:left;}
.row .cell:nth-child(2n){float:right;}
.row .cell3{width:33.333%; float:left;}

.ttu{text-transform:uppercase !important;}
.ttc{text-transform:capitalize !important;}
.ttn{text-transform:none !important;}
b,strong{font-weight:bold;}

/*div.error, label.error{background-color:#c00; color:#fff; margin:15px 0; padding:5px 15px; position:relative; text-shadow:none; }
div.error:before, label.error:before{background-color:#176ca9; content:""; display:block; height:10px; left:15px; position:absolute; top:-5px; transform:rotate(45deg); width:10px;}
*/

.lbl_error{border:2px dotted #E50000; border-radius:3px; color:#E50000; display:inline-block; margin-bottom:10px; padding:10px; width:100%; text-align:center; font-weight:bold; font-size:14px;}

.lbl_message{border:2px dotted #72ae29; border-radius:3px; color:#72ae29; display:inline-block; margin-bottom:10px; padding:10px; width:100%; text-align:center; font-weight:bold; font-size:14px;}
.thead-inverse th {color: #fff; background-color: #4B9ECC;}

.dn{display:none;}
.positionR{position:relative;}
body.pushable > .pusher{background:#fff;}
body p:last-of-type{margin-bottom:0;}

.col{margin:0 -15px; padding:0; list-style:none;}
.col > li{float:left; width:20%; padding:15px;}
.col4 > li{width:25%;}
.col3 > li{width:33.333%;}
.col2 > li{width:50%;}

.section{padding-top:80px; padding-bottom:80px; position:relative;}
.sectionBg{background-color:#f2efeb;}
.sectionBgDark{background-color:#29343a; color:#fff;}
.lhn{line-height:normal;}
.fs11px{font-size:11px; line-height:normal;} .fs12px{font-size:12px; line-height:normal;} .fs13px{font-size:13px; line-height:normal;} .fs14px{font-size:14px;} .fs15px{font-size:15px;} .fs16px{font-size:16px;} .fs17px{font-size:17px;} .fs18px{font-size:18px;} .fs20px{font-size:20px;} .fs22px{font-size:22px;} .fs24px{font-size:24px;} .fs25px{font-size:25px;} .fs26px{font-size:26px;} .fs27px{font-size:27px;} .fs28px{font-size:28px;} .fs29px{font-size:29px;} .fs30px{font-size:30px;}
.fa{font-family:FontAwesome !important;}
.fa{font-family:FontAwesome !important;}
.fw400{font-weight:400;}
.fw300{font-weight:300;}
.opensans{font-family:'Open Sans', sans-serif; letter-spacing:0;}
.montserrat{font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:1px;}
textarea.form-control{min-height:150px; padding-top:10px;}
.datetimepicker select{height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;  -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.datetimepicker select:focus{border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.form-control, .datetimepicker select{border-radius:5px; font-family:'Open Sans', sans-serif; box-shadow:none !important; font-size:14px;}

.modal{text-align:center; padding:0!important;}
.modal:before{content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-4px;}
.modal-dialog{display:inline-block; text-align:left; vertical-align:middle;}

.btn{border:0; border-radius:5px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; padding:9px 25px; font-size:16px; text-transform:uppercase;}
.btn-primary{background-color:#4b9ecc;}
.btn.focus, .btn:focus, .btn:hover, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{color:#fff; background-color:#2d6688;}

.btn-info{background-color:#2c3d50; color:#fff;}
.btn-info:hover, .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info, .btn-info.focus, .btn-info:focus, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{color:#fff; background-color:#2c3d50;}

.btn-white{background-color:#fff;}
.btn-white:hover, .btn-white.active, .btn-white:active, .open > .dropdown-toggle.btn-white, .btn-white.focus, .btn-white:focus, .btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white.focus:active, .btn-white:active:focus, .btn-white:active:hover, .open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus, .open > .dropdown-toggle.btn-white:hover{background-color:#77a35a;}

.btn-with-arrow{position:relative; overflow:hidden; padding-right:70px;}
.btn-with-arrow .btn-arrow{position:absolute !important; right:0; top:0; background-color:rgba(0,0,0,.2); width:50px; height:100%; padding:10px 0;}
.btn-lg{padding:18px 35px; font-size:18px;}
.btn-lg.btn-with-arrow{padding-right:95px;}
.btn-lg.btn-with-arrow .btn-arrow{padding:18px 0; width:60px;}
.btn-round{border-radius:50px}

.btn-fb{background-color:#3b5893; color:#fff;}
.btn-fb:hover, .btn-fb.active, .btn-fb:active, .open > .dropdown-toggle.btn-fb, .btn-fb.focus, .btn-fb:focus, .btn-fb.active.focus, .btn-fb.active:focus, .btn-fb.active:hover, .btn-fb.focus:active, .btn-fb:active:focus, .btn-fb:active:hover, .open > .dropdown-toggle.btn-fb.focus, .open > .dropdown-toggle.btn-fb:focus, .open > .dropdown-toggle.btn-fb:hover{color:#fff; background-color:#6279a8;}

.btn-google{background-color:#dd4a3a; color:#fff;}
.btn-google:hover, .btn-google.active, .btn-google:active, .open > .dropdown-toggle.btn-google, .btn-google.focus, .btn-google:focus, .btn-google.active.focus, .btn-google.active:focus, .btn-google.active:hover, .btn-google.focus:active, .btn-google:active:focus, .btn-google:active:hover, .open > .dropdown-toggle.btn-google.focus, .open > .dropdown-toggle.btn-google:focus, .open > .dropdown-toggle.btn-google:hover{color:#fff; background-color:#e46e61;}


input.error{border:1px solid red !important;}
.warning, .error{color:red;}
.warning{display:block; margin-top:5px;}
.form-control + br, span.warning + br{display:none;}

.userImg{display: block; margin: 0 auto 20px; width: 130px; height: 130px; position: relative; z-index: 1;}
.userImg > img{width: 130px; height: 130px; border-radius: 200px; border: 5px solid #fff;}

/*********************** Main *****************************/
.pusher{overflow-y:hidden;}
.container{width:1280px; position:relative;}
.header{position:fixed; left:0; top:0; z-index:9; width:100%; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
.header .container{z-index:1;}

.nav ul{text-align:center; margin:0; padding:0; list-style:none;}
.nav ul > li{display:inline-block; position:relative; padding:0 20px;}
.nav ul > li > a{font-size:16px; color:#666; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:2px; text-align:center; display:inline-block; text-decoration:none !important; line-height:80px; position:relative; text-transform:uppercase; padding:0;}
.nav ul > li:hover > a, .nav ul > li.active > a{color:#4b9ecc;}
.nav .sub-menu{position:absolute; background-color:#fff; z-index:1; width:230px; padding:10px 0; border-radius:0 0 3px 3px; box-shadow:0 0 3px 0 rgba(0,0,0,.3); left:0; top:70px; display:none;}
.nav ul > li:hover > .sub-menu{display:block;}
.nav .sub-menu > li > a{display:block; padding:5px 20px; transition:none; -webkit-transition:none;}
.nav .sub-menu > li > a:hover{background-color:#fc5047; color:#fff;}

.ui.left.sidebar{padding:0;}
.ui.sidebar li{position:relative;}
.ui.sidebar li a{display:block; font-size:16px; line-height:140%; padding:10px 50px 10px 20px; transition:none; -webkit-transition:none; -ms-transition:none; text-align:left;}
.ui.sidebar > ul > li{border-bottom:1px solid #ddd; padding:0; width:100%;}
.ui.sidebar li a:before, .ui.sidebar li a:after{display:none;}
.ui.sidebar li a:hover, .ui.sidebar li.active a{color:#000;}
.ui.sidebar .sub-menu{display:none; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.ui.sidebar .sub-menu a{background-color:#f6f7f7; padding:10px 20px 10px 20px;}
.ui.sidebar .sub-menu a:hover{background-color:#fff; position:relative;}
.ui.sidebar img{border-radius:3px;}
.openSub{cursor:pointer; display:block; height:39px; position:absolute; right:0; top:0; width:40px; }
.openSub .icon-chevron-thin-down{font-family:'icomoon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; transition:all .35s ease-out; -webkit-transition:all .35s ease-out; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; top:12px;}
.openSub .icon-chevron-thin-down.opened{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.ui.sidebar{background-color:#fff;}
.ui.sidebar > ul > li > a > .icon{position:absolute; left:20px;}
.ui.sidebar > ul > li > a > .icon > i{font-size:16px !important;}

.mainContent{margin-top:80px;}
#hpSlider{width:100%; display:inline-block;}
#hpSlider .img{background-size:cover; background-position:center bottom; height:560px; width:100%;}
#hpSlider .img h2{font-size:60px;}
#hpSlider .img h3{font-size:38px;}
.displayTable{display:table;}
.tableCell{display:table-cell; vertical-align:middle; height:inherit;}

.hpBanner{background:#2d6688 url(../images/bg_texture.jpg) no-repeat bottom center; color:#fff; font-size:18px;}
.hpBanner .container{padding-right:600px; padding-top:150px; padding-bottom:250px;}
.hpBanner .QuoteDiv{position:absolute; right:15px; top:0; width:300px; height:100%; display:flex; align-items:center; flex-wrap: wrap;}
.hpBanner .QuoteDiv .heading{background:#57849e; padding: 5px 15px; line-height: normal; letter-spacing: 0; font-size: 22px; border-radius: 5px 5px 0 0;}
.hpBanner .QuoteDiv .border{border: 2px solid #57849e; padding: 10px 14px; position: relative; border-radius: 0 0 5px 5px; hyphens: auto; background: #2e698b;}
.hpBanner .QuoteDiv .quote .border{margin-bottom:25px;}
.hpBanner .QuoteDiv .quote .border::before{content: ""; border-bottom: 18px solid transparent; border-left: 18px solid transparent; border-right: 18px solid #2e698b; display: block; position: absolute; left: 11px; bottom: -18px; z-index: 1;}
.hpBanner .QuoteDiv .quote .border::after{content: ""; display: block; position: absolute; left: 0; bottom: -25px; border-bottom: 25px solid transparent; border-left: 25px solid transparent; border-right: 25px solid #57849e;}
.hpBanner .btn-primary{color:#fff; background-color:#03b9ed; border-radius:5px;}
.hpBanner .btn-primary:hover, .hpBanner .btn-primary.active, .hpBanner .btn-primary.focus, .hpBanner .btn-primary:focus, .hpBanner .btn-primary.active.focus, .hpBanner .btn-primary.active:focus, .hpBanner .btn-primary.active:hover, .hpBanner .btn-primary.focus:active, .hpBanner .btn-primary:active:focus, .hpBanner .btn-primary:active:hover{color:#2d6688; background-color:#fff;}

.panel.panel-primary{border:0; background:none; -webkit-box-shadow:none; box-shadow:none;}
.panel.panel-primary .txt{background:#ecf0f1; border-radius:0 0 5px 5px; padding:15px 20px; color:#2c3d50; font-size:14px; line-height:normal;}
.panel.panel-primary .panel-heading{padding:15px 20px;}
.wordOfTheDay{letter-spacing:0; text-transform:uppercase; font-size:18px; margin-bottom:6px;}
h3.wordOfTheDay > a{letter-spacing:0; text-transform:uppercase; font-size:18px; margin-bottom:6px; color: #FFF; text-decoration: none;}

.sectionTitle{position:relative; padding-bottom:60px; color:#2c3d50;}
.howWeDoIt{min-height:306px;}
.howWeDoIt .img{position:absolute; left:50%; top:0; margin-left:-250px; width:500px;}
.howWeDoIt .listNo{margin-top:20px;}
.howWeDoIt .listNo > li{float:left; width:50%; padding-right:300px;}
.howWeDoIt .listNo > li:nth-child(2n){padding-right:0; padding-left:355px;}
.howWeDoIt .listNo > li:nth-child(2n):before{left:300px;}
.listNo{font-size:16px; counter-reset:section; }
.listNo > li{position:relative; padding-left:55px; margin-bottom:30px; min-height:40px;}
.listNo > li:before{content:counter(section); counter-increment:section; position:absolute; left:0; top:0; width:40px; height:40px; border-radius:40px; line-height:40px; text-align:center; background-color:#4b9ecc; color:#fff;}

.displayFlex{display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}
.displayFlex .flexCol{display:inline-block; padding:0 15px 30px;}
.displayFlex .flexCol4{width:25%;}
.displayFlex .flexCol3{width:33.333%;}
.displayFlex .flexCol2{width:50%;}

.panel-primary > .panel-heading{color:#fff; background-color:#4b9ecc; border-color:#4b9ecc;}
.panel-group.accordion{margin:0;}
.panel-group.accordion .panel-primary{border:0; box-shadow:none;}
.panel-group.accordion .panel-heading{padding:0; background:none; border:0;}
.panel-group.accordion .panel-title > a{display:block; padding:15px 40px 15px 20px; background:#4b9ecc; border-radius:3px 3px 0 0; color:#fff; position:relative; text-decoration:none;}
.panel-group.accordion .panel-title > a.collapsed{border-radius:3px;}
.panel-group.accordion .panel-title > a > i.fa{position:absolute; right:15px; top:18px; font-size:14px;}
.panel-group.accordion .panel-title > a.collapsed > i.fa:before{content:"\f078";}

.links{margin:0;}
.links > li{margin-bottom:1px;}
.links > li > a{background-color:#ecf0f1; color:#4b9ecc; text-transform:uppercase; display:block; position:relative; padding:10px 40px 10px 20px; font-family:'Montserrat', sans-serif; font-weight:700; letter-spacing:1px; text-decoration:none;}
.links > li > a:hover{background-color:#e4e9ea; color:#2c3d50;}
.links > li > a:after{content:"\f061"; font-family:FontAwesome; position:absolute; right:15px; top:10px; font-weight:normal; font-size:14px;}
.links > li:last-child > a{border-radius:0 0 3px 3px;}

.takeTestBg{background:url(../images/ptrn.png) repeat-x center top; padding-bottom:60px;}
.chalkBoardOuter{background:#ecf0f1 url(../images/ptrn2.png) repeat center top;}
.mainContent.class .section.dib100{background: #fff url(../images/ptrn.png) repeat-x center top !important;}
.mainContent.class .boxShadowBg{background-color: #f2f4f5; box-shadow: none; padding: 20px; border-radius: 5px;}
.adImg img{border-radius:5px;}

.footer{background-color:#2c3d50;}
.footer, .footer a{color:rgba(255,255,255,.6);}
.footer a:hover{color:#fff;}
.fLinks a{display:inline-block;}
.fLinks a:after{content:"|"; color:#3c6e8e; display:inline-block; padding-left:7px; padding-right:5px;}
.fLinks a:last-child:after{display:none;}
.social a{font-size:18px; text-decoration:none; width:40px; height:40px; display:inline-block; line-height:40px; text-align:center; background:#4b9ecc; color:#fff; border-radius:50px;}
.social a:hover{background-color:#fff; color:#2c3d50;}

.min100vh{min-height:calc(100vh - 60px); display:flex; align-items:center;}
.overflowHeight{max-height:400px;}
.fancybox-overlay a{text-decoration:none;}
.fancybox-nav{width:40px; height:40px; background-color:rgba(0,0,0,.5); color:#fff !important; text-align:center; line-height:40px; top:50%; margin-top:-20px; font-size:20px;}
.fancybox-nav:hover, .fancybox-close, .fancybox-title-float-wrap .child{background-color:#00baf2; text-shadow:none;}
.fancybox-title{font-family:'Open Sans', sans-serif;}

.scrollToTop{background-color:#4b9ecc; right:10px; bottom:10px; cursor:pointer; font-size:20px; text-align:center; position:fixed; z-index:9; color:#fff; width:44px; height:44px; line-height:44px; border-radius:5px;}
.scrollToTop:hover{background-color:#3c6e8e;}

.contentTxt ul{list-style:circle; margin:0 0 0 25px;}
.contentTxt ul li{margin:5px 0;}
.innerHeadingSmall{color:#00baf2; font-size:20px; font-weight:bold;}
.innerHeadingSmall:after{content:""; display:block; width:30px; height:2px; background-color:#333; margin:10px 0 20px;}

.or::after{content:""; width:100%; height:1px; background-color:#ddd; display:block; position:absolute; left:0; top:50%;}
.or span{position:relative; z-index:1; padding:0 10px;}
.displayFlex.myAccountList{margin-left: -10px; margin-right: -10px;}
.myAccountList .flexCol{position:relative; padding:0 10px;}
.myAccountList .list{background-color: #f1f8fb; border-radius: 3px; text-align: center; position: relative; height: 100%; padding: 20px; border: 1px solid #dbebf3; text-decoration: none; color: #2c3d50; display: flex; flex-flow: column; justify-content: center;}
.myAccountList .list .icon{font-size:70px; margin-bottom:10px;}
.myAccountList .list .fa.fa-user-circle.icon, .myAccountList .list .blue.icon{color:#4b9ecc;}
.myAccountList .list .name{letter-spacing: 0; font-family: open sans; font-size: 14px;}
.myAccountList .list:hover{background-color:#dbebf3; border-color:#c5dfec;}
.myAccountList.myAccountListDashboard .list{background-color:#fff; border:1px solid #a4cce0; color: #4b9ecc;}
.myAccountList.myAccountListDashboard .flexCol{margin-top:20px;}

ul.setPaginate{margin: 10px 0 0; padding: 0; list-style: none; display: block; line-height: normal;}
ul.setPaginate li{display: inline-block; margin-right: 5px; margin-top: 10px;}
ul.setPaginate li.setPage{padding-top: 2px; margin-right: 10px;}
ul.setPaginate a{display: inline-block; padding: 1px 5px; border: 1px solid #4b9ecc; color: #4b9ecc; border-radius: 3px; text-decoration: none;}
ul.setPaginate a:hover{border-color:#2c3d50; color:#2c3d50;}
ul.setPaginate a.current_page{background: #4b9ecc; border-color: #4b9ecc; color: #fff;}

.dob .form-control{width:32%; float:left; margin-right:2%;}
.dob .form-control:last-child{margin-right:0;}
.nav-tabs{border:0;}
.nav-tabs > li{margin-bottom:0;}
.nav-tabs > li > a{border-radius:5px 5px 0 0; border:0 !important;}
.tab-content{background:#fff; padding:20px; box-shadow:0 0 20px rgba(0,0,0,.05); border-radius:0 5px 5px 5px;}
.nav > li > a:focus, .nav > li > a:hover{background-color:#ecf0f1;}
.borderBg{background-color:#fff; border:1px solid #ddd; padding:20px; border-radius:5px;}
.boxShadowBg{background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.05); padding:20px; border-radius:5px;}

.chalkBoard{background:#915b2f url(../images/woodBg.png); display:inline-block; width:100%; border-radius:15px; padding:15px; /*font-family:'sketch_block';*/ font-family:'Cabin Sketch'; font-size:40px; color:#fff; text-align:center;}
.chalkBoardInner{background:#222 url(../images/chalkBoardBg.png); display:inline-block; width:100%; padding:25px 50px; min-height:400px; box-shadow:0 0 100px rgba(0,0,0,.5) inset; border-radius:3px;}
.subjectList .flexCol{padding:15px;}
.subjectList .list{color:#fff; text-decoration:none; background-color:rgba(255,255,255,.1); line-height:normal; border-radius:5px; padding:20px 10px; position:relative; height:100%; min-height:150px; display:flex; align-items:center; justify-content:center;}
.subjectList .list.disabled{cursor:not-allowed;}
.subjectList .list.disabled::before{content:"\f392"; font-family:'Ionicons'; width:60px; height:60px; font-size:40px; line-height:60px; position:absolute; left:50%; top:50%; margin:-30px 0 0 -30px; z-index:1; color:#fff; background:red; border-radius:100px;}
.subjectList .list.disabled:after{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.6); border-radius:5px;}
.subjectList > .flexCol:nth-child(1) .list{background-color:#4b9ecc;}
.subjectList > .flexCol:nth-child(2) .list{background-color:#f38630;}
.subjectList > .flexCol:nth-child(3) .list{background-color:#ff75a2;}
.subjectList > .flexCol:nth-child(4) .list{background-color:#00ca85;}
.subjectList > .flexCol:nth-child(5) .list{background-color:#fe4365;}
.subjectList > .flexCol:nth-child(6) .list{background-color:#79bd9a;}
.subjectList > .flexCol:nth-child(7) .list{background-color:#c03546;}
.subjectList > .flexCol:nth-child(8) .list{background-color:#d900ac;}
.subjectList > .flexCol:nth-child(9) .list{background-color:#7200da;}
.subjectList > .flexCol:nth-child(10) .list{background-color:#ae3065;}
.subjectList > .flexCol:nth-child(11) .list{background-color:#46bcf0;}
.subjectList > .flexCol:nth-child(12) .list{background-color:#7d9689;}
.subjectList > .flexCol:nth-child(13) .list{background-color:#82a0c8;}
.subjectList > .flexCol:nth-child(14) .list{background-color:#b7695c;}
.subjectList > .flexCol:nth-child(15) .list{background-color:#806b69;}
.subjectList > .flexCol:nth-child(16) .list{background-color:#008c9e;}
.subjectList > .flexCol:nth-child(17) .list{background-color:#5c77ff;}
.subjectList > .flexCol:nth-child(18) .list{background-color:#e8b71a;}

.chalkBoard .question{line-height:normal; text-align:left; position:relative; padding-left:100px; margin-bottom:30px; font-size:44px; min-height:75px; display:flex; align-items:center; padding-right:115px;}
.chalkBoard .question .icon{width:75px; height:75px; color:#fff; display:block; position:absolute; left:0; top:0; text-align:center; background-color:#79bd9a; border-radius:100px; font-family:open sans; font-weight:bold; font-size:12px; text-transform:uppercase; line-height:normal; padding-top:18px; letter-spacing:-1px;}
.chalkBoard .question .icon > div{font-size:30px; line-height:25px;}
.chalkBoard .question .marks{font-family:open sans; font-size:12px; font-weight:bold; text-transform:uppercase; background-color:#fe4365; padding:1px 5px; border-radius:3px; display:inline-block; line-height:normal; color:#fff;}
.displayFlex.optionList{max-width:800px; margin:0 auto;}
.displayFlex.optionList .list input[type="checkbox"], .displayFlex.optionList .list input[type="radio"]{display:none;}
.displayFlex.optionList .list{cursor:pointer;}
.displayFlex.optionList .list.label_radio.r_on::after{content:""; position:absolute; left:0; top:0; border:5px solid #fff; width:100%; height:100%; border-radius:5px; background:rgba(0,0,0,.5);}
.displayFlex.optionList .list.label_radio.r_on::before{content:"\f058"; font-size:40px; font-family:FontAwesome; position:absolute; top:-18px; left:50%; color:#79bd9a; z-index:1; width:48px; height:48px; line-height:48px; text-align:center; display:block; background-color:#fff; border-radius:50px; margin-left:-24px;}
.btnSkip{font-family:'Montserrat', sans-serif; color:#fff; font-size:18px; font-weight:bold; cursor:pointer;}
a.chalkBoardBtn, .chalkBoardBtn{font-family:'Montserrat', sans-serif;color:#fff; font-size:20px; text-transform:uppercase; font-weight:bold; border:2px solid #fff; display:inline-block; padding:15px 30px; border-radius:5px; text-decoration:none; width:50%; position:relative;}
.chalkBoardBtn.disabled{border-color:rgba(255,255,255,.2);}
.chalkBoardBtn.disabled::before{content:"\f392"; font-family:'Ionicons'; width:40px; height:40px; font-size:26px; line-height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -19px; z-index:1; color:#fff; background:red; border-radius:100px;}
.chalkBoardBtn.disabled:after{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.6); border-radius:5px;}

.resultBox{border-radius:5px; padding:10px; color:#fff;}
.blogList .list{background-color:#fff; border-radius:5px; box-shadow:0 0 30px rgba(0,0,0,.05); overflow:hidden;}
.blogList .img{display:block;}
.blogList .detail{padding:30px;}
.blogList .name{text-transform:uppercase;}
.date{margin:10px 0; font-family:'Montserrat', sans-serif;}
.blogDetail .blogDetailImg{height:400px; position:relative; overflow:hidden; margin-bottom:40px; border-radius:5px; background-color:#ddd;}
.blogDetail .blogDetailImg img{width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:1; display:inherit;}
.blogDetail .name{color:#2c3d50;}

select.month,select.day,select.year{width:31%;float:left;margin-right:2%;}
.myAccountDropdown .dropdown{margin-left:15px;}
.myAccountDropdown .btn.dropdown-toggle{padding:0; background:none !important; color:#4b9ecc; box-shadow:none !important; line-height:80px;}
.gradeStar{position: absolute; right: 2px; top: 5px; width: 70px; height: 70px;}
.reportQuestion a{color:#fff; font-family:open sans; font-size:11px; text-transform:uppercase; border:1px solid #fff; padding:2px 5px; border-radius:5px; position:absolute; right:0; top:10px; text-decoration:none; width:105px; text-align:center;}

label.list.label_radio.correctOption{background-color: green !important;}
label.list.label_radio.inCorrectOption{background-color: red !important;}
.boxShadowBg.withProfilePic{position: relative; border-color: #2c3d50 !important;}
.boxShadowBg.withProfilePic::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 90px; background: #2c3d50;}
.fancybox-inner div#edupointCnt h6{font-size: 16px; margin-top: 0 !important; text-align: center; text-transform: uppercase; line-height: normal; letter-spacing:0.12rem;}
.date i{color: #4b9ecc;}
.detail .userImg > img, .authorDate img{height:auto;}
.blogListMain .post .name{color: #038fb8;font-weight: normal !important;}
.topics h3{padding:5px 0}

.dashboardLayout .sideBar{width: 270px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.05); border-radius: 5px; position: relative; color:#2c3d50;}
.dashboardLayout .sideBar a{color:#2c3d50; text-decoration:none;}
.dashboardLayout .dpInfo{position: relative;}
.dashboardLayout .dpInfo:before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 90px; background: #2c3d50; border-radius: 5px 5px 0 0;}
.dashboardLayout .dpInfo .dp{width: 130px; height: 130px; border: 4px solid #fff; background:#e3e9eb; border-radius: 200px; display: inline-block; margin: 30px 0 10px 0; position: relative; z-index: 1; overflow:hidden;}
.dashboardLayout .dpInfo .dp> img{width:100%;}
.navDashboard a{display: block; position: relative; padding: 10px 10px 10px 50px; border-top: 1px solid #e6e6e6;}
.navDashboard a:hover{background:#f1f1f1;}
.navDashboard .active > a{font-weight:bold; background:#e4f1f7;}
.navDashboard a > i{position: absolute; left: 20px; font-size: 20px; top: 10px;}
.dashboardLayout .rightContent{width:950px;}
.panel-group.accordion.accordionStyle{margin-bottom: 20px; background: #fff; padding: 20px; border-radius: 3px; box-shadow: 0 0 20px rgba(0,0,0,.05); border-top: 3px solid #4b9ecc;}
.panel-group.accordion.accordionStyle .panel-title > a{padding: 0; background:none; border-radius:0; color: #2c3d50; position: relative; letter-spacing:0;}
.panel-group.accordion.accordionStyle .panel-title > a > i.fa{right: 0; top: 0;}
.displayFlex.boxStyle, .displayFlex.issuesList{margin:0 -10px;}
.displayFlex.boxStyle > div, .displayFlex.issuesList > div{padding:0 10px}
.boxStyle .bg{padding:15px 20px; text-align:center; border-style:solid; border-color:#666; border-width:1px 1px 1px 5px; border-radius:3px; line-height:normal; margin-top:20px;}
.boxStyle .bg.orange, .boxStyle .bg.orange a{border-color:#f36b00; color:#f36b00;}
.boxStyle .bg.pink, .boxStyle .bg.pink a{border-color:#fe5c91; color:#fe5c91;}
.boxStyle .bg.purple, .boxStyle .bg.purple a{border-color:#875ea5; color:#875ea5;}
.boxStyle .bg.green, .boxStyle .bg.green a{border-color:#00b476; color:#00b476;}
.boxStyle .big{font-size:30px; line-height:30px;}

.dashboardLayout .rightContent .boxShadowBg, .boxShadowBgNew{border-radius: 3px; border-top: 3px solid #4b9ecc;}
.dashboardLayout .rightContent .boxShadowBg h2, .dashboardLayout .rightContent .boxShadowBg h3, .dashboardLayout .rightContent .boxShadowBg h4, .dashboardLayout .rightContent .boxShadowBg h5{letter-spacing:0;}

.issuesList .list{background: #f1f8fb; border: 1px solid #dbebf3; border-right: 0; border-radius: 3px; color: #2c3d50; font-size: 13px; line-height: normal; margin-top:20px;}
.issuesList .list table td, .issuesList .list table th{padding: 5px 10px; border-right: 1px solid #dbebf3;}

.tableStyle .orange{color:#f36b00;}
.tableStyle .pink{color:#fe5c91;}
.tableStyle .purple{color:#875ea5;}
.tableStyle .green{color:#00b476;}
.tableStyle>tbody>tr>td, .tableStyle>tbody>tr>th, .tableStyle>tfoot>tr>td, .tableStyle>tfoot>tr>th, .tableStyle>thead>tr>td, .tableStyle>thead>tr>th{padding:10px 0; border-top:1px solid #e6e6e6; color:#2c3d50;}
.tableStyle .btn{font-family: "Open Sans"; letter-spacing: 0; font-size: 13px; line-height: normal; padding: 8px 15px;}

.popupBody, .popupBody .h1, .popupBody .h2, .popupBody .h3, .popupBody .h4, .popupBody .h5, .popupBody .h6, .popupBody h1, .popupBody h2, .popupBody h3, .popupBody h4, .popupBody h5, .popupBody h6, .popupBody .btn{letter-spacing:0;}
.popupBody{font-size:13px; line-height:24px;}
.popupBody .btn{font-family: "Open Sans"; font-size: 13px; padding: 5px 10px; line-height: normal; border-radius: 3px;}
/* QDataGrid */
table.datagrid { border: 1px solid #ddd; width:100%; overflow:auto;}
table.datagrid caption, table.datagrid tfoot { padding-bottom: 15px; overflow: auto; }
table.datagrid span.left { float: right; display: block; margin-top:10px;}
table.datagrid span.right { float: left; display: block;}
table.datagrid > thead > tr, table.datagrid > tbody > tr{background-color: #fff; border-bottom: 1px solid #ddd;}
.alternateTable tbody tr:nth-child(2n), table.datagrid thead tr, table.datagrid tr.alternate{background-color:#f8f8f8;}
table.datagrid > thead > tr > th, table.datagrid > tbody > tr > th{padding: 10px; text-align: left; color:#121212;}
table.datagrid th a{border: 0 none; color:#333; text-decoration: none;}
table.datagrid th a:hover{text-decoration: underline;}
table.datagrid > thead > tr > td, table.datagrid > tbody > tr > td{padding: 5px 10px; vertical-align: middle; height:40px; /*word-wrap: break-word;*/}
.overflowTable{overflow-y: hidden; width: 100%;}
.userListTable table th:first-child, .userListTable table td:first-child{min-width: 90px;}
.userListTable table td{/*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/}
table.datagrid tfoot { border-top: 1px solid #111;}
table.datagrid td img{border: 1px solid #ddd; padding: 2px;}
/* QPaginator */
span.paginator{display: table; margin:15px 0 0 -5px; padding: 0;}
span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
span.paginator span.arrow.hasLink > a, span.paginator span.page a{border: 1px solid #ddd; border-radius: 3px; color: #333; margin:0; padding:5px 10px; display:inline-block;}
span.paginator span.arrow.hasLink > a:hover, span.paginator span.page a:hover {color:#3498db; border-color:#3498db;}
span.paginator span.arrow{border: 1px solid #ddd; border-radius: 3px; color: #ccc; margin: 0; padding:3px 8px;}
span.paginator span.arrow.hasLink{padding:0; border:0;}
span.paginator span.arrow a {color: #333; text-decoration: none; }
span.paginator span.selected{background-color: #3498db; border: 0 none; border-radius: 3px; color: #fff; margin: 0 2px; padding:4px 8px;}
span.paginator span.break {display:none;}
span.paginator span.ellipsis{color: #780000;}
span.paginator span.arrow, span.paginator span.selected, span.paginator span.page{margin-right:5px; display:inline-block;}
span.paginator span.arrow:first-child{margin-left: 5px; margin-right: 3px;}
/* QPaginator */
table.datagrid > thead > tr > th{white-space: nowrap;}
table.datagrid > thead > tr > th img{margin-top:8px;}

.lSpacing0px{letter-spacing:0 !important;}
.mainContent.about > .section{background:#fff url(../images/pattern.png) repeat center top !important; color:#333; text-shadow: 1px 2px #fff;}
.questionSlider .slick-next{right: -30px;}
.questionSlider .slick-prev{left: -30px;}

@media screen and (max-width:1600px){
.takeTestBg{background-size:100% auto;}
.section{padding-top:40px; padding-bottom:40px;}
.sectionTitle{padding-bottom:30px;}

}

@media screen and (max-width:1290px){
.container{width:100%;}
.nav ul > li{padding:0 15px;}
}

@media screen and (max-width:1250px){
.dashboardLayout .rightContent{width:75%;}
.dashboardLayout .sideBar{width:23%;}

}

@media screen and (max-width:1170px){
.hpBanner .container{padding-top:100px; padding-bottom:220px; padding-right:400px;}
.howWeDoIt .img{margin-left:-150px; top:70px; width:300px;}
.howWeDoIt .listNo > li{padding-right:180px;}
.howWeDoIt .listNo > li:nth-child(2n)::before{left:180px;}
.howWeDoIt .listNo > li:nth-child(2n){padding-left:235px;}
.nav ul > li{padding:0 10px;}
.header .logo{width:200px; margin-top:25px;}
.nav ul > li > a{letter-spacing: 0; font-size: 14px;}

}


@media screen and (max-width:900px){
.menuToggle{display:block; float:right; font-size:28px; color:#666; line-height:80px;}
.header .right{display:none;}
.howWeDoIt .img{position:static; margin:0 auto; display:block;}
.howWeDoIt .listNo > li{width:100%; padding-right:0 !important; padding-left:55px !important;}
.listNo > li::before{left:0 !important;}
.h1, h1, .h2, h2, .displayFlex.optionList .list, .chalkBoard .question{font-size:30px}
.h3, h3{font-size:18px;}
.h4, h4{font-size:16px;}
.section{padding-top:40px; padding-bottom:40px;}
.howWeDoIt .listNo{margin-top:40px;}
.sectionTitle{padding-bottom:30px;}
.displayFlex .flexCol4, .displayFlex .flexCol3{width:50%;}
.hpBanner .container{padding-right:15px;}
.hpBanner .QuoteDiv{position:static; width:100%; margin-top:50px; text-align:left;}
.hpBanner .container{padding-top:40px; padding-bottom:40px; text-align:center;}
.hpBanner{background-position:top center;}

#newprofilepic .userPic{display: block; max-width: 200px; margin: 0 auto;}
.dashboardLayout .sideBar, .dashboardLayout .rightContent, .displayFlex.issuesList > div, #cropsection{width:100%;}
.dashboardLayout .sideBar{margin-bottom:30px;}
.navDashboard{height: 45px; overflow: hidden; margin: 0; padding-top:45px;}
.navDashboard.clicked{height:auto;}
.navDashboardToggle{position: absolute; display: block; z-index: 1; width: 100%; line-height: 45px; text-align: right; font-size: 16px; padding-right:20px; cursor: pointer;}
.navDashboard a:hover, .navDashboard .active > a{background:none;}
.navDashboard > li.active{position:absolute; left:0; top:0; width:100%;}
.table-responsive{border:0; margin-bottom:0;}
.tableStyle > tbody > tr > td, .tableStyle > tbody > tr > th, .tableStyle > tfoot > tr > td, .tableStyle > tfoot > tr > th, .tableStyle > thead > tr > td, .tableStyle > thead > tr > th{padding:8px 5px; font-size:12px;}
.panel-group.accordion.accordionStyle .panel-title > a{font-size:14px;}
.classFlex > div{width: 100%;}
.classFlex > .adImg{margin-top:20px;}

}


@media screen and (max-width:700px){
.logo img{width:240px;}
.menuToggle{line-height:63px;}
.mainContent{margin-top:63px;}
.btn-lg{font-size:14px;}
.displayFlex .flexCol4, .displayFlex .flexCol3, .displayFlex .flexCol2{width:100%;}
.takeTestBg{background:#fff;}
.scrollToTop{bottom:0; right:0; border-radius:0;}
.chalkBoard{background:none; padding:0; font-family:'Montserrat', sans-serif; font-weight:bold;}
.chalkBoardInner{background:none; padding:0; box-shadow:none; color:#2c3d50; font-size:18px;}
a.chalkBoardBtn, .chalkBoardBtn{color:#2c3d50; border:2px solid #2c3d50; width:100%; font-size:18px;}
.subjectList .flexCol{padding-bottom:0;}
.subjectList a.list{font-size:20px; min-height:inherit;}
.h1, h1, .h2, h2{font-size:26px}
.chalkBoard .question{font-size:20px; color:#2c3d50; padding-left:0; display:block; text-align:center; margin-bottom:10px; border-top:1px solid #2c3d50; padding-top:30px; padding-right:0; margin-top:10px;}
.reportQuestion a{width: auto; color: #666; border-color: #666; font-size: 10px;}
.chalkBoard .question .icon{width:auto; height:auto; border-radius:5px; padding:3px 5px; position:static; display:inline-block; margin-bottom:10px;}
.chalkBoard .question .icon > div{font-size:12px; display:inline-block; line-height:normal; margin-left:5px;}
.chalkBoardInner > div{line-height: normal !important;}
.displayFlex.optionList .list{min-height:inherit; font-size:20px;}
.btnSkip{color:#2c3d50;}
.displayFlex.optionList .list.label_radio.r_on::after{border:5px solid #00aadb;}
.displayFlex.optionList .list.label_radio.r_on::before{font-size:22px; top:-15px; color:#fff; width:30px; height:30px; line-height:30px; background-color:#00aadb; margin-left:-15px;}
.displayFlex.optionList .flexCol{padding:25px 0 0 0;}
.questionSlider .slick-next, .questionSlider .slick-prev{top:auto; bottom:20px; font-size:12px; height:auto; line-height:normal; background:#000; width:auto; padding:2px 10px;}
.questionSlider .slick-next:before, .questionSlider .slick-prev:before{display:none;}
.questionSlider .slick-next{right:0;}
.questionSlider .slick-prev{left:0;}
.blogDetail .blogDetailImg{height:auto;}
.blogDetail .blogDetailImg img{position:static; transform:none; -webkit-transform:none;}
.panel-group.accordion.accordionStyle{padding:15px;}
.chalkBoardInner .al.lhn.mt20px > div{font-size: 18px !important;}
.chalkBoardInner .white{color:#2c3d50;}

}




@media screen and (max-width:340px){
.btn{font-size:14px;}
}