html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal; margin:0; padding:0;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; font-family: 'Noto Sans', sans-serif; font-weight:400; font-size: 16px; line-height:26px; color: #000000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; transition: all 0.3s ease; background:#FFFFFF; overflow-x:hidden;}
img { max-width:100%; border:none; text-decoration:none; outline:none; vertical-align: top; }

/*common CSS*/
.clear{clear:both;}
.clearfix {display:inline-block; width:100%;}
.clearfix:after {visibility: hidden; display: block; content: ""; clear: both; height:0;}
.inline{display:inline-block;}
.relative{position:relative;}
.f-left { float: left; }
.f-right { float: right; }
.no-bg { background: none !important; }
.no-bordr{border:none !important;}
.no-margn{margin:0px !important;}
.no-pad{padding:0px !important;}
.a-align { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }
.v-align{vertical-align:middle;}
.lh-none {line-height:normal !important;}
select option {padding:5px;}
.spacer { padding: 15px 0; }

/*** Headings ***/
h1, h2, h3, h4, h5, h6{ margin-bottom:30px; font-weight:400;}
h1 {font-size: 60px; line-height: 64px; color:#000000;}
h2 {font-size: 46px; line-height: 50px; color:#000000;}
h3 {font-size:32px; line-height:36px; color: #D7141E;}
h4 {color: #696969;font-size: 30px; line-height: 36px;}
h5 {font-size: 20px; line-height: 30px;}
h6 {font-size: 16px; line-height: 20px;}

/*** body content css ***/
p { line-height: 26px; margin-bottom: 30px;}
b, strong {font-weight:700;}
p a { text-decoration:underline;}
p a:hover{text-decoration:none;}
small { font-size:14px; line-height:20px; color:#101820;}
a {color:#D7141E; border:none; text-decoration:none; outline:none; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
a:hover { color:#c30d16; outline:none; text-decoration:none;}
ul, ol{margin:0px 0px 20px 20px;}
ul li{list-style:disc; font-size:16px; line-height:20px; color: #333333; position:relative; padding:0px;}
ol li {font-size:18px; line-height:34px; list-style-position: inside; color: #696969; list-style-type:decimal;}

/*** Create the parallax scrolling effect ***/
.parallax { background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/*** custom css with different color ***/
ul.custom-list {margin:0; padding:0;}
ul.custom-list li {list-style:none; padding:0 0 0 25px; position:relative;}
ul.custom-list li:after {position:absolute; left:0; top:10px; content:""; width:6px; height:6px; background:blue; border-radius:100%;}

/*** Show - Hide CSS ***/ 
.hide { display:none !important; }
.show { display:block !important; }

/*** form element ***/
.form-group { display:block;}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] { padding:0 25px; width:100%; font-family: 'Noto Sans', sans-serif; font-size:16px; font-weight:700; color:#D7141E; height:42px; line-height:normal; background:transparent; border:none; border-bottom:2px solid #000000; border-radius:none; outline:none; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none;}
textarea{ padding:0 25px; width:100%; font-family: 'Noto Sans', sans-serif; font-size:16px; font-weight:700; color:#D7141E; height:42px; line-height:normal; background:transparent; border:none; border-bottom:2px solid #000000; outline:none; -webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out; box-sizing:border-box; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none; height:80px; padding:15px 15px; resize:none;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, select:focus, textarea:focus, textarea:focus { border-color:#D7141E;}
button {outline:none; border:none; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; -ms-appearance:none;}
::-webkit-input-placeholder {font-weight:400; font-style:italic; color:rgba(0,0,0,0.62); }
::-moz-placeholder {font-weight:400; font-style:italic; color:rgba(0,0,0,0.62); }
:-ms-input-placeholder {font-weight:400; font-style:italic; color:rgba(0,0,0,0.62); }
:-moz-placeholder {font-weight:400; font-style:italic; color:rgba(0,0,0,0.62); }

/*** Custom Checkbox ***/
.custom_checkbox { display: block; }
.custom_checkbox [type="checkbox"]:not(:checked), .custom_checkbox [type="checkbox"]:checked { position: absolute; left: -9999px; }
.custom_checkbox [type="checkbox"]:not(:checked) + label, .custom_checkbox [type="checkbox"]:checked + label { display: block; position: relative; padding-left: 30px; cursor: pointer; font-size: 14px; line-height: 20px; }
.custom_checkbox [type="checkbox"]:not(:checked) + label:before, .custom_checkbox [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0px; width: 20px; height: 20px; background: #FFFFFF; border-radius: 3px; border: 1px solid #b1b4b3; }
.custom_checkbox [type="checkbox"]:not(:checked) + label:after, .custom_checkbox [type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 4px; left: 4px; margin: auto; width: 12px; height: 12px; background: #1eb6e0; transition: all .2s; }
.custom_checkbox [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.custom_checkbox [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
.custom_checkbox [type="checkbox"]:disabled:not(:checked) + label:before, .custom_checkbox [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; }
.custom_checkbox [type="checkbox"]:disabled:checked + label:after { color: #999; }
.custom_checkbox [type="checkbox"]:disabled + label { color: #aaa; }
.custom_checkbox [type="checkbox"]:checked:focus + label:before, .custom_checkbox [type="checkbox"]:not(:checked):focus + label:before { /*border: 1px dotted blue;*/ }

/*** Custom Radio Start ***/
.custom-radio { margin-right: 10px; width: 20px; height: 20px; display: inline-block; position: relative; z-index: 1; top: 4px; border-radius: 100px; border: #ffffff 1px solid; }
.custom-radio.selected:before { content: ''; position: absolute; left: 0px; right: 0px; margin: auto; bottom: 0px; top: 0px; background: #fff; border-radius: 100px; width: 14px; height: 14px; }
.custom-radio input[type="radio"] { margin: 1px; position: absolute; z-index: 2; cursor: pointer; outline: none; opacity: 0; _noFocusLine: expression(this.hideFocus=true);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }


