/*# sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*@ sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*# sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*@ sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*# sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*@ sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*# sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/*@ sourceURL=/sites/En/Style%20Library/en-us/CITRATheme/css/main.css */
/* CITRA v2 english */
	
	.pCheck label {
    display: inline-block !important;
    margin-left: 10px!important;
    margin-bottom: 10px!important;
}
	
	@font-face {
	    font-family: 'OpenSans';
	    src: url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/OpenSans-Bold.ttf");
	    font-weight: 700;
	    font-style: bold;
	}
	@font-face {
	    font-family: 'OpenSans';
	    src: url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/OpenSans-Regular.ttf");
	    font-weight: 400;
	    font-style: regular;
	}
	@font-face {
	    font-family: 'OpenSans';
	    src: url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/OpenSans-Light.ttf");
	    font-weight: 500;
	    font-style: Medium;
	}
	@font-face {
	    font-family: 'FontAwesome';
	    src: url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/fontawesome-webfont.eot"),
	    /* IE9 Compat Modes */
	    
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/fontawesome-webfont.eot?#iefix") format('embedded-opentype'),
	    /* IE6-IE8 */
	    
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/fontawesome-webfont.woff2") format('woff2'),
	    /* Super Modern Browsers */
	    
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/fontawesome-webfont.woff") format('woff'),
	    /* Pretty Modern Browsers */
	    
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/fontawesome-webfont.ttf") format('truetype'),
	    /* Safari, Android, iOS */
	    
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/fontawesome-webfont") format('svg');
	    /* Legacy iOS */
	    
	    font-style: Medium;
	}
	@font-face {
	    font-family: 'Droid Arabic Kufi';
	    font-style: normal;
	    font-weight: 400;
	    src: url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Regular.eot"),
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Regular.eot?#iefix") format('embedded-opentype'),
	     url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Regular.woff2") format('woff2'),
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Regular.woff") format('woff'),
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Regular.ttf") format('truetype');
	}
	@font-face {
	    font-family: 'Droid Arabic Kufi';
	    font-style: bold;
	    font-weight: 700;
	    src: url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Bold.eot"),
	     url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Bold.eot?#iefix") format('embedded-opentype'),
	     url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Bold.woff2") format('woff2'),
	     url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Bold.woff") format('woff'),
	    url("/sites/En/Style%20Library/en-us/CITRATheme/fonts/DroidKufi-Bold.ttf") format('truetype'),
	}

.primary-color{
	color:#17335b;
}	


	a:hover, a:active, a:focus {
outline: 0;
}

	div.article,
	div.welcome {
	    padding: 0px;
	    margin: 0px;
	}
	* {
	    margin: 0;
	    padding: 0;
	    box-sizing: border-box;
	}
	html,
	body {
	    height: 100%;
	    margin: 0;
	}
	body {
	    overflow-x: hidden;
	}
	.wrap {
	    position: relative;
	    margin: auto;
	    max-width: 1280px;
	    padding: 0 10px;
	}
	html,
	button,
	input,
	select,
	textarea {
	    color: #222;
	}
	.FFullWidth {
	    width: 100%;
	}
	.container select.FFullWidth { padding: 5px 8px;  }
	body {
	    height: 100%;
	    font-family: 'OpenSans', sans-serif;
	    background-size: auto;
	}
	/*
	 * Remove text-shadow in selection -webkit-highlight: h5bp.com/i
	 * These selection rule sets have to be separate.
	 * Customize the background color to match your design.
	 */
	
	::-moz-selection {
	    /*background: #;*/
	    text-shadow: none;
	}
	::selection {
	    background: #ffffff;
	    text-shadow: none;
	}
	/*
	 * A better looking default horizontal rule
	 */
	
	hr {
	    display: block;
	    height: 1px;
	    border: 0;
	    border-top: 1px solid #ccc;
	    margin: 1em 0;
	    padding: 0;
	}
	/*
	 * Remove the gap between images, videos, audio and canvas and the bottom of
	 * their containers: h5bp.com/i/440
	 */
	
	audio,
	canvas,
	img,
	video {
	    vertical-align: middle;
	}
	/*
	 * Remove default fieldset styles.
	 */
	
	fieldset {
	    border: 0;
	    margin: 0;
	    padding: 0;
	}
	/*
	 * Allow only vertical resizing of textareas.
	 */
	
	textarea {
	    resize: vertical;
	}
	a {
	    transition: all 0.3s ease-in-out;
	}
	/* =============================================================================
	   Global Style
	   ========================================================================== */
	
	a:link,
	a:visited,
	a:hover,
	a:active {
	    color: #17335b;
	    text-decoration: none;

	}
	a:hover {
	    /* opacity:0.8; */
	    
	    text-decoration: underline;
	}
	/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
	
	a:hover,
	a:active {
	    outline: 0;
	}
	.NormalLink:link,
	.NormalLink:visited,
	.NormalLink:hover,
	.NormalLink:active {
	    color: #1b83bb;
	    font-weight: normal;
	    font-size: 16px;
	    text-decoration: underline;
	}
	.NormalLink:hover {
	    text-decoration: underline;
	    color: #3B8AB9;
	}
	.GoldWrap .NormalLink:link,
	.GoldWrap .NormalLink:visited,
	.GoldWrap .NormalLink:hover,
	.GoldWrap .NormalLink:active {
	    color: #ffffff;
	    font-weight: normal;
	    font-size: 16px;
	    text-decoration: none;
	}
	.GoldWrap .NormalLink:hover {
	    text-decoration: underline;
	    color: #ffffff;
	}
	.ContentBlock {
	    font-size: 16px;
	    padding: 15px;
	    color: #1c1c1b;
	}
	.AlignCenter {
	    text-align: center;
	}
	.AlignRight {
	    text-align: right;
	}
	.AlignLeft {
	    text-align: left;
	}
	/*FLOAT & CLEAR*/
	
	.right {
	    float: left;
	}
	.left {
	    float: right;
	}
	.clear {
	    clear: both;
	}
	.spacer {
	    height: 5px;
	    display: block;
	}
	.spacer-10 {
	    height: 10px;
	    display: block;
	}
	.ImgLeft {
	    float: right;
	    clear: right;
	    padding: 2px;
	    margin: 4px;
	    display: block;
	    border: 1px solid #f4f4f4;
	}
	.ImgRight {
	    float: right;
	    clear: right;
	    padding: 2px;
	    margin: 4px;
	    display: block;
	    border: 1px solid #d0cfcf;
	}
	.ColorRed {
	    color: #F00;
	}
	.ColorGreen {
	    color: #2ea114;
	    font-size: 13px;
	}
	.ColorGrey,
	table .ColorGrey {
	    color: #585757;
	    font-size: 12px;
	}
	.ImgBdr {
	    border: 1px solid #eeeeee;
	    padding: 2px;
	}
	.ImgResponsive {
	    display: block;
	    width: 100%;
	    height: auto;
	}
	.ImgResponsive[src*=News]{
	max-width:100%;
	width:auto !important;
} 

	.WhiteWrap {
	    background-color: #ffffff;
	    border: 1px solid #d2d2d2;
	}
	.GreyWrap {
	    background-color: #eeeeee;
		border: 1px solid #d2d2d2;
		padding:10px;
	}
	.GreyWrapLight {
	    background-color: #f7f7f7;
	}
	.GoldWrap {
	    background-color: #bd9e56;
	}
	.VoteIntro {
	    margin-bottom: 80px;
	}
	.MapArea {
	    margin-bottom: 80px;
	}
	/* =============================================================================
	 Heading Style
	   ========================================================================== */
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    margin: 5px 0px;
	    padding: 0px;
	    font-family: OpenSans, Arial, Tahoma;
	    letter-spacing: 0px;
	    display: inline-block;
	}
	
	h3 {
	    font-weight: 800;
	    display: block;
	}
	.container h1 {
	    font-size: 30px;
	    color: #231f20;
	    font-weight: bold;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    line-height: 45px;
	    /* border-bottom: 4px solid #0080C8; */
	}
	.container h2 {
	    font-size: 22px;
	    color: #17335b;
	    margin: 5px 0;
	    font-weight: bold;
	    display: block;
	}
	.container h3 {
	    font-size: 20px;
	    color: #231F20;
	    font-weight: bold;
	    text-shadow: 0px 0px 0px #dcdcdc;
	}
	.container h4 {
	    font-size: 16px;
	    color: #231f20;
	    text-shadow: 0px 0px 0px #dcdcdc;
	}
	.container h5 {
	    font-size: 16px;
	    color: #231f20;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    font-weight: normal;
	    display: block;
	}
	.container h6 {
	    font-size: 16px;
	    color: #231f20;
	}
	.container .slides h3 {
	    font-size: 16px;
	    color: #264d6e;
	    font-weight: normal;
	    text-align: center;
	    width: 150px;
	    margin: 0px auto;
	}
	.container .HeadingSection h1 {
	    padding: 0px;
	    margin: 0px;
	}
	.container .GoldWrap h1 {
	    color: #ffffff;
	    border: 0px;
	    text-shadow: 1px 2px 1px #a88c4a;
	}
	.container .GoldWrap p,
	.GoldWrap .ms-WPBody p {
	    color: #ffffff;
	}
	.GoldWrap a:link,
	.GoldWrap a:visited,
	.GoldWrap a:hover,
	.GoldWrap a:active {
	    color: #ffffff;
	    font-weight: normal;
	    font-size: 16px;
	}
	.GoldWrap a:hover {
	    text-decoration: underline;
	    color: #ffffff;
	}
	.HomePageCol1 h1,
	.HomePageCol2 h1 {
	    text-shadow: 1px 3px 1px #dcdcdc;
	    font-size: 18px;
	    /* padding-top:10px; */
	    
	    font-weight: bold;
	}
	.TopPageWrapper h1 {
	    margin: 0px;
	    padding: 0px;
	    color: #ffffff;
	}
	/*.ContentPage h1 , .ContentPage h2 ,.ContentPage h3 ,.ContentPage h4 ,.ContentPage h5{text-shadow: 1px 3px 1px #dcdcdc;}*/
	
	.ContentPage h1 {
	    margin: 4px 2px 10px 2px;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    display: block;
	    /* border-bottom: 0px solid #bd9e56; */
	}
	.ContentPage h2 {
	    margin: 25px 2px 10px 2px;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    display: block;
	}
	.ContentPage h3 {
	    margin: 25px 2px 4px 2px;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    display: block;
	}
	.ContentPage h4 {
	    margin: 20px 2px 10px 2px;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    display: block;
	}
	.ContentPage h5 {
	    margin: 4px 2px 8px 2px;
	    text-shadow: 0px 0px 0px #dcdcdc;
	    display: block;
	}
	.container .LeftSideArea h3,
	.container .RightSideArea h3 {
	    padding-left: 10px;
	}
	.ContentPage .FormStyle h2,
	.FormStyle h2 {
	    margin: 30px 2px 10px 2px;
	}
	.ContentPage .FormStyle > h2:first-child,
	.ContentPage .FormStyle > h3:first-child,
	.ContentPage .FormStyle > h4:first-child {
	    margin: 0px 2px 8px 2px;
	}
	.ContentPage h2:first-child {
	    margin: 0px 2px 8px 2px;
	}
	.ContentPage h6 {
	    margin: 4px 2px 8px 2px;
	}
	.MrgTop {
	    margin-top: -54px;
	    position: absolute;
	}
	p,
	.ms-WPBody p {
	    font-size: 16px;
	     margin-bottom:20px;
	    font-family: 'OpenSans', sans-serif;
	    color: #1c1c1b;
	    line-height: 28px;
	}
	.BoxContainer p {
	    padding: 5px 15px 15px 15px;
	    margin: 0px;
	}
	.ContentPage .ms-rtestate-field p {
 	    margin: 0px;
 	    margin-bottom:20px;
 	
	    font-size: 16px;
	    color: #1c1c1b;
	    line-height: 30px;
	    /* text-align:justify;*/
	    
	    margin-bottom: 20px;
	}
	.ContentPage p {
	    font-size: 16px;
	    color: #1c1c1b;
	    line-height: 30px;
	     /* text-align:justify;*/

	}
	.ContentPage .BlueServiceCnt p {
	    color: #494444;
	}
	.ContentPage .mini-image-list {
	    padding: 0 10px 0 0px;
	    list-style: none;
	    font-size: 13px;
	    /* text-align:justify;*/
	}
	.NewsDate {
	    font-size: 16px;
	    color: #939393;
	}
	/* =============================================================================
	  Structure style HTML Pages
	 ========================================================================== */
	
	.MainWrapper {
	    width: 100%;
	    margin: 0px auto;
	    overflow:hidden;
	}
	.header {
	    background-color: #fff;
	    width: 100%;
	    text-align: left;
	    height: auto;
	    padding: 0 10px;
	    border-top: 1px solid #081e3d;
	}
	.TopWrapper {
	    background-color: #bd9e56;
	    width: 100%;
	    border-bottom: 0px solid #062a8f;
	    min-height: 25px;
	}
	#StickHeader {
	    z-index: 999999999999;
	    background-color: #000000;
	}
	.DateTime {
	    color: #cacaca;
	    font-size: 16px;
	}
	.ContentBase {
	    width: 100%;
	    background-repeat: repeat;
	}
	.breadcrumb {
	    margin: 10px 0;
	}
	.breadcrumb p {
	    display: inline;
	    font-size: 12px;
	}
	.breadcrumb .fa {
	    font-size: 8px;
	    padding: 0 3px;
	}
	.breadcrumb a:link,
	.breadcrumb a:visited,
	.breadcrumb a:hover,
	.breadcrumb a:active {
	    font-size: 13px;
	    color: #17335b;
	    text-decoration: none;
	    font-family: OpenSans, Arial, Tahoma;
	}
	.breadcrumb a:hover {
	    text-decoration: underline;
	    color: #17335b;
	    opacity: 0.8;
	}
	.TopNav {
	    color: white;
	    background-color: #17335b;
	    height: auto;
	    padding: 5px 10px;
	}
	.TopNav .col {
	    margin: 0px;
	}
	.TopNav a:link,
	.TopNav a:visited,
	.TopNav a:hover,
	.TopNav a:active {
	    color: #ffffff;
	    font-weight: normal;
	    display: inline-block;
	    font-size: 12px;
	    text-align: center;
	}
	.TopNav .AlignRightCenter .fa {
	    font-size: 16px;
	}
	.TopNav a:hover {
	    text-decoration: underline;
	    opacity: 0.8;
	}

	.copyright {
	    color: #ffffff;
	    font-size: 16px;
	    width: 100%;
	    display: inline-block;
	    padding: 5px 0;
	    ottom: initial;
	}
	.TopNav > a:first-child {
	    border-left: 0px solid #ffffff;
	}
	.container {
	    width: 100%;
	}
	.ContentPage {
	    padding: 0 10px;
	}
	#FullColumn .ContentPage {
	    padding: 0px 0px 0px 0px;
	}
	.MainPageCnt {
	    width: 100%;
	    background-color: #fff;
	    /* padding-bottom: 12px; */
	}
	.WrapperFooter {
	    background-color: #17335b;
	    width: 100%;
	    clear: both;
	    margin: auto;
	    
	}
	.footerWrap .LinkImagelist li {
	    transition: all 0.3s ease;
	}
	.footerWrap .LinkImagelist li:hover {
	    transform: translateX(5px);
	}
	#wrapper {
	    position: relative;
	}
	.BoxContainer {
	    background-color: #ffffff;
	    border: 1px solid #d0cfcf;
	    margin: 0px 0% 0px 0%;
	    padding: 0px;
	    /* height: 340px; */
	    
	    position: relative;
	    font-size: 16px;
	    font-family: 'OpenSans', sans-serif;
	    color: #1c1c1b;
	}
	.BoxCntWhite {
	    background-color: #ffffff;
	    border: 1px solid #d0cfcf;
	    margin: 0px 0% 15px 0%;
	    padding: 0px;
	    /* height: 340px; */
	    
	    position: relative;
	    padding: 0px 10px 0px 0px;
	}
	.BoxCntGrey {
	    background-color: #f6f6f6;
	    margin: 0px 0% 35px 0%;
	    padding: 10px;
	    position: relative;
	    transition: all 0.3s ease;
	}

	.BoxCntGrey img{
		width:68px;
		height:68px;
	}
	.BoxCntBlue {
	    background-color: #edfbf7;
	    border: 1px solid #dbe8d7;
	    margin: 0px 0% 15px 0%;
	    padding: 0px;
	    /* height: 340px; */
	    
	    position: relative;
	}
	.BoxCntYellow {
	    background-color: #fcfddf;
	    border: 1px solid #d1d1d1;
	    margin: 0px 0% 15px 0%;
	    padding: 0px;
	    /* height: 340px; */
	    
	    position: relative;
	}
	.InnerPageSec .BoxContainer {
	    margin-bottom: 15px;
	}
	.Bxheader {
	    border-bottom: 1px solid #d0cfcf;
	    font-size: 18px;
	    line-height: 38px;
	    padding: 0px 15px;
	    color: #262729;
	    font-family: OpenSans, Arial, Tahoma;
	}
	.BoxCntBlue .Bxheader,
	.BoxCntWhite .Bxheader {
	    border-bottom: 0px solid #d0cfcf;
	    background-color: #e6f6f1;
	    color: #262729;
	}
	.BoxCntYellow .Bxheader {
	    border-bottom: 0px solid #d0cfcf;
	    background-color: #f2f4c2;
	    color: #262729;
	}
	.BoxCntWhite .Bxheader,
	.BoxContainer .Bxheader {
	    background-color: #f4f3f3;
	}
	.FilterPallate {
	    margin: 10px 0px 10px 0px;
	    background-color: #f1f7ff;
	    border: 1px solid #dde7f5;
	    padding: 10px;
	}
	.FilterPallateDisabled {
	    margin: 10px 0px 10px 0px;
	    background-color: #F1F1F1;
	    border: 1px solid #d1d1d1;
	    padding: 10px;
	}
	.CntWhite {
	    width: 100%;
	    margin: 10px 0px 10px 0px;
	    background-color: #ffffff;
	    border: 1px solid #d0cfcf;
	    padding: 0% 0% 0% 0%;
	    /* height: 84px; */
	    /* display: block; */
	}
	.fancybox-skin h4 {
	    color: #8a0707;
	    font-size: 16px;
	}
	.fancybox-skin {
	    color: #1c1c1b;
	}
	/* form  TYPE */
	
	.FormStyle .labelText,
	span.labelText {
	    font-size: 16px;
	    color: #1c1c1b;
	    padding: 5px 0px;
	    display: block;
	}
	.container label,
	.container input[type="text"],
	input[type="password"],
	.container input[type="email"],
	textarea,
	select {
	    font-size: 16px;
	}
	.container select {
	    padding: 4px !Important;
	}
	.container label {
	    font-weight: normal;
	    display: block;
	    margin: 10px 0px;
	}
	.container input[type="text"],
	.container input[type="password"],
	.container input[type="email"],
	.container textarea,
	.container select {
	    padding: 5px 8px;
	    outline: none;
	    color: #333;
	    background-color: #fff;
	    background-repeat: no-repeat;
	    background-position: right center;
	    border: 1px solid #bababa;
	    border-radius: 0px;
	    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    -moz-transition: all .15s ease-in 0;
	    -webkit-transition: all .15s ease-in 0;
	    vertical-align: middle;
	    font-family: OpenSans, Arial, Tahoma;
	}
	.container input[type="text"].focus,
	.container input[type="text"]:focus,
	.container input[type="password"].focus,
	.container input[type="password"]:focus,
	.container input[type="email"].focus,
	.container input[type="email"]:focus,
	.container textarea.focus,
	.container textarea:focus {
	    border-color: #51a7e8;
	    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
	}
	.FormStyle label,
	.FormStyle input[type="text"],
	input[type="password"],
	.FormStyle input[type="email"],
	textarea,
	select {
	    font-size: 16px;
	}
	.FormStyle select {
	    padding: 4px;
	}
	.FormStyle label {
	    font-weight: normal;
	}
	.FormStyle input[type="text"],
	.FormStyle input[type="password"],
	.FormStyle input[type="email"],
	.FormStyle textarea,
	.FormStyle select {
	    padding: 8px;
	    outline: none;
	    color: #1c1c1b;
	    background-color: #fff;
	    background-repeat: no-repeat;
	    background-position: right center;
	    border: 1px solid #bababa;
	    border-radius: 0px;
	    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    -moz-transition: all .15s ease-in 0;
	    -webkit-transition: all .15s ease-in 0;
	    vertical-align: middle;
	    font-family: OpenSans, Arial, Tahoma;
	}
	.FormStyle input[type="text"].focus,
	.FormStyle input[type="text"]:focus,
	.FormStyle input[type="password"].focus,
	.FormStyle input[type="password"]:focus,
	.FormStyle input[type="email"].focus,
	.FormStyle input[type="email"]:focus,
	.FormStyle textarea.focus,
	.FormStyle textarea:focus {
	    border-color: #51a7e8;
	    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
	}
	.FormStyle input[disabled],
	.FormStyle input[readonly],
	.FormStyle textarea[readonly],
	.FormStyle textarea[disabled],
	.FormStyle select[disabled],
	.FormStyle select[readonly] {
	    background-color: #EFEFEF;
	    opacity: 0.8;
	    cursor: not-allowed;
	    font-weight: bold;
	}
	/*.FormStyle input[disabled] ,fieldset[disabled] .FormStyle{cursor:not-allowed}*/
	
	::-webkit-input-placeholder,
	:-moz-placeholder {
	    color: #aaa;
	}
	.Percent100 {
	    width: 100%;
	}
	.Percent90 {
	    width: 90%;
	}
	.Percent80 {
	    width: 80%;
	}
	.Percent70 {
	    width: 70%;
	}
	.Percent60 {
	    width: 60%;
	}
	.Percent50 {
	    width: 50%;
	}
	.Percent40 {
	    width: 40%;
	}
	.Percent30 {
	    width: 30%;
	}
	.Percent20 {
	    width: 20%;
	}
	.Percent10 {
	    width: 10%;
	}
	
	
