html.overlay-open .navbar-fixed-top{z-index:400}html.js fieldset.collapsed{height:auto}html.js input.form-autocomplete{background-image:none}body{position:relative; background: rgba(249, 249, 222, 1);}body.admin-expanded.admin-vertical.admin-nw .navbar,body.admin-expanded.admin-vertical.admin-sw .navbar{margin-left:260px}body.navbar-is-fixed-top{padding-top:64px!important}body.navbar-is-fixed-bottom{padding-bottom:64px!important}body.toolbar{padding-top:30px!important}body.toolbar .navbar-fixed-top{top:30px}body.toolbar.navbar-is-fixed-top{padding-top:94px!important}body.toolbar-drawer{padding-top:64px!important}body.toolbar-drawer .navbar-fixed-top{top:64px}body.toolbar-drawer.navbar-is-fixed-top{padding-top:128px!important}body.admin-menu .navbar-fixed-top{top:29px}body.admin-menu.navbar-is-fixed-top{padding-top:93px!important}body div#admin-toolbar{z-index:1600}body #toolbar,body #admin-menu,body #admin-toolbar{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}body #admin-menu{margin:0;padding:0;position:fixed;z-index:1600}body #admin-menu .dropdown li{line-height:normal}.navbar.container{margin-top:0px; margin-bottom:0px !important;}@media screen and (min-width:768px){.navbar.container{max-width:100%;}}@media screen and (min-width:992px){.navbar.container{max-width:100%;}}@media screen and (min-width:1200px){.navbar.container{max-width:100%}}.navbar.container>.container{margin:0;padding:0;width:auto}#overlay-container,.overlay-modal-background,.overlay-element{z-index:1500}#toolbar{z-index:1600}.modal{z-index:1620}.modal-dialog{z-index:1630}.modal-backdrop{z-index:1610}.element-invisible{margin:0;padding:0;width:1px}.navbar .logo{/*margin-right:-15px;padding-left:15px !important;padding-right:15px; margin-top:20px;*/}@media screen and (min-width:768px){.navbar .logo{margin-right:0;padding-left:0}}ul.secondary{float:left}@media screen and (min-width:768px){ul.secondary{float:right}}.page-header{margin-top:0}.block:first-child h2.block-title{margin-top:0}p:last-child{margin-bottom:0}.region-help>.glyphicon{font-size:18px;float:left;margin:-.05em .5em 0 0}.region-help .block{overflow:hidden}form#search-block-form{/*bottom: 5px;float: right; width: 250px; position:relative;top:0px;z-index:9;*/}.navbar #block-search-form{/*float:none;margin:5px 0 5px 5px;*/position: absolute; right: 5px;}@media screen and (min-width:200px){.navbar #block-search-form{/*float:right;*/}}.navbar-search .control-group{margin-bottom:0}ul.action-links{margin:12px 0;padding:0}ul.action-links li{display:inline;margin:0;padding:0 6px 0 0}ul.action-links .glyphicon{padding-right:.5em}input,textarea,select,.uneditable-input{max-width:100%;width:auto}input.error{color:#b94a48;border-color:#ebccd1}fieldset legend.panel-heading{float:left;line-height:1em;margin:0}fieldset .panel-body{clear:both}fieldset .panel-heading a.panel-title{color:inherit;display:block;margin:-10px -15px;padding:10px 15px}fieldset .panel-heading a.panel-title:hover{text-decoration:none}.form-actions{clear:both}.resizable-textarea textarea{border-radius:4px 4px 0 0}.radio:first-child,.checkbox:first-child{margin-top:0}.radio:last-child,.checkbox:last-child{margin-bottom:0}.help-block,.control-group .help-inline{color:#999;font-size:12px;margin:5px 0 10px;padding:0}.panel-heading{display:block}a.tabledrag-handle .handle{height:auto;width:auto}.error{color:#b94a48}div.error,table tr.error{background-color:#f2dede;color:#b94a48}.control-group.error{background:0}.control-group.error label,.control-group.error .control-label{color:#b94a48;font-weight:600}.control-group.error input,.control-group.error textarea,.control-group.error select,.control-group.error .uneditable-input{color:#555;border:1px solid #ccc}.control-group.error .help-block,.control-group.error .help-inline{color:#333}.list-inline>li.first{padding-left:0}.nav-tabs{margin-bottom:10px}ul li.collapsed,ul li.expanded,ul li.leaf{/*list-style:none;list-style-image:none*/}.tabs--secondary{margin:0 0 10px}.submitted{margin-bottom:1em;font-style:italic;font-weight:400;color:#777}.password-strength{width:17em;float:right;margin-top:1.4em}.password-strength-title{display:inline}.password-strength-text{float:right;font-weight:700}.password-indicator{background-color:#949494;height:.3em;width:100%}.password-indicator div{height:100%;width:0;background-color:#999}input.password-confirm,input.password-field{width:16em;margin-bottom:.4em}div.password-confirm{float:right;margin-top:1.5em;visibility:hidden;width:17em}div.form-item div.password-suggestions{padding:.2em .5em;margin:.7em 0;width:38.5em;border:1px solid #B4B4B4}div.password-suggestions ul{margin-bottom:0}.confirm-parent,.password-parent{clear:left;margin:0;width:36.3em}.progress-wrapper .progress{margin-bottom:10px}.pagination ul>li>a.progress-disabled{float:left}.form-autocomplete .glyphicon{color:#999;font-size:120%}.form-autocomplete .glyphicon.glyphicon-spin{color:#428bca}.form-autocomplete .input-group-addon{background-color:#fff}.ajax-progress .glyphicon{font-size:90%;margin:0 -.25em 0 .5em}.glyphicon-spin{display:inline-block;-moz-animation:spin 1s infinite linear;-o-animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}a .glyphicon-spin{display:inline-block;text-decoration:none}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.glyphicon-refresh{-webkit-transform-origin:50% 45%;-moz-transform-origin:50% 45%;-ms-transform-origin:50% 45%;-o-transform-origin:50% 45%;transform-origin:50% 45%}.tabbable{margin-bottom:20px}.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{border-bottom:0}.tabs-below>.nav-tabs .summary,.tabs-left>.nav-tabs .summary,.tabs-right>.nav-tabs .summary{color:#999;font-size:12px}.tab-pane>.panel-heading{display:none}.tab-content>.active{display:block}.tabs-below>.nav-tabs{border-top:1px solid #ddd}.tabs-below>.nav-tabs>li{margin-top:-1px;margin-bottom:0}.tabs-below>.nav-tabs>li>a{border-radius:0 0 4px 4px}.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus{border-top-color:#ddd;border-bottom-color:transparent}.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus{border-color:transparent #ddd #ddd}.tabs-left>.nav-tabs,.tabs-right>.nav-tabs{padding-bottom:20px;width:220px}.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li{float:none}.tabs-left>.nav-tabs>li:focus,.tabs-right>.nav-tabs>li:focus{outline:0}.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a{margin-right:0;margin-bottom:3px}.tabs-left>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:focus{outline:0}.tabs-left>.tab-content,.tabs-right>.tab-content{border-radius:0 4px 4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);-moz-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);border:1px solid #ddd;overflow:hidden;padding:10px 15px}.tabs-left>.nav-tabs{float:left;margin-right:-1px}.tabs-left>.nav-tabs>li>a{border-radius:4px 0 0 4px}.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus{border-color:#eee #ddd #eee #eee}.tabs-left>.nav-tabs>.active>a,.tabs-left>.nav-tabs>.active>a:hover,.tabs-left>.nav-tabs>.active>a:focus{border-color:#ddd transparent #ddd #ddd;-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.05);box-shadow:-1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs{float:right;margin-left:-1px}.tabs-right>.nav-tabs>li>a{border-radius:0 4px 4px 0}.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus{border-color:#eee #eee #eee #ddd;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.05);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.05);box-shadow:1px 1px 1px rgba(0,0,0,.05)}.tabs-right>.nav-tabs>.active>a,.tabs-right>.nav-tabs>.active>a:hover,.tabs-right>.nav-tabs>.active>a:focus{border-color:#ddd #ddd #ddd transparent}th.checkbox,td.checkbox,th.radio,td.radio{display:table-cell}.views-display-settings .label{font-size:100%;color:#666}.views-display-settings .footer{padding:0;margin:4px 0 0}table .radio input[type=radio],table .checkbox input[type=checkbox]{max-width:inherit}.form-horizontal .form-group label{position:relative;min-height:1px;margin-top:0;margin-bottom:0;padding-top:7px;padding-left:15px;padding-right:15px;text-align:right}@media (min-width:768px){.form-horizontal .form-group label{float:left;width:16.666666666666664%}}.alert a{font-weight:700}.alert-success a{color:#356635}.alert-info a{color:#2d6987}.alert-warning a{color:#a47e3c}.alert-danger a{color:#953b39}

