/* Globe Classes */
html, body { font-family: 'Lato'; font-size: 1em }
.marTB30 { margin-top: 30px; margin-bottom: 30px }
.padT50 { padding-top: 50px }
.padB50 { padding-bottom: 50px }
.imageRight { margin: 10px 0 10px 20px; float: right; max-width: 100% }
.imageLeft { margin: 5px 20px 10px 0; float: left; max-width: 100% }
.imageRight img, .imageLeft img { width: 100%; max-width: 100%; height: auto }
.ico { background-image: url(../images/inner-images/sprite.png); background-repeat: no-repeat; display: block }
h1 { font-family: 'Lato-Light'; font-size: 3.750em; line-height: 1.2em; color: #fff; margin-bottom: 20px; }
h2 { font-family: 'Lato-Light'; font-size: 2.000em; color: #3d7edb; margin-bottom: 50px; }
h3 { font-size: 1.500em; line-height: 1.4em; margin-bottom: 20px; color: #3d7edb }
h4 { font-size: 1.3em; margin: 15px 0 }
p { font-size: 1em; line-height: 1.8em; margin: 0 0 20px 0 }
label { font-size: 1em; margin-bottom: 25px }
input[type=text], input[type=tel], input[type=password], select, textarea { padding: 10px 15px; display: block; border-radius: 0 !important; height: auto !important }
[placeholder] { color: #464646 }
small, .small { font-size: 0.750em }
.form-container { max-width: 720px; margin: 0 auto }
.form-group { margin-bottom: 30px }
.blue-text { color: #3d7edb }
.btn.btn-blue-outline { font-size: 1.125em; color: #3d7edb; padding: 11px 15px; border: 1px solid #3d7edb !important; border-radius: 0; background-color: transparent; margin: 0 5px; z-index: 2 }
.btn.btn-blue-outline:hover { color: #fff }
.btn.btn-white-outline { font-size: 1.125em; color: #fff; padding: 11px 15px; border: 1px solid #fff !important; border-radius: 0; background-color: transparent; margin: 0 -2px; z-index: 2 }
.btn.btn-white-outline:hover { color: #fff }
.btn.btn-brown-outline { font-size: 1.125em; color: #643914; padding: 11px 15px; border: 1px solid #643914 !important; border-radius: 0; background-color: transparent; margin: 0 -2px; z-index: 2; background:#d9b985; }
.btn.btn-brown-outline:hover { color: #fff }
.nav-tabs > li .btn.btn-white-outline::after { background:#fff; color:#000;}
.nav-tabs > li.active .btn.btn-white-outline, .nav-tabs > li:hover .btn.btn-white-outline { color:#000;}
.nav-tabs > li .btn.btn-brown-outline::after { background:#643914; color:#fff;}
.nav-tabs > li.active .btn.btn-brown-outline, .nav-tabs > li:hover .btn.btn-brown-outline { color:#fff;}

.lightBlueBg { background: #f2f6f9; }
.no-hide { display: block !important }
.checkbox_listing li { width: 48%; float: left; list-style-type: none; margin-left: 2% }
/* Custom Checkbox / Radio / Select */
.control { display: block; position: relative; padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 1em; line-height: 1.6em }
.control input { position: absolute; z-index: -1; opacity: 0 }
.control_indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; }
.radio .control_indicator { border-radius: 50% }
.control:hover input ~ .control_indicator, .control input:focus ~ .control_indicator { background: #ccc }
.control input:checked ~ .control_indicator { background: #3d7edb }
.control:hover input:not([disabled]):checked ~ .control_indicator, .control input:checked:focus ~ .control_indicator { background: #3d7edb }
.control input:disabled ~ .control_indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none }
.control_indicator:after { content: ''; position: absolute; display: none }
.control input:checked ~ .control_indicator:after { display: block }
.control-checkbox .control_indicator:after { left: 7px; top: 2px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) }
.control-checkbox input:disabled ~ .control_indicator:after { border-color: #7b7b7b }
.radio .control_indicator:after { left: 7px; top: 7px; height: 6px; width: 6px; border-radius: 50%; background: #fff }
.control-radio input:disabled ~ .control_indicator:after { background: #7b7b7b }
.select { position: relative; display: inline-block; width: 100% }
.select select { display: inline-block; width: 100%; cursor: pointer; padding: 10px 15px; outline: 0; border: 1px solid #ccc; border-radius: 0; color: #7b7b7b; appearance: none; -webkit-appearance: none; -moz-appearance: none }
.select select::-ms-expand {
display: none
}
.select select:disabled { opacity: 0.5; pointer-events: none }
.select_arrow { position: absolute; top: 14px; right: 15px; width: 11px; height: 11px; pointer-events: none; border-style: solid; border-width: 0 2px 2px 0; border-color: transparent #ccc #ccc transparent; transform: rotate(45deg) }
.select select:hover ~ .select_arrow, .select select:focus ~ .select_arrow { border-top-color: #000 }
.select select:disabled ~ .select__arrow { border-top-color: #ccc }
/* STATIC BANNER */
.banner-container { width: 100%; height: 600px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90% }
.banner-caption h2 { font-size: 3.2em; line-height: 1.6em; color: #fff }
.banner-caption p { color: #fff; margin-top: -20px; }
/* BREADCRUMB */
#breadcrumb { border-bottom: 1px solid #e5e5e5 }
#breadcrumb * { -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -ms-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; }
#breadcrumb ul li { float: left; list-style: none; padding: 15px 25px 15px 15px; position: relative; z-index: 99 }
#breadcrumb ul li:after { content: '»'; font-size: 1em; position: absolute; top: 15px; right: 0px }
#breadcrumb ul li a { font-size: 0.875em; color: #464646; display: block; line-height: 1.5em }
#breadcrumb ul li a.black_home { background-position: 7px 0; width: 25px; height: 21px; }
#breadcrumb ul li.active:after { content: '' }
#breadcrumb ul li.active a { color: #3d7edb }
#breadcrumb ul ul { opacity: 0; visibility: hidden; display: block; margin-top: 30px; padding-top: 10px; z-index: 2 }
#breadcrumb ul ul.dropdown-menu:after { content: ''; height: 20px; width: 20px; background: #fff; position: absolute; top: -11px; left: 20px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; transform: rotate(45deg) }
#breadcrumb ul li:hover ul { opacity: 1; display: block; visibility: visible; margin-top: 0; z-index: 2 }
#breadcrumb ul ul li { padding: 0; float: none }
#breadcrumb ul ul li a { display: block; padding: 6px 10px 4px 15px; margin: 0 }
#breadcrumb ul ul li a:hover { /*padding-left: 25px;*/ }
#breadcrumb ul ul li:after { content: '' }
/* Content */
#content { color: #464646; padding: 35px 0 50px; overflow:hidden; }
#content h1 { font-size: 2.2em; line-height: 1.2em; color: #3d7edb; margin-bottom: 30px; }
#content .date-location { font-size: 0.875em }
/* Controls */
#page-control { margin: 70px 0 }
#page-control .btn.btn-blue-outline { min-width: 150px }
.control-icon { border: 1px solid #3d7edb; width: 50px; height: 50px; display: block; padding: 10px; position: relative; overflow: hidden; transition: all .3s ease-in }
.control-icon.next { float: right }
.control-icon.prev:after { content: ''; border: solid #3d7edb; border-width: 0 2px 2px 0; border-color: transparent #3d7edb #3d7edb transparent; height: 20px; width: 20px; position: absolute; top: 13px; left: 17px; transform: rotate(135deg) }
.control-icon.next:after { content: ''; border: solid #3d7edb; border-width: 0 2px 2px 0; border-color: transparent #3d7edb #3d7edb transparent; height: 20px; width: 20px; position: absolute; top: 13px; right: 17px; transform: rotate(-45deg) }
.control-icon:hover:after { border-color: transparent #fff #fff transparent }
.prev span { position: absolute; left: 50px; font-size: 1.125em; padding: 3px }
.next span { position: absolute; left: -50px; font-size: 1.125em; padding: 3px }
.next:hover span { left: 20px }
.control-icon.prev:hover:after { height: 16px; width: 16px; top: 15px }
.control-icon.next:hover:after { height: 16px; width: 16px; top: 15px }
.control-icon:hover { width: 120px }
.control-icon.hvr-sweep-to-right:hover:before { transition-delay: 0.3s }
/* Tabs */
.nav-tabs { border: none; margin-bottom: 30px; }
.nav-tabs > li { margin-bottom: -1px; float: none; display: inline-block; width: auto }
.nav-tabs > li .btn.btn-blue-outline { border-right: none !important; padding: 10px 20px; margin: 0 -2px; min-width: auto }
.nav-tabs > li:last-child .btn.btn-blue-outline { border-right: 1px solid #3d7edb !important }
.nav-tabs > li > a { font-size: 1.125em; position: relative; background-color: transparent }
.nav-tabs > li a:after { background: #3d7edb; position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 0; transition: all 0.3s; z-index: -1 }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff; background-color: transparent }
.nav-tabs > li.active a { color: #fff }
.nav-tabs > li a:focus:after, .nav-tabs > li a:focus, .nav-tabs > li a:hover:after, .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:after { height: 100% }
/* Accordion */
.tab-content .panel-default > .panel-heading { color: #3d7edb; border: none }
.tab-content .panel.panel-default, .tab-content .panel-default > .panel-heading + .panel-collapse > .panel-body, .tab-content .panel-default > .panel-heading { border: none; background-color: transparent }
.panel-group .panel + .panel { margin-top: 0 }
.tab-content .panel a, .tab-content .panel a:hover { font-size: 1.125em; text-decoration: none; font-family: 'Lato-Light'; }
.tab-content .panel.open a { font-family: 'Lato' }
.tab-content .panel.open { background: #f2f6f9 }
.tab-content .panel > .panel-heading { padding: 0; position: relative }
.tab-content .panel > .panel-heading a { padding: 30px 50px; display: block }
.tab-content .panel >.panel-collapse .panel-body { padding: 0 50px 30px }
.tab-content .panel > .panel-heading:after { content: ''; background-color: #3d7edb; width: 12px; height: 2px; position: absolute; top: 35px; right: 30px; transform: rotate(40deg); transition: all .4s ease-in-out }
.tab-content .panel > .panel-heading:before { content: ''; background-color: #3d7edb; width: 12px; height: 2px; position: absolute; top: 35px; right: 21px; transform: rotate(-40deg); transition: all .4s ease-in-out }
.tab-content .panel.open > .panel-heading:after { content: ''; background-color: #484848; width: 12px; height: 2px; position: absolute; top: 35px; right: 30px; transform: rotate(-40deg); color: #3d7edb }
.tab-content .panel.open > .panel-heading:before { content: ''; background-color: #484848; width: 12px; height: 2px; position: absolute; top: 35px; right: 21px; transform: rotate(40deg) }
.panel-collapse p { margin: 0 0 25px }
.tabselect { display: none; margin: 0 auto; max-width: 90% }
/* Card */
.card-group { }
.card { margin-bottom: 25px; background: #fff; position: relative; transition: all .2s ease-out; cursor: pointer }
.card > a { padding: 25px 180px 0px 25px; display:block; text-decoration:none;}
.date-day { display:block;}
.date-day span { padding-right: 25px }
.date { color: #3d7edb }
.card .view { position: absolute; top: 0; right: 0; height: 100%; border-left: 1px solid #f2f6f9; width: 80px; transition: all .2s ease-out }
.card .view:after { content: ''; position: absolute; top: 60px; left: 18px; width: 30px; height: 30px; border: solid #3d7edb; border-width: 0 2px 2px 0; border-color: transparent #3d7edb #3d7edb transparent; transform: rotate(-45deg); transition: all .4s ease-in }
.card:hover { box-shadow: 0 1px 5px #ddd; transform: scale(1.02) }
.card:hover .view { width: 100px }
.card:hover .view:after { transform: rotate(-45deg) scale(1.1); left: 25px; }
.form-group { position: relative }
.form-group.fg-line:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #3d7edb; transition: all 0.3s ease-in }
.form-group.fg-line:hover:after, .form-group.fg-line.start:after { width: 100% }
.card-group .thumbimg { max-width:150px; height:auto; display:block; float:left; padding:0 20px 20px 0; vertical-align: text-top;}
.card-group .card strong { font-size:1.375em; line-height:1.4em; color:#3d7edb; margin:0 0 20px; display:block;}
/* Gallery */
.gallery .bx-wrapper { max-width: 100% !important }
.gallery img { display: block; width:100%; height:auto;}
.gallery .fancyboxvid { position:relative; display:block;}
.gallery .fancyboxvid:after { width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; display:block; content:""; background:url(../images/playicon.png) no-repeat; background-size:100%;}
.slider-control { padding: 50px 0 70px }
.slider-control .next, .slider-control .prev { display: inline-block; margin: 0 5px }
.slider-control .next { float: none }
.next a.bx-next, .prev a.bx-prev { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; z-index: 4 }
/* Gallery Hover Effect */
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease }
[class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: block; margin: 0px; max-width: 100%; background-color: #2266a5; color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before { right: 0; bottom: 0 }
[class^='imghvr-'] > img, [class*=' imghvr-'] > img { vertical-align: top; max-width: 100% }
[class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before { background: #135796; position: absolute; content: '' }
.imghvr-shutter-in-out-diag-1:before { -webkit-transform: skew(-45deg) translateX(150%); -moz-transform: skew(-45deg) translateX(150%); -ms-transform: skew(-45deg) translateX(150%); -o-transform: skew(-45deg) translateX(150%); transform: skew(-45deg) translateX(150%) }
.imghvr-shutter-in-out-diag-1:after { -webkit-transform: skew(-45deg) translateX(-150%); -moz-transform: skew(-45deg) translateX(-150%); -ms-transform: skew(-45deg) translateX(-150%); -o-transform: skew(-45deg) translateX(-150%); transform: skew(-45deg) translateX(-150%) }
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before { width: 200%; height: 200%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75 }
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption { opacity: 0; z-index: 1 }
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption { background-color: #135796; position: absolute; padding: 30px; position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before { width: 200%; height: 200%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; opacity: 0.75 }
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after { top: 0; left: 0 }
/*[class^='imghvr-'] > a, [class*=' imghvr-'] > a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1}*/
figcaption h4, figcaption p { color: #fff }
.imghvr-shutter-in-out-diag-1:hover:before { -webkit-transform: skew(-45deg) translateX(50%); -moz-transform: skew(-45deg) translateX(50%); -ms-transform: skew(-45deg) translateX(50%); -o-transform: skew(-45deg) translateX(50%); transform: skew(-45deg) translateX(50%) }
.imghvr-shutter-in-out-diag-1:hover:after { -webkit-transform: skew(-45deg) translateX(-50%); -moz-transform: skew(-45deg) translateX(-50%); -ms-transform: skew(-45deg) translateX(-50%); -o-transform: skew(-45deg) translateX(-50%); transform: skew(-45deg) translateX(-50%) }
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption { opacity: 1; -webkit-transition-delay: 0.21s; -moz-transition-delay: 0.21s; transition-delay: 0.21s; }
/* new */
.btn.btn-blue-outline:hover { color: #fff !important; }
.btn.btn-blue-outline:before { background: #3d7edb; }
.prev.control-icon.hvr-sweep-to-right:hover { color: #fff !important; }
.prev.control-icon.hvr-sweep-to-right:before { background: #3d7edb; }
.next.control-icon.hvr-sweep-to-right:hover { color: #fff !important; }
.next.control-icon.hvr-sweep-to-right:before { background: #3d7edb; }
.page-control { margin: 30px 0 }
.tab-content.reporting_bx .reporting_gal ul li, .gallery.tab-content ul li { padding-bottom: 50px }
.tab-content .bx-controls-direction, .page-control .bx-controls-direction { position: relative; height: 42px }
.tab-content .bx-controls-direction a.bx-next, .tab-content .bx-controls-direction a.bx-prev, .page-control .bx-controls-direction a.bx-next, .page-control .bx-controls-direction a.bx-prev { position: absolute; top: 0; width: 42px; height: 42px; }
.tab-content .bx-controls-direction a.disabled { opacity: .5 }
.tab-content .bx-controls-direction a:after, .page-control .bx-controls-direction a:after { content: ''; width: 14px; height: 14px; border: solid #3d7edb; border-width: 0 2px 2px 0; display: block; position: absolute; top: 15px; left: 10px }
.tab-content .bx-controls-direction a.bx-next:after, .page-control .bx-controls-direction a.bx-next:after { transform: rotate(-45deg); left: 10px }
.tab-content .bx-controls-direction a.bx-prev:after, .page-control .bx-controls-direction a.bx-prev:after { transform: rotate(135deg); left: 15px }
.tab-content .bx-controls-direction a:before, .page-control .bx-controls-direction a:before { content: ''; width: 42px; height: 42px; border: 1px solid #3d7edb; display: block; }
.tab-content .bx-controls-direction a.bx-next, .page-control .bx-controls-direction a.bx-next { right: 0 }
.tab-content .bx-controls-direction a.bx-prev, .page-control .bx-controls-direction a.bx-prev { left: 5px }
.tab-content .bx-controls-direction a:hover, .page-control .bx-controls-direction a:hover { background: #3d7edb }
.tab-content .bx-controls-direction a:hover:after, .page-control .bx-controls-direction a:hover:after { border-color: #fff }
.gallery.tab-content .bx-controls-direction { width: 100px; margin: 0 auto; top: 0 }
/* Tabs2 */
/*ul#lineEffect li {width: 16.36%;position: relative}
ul#lineEffect {border-bottom: 7px solid #eee;margin:0}
ul#lineEffect > li a {border: none !important;position: relative;color: #484848;font-family: 'Lato-Light'}
ul#lineEffect > li.active > a:after,ul#lineEffect > li a:hover:after {height : 0 !important;}
ul#lineEffect > li a:active,ul#lineEffect > li a:focus{box-shadow:none}
.line_nav{max-width: 960px;margin:0 auto 50px}
ul#lineEffect > li a:hover,ul#lineEffect > li.active a{font-family:Lato;font-weight: bold;color: #3d7edb !important} 
.line-selector{background:#3d7edb;height:7px;width:16.36%;display: block;position:absolute;bottom:0;left:0;transition:all .7s cubic-bezier(0.68, -0.55, 0.27, 1.55)}
ul#lineEffect > li a.btn.btn-blue-outline{z-index:1}*/

.line_nav { overflow-x: auto; margin-bottom: 40px; }
.line_nav .nav { white-space: nowrap; }
.line_nav .nav li { margin: 0 10px; }
.line_nav .nav li .btn, .line_nav .nav li:last-child .btn { border: none !important; font-size: 1.5em; line-height: 1.2em; color: #464646; font-family: 'Lato-Light'; }
.line_nav .nav li .btn:before, .line_nav .nav li .btn:after { display: none; }
.line_nav .nav li.active .btn, .line_nav .nav li a:focus { color: #3d7edb; font-family: 'Lato-Semibold'; box-shadow: none !important; }
.line_nav .nav li .btn:hover { color: #3d7edb !important; }
.tab-content.reporting_bx { background: none }
.tab-content.reporting_bx .report_gal_bx { margin-bottom: 20px !important }
.tab-content .reporting_gal .bx-next, .tab-content .reporting_gal .bx-prev, .tab-content .reporting_gal .bx-next:hover, .tab-content .reporting_gal .bx-prev:hover { background-image: none }
.tab-content .reporting_gal .container { max-width: 990px; margin: 0 auto; width: 100% }

.banner-caption h1 { font-size:3em;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.73);}

@media (max-width: 991px) {
.imageRight, .imageLeft { float: none; width: 100%; height: auto; margin: 15px 0 }
#breadcrumb ul li:hover ul { display: none }
.card .view { display: none }
.card > a { padding:30px;}
ul#lineEffect li { width: 16% }
.text_tab_cont .imageLeft, .content_text .imageLeft, .content_text .imageRight { margin:15px 0;}
}

@media (min-width: 768px) and (max-width: 992px) {
.nav-tabs > li .btn.btn-blue-outline { padding: 10px 16px }
}

@media (max-width:767px) {
ul.nav-tabs[role=tablist], .line-selector { display: none }
.tabselect { display: block }
.line_nav { margin: 0 0 10px }
.line_nav .form-group { margin-bottom: 0 }
.tab-content.reporting_bx { padding: 0px 0 0 }
.checkbox_listing li { float: none; width: auto }
.card > a { padding:20px;}
.card-group .card strong { clear:both; font-size:1.2em;}
.desp_bg2 h2 { font-size:2.5em;}
.desp_bg p { font-size:1.2em;}
#content h2 { font-size:1.8em;}
.card-group h3 { font-size:1.2em;}
.mom_testimonials h3, .winners_section h3, .mom_gallery h3 { font-size:2.5em;}
.testimonial_gallery p { font-size:1.2em;}
.participat_institues h4 { font-size:2em;}
	
.performa-title {
    font-size: 20px !important;
    padding: 10px 10px;}		
	
}