/*=============================================================
			search style
==============================================================*/

	
.container .searchform div {height: 26px;width: 254px;}

.container .searchboxwrapper {
position: relative;
}

.container input.searchInputarea{border: 1px solid #dadada;outline: none;font: 11px 'Montserrat', sans-serif;color: #777;width: 230px;height: 26px;background: #fff;padding-left: 10px;}

.container .searchsubmit {font-family: 'FontAwesome';width: 20px;height: 26px;border: 1px solid #dadada;font-size: 12px;position: absolute;top: 0;right: 0;background: #dadada;border: none;color: #5d3250;cursor: hand;cursor: pointer;padding: 0px;min-width: 24px;}



	/*=============================================================
			Paging Style
==============================================================*/


.pagination {
    background: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
	cursor:pointer;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #17335b;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.DisableBtn {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}




.footable .pagingRow td {
	background: #fff;
	border-width: 0;   
 }   

 .footable .pagingRow tr td span  {
	text-align: center;
	background: #0080c3;
	border-width: 0;
	padding: 2px 10px 2px 10px;
	color: #ffffff;
}

.pagingRow tr td a {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagingRow tr td a:hover{background-color:lightGrey;}
.footable .pagingRow tr td span{
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #17335b;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
	color:white;
}

.pagingRow tr td a:not(.pgr):not(select), .pagingRow tr td a:not(.pgr):not(select) {
	border-bottom: 1px solid gray;
	color: #303030;
}

.clickableRow { cursor:pointer;}

	/* ==========================================================================
		3List
	-------------------------------*/
	
	.LinkImagelist {
	    width: 100%;
	    font-family: 'OpenSans', sans-serif;
	    margin: 10px 0;
	}
	.ContentBase .LinkImagelist {
	    margin: 10px 0;
	}
	.LinkImagelist ul {
	    margin: 0px 0px 0px 10px;
	    padding: 0px;
	    list-style-type: none;
	    width: 98%;
	}
	.LinkImagelist ul li {
	    list-style-type: none;
	    font-size: 16px;
	    color: #1c1c1b;
	    line-height: 28px;
	    padding: 0px 0px 0px 10px;
	    margin: 16px 12px;
	    width: 95%;
	}
	.LinkImagelist ul li.title {
	    list-style-type: none;
	    font-size: 12px;
	    color: #8a0707;
	    line-height: 28px;
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px;
	}
	.LinkImagelist ul li:before {
	    content: "\f0da";
	    font-family: FontAwesome;
	    font-size: 13px;
	    color: #231f20;
	    list-style-type: none;
	    float: left;
	    margin-left: -0.8em;
	}
	.LinkImagelist ul li.title:before {
	    content: "\f0da";
	    font-family: FontAwesome;
	    visibility: hidden;
	}
	.LinkImagelist ul li a:link,
	.LinkImagelist ul li a:visited,
	.LinkImagelist ul li a:hover,
	.LinkImagelist ul li a:active {
	    padding: 0px 0px 0px 0px;
	    text-shadow: 0px 0px 0px #cbcbcb;
	    color: #231f20;
	    text-decoration: none;
	    line-height: 22px;
	    font-size: 18px;
	}
	.LinkImagelist ul li a:hover {
	    text-decoration: underline;
	    opacity: 0.8;
	}
	.OrderdList ol {} .OrderdList ol > li {
	    margin-bottom: 10px;
	}
	.OrderdList ol > li:before {
	    padding-left: 0.9em;
	}
	.OrderdList li ol > li {
	    margin: 0;
	    margin-bottom: 10px;
	}
	.ContentBase .LinkImagelist ul li:before {
	    color: #1c1c1c;
	    content: "\f105";
	    font-size: 16px;
	    font-weight: bold;
	}
	.ContentBase .LinkImagelist ul {
	    width: 100%;
	}
	.ContentBase .LinkImagelist ul li a:link,
	.ContentBase .LinkImagelist ul li a:visited,
	.ContentBase .LinkImagelist ul li a:hover,
	.ContentBase .LinkImagelist ul li a:active {
	    font-size: 16px;
	    color: #17335b;
	}
	.ELinks .LinkImagelist ul li,
	.MainTabsHomePage .LinkImagelist ul li {} .ELinks .LinkImagelist ul {
	    width: 92%;
	}
	.BoxCntBlue .LinkImagelist ul,
	.BoxCntWhite .LinkImagelist ul,
	.BoxCntYellow .LinkImagelist ul,
	.SideBarLinkPanel .LinkImagelist ul {
	    margin: 0px 15px 0px 10px;
	    width: 88%;
	}
	.WrapperFooter .LinkImagelist ul {
	    width: 80%;
	    margin-right: 20px
	}
	.WrapperFooter .LinkImagelist ul li {
	    color: #ffffff;
	    width: 95%;
	}
	.WrapperFooter .LinkImagelist ul li.title {
	    font-size: 12px;
	    color: #ffffff;
	    line-height: 22px;
	}
	.WrapperFooter .LinkImagelist ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    list-style-type: none;
    float: left;
    margin-left: -1em;
    color: #ffffff;
    margin-top: -3px;
	}
	.WrapperFooter .LinkImagelist ul li.title:before {
	    content: "\f0da";
	    font-family: FontAwesome;
	    visibility: hidden;
	}
	.WrapperFooter .LinkImagelist ul li a:link,
	.WrapperFooter .LinkImagelist ul li a:visited,
	.WrapperFooter .LinkImagelist ul li a:hover,
	.WrapperFooter .LinkImagelist ul li a:active {
	    color: #ffffff;
	    font-size: 16px;
	    font-weight: inherit;
	}
	.WrapperFooter .LinkImagelist ul li {
	    padding-left: 0px;
	    font-weight: normal;
	}
	.WrapperFooter .LinkImagelist ul li a:hover {
	    text-decoration: none;
	}
	.WrapperFooter a {
	    font-size: 16px;
	    display: block;
	    color: #ffffff;
	    margin: 10px 0;
	    font-weight: bold;
	}
	.footerWrap {
	    width: 90%;
	    margin: auto;
	}
	.appLink p{
    color: white;
    display: inline-block;
    margin: 0;
        vertical-align: text-bottom;
    	}
	
	.appLink a{
	display:inline-block;
	margin:10px;
	transition: all 0.3s ease;
	}
	.appLink a:hover{
	opacity:0.7;
	}
	
	.footerNav {
	    background-color: #17335b;
	    min-height: 60px;
	    height: auto;
	    color: white;
	    text-align: center;
	    border-top: 1px solid #081e3d;
	}
	.footerNav ul {
	    list-style-type: none;
	}
	.footerNav li {
	    display: inline-block;
	    margin: auto;
	    border-right:1px solid white;
	}
	.footerNav li:last-child{
	border-right:0px solid transparent;
} 
	.footerNav li a {
	    font-size: 16px;
		font-weight:normal;
		    margin: 0 10px;
	}
	.footerSocialLinks li {
	    margin: 0px 5px;
	    transition: all 0.5s ease;
	}
	.footerSocialLinks li a {
	    font-size: 20px !Important;
	}
	.footerSocialLinks li:hover a {
	    color: lightgrey;
	}
	::-moz-selection {
	    /* Code for Firefox */
	    
	    color: white;
	    background: #17335b;
	}
	::selection {
	    color: white;
	    background: #17335b;
	}
	.borderColor {
	    position: relative;
	    margin-top: 0px;
	    width: 100%;
	    overflow: hidden;
	}
	.borderColor .black,
	.borderColor .red,
	.borderColor .green {
	    width: 10%;
	    height: 5px;
	    display: inline-block;
	    float: left;
	    z-index: 999;
	    position: relative;
	}
	.borderColor .black {
	    background-color: black;
	}
	.borderColor .red {
	    background-color: #fa0e19;
	}
	.borderColor .green {
	    background-color: #06a54c;
	}
	.AlignLeftCenter {
	    text-align: left;
	}
	.AlignRightCenter {
	    text-align: right;
	}
	
	/*===================== Alert Style ======================*/
	
	.alert {
	    padding: 8px 16px 8px 35px;
	    margin-bottom: 20px;
	    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	    background-color: #fcf8e3;
	    border: 1px solid #fbeed5;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
	    font-size: 16px;
	    font-weight: bold;
	}
	.alert,
	.alert h4 {
	    color: #c09853;
	}
	.alert p {
	    margin-bottom: 4px;
	}
	.alert h4 {
	    margin: 0;
	}
	.alert .close {
	    position: relative;
	    top: -2px;
	    right: -21px;
	    line-height: 20px;
	}
	.alert-success {
	    color: #468847;
	    background-color: #dff0d8;
	    border-color: #d6e9c6;
	}
	.alert-success h4 {
	    color: #468847;
	}
	.alert-danger,
	.alert-error {
	    color: #F50804;
	    background-color: #F1F1F1;
	    border-color: #E4E4E4;
	}
	.alert-danger h4,
	.alert-error h4 {
	    color: #b94a48;
	}
	.alert-info {
	    color: #3a87ad;
	    background-color: #d9edf7;
	    border: 1px solid #bce8f1;
	}
	.alert-info-section {
	    color: #3a87ad;
	    background-color: #F9F9F9;
	    border-color: #bce8f1;
	    border: 1px solid #D0D0D0;
	    padding: 0 10px;
	    width: 96%;
	}
	.ContentBase,
	.alert-info-section,
	.LinkImagelist ul li {
	    font-size: 15px!important;
	    padding: 0 20px;
	}
	.ContentBase .LinkImagelist ul li {
	    margin: 10px 2px;
	    width: 100%;
		transition:all 0.3s ease-in-out;
	}

	/*END*/
/*============= navigation styles ================*/

nav {
  display: block;
  width: 100%;
  margin: auto;
  text-align:center;
  background-color: white;
  
}
nav .fa-chevron-circle-right{
	float:right;
	margin-right:10px;
	    margin-top: 5px;
}
nav .fa-chevron-down{
	font-size:0.7em;
}
.menu {display: table;padding:0px;margin-top: 0;
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
width: 100%;}

.menu li {display: table-cell;position: relative;z-index: 100;width:300px;font-size: 0.8em;perspective: 1000px;}

.menu li:first-child {margin-left: 0;}

.menu li a {
  font-weight: 600;
  text-decoration: none;
  padding: 10px 0px;
  display: block;
  color: #222222;
  transition: all 0.2s ease-in-out 0s;
  font-size: 16px;
}

.menu li a:hover,
.menu li:hover>a {
  color: #fff !Important;
  background: #17335b;
}
.menu li.grey{
background-color:#f2f2f2;	
}

.menu>li:hover>a{ 
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.54);}
.menu li:hover{  position:relative; z-index:99999;}
.active a{color: #17335b !important;}

.menu ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  position: absolute;
  left: 0px;
  background: #fff;
  z-index: 99;
  transform: translate(0, -20px);
  transition: all 0.3s ease-out;
  border-bottom:2px solid #17335b;
  z-index:-1;
  perspective: 1000px;
  transform: rotateX(-90deg);
  transform-origin: top left;
}

/*.menu ul:after {
  bottom: 100%;
  left: 5%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #F1F1F1;
  border-width: 6px;
}*/

.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.menu ul li a {
  font-size: 16px;
  font-weight: normal;
  display: block;
  color: #222222;
  background: white;
  text-align: left;
  white-space: normal;
  width: auto;
  padding-left: 25px;
}

.menu ul li a:hover,
.menu ul li:hover>a {
  color: #fff;

}
/* added by sohrab */
.menu li ul li:before{content: "\f054";font-family: FontAwesome;font-size: 10px;color: #231f20;list-style-type: none;float: left;margin-left: 15px;margin-top: 13px;padding-right: 5px;transition:all 0.3s ease;}	

	.menu li ul li:hover:before{
		color:white;
	}
.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 0px;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.19);
  transform: rotateX(0deg);
}

.menu ul ul {
left: 100%;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-out;
    transform: rotateY(90deg);
}
.menu ul .sub-menu:hover{
	 transform: rotateY(0deg);
}
.menu ul ul

.menu ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.menu li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

.responsive-menu {
  display: none;
  padding: 12px 20px;
  background: #17335b;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  margin: auto;
      text-align: left;
}

.responsive-menu a{color:white;text-decoration:none;}
.responsive-menu:hover {
  background: #17335b;
  color: #fff;
  text-decoration: none;
  /* width: 100%; */
}


/* 
@media   (min-width: 768px) and (max-width: 1100px) {

  .menu{
    display: inline-block;
    width:100% !Important;
    text-align: left;
    margin-left: 10px;
  }
  .menu li {text-align:left;
    display: inline-block;
  width:24%;
  
  }
  .menu li:hover>ul{
	  margin-top:0px;
  }
  .menu>li >a {
    padding-left: 10px;
}
    
  .menu li:hover a{
    transform:scale(1,1);
  }
  
  
 
  .menu ul li a{padding-left:10px;font-size: 12px;}


} */
@media (min-width:1024px) and (max-width:1230px) {
.menu li a{font-size:16px;}	

}

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

	.SearchWrapper {
    margin: 30px auto 20px auto !Important;
    width: 100% !important;
}

}
 @media (max-width: 1024px) {
 .menu .fa-chevron-circle-right {
    transform: rotate(90deg);
}
	 .menu li ul li:before{
    color: white;
	    margin-top: 20px;
}
	 .responsive-menu .fa{display:inline-block !Important;}
     .menu li a{font-size:16px;}
   .menu ul li {
    max-width: 100%;
}
   
   .menu>li:hover>a{ 
     transform: scale(1,1);
     box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
     
   }
   
    nav ul li ul li ul.sub-menu li a{
	background-color:#3994df !important;
}
   
.container nav.active{border-left:4px solid white;}
li.active  a{
background-color:#04365f !Important;
   z-index:999;
   border-left: 5px solid white;
   }
.menu { 
display: none;
margin-left:0px;
height: auto;
}

.responsive-menu ,.responsive-menu :active{display: block;background-color: #17335b;}

nav {
	display:block;
	margin: auto;
	background: none;
	color: black;
	width: 100%;
	background-color: white;
	overflow: hidden;
	max-width: 1200px;
}
nav a {
	color:white !important;
  text-decoration:none;
}
.menu li {
  display: block;
  margin: 0;
  width: 100%;
    text-align: left;
}

.menu li a {
  background: #043963;
  color: white !important;
  width: 100%;
  padding:15px;
  border-bottom: 1px solid #E2E2E2;
}

.menu li a:hover,
.menu li:hover>a {
  background:#04365f;
  color: #fff !important;
  width: 100%;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
   ul.sub-menu li a {
    background-color: #0960a7!important;
}
}

.sub-menu .fa{
	font-size:0.8em;
}




/* =========== navigation styles end ==============*/
/* =========== scroll to top ==============*/
.scrollToTop {
	position: fixed;
	left: 10px;
	bottom: 10px;
	opacity: 0;
	
	overflow: hidden;
	outline: none;
}

.scrollToTop_show {
	opacity: 0.8;
	bottom: 10px;
}

@-webkit-keyframes scrollToTop_fade {
	0%	 {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes scrollToTop_fade {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes scrollToTop_slide {
	0%   {bottom: -100px;}
	100% {bottom: 20px;}
}
@keyframes scrollToTop_slide {
	0%   {bottom: -100px;}
	100% {bottom: 20px;}
}


.scrollToTop_animating,
.scrollToTop_animating * {
	pointer-events: none !important;
}

/* skin(default) */
.scrollToTop {
	width: 50px;
	height: 50px;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 100%;
	white-space: nowrap;
	background: no-repeat center center transparent;
}

.scrollToTop_default {
	display: block;
	width: auto;
	height: auto;
	padding: 10px;
	text-indent: 0;
	background: #eee;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.scrollToTop_default:hover {
	background-color: #ddd;
}

/* skin(cycle) */
.scrollToTop_cycle {
	outline: none !important;
	background-image: url("/sites/en/Style%20Library/en-us/CITRATheme/img/scrollToTop.svg");
	box-shadow:1px 4px 20px 0px rgba(0, 0, 0, 0.65);
	border-radius:50%;
	transition:all 0.3s ease-in-out;
    z-index: 9999;
}



.scrollToTop_cycle:hover {

	  -webkit-transform:scale3d(1.2,1.2,1.2);
	outline: none !important;
/* 	background-image: url("http://sps1:777/sites/en/Style%20Library/en-us/CITRATheme/css/../img/cycle-hover.png"); */
}

/* skin(square) */
.scrollToTop_square {
	background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/img/square.png");
}
.scrollToTop_square:hover {
	background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/img/square-hover.png");
}

/* skin(text) */
.scrollToTop_text {
	background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/img/text.png");
}
.scrollToTop_text:hover {
	background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/img/text-hover.png");
}

/* skin(triangle) */
.scrollToTop_triangle {
	background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/img/triangle.png");
}
.scrollToTop_triangle:hover {
	background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/img/triangle-hover.png");
}

.easing_linear {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.easing_ease {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
          transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.easing_easeIn {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}

.easing_easeOut {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

.easing_easeInOut {
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
          transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}

.easing_easeInQuad {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.easing_easeInCubic {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.easing_easeInQuart {
  -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
          transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.easing_easeInQuint {
  -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
          transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.easing_easeInSine {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

.easing_easeInExpo {
  -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
          transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.easing_easeInCirc {
  -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
          transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.easing_easeInBack {
  -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.easing_eastOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.easing_easeOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.easing_easeOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.easing_easeOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.easing_easeOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.easing_easeOutExpo {
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.easing_easeOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.easing_easeOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.easing_easeInOutQuad {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.easing_easeInOutCubic {
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
          transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.easing_easeInOutQuart {
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.easing_easeInOutQuint {
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
          transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.easing_easeInOutSine {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.easing_easeInOutExpo {
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
          transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.easing_easeInOutCirc {
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.easing_easeInOutBack {
  -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */

  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.easing_easeInOutElastic {
  -webkit-transition-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
          transition-timing-function: cubic-bezier(1, -0.56, 0, 1.455);
}

.easing_custom {
  -webkit-transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
          transition-timing-function: cubic-bezier(0.5, 0.25, 0.5, 0.75);
}
/* =========== scroll to top end ==============*/




	/* ==========================================================================
	   Custom styles for CITRA ( adi user 1 )
	   ========================================================================== */
	   
	   
	   
	   
		
.container .SearchWrapper {
border: 1px solid white;
display: inline-block;
margin: 10px 0;
width: 70%;
}
.container .SearchWrapper input,
.container .SearchWrapper button {
background-color: transparent !important;
border: 1px solid white !important;
padding: 10px !important;
}
.container .SearchWrapper input {
display: inline-block;
background-color: white !important;
width: calc(100% - 50px);
outline: 0px;
}
.container	.SearchWrapper button {
display: inline-block;
background-color: #17335b !important;
color: white;
float: right;
width: 50px;
cursor: pointer;
height: 40px;
border: 0px !IMPORTANT;
transition:all 0.3s ease;
outline:none;
}
.container .SearchWrapper button:hover{
	background-color:#0b6dbb   !Important;
}
.FormStyle .labelTextBlank, span.labelTextBlank{
margin:4px 0px;
}
.container .sky-tabs  label{
	display:inline-block;
}	
	.sliderContainer {
	    position: relative;
	    clear: both;
	}
	.footerWrap .span_1_of_5 {
	    opacity: 0.5;
	    transition: all 1s ease-in-out;
	    transform: translateX(-10px);
	}
	.footerWrapshowing {
	    transform: translateX(0px) !important;
	    opacity: 1 !important;
	}
	/* related services col creating issue width margins due to  h2 placed before them*/
	
	.BoxCntGrey .span_1_of_2 {
	    width: 48.2%;
	}
	a.button {
	    cursor: pointer;
	}
	/*spinner*/
	
	.spinner-wrapper {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #17335b;
	    z-index: 999999;
	}
	.spinner {
	    position: absolute;
	    top: 48%;
	    left: 48%;
	}
	.sk-folding-cube {
	    margin: 20px auto;
	    width: 40px;
	    height: 40px;
	    position: relative;
	    -webkit-transform: rotateZ(45deg);
	    transform: rotateZ(45deg);
	}
	.sk-folding-cube .sk-cube {
	    float: left;
	    width: 50%;
	    height: 50%;
	    position: relative;
	    -webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	}
	.sk-folding-cube .sk-cube:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: white;
	    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	    animation: sk-foldCubeAngle 2.4s infinite linear both;
	    -webkit-transform-origin: 100% 100%;
	    -ms-transform-origin: 100% 100%;
	    transform-origin: 100% 100%;
	}
	.sk-folding-cube .sk-cube2 {
	    -webkit-transform: scale(1.1) rotateZ(90deg);
	    transform: scale(1.1) rotateZ(90deg);
	}
	.sk-folding-cube .sk-cube3 {
	    -webkit-transform: scale(1.1) rotateZ(180deg);
	    transform: scale(1.1) rotateZ(180deg);
	}
	.sk-folding-cube .sk-cube4 {
	    -webkit-transform: scale(1.1) rotateZ(270deg);
	    transform: scale(1.1) rotateZ(270deg);
	}
	.sk-folding-cube .sk-cube2:before {
	    -webkit-animation-delay: 0.3s;
	    animation-delay: 0.3s;
	}
	.sk-folding-cube .sk-cube3:before {
	    -webkit-animation-delay: 0.6s;
	    animation-delay: 0.6s;
	}
	.sk-folding-cube .sk-cube4:before {
	    -webkit-animation-delay: 0.9s;
	    animation-delay: 0.9s;
	}
	@-webkit-keyframes sk-foldCubeAngle {
	    0%, 10% {
	        -webkit-transform: perspective(140px) rotateX(-180deg);
	        transform: perspective(140px) rotateX(-180deg);
	        opacity: 0;
	    }
	    25%,
	    75% {
	        -webkit-transform: perspective(140px) rotateX(0deg);
	        transform: perspective(140px) rotateX(0deg);
	        opacity: 1;
	    }
	    90%,
	    100% {
	        -webkit-transform: perspective(140px) rotateY(180deg);
	        transform: perspective(140px) rotateY(180deg);
	        opacity: 0;
	    }
	}
	@keyframes sk-foldCubeAngle {
	    0%, 10% {
	        -webkit-transform: perspective(140px) rotateX(-180deg);
	        transform: perspective(140px) rotateX(-180deg);
	        opacity: 0;
	    }
	    25%,
	    75% {
	        -webkit-transform: perspective(140px) rotateX(0deg);
	        transform: perspective(140px) rotateX(0deg);
	        opacity: 1;
	    }
	    90%,
	    100% {
	        -webkit-transform: perspective(140px) rotateY(180deg);
	        transform: perspective(140px) rotateY(180deg);
	        opacity: 0;
	    }
	}
	/* spinner end */
	
	.ContentBase {
	    min-height: 400px;
	}
	
	.TopNav {
	    list-style-type: none
	}
	.TopNav li {
	    Display: inline;
	    margin: 0 10px;
	}
	.logo {
	    padding: 0px 10px;
	}
	.logo a:hover{
	text-decoration:none;
	}
	.logo a:first-child {
    margin-right: 20px;
}
@media (max-width:768px){
.logo a:first-child img{
    margin-bottom:10px;
}
  .searchform .left{
	width:100%
}
.container .searchform div{
	margin:auto;
}

}

/* smaller phones */
@media (max-width: 414px){

.logo img {
    width: 80%;
}
.appLink p{
	display:block;
	margin-top:20px;
}
.searchform.left{
width:100%;margin-bottom: 10px;}
.container .searchform div{
margin:auto;
}

}





	.CitraMenu {
	    z-index: 10000;
	    position: relative;
	}
	.ArabicTxt a {
	    font-family: Droid Arabic Kufi;
	    font-size: 12px !important;
	}

	#about {
	    height: auto;
	    width: 100%;
	    background-color: white;
	}
	
	#about .LinkImagelist ul li {
    color: white;}

#about .LinkImagelist ul li:before{ color:#ffffff; font-size:10px; padding:2px 10px 10px 10px;}
  .container  .Underline {
	    font-size: 40px;
	    border-bottom: 3px solid #17335b;
	                    display: inline-block !important;
	}
	#about .aboutDetail {
	    line-height: 40px;
	    width: 70%;
	    margin: auto;
	    font-size: 16px;
	}
	#about .button {
		margin:5px;
	}
	.greyArea{
		background-color: #f2f2f2;
		 height: auto;
	    width: 100%;
	    padding: 10px 0;
	    z-index: 5;
		position: relative;
	}

	.workContent {
	    transition: all 0.5s ease-in-out;
	    opacity: 0;
	    transform: translateX(100px);
	}
	.workContentShowing {
	    opacity: 1;
	    transform: translateX(0px);
	}
	.workIcons {
	    display: inline-block;
	    width: 25%;
	    padding: 10px;
	    margin: 0 10px;
	    text-align: center;
	    vertical-align: top;
	}
	.workIcons img {
	    display: block;
	    margin: auto;
	}
	.greyBtn .button-flat-primary {
	    width: 288px;
	    height: 45px;
	    background: #dddddd;
	    color: #444444;
	}
	.greyBtn .button-flat-primary:hover {
	    background: #c0c0c0;
	}
	.greyBtn .button-flat-primary:active {
	    background: #fafafa;
	}
	#newsEvents {
	    background-color: white;
	    height: auto;
	    width: 100%;
	    padding-bottom: 20px;
	}
	#letsConnect {
	    color: #ffffff;
	    height: auto;
	    width: 100%;
	  
	    animation: Background 25s ease infinite;
	}
	@-webkit-keyframes Background {
	    0% {
	        background-position: 0% 50%
	    }
	    50% {
	        background-position: 100% 50%
	    }
	    100% {
	        background-position: 0% 50%
	    }
	}


	/* slider */
	
	.owl-carousel {
	    position: absolute;
	    top: 0px;
	}
	.owl-carousel .owl-slide {
	    background-image: url("/sites/En/Style%20Library/en-us/CITRATheme/css");
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center center;
	}
	.owl-carousel div.owl--text {
	    position: absolute;
	    bottom: 4em;
	    left: 2em;
	    width: 20em;
	    height: 8em;
	    padding: 1em;
	    background: rgba(255, 255, 255, 0.5);
	    border-radius: 4px;
	}
	.owl-carousel .owl-controls .owl-buttons div {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    display: inline-block;
	    zoom: 1;
	    margin: 0;
	    width: 50px;
	    height: 30px;
	    line-height: 25px;
	    text-align: center;
	    font-size: .9em;
	    border-radius: 3px;
	    color: #17335b;
	    /* background: #000; */
	    
	    opacity: .6;
	    text-transform: capitalize;
	}
	.owl-carousel .owl-controls .owl-buttons div:hover {
	    opacity: 1;
	}
	.owl-carousel .owl-controls .owl-buttons .owl-prev {
	    left: 5px;
	}
	.owl-carousel .owl-controls .owl-buttons .owl-next {
	    right: 5px;
	}
	.owl-carousel .owl-controls .owl-buttons .owl-prev {
	    left: 50px;
	}
	.owl-carousel .owl-controls .owl-buttons .owl-next {
	    right: 50px;
	}
	.owl-slide {
	    width: 100%;
	    height: auto;
	}
	.PageHeading {
	    padding: 20px 0;
	}
	.greybox {
	    background-color: #f6f6f6;
	    padding: 20px;
	    height: 250px;
	    transition: all 1s ease-in-out;
	    position: relative;
	    color: white;
	    overflow: hidden !Important;
		perspective:1000px;
		opacity:0;
		transform:translateX(100px);
		
	}
	.greybox a{
	    width: 100%;
		
	}
	.greybox p{
		line-height:20px;
	}	
	.greybox h1{font-size:24px;}
    .greyboxshowing{
	opacity:1;
	transform:translateX(0px);
}

	/* test start */
		.greybox:hover {box-shadow:3px 5px 15px 0px rgba(0, 0, 0, 0.10);}
		
		

	.greyboxcontent {
	    position: absolute;
	    z-index: 13;
	    color: white !important;
	    left: 0%;
	    padding: 10px;
	    transition: all 1s ease;
	    width:100%;
	}
.greyboxcontent-small{
	 padding: 25px;
}
	
	.greyboxcontent h3,
	.greyboxcontent p {
	    transition: all 1s ease;
	}
	.greyboxcontent:hover h3,
	.greyboxcontent:hover p {

	}
	.greyboxcontent:hover {
	    text-decoration: none;
	}
	/* test start end */
	
	.greybox img {
	    text-align: center;
	    display: block;
	    margin: auto;
	    margin-bottom: 10px;
		border-radius:50%;
		transition:all 0.3s ease-in-out;
		   width: 100px;
    height: auto;


	}
.greybox:hover img{
box-shadow:3px 5px 15px 0px rgba(0, 0, 0, 0.20);
border-radius:50%;
    transform: scale(1.1, 1.1);
	animation:popup 0.3s ease;
}
		
@keyframes popup{
	0%{transform: scale(1, 1);}
	50%{transform: scale(1.2, 1.2);}
	100%{transform: scale(1.1, 1.1);}
}
	
		
		
	.greybox h3 {
	    font-size: 16px ;
	}
	.BtnWide .button {
	    width: 40% !important;
	}
	.BtnWide button.button {
	    margin-top: 18%;
	}
	.IconsListView {
	    display: inline-block;
	    margin: auto;
	    width: 100%;
	}
	.IconsListView ul {
	    max-width: 100%;
	    margin: 0 auto;
	    text-align: center;
	    display: table;
	    width: 100%;
	    box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    -webkit-box-sizing: border-box;
	}
	.IconsListView ul li {
	    list-style: none;
	    margin: 30px 0%;
	    height: 140px;
	    width: 150px;
	    text-align: center;
	    display: table-cell;
	}
	.IconsListView p {
	    margin: 10px 0;
	}
	.IconsListView a:link,
	.IconsListView a:visited,
	.IconsListView a:hover,
	.IconsListView a:active {
	    font-weight: bold;
	}
	.IconsListView a:hover {
	    text-decoration: none;
	    color: #216e97;
	}
	.IconsListView ul img {
	    width: 100px;
	    height: 100px;
	    transition: transform .3s ease-in-out;
	}
	.IconsListView li img:hover  {
	    border-radius: 100%;
	    position: relative;
	    transform: scale(1.1, 1.1);
	    transition: all 0.5s ease;
	}
.tooltip.tooltipstered {
    width: 100px;
    margin: auto;
}
.tooltip_templates { display: none; }
	
	#letsconnect .IconsListView ul li {
	    transition: all 1s ease-in-out;
	    opacity: 0;
	    transform: scale(0, 0);
	}
	#letsconnect .IconsListViewShowing ul li {
	    opacity: 1;
	    animation: bounce 2s ease;
	    transform: scale(1, 1);
	}
	@keyframes bounce {
	    10% {
	        transform: scale(1, 1);
	    }
	    50% {
	        transform: scale(1.2, 1.2);
	    }
	    100% {
	        transform: scale(1, 1);
	    }
	}
	.innerPageHeader {
	    background-color: #f5f5f5;
	    height: auto;
	    width: 100%;
	    padding: 20px;
	    border-bottom: 2px solid #c7c6c6;
	    -webkit-box-shadow: inset 0px -4px 8px -3px rgba(0, 0, 0, 0.21);
	    -moz-box-shadow: inset 0px -4px 8px -3px rgba(0, 0, 0, 0.21);
	    box-shadow: inset 0px -4px 8px -3px rgba(0, 0, 0, 0.21);
	    display: block;
	}
	.darkGreyArea{
		    background-color: #eae9e9;
			 padding: 1% 2%;
	}
	.footerIcon {
	
	    width: 100%;
	   
	    height: auto;
	}

	.topFooter .col{
	    opacity: 0;
	    transition: all 1s ease-in-out;
	    transform: translateX(20px);
	}
	
	.topFooter .colshowing{
	    opacity: 1;
	    transform: translateX(0px);
	}
	.phoneNumberDiv{
	width: 10%;
}


	
	.footerIconDivimg {
	    text-align: center;
	    float: left;

	}
	.footerIconDivimg img{
		width:50px;
		height:50px;
	}
	.footerIconDivcontent p{
		margin:0px;
	}
	.footerIconDivcontent input[type="text"] {
	    border: 0px;
	    padding: 10px 9px;
	}
.footerIconDivcontent .button-small.waves-button{
	min-width:20% !important;
	margin:0% !important;
}
	.footerIconDivcontent {
	    width: 80%;
	    height: 100%;
	    float: left;
	    text-align: left;
	    padding-left: 5px;
	    margin-top: -5px;
	}

	.footerIconDiv .DateTime {
	    color: black;
	}
	.footerIconDiv .labelText {
	    font-weight: bold;
	}
	
	.headingInline h3{display:inline;}
	.rating .fa {
	    color: #17335b;
	    font-size: 20px;
	}
	.rating .fa-star-o {
	    color: black;
	}
	.blueFont {
	    color: #17335b !important;
	    font-weight: 800 !important;
	    font-size: 20px !Important;
	}
	.iconDiv {
	    width: auto;
	    display: inline-block;
	    float: left;
	    height: auto;
	    margin: 10px;
		width:7%;

	}

	.leftIconContent {
	    width: 90%;
	    display: inline-block;
	    float: left;
	}
	@media (min-width:1024px){
			.leftIconContent {  width: 90%;}
	}
	
	.stepsNumber {
	    text-align: center;
	    color: white;
	    background-color: black;
	    width: auto;
	    height: 30px;
	    padding: 5px 10px;
	    margin-right: 10px;
	    float: left;
	}
	.stepsWrap {
	    width: 87%;
	    margin: auto;
	}
	.stepsPoints {
	    float: left;
	    width: 70%;
	}
	.stepDiv {
	    margin: 20px 0;
	}
	.FormStyle textarea {
	    width: 100%;
	}
	.megamenu textarea {
	    width: 100%;
	}
	.carouselCITRA {
	    direction: ltr;
	    height: auto;
	    margin: auto;
	    width: 100%;
	}
	.carouselCITRA .fa-chevron-circle-left:before {
	    content: "\f053 ";
	}
	.carouselCITRA .fa-chevron-circle-right:before {
	    content: "\f054  ";
	}
	#owl-demo .item {
	    margin: 3px;
	}
	#owl-demo .item img {
	    display: block;
	    width: 100%;
	    height: auto;
	}
	#owl-demo .item {
	    margin: 0px 3px 0px 3px;
	}
	#owl-demo .item img {
	    display: block;
	    width: 218px;
	    height: 76px;
	}
	#owl-demo .item {
	    display: block;
	    padding: 2px 0px;
	    margin: 5px;
	    color: #FFF;
	    -webkit-border-radius: 0px;
	    -moz-border-radius: 0px;
	    border-radius: 0px;
	    text-align: center;
	    transition: all 0.3s ease;
	}
	.owl-theme .owl-controls .owl-buttons div {
	    padding: 5px 9px;
	}
	.owl-theme .owl-controls .owl-buttons div {
	    position: absolute;
	}
	.owl-theme .owl-controls .owl-buttons .owl-prev {
	    left: -25px;
	    top: 40%;
	}
	.owl-theme .owl-controls .owl-buttons .owl-next {
	    right: -25px;
	    top: 40%;
	}
	#owl-demo a {
	    color: #1c1c1b;
	    font-size: 0.7em !important;
	}
	#owl-demo .item img {
	    width: auto;
	    vertical-align: middle;
	    display: block;
	    margin-left: auto;
	    margin-right: auto;
	    transition: all 0.3s ease;
	}
	#owl-demo .item a:hover {
	    text-decoration: none;
	}
	#owl-demo .item:hover img {
	    animation: circleWave 0.5s ease alternate;
	    transform-origin: center;
	}
	@keyframes circleWave {
	    0% {
	        transform: scale(1, 1);
	    }
	    30% {
	        transform: scale(1.1, 1.1);
	    }
	    50% {
	        transform: scale(1, 1);
	    }
	    80% {
	        transform: scale(1.1, 1.1);
	    }
	    100% {
	        transform: scale(1, 1);
	    }
	}
	/* updated fsm footable theme */
	
	.fsm .footable {
	    background-color: white;
	    border: 0px;
	    border-spacing: 0px 0.7em;
	}
	.fsm .footable > tbody > tr > td {
	    border-bottom: 1px solid #dddddd;
	}
	.fsm .footable a {
	    color: #17335b;
	}
	.fsm .footable .fa {
	    color: black;
	}
	.fsm .footable > thead > tr > th,
	.footable > thead > tr > td {
	    background-color: white;
	    color: black;
	}
	.footable.breakpoint > tbody > tr.footable-detail-show > td {
	    border-bottom: 1px solid #dddddd;
	}
	.fsm .footable > tbody > tr > td.footable-row-detail-cell,
	.footable > tbody > tr > td.footable-first-column {
	    border-left: 1px solid #dfdfdf;
	    padding: 15px;
	}
	.fsm .footable > tbody > tr > td.footable-row-detail-cell,
	.footable > tbody > tr > td.footable-last-column {
	    border-right: 1px solid #dfdfdf;
	}

	
	

	
	
	
	
		.quote {
	    margin: 10px 0;
	    width: 100%;
	    padding: 4%;
	    display: inline-block;
	    background-color: #f4f4f4;
		transition:all 0.3s ease;
		perspective:1000px;
		opacity:0;
		transform-origin:top;
		transform:rotateX(-90deg);
		
	}
	
	.quoteshowing{
			animation:swing 2s ease-in-out forwards;
	}
	@keyframes swing {
		0%{
			opacity:0;
			transform:rotateX(-90deg);
		}
		50%{
					opacity:1;
			transform:rotateX(10deg);
		}
		75%{
					opacity:1;
			transform:rotateX(-30deg);
		}
			100%{
					opacity:1;
			transform:rotateX(0deg);
		}
	}


	.quoteimg {
	    width: 10%;
	    float: left;
	    display: inline-block;
		margin-top:2%;

	}

	.quoteimg img {
	    width: 100%;
	}
	.quote blockquote {
	    width: 80%;
	    float: right;
	    position: relative;
	    line-height: 29px;
	    display: inline-block;
	    font-size: 18px;
	}
	blockquote:before {
	    position: absolute;
	    content: '"';
	    font-size: 70px;
    left: -30px;
    top: -5px;
	    color: #a4a4a4;
		font-family: OpenSans;
    font-weight: bold;
    font-style: italic;
	}
	blockquote:after {
	        content: '"';
    font-size: 70px;
    margin-top: 30px;
    margin-left: 10px;
    position: absolute;
    color: #a4a4a4;
    font-family: OpenSans;
    font-weight: bold;
    font-style: italic;
	}
	/* popup -webkit-box */
	/**
	 * Modals ($modals)
	 */
	/* 1. Ensure this sits above everything when visible */
	
	.modal {
	    position: absolute;
	    z-index: 10000; 
	    top: 0;
	    left: 0;
	    visibility: hidden;
	    width: 100%;
	    height: 100%;
	}

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    fill: currentcolor;
}
.modal.is-visible {
    visibility: visible;
}
.modal-overlay {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 0%, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal.is-visible .modal-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 50%;
    width: 32em;
    margin-left: -16em;
    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}
.modal-transition {
    transition: all 0.3s 0.12s;
    transform: translateY(-10%);
    opacity: 0;
}
.modal.is-visible .modal-transition {
    transform: translateY(0);
    opacity: 1;
}
.modal-header,
.modal-content {
    padding: 1em;
}
.modal-header {
    position: relative;
    background-color: #fff;
    box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom: 1px solid #e8e8e8;
}
.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    color: #aaa;
    background: none;
    border: 0;
}
.modal-close:hover {
    color: #777;
}
.modal-heading {
    font-size: 1.125em;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.modal-content > *:first-child {
    margin-top: 0;
}
.modal-content > *:last-child {
    margin-bottom: 0;
}
.lightGrey {
    background-color: #f2f2f2 !important;
}
#about {
    color: white;
    padding: 20px 0;
    background-image: url("/sites/en/Style%20Library/en-us/CITRATheme/img/aboutDivBg.png");
    background-color: #17335b;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#about h1 , #about h2 , #about h3,#about h4,#about p{
    color:white;
}


.polls {
    padding: 0 50px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transform: translateX(300px);
}
.pollsShowing {
    opacity: 1;
    transform: translateX(0px);
}
.MainWrapper .pollsShowing  .button,
.MainWrapper .pollsShowing  input.button,
.MainWrapper .pollsShowing  button.button
.polls .pollsShowing  .radioSpace {
    margin: 10px;
    cursor: pointer;
}
.megamenu {
    -webkit-box-shadow: -1px -1px 17px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: -1px -1px 17px 0px rgba(0, 0, 0, 0.22);
    box-shadow: -1px -1px 17px 0px rgba(0, 0, 0, 0.22);
}
#newsEvents .newsCol {
    display: block;
    width: 100%;
    height: 150px;
    transition: all 1s ease-in-out;
    opacity: 0;
    transform: translateX(-100px);
}
#newsEvents .newsColShowing {
    opacity: 1;
    transform: translateX(0px);
}
.newsImg {
    display: inline-block;
    margin: 1%;
    float: left;
    width: 10%;
}
.newsImg img {
    width: 100%;
        height:70px;
    transition: all 0.3s ease-in-out;
}
@media (min-width:768px) {
  .newsImg img {
    width: 100px !Important;
    height: 70px !IMportant;
  }
}
.shadowBox{
	transition:all 0.2s ease ;  
	padding: 10px;
	overflow:auto;
	}	
.shadowBox:hover {
	background-color: rgba(243, 243, 243, 0.31);
	box-shadow: 3px 5px 25px 0px rgba(0, 0, 0, 0.10);
}
.shadowBox a:hover{text-decoration:none;
}
.shadowBox a{
	font-size:16px;
	
}
.newsContent {
    display: inline-block;
    float: left;
    margin: 0 1%;
    width: 86%;
}
.newsContent p{
	margin-bottom:0px;
}
.newsContent a:hover{
	text-decoration:none;
}
.AboutCitra {
    transition: all 0.5s ease-in-out;
    transform: translateX(-300px);
    opacity: 0;
}
.AboutCitraShowing {
    transform: translateX(0px);
    opacity: 1;
}
.rsABlock {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 15; 
    text-align: center;
    margin: auto;
    transform: translate(-50%, -50%) !IMPORTANT;
}
.rsABlock h1 {
	color:white;
    text-shadow: 1px 1px 5px rgba(150, 150, 150, 1);
    display: table-cell;
    vertical-align: middle;

}
.rsABlock > div{    animation: fromLeft 1s ease;  }
@keyframes fromLeft {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0px);
    }
}
.sliderContent{
	text-align:center;
	color:white;
}
/* gallery */

.image-source-link {
    color: #98C3D1;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
/* popup */
/* Styles for dialog window */

#small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}
/**
 * Fade-zoom animation for first dialog
 */
/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}
/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
/**
 * Fade-move animation for second dialog
 */
/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -webkit-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    -moz-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    -ms-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    -o-transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
    transform: translateY(-20px) perspective( 600px) rotateX( 10deg);
}
/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective( 600px) rotateX( 0);
    -moz-transform: translateY(0) perspective( 600px) rotateX( 0);
    -ms-transform: translateY(0) perspective( 600px) rotateX( 0);
    -o-transform: translateY(0) perspective( 600px) rotateX( 0);
    transform: translateY(0) perspective( 600px) rotateX( 0);
}
/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -webkit-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    -moz-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    -ms-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    -o-transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
    transform: translateY(-10px) perspective( 600px) rotateX( 10deg);
}
/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}
/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}
.zoom-gallery a:hover {
    text-decoration: none;
}
/* popup end*/
/* gallery end */