/********************************* Fonts ***********************************/

@font-face
{
	font-family: 'latobol';
    src: url('Lato-Bold.ttf') format('truetype');
}

@font-face
{
	font-family: 'latoreg';
    src: url('Lato-Regular.ttf') format('truetype');
}

@font-face
{
	font-family: 'latoseb';
    src: url('Lato-Semibold.ttf') format('truetype');
}

@font-face
{
	font-family: 'myprorg';
    src: url('Myriad Pro Regular.ttf') format('truetype');
}

@font-face
{
	font-family: 'myprosb';
    src: url('Myriad Pro Semibold.ttf') format('truetype');
}

@font-face
{
	font-family: 'sguirg';
    src: url('segoeui.ttf') format('truetype');
}

@font-face
{
	font-family: 'sguisb';
    src: url('segoe-ui-semibold.ttf') format('truetype');
}

@font-face
{
	font-family: 'impreg';
    src: url('ImpactRegular.ttf') format('truetype');
}

@font-face
{
	font-family: 'arianow';
    src: url('arial-narrow.ttf') format('truetype');
}

a:hover {
    text-decoration: none;
}

/* ===============================Width 100%================================ */

.main-container.container-fluid.js-quickedit-main-content {
    padding: 0;
}

.front-section.section02.col-sm-12 {
    background-color: white;
}

.front-section.section01.col-sm-12,
.front-section.section02.col-sm-12,
.front-section.section03.col-sm-12,
.front-section.section04.col-sm-12 {
    padding: 0;
}


/********************************* Navbar ***********************************/

/********************************* Logo ***********************************/

.navbar-header
{
	
}

.navbar-btn
{
	margin: 0px auto !important;
	float: none !important;
}

.navbar
{
    
}

.navbar .logo
{
    
}

.navbar .logo img
{
    
}

/********************************* Top Nav ***********************************/

.navbar-default
{
    background: transparent !important;
    border-color: transparent !important;
    border: 0px !important;
}

.navbar
{
    /*min-height: 100px !important;*/
	margin-bottom: 0px !important;
	border-radius: 0px !important;
	border: 0px !important;
}

.navbar-collapse
{
    padding: 0px !important;
    width: 100%;
	border-top: 0px !important;
	box-shadow: inset 0 0px 0 rgba(255,255,255,0.1) !important;
}

.navbar-nav
{
    margin: 26px 0px 0px 0px !important;
    background-color: transparent !important;
	width: 100%;
    float: right;
	padding: 0px 0px 0px 0px;
	    padding-right: 4em;
}

.navbar-default .navbar-text
{
	font: 15.16px latobol;
	color: #494949 !important;
}

.navbar-default .navbar-nav > li
{
	margin: 0px;
	border-right: 1px solid #7b7b7b;
}

.last.leaf {
    border-right: none !important;
}

.navbar-default .navbar-nav > li.last.collapsed
{
	border-right: 0px;
}


.navbar-default .navbar-nav > li > a
{
	font: 13.16px latobol;
	color: #494949 !important;
	padding: 5px 10px !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
    background: transparent !important;
	color: #e58903 !important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    background: transparent !important;
	color: #e58903 !important;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus
{
    background: transparent !important;
	color: #e58903 !important;
}

/********************************* Search Bar ***********************************/

.searchButton
{
    display: none;
}

#block-views-block-gallery-block-1 .view-content img {
    height: 200px;
    width: 250px;
    margin: 0 auto;
}

/*#search-block-form .input-group {
    display: block;
    position: absolute;
    width: 100%;
}*/

/*.toggleSearch
{
    background-image: url('../images/searchicon.png');
    width: 29px;
    height: 31px;
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
}*/

/*#edit-search-block-form--2
{
    background-color: #525252;
    border-color: #303030;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border-width: 15px 20px;
    color: #ffffff;
    display: none;
    height: 68px;
    position: fixed;
    right: 25px;
    top: 50px;
    width: 20%;
}*/

.toggleSearch{
    background-image: url('../images/searchicon.png');
    width: 29px;
    height: 31px;
    display: block;
    position: absolute;
    right: 20px;
    top: 19px;
}

#edit-search-block-form--2{
    background-color: #ffffff;
    border-color: #303030;
    border-image: none;
    border-radius: 0;
    border-style: solid;
    border: 2px solid #f79e0f;
    color: #000;
    display: none;
    height: 33px;
    position: fixed;
    right: 25px;
    top: 50px;
    width: 18%;
}

.search_region .form-control::-moz-placeholder
{
    color:#ffffff !important;
}

/********************************* 100% Width ***********************************/

