a:focus,

a:hover,

h1,

h2,

h3,

h4,

h5,

h6 {

    color: #333

}







.btn,

.btn:focus,

.btn:hover,

.btn:visited,

a,

a:hover,

a:visited,

input,

select,

textarea {

    box-shadow: none

}



a {

    color: #0472e9

}



body,

html {

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    min-height: 100%;

    -webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased

}



body,

ol li,

p,

ul li {

    

    word-spacing: normal;

    color: #333

}



*,

a,

a:focus,

a:hover {

    text-decoration: none

}



table,

td,

th {

    border: 1px solid #ccc

}



.list-bullets li:before,

.prodtcut-tile:after,

.prodtcut-tile:before {

    content: ""

}



.bodmain,

.clear,

.clr,

.icon-addon:after,

li.clr {

    clear: both

}



::selection {

    background: #1259ab;

    color: #fff;

    text-shadow: none

}



::-moz-selection {

    background: #1259ab;

    color: #fff;

    text-shadow: none

}



::-webkit-selection {

    background: #1259ab;

    color: #fff;

    text-shadow: none

}



:active,

:focus {

    outline: 0 !important

}



html {

    font-size: 100%;

    direction: ltr;

    overflow-x: hidden;

    box-shadow: none !important

}



body {

    background-attachment: fixed;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    text-rendering: optimizeLegibility;

    padding: 0 !important;

    margin: 0 !important

}



*,

address,

aside,

body,

header,

section,

ul.blocklist {

    margin: 0;

    padding: 0

}



.form-control,

.form-control:hover {

    outline: 0 !important;

    box-shadow: none !important

}







p {

    text-align: justify;

    line-height: 24px !important;

    margin-bottom: 10px

}



a img {

    border: 0

}



iframe {

    border: 0 !important

}



ul.blocklist {

    display: block;

    list-style-type: none

}



.h1,

h1 {

    font-size: 36px

}



.h2,

h2 {

    font-size: 32px

}



.h3,

h3 {

    font-size: 28px

}



.h4,

h4 {

    font-size: 24px

}



.h5,

h5 {

    font-size: 18px

}



.h6,

h6 {

    font-size: 13px

}



ul {

    padding: 0

}



.floatL {

    float: left;

    margin: 3px 18px 5px 0

}



.floatR {

    float: right;

    margin: 0 0 20px 20px

}



table {

    border-collapse: collapse;

    margin-top: 8px

}



td,

th {

    padding: 5px 10px

}



ol {

    margin: 5px 0 0 15px

}



@media(max-width:479px) {

    body {

        font-size: 15px;

    }

}



* {

    box-shadow: none;

    border: 0;

    outline: 0

}



li.clr {

    float: none !important;

    width: auto !important;

    height: auto !important;

    border: 0 !important;

    background: 0 0 !important;

    padding: 0 !important;

    margin: 0 !important

}









img {

    max-width: 100%

}

.mid-sec .row.parent{

	flex-direction: row-reverse;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}

.mid-sec{padding-top:30px;padding-bottom:30px;}

.dropdown-menu {top:40px;}

.navbar-nav>li>.dropdown-menu li {

    background: #0a2143;

    border-bottom: 1px solid #11366c;

}

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

    

    .navbar-default .nav {

        white-space: nowrap !important;

        margin-top: 30px

    }

    .navbar-default .nav>li a {

        position: initial !important;

        display: block !important;

        text-align: right !important

    }

    .mainmenu .mainmenuwrapper {

        margin: 30px 0 0;

        padding: 0

    }

}



.navbar-nav>li>.dropdown-menu li a:hover {

    background: #ffc107

}

.slinky-menu {

    overflow: hidden;

    transform: translateZ(0)

}



.slinky-menu>ul {

    left: 0;

    position: relative;

    transform: translateZ(0)

}



.slinky-menu li,

.slinky-menu ul {

    list-style: none;

    margin: 0

}



.slinky-menu ul {

    width: 100%;

    padding-left: 0

}



.slinky-menu a {

    align-items: center;

    display: flex

}



.slinky-menu a span {

    flex: 1;

    line-height: 1.4;

    color: #f3f3f3

}



.slinky-menu a.next span {

    font-weight: 600;

    color: #fff

}