/* firefox fix */

@-moz-document url-prefix() {
   .container .SearchWrapper button {
        height: 42px;
    }
	
	
	nav .fa-chevron-circle-right {

    margin-top: -15px;}
	
	
}
/* firefox fix end */


/* star rating */
.star-rating{
	font-size: 0;
}
.star-rating__wrap{
	display: inline-block;
	font-size: 1rem;
}
.star-rating__wrap:after{
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #17335b;
}
.star-rating__ico:last-child{
	padding-left: 0;
}
.star-rating__input{
	display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	content: "\f005";
}

.star-rating p{display:inline;}
.inline{display:inline !important;padding:0 5px;}
.inlineDiv div{display:inline !important;padding:0 5px;}
.alignBottom{ margin-top: 20% !important;}
.owl-item h1{font-size:24px;	}


/* banner Domain Search styles*/
.container .bannertopSection{
	text-align: left;
	font-weight: normal;
	height:200px;
}
.container .bannertopSection h1{
	font-size: 50px;
	color: black;
	float: left;
	line-height: 50px;
    margin-top: 2%;
}
.container span.smallText{
font-size: 40px;
}
.container .bannertopSection img{
	float:left;
	width: 100%;
}
.container .bannerbottomSection{
    padding: 1% 2%;
    display: block;
    background-color: black;
	width:100%;
}
.container .bannerbottomSection input[type='text']{
    padding: 10px;
    width: 100%;
    color: black;
    font-size: 30px;
    height: 70px;
}
.container .bannerbottomSection .domain{padding-top: 10px;}
.container .bannerbottomSection .domain h1{color:white;
text-shadow:none;
font-size: 26px;
}
.container .bannerbottomSection .col{
	overflow:hidden;
} 