.container > .navbar-header, .container > .navbar-collapse {margin: 0px !important;}

.container {width: 100% !important;}

.row {margin: 0px;}

.banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9 {padding: 0px;}

/********************************* Text Colors ***********************************/

.title
{
	color: # !important;
}

.field-item.even h3
{
	color: # !important;
}

.field-item.even a 
{
    
}

/********************************* Misc ***********************************/

a
{
	outline:0 !important;
}

.container
{
	padding-left:0px !important;
	padding-right:0px !important;
}

label, .panel, .webform-component--title
{
	margin: 15px 0px;	
}

#block-system-main
{
    margin: 0px 0px;
}

#page-title
{

}


/********************************* Internal Pages ***********************************/

.high-date {
    font-weight: bold;
    margin-bottom: 5px;
}

.high-title {
    margin-bottom: 18px;
}

.camps-img img {
    display: block;
    height: 160px;
    width: 160px;
    margin: 0 auto;
    margin-bottom: 12px;
}

.conf-img img, .dele-img img, .divis-img img, .ina-img img, .roads-img img, .seminars-img img, .misc-img img, .conf-img img{
    display: block;
    height: 220px;
    width: 216px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.view-title {
    text-align: center;
    margin-bottom: 20px;
}

.form-required {
    color: red;
}

.form-item, .form-actions {
    margin: 18px 0;
}

.form-managed-file .btn-default {
    margin-top: 8px;
}

.webform-submit.button-primary.btn.btn-primary.form-submit {
    margin-bottom: 20px;
}

#edit-submitted-email, #edit-submitted-nicop-no, #edit-submitted-phone-no-abroad,
#edit-submitted-phone-no-pakistan, #edit-submitted-complaint-no-to-verify{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#edit-submitted-email:focus, #edit-submitted-nicop-no:focus, #edit-submitted-phone-no-abroad:focus,
#edit-submitted-phone-no-pakistan:focus, #edit-submitted-complaint-no-to-verify:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}


/********************************* Banner 1 Main Banner ***********************************/

#block-views-main-banner-view-block .flexslider
{
	margin: 0px !important;
	padding: 0px !important;
	border-radius: 0px !important;
	border: 0px !important;
}

#block-views-main-banner-view-block .flex-control-nav
{
	display: none !important;
}

#block-views-main-banner-view-block .flex-direction-nav li a
{
	height: 50px;
}

#views_slideshow_cycle_main_main_banner_view-block,
#views_slideshow_cycle_teaser_section_main_banner_view-block,
#views_slideshow_cycle_div_main_banner_view-block_0,
#views_slideshow_cycle_div_main_banner_view-block_1,
#views_slideshow_cycle_div_main_banner_view-block_2,
#views_slideshow_cycle_div_main_banner_view-block_3,
#views_slideshow_cycle_div_main_banner_view-block_4
{
	width: 100% !important;
}

#b1mbiwrap
{
	width: 100%;
}

#b1mbi
{
	width: 100%;
}

#b1mbiimgwrap
{
	width: 100%;
}

#b1mbiimg
{
	width: 100%;
}

#b1mbiimg img
{
	width: 100%;
	display: block;
	height: auto;
}

/********************************* Banner 2 Testimonials ***********************************/

#block-views-testimonials-block
{
	background: #ffffff;
	padding: 60px 0px 70px 0px;
}

.b2toutwrap
{
	
}

#b2tinwrap
{
	width: 100%;
	display: block;
}

#b2tin
{
	width: 100%;
	padding: 0px 40px;
}

#block-views-block-testimonials-block-1wrap
{
	width: 100%;
	display: block;
}

#block-views-block-testimonials-block-1
{
	    width: 95%;
    margin: 0 auto;
    margin-top: 6em;
    margin-bottom: 6em;
}

.field-iframe-instance {
    background: rgba(0,0,0,0.85);
}

#block-views-block-testimonials-block-1 iframe,
.path-testimonials iframe{
	width: 100%;
	height: 319px;
	display: block;
	margin: 0 auto;
    background-color: #000000 !important;
    opacity: 0.9 !important;
}


#block-views-block-testimonials-block-1 .views-field.views-field-title{
	width: 100%;
	display: block;
}

#block-views-block-testimonials-block-1 .views-field.views-field-title{
	font: 18.5px latoreg;
	color: #f26b0f;
	text-transform: capitalize;
	padding-top: 0.5em;
	min-height: 46px !important;
	overflow: hidden !important;
}


/*** Page ***/

.tpoutwrap
{
	
}

#tpinwrap
{
	width: 100%;
	display: block;
}

#tpin
{
	width: 100%;
}

#tpinvidwrap
{
	width: 100%;
	display: block;
}

#tpinvid
{
	width: 100%;
}

#tpinvid iframe,
.path-testimonials iframe{
	width: 100%;
	height: 250px;
	display: block;
	margin: 0 auto;
}

#tpintitlewrap
{
	width: 100%;
	text-align: center;
}

#tpintitle
{
	width: 100%;
	overflow: hidden;
	height: 25px;
}

.views-exposed-form .views-exposed-widget .form-submit{
	margin-top: 0px !important;
}

.views-exposed-widgets {
    margin-bottom: 2em;
}

#clip-wrap {
    margin-bottom: 45px;
}

div#media-logo img {
    height: 7em;
    width: 200px;
}

.view-id-highlights.view-display-id-page_3 #clip-wrap {
   display: flex;
    gap: 2em;
}
    

#logo-wrap {
    display: inline-block;
    width: 12%;
    position: relative;
    bottom: 1.2em;
}

#clip-body{
    display: inline-block;
    width: 75%;
}

/*** ***/

#media-date {
    margin-bottom: 5px;
    font-weight: bold;
}

.press-date {
    font-weight: bold;
    margin-bottom: 10px;
}

.press-title {
    margin-bottom: 22px;
}

#block-views-block-highlights-block-2 .view-content {
    min-height: 26em;
}


/*** internal Page ***/

/********************************* Banner 3 Highlights ***********************************/

#block-views-block-highlights-block-1
{
	background: #f6f6f6;
	display: block;
	padding: 40px 0px;
}

#views_slideshow_cycle_main_highlights-block,
#views_slideshow_cycle_teaser_section_highlights-block,
#views_slideshow_cycle_div_highlights-block_0,
#views_slideshow_cycle_div_highlights-block_1,
#views_slideshow_cycle_div_highlights-block_2
{
	width: 100% !important;
}

#block-views-block-highlights-block-1 .view-content
{
	margin: 4em 0;
}

.b3highoutwrap
{
	
}

#b3highheaderwrap
{
	width: 100%;
	display: block;
	margin: 10px 0px;
	text-align: center;
}

#b3highheader
{
	font: 40px latobol;
	color: #303032;
	text-transform: uppercase;
}