.slinky-menu li ul {

    display: none;

    left: 100%;

    position: absolute;

    top: 0

}



.slinky-menu .header {

    display: flex

}



.slinky-menu .header .title {

    flex: 1;

    line-height: 1.4;

    margin: 0;

    order: 1

}



.slinky-theme-default {

    background: #0a2143;

    height: calc(100vh - 68px) !important;

    overflow-y: scroll;

    -webkit-overflow-scrolling: touch

}



.slinky-theme-default .title {

    color: #000;

    padding: 1em

}



.slinky-theme-default li {

    line-height: 1

}



.slinky-theme-default a:not(.back) {

    color: #333;

    padding: 1em

}



.slinky-theme-default a:not(.back):hover {

    background: rgba(90, 200, 250, .25)

}



.slinky-theme-default a:not(.back):active {

    background: rgba(90, 200, 250, .5)

}



.slinky-theme-default .back::before,

.slinky-theme-default .next::after {

    background-image: url(data:image/svg+xml;base64,CjxzdmcgZmlsbD0nI0ZGRkZGRicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCc+PHBhdGggZD0nTTguNTkgMTYuNTlMMTMuMTcgMTIgOC41OSA3LjQxIDEwIDZsNiA2LTYgNi0xLjQxLTEuNDF6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8+PC9zdmc+);

    background-repeat: no-repeat;

    background-position: center;

    background-size: 1em;

    content: '';

    height: 1em;

    opacity: 1;

    transition: .2s;

    width: 1em

}



.slinky-theme-default .next::after {

    margin-left: 1em

}



.slinky-theme-default .back::before {

    padding: 1em;

    transform: scaleX(-1)

}



.slinky-theme-default .back:hover::before,

.slinky-theme-default .next:hover::after {

    opacity: .75

}



.slinky-theme-default .back:active::before,

.slinky-theme-default .next:active::after {

    opacity: 1

}











@media only screen and (min-width:1200px) {

    .container {

        min-width: 1280px

    }

    

}





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

    .navbar-collapse {

        margin: 0 -26px 0 -16px

    }

    

    a.nav-link {

        padding: 15px 0 !important

    }

    

    

}



.marginauto,

.row.row-menu {

    margin: 0 auto

}





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

    .visible-xs {

        display: none !important

    }

}



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

    .visible-lg,

    .visible-md {

        display: none !important

    }

}



.row.row-menu {

    width: calc(100%);

    justify-content: space-between

}



header nav.navbar.mainmenu {

    border-bottom: 0;

    box-shadow: 2px 3px 4px #ccc;

    width: calc(100%);

    top: 0;

    background: #fefefe;

    background: linear-gradient(180deg, rgb(255 255 255) 0%, rgb(236 236 236) 100%);

    position: relative;

    z-index: 99999999999999999999999999

}





.mainmenu .mainmenuwrapper {

    width: calc(100%);

    display: flex;

    justify-content: space-between

}



.mainmenu a.navbar-brand {

    max-width:400px

}



.mainmenu a.navbar-brand img {

    width: auto;

    }



.mainmenu .navbar-nav li a.nav-link,

.mainmenu .navbar-nav li.active a.nav-link {

    color: #333;

    padding-right: 10px !important;

    padding-left: 10px !important;

    font-weight: 500;

    font-size: 15px;

    border-radius: 5px !important

}



ul.submenu {

    padding: 0 !important;

    background: #0a2143;

    min-width: 220px

}



ul.submenu li {

    display: block;

    position: relative;

    text-align: left

}



ul.submenu li ul.submenu {

    position: absolute;

    top: 0;

    left: 100%;

    display: none;

    padding: 0

}



ul.submenu li:hover ul.submenu {

    display: block !important

}



ul.submenu li ul.submenu li:hover a,

ul.submenu li:hover a {

    background: #39486e !important;

    color: #fff !important

}



a.dropdownmenulink:hover {

    color: #fff

}



a.dropdownmenulink.dropdown-item {

    display: flex;

    align-items: center;

    justify-content: space-between

}



a.dropdownmenulink.dropdown-item i {

    font-size: 16px

}



ul.submenu li a {

    display: block;

    color: #d6d6d6 !important;

    font-size: 12px;

    line-height: 1.5;

    padding: 10px 20px !important;

    position: relative

}