.bannerbottomSection .button-small.waves-button{
font-size: 26px;
    height: 70px;
    width: 95%;
    line-height: 70px;
	margin:0px;
}

@media (max-width:1350px){
.container .bannertopSection h1{
font-size:1.5em;
}
.container .bannertopSection .smallText{
font-size:1em;
}
.container .bannertopSection{
height:auto;
}
.container .bannerbottomSection .domain h1{
font-size:1em;	
}
.domainSearch{
transform:translate(-20%, -50%) !IMPORTANT;
}
.bannerbottomSection  .button-small.waves-button{
min-width:auto !Important;	
}
.bannerbottomSection  .button-small{
padding:0px;
}
}
@media (max-width:1024px){
.domainSearch {
transform: translate(-50%, -50%) !IMPORTANT;
}
.container .bannerbottomSection input[type='text'],.bannerbottomSection .button-small.waves-button{
height:50px;
line-height:50px;
font-size:16px;
}
.container .bannerbottomSection .domain{
padding-top:0px;
}
	
}

@media (max-width:800px){
	.container .bannertopSection h1{
font-size: 1.1em !Important;
    line-height: 1.5em;
	}
	.container .bannerbottomSection .domain h1 {
    font-size: 0.8em;
}
}

@media only screen and (max-width: 768px){

.logo{
    text-align: center !important;	
	
}


.container .domainSearch{
	width:90%;
	padding:25px;
}
.domainSearch .bannerbottomSection h1{
	font-size:24px !important;
}
.container .bannerbottomSection input[type='text'], 
.bannerbottomSection .button-small.waves-button
{
    line-height: 40px;
	height:40px;
}
.container .domainSearch .domain{padding:0px;}
.container .bannertopSection img{
    width: 50%;
    float: right;
}
.container  .col .span_8_of_12 {
    width: 60%;
}
.container .domainSearch .span_4_of_12 {
    width: 40% !Important;
}
.container .domainSearch .span_8_of_12 {
    width: 60%;
}
.container .domainSearch .span_1_of_12 {
    width: 10%;
}
.container .domainSearch .span_3_of_12 {
    width: 30%;
}
.container .domainSearch .domain {
    padding:5px;
}
.container .bannertopSection h1{
	font-size:24px !important;
}

}
@media only screen and (max-width: 416px){
	.rsABlock.domainSearch{
		top:40%;
		width: 95%;
	}
	.bannertopSection img {
    width: 90% !important;}
	.container .bannertopSection h1{
	font-size:16px !important;
}
.container .domainSearch .domain h1{
	font-size:13px !Important;
}
}
@media only screen and (max-width: 360px){
	.container .domainSearch .domain h1 {
font-size: 10px !Important;
}
.container .bannerbottomSection input[type='text'], .bannerbottomSection .button-small.waves-button{
	    font-size: 12px;
}
}
@media only screen and (max-width: 320px){
.container .domainSearch .domain h1 {
font-size: 10px !Important;
}
.container .domainSearch {
    padding: 25px 5px;
}
	
}

