* {
    margin: 0px;
    padding: 0px;
    font-family: dosisRegular;
    font-size: 16px;
}

@font-face {
    font-family: dosisRegular;
    src: url(../font/Dosis-Regular.ttf);
}
@font-face {
    font-family: dosisMedium;
    src: url(../font/Dosis-Medium.ttf);
}
@font-face {
    font-family: dancingScript;
    src: url(../font/DancingScript-Regular.ttf);
}
img {
    max-width: 100%;
}

a {
    text-decoration: none !important;
}
.carousel-item .carousel-caption h1{
    font-family: dancingScript;
    font-size:70px;
}
.carousel-item .carousel-caption p{
    color:#fff;
}
.carousel-caption {
    top: 250px;
}
.rightInquiryButton{
    position: fixed;
    top: 300px;
    right: -40px;
    letter-spacing: 5px;
    background: #364881;
    padding: 5px 15px;
    border-radius: 10px 10px 0px 0px;
    z-index:2;

    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin:right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin:right, top;
}
.rightInquiryButton:hover{
    background:#19254e;
}

.rightInquiryButton a{
    color:#fff;
}
.mainFeatures,.homeCategoryIcons, .products, .ourClients, .footer,
#aboutPage .profile, #productPage, #productDetailPage, #cataloguePage,
#dealerPage, #contactPage, #productDetailPage .specification, #productDetailPage .specification .tab-content
{
    padding:50px 0px;
}
#productPage .products{
    padding:0px;
}
.homeCategoryIcons, .products, .ourClients, .quickContact{
    text-align:center;
}
.title{
    margin: 0px 0px 50px 0px;
    color:#333;
}
.mainFeatures{
    background:#f1f1f1;
}
.mainFeatures .f1, .mainFeatures .f2, .mainFeatures .f3{
    padding:25px;
}
.mainFeatures .ff{
    padding:25px;
}
.mainFeatures .f1{
    background:url("../image/f1.jpg");
    background-size:cover;
}
.mainFeatures .f2{
    background:url("../image/f2.jpg");
    background-size:cover;
}
.mainFeatures .f3{
    background:url("../image/f3.jpg");
    background-size:cover;
}
.mainFeatures .f1 h1,.mainFeatures .f2 h1,.mainFeatures .f3 h1{
    color:#fff;
    margin-bottom:20px;
}
.mainFeatures .f1 a,.mainFeatures .f2 a,.mainFeatures .f3 a{
    background: #364881;
    padding: 8px 25px;
    color:#fff;
    font-size:20px;
}
.mainFeatures .f1 a:hover,.mainFeatures .f2 a:hover,.mainFeatures .f3 a:hover{
    background: #19254e;
}
.homeCategoryIcons .icon img{
    width:100px;
}
.homeCategoryIcons .icon h3{
    color: #333;
    margin-top: 30px;
}
.homeCategoryIcons .icon:hover h3{
    background: #19254e;
    color:#fff;
}
.fullPart{
    position:relative;
    background:url("../image/fullPart.jpg")fixed no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0px;
    z-index:1;
}
.fullPart:after{
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background:rgba(54,72,129,0.7);
    z-index:-1;
}
.fullPart p{
    margin-bottom:40px;
}
.fullPart h1, .fullPart p{
    color:#fff;
    font-size:55px;
}
.fullPart h1{
    font-family: dancingScript;
}
.fullPart a{
    background: #fff;
    padding: 20px 50px;
    font-size: 25px;
    color: #364881;
}
.fullPart a:hover{
    background: #19254e;
    color:#fff;
    border:2px solid #fff;
}
.productOuter{
    margin:20px 0px;
}
.productOuter img{
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.productOuter .productBG{
    background: transparent;
}
.productInner{
    width:270px;
    height:330px;
    padding: 30px;
    margin: auto;
}
.productInqButton{
    background: #364881;
    padding:12px 0px;
}
.productInqButton:hover{
    background: #19254e;
}
.productOuter a .productInqButton span{
    color:#fff;
    font-size:22px;
}
.ourClients .clientItem{
    display:inline-block;
    width: 150px;
    padding: 10px;
}
.quickContact{
    background: #364881;
    padding:30px 0px;
}
.quickContact h1{
    color:#fff;
    display: inline-block;
}
.footer{
    position:relative;
    background:url("../image/footerBG.jpg")fixed no-repeat;
    background-size: cover;
    z-index:1;
}
.footer:after{
    content:"";
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background:rgba(0,0,0,0.8);
    z-index:-1;
}
.footerContact ul li{
    display:inline-block;
    margin-right: 15px;
}
.footerContact ul li a img{
    width:20px;
    transition: transform .2s; /* Animation */
}
.footerContact ul li a img:hover{
    transform: scale(1.5);
}
.footerQlink ul li:hover{
    text-decoration: underline;
}
.footerAbout h1{
    font-family:dancingScript;
}
.footerAbout p{
    text-align: justify;
}
.footerAbout h1, .footerAbout p, .footerAbout a, .footerQlink h2, .footerQlink ul li a,
.footerContact h2, .footerContact p, .footer span
{
    color:#fff;
}
.footer span{font-size:14px;}
.footer .copyRights{
    text-align:center;
    font-size:14px;
    margin-top:50px;
}
.footerQlink ul li{
    list-style-type:none;
}
.pageTitle{
    background: url("../image/pageTitleBG.jpg");
    padding:50px;
    padding: 100px 0px 30px 0px;
}
.pageTitle h1{
    color:#fff;
}
#aboutPage .stats{
    text-align:center;
    padding-bottom: 50px;
}
#aboutPage .stats span{
    font-size:50px;
    color:#364881;
}
#aboutPage .stats p{
    font-size:20px;
    /*color:#364881;*/
}
#productPage .productOuter {
    margin: 0px 0px 30px 0px;
}
#productPage .productSearch{
    margin-bottom:10px;
}
#productPage .productSearch button, .dealerFilter button{
    background:#364881;
    color:#fff;
}
#productPage .productSearch button i{
    color:#fff;
}
.productDetailPhoto{
    text-align:center;
}
.pdBackground{background:#f1f1f1;}
.productDetailPhoto img{
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.pdInner{
    width:450px;
    height:300px;
    padding: 30px;
    margin: auto;
}
.productContent .productDetailButton a{
    background: #364881;
    padding: 12px 40px;
    font-size: 20px;
    color:#fff;
}
.productContent a:hover{
    background: #19254e;
}
.productThumb{
    margin: 20px 0px;
}
.productThumb .thumbItem{
    width: 120px;
    height: 67px;
    background: #f1f1f1;
    padding: 10px;
    display:inline-block;
    margin: 0px 5px;
    border: 2px solid #e0e0e0;
}
.productThumb .thumbItem:hover{
    border: 2px solid #a0a0a0;
}
.productContent h2, .productContent h3 span{
    color:#333;
}
.productContent h2, .productContent h3{
    color:#333;
    margin-bottom: 25px;
}
.productContent h3 span{
    font-size:25px;
}
.productContent ul li{
    list-style-type:none;
    display:inline-block;
}
.productContent .social ul li a i{
    color: #364881;
    padding: 10px;
    color: #364881;
    font-size: 22px;
}
.productContent .social{
    margin:30px 0px;
}
.productDetailButton{
    margin-top:40px;
}
#productDetailPage .specification .nav-tabs .nav-link{
    font-size:22px;
}
#cataloguePage .pdfImage{
    width:200px;
    margin:auto;
    margin-bottom:20px;
}
#cataloguePage .pdfImage img{
    padding:20px;
}
#cataloguePage .pdfItem{
    margin-bottom:40px;
}
#cataloguePage .pdfButtons a{
    background: #364881;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
}
#cataloguePage .pdfButtons a i{
    color: #fff;
}
#cataloguePage .pdfButtons a:hover{
    background: #19254e;
}
#cataloguePage .pdfItem .pdfBG{
    background: #f1f1f1;
}
#cataloguePage .pdfImage span{
    font-size: 22px;
    color: #333;
    font-family: dosisMedium;
}
#dealerPage .card-body .dd{
    display:table-cell;
    font-size:18px;
}
#dealerPage .card-body .dd i{
    margin-right:10px;
}
#dealerPage .card-body ul li{
    list-style-type: none;
}
#dealerPage .card-body h4{
    color:#333;
}
#dealerPage .card{
    margin-bottom:25px;
}
#dealerPage .dealerFilter{
    background: #f2f2f2;
    padding: 20px 20px;
    margin-bottom: 20px;
}
#contactPage .contactAddress{
    background: #364881;
    padding:50px;
}
#contactPage .contactAddress h1, #contactPage .contactAddress p{
    color: #fff;
}
#contactPage .contactAddress p{
    font-size:20px;
}
#contactPage .contactAddress h1{
    font-family:dancingScript;
}
.contactForm .form-group .form-control{
    border-bottom: 1px solid #777;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;
    margin-bottom: 25px;
}
.contactForm .form-control:focus{
    box-shadow:none;
}
.contactForm{
    padding:0px 50px;
}
.contactForm .form-group button{
    border-radius:0px;
    background: #364881;
    color:#fff;
}
.contactForm .form-group input, .contactForm .form-group textArea{
    font-size:20px;
}
.contactForm .form-group button:hover{
    background: #19254e;
}
#contactPage .map{
    margin-top:30px;
    padding:0px;
}

