.clearfix:after, .clearfix:before {

	display:table;

	content:"";

	line-height:0

}

.clearfix:after {

	clear:both

}

.hide-text {

	font:0/0 a;

	color:transparent;

	text-shadow:none;

	background-color:transparent;

	border:0

}

.input-block-level {

	display:block;

	width:100%;

	min-height:30px;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing:border-box

}

.hidden {

	display:none;

	visibility:hidden

}

.hidden-desktop, .visible-phone, .visible-tablet {

	display:none!important

}

.visible-desktop {

	display:inherit!important

}

@media (min-width:768px) and (max-width:979px) {

.hidden-desktop {

display:inherit!important

}

.visible-desktop {

display:none!important

}

.visible-tablet {

display:inherit!important

}

.hidden-tablet {

display:none!important

}

}

@media (max-width:767px) {

.hidden-desktop {

display:inherit!important

}

.visible-desktop {

display:none!important

}

.visible-phone {

display:inherit!important

}

.hidden-phone {

display:none!important

}

}

@media (min-width:1300px) {

.row-fluid:after, .row-fluid:before, .row:after, .row:before {

display:table;

content:"";

line-height:0

}

.row-fluid:after, .row:after {

clear:both

}

.row {

margin-left:-30px

}

[class*=span] {

float:left;

min-height:1px;

margin-left:30px

}

.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container, .span12 {

width:1170px

}

.span11 {

width:1070px

}

.span10 {

width:970px

}

.span9 {

width:870px

}

.span8 {

width:770px

}

.span7 {

width:670px

}

.span6 {

width:570px

}

.span5 {

width:470px

}

.span4 {

width:370px

}

.span3 {

width:270px

}

.span2 {

width:170px

}

.span1 {

width:70px

}

.row-fluid, .row-fluid .span12 {

width:100%

}

.offset12 {

margin-left:1230px

}

.offset11 {

margin-left:1130px

}

.offset10 {

margin-left:1030px

}

.offset9 {

margin-left:930px

}

.offset8 {

margin-left:830px

}

.offset7 {

margin-left:730px

}

.offset6 {

margin-left:630px

}

.offset5 {

margin-left:530px

}

.offset4 {

margin-left:430px

}

.offset3 {

margin-left:330px

}

.offset2 {

margin-left:230px

}

.offset1 {

margin-left:130px

}

.row-fluid [class*=span] {

display:block;

width:100%;

min-height:30px;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

float:left;

margin-left:2.564102564102564%

}

.row-fluid [class*=span]:first-child {

margin-left:0

}

.row-fluid .span11 {

width:91.45299145299145%

}

.row-fluid .span10 {

width:82.90598290598291%

}

.row-fluid .span9 {

width:74.35897435897436%

}

.row-fluid .span8 {

width:65.81196581196582%

}

.row-fluid .span7 {

width:57.26495726495726%

}

.row-fluid .span6 {

width:48.717948717948715%

}

.row-fluid .span5 {

width:40.17094017094017%

}

.row-fluid .span4 {

width:31.623931623931625%

}

.row-fluid .span3 {

width:23.076923076923076%

}

.row-fluid .span2 {

width:14.52991452991453%

}

.row-fluid .span1 {

width:5.982905982905983%

}

.row-fluid .offset12 {

margin-left:105.12820512820512%

}

.row-fluid .offset12:first-child {

margin-left:102.56410256410257%

}

.row-fluid .offset11 {

margin-left:96.58119658119658%

}

.row-fluid .offset11:first-child {

margin-left:94.01709401709402%

}

.row-fluid .offset10 {

margin-left:88.03418803418803%

}

.row-fluid .offset10:first-child {

margin-left:85.47008547008548%

}

.row-fluid .offset9 {

margin-left:79.48717948717949%

}

.row-fluid .offset9:first-child {

margin-left:76.92307692307693%

}

.row-fluid .offset8 {

margin-left:70.94017094017094%

}

.row-fluid .offset8:first-child {

margin-left:68.37606837606839%

}

.row-fluid .offset7 {

margin-left:62.393162393162385%

}

.row-fluid .offset7:first-child {

margin-left:59.82905982905982%

}

.row-fluid .offset6 {

margin-left:53.84615384615384%

}

.row-fluid .offset6:first-child {

margin-left:51.28205128205128%

}

.row-fluid .offset5 {

margin-left:45.299145299145294%

}

.row-fluid .offset5:first-child {

margin-left:42.73504273504273%

}

.row-fluid .offset4 {

margin-left:36.75213675213675%

}

.row-fluid .offset4:first-child {

margin-left:34.18803418803419%

}

.row-fluid .offset3 {

margin-left:28.205128205128204%

}

.row-fluid .offset3:first-child {

margin-left:25.641025641025642%

}

.row-fluid .offset2 {

margin-left:19.65811965811966%

}

.row-fluid .offset2:first-child {

margin-left:17.094017094017093%

}

.row-fluid .offset1 {

margin-left:11.11111111111111%

}

.row-fluid .offset1:first-child {

margin-left:8.547008547008546%

}

.uneditable-input, input, textarea {

margin-left:0

}

.controls-row [class*=span]+[class*=span] {

margin-left:30px

}

.uneditable-input.span12, input.span12, textarea.span12 {

width:1156px

}

.uneditable-input.span11, input.span11, textarea.span11 {

width:1056px

}

.uneditable-input.span10, input.span10, textarea.span10 {

width:956px

}

.uneditable-input.span9, input.span9, textarea.span9 {

width:856px

}

.uneditable-input.span8, input.span8, textarea.span8 {

width:756px

}

.uneditable-input.span7, input.span7, textarea.span7 {

width:656px

}

.uneditable-input.span6, input.span6, textarea.span6 {

width:556px

}

.uneditable-input.span5, input.span5, textarea.span5 {

width:456px

}

.uneditable-input.span4, input.span4, textarea.span4 {

width:356px

}

.uneditable-input.span3, input.span3, textarea.span3 {

width:256px

}

.uneditable-input.span2, input.span2, textarea.span2 {

width:156px

}

.uneditable-input.span1, input.span1, textarea.span1 {

width:56px

}

.thumbnails {

margin-left:-30px

}

.thumbnails>li {

margin-left:30px

}

.row-fluid .thumbnails {

margin-left:0

}

}

