/*----- Body Page Scrollbar Start -----*/
/* width*/
::-webkit-scrollbar {
    width: 5px;
 }
 
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #E50A0A;
}

/*----- Body Page Scrollbar End -----*/
body {
    overflow-x: hidden;
}

section {
    width: 100vw;
    height: auto;
}

img {
    display: block;
    width: 100%;
}

#header {
    position: relative;
    /*background: #0b70ba;*/  /* #b40303 */
    padding: 15px 50px;
    z-index: 2;
}

#header-shape {
    position: absolute;
    background-image: linear-gradient(to right, #0b70ba, #0b70ba)
    left: 0;
    right: 0;
    top: 0;
    width: 27%;
    height: 90%;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
}

#header-shape .header-shape-inner {
    position: absolute;
    /*background: #0b70ba;*/
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 95%;
    z-index: -1;
    clip-path: polygon(0 0, 99% 0%, 72% 100%, 0% 100%);
}

#header-shape-large .header-shape-small {
    background: #ffffff;
    width: 20%;
    height: 150px;
    bottom: -130px;
    position: absolute;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: 4%;
    clip-path: polygon(0 0, 100% 0%, 94% 100%, 6% 100%);
}

#header-breadcrumb {
    background: url('../../asset/image/icons/bg-heading-top-bar.jpg');
    background-repeat: repeat;
}

#header-breadcrumb a {
    color: #ffffff;
}

#header-top {
    /*display: flex;*/
    /*align-items: center;*/
}

#header-top .header-logo {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
}

#header-top .header-title {
    display: block;
    font-size: 24px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-shadow: 0 0 13px #000;
    font-weight: bold;
    color: #FFF;
    transition: all ease 0.2s;
    text-align: center;
}
#header-top .header-title1 {
    display: block;
    font-size: 37px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-shadow: 0 0 13px #000;
    font-weight: bold;
    color: #FFF;
    transition: all ease 0.2s;
    text-align: center;
}

#header-top .header-sub-title {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #fff;
}

/*----- Navbar Start -----*/
#header-navbar {
    background-image: url(../../asset/image/icons/bg-navbar.png);
    background-repeat: repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    width: 92.5%;
    margin: 0 auto;
    padding: 5px;
    z-index: 2;
    height: auto;
}

#header-navbar a {
    color: #ffffff;
    padding: 10px 13px;
    font-size: 12px;
}

#header-navbar a:focus,
#header-navbar a:hover {
    background-color: #555;
}

#header-navbar .navbar-nav > li > a:focus,
#header-navbar .navbar-nav > li > a:hover {
    background-color: #555;
}

#header-navbar .navbar-nav .open > a,
#header-navbar .navbar-nav .open > a:focus,
#header-navbar .navbar-nav .open > a:hover {
    background-color: #555;
}

#header-navbar .dropdown-menu {
    background-color: #555555;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    border-bottom: 8px solid #E50A0A;
}

#header-navbar .dropdown-menu a {
    padding: 10px 15px;
    border-bottom: 1px solid #494747;
}

#header-navbar .dropdown-menu a:hover {
    background-color: #666666;
}

/*----- Navbar End -----*/

#latest-news {
    position: relative;
    background-color: #EEE3C7;
    font-weight: bold;
    margin: 10px 0;
}

#latest-news .news-heading {
    position: absolute;
    background-image: linear-gradient(to bottom, #515151, #0c0901);
    padding: 10px 3px;
    box-shadow: inset 0px 3px 8px #0c0901;
    z-index: 1;
    animation: myfirst .8s infinite;

    -webkit-animation: myfirst .8s infinite;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#latest-news .news-heading .news-heading-text {
    background-image: linear-gradient(to bottom, #515151, #0c0901);
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: yellow;
    line-height: normal;
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#latest-news .news-heading .news-heading-shape {
    background: #292929;
    width: 20px;
    height: 20px;
    right: -3%;
    position: absolute;
    transform: rotate(48deg);
    z-index: -1;
}

#latest-news .news-list {
    display: block;
    padding: 10px 30px;
    color: #963230;
}

#main-content {
    padding: 30px 50px;
    padding-top: 75px;
}

.panel-heading {
    background-image: url(../../asset/image/icons/diagonal-lines.jpg);
    background-repeat: repeat;
    font-weight: bold;
}

/*----- Google Map Api Start -----*/
#map {
    height: 100%;
}

/*----- Google Map Api End -----*/

/*----- Footer Start -----*/

#footer {
    color: #ffffff;
    background: #b40303;
    padding: 30px 30px;
}

#footer .footer-logo {
    width: 100px;
    height: auto;
    margin-bottom: 10px;
}

