﻿html {
	/*height: 100%;
	overflow: hidden;
	position:relative;*/
}

body {
	/*margin: 0;
	padding: 0;
	perspective: 1px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;*/
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    overflow:auto;

}	
a:visited {
    color: #3692db !important;
}
header_customerservice {
	color: white;
}
header_customerservice:visited {
	color: white !important;
}

/******Global padding style Start******/
.mpadding { padding: 0 15px; }
.lpadding { padding-left: 15px; }
.rpadding { padding-right: 15px; }
.tpadding { padding-top: 15px; }
.bpadding { padding-bottom: 15px; }
/******Global padding style End******/

/******Font Color List Start******/
.clr-white { color: #fff;}
.clr-gold { color: #c78b0f;}
.clr-pink { color: #bc65b5;}
.clr-green { color: #50bdc7;}
.clr-red { color: #8b0000;}
.clr-yellow { color: #fcb80d;}
.clr-mildGreen { color: #97bf19;}
.clr-fbBlue { color: #4c68a8;}
.clr-skyBlue { color: #d7deef;}
.clr-purple { color: #bc65b5;}
/******Font Color List End******/

/******BG Color List Start******/
.bg-white { background-color: #fff;}
.bg-LightGrey { background-color:#f3ebda; /* Original Colour: #f9f6ef*/}
.bg-pink { background-color: #bc65b5;}
.bg-green { background-color: #50bdc7;}
.bg-red { background-color: #8b0000;}
.bg-yellow { background-color: #fcb80d;}
.bg-mildGreen { background-color: #97bf19;}
.bg-fbBlue { background-color: #4c68a8;}
.bg-DarkBlue { background-color: #324773;}
.bg-purple { background-color: #bc65b5;}
/******Font Color List End******/

/******Fonts start******/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);

@font-face {font-family:"Cocogoose";src:url("fonts/Cocogoose Pro Regular Trial.ttf");}
@font-face {font-family:"Octagen";src:url("fonts/octagen-roman-ffp.ttf");}
@font-face{font-family:"AvenirNextLTPro-Bold";src:url("fonts/AvenirNextLTPro-Bold.woff") format("woff");}
@font-face{font-family:"AvenirNextLTPro-Regular";src:url("fonts/AvenirNextLTPro-Regular.woff") format("woff");}
.font-cocogoose{font-family:'Cocogoose'}
.font-octagen-bold{font-family:'Octagen'}
.font-avenir-bold{font-family:'AvenirNextLTPro-Bold'}
.font-avenir{font-family:'AvenirNextLTPro-Regular'}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

@font-face {
  font-family: "Clarke";
  src: url("fonts/clarke_regular-webfont-8a4fb470855c58756658a889ac4ce1a8b205bc8eabed8c9aed730c6a5281d60c.woff2") format("woff2"), url("fonts/clarke_regular-webfont-fe17e733640ea4d3cdcbd05793f59c1d603c97531e97d0a261893ca30baed519.woff") format("woff"), url("fonts/clarke_regular-webfont-d6dadb97f413ce47705fe5320bb53868bb84443e029d9d58de75a320ec2e1c5b.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Clarke";
  src: url("fonts/clarke_medium-webfont-7bb3c810276a9c49adf7f1c254c00f5f82d6d744583d5491082c6eaf8b78e7a6.woff2") format("woff2"), url("fonts/clarke_medium-webfont-21c2244e1302ae45905a611026dfa11ad79e023f8358ee85a1fa7179c6a461a7.woff") format("woff"), url("fonts/clarke_medium-webfont-3e82e918975922870c99a4f49bb6dbeb2f81b2c83f8ffb94dd1cf22145de5459.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url("fonts/circular-book-03a07a34a5e8aed21bd91816fe33ff327ecd231ba083253b95271decd6728d13.woff") format("woff"), url("fonts/circular-book-0e89eeb3fd65b065ac3b79d430b2ebe44e9f43546b292b3fa32b2bb3bd7a0a08.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url("fonts/circular-medium-e867a5bf1033ea51d01d5dbda3450086103ed6e0d24528202509593698befa89.woff") format("woff"), url("fonts/circular-medium-c2c4d48bf44ac374b8d3f884d1b184e99a731bbe90f107663dc53336c76664de.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Circular";
  src: url("fonts/circular-book-italic-9a126ffb48140210fca1ce6794aa5f22ee2f1f7a0f824e8868a8234becedd36a.woff") format("woff"), url("fonts/circular-book-italic-87006466665ba4251d1ea155256192d9fdc27cd9e65518fe272a478daffd8b8c.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face{
    font-family:"Lulo";
    src:url("fonts/aee74cb3-c913-4b54-9722-6001c92325f2.woff2") format("woff2"),url("fonts/80de9d5d-ab5f-40ce-911b-104e51e93d7c.woff") format("woff"),url("fonts/1b46b05b-cfdd-4d82-8c2f-5c6cfba1fe60.ttf") format("truetype");
}
@font-face{
    font-family:"Avenir";
    src:url("fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"),url("fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype");
}
 @font-face{
        font-family:"Trade Gothic";
        src:url("fonts/Trade Gothic.woff2") format("woff2"),url("fonts/Trade Gothic.woff") format("woff"),url("fonts/Trade Gothic.ttf") format("truetype");
    }
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i94_wmhduz8A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: local('Poppins Regular'), local('Poppins-Regular'), url(fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: local('Poppins Bold'), local('Poppins-Bold'), url(fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/******Fonts end******/

td {
    word-break: break-word;
}
/******fontawesome******/
.fa-more-btn {    
	font-size: 1em;
    margin-left: 15px;
}
/******fontawesome******/

/******main******/
.col-segment-padding {
    padding: 40px;
    position: relative;
    max-width: 1400px;
    margin: auto;
}
/******main******/

/******Column Header******/
.col-header {
    height: 45px;
    background: #071e2f;
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
}

.col-header-container {
	max-width: 1344px;
	padding: 0 80px;
	width: calc(100% - 160px);
	height: 45px;
	margin:auto;
	position:relative;
}

.border-red {
	border-bottom: 4px solid red;
}

.border-green {
	border-bottom: 4px solid green;
}

.border-blue {
	border-bottom: 4px solid blue;
}

.border-yellow {
	border-bottom: 4px solid yellow;
}

section.header-skew1,section.header-skew2,section.header-skew3,section.header-skew4 {
    height: 76px;
    width: 100px;
    float: right;	
}
section.sec-logo {
    height: 100%;
    padding: 5px;
    margin-left: 15px;
    display: table;
}

section.sec-logo .logo-container {
	    display: table-cell;
    vertical-align: middle;
}
section.sec-Login {
    vertical-align: middle;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    display: table;
    height: 45px;
    padding: 0 10px;
}

section.sec-Login:hover {
    background: #272727;
}

section.sec-Login button.btn-login {
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: table-cell;
    background: transparent;
    font-size: 12px;
    height: 45px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition-duration: 0.2s;
}

section.sec-Login button.btn-login:hover {
	border-color: white;
    color: white;
}

section.header-btn {
    color: white;
    float: right;
    padding: 13px 10px;
    font-size: 13px;
}

/******Column Header End*******/

/******Column Navigation*******/

.col-nav-mobile {display:none;}
 
.pos-fixed{
	position:fixed;
}

.pos-fixed-logged{
	position:fixed;
	top:65px !important;
}

.ribbon-fixed-logged{
	position:fixed;
	top:0px !important;
	background:white !important;
	z-index:99;
}


.col-nav {
    background: #ffffff;
    top: 0px;
    z-index: 99;
    box-shadow: 0 5px 17px -2px #00000080;
    height: 95px;
    display: table;
    width: 100%;
}

.col-nav-container {
	max-width: 1344px;
	padding: 0 80px;
	width: calc(100% - 160px);
	height: 95px;
	margin:auto;
	position:relative;
}
section.sec-nav {
    position: absolute;
	right: 110px;
    top: 0;
    height: 50px;
    display: table;
    /*display: none;*/
}
section.sec-nav .navigation {
    cursor: pointer;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition-duration: 0.2s;
    padding: 0 15px;
    color: #191919;
    height: 95px;
    font-size: 13.824px;
    font-family: Poppins;
    font-weight: 600;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
}

.mobile-navigation {
    cursor: pointer;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    transition-duration: 0.2s;
    padding: 0 15px;
    color: #191919;
    height: 95px;
    font-size: 1.2em;
    font-family: Poppins;
    font-weight: 600;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    display:none;
}


section.sec-nav .navigation:hover {    
	background: #ff9800;
}

section.sec-topTink {
    position: absolute;
    right: 228px;
    bottom: 0;
}

section.sec-topTink ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

section.sec-topTink li {
    float: left;
}

section.sec-topTink li a {
    display: table-cell;
    padding: 0 15px;
    background-color: transparent;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    height: 95px;
    font-size: 13.824px;
    font-family: Poppins;
    font-weight: 600;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    transition-duration: 0.2s;
}
section.sec-topTink li a:hover {
	color: white;
    background: #101010;
}

.search-btn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    transition-duration: 0.2s;
    border-radius: 50%;
}
.search-btn .btn {
    background: #a7a7a7;
    padding: 10px;
    border-radius: 50%;
    color: white;
}

.btn-search-dot {
    background: #ff9800;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 33px;
    right: 90px;
    transform: rotate(44deg);
}

section.sec-search {
    position: absolute;
    right: 80px;
    top: 0;
    height: 95px;
    display: table; /***remove this to display-***/
}
.input-search {
    position: absolute;
    top: 95px;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    padding: 20px;
    width: 300px;
    border-radius: 5px;
    z-index: 99;
    display: none;
}
section.sec-search input#wsearch {
    width: 205px;
    height: 35px;
    border: none;
    background: #ffffff;
    padding: 0 10px;
    border-radius: 3px 0 0 3px;
}

button.btn-search {
    background: #ff9800;
    border: none;
    text-shadow: 1px 1px 0px rgba(249, 214, 162, 0.6);
    color: #b17318;
    display: table-cell;
    height: 35px;
    font-weight: bold;
    padding: 0 15px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 75px;
}

button.btn-search:hover {
	color:white;
	text-shadow: none;
}

section.sec-search input#wsearch::placeholder {
    color: #c7c7c7;
	font-style: italic;
    opacity: 1;
}
/******Column Navigation End*******/

/******Column Mega Dropdown*******/

.megaNav {
	position: absolute;
    z-index: 98;
    width: 100%;
}
.megaNav-fixed {
	position:fixed !important;
	top:95px;
}
.col-megaNav {
    background: rgba(14, 15, 35, 0.95);
    min-height: 400px;
    padding: 0 40px;
    /*z-index: 1;
    position: absolute;
    top: 140px;
    float: left;*/
    width: calc(100% - 80px);
    display: none;
}

section.mega-sec-one, section.mega-sec-two, section.mega-sec-three, section.mega-sec-four {
    float: left;
    margin: 30px 10px;
    height: 100%;
    width: calc(25% - 20px);
}

.col-megaNav section.mega-content {
    margin-bottom: 30px;
    border-left: 2px solid #5c5e86;
    padding-left: 15px;
}

.col-megaNav .mega-content .mega-category {
    color: #FFC107;
    text-transform: uppercase;
    font-size: 1.2em;
	font-family: 'AvenirNextLTPro-Bold', Arial, sans-serif;
}

.col-megaNav .mega-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.col-megaNav .mega-content li {
}

.col-megaNav .mega-content li a {
    color: #7e91b2;
    text-decoration: none;
    font-size: 1em;
    line-height: 1.6em;
    transition-duration: 0.2s;
}

.col-megaNav .mega-content li a:hover {
    margin-left: 2px;
    color: white;
    font-weight: bold;
}

/******Column Mega Dropdown End*******/

/******Column Two Column*******/

.two-column-segment {
    background: white;
    display: table;
    width: 100%;
}

.two-column {
    width: 50%;
    display: table-cell;
    position: relative;
}
/******Column Two Column End*******/















/******Column Quick Link*******/

.col-link {
    position: relative;
    background: #071e2f;
    display: table;
    width: calc(100% - 90px);
    padding: 30px 45px;
}

.link-content {
	margin-bottom: 15px;
}

section.sec-one, section.sec-two, section.sec-three, section.sec-four {
    float: left;
    margin: 0 10px;
    width: calc(20% - 20px);
}
section.sec-five {
    float: right;
    margin: 0 10px;
    width: calc(20% - 20px);
}


.link-category {
    color: #ff9800;
    font-family: 'AvenirNextLTPro-Bold', sans-serif;
    font-size: 0.9em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
}

.col-link .link-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.col-link .link-content li {
}

.col-link .link-content li a {
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    font-size: 0.8em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.link-content .link-btn {
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    border: 2px solid white;
    font-size: 13.824px;
    font-family: "AvenirNextLTPro-Bold";
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-transform: uppercase;
    transition-duration: 0.2s;
}
.link-content a {
	color: white;
	text-decoration: none;
}

.link-content .link-btn:hover {
    background: #1e2f52;
}
/******Column Quick Link End*******/


/******Column Footer*******/

.col-footer {
    width: 100%;
    position: relative;
    background: #071e2f;
    color: #ffffff;
    text-align: center;
}

section.sec-footer {
    padding: 10px;
    line-height: 5px;
    border-top: 2px solid #667188;
    width: calc(100% - 100px);
    font-size: 14px;
    margin: auto;
}

/******* Web Part Title for side Menu *******/
h2.ms-webpart-titleText {
    /* border-bottom: 1px solid #ccc; */
    padding-bottom: 5px;
    color: #004a84 !important;
    text-decoration: underline;
    font-size: 20px !important;
}
ul.dfwp-column.dfwp-list {
    padding-left: 0px !important;
    text-decoration: none;
}

li.dfwp-item {
    border-bottom: 1px solid #ccc;
    padding-left: 0px !important;
    font-size: 15px;
}

/******Column Footer End*******/

/******Column******/
.colFloatLeft {float:left;}
.hFull {height:100%;}
.col1 {width: 10%;}
.col1-5 {width: 15%;}
.col2 {width: 20%;}
.col2-5 {width: 25%;}
.col3 {
	width: 30%;
}
.col3-5 {width: 35%;}
.col4 {width: 40%;}
.col4-5 {width: 45%;}
.col5 {width: 50%;}
.col5-5 {width: 55%;}
.col6 {width: 60%;}
.col6-5 {width: 65%;}
.col7 {
	width: 67%;
	padding: 0 0 10px 1.5%;
    margin: 0 0 10px 1.5%;
    border-left: 1px solid #eee;
}
.col7-5 {width: 75%;}
.col8 {width: 80%;}
.col8-5 {width: 85%;}
.col9 {width: 90%;}
.col9-5 {width: 95%;}
.col10 {width: 100%;}


/******One Column******/
.page-1-column {
    width: 100%;
    display:table;
    position:relative;
}

.page-1-column-content {
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 40px;
    max-width: 1400px;
    margin: auto;
}

/******Two Column******/
.page-2-column {
    width: 100%;
    display:table;
    position:relative;
}

.page-2-column-content {
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 40px;
    max-width: 1400px;
    margin: auto;
}

/******Three Column******/
.page-3-column {
    width: 100%;
    display:table;
    position:relative;
}

.page-3-column-content {
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    padding: 40px;
    max-width: 1400px;
    margin: auto;
    display: table;
}

.mobileDropdown {
    display: table;
    width: 100%;
    position: absolute;
    z-index: 98;
    overflow-y: scroll;
    height: calc(100vh - 60px);
    display:none;
    
}

.mobileDropdown .megaMenu {
    /*display: table-cell;*/
    vertical-align: top;
    padding: 30px 0;
    background: #181829;
    overflow-y: scroll;
    height: calc(100vh - 155px);
}


.mobileDropdown .megaMenu .col-megaNav {
    display: table;
    top: 0;
    width: calc(100% - 80px);
    position: relative;
    background: transparent;
}

.mobileDropdown .megaMenu .col-megaNav section.mega-content {
    padding: 0;
	border: none;
}
.mobileDropdown .megaMenu .col-megaNav section.mega-sec-one, 
.mobileDropdown .megaMenu .col-megaNav section.mega-sec-two, 
.mobileDropdown .megaMenu .col-megaNav section.mega-sec-three, 
.mobileDropdown .megaMenu .col-megaNav section.mega-sec-four {
    width: 100%;
    float: none;
    margin: 0;
}

.mobileDropdown .megaMenu .col-megaNav .mega-content .mega-category {
    font-size: 1.5em;
}

.mobileDropdown .megaMenu .col-megaNav .mega-content li a {
    color: #7e91b2;
    text-decoration: none;
    font-size: 1.5em;
    transition-duration: 0.2s;
}

.mobileDropdown .audienceMenu {
    display: table-cell;
    background: #004983;
    width: 30%;
    text-align: right;
    vertical-align: top;
}

.mobileDropdown .audienceMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.audienceMenu ul li {
    padding: 15px 30px 15px 5px;
    border-bottom: 1px solid #ffffff2e;
}
.mobileDropdown .audienceMenu a {
    color: white;
    font-size: 1.2em;
}



/************************************Mobile Start********************************************/
@media (min-width: 320px) and (max-width: 500px) {

/******Column******/

.megaNav-fixed {
    position: fixed !important;
    top: 60px;
    overflow-y: auto;
}

.hFull,
.col1,.col1-5,.col2,.col2-5,.col3,.col3-5,.col4,.col4-5,.col5,.col5-5,.col6,.col6-5,.col7,.col7-5,.col8,.col8-5,.col9,.col9-5,.col10 {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    border: none;

}
.page-2-column-content {
	width: 100%;
    padding: 20px;
    }
    
.page-3-column-content {
    display: table;
    padding: 15px;
    width: calc(100% - 30px);
    height: 100%;
}

.col-header-container {
    padding: 0 5px;
    width: calc(100% - 10px);
}
section.header-btn {
    padding: 14px 8px;
    font-size: 0.6em;
}
.col-nav-container {
    padding: 0 5px;
    width: calc(100% - 10px);
    height: 60px;
}
section.sec-nav .navigation {
	display:none;
}

.mobile-navigation {
    display: table-cell;
    height: 60px;
    font-size: 0.8em;
}
section.sec-topTink {
	display:none;
}
section.sec-logo {
    padding: 0;
    margin: 0;
}
section.sec-search {
    right: 10px;
	height: 60px;
}
.search-btn {
    font-size: 0.8em;
}
.col-nav {
    height: 60px;
}
section.sec-nav {
    right: 30px;
}
.ms-siteicon-img {
    height: 50px;
}
section.sec-nav .navigation {
    height: 60px;
}
.col-link {
    padding: 15px;
    width: calc(100% - 30px);
}
section.sec-one, section.sec-two, section.sec-three, section.sec-four {
    float: left;
    margin: 0;
    width: 100%;
    text-align: center;
}
.mobileDropdown .megaMenu {
    padding: 10px 0;
}

.mobileDropdown .megaMenu .col-megaNav {
    padding: 0 15px;
    width: calc(100% - 30px);
}
.mobileDropdown .megaMenu .col-megaNav .mega-content .mega-category {
    font-size: 1em;
}
.mobileDropdown .megaMenu .col-megaNav section.mega-sec-one, .mobileDropdown .megaMenu .col-megaNav section.mega-sec-two, .mobileDropdown .megaMenu .col-megaNav section.mega-sec-three, .mobileDropdown .megaMenu .col-megaNav section.mega-sec-four {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center;
}

.mobileDropdown .megaMenu .col-megaNav .mega-content li a {
    font-size: 1em;
}
.mobileDropdown .megaMenu {
    padding: 10px 0;
    display: table;
    width: 100%;
}
.mobileDropdown .audienceMenu {
    display: table;
    width: 100%;
    text-align: center;
}
.audienceMenu ul li {
    padding: 5px;
}
.mobileDropdown .audienceMenu a {
    color: white;
    font-size: 0.8em;
}

.link-category {
    font-size: 1em;
}
.col-link .link-content li a {
    font-size: 0.8em;
}
section.sec-five {
    float: right;
    margin: 30px 0 0;
    width: 100%;
}
.link-content .link-btn {
    font-size: 0.6em;
}
section.sec-footer {
    padding: 15px;
    width: calc(100% - 30px);
    font-size: 0.8em;
    line-height: 1.3;
}


.col-segment.col-segment-padding {
    padding: 15px;
}

}
/************************************Mobile End********************************************/

/************************************Tablet Start********************************************/

@media (min-width: 768px) and (max-width: 1024px) {

.megaNav-fixed {
    position: fixed !important;
    top: 95px;
    overflow-y: auto;
}

section.sec-nav {
    right: 80px;
}
section.sec-nav .navigation {
	display:none;
}

.mobile-navigation{
		display:table-cell;
}

section.sec-topTink {
	display:none;
}


	.col-header-container {
	    padding: 0 20px;
	    width: calc(100% - 40px);
	}
	section.header-btn {
	    font-size: 1.2em;
	    padding: 13px 15px;
	}
	.col-nav-container {
	    padding: 0 10px;
	    width: calc(100% - 20px);
	}
	.search-btn {
	    font-size: 1.5em;
	}
	section.sec-search {
	    right: 30px;
	}
	section.sec-nav .navigation {
	    font-size: 1.2em;
	}
	
	.two-column-segment .two-column {
	    width: 100%;
	    display: block;
	}
	section.sec-one, section.sec-two {
	    width: calc(50% - 20px);
	    float:left;
	}
	section.sec-three, section.sec-four {
	    width: calc(50% - 20px);
	    float:right;
	}

	.col-link .link-content li a {
	    font-size: 1.2em;
	    line-height: 1.5;
	}
	.link-category {
	    font-size: 1.5em;
	}
	
	section.sec-five {
	    width: 100%;
	}
	.link-content .link-btn {
	    width: calc(33.3% - 44px);
	    float: left;
	    margin: 10px;
	}
	section.sec-footer {
    font-size: 1em;
}


}


@media (min-width: 768px) and (max-width: 1280px) {

section.sec-topTink {
    width: calc(100% - 500px);
    top: 0 !important;
}

section.sec-topTink li a {
    height: 47.5px;
}

}
