@charset "utf-8";

body { margin: 0; padding: 0; }
body, table, input, textarea, select { color:#596268; font-size: 14px;font-family: 'Open Sans', sans-serif; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}

a{ color:#334c58; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none !important; }
a:hover { color: #d8323b; text-decoration: none; }
a:focus{outline:none !important; }
pre{background:transparent; border:none; border-radius:0; padding:0; margin:0;}

.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}

#header{ background: #ffffff;  margin:0; z-index:99; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
#header .navbar-brand{ padding:0; margin:0; height: auto;}

.mt0{margin-top: 0 !important;}

.flex-center{display: flex; align-items: center;}

/* Main Menu  */
#main-menu{padding: 0;}
#main-menu ul{ margin:0; padding:0; list-style-type:none; }
#main-menu ul li{ position:relative; margin-left:50px;}
#main-menu ul li:first-child{margin-left:50px;}
#main-menu ul li a{ text-transform: uppercase; font-weight: 700; background-color:transparent; text-transform:uppercase; color:#1c313d; font-size:130%; padding:38px 0; display:block;} 
#main-menu ul li.active>a,#main-menu ul li a:hover{color:#d8323b; }
#main-menu ul li ul{ margin:0; opacity:0; visibility:hidden; position:absolute; z-index:10; width:220px; top:120%;  background:#ffffff; border-bottom:3px solid #28323A; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow:0 2px 3px 2px rgba(0,0,0,.2); }
#main-menu ul li.submenu-one:hover>ul{ opacity:1; visibility:visible; top:100%;}
#main-menu ul li ul li{ margin:0; float:none; position:relative; }
#main-menu ul li ul li:first-child{margin-left: 0;}
#main-menu ul li ul li a{ color:#28323A; font-size: 95%; font-weight: normal; text-transform:none; padding:10px; margin:0;border-bottom:1px solid #D2DAE2; text-decoration: none;}
#main-menu ul li ul li a:hover{color:#d8323b;}
#main-menu ul li ul li ul{ opacity:0; visibility:hidden; border-bottom:3px solid #1c313d; position:absolute; width:220px; top:0; left:240px;}
#main-menu ul li ul li:hover>ul{opacity:1; visibility:visible; top:0; left:220px;}
#main-menu ul li.submenu-one.last ul{right: 0;}
#main-menu ul li.inquiry-link a{background-color: #d8323b; color: #fff; border-radius: 10px; padding: 10px 20px;}

/* Mobile Menu  */
#mobile-menu #main-menu{ display:none !important;}
#mobile-menu {display: none;}
#mobile-menu-icon {display:none; position:absolute; right:15px; top:30px; width:30px; height:30px;}
#mobile-menu-icon span, #mobile-menu-icon span:before, #mobile-menu-icon span:after {width: 30px; height: 4px; background-color: #d8323b; display: block; position: absolute; top: 7px; transition: all 0.3s;}
#mobile-menu-icon span:before {content: ''; top: -7px;}
#mobile-menu-icon span:after {content: ''; top: 7px;}
#mobile-menu-icon.active span {background-color: transparent;}
#mobile-menu-icon.active span:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
#mobile-menu-icon.active span:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}
#mobile-menu #main-menu{border: none;}
#mobile-menu ul{margin: 0; padding: 0; list-style: none; float: none;}
#mobile-menu ul li{float: none; padding:0; margin:0; border:none; position:relative; border-bottom:1px solid #4289a3; border-top: none;}
#mobile-menu ul li:first-child{margin: 0;}
#mobile-menu ul li a{background-color:#0d4c79;}
#mobile-menu ul li ul li ul{ border:none;}

#mobile-menu ul li a{ text-transform:capitalize; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; font-size:100%; border-bottom:none; padding:12px 20px; display:block; color:#dbdbdb; text-transform:none; font-weight:400; background-color:#0D4C79; margin-bottom:0;}
#mobile-menu ul li ul li a{border-bottom:none; color:#f0f0f0; font-size:100%; text-decoration:none;}
#mobile-menu ul li.active ul li a{ color: #f0f0f0;}
#mobile-menu ul li ul li a:hover{ color: #f0f0f0;}
#mobile-menu ul li > a:hover, #mobile-menu ul li.active > a{ color:#fff; border-bottom:none; background-color:#1C8BC2;}
#mobile-menu ul li.changebg > a{ color:#fff;}
#mobile-menu ul li:hover > a{ border-bottom:none;}
#mobile-menu ul li a .submenu{ position:absolute; width:42px; height:42px; right:0; top:1px; display:block;  cursor:pointer; -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
#mobile-menu ul li a .submenu:before,#mobile-menu ul li a .submenu:after{ content:""; background-color:#fff; display:block;  -moz-transition:transform 0.3s ease-in-out;  -webkit-transition:transform 0.3s ease-in-out;  transition:transform 0.3s ease-in-out; }
#mobile-menu ul li a .submenu:before{ width:2px; height:15px; position:relative; left:20px; top:12px;}
#mobile-menu ul li a .submenu:after{ width:15px; height:2px; position:relative; left:13px; top:4px;}
#mobile-menu ul li.changebg>a>.submenu:before { transform:rotate(-90deg);}
#mobile-menu ul li.changebg>a>.submenu:after { display:none;}

#mobile-menu ul li > ul{ padding:0; border:none;}
#mobile-menu ul li.submenu-one:hover > ul{ top:0;}
#mobile-menu ul li.submenu-one ul{margin-bottom: -1px;}
#mobile-menu ul li ul,#mobile-menu ul li:hover>ul,#mobile-menu ul li ul li ul,#mobile-menu ul li ul li:hover>ul{ width:auto; display:none; opacity:1; position:relative; left:0; top:0; visibility:visible; transition:none; box-shadow:none;}
#mobile-menu ul li ul li a{ padding:12px 30px;}
#mobile-menu ul li ul li ul li a{padding:12px 40px;}
#mobile-menu ul li ul li{ border-bottom:1px solid #4289a3;}


/* pd-logo */
.pd-logo{display: inline-block; padding: 10px; border-radius: 10px; background-color: #ffffff;}

/* tab to menu css*/
.panel-default > .panel-heading{ border-radius: 0;}
.panel-title{color:#10639d;font-size: 130%; font-weight: 600;}
.panel-group .panel{border-radius: 0;}
.panel{box-shadow: none;}
.panel-collapse  .panel-body h3{color: #0d2a39; font-family: 'Roboto', sans-serif; font-size: 150%; font-weight: 100; margin-top: 0; text-transform: uppercase;}
.panel-collapse  .panel-body ul{margin: 0; padding: 0; list-style: none;}
.panel-collapse  .panel-body ul li{font-size: 90%; font-weight: 600; color: #354953; margin-bottom: 10px;position: relative; padding-left: 15px;}
.panel-collapse  .panel-body ul li:before {content: '•'; position: absolute; left: 0; top: 0px;}

.basic-title{max-width: 660px; margin: 0 auto 30px; color:#354953; }
.basic-title h3{color: #0d2a39; font-size: 215%; font-weight: 700; text-transform: uppercase; margin-top: 35px;}
.basic-title p{font-size:130%; font-weight: 600;}

.get-help{background-color: #e8232f; background-image: url(../images/get-help-big.png); background-repeat: no-repeat; background-position: center center; width:163px; height: 163px; vertical-align: middle; border-radius: 50%; color:#fff; font-weight: 300; font-size: 260%; line-height: 100%; text-transform: uppercase; padding:40px 30px 40px 40px;}
.get-help strong{display: block;}
.get-help:hover,.get-help:focus{background-color: #ff3440; color: #fff; text-decoration: none;}


footer{ background-color: #d1d9dd; padding: 25px 0;}
footer .address{text-align: left;}
footer .copyright {text-align: right; font-size:110%; color:#1b4257; font-weight: 300; margin-bottom: 10px;}
footer .designed-by{text-align: right; font-family: 'Roboto', sans-serif;  font-size: 85%; color:#627d8c; }
footer a{color:#627d8c; }
footer a:hover{ color:#d8323b; text-decoration: none;}

#footer-links{ background: #19455E;background: #20495e; padding:20px 0; }
#footer-links h3{min-height: 45px; position: relative; }
#footer-links h3.title{color: #fff;  font-family: 'Roboto', sans-serif; font-weight: 500;   text-transform: uppercase; position: relative; padding-bottom:10px; margin-bottom: 20px;}
#footer-links h3.title:after{ width: 50px; content: ""; height: 2px; background: #FF3038; position: absolute; left: 0; bottom: 0;}
#footer-links h3 span{display: none; position: absolute; right: 0; top: 2px;}
#footer-links ul{margin: 0; padding: 0; list-style: none;}
#footer-links .list li{color: #fff;margin-bottom: 8px; position: relative; padding-left: 15px; display: block;}
#footer-links .list li:before{ content: "•"; position: absolute; left: 0px; top: 0px; color: #fff;}
#footer-links ul li a{color: #fff;margin-bottom: 8px; position: relative; padding-left: 15px; display: block;}
#footer-links ul li a:before{ content: "•"; position: absolute; left: 0px; top: 0px; color: #fff;}
#footer-links ul li a:hover,#footer-links ul li a:focus{ text-indent: 10px; color: #D1D9DD; text-decoration: none;}

#GetHelp .modal-title{color: #1b4257; font-size: 170%; line-height: normal; font-weight: 600;}
#GetHelp .modal-title small{ color: #1b4257;}
#GetHelp .modal-content{border-radius: 0;}
.modal-content .modal-header .close span{font-size: 170%;}

#frmGetHelp textarea.form-control{height: 145px;}

#gethelp_error{padding: 10px;}
#gethelp_loader{background-color: rgba(255, 255, 255, 0.5); display: flex; justify-content: center; width: calc(100% - 15px); position: absolute; height: calc(100% - 15px); align-items: center; z-index: 3;}

/* stackholder-slider */
.stackholder-slider{margin-bottom: 50px;}
.stackholder-slider .item{ border: 1px solid #ddd; margin: 10px;}
.stackholder-slider .owl-nav {position: absolute; margin: 0 auto; position: absolute; left: -50px; right: -50px; top: 50%; transform: translateY(-50%);}
.stackholder-slider .owl-nav .owl-prev {background-image: url(../images/prev-arrow.png) !important;
  background-repeat: no-repeat !important; background-position: center center !important; background-color: #1b4257 !important;
  left: 0; width: 35px; height: 35px; float: left; border: 2px solid #1d3846 !important; border-radius: 50%;}
.stackholder-slider .owl-nav .owl-next { background-image: url(../images/next-arrow.png) !important;
  background-repeat: no-repeat !important; background-position: center center !important; background-color: #1b4257 !important;
  right: 0; width: 35px; height: 35px; float: right; border: 2px solid #1d3846 !important; border-radius: 50%;}
.stackholder-slider .owl-nav .owl-prev:hover,.stackholder-slider .owl-nav .owl-next:hover {background-color: #FF3440 !important; border-color: #FF3440 !important;}

h2.title{color: #0d2a39; font-family: 'Roboto', sans-serif; font-size: 200%; font-weight: 400; margin: 25px 0; text-transform: uppercase; position: relative; padding-bottom: 10px;}
h2.title:after {content: ''; width: 70px; height: 2px; background-color: #FF3440; position: absolute; left: 0; bottom: 0;}