#footer .footer-title {
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
}

#footer .quick-links {
    padding: 0;
    list-style: none;
}

#footer .quick-links li {
    border-bottom: 1px dashed #ff3939;
    padding: 3px 0;
}

#footer .quick-links li a {
    background-color: #0B70BA;
    display: block;
    padding: 4px;
    color: #ffffff;
    border-bottom: none;
    font-size: 12px;
}

#footer-bottom {
	background-color: #053557;
	border-top: 1px solid #0b70ba;
   /* background-color: #F8082E;
    border-top: 1px solid #FF001F; */
    padding: 15px;
    color: #fff;
}

/*----- Footer End -----*/

/*------- Quick Enquiry - Start-----*/
#quick_enquiry {
    position: fixed;
    background: #fff;
    padding: 25px;
    right: 0;
    bottom: 0;
    width: 25vw;
    z-index: 4;
    margin-right: -26vw;
    transition: all ease 0.5s;
    box-shadow: 0 0 10px 1px #999;
}

#quick_enquiry .form_title {
    margin: 0;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

.enquiry_toggle_btn {
    position: fixed;
    right: 2%;
    bottom: 7%;
    padding: 10px 20px;
    border-radius: 20px;
    z-index: 3;
    font-size: 15px;
    background: #b40303;
    color: #ffffff;
    text-decoration: none !important;
    display: inline-block;
    cursor: pointer;
    transition: all ease 0.5s;
}

.enquiry_toggle_btn:hover, .enquiry_toggle_btn:focus {
    color: yellow;
}

.enquiry_close_btn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
    padding: 10px;
    color: #000;
    cursor: pointer;
    text-decoration: none !important;
}

.m-open {
    margin: 0 !important;
}

/*------- Quick Enquiry - End-----*/

@media (max-width: 786px) {
    #header {
        padding: 15px;
        z-index: 1;
    }

    #header-shape {
        width: 35%;
    }

    #header-shape .header-shape-inner {
    }

    #header-breadcrumb {
        display: none;
    }

    #header-top .header-logo {
        /*width: 200px;*/
        margin-bottom: 15px;
    }
    
    #header-top .header-title1
    {
       font-size: 20px;
    }

    #header-top .header-title {
        display: block;
        font-size: 11px;
    }

    #header-top .header-sub-title {
        font-size: 12px;
    }

    #header-navbar {
        background: #b40303;
        width: 100%;
        padding: 0;
        z-index: 3;
    }

    #header-navbar .navbar-header {
        background-image: url(../../asset/image/icons/bg-navbar.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #header-navbar a {
        font-size: 15px;
    }

    #header-navbar .navbar-nav {
        padding: 10px;
        margin-top: 0;
        margin-bottom: 0;
    }

    #header-navbar .navbar-toggle {
        background: #ffffff;
    }

    #header-navbar .dropdown-menu {
        border-bottom: none;
    }

    .navbar-toggle .icon-bar {
        background: #b40303;
    }

    #latest-news .news-heading {
        position: initial;
        text-align: center;
    }

    #latest-news .news-heading .news-heading-shape {
        display: none;
    }

    #quick_enquiry {
        width: 85vw;
        margin-right: -86vw;
    }

    .enquiry_toggle_btn {
        font-size: 30px;
        line-height: 30px;
        padding: 18px;
        border-radius: 100%;
        bottom: 3%;
    }

    .enquiry_toggle_btn_text {
        display: none;
    }
}

@media (max-width: 786px) {
    #main-content {
        margin: 0;
        padding: 15px;
        padding-top: 70px;
    }
}

@media (max-width: 786px) {
    #footer {
        padding: 15px;
    }

    #footer .footer-title {
        margin-top: 35px;
    }

    #footer .footer-title:nth-child(1) {
        /*margin-top: 0;*/
    }
}