@media (max-width:1200px){
    #cataloguePage .pdfImage {
        width: 160px;
    }
    #cataloguePage .pdfButtons a {
        font-size: 12px;
    }
    #cataloguePage .pdfItem .pdfBG {
        text-align:center;
    }
    .productThumb .thumbItem {
        width: 110px;
        height: 61px;
        margin:5px;
    }
}
@media (max-width:1024px){
    .carousel-caption {
        top: 200px;
    }
    .productInner{
        width:220px;
        height:269px;
    }
    .pdInner{
        width:300px;
        height:200px;
    }
    #cataloguePage .pdfImage {
        width: 150px;
    }
    #cataloguePage .pdfButtons a {
        padding: 10px 8px;
        font-size: 12px;
    }
    #cataloguePage .pdfItem .pdfBG {
        text-align:center;
    }
    .mainFeatures .f1 a,.mainFeatures .f2 a,.mainFeatures .f3 a{
        font-size:16px;
    }
    .mainFeatures .f1 h1,.mainFeatures .f2 h1,.mainFeatures .f3 h1{
        font-size:22px;
    }
}
@media (max-width:992px){
    .carousel-caption {
        top: 160px;
    }
    .productInner{
        width: 160px;
        height: 196px;
    }
    .productOuter a .productInqButton span {
        font-size: 16px;
    }
}
@media (max-width:768px){
    .homeCategoryIcons .icon{
        margin:30px 0px;
    }
    .productInner{
        width:270px;
        height:330px;
    }
    .quickContact {
        padding: 30px 30px;
    }
    .quickContact h1{
        font-size:35px;
    }
    .footer, .footerAbout p, #aboutPage .profile, #productDetailPage{
        text-align: center;
    }
    .pdOuter {
        margin: 20px 0px;
    }
    #cataloguePage .pdfButtons a {
        padding: 10px 20px;
        font-size: 16px;
    }
    .productContent h3, .productContent h3 span{
        font-size:20px;
    }

}
@media (max-width: 576px) {
    .fullPart{
        padding: 50px 10px;
    }
    .fullPart h1, .fullPart p {
        font-size: 40px;
    }
    .fullPart a {
        padding: 10px 20px;
        font-size: 20px;
    }
    .mainFeatures,.homeCategoryIcons, .products, .ourClients, .footer, #productPage,
    #productDetailPage, #cataloguePage, #dealerPage, #contactPage, #productDetailPage .specification,
    #productDetailPage .specification .tab-content
    {
        padding:20px 0px;
    }
    #contactPage .contactAddress{
        margin-bottom:30px;
    }
}
@media (max-width: 425px) {
    .quickContact {
        padding: 30px 25px;
    }
    .quickContact h1{
        font-size:25px;
    }
    .contactForm {
        padding: 0px 20px;
    }
}
@media (max-width: 320px) {

}