@media (min-width:768px) and (max-width:979px) {

.row-fluid:after, .row-fluid:before, .row:after, .row:before {

display:table;

content:"";

line-height:0

}

.row-fluid:after, .row:after {

clear:both

}

.row {

margin-left:-20px

}

[class*=span] {

float:left;

min-height:1px;

margin-left:20px

}

.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container, .span12 {

width:724px

}

.span11 {

width:662px

}

.span10 {

width:600px

}

.span9 {

width:538px

}

.span8 {

width:476px

}

.span7 {

width:414px

}

.span6 {

width:352px

}

.span5 {

width:290px

}

.span4 {

width:228px

}

.span3 {

width:166px

}

.span2 {

width:104px

}

.span1 {

width:42px

}

.row-fluid, .row-fluid .span12 {

width:100%

}

.offset12 {

margin-left:764px

}

.offset11 {

margin-left:702px

}

.offset10 {

margin-left:640px

}

.offset9 {

margin-left:578px

}

.offset8 {

margin-left:516px

}

.offset7 {

margin-left:454px

}

.offset6 {

margin-left:392px

}

.offset5 {

margin-left:330px

}

.offset4 {

margin-left:268px

}

.offset3 {

margin-left:206px

}

.offset2 {

margin-left:144px

}

.offset1 {

margin-left:82px

}

.row-fluid [class*=span] {

display:block;

width:100%;

min-height:30px;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box;

float:left;

margin-left:2.7624309392265194%

}

.row-fluid [class*=span]:first-child {

margin-left:0

}

.row-fluid .span11 {

width:91.43646408839778%

}

.row-fluid .span10 {

width:82.87292817679558%

}

.row-fluid .span9 {

width:74.30939226519336%

}

.row-fluid .span8 {

width:65.74585635359116%

}

.row-fluid .span7 {

width:57.18232044198895%

}

.row-fluid .span6 {

width:48.61878453038674%

}

.row-fluid .span5 {

width:40.05524861878453%

}

.row-fluid .span4 {

width:31.491712707182323%

}

.row-fluid .span3 {

width:22.92817679558011%

}

.row-fluid .span2 {

width:14.3646408839779%

}

.row-fluid .span1 {

width:5.801104972375691%

}

.row-fluid .offset12 {

margin-left:105.52486187845304%

}

.row-fluid .offset12:first-child {

margin-left:102.76243093922652%

}

.row-fluid .offset11 {

margin-left:96.96132596685082%

}

.row-fluid .offset11:first-child {

margin-left:94.1988950276243%

}

.row-fluid .offset10 {

margin-left:88.39779005524862%

}

.row-fluid .offset10:first-child {

margin-left:85.6353591160221%

}

.row-fluid .offset9 {

margin-left:79.8342541436464%

}

.row-fluid .offset9:first-child {

margin-left:77.07182320441988%

}

.row-fluid .offset8 {

margin-left:71.2707182320442%

}

.row-fluid .offset8:first-child {

margin-left:68.50828729281768%

}

.row-fluid .offset7 {

margin-left:62.70718232044199%

}

.row-fluid .offset7:first-child {

margin-left:59.94475138121547%

}

.row-fluid .offset6 {

margin-left:54.14364640883978%

}

.row-fluid .offset6:first-child {

margin-left:51.38121546961326%

}

.row-fluid .offset5 {

margin-left:45.58011049723757%

}

.row-fluid .offset5:first-child {

margin-left:42.81767955801105%

}

.row-fluid .offset4 {

margin-left:37.01657458563536%

}

.row-fluid .offset4:first-child {

margin-left:34.25414364640884%

}

.row-fluid .offset3 {

margin-left:28.45303867403315%

}

.row-fluid .offset3:first-child {

margin-left:25.69060773480663%

}

.row-fluid .offset2 {

margin-left:19.88950276243094%

}

.row-fluid .offset2:first-child {

margin-left:17.12707182320442%

}

.row-fluid .offset1 {

margin-left:11.32596685082873%

}

.row-fluid .offset1:first-child {

margin-left:8.56353591160221%

}

.uneditable-input, input, textarea {

margin-left:0

}

.controls-row [class*=span]+[class*=span] {

margin-left:20px

}

.uneditable-input.span12, input.span12, textarea.span12 {

width:710px

}

.uneditable-input.span11, input.span11, textarea.span11 {

width:648px

}

.uneditable-input.span10, input.span10, textarea.span10 {

width:586px

}

.uneditable-input.span9, input.span9, textarea.span9 {

width:524px

}

.uneditable-input.span8, input.span8, textarea.span8 {

width:462px

}

.uneditable-input.span7, input.span7, textarea.span7 {

width:400px

}

.uneditable-input.span6, input.span6, textarea.span6 {

width:338px

}

.uneditable-input.span5, input.span5, textarea.span5 {

width:276px

}

.uneditable-input.span4, input.span4, textarea.span4 {

width:214px

}

.uneditable-input.span3, input.span3, textarea.span3 {

width:152px

}

.uneditable-input.span2, input.span2, textarea.span2 {

width:90px

}

.uneditable-input.span1, input.span1, textarea.span1 {

width:28px

}



.span3_new {

width:220px;

}



.span3_new1

{width:218px;

}



}