.mainmenu .dropdown.show {

    padding: 0;

    border-radius: 0

}



ul.submenu li ul.submenu li a {

    background: #39486e !important;

    color: #d6d6d6

}



img.navwhatsapp {

    width: 20px;

    height: auto;

    margin-right: 10px

}



.btn-enq {

    color: #fff!important;

    background-color:#105abe;

}





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

    .mainmenu .mainmenuwrapper {

        display: block;

        text-align: center

    }

    .mainmenu .navbar-nav .dropdown-menu {

        text-align: center;

        border: 0

    }

    .no-padding-l {

        padding: 0 15px

    }

    .sidebar {

        padding: 0

    }

}



.font-normal {

    font-weight: 400 !important

}



.font-bold {

    font-weight: 600 !important

}



::-webkit-scrollbar {

    width: 10px

}



::-webkit-scrollbar-track {

    background: #f1f1f1

}



::-webkit-scrollbar-thumb {

    background: #888

}



::-webkit-scrollbar-thumb:hover {

    background: #555

}



#message {

    min-height: 88px

}











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

    

    .mainmenu a.navbar-brand img {

        width: auto;

    }

    .mobile-row {

        display: flex !important;

        align-items: center

    }

    .mainmenu a.navbar-brand {

        max-width: 250px;

    }

    

}



.banner img {

    width: calc(100%);

    height: auto;

}



.prodtcut-tile {

    padding-bottom: 10px;

    border-bottom: 1px solid #39486e;

    position: relative;

    color: #0a2143;

    font-size: 18px;

    font-weight: 600;

    margin-bottom: 20px;

}

.prodtcut-tile:before {

    width: 0;

    height: 0;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-top: 10px solid #0a2143;

    position: absolute;

    bottom: -10px;

    left: 25px;

}

.prodtcut-tile:after {

    background: #0a2143;

    width: 80px;

    position: absolute;

    height: 4px;

    bottom: -2px;

    left: 0;

}

.sidenav li{

list-style:none;

}

.sidenav > li > a{

font-size:19px;

}

.sidenav li {

    position: relative;

    display: block;

    margin-left: 15px;

}

.sidenav li:before {

    content: "";

    font-weight: 400;

    font-style: normal;

    display: inline-block;

    position: absolute;

    color: #112c39;

    left: -16px;

    top:2px;

    background-image: url(../images/arrow.svg);

    height: 16px;

    width: 16px;

}

.sidenav li a{

    color: #000!important;

    font-weight: 600;

    border-bottom: 1px dotted #aac4d4;

    display: block;

    position: relative;

    top: -8px;

    padding: 6px 0;

    font-size: 13px;

    line-height: 2;

}

.sidenav li ul li a, .sidenav li ul li a:hover, .sidenav li ul li a:visited {

    font-weight: 400;

    color: #353535!important;

    font-size: 13px;

}



.sidenav li a:hover{

	color:#3949ab;

	-webkit-transition: all ease-in 300ms;

    transition: all ease-in 300ms;



}

.sidenav ul li:last-child a {

    border-bottom: none;

} 

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

.sidenav li:before {

    top: 11px;

}

.sidenav li a, .sidenav li a:hover, .sidenav li a:visited {

    padding: 13px 0;

}

}



@media (min-width: 992px){

.stc-pos{

    position: -webkit-sticky;

    position: sticky;

    top:0rem;

    right: 0;

    z-index: 2;

    height: calc(100vh - 7rem);

    overflow-y: auto;

}}

@media (min-width: 768px)

{

.bd-content > [id]{

    scroll-margin-top: 4rem;

}}



.frst-head h1 {

    font-size: 20px;

    padding-bottom: 14px!important;

    font-weight: 700;

    color: #000;

    display: inline-block!important;

    margin: 0;

}

.brd-main{

    border-bottom: 1px dotted #aac4d4;

    display: block;

    margin-bottom: 10px;

}

.pro-des {

    background-color: #fff;

    padding: 15px 20px;

    border: 1px solid #ddd;

    margin: 10px 0;

    font-size: 16px;

}

.imgl {

    margin: 0 10px 10px 0;

}

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

.imgl {

    width: calc(100%)!important;

    max-width: calc(100%)!important;

    object-fit: scale-down;

}}