/* banner Domain Search styles end*/



.footerIconDivcontent .labelText{
	font-weight:bold;
}
.footerIconDivcontent  .labelText, span.labelText{
	padding:0px;
	margin:0px;
}

/* animation classes */
.animate-to-top{
	opacity:0;
	transform:translateY(100px);
	transition:all 1s ease-in-out;
}
.animate-to-top-showing{
	opacity:1;
	transform:translateY(0px);
}

.animate-to-left{
		opacity:0;
	transform:translateX(100px);
	transition:all 1s ease-in-out;
}
.animate-to-left-showing{
		opacity:1;
	transform:translateX(0px);
}
.animate-to-right{
		opacity:0;
	transform:translateX(-100px);
	transition:all 1s ease-in-out;
}
.animate-to-right-showing{
		opacity:1;
	transform:translateX(0px);
}
/* animation classes end */

.fa.large{
	font-size:120px;
}
#map {
    width: 100%;
    height: 400px;
}



.tooltip_content{
	
	width:300px
}

.tooltip_content a,
.tooltip_content img{
	
	display:block;
}


.tooltip_content img{
width:auto !important;	
height:300px !important;
margin:auto;
}

.tooltip_content span a{
    display:inline-block;
    width:auto;
    max-width:500px;
    overflow:hidden !important;
  
    margin:5px 0px;
    line-height:20px;
}
.fb-btns a{
cursor:pointer;
	
	display:inline-block;
	margin:5px 5px;
	font-size:12px;
}
span.soical-control{
	width:auto;
}
div.soical-control .fa{
	
	font-size:30px;
}
.soical-control {
    float: right;
    margin-top: 5%;
}