#b3highinwrap
{
	background: url('../images/highbg.png') no-repeat 100% 100%;
	width: 338px;
	height: 285px;
	display: block;
	margin: 0 auto;
}

#b3highinwrap:hover
{
	background: url('../images/highmcbg.png') no-repeat 100% 100%;
}

#b3highin
{
	width: 100%;
}

#b3highindatewrap
{
	width: 100%;
	display: block;
}

#b3highindate
{
	width: 60px;
	height: auto;
	background: #252526;
	color: #f79e0f;
	padding: 2px 5px;
}

#b3highinwrap:hover #b3highindate
{
	background: #f79e0f;
	color: #ffffff;
}

#b3highind1wrap
{
	width: 100%;
}

#b3highind1
{
	font: 28px impreg;
}

#b3highind2wrap
{
	width: 100%;
}

#b3highind2
{
	font: 22px latobol;
	text-transform: uppercase;
}

#b3highintitlewrap
{
	width: 100%;
	display: block;
	margin: 15px 0px;
	padding: 0px 15px;
}

#b3highintitle
{
	width: 100%;
	overflow: hidden;
	min-height: 48px;
}

#b3highintitle a
{
	text-decoration: none;
	font: 18px latobol;
	color: #333333;
}

#b3highintitle a:hover
{
	text-decoration: underline;
}

#b3highinbodywrap
{
	width: 100%;
	display: block;
	margin: 15px 0px;
	padding: 0px 15px;
}

#b3highinbody
{
	font: 15px sguirg;
	color: #333333;
	text-align: justify;
	overflow: hidden;
	height: 88px;
}

#vscc_controls_highlights-block
{
    display: block;
    margin: 0 auto;
    width: 26px;
}

#b3highfbtnwrap
{
	width: 100%;
	display: block;
	margin: 10px 0px;
	text-align: center;
}

#b3highfbtn
{
	text-decoration: none;
	font: 20px myprorg;
	color: #ffffff;
	background-color: #252526;
	padding: 8px 30px;
}

/********************************* Banner 4 Stats ***********************************/

/********************************* Banner 5 Helpline/Complaints ***********************************/

#b5hcomwrap
{
	width: 100%;
	display: block;
	background: #f79e0e;
    height: 466px;
}

#b5hcom
{
	width: 100%;
}

.b5c1
{
	padding: 0px;
}

#b5c1cwrap
{
	width: 100%;
}

#b5c1c
{
	width: 100%;
}

#b5c1imgwrap
{
	width: 100%;
}

#b5c1img
{
	background: url('../images/hcomc1_1.png') no-repeat 100% 100%;
	width: 100%;
	height: 467px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.b5c2
{
	padding: 0px;
}

#b5c2cwrap
{
	width: 100%;
	display: block;
	padding: 6em 0px;
}

#b5c2c
{
	width: 100%;
	overflow: auto;
}

#b5c2r1wrap
{
	width: 100%;
	display: block;
	margin: 15px 0px 25px 0px;
	text-align: center;
}

#b5c2r1
{
	font: bold 28.5px myprorg;
	color: #ffffff;
	text-transform: uppercase;
}

#b5c2r2wrap
{
	width: 100%;
	display: block;
	margin: 30px 0px;
	text-align: center;
}

#b5c2r2
{
	font: 16,2px myprorg;
	color: #ffffff;
}

#b5c2r3wrap
{
	width: 100%;
	display: block;
	margin: 45px 0px 0px 0px;
	text-align: center;
	padding: 5px 40px;
}

#b5c2r3
{
	text-decoration: none;
	font: 21.5px myprorg;
	color: #ffffff;
	text-transform: uppercase;
	background: transparent;
	border: 1px solid #ffffff;
	padding: 5px 40px;
}

#b5c2r3:hover
{
	color: #f79e0f;
	background: #ffffff;
}

#b5c2r4wrap
{
	width: 100%;
	display: block;
	margin: 2px 0px 0px 0px;
	text-align: center;
}

#b5c2r4
{
	font: 14px myprorg;
	color: #ffffff;
}

#b5c2r5wrap
{
	width: 100%;
	display: block;
	margin: 25px 0 0 0;
	text-align: center;
	padding: 5px 40px;
}

#b5c2r5
{
	text-decoration: none;	
	font: 21.5px myprorg;
	color: #ffffff;
	text-transform: uppercase;
	background: transparent;
	border: 1px solid #ffffff;
	padding: 5px 40px;
}

#b5c2r5:hover
{
	color: #f79e0f;
	background: #ffffff;
}

/********************************* Banner 6 Listening ***********************************/

#b6wlwrap
{
	background: url('../images/wlbg.png') no-repeat fixed center center / cover;
	width: 100%;
	height: 413px;
	display: block;
}

#b6wl
{
	width: 100%;
	display: block;
}

.b6c1
{
	
}

#b6c1cwrap
{
	width: 100%;
	padding: 8.1em 0px;
}

#b6c1c
{
	width: 100%;
}

#b6c1imgwrap
{
	width: 100%;
}

#b6c1img
{
	background: url('../images/wlwr.png') no-repeat center center;
	width: 100%;
	height: 186px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
}

.b6c2
{
	
}

#b6c2cwrap
{
	width: 100%;
	padding: 8.5em 0 0 0;
}

#b6c2c
{
	width: 100%;
}

#b6c2imgwrap
{
	width: 100%;
}

#b6c2img
{
	background: url('../images/wlsugg.png') no-repeat center center;
	width: 100%;
	height: 70px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
}

#b6c2txtwrap
{
	width: 100%;
	display: block;
	text-align: center;
	margin: 15px 0px;
}

#b6c2txt
{
	font: italic 17px sguirg;
	color: #ffffff;
	width: 74%;
	display: block;
	margin: 0 auto;
}

#b6c2lnkwrap
{
	display: block;
	width: 100%;
	text-align: center;
	margin: 15px 0px;	
}

#b6c2lnk
{
	text-decoration: none;
	font: 23.5px sguisb;
	color: #ffffff;
	text-transform: uppercase;
}

/********************************* Banner 7 Dos/Donts ***********************************/

#block-block-3
{
	background: #f7f7f7;
	display: block;
	width: 100%;
	padding: 4em 0;
}

#b7ddwrap
{
	width: 100%;
	display: block;
}

#b7dd
{
	width: 100%;
}

#b7ddc1, #b7ddc2
{
	
}

#b7ddc1cwrap, #b7ddc2cwrap
{
	width: 100%;
	display: block;
}

#b7ddc1c, #b7ddc2c
{
	width: 90%;
	display: block;
	margin: 0 auto;
}

#b7doheaderwrap, #b7dontheaderwrap
{
	width: 100%;
	display: block;
}

#b7doheader, #b7dontheader
{
	font: 29px latobol;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #f79e0e;
	padding: 7px 25px;
}

#b7dobodywrap, #b7dontbodywrap
{
	width: 100%;
	display: block;
	margin: 2em 0 3em 0;
}

#b7dobody, #b7dontbody
{
	width: 92%;
	display: block;
	margin: 0 auto;
}

#b7dobody p, #b7dontbody p
{
	font: 17px latoreg;
	color: #333333;
	text-align: justify;
}

#b7dobody ul
{
	padding: 0 0 0 25px;
	list-style-image: url('../images/ddtick.png');
}

#b7dontbody ul
{
    padding: 0 0 0 25px;
    list-style-image: url('../images/cross-07.png');
}

#b7dobody ul li, #b7dontbody ul li
{
	margin: 15px 0px;
    padding-left: 5px !important;
}

#b7dobody li, #b7dontbody li {
    height: 55px;
}