.prod-row {

    border: 1px solid #ddd;

    transition: all .3s ease-in;

    margin: 20px 0;

}

.prod-row:nth-child(even) {

    background: rgba(255, 255, 255, .65)

}



.prod-row .prod-img {

    width: calc(25%);

    display: inline-block;

    vertical-align: top;

    overflow: hidden

}



.prod-row .prod-img figure img {

    width: 100%;

    transition: all .3s ease-in;

    background: #fff;

    object-fit: cover;

    height: 158px

}



.prod-row .prod-rght {

    width: calc(75% - 10px);

    display: inline-block;

    vertical-align: top

}



.prod-row .prod-rght .prod-desc {

    width: calc(72%);

    display: inline-block;

    padding: 10px

}



.prod-row .prod-rght .enq {

    width: calc(28% - 5px);

    display: inline-block;

    text-align: center;

    vertical-align: inherit

}



.prod-row .prod-rght .enq a {

    margin-top: 60px;

    color: #fff;

    background:#105abe;

    font-size: 15px;

    padding: 10px 8px

}



.prod-row .prod-rght .prod-desc .prod-name a {

    font-size: 16px;

    font-weight: 700;

    line-height: 24px;

    color: #000

}



a.read-more {

    color: #007bff;

    display: block

}



.prod-row:hover {

    -webkit-box-shadow: 0 0 31px 0 rgba(38, 50, 56, .25);

    -moz-box-shadow: 0 0 31px 0 rgba(38, 50, 56, .25);

    box-shadow: 0 0 31px 0 rgba(38, 50, 56, .25)

}



.prod-row:hover .prod-img figure img {

    transform: scale(1.1)

}



@media only screen and (min-width:1200px) {

    .prod-row {

        max-height: 160px;

        overflow: hidden

    }

    .prod-row .prod-rght .prod-desc {

        border-right: 1px solid #ddd;

        min-height: 160px

    }

}



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

    

    .prod-row .prod-img,

    .prod-row .prod-rght,

    .prod-row .prod-rght .enq,

    .prod-row .prod-rght .prod-desc {

        width: calc(100%);

        display: block

    }

    .prod-row .prod-rght .enq a {

        margin: 20px auto !important

    }

    .top-row {

        background: #f9f9f9

    }

}

footer{background:#0b0a43;padding:20px 0;}

footer .copyright p {

    font-size: 13px;

    font-family: Arial, Helvetica, sans-serif !important;

    color: #fff;

}

footer .copyright ul li i {

    width: 27px;

    height: 27px;

    display: -webkit-box;

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    -webkit-box-pack: center;

    justify-content: center;

    border-radius: 50%;

    font-size: 16px;

    color: #1c2331;

    background: #a6adb3;

    opacity: .7;

    -webkit-transition: opacity .3s ease;

    transition: opacity .3s ease;

}

.table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 1rem;

    background-color: transparent;

}

.table-striped tr:first-child {

    background: #0a2143!important;

    color: #fff;

}

.table-striped td, th {

    padding: 5px 5px;

    text-align: center;

	vertical-align: middle;

}

.inn-pro-img img {

    border: 5px solid #7d7d7d;

    margin: 0 auto;

    width: calc(100%);

    height: 422px;

    object-fit: cover;

}

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

.inn-pro-img img {

    height: auto;

}}

.inn-enq .form-control {

    padding: 8px 12px;

    height:41px !important;

    font-size: 12.5px;

    border-radius: 2px !important;

}





.inn-enq {

    background: #0a2143;

    padding: 5px 15px 10px;

    border: 1px solid #ddd;

	border-radius: 24px;

}



.inn-enq textarea {

    min-height: 88px;

    border-color: #39486e;

}



.inn-enq .col-md-12 {

    width: calc(100%);

    padding: 0

}



.inn-enq .form-group {

    margin-bottom: 8px

}

.headtxt {

    color: #fff;

    text-align: center;

    padding: 10px 5px;

    font-size: 14px;

    line-height: 24px;

    font-weight: 700;

    letter-spacing: .5px;

    margin-bottom: 10px;

}

#sendcontact {

    margin: 15px auto;

    display: block;

}

.btn-orange {

    color: #fff!important;

    background-color:#105abe;

}

.pad-l-0{padding-left: 0;}

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

.pad-l-0{

    padding: 0 15px;

}}