/* adi user 1 end  */
/* IE FIX */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.container .SearchWrapper input, .container .SearchWrapper button{
	padding:11px !important;
}
button:active span, button:focus span {
    position: relative;
}
input:active span, input:focus span {
    position: relative;
}

}
/* IE FIX END */
/* sharepoint fix */

.ms-comm-tCat-tile {
    float:left;
    width: 250px;
    height: 162px;
    margin:5px;
}

.ms-comm-tCat-tile img {
    float:left;
    width: 250px;
    height: 162px;
    right:0px!important;
}

div.ms-tileview-tile-root{    width: 250px !important;
    height: 162px !important;

	
}

div.ms-tileview-tile-content{    width: 250px !important;
    height: 162px !important;

	
}

.ms-tileview-tile-detailsBox{    width: 250px !important;
    height: 162px !important; background-color:#0080c3; opacity:0.8; top:110px!important; }

.ms-tileview-tile-content{
	background-color:transparent;
}


.ms-tileview-tile-titleMedium{
	 font-size:20px; font-family:FSAlbert , Arial, HelveticaNeue, Tahoma;
}
div.ms-tileview-tile-root:hover .ms-tileview-tile-detailsBox{top:0px!important; }


/* sharepoint fix end */


/* i-pad and less*/

@media (max-width: 1024px) {
    .IconsListView ul img {
        width: 40%;
    }
    .newsImg {
        width: 20%;
    }
    .newsContent {
        width: 70%;
    }
    .owl-carousel {
        position: absolute;
        margin-top: -5px;
    }
    .owl-carousel .owl-controls {
        top: 80%;
    }
    .owl-slide {
        width: 100%;
        height: auto;
    }
    .header {
        height: auto;
        padding-bottom:0px;
    }
    .logo {
        text-align: left;
        margin: auto;
        width: 100%;
        padding: 5px 0;
    }
    .SearchWrapper {
        margin: 0 auto 20px auto;
    }
	
    .footerIcon {
        height: auto;
        padding: 0 5px;
        margin: auto;
    }
    .footerIconDivimg {
        padding: 20px 0;
    }
    .footerIcon .textbox {
        margin: auto;
        width: 100%;
        padding: 10px;
    }
    .footerIconDiv {
        width:32.5%;
        margin: 10px 0.4%;
        background-color: #efefef;
        border: 1px solid lightgrey;
        min-height: 290px;
    }
	.footerIconDiv-small{
		width:20% !important;
	}
    .footerIconDivcontent {
        padding:5px 10px;
    }
    .footerIconDivcontent .button {
        width: 100%;
        margin: 15px 0;
    }
.footerIconDivcontent .button-small.waves-button{
	margin:10px 0 !important;
}
.footerIconDivcontent  .labelText, span.labelText{
	margin:10px 0;
}
    .footerIconDivcontent .Percent50 {
        width: 100%;
    }
    .footerIconDivimg {
        text-align: center;
        width: 100%;
        height: 100%;
        margin: auto;
    }
 .topFooter .span_5_of_12,.topFooter .span_4_of_12,.topFooter .span_3_of_12{
width: 31.33%;
border: 1px solid #e2dfdf;
background-color: whitesmoke;
min-height:250px;
margin:5px 5px;
}
    .footerIconDivcontent {
        width: 100%;
        text-align: center;
    }
}
/* i-phone 6 plus and less*/

@media (max-width: 416px) {
    .rating {

        text-align: center;
    }
     .IconsListView ul li {
        margin: 15px 10px 15px 2px;
        width: 120px;
    }
    .news {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .owl-slide img {
        width: 100%;
    }
    #newsEvents .span_1_of_6,
    #newsEvents .span_5_of_6 {
        width: 100%;
    }
}
/* i-phone 6s and end*/

.md-content {
    background-color: grey!important;
    padding: 10px;
}
.md-content .fa-cogs {
    font-size: 30px;
    margin: auto;
    display: block;
    width: 100%;
    text-align: center;
}
.AccessibilityLink {
    padding: 15px;
    height: 60px;
    background-color: white;
    margin: 3px;
    text-align: center;
}
.AccessibilityLink .fa {
    color: black;
}
.AccessibilityLink p {
    font-size: 10px;
    margin: 20px;
}
.AccessibilityLink a {
    color: black;
    font-size: 30px !important;
    text-decoration: none;
}
.md-content > div p {
    margin: 10px !important;
}
.closePopup {
    float: right;
    position: absolute;
    right: -26px;
    top: -8px;
}
.closePopup a {
    color: white;
}
.bannerArea {
    height: calc(100vh - 150px);
    position: relative;
}
/* section 2 background*/

@media only screen and (max-width: 768px) {

.headingInline .col{
		margin:10px 0 !Important;
}
    .btnWhite {
        width: 90%;
    }
    .polls {
        padding: 0px;
		padding-top:10px;
    }
	
    .footerNav ul {
        text-align: center;
        margin: 0;
        padding: 0;
    }
    .demo .main-title {
        font-size: 3em;
    }
    .owl-slide img {
        width: 100%;
    }
}
/*==========================================================================
	   Jquery style
	   ========================================================================== */
.accordion {
    margin: 10px 0;
}

.ui-widget {
    font-family: Droid Arabic Kufi, Arial, Tahoma;
    font-size: 1.1em;
}
.ui-dialog {
    direction: ltr;
}
.ui-widget-header {
    border: 0px solid #5a5a5a;
    background: #1b83bb;
    color: #FFFFFF;
    font-weight: bold;
}
.ui-dialog .ui-dialog-title {
    text-align: right;
}
.ui-widget-overlay {
    /* background: #2C2828 url("http://sps1:777/sites/en/Style%20Library/en-us/CITRATheme/css/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; */
    
    opacity: .6;
    filter: Alpha(Opacity=60);
    background-color: black;
    background-image: none;
}
.ui-widget-shadow {
    margin: -8px -8px 0 0;
    padding: 8px;
    background-color: black;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px;
    background-image: none;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 13px;
}
.FSearchService {
    width: 82%;
    height: 46px;
}
/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ContentBase .accordion .ui-state-default,
.ContentBase .accordion .ui-widget-content .ui-state-default,
.ContentBase .accordion .ui-widget-header .ui-state-default {
    border: 0px solid #d2d2d2;
    background-color: #bd9e56;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    font-size: 15px;
    letter-spacing: normal;
}

.ContentBase .ui-state-default a:hover{
	background-color: #0b6dbb !Important;
}


.ContentBase .accordion .ui-state-default a,
.ContentBase .accordion .ui-state-default a:link,
.ContentBase .accordion .ui-state-default a:visited {
    font-family: 'Droid Arabic Kufi', sans-serif;
    background-color: #17335b;
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    letter-spacing: normal;
    display: block;
    padding: 10px;
}
.ContentBase .accordion .ui-state-hover,
.ContentBase .accordion .ui-widget-content .ui-state-hover,
.ContentBase .accordion .ui-widget-header .ui-state-hover,
.ContentBase .accordion .ui-state-focus,
.ContentBase .accordion .ui-widget-content .ui-state-focus,
.ContentBase .accordion .ui-widget-header .ui-state-focus {
    border: 0px solid #0b6dbb;
    background-color: #0b6dbb;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    font-size: 15px;
    letter-spacing: normal;
}
.ContentBase .accordion .ui-state-active,
.ContentBase .accordion .ui-widget-content .ui-state-active,
.ContentBase .accordion .ui-widget-header .ui-state-active {
    border: 0px solid #d0d0d0;
    background-color: #0b6dbb ;
    color: #1c1c1b;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    letter-spacing: normal;
}
.ui-accordion-header-active a{
	background-color: #0b6dbb !important;
}
.ContentBase .accordion .ui-widget-content {
    border: 0px solid #aaaaaa;
    background: rgb(241, 247, 255);
    color: #1c1c1b;
    font-size: 16px;
    line-height: 25px;
}
.ContentBase .accordion .Link-image-list {
    width: 100%;
    padding: 0px;
}
.ContentBase .ui-accordion .ui-accordion-content {
    padding: 10px;
    overflow: hidden !important;
    margin-bottom: 10px;
    border: 1px solid #dde7f5;
}


.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: relative;
    float: right;
    margin: 0px;
    left: -10px;
    top: 12px;
}
.ui-accordion .ui-accordion-header {
    padding: 0em;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}
