/* Added by Ashvini Khatri on 10-Nov-2014 To open forgot password page on "Login Help" link    Start*/
.txt_small{font-size:12px;}
.seco_txt{font-family:"Calibri", Arial, Helvetica, sans-serif;}
.padt_3{padding-top:3px;}
.text-right {
  text-align: right;
}
/* End */



#topcontrol { cursor: pointer; position: fixed; bottom: 20px; right: 20px; }
.mar-t20 { margin-top:20px; } 
.mar-b20 { margin-bottom: 20px; }
.mar-t8 { margin-top: 8px; }
.pad-18 { padding:18px; }
.pad-16 { padding:16px; }
.pad-10 { padding:20px; }
.padl-20 { padding-left:20px; }
.pad-r10 { padding-right:10px; }
.pad-none { padding:0px !important; }
.mar-none { margin:0px !important; }
.prim-color { color:#0db5e4; }
.sec-color { color:#ee8a1f; }
.ter-color { color:#FFFFFF; }
.topbar { background-color:#00b0df; height: 30px; line-height:30px; color:#FFFFFF; }
.topbar a { color:#FFFFFF; }
.silder-bg { }
.grad-belt { background: url(../png/bg-img.png) top repeat-x; padding-bottom: 20px; }
.heading-uppercase {  margin:30px 0px; }
.belt { background:#e7e7e7; padding:10px 0px; border-top: solid 1px #c5c5c5; }
.btn-orange, .btn-orange:hover { font-family: 'Ubuntu Condensed', sans-serif; font-size:1.500em; text-shadow: 0px 1px 1px rgba(150, 150, 150, 0.75); padding-top:2px; padding-bottom:4px; color:#FFFFFF; background: #ffa443; /* Old browsers */ background: -moz-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa443), color-stop(24%, #ff9b37), color-stop(74%, #ff7f10), color-stop(100%, #ff7501)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffa443 0%, #ff9b37 24%, #ff7f10 74%, #ff7501 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa443', endColorstr='#ff7501', GradientType=0 );
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE6-9 */
background-repeat: repeat-x; border-color: #ff9b37; }
.main-container { min-height:400px; background-color:#FFF; width:100%; border:solid 1px #b8b8b8; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom:none; padding-bottom:30px; }
.dashed-line { height: 1px; display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #919191; width:100%; padding-top:20px; margin-bottom:20px; }
.feature-box { background-color:#FFFFFF; width:100%; color:#5a5a5a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height:272px; }/* 53.0.0    updated width By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.   */
.feature-box h3 { border-bottom:1px solid #CCC; padding:12px; color:#5a5a5a; text-shadow: 0px 2px 0px rgba(150, 150, 150, 0.25); }
.feature-box ul { margin:0px; padding-left:18px; }
.play-tour-container { text-align:center; margin-top:-40px; height:85px; }
.play-tour-container a { display:inline-block; }
.price-packages-container { display:table; margin:auto; width:90%; margin-bottom:80px; padding-top:30px; }
.package-box { display: table-cell; min-height: 400px; float: left; width: 20%; background-color: #dbdbdb; border-left: 1px solid #bebebe; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } /* 53.0.0    Added By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.  */
.package-box:first-child { border-left:none; }
.package-box h5 { padding:3px 0px; background-color:#0c0c0c; text-align:center; font-family: 'Ubuntu Condensed', sans-serif; font-size:1.25em; margin:0px; color:#FFFFFF; font-weight:normal; border-bottom:1px solid #bebebe; }
.package-box h1 { padding:24px 0px; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:2.7em; margin:0px; color:#FFFFFF; font-weight:normal; background: url(../png/package-box-bg-normal.png) top no-repeat; background-size:100% 100%; text-shadow: 0px 2px 1px rgba(168, 168, 168, 1) }
.package-box h1 .small { color:#FFFFFF; text-shadow: 0px 1px 1px rgba(150, 150, 150, 0.75); }
.package-box ul { margin:0px; padding:0px; }
.package-box li { margin-left:18px; list-style:none; padding-left:4px; list-style-image: url(../png/icon-list.png); padding-bottom:10px; }
/*.package-box a.btn { left:25%; position:absolute; bottom:20px; vertical-align:middle; min-width:50%; }*/
.package-box a.btn { left:10%; right:10%; position:absolute; bottom:20px; vertical-align:middle; min-width:50%; }
.package-box-inner { min-height:280px; position:relative; }
.package-box-active { min-height:420px; -webkit-box-shadow: 0px 0px 21px 12px rgba(50, 50, 50, 0.2); -moz-box-shadow:    0px 0px 21px 12px rgba(50, 50, 50, 0.2); box-shadow:         0px 0px 21px 12px rgba(50, 50, 50, 0.2); position:relative; margin-top:-10px; border-left:0px; background-color:#eeeeee; }
.package-box-active h1 { background: url(../png/package-box-bg-active.png) top no-repeat; background-size:100% 100%; }
.footer-container { background-color:#292929; border-top:solid 4px #0db5e4; padding-bottom:15px; color:#FFFFFF; }
.footer-container a { color:#FFFFFF; }
.footer-bottom-bar { background-color: #141414; color:#FFFFFF; padding:6px 0px; font-size:14px; }
.footer-bottom-bar a { color:#FFFFFF; }
a.skip-main { padding: 6px; position: absolute; top: -40px; left: 0px; color: #FFF !important; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-bottom-right-radius: 8px; background: rgba(0, 0, 0, 0) !important; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 100; }
a.skip-main:focus, a.skip-main:active { position: absolute; left: 0px; top: 0px; background: #BF1722 !important; outline: 0; -webkit-transition: top .1s ease-in, background .5s linear;
 transition: top .1s ease-in, background .5s linear;
z-index: 999; }
.video-container { width:100%; margin:0px 1%; position:relative; padding-bottom: 52%; padding-top:25px; height:0px; overflow:hidden; margin-bottom:40px; }
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0px; left: 0px; width:100%; height:100%; }

.txt-big{font-size:1.6em;} /* Added By Ashvini Khatri on 08-Apr-2015 To display courseware_provider*/

 /* Added By Ashvini Khatri on 22-May-2015 To add "A JZero Product" link*/
.navbar_link{color:#5a5a5a; text-decoration:underline;}
.navbar_link:hover{ color:#0db5e4;}
.mart-35{margin-top:35px;}
/*Added by Saurabh Mehta : 21-May-2018 : TicketID:19335413*/
.mart-18 { margin-top: 18px; }

/*End*/
/* Added By Ashvini Khatri on 26-May-2015 To add country wise tag line and flag*/
.support_text{margin-left:124px;}
/* End*/
.tl-main-arrow-demo { background-image: url(../error404ea0a.html); width: 104px; height: 142px; float: left; position: absolute; top: 40px; margin-left: -80px; }

/* 53.0.0    Added By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.  start */
.orange_belt { background: #ffa03e; padding-top: 40px; padding-bottom: 40px; }

.orange_belt h2 { margin-top: 0px; margin-bottom: 0px; font-size: 2.5em; font-weight: bold; color: #ffffff; }

.orange_belt h4 { font-size: 1.5em; margin-bottom: 0px; color: #000000; }
.banner_bg { background: url(../jpg/banner_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 60px; padding-bottom: 130px; }

.banner_bg h1 { margin-top: 0px; margin-bottom: 30px; font-size: 3.2em; font-weight: bold; text-transform: capitalize; }

.banner_bg h3 { color: #FFFFFF; font-size: 2em; margin-top: 0px; margin-bottom: 50px; }

.banner_btn { width: 320px; text-align: center; color: #FFFFFF !important; padding-top: 30px; padding-bottom: 30px; text-transform: capitalize; display: inline-block; font-weight: bold; }

.banner_btn_prim { background: #0db5e4; }

.banner_btn_sec { background: #ee8a1f; }

.banner_btn_tri { background: #888888; }

.banner_btn_prim:hover { background: #029fc9; text-decoration: none; color: #ffffff; }

.banner_btn_sec:hover { background: #e86c03; text-decoration: none; color: #ffffff; }

.banner_btn_tri:hover { background: #5f5f5f; text-decoration: none; color: #ffffff; }
/* 53.0.0    Added By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.  end */
.txt_grey { color: #999999; }
.google_frame iframe {width:200px !important;}
@media screen and (max-width: 1024px) {
.grad-belt {
background-size: 100%;
}
.feature-box {
min-height: 316px; /* 53.0.0    updated width By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.   */
}
    .package-box h1 {
        font-size:2.2em;
    }
    .package-box a.btn {
           font-size:0.8em;
    }
}
@media screen and (max-width: 800px) {
.feature-box {
min-height: 420px; /* 53.0.0    updated width By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.   */
}
.package-box {
width:50%;
}
.package-box-active {
min-height:400px;
-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.2);
position:relative;
margin-top:0px;
border-left:0px;
background-color:#eeeeee;
}
.carousel-caption {
 color: #FFFFFF;
 padding-bottom: 10px;
 padding-top: 10px;
 position: absolute;
 right: 0;
 text-align: left;
 top: 0%;
 width: 40%;
 z-index: 10;
}
.carousel-caption h1 {
 font-size:1.8em;
 margin-bottom:0px;
}
.carousel-caption h3 {
padding-bottom:10px;
}
.carousel-caption p {
 line-height:20px;
}
}
@media screen and (max-width: 767px) {
body {
font-size:12px;
}
	.banner_bg { background: url(../jpg/banner_bg.jpg) no-repeat center center;}/* 53.0.0    Added By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.   */
.feature-box {
min-height: 200px; /* 53.0.0    updated width By Ashvini Khatri on 24-Jan-2017  UX updates from Matt/GC team.   */
}
.package-box {
width:50%;
min-height:200px;
margin-bottom:10px;
}
.package-box-inner {
min-height:200px;
}
.navbar-nav > li > a:hover {
border-bottom: 0px #0db5e4 solid;
}
.navbar-default .navbar-nav > .active > a {
padding-left: 0px;
padding-right: 0px;
border-bottom: 0px #0db5e4 solid;
}
.nav > li {
 position: relative;
 display: inline-block;
 width:49%;
 background-color:#dddddd;
 margin-bottom:4px;
}
.navbar-brand, .navbar-nav > li > a {
 margin-left: 20px;
}
.support_text {
  margin-left: 144px;
}
}
@media screen and (max-width: 480px) {
.support_text {
  margin-left: 2px;
}
}
@media screen and (max-width: 360px) {
.package-box {
width:100%;
}
.container {
padding-left:4px;
padding-right:4px;
}
.container-fluid {
padding-left:10px;
padding-right:10px;
}
.price-packages-container {
padding-top:0px;
}
.col-xsm {
 width:100%;
}
.xsm-hidden {
 display:none;
}
.heading-uppercase {
margin:14px 0px;
}
.pad-18 {
padding:0px;
}
.video-container {
margin-bottom:20px;
}
.feature-box ul {
 margin: 0;
 padding-top:10px;
 padding-left: 24px;
}
.navbar-header p{font-size:68%;}
}