footer .copyright ul {

    display: -webkit-box;

    display: flex;

}

footer .copyright ul li {

    list-style-type: none;

}



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

section.mob-btm {

    position: fixed;

    bottom: 0;

    background: #000;

    width: calc(100%);

    display: block;

    z-index: 9;

}

section.mob-btm ul {

    padding: 0;

    display: flex;

    align-items: center;

    margin: 0;

}

section.mob-btm ul li {

    width: calc(100%);

    display: flex;

    align-items: center;

    justify-content: center;

}

section.mob-btm ul li a {

    display: flex;

    padding: 10px;

    color: #ffff;

    align-items: center;

    justify-content: center;

    font-size: 13px;

    width: calc(100%);

}

section.mob-btm ul li a i {

    font-size: 18px;

    margin-right: 5px;

}

}



/*=============fixed footer query form===================*/



.progressing {

    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIzMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);

    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);

    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);

    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);

    background-size: 50px 50px;

    background-repeat: repeat;

    -webkit-animation: loading-stripes 2s linear infinite;

    -moz-animation: loading-stripes 2s linear infinite;

    -o-animation: loading-stripes 2s linear infinite;

    animation: loading-stripes 2s linear infinite

}



@-webkit-keyframes loading-stripes {

    from {

        background-position: 0 0

    }

    to {

        background-position: 50px 0

    }

}



@-moz-keyframes loading-stripes {

    from {

        background-position: 0 0

    }

    to {

        background-position: 50px 0

    }

}



@-o-keyframes loading-stripes {

    from {

        background-position: 0 0

    }

    to {

        background-position: 50px 0

    }

}



@keyframes loading-stripes {

    from {

        background-position: 0 0

    }

    to {

        background-position: 50px 0

    }

}



.scrollupform {

    width: 643px;

    margin: 0 auto;

    background: #07172f;

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    overflow: hidden;

    font-size: 16px;

    border-top-right-radius: 10px;

    box-shadow: 0 0 15px rgba(0, 0, 0, .7);

    border-top-left-radius: 10px

}



.formheader h2.heading {

    line-height: 1

}



.formheader {

    display: flex;

    justify-content: space-between;

    margin-bottom: 26px;

    align-items: center;

    background:#349fda;

    padding: 10px 15px;

    position: relative

}



.formheader svg {

    fill: #fff;

    cursor: pointer

}



.formheader:after {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 15px 15px 0;

    border-color: #349fda transparent transparent transparent;

    content: "";

    position: absolute;

    bottom: -15px;

    left: 10%

}



.scrollupform .form-body {

    padding: 0 20px 15px

}



.formheader h2.heading {

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: .5px

}



.formheader svg {

    fill: #fff

}



.btn.btn-new {

    width: 100%;

    color: #fff;

    background-color: #d50000;

    border-color: #d50000;

    text-transform: uppercase;

    font-weight: 600;

    border-radius: 3px;

    max-width: 200px;

    margin: 0 auto

}



.form-body .form-control {

    color: #fff;

    border-radius: 40px !important;

    height: 40px !important;

    background: #39486e;

    border: #39486e

}



.form-body .form-control::-webkit-input-placeholder {

    color: #dedede;

    line-height: 1

}



.form-body .form-control::-moz-placeholder {

    color: #e6e6e6

}



.form-body .form-control:-ms-input-placeholder {

    color: #e6e6e6

}



.form-body .form-control:-moz-placeholder {

    color: #e6e6e6

}



.form-body textarea.form-control {

    height: 80px !important;

    border-radius: 10px !important

}





.pro-des h2{

	font-size:18px;

    color:#0c2a40;

    text-transform: uppercase;

    font-weight:800;

    position: relative;

    padding-bottom: 7px;

    padding-top: 7px;

    margin-bottom: 10px;

    }



.pro-des h2::before {

    content: '';

    position: absolute;

    display: block;

    width: 50px;

    height: 3px;

    background:#0c2a40;

    bottom: 0;

    left: 0;

}

.pro-des h3{

	font-size:18px;

    color:#3b50e6;

    text-transform: uppercase;

    font-weight:800;

    position: relative;

    padding-bottom: 7px;

    padding-top: 7px;

    margin-bottom: 10px;

    }



ul.arrow{

	line-height: 1.8em;

	padding: 0;

	}