@media (max-width:767px) {

body {

padding-left:20px;

padding-right:20px

}

.navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {

margin-left:-20px;

margin-right:-20px

}

.controls-row [class*=span]+[class*=span], .dl-horizontal dd, .row, .thumbnails, .thumbnails>li {

margin-left:0

}

.container-fluid {

padding:0

}

.dl-horizontal dt {

float:none;

clear:none;

width:auto;

text-align:left

}

.container {

width:auto

}

.row-fluid {

width:100%

}

.thumbnails>li {

float:none

}

.row-fluid [class*=span], [class*=span] {

float:none;

display:block;

width:100%;

margin-left:0;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box

}

.row-fluid .span12, .span12 {

width:100%;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box

}

.input-large, .input-xlarge, .input-xxlarge, .uneditable-input, input[class*=span], select[class*=span], textarea[class*=span] {

display:block;

width:100%;

min-height:30px;

-webkit-box-sizing:border-box;

-moz-box-sizing:border-box;

box-sizing:border-box

}

.input-append input, .input-append input[class*=span], .input-prepend input, .input-prepend input[class*=span] {

display:inline-block;

width:auto

}

.modal {

position:fixed;

top:20px;

left:20px;

right:20px;

width:auto;

margin:0

}

 .modal.fade.in {

top:auto

}

}

@media (max-width:480px) {

.nav-collapse {

-webkit-transform:translate3d(0, 0, 0)

}

.page-header h1 small {

display:block;

line-height:20px

}

input[type=checkbox], input[type=radio] {

border:1px solid #ccc

}

.form-horizontal .control-label {

float:none;

width:auto;

padding-top:0;

text-align:left

}

.form-horizontal .controls {

margin-left:0

}

.form-horizontal .control-list {

padding-top:0

}

.form-horizontal .form-actions {

padding-left:10px;

padding-right:10px

}

.modal {

top:10px;

left:10px;

right:10px

}

.modal-header .close {

padding:10px;

margin:-10px

}

.carousel-caption {

position:static

}

}

@media (max-width:979px) {

body {

padding-top:0

}

.navbar-fixed-bottom, .navbar-fixed-top {

position:static

}

.navbar-fixed-top {

margin-bottom:20px

}

.navbar-fixed-bottom {

margin-top:20px

}

.navbar-fixed-bottom .navbar-inner, .navbar-fixed-top .navbar-inner {

padding:5px

}

.navbar .container {

width:auto;

padding:0

}

.navbar .brand {

padding-left:10px;

padding-right:10px;

margin:0 0 0 -5px

}

.nav-collapse {

clear:both

}

.nav-collapse .nav {

float:none;

margin:0 0 10px;

background:#fff

}

.nav-collapse .dropdown-menu li+li a, .nav-collapse .nav>li>a {

margin-bottom:2px

}

.nav-collapse .nav>li {

float:none

}

.nav-collapse .nav>.divider-vertical {

display:none

}

.nav-collapse .nav .nav-header {

color:#777;

text-shadow:none

}

.nav-collapse .dropdown-menu a, .nav-collapse .nav>li>a {

padding:9px 15px;

font-weight:700;

color:#777;

-webkit-border-radius:3px;

-moz-border-radius:3px;

border-radius:3px

}

.nav-collapse .btn {

padding:4px 10px;

font-weight:400;

-webkit-border-radius:4px;

-moz-border-radius:4px;

border-radius:4px

}

.nav-collapse .dropdown-menu a:hover, .nav-collapse .nav>li>a:hover {

background-color:#f2f2f2

}

.navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .nav>li>a:hover {

background-color:#111

}

.nav-collapse.in .btn-group {

margin-top:5px;

padding:0

}

.nav-collapse .dropdown-menu {

position:static;

top:auto;

left:auto;

float:none;

display:block;

max-width:none;

margin:0 15px;

padding:0;

background-color:transparent;

border:none;

-webkit-border-radius:0;

-moz-border-radius:0;

border-radius:0;

-webkit-box-shadow:none;

-moz-box-shadow:none;

box-shadow:none

}

.nav-collapse .dropdown-menu .divider, .nav-collapse .dropdown-menu:after, .nav-collapse .dropdown-menu:before, .nav-collapse .nav>li>.dropdown-menu:after, .nav-collapse .nav>li>.dropdown-menu:before {

display:none

}

.nav-collapse .navbar-form, .nav-collapse .navbar-search {

float:none;

padding:10px 15px;

margin:10px 0;

border-top:1px solid #f2f2f2;

border-bottom:1px solid #f2f2f2;

-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1)

}

.navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {

border-top-color:#111;

border-bottom-color:#111

}

.navbar .nav-collapse .nav.pull-right {

float:none;

margin-left:0

}

.nav-collapse, .nav-collapse.collapse {

overflow:hidden;

height:0;

z-index: 99999999;

}

.navbar .btn-navbar {

display:block

}

.navbar-static .navbar-inner {

padding-left:10px;

padding-right:10px

}

}

@media (min-width:980px) {

.nav-collapse.collapse {

height:auto!important;

overflow:visible!important

}

.hide-class {

height:100px

}

}

@media (min-width:1025px) and (max-width:1500px) {

.navbar-inverse .brand, .navbar-inverse .nav>li>a {

color:#fff;

text-shadow:0 -1px 0 rgba(0, 0, 0, .25);

border-left:solid 1px #9f0e11;

font-family:'Roboto Condensed', sans-serif;

font-size:12px

}

.hide-class {

height:100px

}

}

@media (min-width:1152px) and (max-width:1280px) {

.navbar-inverse .brand, .navbar-inverse .nav>li>a {

color:#fff;

text-shadow:0 -1px 0 rgba(0, 0, 0, .25);

border-left:solid 1px #9f0e11;

font-family:'Roboto Condensed', sans-serif;

font-size:12px

}

.hide-class {

height:100px

}

}

@media (min-width:1360px) and (max-width:1500px) {

.list {

list-style:none;

padding-top:14px;

float:left;

margin:0;

width:271px

}

.hide-class {

height:100px

}

}

@media (min-width:768px) and (max-width:979px) {

.list {

list-style:none;

padding-top:14px;

float:left;

margin:0;

width:271px

}

.hide-class {

height:100px

}

.nav-collapse {

clear:both;

background-color:#FFF

}

}

@media (min-width:320px) and (max-width:800px) {

.navbar-inverse .navbar-inner {

background-color:#fe0000;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);

border-color:#fe0000

}

.hide-class {

height:100px

}

.nav-collapse {

clear:both;

background-color:#FFF

}

}



/*--pg1--*/

.testing-bg {

	background: rgba(0, 0, 0, 0) url("../images/testing-bg.png") no-repeat fixed center center / cover;

}

.testing-win {

	background: rgba(0, 0, 0, 0) url("../images/testing-win.jpg") no-repeat fixed center center / cover;

}

.content-head1 h3 {

	color: #fff;

	margin-top: 15px;

}

.green {

	background:#13a0b2!important;

}

.learn {

	font-size: 25px!important;

	background:#434344;

	margin-left:0px;

	margin-right:5px;

	text-align:center;

	margin-top:-10px!important;

	margin-bottom:11px;

	padding:5px;

}

.green p {

	color:#FFF;

}

.content-list1 {

	font-size:14px;

}

.green-light{

	background:#8fba3c!important;

}

.border-y-white {

	background-color: #FFFFFF4D;

	width: 2px;

	height: 200px;

}

.php-bg {

	background: rgba(0, 0, 0, 0) url("../images/php-bg.png") no-repeat fixed center center / cover;

}

.php-win {

	background: rgba(0, 0, 0, 0) url("../images/php-win.jpg") no-repeat fixed center center / cover;

}

.pink {

	background:#564a92!important;

}

.linux-bg {

	background: rgba(0, 0, 0, 0) url("../images/linux-bg.png") no-repeat fixed center center / cover;

}

.linux-win {

	background: rgba(0, 0, 0, 0) url("../images/linux-win.jpg") no-repeat fixed center center / cover;

}

.perl-bg {

	background: rgba(0, 0, 0, 0) url("../images/perl-bg.png") no-repeat fixed center center / cover;

}

.perl-win {

	background: rgba(0, 0, 0, 0) url("../images/perl-win.jpg") no-repeat fixed center center / cover;

}

.ipv6-bg {

	background: rgba(0, 0, 0, 0) url("../images/amazon-bg.png") no-repeat fixed center center / cover;

}

.amazon-win {

	background: rgba(0, 0, 0, 0) url("../images/amazon-win.jpg") no-repeat fixed center center / cover;

}

