@charset "utf-8";
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{ margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: 0 0;font-weight: 400;font-style: normal;}
em{ font-style: italic;}
strong {font-weight: 500;}
body,html{ font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
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:after,blockquote:before,q:after,q:before{ content: '';content: none;}
:focus{ outline: 0;}
::-moz-focus-inner{ border: 0;outline: 0;}
ins{ text-decoration: none;}
del{ text-decoration: line-through;}
table{ border-collapse: collapse;border-spacing: 0;}
.clear{ clear: both;}
.cf:after{ content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0;line-height: 0;}
.cf{ display: inline-block;}
* html .cf{ height: 1%;}
.cf{ display: block;}
.al{ float: left;}
.ar{ float: right;}
.ac{ text-align: center!important;}
.an{ clear: both;font-size: 0;line-height: 0;margin: 0;padding: 0;border: 0;height: 0;width: 0;}
img{ border: 0;vertical-align: top;}
.w-100 {width: 100%;}
a{ text-decoration: none;cursor: pointer!important;color: #265d99;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
a:hover{ color: #ffaf01; }
p{ padding-bottom: 25px;line-height: 24px;}
.picmaxWp{ max-width: 100%;}
.tac{ text-align: center;}
.radio{ position: relative;top: 2px;margin-right: 5px;}
.checkbox{ margin-right: 10px;}
.button,.inputText,.select,.textarea{ font-family: microsoftsansserif-regular,Arial;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;-webkit-transition: all .2s linear;}
.inputText,.select,.textarea{ color: #333;font-size: 16px;border: 1px solid #dbdbdb;padding: 10px;margin: 0;width: 100%;background: #eff0f0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.inputText:focus,.select:focus,.textarea:focus{ border-color: #c4c4c4;outline: 0;background: #fff;}
.inputText{ height: 40px;line-height: 40px;}
.select{ height: 40px;line-height: 40px;}
.textarea{ line-height: 18px;height: 85px;vertical-align: top;}
.button{ background: #5052a4;padding: 0;height: 40px;line-height: 40px;text-transform: uppercase;border: 0;width: 100%;min-width: 100px;font-size: 16px;color: #fff;text-align: center;cursor: pointer;display: inline-block;vertical-align: middle;overflow: visible;margin: 0;}
.button:hover{ background: #00a7e5;color: #fff;}

.heading {font-size: 32px; color: #116bc8; font-weight: 300; padding-bottom: 15px; text-transform: uppercase; text-align: center; background: url(../images/heading.png) no-repeat center bottom; margin-bottom: 35px;} 

body,html{ height: 100%;width: 100%;}
body{ font-family: 'Roboto', sans-serif; font-size: 15px; color: #1e2738; background-color: #f2f5f8; line-height: 1.5;}
.wrapper{ width: 100%; max-width: 480px;margin: 0 auto; position: relative;}

.container {padding: 0 30px;}

.brochure-button {width: 85%; max-width: 405px; margin: -13% auto 10px; display: block;}


.productsList > li {margin-bottom: 30px;}
.productsList > li a,
.productsList > li div { /*display: flex; align-items: center;*/ padding: 15px 22px; font-size: 18px;  color: #4c5867; background: #fff url(../images/silver.png) no-repeat right bottom; border-radius: 6px; box-shadow: 0px 14px 27px 0px rgba(154, 155, 176, 0.17);font-weight: 500;}
.productsList > li a img { margin-right: 25px;}
.wrapper > .productsList > li:first-child a,
.wrapper > .productsList > li:first-child div {background: #fff url(../images/gold.png) no-repeat right bottom;}
.wrapper > .productsList > li:nth-child(2) a,
.wrapper > .productsList > li:nth-child(2) div {background: #fff url(../images/blue.png) no-repeat right bottom;}

.productsList h3 {color: #d19c4c; font-size: 20px;}
.productsListView {list-style-type: disc; margin-left: 20px;}
.productsListView li {font-size: 15px; font-weight: 500; padding: 5px 0;}

.moreProduct {display: none;}
.viewAll {background: #aeb8c4; text-transform: uppercase; color: #fff; padding: 11px 0px; width: 120px; border: 0; cursor: pointer; position: relative; font-weight: 500; border-radius: 20px; display: block; margin: 0 auto 25px;}
.viewAll::after {content: ''; width: 100%; height: 11px; background: url(../images/more-aarow.png) no-repeat center bottom; position: absolute; bottom: -15px; left: 0; }  
.viewLess::after  {transform: rotate(180deg); bottom: 41px;}

.about-us p {text-align: justify;}
.about-us img {margin-bottom: 20px; border-radius: 6px;}


.whiteBox {border: 1px solid #aeb8c4; border-radius: 6px; box-shadow: 0px 14px 27px 0px rgba(154, 155, 176, 0.17); margin-bottom: 30px; text-align: center; padding: 25px 25px 0;}
.whiteBox img {margin-bottom: 15px;}
.whiteBox p span {display: block; color: #265d99;}

.gap {width: 100%; padding: 50px 0;}
.gap img {width: 100%;}
.gapLast {padding: 50px 0 0 0;}

.whtsapp {position: fixed; bottom: 50px; right: 0;}