ul.arrow li{list-style: none;

		position: relative;

		padding: 0 0 0 20px;

		}

ul.arrow li::before {

    content: "";

    position: absolute;

    left: 0;

    top:10px;

    height: 5px;

    width: 5px;

    border: 1px solid #ff6600;

    border-width: 2px 2px 0 0;

    transform: rotate(45deg);

}



/*============= Enquiry Form=======================*/

/*---------------------------------------------*/

.ddsbt:hover{background-color: rgba(0,0,0,1);

    color: #FFFFFF;transition: all .3s ease;}

.nddform h2{

	color: #ffffff;

    background: #2562b3;

    font-size: 30px;

    font-weight: 400;

    text-align: center;

    line-height: 30px;

    }



.nddform .dealer-frm{

	margin: 0 auto;

    width:65%;

	padding-top:30px;

}

.nddform .text{text-align:center;line-height: 24px;

    letter-spacing: 1.3px;color: #838383;}

.nddform label{

	font-weight:unset;

	color: #838383;

}

.nddform button, input, select, textarea {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    vertical-align: middle;

    font-size: 14px;

    color: #000000;

}

.nddform .form-group {

    border-bottom: 1px solid #333333;

    margin-bottom: 20px;

}

.nddform input, .nddform select, .nddform textarea {

    width: 100%;

    border: 0px !important;

}

.nddform textarea {

	width: 100%;

	min-height: 150px;

}

.nddform input:focus,

.nddform textarea:focus {

	border: 1px solid rgba(0, 0, 0, 0.3);

	outline: 0;

}

.nddform input,

.nddform textarea {

	border: 1px solid #ebebeb;

	}

.nddform button{

	width: 120px;

    height: 45px;

    background:#e7040f;

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

    border: none;

    outline: none;

    color: #fff;

}

@media (max-width: 992px){

.nddform .dealer-frm {

    width: 100%!important;

}

.nddform {

    width: 100%!important;

}
.sidenav li a{
    font-size: 15px;
}
}

/*============= Enquiry Form====================*/

.notice-section {
    background-color: #2387e4;
    padding: 15px 0px 60px;
    min-height: 145px;
    text-align: center;
}
.notice-section h2 {
    font-size: 66px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    animation: blinker 0.5s linear infinite;
    margin-top: 40px;
    line-height:0px;
}
@keyframes blinker {
  50% {
      margin-top: 35px;
  }
}
.warning-heading{
  background-color: #fff;
  padding:30px 0px;
  text-align: center;
      border: 1px solid #d7d7d7;
}
.warning-heading h3 {
    font-size: 66px;
    text-transform: uppercase;
    font-weight: bold;
    color: #2387e4;
    animation: blinker1 0.5s linear infinite;
    text-align: center;
}
@keyframes blinker1 {
  50% {
    color: #e42323;
  }
}
.warning-heading p {
    margin-top: 0px;
    text-transform: uppercase;
    font-family: arial;
    font-weight: 600;
    color: #21e75a;
    padding: 0px 2%;
}
.warning-heading h4 {
    color: #2387e4;
    animation: blinker1 0.5s linear infinite;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}
.text-area p strong{
  color: #e42323;
}
.text-area ul li{
  list-style-type: decimal;
  list-style-position: inside;
}
.box-section {
    width: 100%;
    float: left;
    border: 2px solid #333;
}
.left-section {
    width: 50%;
    float: left;
    border-right: 2px solid #333;
    padding: 15px;
}
.right-section {
    width: 50%;
    float: left;
    padding: 15px;
}
.box-section h2 {
    font-size: 26px;
    text-transform: uppercase;
    color: #e42323;
    margin-bottom: 15px;
}
.box-section h3{
  font-size: 20px;
    text-transform: uppercase;
    color: #e42323;
    margin-top: 20px;
}
.box-section ul{

}
.box-section ul li {
    text-align: left;
    list-style: disc;
    list-style-position: inside;
}
ul{
  padding: 0px;
  margin: 0px;
}
@media (max-width:767px){
  .notice-section{
    min-height: 155px;
  }
  .notice-section h2 {
      font-size: 30px;
  }
  .left-section, .right-section{
    width: 100%;
    margin-bottom: 20px;
    border-right: 0px;
  }
}