/* Minification failed. Returning unminified contents.
(41,1): run-time error CSS1019: Unexpected token, found '@charset'
(41,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(41,17): run-time error CSS1019: Unexpected token, found ';'
(369,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(377,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(394,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(398,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";
/* CSS Document */

.menu ul, .menu li{margin:0; padding:0; display: block; }
.menu a {display: block; color:#fff;}

ul.menu_list {list-style:none; margin:0; padding:0; display: block; text-align:right; width:780px; float:right; height:30px}
ul.menu_list li {height:100%; display:block; float:left; height:30px}
ul.menu_list li a {width:100%; height:100%; display: block; font-size:14px; color:#003b5d; cursor:pointer;
 text-decoration:none; font-weight:bold !important;  text-align:center; text-transform:uppercase;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; position:relative; z-index:10; line-height:30px}
ul.menu_list li a:hover {}

ul.menu_list li a b{text-align:left; font-weight:normal !important; display:block; width:100%; height:22px;}

ul.menu_list li.Grey{position:relative; text-align:left; z-index:800;}


ul.menu_list li ul.DropDown {display: none; position: absolute; z-index: 50; top: 30px; left: 0; border: 1px solid #003b5d; border-top: 0; overflow: hidden; padding:5px 0; background: #fff; width: 180px}
ul.menu_list li ul.DropDown li {width:100%; float:none; text-align:center !important; margin:auto;}
ul.menu_list li ul.DropDown li a {font-size:12px; text-decoration:none; line-height:30px; display:block; text-align:left; padding: 0 0 0 10px; font-weight:normal; width:auto}
ul.menu_list li ul.DropDown li a:hover {background:#dceaf2}
ul.menu_list li ul.DropDown li.last {border-bottom:0px !important; }

 

.menu-container {width:100%; height:30px; position: absolute; right:0; bottom:0}
.menu {width: 785px; height: 30px; margin: 0 auto; line-height: 30px; position: relative; float: right}

ul.menu_list li.menusep {width:2px; height:30px; float:left; background:url(images/menusep.jpg) no-repeat}










@charset "utf-8";
/* CSS Document */   /* CSS RESET */
.fix{clear:both; overflow:hidden; width:100%; height:0px}
body {font-family:Arial, Helvetica, sans-serif}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1; color:#575858; font-size:14px; 
background: url(images/mainbgV3.jpg) repeat-x #fff; background-position: right 150px;;
/*background:url(images/mainbgV2.jpg) no-repeat top center #ddffff*/}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
textarea:focus, input:focus{ outline: none; }



/* Header */
.header-container {width:100%;height: 147px;background-color:#fff;border-bottom:4px solid #003b5d;}
.header {width:980px; height:100%; margin:0 auto; position:relative}
 a.header-logo {width:308px; height:115px; display:block; position:absolute; top:0; left:0; background:url(images/header-logo-v2.png) no-repeat}
.header-box1 {width: 370px;height: 65px;position: absolute;top: 9px;right: 125px;text-align: right}
.header-box1 span.call {font-weight: normal;text-transform: uppercase;color: #003b5d;font-size: 32px;position: absolute;
 top: 52px;right: 0px;display: block;line-height: 40px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.header-box1 .header-login {width: 430px;float:right;}
.header-box1 .login-btn {color: #fff;font-weight: normal;padding: 0 10px;text-align: center;height: 30px;line-height: 30px;display: inline-block;border-radius: 4px;text-decoration: none;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 15px;background: rgb(0,167,230);background: -moz-linear-gradient(top, rgba(0,167,230,1) 0%, rgba(0,64,99,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,167,230,1)), color-stop(100%,rgba(0,64,99,1)));background: -webkit-linear-gradient(top, rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%);background: -o-linear-gradient(top, rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%);background: -ms-linear-gradient(top, rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%);background: linear-gradient(to bottom, rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e6', endColorstr='#004063',GradientType=0 );}
.header-box1 .login-btn:hover {background:rgba(0,59,93,1)}


.header-box1 span.merchantlogin {font-size:12px; padding: 0 0 0 25px;}
.header-box1 span.merchantlogin a {color:#000}
.header-box1 span.agentlogin {font-size:12px; padding:0 4px}
.header-box1 span.agentlogin a {color:#000}
.header-box2 {width: 140px; height: 82px; position: absolute; top:12px; right: 10px}
.header-box2 .site-search {width:318px; float:left}
.header-box2 .site-search .input {width:216px; height:26px; float:left; background:url(images/header-input.png)}
.header-box2 .site-search .input input {border:0; background-color:transparent; width:90%; padding:0 5%; margin:0; height:100%}
.header-box2 .site-search .button {width:94px; height:26px; float:left; background:url(images/header-btn.png)}
.header-box2 .site-search .button input {width:100%; height:100%; border:0; background-color:transparent; cursor:pointer}
.header-box2 .socialicons {width: 105px; height: 26px; float: right}
.header-box2 .socialicons a {width: 24%; height: 26px; float: left; display: block; margin-right: 1%}
.header-box2 .socialicons a img {width:100%; padding: 0!important;}
.header-box2 div.header-logo2 {display: block; width: 56px; height: 50px; position: absolute; right: 0px; top: 30px}
.header-box2 div.header-logo2 img {image-rendering: -webkit-optimize-contrast}


.homeboxes {width:100%; height:201px; margin:17px 0}
.homeboxes a {display:block; width:100%; height:100%}
.homeboxes .homebox1, .homeboxes .homebox2, .homeboxes .homebox3 {width:319px; height:200px; float:left}
.homeboxes .homebox1 h1, .homeboxes .homebox2 h1, .homeboxes .homebox3 h1
{display:block; width:320px; height:33px; color:#fff; text-transform:uppercase; font-weight:bold; font-size:18px; 
 line-height:33px; text-align:center; font-family:'Trebuchet MS'; margin:0 0 3px 0;
 background: rgb(0,167,230); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(0,167,230,1) 0%, rgba(0,64,99,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,167,230,1)), color-stop(100%,rgba(0,64,99,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e6', endColorstr='#004063',GradientType=0 ); /* IE6-9 */
}
 .homeboxes .homebox2 {margin:0 11px}
 .homeboxes .homebox3 {background:url(images/home-video-cover.jpg) no-repeat bottom right}
/* ----------------- */


.content-wrapper {width:100%; margin:0 auto;}
.main-content {width:1060px; margin:0 auto;position:relative}
.shadow-left {background:url(images/home-shadow-left.png) no-repeat right; width:40px; height:645px; float:left}
.shadow-right{background:url(images/home-shadow-right.png) no-repeat left; width:40px; height:645px; float:left}
.home-container, .sec-container {width:980px; float:left; min-height:371px}
.home-container .slideshow {margin:0 0 18px 0; border-bottom:3px solid #003b5d}
.home-container .slideshow .slidesjs-pagination {margin-top: 6px}
.homebox1 {background:url(images/homepic1.jpg) no-repeat; width:100%; height:237px}
.homebox2 {background:url(images/homepic2.jpg) no-repeat top; width:100%; height:235px}
.homebox3 {width:100%; height:600px}


.footer-container {width:980px; margin:10px auto 30px auto; position:relative; padding: 0 0 15px 0;}
.footer1 span.f1-left {font-weight: bold; text-transform: uppercase; line-height: 22px;color:#003b5d}
.footer-social {position:absolute; top:3px; right:5px; width:100px; height:24px}
.footer1 span.f1-right {font-weight: bold; text-transform: uppercase; line-height: 22px; position:absolute; top:5px; 
 right:115px; color:#003b5d}
.footer-social a {width:24%; height:100%; float:left; display:block; margin-right:1%}
.footer-social a img {width:100%; padding:0!important}

.footer2 {border-top:1px solid #003b5d; border-bottom:1px solid #003b5d; margin:10px 0; padding:10px 0}
.footer2 ul {display:block; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#003b5d; margin:0 25px}
.footer2 ul li {font-size:12px; line-height:22px}
.footer2 ul li strong {font-size:14px; font-weight:bold}
.footer2 ul li a {color:#003b5d; text-decoration:none}
.footer2 ul li a:hover {text-decoration:underline}
.footer2 ul.list1 {width:117px}
.footer2 ul.list2 {width:79px}
.footer2 ul.list3 {width:103px}
.footer2 ul.list4 {width:69px}
.footer2 ul.list5 {width:91px}
.footer2 ul li.Bold a {font-weight:bold; font-size: 14px; color: #003b5d}

.footer2 .footer-form {width: 224px; height: 159px; float: right;margin-top: 25px;}
.footer2 .footer-form form {display: block; margin: 5px 0 0 3px; height: 160px; position:relative}
.footer2 .footer-form input {background:#fffaf3; border: 1px solid #003b5d; width: 210px; height: 25px; margin: 0 0 9px 0; 
 padding:0 0 0 5px; font-size:12px; color:#575858; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold}
.footer2 .footer-form input.subBtn {display: block; width: 72px; height: 16px; background: url(images/form-btn-submit.png) no-repeat 0 -16px; float: right; margin:0; border: 0; cursor: pointer}
.footer2 .footer-form input.subBtn:hover {background-position:0 0}

.footer2 .footer-form .Captcha {position:absolute;left: -93%;width:200px;height: 135px;top: 0;background: whitesmoke;border: 1px solid #003b5d;box-sizing: border-box;padding: 10px;}
.footer2 .footer-form .Captcha img {width:100%}
.footer2 .footer-form .Captcha input {width:100%;box-sizing: border-box;}

.goIE8 .footer2 .footer-form input {line-height:25px}

.footer2 .footer-form span.field-validation-error {position: absolute; display: block; z-index:50; left: -212px; width: 200px; height: 24px; background: url(images/form-error-left.png) no-repeat; padding: 11px 5px 0 15px; font-size: 11px}
.footer2 .footer-form span.error1 {top:-4px}
.footer2 .footer-form span.error2  {top:30px}
.footer2 .footer-form span.error3  {top:64px}
.footer2 .footer-form span.error4  {top:97px}
.footer2 .footer-form span span {padding:0 0 0 15px}

.footer3 {margin:0; padding:0; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; 
 color:#003b5d; position:relative; height:75px}
.footer3 img {margin:0!important;padding:0!important}
.f3-left {padding:0 0 0 10px; float:left}
.f3-left p {padding:5px 0 0 0; line-height:15px}
.f3-center {position:absolute;top:0;left:0;text-align:center;width:100%}
.f3-center span {text-align:center}
.f3-center .img-only {width:150px; margin:0 auto}
.f3-center p {}
.f3-right {width:680px;height: 100px;position: absolute;left: 270px;top: 20px}
.f3-right .img-only {width:30%;float:left; margin:10px 5% 0 0;}
.f3-right .img-only:last-child {margin:10px 0% 0 0;}

.footer3 a.footer-logo {display: block; background: url(images/footer-logo.png) no-repeat; position: absolute; top: 0px; left:5px; width: 135px; height: 51px}
.footer3 a.footer-premier-logo {display: block; background: url(images/footer-premier-logo.png) no-repeat; position: absolute; top:-10px; right: 0px; width: 220px; height: 78px}
.footer3 .footr-credit {display:none; /*position:absolute; background:url(images/footer-credit.png) no-repeat; width:239px; top:0px; right:5px; height:35px*/}

.secondary-shadow-left {float:left; width:40px; height:780px; background:url(images/secondary-shadow-left.png) no-repeat}
.secondary-shadow-right {float:left; width:40px; height:780px; background:url(images/secondary-shadow-right.png) no-repeat}
.secondary-content {width:980px; margin:0 auto; float:left; background:#fff url(images/sidebar-bg.jpg) repeat-y right}

.content {width: 700px; float: left; min-height: 790px; background: #fff; padding: 0 15px}
.content h1 {color:#003b5d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:15px 0; text-transform:uppercase; font-size:24px}
.content h2 {color:#003b5d; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:25px 0 0 0; font-size:19px}
.content p {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#575858; padding:0; margin:0 0 30px 0; line-height:22px}
.content ul {list-style:square; font-size:16px; padding:10px 0 10px 40px; font-family:Arial, Helvetica, sans-serif}
.content ul li {line-height:20px}
.content ul li span {color:#575858; font-weight:normal}
.content strong {font-weight:bold}
.content a {color:#003b5d; font-weight:bold}
.content img {}

.content table.contact-form {width: 100%; border-collapse: separate!important; border-spacing: 2px!important; margin:30px 0}
.content table.contact-form input, .content table.contact-form textarea {margin:10px; width:300px; padding:5px 8px; 
 border:1px solid #fcc572; background: #fffaf3}
.content table.contact-form td {color: #575858; font-size: 14px; text-transform: uppercase; font-weight:bold; vertical-align:top; line-height:48px}
.content table.contact-form td span.red {color: red; font-size: 13px!important; text-transform: lowercase; padding:0 5px 0 0} 
.content table.contact-form input.submitbtn {display: block; width: 72px; height: 16px; background: url(images/form-btn-submit.png) no-repeat 0 -16px; margin: 0 0 0 255px; border: 0; cursor: pointer; float: left}
.content table.contact-form input.submitbtn:hover {background-position:0 0}

.secondary-banner {width:703px; height:auto; margin:10px auto}
.sidebar {width:250px; float:right; color:#575858; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}

.sidebar span.sidebarTitle {text-align:center; width:100%; display:block; color:#d7ede9; font-size:18px; font-weight:bold; 
 height:30px; line-height:30px;
 background: rgb(0,167,230); /* Old browsers */
 background: -moz-linear-gradient(top,  rgba(0,167,230,1) 0%, rgba(0,64,99,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,167,230,1)), color-stop(100%,rgba(0,64,99,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(0,167,230,1) 0%,rgba(0,64,99,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a7e6', endColorstr='#004063',GradientType=0 ); /* IE6-9 */
}

.sidebar1 {margin:0;padding:  20px 0 10px 0;}
.sidebar1 a.sidebarLogo {background:url(images/sidebar-logo-v2.png) no-repeat; width:240px; height:86px; display:block; 
 margin:10px auto}
.sidebar1 span.callUs {font-size:14px; display:block; width:100%; text-align:center; font-weight:bold; padding: 0 0 10px 0;
 color: #003b5d}
.sidebar1 .sidebarSocial {width: 90%; margin: 0 5% 20px 5%; height: 30px}
.sidebar1 .sidebarSocial span {float:left; width:40%; font-size:14px; font-weight:bold; line-height:30px; text-align:center;
 color:#003b5d}
.sidebar1 .sidebarSocial .icons {float: right; width: 50%; margin-right: 5%}
.sidebar1 .sidebarSocial .icons a {width:24%; height:100%; float:left; margin-right:1%}
.sidebar1 .sidebarSocial .icons a img {width:100%; padding:0!important}

.sidebar2 {padding:0 0 20px 0}
.sidebar2 form {width:90%;margin:0 5%;position:relative;transition:all .3s;padding-bottom:40px;padding-top: 10px;}
.sidebar2 form input.formField {background:#fff;border:1px solid #fcc572;width:215px;height:26px;margin: 5px 0;font-size:12px;color:#575858;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding:0 0 0 5px;}
.sidebar2 form textarea {background:#fff; border:1px solid #fcc572; width:215px; height:55px; margin:8px 0 0 0; font-size:12px; color:#575858; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 0 5px}
.sidebar2 form input.form-btn-ask {display:block; width:81px; height:16px; background:url(images/form-btn-ask.png) no-repeat 0 -16px; float:right; margin:10px 0; border: 0; cursor: pointer}
.sidebar2 form input.form-btn-ask:hover {background-position:0 0}
.sidebar2 form .Captcha {border: 1px solid #fcc572;background-color:#fff;margin-top:7px;box-sizing:border-box;width: 222px;text-align: center;padding: 10px 0;}
.sidebar2 form .Captcha input {height:25px;line-height:25px;width:90%;box-sizing:border-box;padding-left:10px;}
.sidebar2 form .Captcha a {
    color: #003b5d;
    font-size: 17px;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 30px;
}

.goIE8 .sidebar2 form input.formField {line-height:25px}

.sidebar2 form span.field-validation-error {position: absolute; display: block; z-index:50; left: -212px; width: 200px; height: 24px; background: url(images/form-error-left.png) no-repeat; padding: 11px 5px 0 15px; font-size: 11px}
.sidebar2 form span.error1 {top:5px}
.sidebar2 form span.error2  {top:41px}
.sidebar2 form span.error3  {top:77px}
.sidebar2 form span.error4  {top:113px}
.sidebar2 form span.error5  {top:149px}
.sidebar2 form span span {font-weight:bold; padding:0 0 0 15px}

.sidebar3 {padding:0 0 10px 0}
.sidebar3 span.sidebarTitle {margin:0 0 10px 0}
.sidebar3 a {
 display:block;
 width:100%;
 text-align:center;
 font-size:14px;
 text-transform:uppercase;
 font-weight:bold;
 color:#003b5d;
 text-decoration:none;
 line-height: 29px;
 }
.sidebar3 a:hover {text-decoration:underline}

.sidebar4 {}


/* IE FIXES */

.goIE .dropdownbox {top:27px; border-top:1px; background:#fff; height:155px}
.goIE .dropdownbox ul a {font-size:12px}
.goIE .dropdownbox ul li {height:18px; line-height:18px}
html[data-useragent*='MSIE 10.0'] .content ul, .goIE9 .content ul {list-style:disc}


.products h2 {font-size:17px; margin:25px 0 10px 0; padding:0}
.products p {font-size:14px; margin:10px 0; padding:0}
.products ul {margin:0; padding:0; list-style:none; font-size:12px}
ul.product-item {margin:10px; padding:5px; background:#fafafa; border:1px solid #e9e9e9}
.products ul ul {padding:0 0 0 20px}


/* Merchant Login Form Styles*/

.merchant-login {width:280px; height:140px; margin:20px auto; background:whitesmoke; padding:30px; border:3px solid #fff; 
                 box-shadow:0 0 6px #3d3d3d; border-radius:5px}

.merchant-login div {margin:10px 0; position:relative; width:100%; height:30px}
.merchant-login div input {}
.merchant-login span.label {width:115px; display:inline-block}
.merchant-login span.red {color:red}
.merchant-login input {width:150px}
.merchant-login .field-validation-error
{
position: absolute;
display: block;
z-index: 50;
left: -220px;
width: 200px;
height: 24px;
background: url(images/form-error-left.png) no-repeat;
padding: 11px 5px 0 15px;
font-size: 11px;
top: -5px;
}

.merchant-submit {background:#003b5d; color:#fff; text-align:center; display:block; padding:5px 10px; border:0; 
                  float:right; cursor:pointer; margin: 0 10px 0 0; width:auto!important}


.secondary-content .content form tr td .Captcha {
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 20px 10px;
}
.secondary-content .content form tr td .Captcha a {color: #003b5d;font-size: 17px;display: block;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration: none;line-height: 20px;}
.secondary-content .content form tr td .Captcha br {display:none}
.secondary-content .content form tr td .Captcha input {
    margin-left: 0!important;
}
.secondary-content .content form tr td .Captcha::before {    
    content:'';
    border-top: 1px solid #fcc572;
    display:block;width:320px;margin-bottom:20px
}


/* NOTIFICATION MESSAGE */

.notification {background: red;color:#fff;padding:5px 0;}
.notification.notc {display:none}
.notification p {font-size: 14px;text-align:center;max-width:1000px;margin:0 auto;line-height: 18px;font-family: 'Arial', sans-serif; position:relative}
.notification p strong {display: inline-block;font-weight:600;font-size: 19px;padding: 3px 0;vertical-align:  middle;}
.notification p a {font-weight:600;color:#fff;font-size: 12px;}
.notification p span {display:block;font-style:italic;font-size:  13px;}
.notification .noto {position:absolute;top:0;right:-30px;font-size:20px;padding:5px 0 0 0;cursor:pointer}
.notification .notp {font-style:normal}

.notification .fa-layers {font-size: 32px;transform:rotate(15deg);-webkit-transform:rotate(15deg);display:  inline-block;vertical-align:  middle;}
.notification .fa-certificate {color:orange;stroke: #003b5d; stroke-width: 1%}
.notification .fa-exclamation {color:#fff;stroke: orange; stroke-width: 7%}

.notification .fa-exclamation {transform:scale(1);
-webkit-animation-name: pop2;
-webkit-animation-duration: 2s;
animation-name: pop2;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes pop2 {
    0%   {transform:scale(1)}
    72%  {transform:scale(1)}
    79%  {transform:scale(1.3)}
    86%  {transform:scale(1)}
    93%  {transform:scale(1.3)}
    100% {transform:scale(1)}
}
@keyframes pop2 {
    0%   {transform:scale(1)}
    72%  {transform:scale(1)}
    79%  {transform:scale(1.3)}
    86%  {transform:scale(1)}
    93%  {transform:scale(1.3)}
    100% {transform:scale(1)}
}

.notification .fa-certificate {transform:rotate(360deg);
-webkit-animation-name: rotate;
-webkit-animation-duration: 15s;
animation-name: rotate;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@-webkit-keyframes rotate {
    0%   {transform:rotate(0deg)}
    100% {transform:scale(360deg)}
}
@keyframes rotate {
    0%   {transform:rotate(0deg)}
    100% {transform:scale(360deg)}
}