@import url('https://fonts.googleapis.com/css?family=Ek+Mukta:600|Roboto');


.mgbt15
{
    margin-bottom: 15px;
}

.par-lbl
{
    font-size: 15px;
}

.par-txt
{
    border: 1px solid #9b9a9f;
    padding: 6px 10px;
    font-size: 15px;
    width: 100%;
    display: block;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.par-btn
{
    background-color: #ff9900;
    display: inline-block;
    color: white;
    font-size: 16px;
    padding: 10px 62px;
    border: none;
}

.ffoonnttss
{
    font-family: 'Roboto', sans-serif;
    font-family: 'Ek Mukta', sans-serif;
}

*
{
    padding: 0px;
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    word-wrap: break-word;
}

p
{
    color: #3a3c3c;
    font-size: 15px;
    word-wrap: break-word;
    font-family: 'Roboto', sans-serif;
    line-height: 25px;
    text-align: justify;
    padding-bottom: 10px;
    margin: 0px;
}

a,a:hover,a:focus,a:active
{
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

h1,h2,h3,h4
{
    font-family: 'Ek Mukta', sans-serif;
}

h1
{    
    font-weight: 600;
    font-size: 36px;
}

h2
{    
    font-weight: 600;
    font-size: 32px;
}

h3
{    
    font-weight: 600;
    font-size: 28px;
}

h4
{
    font-size: 24px;
    font-weight: 600;
}

.top-bg
{
    background-color: #146eb4;
    padding-top: 6px;
}

.top-contact
{
    color: white;
    font-size: 15px;
    padding-bottom: 6px;
}

.top-contact>a,
.top-contact>a:hover
{
    color: white;
}

.top-contact>a>i,
.top-contact>a>i:hover
{
    color: white;
    font-size: 15px;
}

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

.h-welcome
{
    background-color: #ff9900;
}

.flexbox2
{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.vm-space
{
    padding: 40px 30px 78px;
    background-color: white;
    position: relative;
}

.vm-space h2
{
    color: #146eb4;
    position: relative;
    padding-left: 15px;
}

.vm-space h2:before
{
    background-color: #ff9900;
    content: '';
    height: 28px;
    width: 4px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.vm-space p
{
    text-align: left;
}

.vm-space a,.vm-space a:hover,.vm-space a:active,.vm-space a:focus
{
    background-color: #d28e2a;
    display: inline-block;
    padding: 8px 16px;
    color: white;
    font-size: 16px;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.hw-space
{
    padding: 40px 30px 78px;
}

.hw-space h2
{
    color: #ffffff;
    position: relative;
    padding-left: 15px;
}

.hw-space h2:before
{
    background-color: #146eb4;
    content: '';
    height: 28px;
    width: 4px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.hw-space p
{
    color: white;
}

.hw-space a,.hw-space a:hover,.hw-space a:focus,.hw-space a:active
{
    background-color: #146eb4;
    display: inline-block;
    padding: 8px 16px;
    color: white;
    font-size: 16px;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.h-productbg
{
    background-color: #f0efef;
    padding-top: 30px;
    padding-bottom: 50px;
}

.h-ptitle
{
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.h-ptitle:before
{
    content: '';
    display: inline-block;
    position: absolute;
    width: 30%;
    left: 35%;
    bottom: -1px;
    height: 3px;
    background-color: #337ab7;
}

.h-pdiv
{
    background-color: white;
    display: block;
    margin-bottom: 30px;
}

.flexbox3
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.h-pname
{
    background-color: #ff9900;    
    padding: 8px;
    text-align: center;
}

.h-pname>a,.h-pname>a:hover,.h-pname>a:focus,.h-pname>a:active
{
    color: white;
    font-size: 16px;
    line-height: 20px;
}

.h-more,.h-more:hover,.h-more:focus,.h-more:active
{
    background-color: #d28e2a;
    display: inline-block;
    padding: 8px 16px;
    color: white;
    font-size: 16px;
}

.parr-bg
{
    background-image: url('../../assets/images/testi-bg.png');
    background-position: center center;
    background-size: cover;
}

.parr-row
{
    background-color: rgba(0,0,0,0.8);
    padding-bottom: 40px;
    padding-top: 40px;
}

.testi-div
{    
    padding: 30px;
}

.testi-div h2
{
    color: #ffffff;
    text-align: center;
    margin-top: 0px;
}

.client-say
{
    background-color: rgba(0,0,0,0.4);
    padding: 15px 30px;
    margin: 0 25px;
    text-align: center;
    font-style: italic;
    margin-top: 10px;
    min-height: 265px;
    display: flex;
    align-items: center;
    position: relative;
}

.quote
{
    position: absolute;
    left: -25px;
    top: 25px;
    z-index: 99;
}

.client-msg
{
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    line-height: 32px;
}

.client-image
{
    text-align: center;
}

.client-name
{
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
    padding-top: 20px;
    text-align: center;
    font-style: normal;
    display: block;
    white-space: nowrap;
    padding-right: 15px;
    font-family: 'Ek Mukta', sans-serif;
}

.client-name>span
{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    padding-top: 4px;
    font-weight: normal;
}

@media (max-width: 555px)
{
    .client-msg
    {
        font-size: 15px;
        line-height: 25px;
    }
    .client-say
    {
        padding: 15px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
    }
    .client-detail
    {
        padding-bottom: 15px;
    }
    .client-name
    {
        padding-top: 6px;
    }
}

@media (max-width: 1199px)
{
    .client-say
    {
        min-height: 215px;
    }
}

.h-clientbg
{
    padding-top: 30px;
}

.h-clienttitle
{
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.h-clienttitle:before
{
    content: '';
    display: inline-block;
    position: absolute;
    width: 30%;
    left: 35%;
    bottom: -1px;
    height: 3px;
    background-color: #337ab7;
}

.marquee 
{
    width: 100%;
    overflow: hidden;
}

.marquee div
{
    margin-right: 26px;
    margin-bottom: 10px;
    padding-top: 0px;
    display: inline-block;
    position: relative;
}

.marquee div>img
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-width: 100px;
}

.footer-bg
{
    background-color: #146eb4;
    padding-top: 40px;
}

.footer-div
{
    padding-bottom: 30px;
}

.footer-title
{
    color: white;
    margin: 0 0 18px 0;
    font-size: 22px;
    position: relative;
    padding-bottom: 6px;
}

.footer-title:before
{
    position: absolute;
    content: '';
    display: inline-block;
    width: 60px;
    height: 3px;
    left: 0px;
    bottom: -2px;
    background-color: white;
}

.footer-text
{
    padding-bottom: 0px;
    color: white;
    text-align: left;
}

.flexbox4 
{
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    margin-bottom: 8px;
}

.flexbox4 a img 
{
    width: 34px;
    margin-right: 10px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.flexbox4 a 
{
    color: #ffffff;
    font-size: 16px;
}

.flexbox4:hover img 
{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}

.sub-space
{
    margin-bottom: 15px;
}

.subtxt
{
    border: 1px solid white;
    outline: none;
    padding: 8px 12px;
    color: white;
    font-size: 15px;
    width: 100%;
    background-color: transparent;
}

.subtxt::-webkit-input-placeholder
{
    color: white;
}

.subtxt::-moz-placeholder 
{ 
    color: white;
}

.subtxt:-ms-input-placeholder 
{
    color: white;
}

.subtxt:-moz-placeholder 
{
    color: white;
}

.subbtn
{
    outline: none;
    font-size: 16px;
    width: 100%;
    height: 42px;
    border: 1.5px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #104d7c;
}

.pcube-div
{
    background-color: #104d7c;
    padding-top: 12px;
    padding-bottom: 10px;
}

.pcube
{
    color: white;
    padding: 0px;
    text-align: center;
    font-size: 14px;
}

.pcube>a,
.pcube>a:hover,
.pcube>a:focus,
.pcube>a:active
{
    text-decoration: none;
    color: white;
    font-size: 14px;
    line-height: 25px;
}






.page-titlebg
{
    background: url('../../assets/images/titlebg.jpg') no-repeat center center;
    padding-bottom: 30px;
    padding-top: 30px;
}

.page-title
{
    color: white;
    margin: 0;
    text-align: center;
}

.flexbox5
{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.product-bg
{
    background-color: #f8f7f7;
    padding-top: 40px;
    padding-bottom: 30px;
}

.image-border
{
    border: 6px solid #abadb0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}

.image-border:hover
{
    border: 6px solid #075895;
}

.scroll-div-main
{
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    height: 142px;
    padding: 0px;
    margin-bottom: 26px;
}

.scroll-image
{
    margin: 8px 12px 8px 0;
    max-width: 115px;
    display: inline-block;
    cursor: pointer;
}

.scroll-div-main::-webkit-scrollbar 
{
    width: 12px;
    height: 8px;
}

.scroll-div-main::-webkit-scrollbar-track 
{
    background-color: #b7b7b7;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.scroll-div-main::-webkit-scrollbar-thumb 
{
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #075895;
}

.font17
{
    font-size: 17px;
}

@media (max-width:767px)
{
    .small-mg-bt-10
    {
        margin-bottom: 10px;
    }
}

.myButton 
{
    -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
    box-shadow:inset 0px 1px 0px 0px #54a3f7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filterrogidXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
    background-color:#007dc1;
    border:4px solid #124d77;
    display:inline-block;
    cursorointer;
    color:#ffffff;
    font-size:15px;
    padding:4px 26px;
    text-decoration:none;
}

.myButton:hover,.myButton:focus,.myButton:active 
{
    color: white;
    text-decoration: none;
}

.change-float
{
    float: right;
}

@media (max-width: 767px)
{
    .change-float
    {
        float: left;
    }
}

@media (max-width: 767px)
{
    .inline-block
    {
        display: inline-block;
    }
}

hr
{
    border-color: #b7b7b7;
}

.advice-icon
{
    font-size: 30px;
    padding-right: 10px;
    color: #075895;
}

.advice-title
{
    color: #303b45;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    font-weight: bold;

}

.advice-no
{
    color: #075895;
    font-size: 18px;
    margin: 0;
}

.page-detail-bg
{
    padding-bottom: 20px;
    padding-top: 30px;
}

.page-desc-title
{
    margin: 30px 0 15px 0px;
    position: relative;
    padding-bottom: 15px;
}

.page-desc-title:before
{
    content: '';
    display: inline-block;
    width: 40px;
    height: 3px;
    background-color: #075895;
    position: absolute;
    bottom: 1px;
    left: 0px;
}