.lstrgt-outstructure
{
   
}
.columns 
{
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
}
.cmn-img
{
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
@media(max-width: 768px)
{
    .cmn-img
    {
        /*height: 90px;
        width: 50%;*/
    }
    .lstrgt-outstructure 
    {
     /*margin-left: 240px;*/
    }
}
@media(max-width: 526px)
{
    .lstrgt-outstructure 
    {
     /*margin-left: 150px;*/
    }
    .cmn-img 
    {
     /*width: 71%;*/
    }
}
@media(max-width: 400px)
{
    .cmn-img
    {
       /* width: 95%;*/
    }
}
@media(max-width: 437px)
{
    .lstrgt-outstructure 
    {
     /*margin-left: 110px;*/
    }
}
@media(max-width: 396px)
{
    .lstrgt-outstructure 
    {
    /* margin-left: 100px;*/
    }
    .c-icnd 
    {
     font-size: 14px !important;
    }
    .l-text
    {
     font-size: 14px !important;
    }
    .pgnhn
    {
     font-size: 14px !important;
    }
}
@media(max-width: 369px)
{
    .pgnhn
    {
        font-size: 12px !important;
    }
    .lstrgt-outstructure
    {
       /* margin-left: 90px;*/
    }
}
.uparea
{
    list-style: none;
    padding: 0px;
}
.inner-uparea
{
    display: inline-block;
}
.l-text
{
    color: #FFF;
    font-size: 17px;
    font-family: emoji;
    padding-right: 8px;
}
.l-text:hover
{
    color: #FFFF;
    text-decoration: none;
}
.c-icnd
{
    font-size: 17px !important;
    color: #FFF;
}
.pgnhn
{
    font-size: 15px;
    color: #FFF;
    font-family: emoji;
}
.lm-btn 
{
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  position: relative;
  transition: all .35s;
  letter-spacing: 2px;
  font-family: emoji;
  border: none;
  outline: none;
  padding: 7px 5px;
  border-radius: 2px;
  background: #1f85c0;
  margin-top: 7px;
  margin-bottom: 10px;
}
.lm-btn .lm-btn1
{
  position: relative;
  z-index: 2;
}
.lm-btn:after
{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  transition: all .35s;
}
.lm-btn:hover
{
  color: #333;
}
.lm-btn:hover:after
{
  width: 100%;
}
@media(max-width: 786px)
{
   .tp-lx
   {
     padding-left: 50px;
   } 
   .lm-btn 
   {
    width: 142px;
   }
}
@media(max-width: 500px)
{
   .tp-lx
   {
     padding-left: 3px;
   } 
}
@media(max-width: 400px)
{
   .tp-lx
   {
     padding-left: 0px;
   } 
}
 .uip-text
{
    font-size: 13px;
    /*font-family: emoji;*/
    /* text-transform: uppercase; */
}
@media(max-width: 768px)
{
.uip-text
{
    font-size: 11px;
}    
}

#quick-option-list {
    display: table;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    background: #0B70BA;
}

#quick-option-list .quick-option-links {
    display: inline-table;
    align-items: center;
    width: 50%;
    padding: 10px;
    border: 1px solid #ffffff;
    text-decoration: none;
}

#quick-option-list .quick-option-image {
    display: inline-block;
    margin-right: 10px;
    width: 35px;
}

#quick-option-list .quick-option-title {
    font-size: 12px;
    color: #ffffff;
}
.lxgt-outstructure
{
  margin-bottom: 20px;  
  cursor: pointer;  
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.lxgt-outstructure:hover
{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
/*.sme-hgt
{
    height: 50vh;
}*/
.main_leftpanne {
    width: 100%;
    height: auto;
    float: left;
    background: #f3f8fb;
    margin: 0px 0px 15px 0px;
}
.left_header {
    width: 100%;
    height: 27px;
    background: #0081B8 repeat-x;
    color: #ffffff;
    margin-top: -20px;
}
.main_leftpanne ul {
    margin: 0px;
    padding: 0 0 20px 4px;
    list-style: none;
}
.main_leftpanne ul li i{
    padding: 7px 7px 7px 0px;
}
.main_leftpanne ul li a {
    font-size: 15px;
    font-family: "times new roman", georgia, serif;
    color: #0082b4;
    display: block;
    padding: 0 0 0 12px;
    text-decoration: none;
}
.left_header h3 
{
    color: #ffffff;
    font-size: 15px;
    font-family: "times new roman", georgia, serif;
    padding: 3px 0 0 36px;
}
.wxol-outstructure
{
    margin: 30px 0px 30px 0px;
}
.sliderimgdesign
{
    height: 150px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.mgoxw
{
    padding: 0px 7px 0px 7px;
}
.drx-area
{
    margin: 20px 0px 0px 0px;
}
@media(max-width:1291px)
{
	#quick-option-list .quick-option-image
	{
		margin-right: 7px;
        width: 30px;
	}
	#quick-option-list .quick-option-title
	{
		font-size: 11px;
	}
}
.sixout-structure
{
    
}
.allsix-outstructure
{
    border: 1px solid white;
    padding: 10px 0px 10px 5px;
}
.lnkdsb
{
    text-decoration: none !important;
}
.fotermspb
{
    text-align: center;
}
.msplogo1
{
    width: 33%;
    display: inline-block;
    margin: 0px 13px 0px 0px;
}
.msplogo2
{
   width: 30%;
   display: inline-block;
}