#b7dobody ul li a, #b7dontbody ul li a
{
	text-decoration: none;
	font: 17px latoreg;
	color: #333333;
	text-align: justify;
	/*height: 55px;*/
	/*overflow: hidden;*/
	display: block;
	pointer-events: none;
	cursor: default;
}

#b7dofbtnwrap, #b7dontfbtnwrap
{
	width: 100%;
	display: block;
	margin: 10px 0px;
	text-align: center;
}

#b7dofbtn, #b7dontfbtn
{
	text-decoration: none;
	font: 16px Arial;
	color: #ffffff;
	background-color: #252525;
	padding: 10px 40px;
	display: block;
	width: 143px;
	height: 39px;
	margin: 0 auto;
}

/********************************* Banner 8 Media Clippings ***********************************/

#block-views-media-clippings-block
{
	background: #ffffff;
	display: block;
	padding: 40px 0px;
}

#views_slideshow_cycle_main_media_clippings-block,
#views_slideshow_cycle_teaser_section_media_clippings-block,
#views_slideshow_cycle_div_media_clippings-block_0,
#views_slideshow_cycle_div_media_clippings-block_1,
#views_slideshow_cycle_div_media_clippings-block_2
{
	width: 100% !important;
}

#block-views-media-clippings-block .view-content
{
	margin: 4em 0 5em 0;
}

.b8mcoutwrap
{
	
}

#b8mcheaderwrap
{
	width: 100%;
	display: block;
	margin: 10px 0px;
	text-align: center;
}

#b8mcheader
{
	font: 40px latobol;
	color: #303032;
	text-transform: uppercase;
}

#b8mcinwrap
{
	width: 100%;
	display: block;
	width: 338px;
	margin: 0 auto;
}

#b8mcin
{
	width: 100%;
}

#b8mcinlogowrap
{
	width: 100%;
	display: none;
}

#b8mcinwrap:hover #b8mcinlogowrap
{
	display: block;
}

#b8mcinlogo
{
	width: 100px;
	height: 70px;
	display: block;
}

#b8mcinlogo img
{
	display: block;
}

#b8mcin1wrap
{
	background: url('../images/highmcbg.png') no-repeat 100% 100%;
	width: 338px;
	height: 285px;
	display: block;
	margin: 0 auto;
}

#b8mcinwrap:hover #b8mcin1wrap
{
	background: url('../images/mchoverbg.png') no-repeat 100% 100%;
}

#b8mcin
{
	width: 100%;
}

#b8mcindatewrap
{
	width: 100%;
	display: block;
}

#b8mcindate
{
	width: 60px;
	height: auto;
	background: #252526;
	color: #f79e0f;
	padding: 2px 5px;
}

#b8mcinwrap:hover #b8mcindate
{
	background: #f79e0f;
	color: #ffffff;
}

#b8mcind1wrap
{
	width: 100%;
}

#b8mcind1
{
	font: 28px impreg;
}

#b8mcind2wrap
{
	width: 100%;
}

#b8mcind2
{
	font: 22px latobol;
	text-transform: uppercase;
}

#b8mcintitlewrap
{
	width: 100%;
	display: block;
	margin: 15px 0px;
	padding: 0px 15px;
}

#b8mcintitle
{
	width: 100%;
	overflow: hidden;
	height: 48px;
}

#b8mcintitle a
{
	text-decoration: none;
	font: 18px latobol;
	color: #333333;
}

#b8mcinwrap:hover #b8mcintitle a
{
	color: #ffffff;
}

#b8mcintitle a:hover
{
	text-decoration: underline;
}

#b8mcinbodywrap
{
	width: 100%;
	display: block;
	margin: 15px 0px;
	padding: 0px 15px;
}

#b8mcinbody
{
	font: 15px sguirg;
	color: #333333;
	text-align: justify;
	overflow: hidden;
	height: 88px;
}

#b8mcinwrap:hover #b8mcinbody
{
	color: #8f8f8f;
}

#vscc_controls_media_clippings-block
{
    display: block;
    margin: 0 auto;
    width: 26px;
}

#b8mcfbtnwrap
{
	width: 100%;
	display: block;
	margin: 10px 0px;
	text-align: center;
}

#b8mcfbtn
{
	text-decoration: none;
	font: 20px myprorg;
	color: #252526;
	background-color: transparent;
	padding: 8px 30px;
	border: 1px solid #252526;
}

/********************************* Banner 9 Event Gallery ***********************************/

#bodyb9
{
	background: #e2e2e2;
	width: 100%;
	display: block;
}

.Event.Gallerytitle
{
	font: 32px latobol;
	color: #303032;
	text-transform: uppercase;
	text-align: center;
	margin: 60px 0 30px 0;
}

#block-quicktabs-gallery
{
    margin: 2em 0 4em 0;
	padding: 0 3em;
}

#quicktabs-gallery
{
	
}

#quicktabs-gallery ul.quicktabs-tabs
{
	margin: 0 0 4em 0;
	padding: 1em 0;
    text-align: center;
	border-bottom: 1px solid #989898;
}

#quicktabs-gallery ul.quicktabs-tabs > li
{
	margin: 0px;
	padding: 2px 15px;
    text-align: center;
	border-right: 1px solid #989898;
}

#quicktabs-gallery ul.quicktabs-tabs > li.last
{
	border-right: 0px;
}

#quicktabs-gallery ul.quicktabs-tabs > li > a
{
	text-decoration: none;
	font: 14px latoreg;
	color: #666666;
}

#quicktabs-gallery ul.quicktabs-tabs > li:hover > a
{
	color: #207b71;
}

#quicktabs-gallery ul.quicktabs-tabs > li.active > a
{
	color: #207b71;
}

#block-views-gallery-block .view-content
{
    overflow: auto;
	margin: 3em 0 2em 0;
	padding: 0 3em;
}