.ContentPage .accordion h3 {
    margin: 3px;
}
.ContentBase .accordion h4 {
    text-shadow: 0px 0px 0px #ffffff;
} 
h3.NoArrow > span {
    display: none;
}
div#page {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
.back-to-top {
    position: fixed;
    bottom: 2em;
    left: 0px;
    text-decoration: none;
    color: #000000;
    background-color: #eeeeee;
    font-size: 12px;
    padding: 1em;
    display: none;
    z-index: 99999;
    border: 1px solid #CCC;
    margin: 10px;
}
.back-to-top:hover {
    background-color: #f8f8f8;
}
.RadioTable input {
    margin: 0px 6px 0px 2px
}
/* Caption Common Style */

#imageDescription .box .caption {
    position: absolute;
    margin-bottom: 40px;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    left: 0;
}

/** Caption: Simple **/

.caption p {
    color: white;
    margin-top: 5px;
    margin-left: 30px;
}
.caption h3 {
    color: white;
}
#imageDescription .box .simple-caption {
    height: 30px;
    width: 300px;
    display: block;
    bottom: -30px;
    line-height: 0pt;
    text-align: left;
    font-weight: bold;
}
#imageDescription .box .scale-caption h3 {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms;
}
#imageDescription .box .scale-caption h1 {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    transition-delay: 500ms;
}
/** Simple Caption :hover Behaviour **/

#imageDescription .box:hover .simple-caption {
    -moz-transform: translateY(-470%);
    -o-transform: translateY(-470%);
    -webkit-transform: translateY(-470%);
    opacity: 1;
    transform: translateY(-470%);
}

.userInfoMobile {
    display: none;
}
/* ipad or less */

@media  (max-width: 768px) { 
 .IconsListView li:hover .feed {
    display:none;
  }
.FormStyle .labelTextBlank, span.labelTextBlank{
	display:none !Important;
}
#map {
width: 100%;
height: 300px;
}
.footerIconDivcontent .button-small.waves-button{
min-width:100% !important;
}
.push{display:none !Important;}
.innerPageHeader{
	    padding: 0px 20px;
}

.col.span_1_of_2 .button {
    margin: 10px 0;
}

.sky-tabs > label{
	width: 35%;
}
.container .SearchWrapper{
	width:100%;
}
.darkGreyArea{
	padding:0%;
}


.alignLeftCenter{
	margin:auto;
	text-align:center;
	margin:10px 0px;
}
	.greyboxone{
		margin-top:25px;
	}
	.IconsListView p{
		margin:0px;
	}
	.IconsListView ul img{
		height:50px;
		width:50px;
	}
	.IconsListView ul li{
		height:auto;
	}
	.leftIconContent {
    width: 85%;
	}
	.iconDiv  img{width:36px;height:36px;}
	.alignBottom{ margin-top:2px  !important;}
  .container  .Underline{
		font-size:1.5em;
	}
	.quoteimg {
    width: 20%;
    float: none;
    display: block;
    margin: 2% auto;
    text-align: center;
}
.quote blockquote{
    float: none;
    margin: auto;
    text-align: center;
    width: 100%;
	font-size:16px;
}
.quote blockquote:before{
    font-size: 40px !Important;
    left: -25px;
    top: -5px;
}
.quote blockquote:after{
	    font-size: 40px;
    margin-top: 20px;
    margin-left: 5px;
}
    .rsABlock h1 {
    font-size: 20px ;
    line-height: 30px;
    }
    .wrap {
        width: 100%;
    }
   

    .newsImg img {
        width: 100%;
    }
    .shadowBox {
     padding: 10px;
		    border-bottom: 1px solid lightgrey;
	    box-shadow: 3px 5px 25px 0px rgba(0, 0, 0, 0.10);
    }

	 .newsCol {
        height: auto;
    }
  
    .footerIconDivcontent .Percent50 {
        width: 100%;
    }
	

    #about {
        background-size: auto;
        background-repeat: no-repeat;
        background-position: initial;
    }
    .modal-wrapper {
        width: 80%;
        position: relative;
        margin: auto;
        top: 10em;
        left: 0px;
    }
       .fsm .fa-angle-right{
	display:none;
}

    .fsm .footable > tbody > tr > td.footable-row-detail-cell,
    .footable > tbody > tr > td.footable-first-column {
        padding: 10px 5px;
    }
	 .fsm  .fa-angle-right{display:none;}
    .fsm .footable {
        border-spacing: 0 0.5em;
    }
    .fsm .footable a {
        width: 90%;
		margin-left:10px;
    }
	   .fsm  .footable  .pagingRow a {
        width: 100%;
		margin:0px !important;
    }
 .footable  .pagingRow  td:not(:first-child){
	 padding:5px;
 }
    .carouselCITRA {
        width: 90%;
    }
    .FormStyle textarea {
        width: 100%;
    }
    .TopNav {
        height: auto;
    }
    .TopNav .AlignRightCenter,
    .TopNav .AlignLeftCenter {
        width: 50%;
    }
    .footable-row-detail-name,
    .footable-row-detail-value {
        text-align: left;
    }
   
    .nav {
        position: relative;
        z-index: 999;
        background-color: black;
        width: 100%;
        height: 50px;
    }
    .nav div {
        position: relative;
        display: inline-block;
        margin: 0 20px;
        padding: 10px;
    }
    .container .searchbox {
        margin: 20px auto 0 auto;
        text-align: center;
    }
   .container .searchbox input {
        width: 95%;
    }
    .buttons a {
        text-align: center;
    }
  
    .WrapperFooter {
        height: auto;
        padding-top: 20px;
    }
    .ContentPage h5 {
        margin: 25px 2px 0px 2px;
    }
    .buttons .span_4_of_6 {
        display: none;
    }
    .AlignRight {
        text-align: center;
        margin: 10px 0;
    }
    .AlignRightCenter,
    .AlignLeftCenter {
        text-align: center;
        width: 100%;
        margin: auto;
		
    }
	
    .IconsListView ul li {
        width: 150px;
    }
    #about .aboutDetail {
        width: 90%;
    }
    .workIcons {
        margin: auto;
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 20px 0;
    }
    .workIconsimg {
        width: 20%;
        display: inline-block;
        padding: 1% 0;
        margin: auto;
        text-align: center;
        margin-right: 10px;
        float: left;
    }
    .workIconsText {
        width: 76%;
        float: left;
    }
    .workIcons img {
        width: 70px;
    }
    .workIcons p {
        display: block;
    }
    .news {
        border-bottom: 1px solid lightgrey;
        margin-bottom: 15px;
    }
    .newsImg {
        width: 20%;
        float: left;
    }
    .newsContent {
        width: 75%;
    }
    .footerWrap .span_1_of_5 {
        width: 50%;
    }
    .TopNav ul {
        margin: 10px;
    }

}
/* ipad end*/
@media  (max-width: 500px) { 
.topFooter .span_5_of_12,.topFooter .span_4_of_12,.topFooter .span_3_of_12{
width: 100%;
margin:10px 0;
}
.footerIconDivimg img{
	width:100px;
	height:100px;
}
}
@media only screen and (max-width: 750px) {
    .TopNav .AlignRightCenter,
    .TopNav .AlignLeftCenter {
        width: 100% !Important;
    }
}
@media only screen and (max-width: 465px) {
    .workIcons h1 {
        font-size: 18px;
    }
}
@media only screen and (max-width: 70px) {
    .TopNav .AlignRightCenter,
    .TopNav .AlignLeftCenter {
        width: 100%;
    }
}
@media only screen and (max-width: 465px) {
    .tabWindow li {
        width: 33%;
        font-size: 12px;
    }
    .tabWindow a {
        padding: 10px 40px;
        padding-left: 5px;
    }
}
/* iphone 6 + */

@media only screen and (max-width: 416px) {
	h2{	font-size:24px;}
	h3{	font-size:15px;}
	
#map {
width: 100%;
height: 200px;
}
.headingInline h3 {
    display: block;
}
.button-small {width: 50% !important;}
.footerIconDivcontent .button-small {width: 100% !important;}
	.infoIcon{
		display:inline;
	}
	.BoxCntGrey .span_1_of_2{
		width:100%;
	}
	.MainWrapper .button, .MainWrapper input.button, .MainWrapper button.button{
	    margin: 10px 0px;
    width: 90% !important;
	}
	.footerIconDivcontent .button{
		width:100%;
	}
	.topFooter .span_5_of_12, .topFooter .span_4_of_12, .topFooter .span_3_of_12{
		min-height:auto;
	}
.quote blockquote:before{
  font-size: 30px !Important;
    left: -15px;
    top: -5px;
}

.quote blockquote:after{
	     font-size: 30px;
    margin-top: 22px;
    margin-left: -9px;
}	
.quote{padding:5%;}
.greybox{
	padding: 10px;
}
.container .SearchWrapper{
	width:100%;
}	
	.shadowBox{
		padding: 15px;
    border-bottom: 1px solid lightgrey;
	    box-shadow: 3px 5px 25px 0px rgba(0, 0, 0, 0.10);
	}
	.AboutCitra {
	padding-bottom: 20px;
}
    .rsABlock {
        width: auto;
        text-align: center;
		width:100%;
    }
    .rsABlock h1 {
        font-size: 16px;
    }
    .sliderContent {
        width: 90%;
        margin: auto;
        text-align: center !important;
    }
    .footerIconDiv {
        width: 100%;
        min-height: auto;
        margin: 10px 0;
    }
    .footerIconDivimg {
        padding: 10px 0;
    }
    .footerIconDivcontent .button {
        margin: 10px 0;
    }
    .footerIconDivimg img {
        width: 30%;
    }
.greyboxone{
	margin-top:30px !Important;
	
}
    .greybox {
    min-height: 270px;
        margin: 10px 0;
	}
 
	    .fsm .footable a {
		margin-left:5px;
		float:right;
    }
	    .fsm .pagingRow .footable a {
		margin:0px !important;
		float:none !important;
    }
	    .fsm .pagingRow .footable a {
		margin-left:5px;
		float:right;
    }
    .TopNav {
        height: auto;
		padding:0px;
    }
    .innerPageHeader {
        padding: 0px 10px;
    }
    .ContentBase,
    .alert-info-section,
    .LinkImagelist ul li {
        padding: 0 5px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -30px;
    }
    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -30px;
        top: 40%;
    }
    .quoteimg {
        display: block;
        width: 100%;
        margin: auto;
        text-align: center;
    }
    .quoteimg img {
        width: 100px;
        text-align: center;
    }
    .FormStyle textarea {
        width: 100%;
    }
    .container .Underline {
     font-size: 18px;
    line-height: 25px;
    margin: 10px 0;
    padding-bottom: 5px;
    }
    .stepsWrap {
        width: 100%;
    }
    .stepDiv {
        width: 100%!important;
    }
    .stepsPoints {
        width: 100%;
    }
    .stepsWrap .col {
        margin: 10px 0;
    }
    .iconDiv {
        width: 20%;
        text-align: left;
        margin: auto;
    }
    .iconDiv img {
        width: 36px;
        height:36px;
    }
	.leftIconContent h2 {
    margin-left: 50px;
    margin-top: -35px;
}
.section.group.headingInline {
    margin-bottom: 30px;
}
.BoxCntGrey {

    padding: 20px;

}
    .leftIconContent {
        margin: auto;
        width: 100%;
    }
    .TopNav .AlignRightCenter,
    .TopNav .AlignLeftCenter {
        width: 100%;
    }
    .TopNav ul {
        margin: 5px 0;
        padding: 0;
    }
    .breadcrumb {
        margin: 10px 0;
        width: 100%;
    }
    .progress > li {
        font-size: 0.4em;
    }
    .AlignRight {
        text-align: center;
        margin: 10px 0;
    }
    .AlignLeft {
        text-align: center;
        margin: 10px 0;
    }
    .tabWindow {
        margin-left: 3px;
        width: 100%;
    }
    .tabWindow li {
        width: 100%;
        border-bottom: 0px;
    }
    .subTabs {
        padding: 0px 10px;
        margin-top: 16px;
    }
    .subTabs li {
        margin: 0 -10px;
        margin-left: -10px;
        display: block;
    }
    .IconsListView ul li {
        width: 80px;
        margin: 0 20px;
        display: inline-block;
    }
    .IconsListView ul img {
        width: 70px;
        height: 70px;
    }
    .IconsListView ul {
        max-width: 100%;
        display: inline-block;
    }
    .newsCol {
        width: 100%;
        margin: auto;
        text-align: center;

    }
    .newsImg img {
        width: 100%;
        height:auto;
    }
    .newsContent {
        width: 100%;
        text-align: left;
    }
    .newsImg {
        width: 100%;
        float: none;
		margin: auto;
    }
    .IconsListView {
        width: 100%;
    }
    .footerIconDivcontent input.Percent60 {
        width: 100%;
    }
    .footerIconDivcontent button.button {
        width: 100%;
        margin: 10px 0;
        padding: 20px 10px;
    }
    .footerWrap .span_1_of_5 {
        width: 100%;
    }
}
/* iphone 6 */

