/*

 * 01 Genral style 
 **  1.1 SVG default css    
 **  1.2 Button style
 **  1.3 Form style
 **  1.4 mCustom Scrollbar style
 **  1.5 Slick slider navigators style

 * 02 Header style 
 * 03 Homepage content part
 * 04 Footer Style 
 * 05 Model Popups
 * 06 CMS Content Style
 * 07 Inner Pages


font-family:'Montserrat',sans-serif;

*/

/* 01 Genral style */
*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}
.container{width: 100%; max-width: 1370px;margin: auto; padding: 0 10%;}
img {display: block;max-width: 100%;max-height: 100%;width: auto;height: auto;}
body{display: block; width: 100%; padding: 0; margin: 0; position: relative; font-family:'Montserrat',sans-serif; font-size: 16px; line-height: 1.4; color: #000; }

.bannerSec{display: block; width: 100%; min-height: 100vh; background: url(../images/banner-img.jpg)no-repeat center center/ cover;position: relative;z-index: 1;vertical-align: top;padding-bottom: 20px;}
.logo{display: inline-block;max-width: 340px;vertical-align: middle;}
.tagLine{
    font-weight: 400;
    font-size: 32px;
    color: #2d2d2d;
    line-height: 1.4;
    position: relative;
    margin: 80px 0 0px 0;
    padding-bottom: 0;
    max-width: 420px;
    }
.bannerCon {display: inline-block;vertical-align: middle;padding: 45px 0;}
.bannerTitle{font-weight: 600;font-size: 50px;color: #2d2d2d;line-height: 1;position: relative;margin: 60px 0;padding-bottom: 25px;}
.bannerTitle:after{content: "";background: linear-gradient(270deg, #D42825 -34.88%, #F17D1F 133.72%);position: absolute;left: 0;bottom: 0;width: 80px;height: 4px;}
.bannerTitle span{font-weight: 400;font-size: 40px;}
.banner-inner{width: 425px;background: #005DA2;padding: 30px;display: inline-block;vertical-align: middle; border-radius: 3px; box-shadow: 0px 6px 15px 4px rgba(0, 0, 0, 0.12);}
.innerLogo{display: inline-block;vertical-align: middle; max-width: 100%;}
.banner-inner p{font-weight: 600;font-size: 22px;color: #fff;line-height: 1.2;padding: 30px 0 18px 0;}
.btn{display: inline-block;vertical-align: middle; min-width: 162px;padding: 15px 25px;
    background: #EA6721;
transition: all 0.4s ease-in-out;border: none;color: #fff;border-radius: 3px;font-size: 16px;line-height: 1.2;font-weight: 600;text-align: center;text-decoration: none; text-transform: uppercase;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;text-decoration: none;position: relative;}

.btn:hover{background: #0097e7;}

@media only screen and (max-width: 1199px) {
.bannerTitle{margin: 70px 0;}
}

 

@media only screen and (max-width: 767px) {
.banner-inner{width: 100%;}
.bannerTitle{font-size: 40px;padding-bottom: 20px; margin: 50px 0;}
.bannerTitle span{font-size: 30px;}
.banner-inner p{padding: 15px 0;}

}

@media only screen and (max-width: 568px) {
.container{padding: 0 15px;}
.logo{max-width: 270px;}
.tagLine{    margin: 40px 0 0px 0;    font-size: 24px; text-shadow: 0 0 6px rgb(255 255 255 / 50%);}
.bannerTitle{font-size: 30px; text-shadow: 0 0 6px rgb(255 255 255 / 50%);}
.bannerTitle span{font-size: 24px;}
.innerLogo{max-width: 180px;}
.btn{min-width: 150px;}
.banner-inner p{font-size: 18px;}
}