.b9goutwrap
{
	
}

#b9ginwrap
{
	width: 100%;
	display: block;
}

#b9gin
{
	width: 100%;
}

#b9ginimgwrap
{
	width: 100%;
	height: 232px;
}

#b9ginimg
{
	width: 100%;
}

#b9ginimg img
{
	width: 249px;
	height: 200px;
	display: block;
	margin: 0 auto;
}

#b9ginimghover
{
	/*background: url('../images/galleryhover.png') no-repeat 100% 100%;*/
    background-color: #f79e0e;
    color: black;
	width: 249px;
	height: 30px;
	display: none;
	position: relative;
	bottom: 30px;
	text-align: right;
	margin: 0 auto;
    padding: 5px 0;
}

#b9ginimghover a
{
    /*opacity: 0;*/
    width: 100%;
    display: block;
    height: 31px;
    text-align: center;
    color: #fff;
    font: 13px latobol;
    text-decoration: none;
}

#b9ginwrap:hover #b9ginimghover
{
	display: block;
}

#b9goutbtnwrap
{
	width: 100%;
	display: block;
	margin: 10px 0px 4em 0px;
	text-align: center;
}

#b9goutbtn
{
	text-decoration: none;
	font: 16px Arial;
	color: #ffffff;
	background-color: #252525;
	padding: 10px 40px;
	display: block;
	width: 143px;
	height: 39px;
	margin: 0 auto;
}

/********************************* OPC Footer Top ***********************************/

#opcftopwrap
{
	background: #252526;
	width: 100%;
	display: block;
	padding: 5px 0px;
}

#opcftop
{
	width: 100%;
	text-align: center;
	word-spacing: 30px;
}

#opcftop a
{
	text-decoration: none;
	font: 16.5px arianow;
	color: #8e8e8e;
	word-spacing: 0px;
}

#opcftop a:hover
{
	text-decoration: underline;
	color: #ffffff;
}




/********************************* OPC Footer Bottom ***********************************/

#opcfbotwrap
{
	background: #404041;
	width: 100%;
	display: block;
	padding: 10px 0px;
}

#opcfbot
{
	width: 100%;
	text-align: center;
}

#poweredbiwrap, #copyrwrap
{
	width: 100%;
	text-align: center;
}

#poweredbi, #copyr
{
	font: 14px arianow;
	color: #8e8e8e;
}

#poweredbi a
{
	text-decoration: none;
	font: 14px arianow;
	color: #8e8e8e;
}

#poweredbi a:hover
{
	text-decoration: underline;
	color: #ffffff;
}

#online-reg-img{
    background: url('../images/client final sample-16.jpg') no-repeat center center;
    display: block;
    height: 308px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

/********************************* Media Queries ***********************************/

/********************************* Width: 1300px ***********************************/

@media only screen and (max-width: 1299px)
{
	
}

/********************************* width: 1024px ***********************************/

@media only screen and (max-width: 1024px){

	.navbar-nav{
		width: 62%;
	}

	#edit-search-block-form--2{
		width: 20%;
	}

	#b3highinwrap{
		width: 315px !important;
	}

	#b6c1img{
		background-size: contain;
	}

	#b5c1img {
	    background: url('../images/hcomc1_1.png') no-repeat;
	    height: 360px;
	    width: 790px;
	    background-size: contain;
	}

	#b5c2cwrap {
	    padding: 2em 0px 2em 0px;
	}

	#b8mcinwrap, #b8mcin1wrap{
		width: 316px !important;
	}

	#b6c1cwrap{
		padding: 3.5em 0px 3.5em 2em;
	}

	#b6c2cwrap {
	    padding: 3em 0 2em 0;
	}

	#b6c2img{
		background-size: 85%;
	}

	#block-views-gallery-block .view-content{
		padding: 0px;
	}

	.b9goutwrap {
	    padding: 0px;
	}

	#b9ginimg img {
	    width: 225px;
	    height: 185px;
	}

	#b9ginimghover{
		width: 225px;
	}

    #b5hcomwrap{
        height: unset !important;
    }

    #online-reg-img{
        background-size: contain;
    }
}



/********************************* width: 480px ***********************************/

@media only screen and (max-width: 480px){
	
	.navbar-nav{
		width: 100%;
		float: none !important;
	}

	.navbar-default .navbar-nav > li {
	    margin: 0px;
	    border-right: none;
	    padding: 6px 0;
	}

	#block-views-testimonials-block {
	    background: #ffffff;
	    padding: 30px 0px 10px 0px;
	}

	#block-views-block-testimonials-block-1 iframe,
	.path-testimonials iframe{
		height: 200px !important;
		margin-bottom: 15px;
	}

	#block-views-block-testimonials-block-1{
		height: 37px !important;
	}

	#b3highheader, #b8mcheader{
	    font: 30px latobol;
	}

	#b3highind1 {
	    font: 22px impreg;
	}

	#b3highind2 {
	    font: 18px latobol;
	}

	#b3highintitle a {
	    font: 14.5px latobol;
	}

	#b3highinbody {
	    font: 14px sguirg;
	}

	/*#b7dobody ul, #b7dontbody ul{
		list-style-image: url('../images/ddtick.png') !important;
	}*/

	#b5hcomwrap{
		/*background: transparent !important;*/
	}

	#b5c1img {
	    background: url('../images/hcomc1_2.png') no-repeat;
	    height: 245px;
	    width: 100% !important;
	    background-size: contain;
	}

    #b6wlwrap {
        height: auto;
    }

    #online-reg-img {
        display: block;
        background-size: contain;
        height: 174px;
    }

	#b5c2cwrap {
	    padding: 1.7em 0px 3.5em 0px;
	    /*background: #f79e0e;*/
	}

	#b6c2cwrap {
	    padding: 2em 0;
	}

	#b5c2r1 {
	    font: bold 20px myprorg;
	}

	#b6c2txtwrap{
		margin: 17px 0px 25px 0px;
	}

	#b6c2txt {
	    font: italic 15.5px sguirg;
	}

	#b6c2lnk {
	    text-decoration: none;
	    font: 18px sguisb;
	}

	#b7doheader, #b7dontheader {
	    font: 20px latobol;
	    padding: 7px 25px;
	}

	#b2tin {
	    padding: 0 10px;
	    margin-bottom: 30px;
	}

	#block-views-block-testimonials-block-1 {
	    font: 14.5px latoreg;
	}

	#b3highinwrap {
	    margin-bottom: 40px;
	}

	#b6c1cwrap {
	    padding: 3em 0px 0em 0px;
	}

	#b6c2cwrap {
	    padding: 4em 0;
	}

	#b6c1img, #b6c2img{
		background-size: contain;
	}

	#b7dobody p, #b7dontbody p, #b7dobody ul li a, #b7dontbody ul li a {
	    font: 15px latoreg;
	}

	#b8mcinwrap{
		margin-bottom: 30px;
	}

	#b8mcind1 {
	    font: 22px impreg;
	}

	#b8mcind2 {
	    font: 18px latobol;
	}

	#b8mcintitle a {
	    font: 14.5px latobol;
	}

	#b8mcinbody {
	    font: 14px sguirg;
	}

	#b9ginimgwrap{
		height: 218px !important;
	}

	#opcftop a {
	    font: 14px arianow;
	}

	a.logo.navbar-btn.pull-left img {
    width: 95%;
    margin-top: 1em;
}