@media only screen and (max-width: 375px) {
	
.container .sky-tabs	.waves-button,
.container .sky-tabs	 .waves-button:hover, 
.container .sky-tabs	.waves-button:visited,
.container .sky-tabs	 .waves-button-input{
	font-size:12px; font-weight:normal;	
	}
    .IconsListView ul li {
        width: 60px;
        margin: 5px 15px;
    }
    .IconsListView p {
        margin: auto;
        padding: 5px;
    }
    .workIconsimg {
        width: 100%;
    }
    .workIconsText {
        text-align: center;
    }
    .tabWindow a {
        font-size: 16px;
    }
    .breadcrumb {
        font-size: 12px;
    }
    .workIcons {
        width: 100%;
    }
    .workIconsimg {
        padding: 2% 0;
    }
    .workIconsText {
        width: 100%;
    }
}
/* iphone 5 */

@media only screen and (max-width: 320px) {
    .TopNav li {
        margin: 20px;
    }
    .TopNav .AlignLeftCenter ul li {
        margin: 10px;
        font-size: 12px;
    }
    .TopNav .AlignRightCenter ul li {
        margin: 10px;
        font-size: 12px;
    }
    .tabWindow a {
        padding: 10px 6px;
        font-size: 11px;
    }
    #about .aboutDetail {
        line-height: 30px;
        width: 100%;
    }
    .breadcrumb {
        font-size: 10px;
    }
    .wrap {
        width: 100%;
    }
    .workIcons {
        text-align: center;
    }
    .workIcons img {
        display: block;
        width: 100%;
    }
    .workIcons h1 {
        display: block;
        margin-left: 0;
    }
    .workIcons p {
        display: block;
        margin-left: 0;
    }
}
/* ==========================================================================
	   Helper classes
	   ========================================================================== */
/*
	 * Image replacement
	 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
/*
	 * Hide from both screenreaders and browsers: h5bp.com/u
	 */

.hidden {
    display: none !important;
    visibility: hidden;
}
/*

	 * Hide only visually, but have it available for screenreaders: h5bp.com/v
	 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
	 * Extends the .visuallyhidden class to allow the element to be focusable
	 * when navigated to via the keyboard: h5bp.com/p
	 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
	 * Hide visually and from screenreaders, but maintain layout
	 */

.invisible {
    visibility: hidden;
}
/*
	 * Clearfix: contain floats
	 *
	 * For modern browsers
	 * 1. The space content is one way to avoid an Opera bug when the
	 *    `contenteditable` attribute is included anywhere else in the document.
	 *    Otherwise it causes space to appear at the top and bottom of elements
	 *    that receive the `clearfix` class.
	 * 2. The use of `table` rather than `block` is only necessary if using
	 *    `:before` to contain the top-margins of child elements.
	 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    
    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */

.clearfix {
    *zoom: 1;
}
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
		 * Don't show links for images, or javascript/internal links
		 */
    
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*    font awesome checkbox and radio button */
input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 0.9em;
    color: #535353;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f111";
    font-size: 0.9em;
    color: #17335b;
    letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f096";
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f046";        
    color: #17335b;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{                
    color: #17335b;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) { 

.footerNav{
padding-bottom:52px;
}
}


/*    font awesome checkbox and radio button end */


.inline-rb input[type='radio']{
	
	display:inline-block !Important;
}

 .SystemPage img[src$="blank.gif"]{/* when checking in files popu ads extra spacing (with blank image) between td which is hiding checkin button */
	display:none;
}

/* icon list css */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.iconListWithImageContainer{
	
text-align: center;  margin: auto; 
	
width: 100% !IMPORTANT; 
}
.iconListWithImage{
  list-style-type:none;
  margin:0; padding:0;
}

.iconListWithImage{
  border:1px solid #dbd7d7;
  border-radius:5px;
  display:inline-block;
  padding: 20px 12px;
  box-sizing: border-box;
  text-align:center;
  min-height: 340px;
  width: 18%;
  margin: 10px;
  transition:all 0.3s ease;
  vertical-align: text-top;
}


.iconListWithImage p {
    margin: 10px 0px;
    font-weight: bold;
    line-height: 1.2em;
    font-size: 14px;
    margin-top: 15px;
}

.iconListWithImage img{width: 80px;height: 80px;transition:all 0.3s ease;}
.iconListWithImage:hover img{
 transform:scale(1.1);
 }

.iconListWithImage .LinkImagelist{
  text-align:right;
}
.iconListWithImage .LinkImagelist ul li{
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.5em;
}

@media(max-width:1080px){
	.iconListWithImage{
	width:30%;
}
	
}

@media(max-width:760px){
	.iconListWithImage{
	width:45%;
	min-height:270px;
}
	
}
@media(max-width:512px){
	.iconListWithImage{
	margin: 10px 0px;
	    width: 100%;
    min-height: auto;}
    
   }
   
 /*    -----Slider Top Tabs----*/

    
    
 
.container .TopTabs  .ItemTab{
	display:inline-block;
	width: 110px;
	text-align: center;
	margin-top:20px;
}	



.container .TopTabs {
    position: absolute;
    font-family: 'Droid Arabic Kufi', Arial, sans-serif;
    /* font-size: 0; */
    text-align: left;
    color: #666;
    margin: 0px;
    padding-top: 1%;
    z-index: 1;
    top: 0;
    margin-right: 20px;
    /* background-color: #e1e1e1; */
    width: 100%;
    padding: 0px;
}

.container .TopTabs  .ItemTab{
	display:inline-block;
}

.container .TopTabs > .ItemTab span span {
	/* padding: 0 20px; */
	background: rgb(23, 51, 91);
	transition: background 0.4s, color 0.4s;
	-o-transition: background 0.4s, color 0.4s;
	-ms-transition: background 0.4s, color 0.4s;
	-moz-transition: background 0.4s, color 0.4s;
	-webkit-transition: background 0.4s, color 0.4s;
	color: white;
	border-radius: 50%;
	line-height:50px;
}
.container .TopTabs > .ItemTab:hover span span {
	background: #0b6dbb;
	color: #fff;
}

.container .TopTabs .waves-button{
	    min-width: auto !IMPORTANT;
	    width: 70px;
	    height: 70px;
	    border-radius: 50%;
	    padding: 7px;
	    font-size: 11px;
	    margin:auto;
}



.container .TopTabs > .ItemTab .fa {
	display: block;
	/* float: left; */
	/* width: 18px; */
	font-family: FontAwesome;
	font-style: normal;
	margin-top: 24%;
	font-size: 32px;
	line-height: 28px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
}

.container .SkyTabsItems{
	list-style-type:none;
	
}

.container .TopTabs > .ItemTab a:hover {
	text-decoration:none;
	
}


.MainWrapper .TopTabs .waves-button:hover {
    background-color: #0b6dbb !Important;
}


.container .TopTabs img {
    display: block;
    width: 75%;
    margin: auto;
    margin-top: 6px;
}

.ms-WPBody .TopTabs  p {
    color: #fff !IMPORTANT;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    font-weight: bold;
    font-size: 14px;
}

@media (max-width: 1024px) {
.container .TopTabs   {
    position: relative;
    font-family: 'Droid Arabic Kufi', Arial, sans-serif;
    /* font-size: 0; */
    text-align: center;
    /* color: #666; */
    margin: 0px;
    /* padding-top: 1%; */
    /* z-index: 1; */
    /* top: 0; */
    /* margin-right: 20px; */
    background-color: #e1e1e1;
    width: 100%;
    padding: 0px;
}
}


	


/* icon list css  end*/


.gridBgColor{
background-color:#17335b;
color:white;
}    
.gridBgColor:hover{        
background-color:#0b6dbb !Important;
color:white;
}
.gridBgColor span,.gridBgColor td{
	color:white !Important;
}



/* search page responsive result */
								
.wrap .ms-webpart-zone, .wrap .ms-webpart-cell-vertical,.ms-webpart-chrome-vertical{
	
	display:block !Important;
}
.wrap .ms-srch-item, .wrap .ms-srch-item-body{
	
	max-width:100% !Important;
}


/* search page responsive result end */


/* login popup account type selection*/

@media (max-width:414px)
{
	.catIcon a {
       padding: 5px;
    margin: 5px;
    width: 100%;
}
	
}

.container h1{
	display:block !important;
}

@media screen and (min-width:0px){
.royalSlider {
    height: 105px;
}
img.rsImg {
    width: 100% !important;
    height: 100% !important;
    margin: auto !important;
}

}
@media only screen and (min-width: 768px){
.royalSlider {
    height: 213px;
}

}
@media only screen and (min-width: 992px){
.royalSlider {
    height: 455px;
}
img.rsImg {
    width: 1638px;
    height: 455px;
    margin-left: -60px;
    margin-top: 0px;
    }

}



.w-50{
width:50px;
height:auto;
}

.m-auto{
margin:auto;
}
.theme-color{
color:#003963 !important;
}
.faq-title{
background-color:#17335b;
color:#fff !important;
padding:10px 5px;
}
.cstm-ul {
    list-style-type: decimal;
    margin-left: 25px;
    color: #616161;
    font-weight: bold;
    margin-top:20px;
}
.cstm-ul p{
font-weight:normal;
color: #000;
}
.cstm-ul-sub {
    list-style-type:disc;
    margin-left: 25px;
    color: #000;
    margin-top:10px;
    font-weight: normal;
}

.cstm-ul-sub li{
margin-bottom:7px;
}

.cstm-ul-sub li:nth-last-child(1) {
  margin-bottom:20px;
}
.group .rsOverflow .rsContainer .rsContent img {
    width: 30% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block;
    object-fit: cover;
}
.newsCol .newsImg {
    float: left;
    width: 12%;
}
.newsCol .newsContent {
    width: 84%;
}
@media only screen and (min-width: 992px){
.shadowBox .royalSlider img.rsImg {
    width: 230px !important;
    height: auto !important;
    margin: 10px auto !important;
    display: flex;
}
}
@media (min-width: 768px){
.shadowBox .newsCol .newsImg img {
    width: 140px !Important;
    height: auto !important;
}
}

/*GC */

   .sb-page {
            padding: 20px;
            margin-top: 2rem;
            margin-bottom: 2rem;
            background: #fff;
            box-shadow: 0 0px 4px 0 rgba(0, 0, 0, .5);
        }

        .sb-page-info {
            border: 2px solid #d8d8dc;
        }

        .sb-page-info .title {
            background-color: #f0f0f6;
            font-weight: bold;
            color: #000062;
            padding: 1rem;
            margin-bottom: 1.5rem;
            margin-top: 0;
            font-size: 1.5rem;
        }

        .sb-page-info .section {
            padding-right: 1rem;
            padding-left: 1rem;
        }

        .sb-page-info .col {
            margin-bottom: 0;
            margin-top: 0;
        }

        .sb-page-info label {
            color: #000;
            font-size: 16px;
            font-weight: bold;
            display: block;
            margin: 0 0 5px;
        }

        .sb-page-info p {
            color: #565960;
            font-size: 16px;
            padding: 6px 0;
        }

        .sb-page-info ul {
            padding-left: 1.3rem;
            margin-bottom: 20px;
            margin-top: 10px;
        }

        .sb-page-info ul li {
            color: #565960;
            font-size: 16px;
            padding: 6px 0;
        }

        .sb-page-info a {
            padding: 0.3rem 1rem;
            margin: 6px 0 20px;
            display: inline-block;
            border: 2px solid #e8e8e8;
            border-radius: 0;
            background-color: #fff;
            font-size: 0.9rem;
            font-weight: bold;
            color: #565960;
        }

        .sb-page-info a img {
            width: 18px;
            margin-right: 8px;
        }

/*GC END */
.catIcon {
    width: 32% !important;
    
}
.catIcon a {
    
   
    margin: 5px !important;
   
}