.orange {

	background: -webkit-linear-gradient(#ffd800, #f9ae10); /* For Safari */

	background: -o-linear-gradient(#ffd800, #f9ae10); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(#ffd800, #f9ae10); /* For Firefox 3.6 to 15 */

	background: linear-gradient(#ffd800, #f9ae10);

}

.ipv6-bg {

	background: rgba(0, 0, 0, 0) url("../images/ipv6-bg.png") no-repeat fixed center center / cover;

}

.ipv6-win {

	background: rgba(0, 0, 0, 0) url("../images/ipv6-win.jpg") no-repeat fixed center center / cover;

}

.dark-blue {

	background: -webkit-linear-gradient(#17174b, #103357); /* For Safari */

	background: -o-linear-gradient(#17174b, #103357); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(#17174b, #103357); /* For Firefox 3.6 to 15 */

	background: linear-gradient(#17174b, #103357);

}



.seo1-bg {

	background: rgba(0, 0, 0, 0) url("../images/seo1-bg.png") no-repeat fixed center center / cover;

}

.seo1-win {

	background: rgba(0, 0, 0, 0) url("../images/seo1-win.jpg") no-repeat fixed center center / cover;

}



.ios-bg {

	background: rgba(0, 0, 0, 0) url("../images/ios-bg.png") no-repeat fixed center center / cover;

}

.ios-win {

	background: rgba(0, 0, 0, 0) url("../images/ios-win.jpg") no-repeat fixed center center / cover;

}

.python-bg {

	background: rgba(0, 0, 0, 0) url("../images/python-bg.png") no-repeat fixed center center / cover;

}

.python-win {

	background: rgba(0, 0, 0, 0) url("../images/python-win.jpg") no-repeat fixed center center / cover;

}

.dotnet-bg {

	background: rgba(0, 0, 0, 0) url("../images/dotnet-bg.png") no-repeat fixed center center / cover;

}

.dotnet-win {

	background: rgba(0, 0, 0, 0) url("../images/dotnet-win.jpg") no-repeat fixed center center / cover;

}

.darkblue {

	background: -webkit-linear-gradient(#023b60, #051653); /* For Safari */

	background: -o-linear-gradient(#023b60, #051653); /* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(#023b60, #051653); /* For Firefox 3.6 to 15 */

	background: linear-gradient(#023b60, #051653);

}

.blue-light

{background:#28a0e3  !important;

}

.green-dark

{background:#0e3655 !important;}



/*--pg1--*/









.java-bg{ background: rgba(0, 0, 0, 0) url("../images/java-bg.png") no-repeat fixed center center / cover ;}

.java-win{ background: rgba(0, 0, 0, 0) url("../images/java-win.jpg") no-repeat fixed center center / cover ;}

.android-bg{ background: rgba(0, 0, 0, 0) url("../images/android-bg.png") no-repeat fixed center center / cover ;} 

.seo-bg{ background: rgba(0, 0, 0, 0) url("../images/seo-bg.png") no-repeat fixed center center / cover ;} 

.h-3{color: #000; font-size: 39px; text-align: center;}

.course-h{background-color:#e26364; font-size: 32px; padding: 8px 8px 8px 20px; margin-bottom: 0px; color: #FFFFFF}

.list-bg1{color: #fff; background-color: #fff;}

.content-head h2{color: #fff; font-weight:400;}

.content-head p{ color: #fff !important; text-align: justify;}

.content-head h3{ color: #fff; margin-top: 34px;}

.content-list{font-size: 16px; font-weight: bold;}

.content-list li{margin-bottom: 10px; color: #fff;}

.banner-label{background-color: #fff; float: left; width: 100%;}

.banner-h1 h1{font-size:55px;line-height:49px;color:#fff; font-weight: inherit;}

.banner-h1 p{text-align:justify;color:#fff;font-size:17px;padding-top: 15px;}

.text1 p{	color: #807d7d !important;margin-top: -20px;font-size: 13px;padding-bottom: 5px;}

.yelow{background-color: #ffaf04;}

.yelow h2{font-size: 34px; text-transform: uppercase;}

.yelow p{font-size: 18px; font-weight: 500;}





.blue{background-color: #195b80;}

.blue h2{font-size: 34px; text-transform: uppercase;}

.blue p{font-size: 18px; font-weight: 500;}



.border-y{ background-color:#FF7E00; width:2px; height: 200px}

.white-bg{background-color: #fff;}

.h-in{font-size: 22px; color: #000; text-transform: uppercase; margin-bottom: 5px;}

.testi-h{font-size: 22px; color: #000;margin-bottom: 5px;}

.h-banner{font-size: 19px; color: #000;margin-bottom: 5px;}

 .testi{width: 100%;}

 .testi-bg{background-color: #f3f3f3;}

.testi-spn{color: #e52c74}

.m-top{ margin-top:-12px;margin-left: 6px;}

.course-list{font-family: 'Open Sans',sans-serif; font-size:12px; color:#383838;padding:20px;padding-left:30px; margin:0px;padding-top: 0px !important;}

.course-list li{ line-height: 25px;}

.course-module{font-family: 'Open Sans',sans-serif; font-size:20px;padding:20px; background:#42494b;color:#ffffff;padding-top: 10px;padding-bottom: 10px; margin-top: 0px !important;}

.head-2h3{ font-size:22px; margin-right: 0px !important; padding-top: 0px !important;}

.job-op li{ list-style: square; font-size: 20px; line-height: 25px; color: #000;}

.job-op2 li{ list-style: square; font-size: 15px; line-height: 25px; color: #000;}







.gry{ background-color: #f9f9f9;}

.gry h3{ color: #000 !important; text-transform: none !important; font-size: 35px; line-height:50px;}





@media (min-width:320px) and (max-width:800px)

{

	.box1 {

    margin-left: 19px;

    width: 100%;

}

	



}











































/*start*/















.chartBarsWrap {

    margin: 0 30px 0 20px;

    padding-left: 40px;

}

.chartBars {

    height: 300px;

    margin: 50px 0px 90px 0px;

    max-width: 600px;

    position: relative;

}

.chartBars .bars {

    border-bottom: 1px solid #bbb;

    border-left: 1px solid #bbb;

    display: flex;

    height: 100%;

    justify-content: space-around;

    margin: 0;

    padding: 0 1%;

    width: 100%;

}

.chartBars .bars li {

    -moz-box-flex: 0;

    display: inline-block;

    flex: 0 1 24%;

    font-size: 16px;

    height: 100%;

    margin: 0;

    position: relative;

    text-align: center;

}

.chartBars .bars li .bar {

	background: #49e none repeat scroll 0 0;

	bottom: 0;

	color: #fff;

	font-size: 2.4em;

	height: 0;

	outline: 2px solid transparent;

	overflow: hidden;

	padding-top: 20px;

	position: absolute;

	transition: height 1.5s cubic-bezier(0.6, 0.4, 0.4, 1) 0s;

	width: 100%;

	border-top-right-radius: 20px;

	/*left: -19px;*/

}

.chartBars .bars li .bar::after {

    color: rgba(255, 255, 255, 0.8);

    content: "%";

    font-size: 26px;

    margin-right: -8px;

    vertical-align: top;

}

.chartBars .bars li b {

    bottom: -3em;

    color: #eee;

    left: 0;

    position: absolute;

    text-align: center;

    width: 100%;

}

.chartBars .numbers {

    display: inline-block;

    height: 100%;

    left: -50px;

    margin: 0;

    padding: 0;

    position: absolute;

    width: 50px;

}

.chartBars .numbers li {

    bottom: 11px;

    color: #eee;

    font-size: 13px;

    height: 59px;

    list-style: outside none none;

    padding-right: 1em;

    position: relative;

    right: -9px;

    text-align: right;

}

.chartBars .numbers li::after {

    color: rgba(255, 255, 255, 0.34);

    content: "¯";

    font-size: 20px;

    position: relative;

    right: -5px;

    top: 9px;

}

.chartBars .numbers li:first-of-type {

    height: 63px;

    margin-top: -1px;

}

.chartBars1 .bar {

    border-top-right-radius: 30px;

}

.chartBars2 {

    max-width: 460px;

}

.chartBars2 .bars {

    padding: 0;

}

.chartBars2 .bars li {

    -moz-box-flex: 0;

/*    flex: 0 1 25%;*/

}

.chartBars2 .bars li .bar {

  /*  box-shadow: 0 0 20px #222;*/

}

.chartBars3 {

    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;

    border-right: 1px solid #666;

    border-top: 1px solid #666;

}

.chartBars3 .bars {

    border-color: #666;

    padding: 0;

}

.chartBars3 .bars li .bar {

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    font-size: 22px;

}

.chartBars3 .bars li .bar::after {

    font-size: 0.6em;

}

.bars li .bar.greenBar {

    background: rgba(0, 0, 0, 0) radial-gradient(#99cb32, #6b8e23) repeat scroll 0 0;

}

.bars li .bar.blueBar {

    background: rgba(0, 0, 0, 0) radial-gradient(#8abff4, #49e) repeat scroll 0 0;

}

.bars li .bar.orangeBar {

    background: rgba(0, 0, 0, 0) radial-gradient(#ffc04d, #ffa500) repeat scroll 0 0;

}

.bars li .bar.purpleBar {

    background: rgba(0, 0, 0, 0) radial-gradient(#9778c9, #6e46af) repeat scroll 0 0;

}

.box-piesite {

    font-size: 22px;

    text-align: center;

}

.piesite {

    cursor: default;

    font-size: 10em;

    height: 1em;

    position: relative;

    width: 1em;

}

.percent {

    font-size: 0.3em;

    left: 0.1em;

    position: absolute;

    text-align: center;

    top: 1.1em;

    width: 100%;

    z-index: 2;

}

.percent .symbol {

    font-size: 0.5em;

    opacity: 0.5;

    vertical-align: top;

}

.piesite > #slice {

    clip: rect(0px, 1em, 1em, 0.5em);

    height: 1em;

    position: absolute;

    width: 1em;

}

.piesite > #slice.gt50 {

    clip: rect(auto, auto, auto, auto);

}

.piesite > #slice > .pie {

    border: 0.1em solid #444;

    border-radius: 0.5em;

    clip: rect(0em, 0.5em, 1em, 0em);

    height: 1em;

    position: absolute;

    width: 1em;

}

li.design .piesite > #slice > .pie {

    border-color: #49e;

}

li.usability .piesite > #slice > .pie {

    border-color: #ffa500;

}

li.creativity .piesite > #slice > .pie {

    border-color: #6b8e23;



}

.piesite > #slice > .pie.fill {

    transform: rotate(180deg);

}

.piesite.fill > .percent {

    display: none;

}

.piesite::after {

    background: #30303a none repeat scroll 0 0;

    border-radius: 100%;

    content: "";

    display: block;

    height: 0.8em;

    left: 0.1em;

    position: absolute;

    top: 0.1em;

    width: 0.8em;

    z-index: 1;

}

.piesite::before {

    border-radius: 0.5em;

    content: "";

    display: block;

    height: 1em;

    opacity: 0.5;

    position: absolute;

    width: 1em;

    z-index: 0;

}

.piesite::before {

    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;

}

.box-piesite ul {

    padding: 0;

}

.box-piesite ul li {

    display: inline-block;

    margin: 10px 20px;

}

@media screen and (min-width: 600px) {

.bar::before {

    font-size: 2em;

}

.chartBars3 .bar::before {

    font-size: 1.5em;

}

}

.tooltip > .tooltipContent {

    background: #222 none repeat scroll 0 0;

    color: #f0b015;

    display: block;

    font-family: "Helvetica";

    font-size: 0.8em;

    font-weight: normal;

    left: 50%;

    line-height: 1.5em;

    margin-left: 0;

    max-width: 500px;

    min-width: 200px;

    opacity: 0;

    padding: 16px 15px;

    position: absolute;

    text-align: center;

    text-transform: none;

    top: 0;

    transform: translate(-50%, -110%);

    transition: all 0.3s ease-in-out 0s;

    z-index: 2;

}

.tooltip:hover > .tooltipContent {

    opacity: 1;

    transform: translate(-50%, -130%);

    transition: all 0.2s ease 0s;

    z-index: 99;

}

.tooltip .tooltipContent::after {

    border-color: #222 rgba(0, 0, 0, 0);

    border-style: solid;

    border-width: 15px 15px 0;

    bottom: -15px;

    content: "";

    display: block;

    left: 50%;

    position: absolute;

    transform: translate(-50%, 0px);

    width: 0;

}





















/*--end--*/



























.cloud-bg{ background: rgba(0, 0, 0, 0) url("../images/cloud-bg.jpg") no-repeat fixed center center / cover ;}



.cloud-bg h1

{

	color:#153742!important;

	

	}

	.cloud-bg p

	{

	color: #575555 !important;

	}

	.cloud-win{ background: rgba(0, 0, 0, 0) url("../images/cloud-win.jpg") no-repeat fixed center center / cover ;}

	

	.cloud_head

	{

		background:#6B9F3B;

		

		}

		

		.cloud-acc h4

		{

		font-size: 18px;

font-weight: 600;

		}

		

		 .panel-group .panel {

        border-radius: 0;

        box-shadow: none;

        border-color: #EEEEEE;

    }



    .panel-default > .panel-heading {

        padding: 0;

        border-radius: 0;

        color: #212121;

        background-color: #FAFAFA;

        border-color: #EEEEEE;

    }



    .panel-title {

        font-size: 14px;

    }



    .panel-title > a {

        display: block;

        padding: 15px;

        text-decoration: none;

    }



    .more-less {

        float: right;

        color: #212121;

    }



    .panel-default > .panel-heading + .panel-collapse > .panel-body {

        border-top-color: #EEEEEE;

    }

	.cloud_head h2

	{

		color:white;

		

		}

		

		

		.red-bg{ background: rgba(0, 0, 0, 0) url("../images/red-bg.jpg") no-repeat fixed center center / cover ;}

		.red-win{ background: rgba(0, 0, 0, 0) url("../images/red-win.jpg") no-repeat fixed center center / cover ;}

		.red-win h4

		{

			color:#fff;

			font-size:24px;

			

			}

		

	.ccna-bg{ background: rgba(0, 0, 0, 0) url("../images/ccna-bg.jpg") no-repeat fixed center center / cover ;}

	.ccna-win{ background: rgba(0, 0, 0, 0) url("../images/ccna-win.jpg") no-repeat fixed center center / cover ;}

	.ccna-win h4

		{

			color:#fff;

			font-size:24px;

			

			}

			

			.ccna_color p {

    font-size: 15px;

    font-weight: 500;

}

			.windows-bg{ background: rgba(0, 0, 0, 0) url("../images/windows-bg.jpg") no-repeat fixed center center / cover }

	.windows-win{ background: rgba(0, 0, 0, 0) url("../images/windows-win.jpg") no-repeat fixed center center / cover ;}

	

	.age

	{

		

		padding:10px;

		font-weight:bold;

		

		

		}

		.age h5

		{

			color:white;

			font-weight:500 !important;

			}

		.win_color

		{

			

			background:#007DAF;

			}

			.win_colors

		{

			

			background:#112233;

			}

			.win-height

			{

				height: 350px;

				background:white;

				

				}

				.ccna_color

		{

			

			background:#15495D;

			}

			.rhce_color

			{

			

			background-color: #272727;

			}

			@media(min-width:768px)

			{

			.review

			{

				padding-top:60px

				

				}

			}

			

			.web-bg{ background: rgba(0, 0, 0, 0) url("../images/web-bg.jpg") no-repeat fixed center center / cover ;

			}

	.web-win{ background: rgba(0, 0, 0, 0) url("../images/web-win.jpg") no-repeat fixed center center / cover ;}

	

	

	.web_color

	{

		  background:#344146;

		

		}

		.web_colors

	{

		  background: #F29B34;

		

		}

		

		

		 



		

		

		

		

		

		

		

		



		.web_color h4

		{

			color:#FFFFFF;

			font-size: 27px;

line-height: 39px;

			

			}

			.web_color h3

		{

			color:#FFFFFF;

			font-size: 29px;

line-height: 39px;



			

			}

			

.particles-js-canvas-el {

   

	position:absolute;

	 max-height:400px;

	 z-index:1

	

}

.position

{

	z-index:9;

	position:relative;

	

	}

	

	

	

	.content1 {

 position: relative;

margin-top:40px;

left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  height: 50px;

  overflow: hidden;

  font-family: 'Lato', sans-serif;

  font-size: 35px;

  line-height: 40px;

  color: #ecf0f1;

}

.content__container {

  font-weight: 600;

  overflow: hidden;

  height: 40px;

  padding: 0 40px;

}

.content__container:before {

  content: '[';

  left: 0;

}

.content__container:after {

  content: ']';

  position: absolute;

  right: 0;

}

.content__container:after, .content__container:before {

  position: absolute;

  top: 0;

  color: #16a085;

  font-size: 42px;

  line-height: 40px;

  -webkit-animation-name: opacity;

  -webkit-animation-duration: 2s;

  -webkit-animation-iteration-count: infinite;

  animation-name: opacity;

  animation-duration: 2s;

  animation-iteration-count: infinite;

}

.content__container__text {

  display: inline;

  float: left;

  margin: 0;

}

.content__container__list {

  margin-top: 0;

  padding-left: 110px;

  text-align: left;

  list-style: none;

  -webkit-animation-name: change;

  -webkit-animation-duration: 10s;

  -webkit-animation-iteration-count: infinite;

  animation-name: change;

  animation-duration: 10s;

  animation-iteration-count: infinite;

}

.content__container__list__item {

  line-height: 40px;

  margin: 0;

}



@-webkit-keyframes opacity {

  0%, 100% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

}

@-webkit-keyframes change {

  0%, 12.66%, 100% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  16.66%, 29.32% {

    -webkit-transform: translate3d(0, -25%, 0);

            transform: translate3d(0, -25%, 0);

  }

  33.32%,45.98% {

    -webkit-transform: translate3d(0, -50%, 0);

            transform: translate3d(0, -50%, 0);

  }

  49.98%,62.64% {

    -webkit-transform: translate3d(0, -75%, 0);

            transform: translate3d(0, -75%, 0);

  }

  66.64%,79.3% {

    -webkit-transform: translate3d(0, -50%, 0);

            transform: translate3d(0, -50%, 0);

  }

  83.3%,95.96% {

    -webkit-transform: translate3d(0, -25%, 0);

            transform: translate3d(0, -25%, 0);

  }

}

@keyframes opacity {

  0%, 100% {

    opacity: 0;

  }

  50% {

    opacity: 1;

  }

}

@keyframes change {

  0%, 12.66%, 100% {

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  16.66%, 29.32% {

    -webkit-transform: translate3d(0, -25%, 0);

            transform: translate3d(0, -25%, 0);

  }

  33.32%,45.98% {

    -webkit-transform: translate3d(0, -50%, 0);

            transform: translate3d(0, -50%, 0);

  }

  49.98%,62.64% {

    -webkit-transform: translate3d(0, -75%, 0);

            transform: translate3d(0, -75%, 0);

  }

  66.64%,79.3% {

    -webkit-transform: translate3d(0, -50%, 0);

            transform: translate3d(0, -50%, 0);

  }

  83.3%,95.96% {

    -webkit-transform: translate3d(0, -25%, 0);

            transform: translate3d(0, -25%, 0);

  }

}





@media(max-width:980px)

{

	.content1 {

		font-size:27px ;

	

	}

}





@media(max-width:480px) and (min-width:360px)

{

	.content1 {

		font-size:16px ;

	

	}

	.content__container {

    font-weight: 600;

    overflow: hidden;

    height: 40px;

    padding: 0 29px;

}



}

@media(max-width:600px) and (min-width:300px)

{

.content-table {

    font-size: 11px;

}

.row-margin

{

margin-top:-50px !important;	

}

.panel {

    border: 1px solid #ddd;

    background-color: #fcfcfc;

    padding: 0px!important;	

}



.row-margin, .table td, .table th {

    padding: 2px;

}

.input-mob-width

{width:90%!important;}



.input-interview-name-mob-width

{width:93%;}

.span3_new {

width:220px;

}





}



@media(max-width:359px)



{

	.content1 {

		font-size:14px ;

	

	}

	.content__container {

    font-weight: 600;

    overflow: hidden;

    height: 40px;

    padding: 0 7px;

}

	

	}

#demo-canvas

{

	z-index:1;

	

	position:absolute;

	}





.red-bg2{ background: rgba(0, 0, 0, 0) url("../images/red-bg2.jpg") no-repeat fixed center center / cover ;}

.red-bg3{ background: rgba(0, 0, 0, 0) url("../images/red-bg3.jpg") no-repeat fixed center center / cover ;}





.sidebar ul.post-category-list li a {

    color: #000;

    display: flex;

}



.menu .active{

    background: #fe0000 !important;

	color:#FFF !important;

	font-weight: 600;

}





@media (min-width:900px) and (max-width:1920px)

{

.span3_new1

{width:141px;

	}

	

.span2_new1

{width:139px;

	}

.row-margin

{margin-top: -66px;}



	

}















.content-lis2t{font-size: 16px; font-weight: bold;}

.content-list2 li{margin-bottom: 10px; color: #333333;}



.color-page h2{ color:#333333 !important;}

.color-page h3{ color:#333333 !important;}



.color-page p{ color:#333333 !important;}

.color-page  h2{ color:#333333 !important;}







.color-page h5{

font-size: 21px !important;

color: #333333 !important;

letter-spacing: normal !important;

font-weight: 400 !important;

padding-bottom: 7px;

 }



.color-page h5{

font-size: 21px !important;

color: #333333 !important;

letter-spacing: normal !important;

font-weight: 400 !important;

padding-bottom: 7px;

 }