.front-section.section02.col-sm-12 {
    min-height: 59em;
}



	#poweredbi, #poweredbi a, #copyr {
	    font: 12.5px arianow;
	}

    #logo-wrap {
        display: inline-block;
        width: 35%;
        position: relative;
        bottom: 1.7em;
    }

    #clip-body {
        display: inline-block;
        width: 60%;
    }
}

/* ========================================
Override CSS & Enhancements
================================== */

.footer{
	padding: 0;
	    margin-top: 0;
}

#block-views-block-highlights-block-2 .view-content .row img {
       max-height: 234px;
    max-width: 106px;
}

div#b8mcfbtnwrap {
    padding-top: 3em;
}

div#b8mcheader {
    margin-bottom: 1em;
}

.front-section.section08.col-sm-12 {
    background-color: #E2E2E2;
    padding-top: 1em;
}

.front-section.section07.col-sm-12 {
    background-color: white;
    padding-top: 3em;
	padding-bottom: 5em;
}

.front-section.section05.col-sm-12 {
    padding: 0;
}

.front-section.section06.col-sm-12 {
    background-color: white;
    padding-top: 4em;
}


#slick-views-testimonials-block-1-2 .slick__slide {
    margin: 1em;
}


/* ++++++++++++++++++
Testimonail - 
+++++++++++++++++++ */

.view-id-testimonials.view-display-id-page_1 .view-content,
.path-international-road-shows .view-content,
.path-gallery .view-content,
.path-conferences .view-content,
.path-delegations .view-content,
.path-events-gallery .view-content,
.path-divisional-meetings .view-content,
.path-inaugurations .view-content,
.path-miscellaneous .view-content{
  display: flex;
  flex-wrap: wrap; /* VERY IMPORTANT */
  gap: 20px; /* optional spacing */
}

.view-id-testimonials.view-display-id-page_1 .view-content .views-row,
.path-international-road-shows .view-content .views-row,
.path-gallery .view-content .views-row,
.path-conferences .view-content .views-row,
.path-delegations .view-content .views-row,
.path-events-gallery .view-content .views-row,
.path-divisional-meetings .view-content .views-row,
.path-inaugurations .view-content .views-row,
.path-miscellaneous .view-content .views-row{
  width: calc(33.33% - 20px); 
  box-sizing: border-box;
}

.path-testimonials .breadcrumb li:nth-last-child(2) {
    display: none;
}

/* +++++++++++++++++++++++++++++++++++++ */

.path-gallery .views-field.views-field-field-gallery-images img {
    width: 260px;
    height: 210px;
    max-height: 17em;
    margin-bottom: 0.5em;
}

.row.inner-page {
    min-height: calc(100vh - 143px) !important;
}


.page-header{
	border-bottom: 0px solid transparent;
}

.inner-page .content h3{
	color: #f79e0e;
}

.inner-page .content h4{
	color: #404041;
}


/* ==================================================
Tayyab Seachbar
=========================================== */

    .navbar-default .form-type-search {
        margin: 0;
    }

    .navbar-default input[type='search'] {
        color: #000;
        box-shadow: unset;
        -webkit-box-shadow: unset;
        border-color: #000;
        transform: translateX(100%);
        height: 34px;
        margin: 1px 0 0 0;
        -webkit-transform: translateX(100%);
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        border-radius: 18px 18px 18px 18px;
    }


    .navbar-default input[type='search']::-webkit-input-placeholder {
        color: #000;
    }

    .navbar-default input[type='search']::-moz-placeholder {
        color: #000;
    }

    .navbar-default input[type='search']:-ms-input-placeholder {
        color: #000;
    }

    .navbar-default input[type='search']:-moz-placeholder {
        color: #000;
    }

    .navbar-default .search-block-form button[value='Search'] {
        background: url(../images/search-icon.png) no-repeat center center !important;
        width: 36px;
        height: 36px;
        border: 0px;
        border-radius: 0px;
        background-size: 100% !important;
    }

    .navbar-default .input-group-btn {
        left: -25px !important;
    }

    .navbar-default .search-block-form button[value='Search'] .glyphicon-search:before {
        content: unset;
    }

    #block-bootstrap-subtheme-search .input-group-btn button {
        background: transparent;
    }


    #block-bootstrap-subtheme-search .input-group-btn button {
        border-radius: 0;
        border: none;
        z-index: 100;
        outline: none;
    }

    .navbar-default .form-type-search {
        margin: 0;
    }

    #block-bootstrap-subtheme-search .input-group-btn button {
        border-radius: 0;
        border: none;
        z-index: 100;
        outline: none;
    }

    @media screen and (min-width: 768px) {
        #block-bootstrap-subtheme-search {
            overflow: hidden;
            -webkit-transition: all 0.9s ease-in-out;
            -moz-transition: all 0.9s ease-in-out;
            -ms-transition: all 0.9s ease-in-out;
            -o-transition: all 0.9s ease-in-out;
            transition: all 0.9s ease-in-out;
            position: absolute;
            width: 65px;
            height: 36px;
            right: 15px;
        }

        #block-bootstrap-subtheme-search:hover {
            width: 250px;
        }


        .navbar-default .navbar-nav {
            margin: 0 70px 0 0;
        }

        .navbar-default input[type='search'] {
            opacity: 0;
            border-radius: 14px !important;
            transform: translateX(calc(100% - 22px));
            -webkit-transform: translateX(calc(100% - 22px));
            -webkit-transition: all 0.6s ease-in-out;
            -moz-transition: all 0.6s ease-in-out;
            -ms-transition: all 0.6s ease-in-out;
            -o-transition: all 0.6s ease-in-out;
            transition: all 0.6s ease-in-out;
        }

        .navbar-default #block-bootstrap-subtheme-search:hover input[type='search'] {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
        }

        .navbar-default #block-bootstrap-subtheme-search input[type='search']:hover {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
        }

        .navbar-default #block-bootstrap-subtheme-search input[type='search']:focus {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
        }

        .navbar-default input[type='search'].appear,
        .navbar-default input[type='search'].focusClass {
            opacity: 1;
            transform: translateX(0);
            -webkit-transform: translateX(0);
        }
    }
    @media screen and (max-width: 767px) {
        .navbar-default input[type='search'] {
            transform: unset;
            -webkit-transform: unset;
        }
        #block-langbutton {
            left: unset;
            right: 15px;
        }
    }


/* =========================End Tayyab Search Bar========================= */

/* ==================oVERRIDE tAYYAB sEARCH===================== */

/* #searchbtn img {
    MARGIN-RIGHT: 1EM;
} */

/* ====================eND oVERRIDE tAYYAB============== */

/* ======================
Navigation Arrow 
====================== */



.path-frontpage .slick-prev::before {
  content: '';
  position: absolute;
  width: 33px;
  height: 33px;
  right: 0;
  top: 10px;
  background: url('/system/files/black_arrow_left.png') no-repeat center center;

}

.slick-dots {}

.path-frontpage .slick-next::before {
  content: '';
  width: 33px;
  height: 33px;
  background: url('/system/files/black_arrow_right.png') no-repeat center center;
  position: absolute;
  left: 0;
  top: 10px;
}

/* #block-views-block-highlights-block-1 .slick-prev::before {
right: -54EM;
    top: 8EM;

} */


.navbar-right {
    DISPLAY: FLEX;
    JUSTIFY-CONTENT: flex-start;
    ALIGN-ITEMS: end;
    FLEX-DIRECTION: row-reverse;
}



/* ===============================
The End
=============================== */

/*** Sitemap ***/

.sitemap {padding: 0 1em;}
.sitemap h2 {
    display: none;
}
.sitemap #page-title {
    margin-bottom: 0;
}

.sitemap-item {}

.sitemap-item ul {padding: 0 0 0 1.5em; overflow-x: hidden; margin: 0 !important; float: none; text-align: start; list-style: disc; display: block; background: transparent !important; border: 0; border-radius: 0;}

.sitemap-item ul li {float: none; display: list-item;}

.sitemap-item ul li a {text-decoration: none; display: initial; color: #428bca; padding: 0;}

.sitemap-item ul li a:hover, .sitemap-item ul li a:focus {text-decoration: underline; color: #428bca; background: transparent;}

.sitemap .caret {display: none;}

.sitemap-item ul li ul {position: initial; display: block; border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; background: transparent; background-clip: inherit; list-style: circle;}

.sitemap-item ul li ul li {display: list-item;}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu > li > a
{text-decoration: none; display: initial; color: #428bca; padding: 0;}

.sitemap-item ul li ul li a:hover, .sitemap-item ul li ul li a:focus,
.sitemap-item .navbar-nav .dropdown-menu > li > a:hover, .sitemap-item .navbar-nav .dropdown-menu > li > a:focus {text-decoration: underline; background: transparent;}

.sitemap-item ul li ul li ul {display: none;}

.sitemap-item ul li ul li.expanded ul {display: block; list-style: square;}

/*** ..eend Sitemap. ***/

.search-btn-wrap {
    margin-right: 1em;
}


/* ==========================
A.. Search Feature Testing
========================== */


.demo-topbar {
  background: linear-gradient(180deg, #f6f1d5 0%, #f7f3dc 100%);
  border-top: 4px solid #3d3d3d;
  border-bottom: 2px solid #8dc640;
  padding: 16px 24px;
}

.demo-topbar__inner {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.demo-topbar__brand {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.demo-topbar__brand-main {
  color: #2b6d2f;
  font-size: 1rem;
  font-weight: 800;
}

.demo-topbar__brand-sub {
  color: #7c6f3d;
  font-size: 0.84rem;
  font-weight: 600;
}

.opc-search {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.opc-search__icon-button {
  width: 31px;
  height: 31px;
  border: 1px solid #f0a300;
  border-radius: 0;
  background: #f0a300;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.opc-search__icon-button:hover,
.opc-search__icon-button:focus-visible,
.opc-search.is-open .opc-search__icon-button {
  outline: none;
  color: #ffffff;
  border-color: #d78b00;
  background: #d78b00;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(215, 139, 0, 0.22);
}

.opc-search__icon-wrap svg,
.opc-search__clear svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.opc-search__content {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 300px;
  padding: 8px;
  border: 1px solid #efc25e;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 14px 28px rgba(30, 41, 59, 0.18);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 180ms ease, transform 180ms ease;
  z-index: 20;
}

.opc-search.is-open .opc-search__content {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.opc-search__field-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
}

.opc-search__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 31px;
  padding: 0 34px 0 10px;
  border: 2px solid #f0a300;
  border-right: 0;
  border-radius: 0;
  background: #ffffff;
  color: #333333;
  font-size: 13px;
}

.opc-search__input:focus {
  outline: none;
  border-color: #d78b00;
  box-shadow: inset 0 0 0 1px rgba(215, 139, 0, 0.2);
}

.opc-search__clear {
  position: absolute;
  right: 37px;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.opc-search__clear:hover,
.opc-search__clear:focus-visible {
  outline: none;
  color: #252526;
  background: rgba(240, 163, 0, 0.14);
}

.opc-search__submit {
  width: 31px;
  min-width: 31px;
  height: 31px;
  padding: 0;
  border: 1px solid #f0a300;
  border-radius: 0;
  background: #f0a300;
  color: #ffffff;
  font-size: 0;
  font-weight: 700;
  cursor: pointer;
  position: relative;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.opc-search__submit::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 7px;
  box-sizing: border-box;
}

.opc-search__submit::after {
  content: "";
  width: 7px;
  height: 2px;
  background: currentColor;
  position: absolute;
  top: 18px;
  left: 18px;
  transform: rotate(45deg);
  transform-origin: center;
}

.opc-search__submit:hover,
.opc-search__submit:focus-visible {
  outline: none;
  background: #d78b00;
  border-color: #d78b00;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(215, 139, 0, 0.22);
}

.opc-search__submit[disabled] {
  opacity: 0.9;
  cursor: wait;
}

.opc-search__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 767px) {
  .demo-topbar__inner {
    align-items: stretch;
    flex-direction: column;
  }

  .opc-search {
    width: 100%;
  }

  .opc-search__content {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }

  .opc-search__icon-button {
    display: none;
  }

  .opc-search__input {
    height: 38px;
  }

  .opc-search__submit {
    width: 38px;
    min-width: 38px;
    height: 38px;
  }

  .opc-search__submit::before {
    top: 10px;
    left: 10px;
  }

  .opc-search__submit::after {
    top: 21px;
    left: 21px;
  }
}




/* ==============================
Testomionials Thumbnai
=============================== */

.field-iframe-instance {
    background: rgba(0, 0, 0, 0.85);
}




/* =====================End Search Feature Testing ================= */
