/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} 
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
html, button{ color: #222; }
input, textarea, select {color: #000;width: 100%;}
html { font-size: 1em;line-height: 1.4;  }

::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; }
::selection { background: #e7e7e7; color: #000; text-shadow: none; }
/* Misc defaults */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, img, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0;}
textarea { resize: vertical;}

/* ==========================================================================
   Browser Upgrade
   ========================================================================== */

.browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
.browserupgrade a {color: #b81424;}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{font-size:16px; background-color:#FFF;}
h1, h2, h3, h4, h5, h6 {font-weight:700; margin:0; font-size: 1em;}
p{line-height:1em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.06em;}
a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #000;}
ul {list-style:none; padding:0; margin:0;}
img {width:100%; height:auto;max-width: 100%;}
input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);font-family: 'Roboto', sans-serif;}
textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
select > option {padding: 0; -moz-padding:0;}
placeholder{color: #000;opacity: 1;}
::-webkit-input-placeholder {color: #000;opacity: 1;}
:-moz-placeholder {color: #000;opacity: 1;}
::-moz-placeholder {color: #000;opacity: 1;}
:-ms-input-placeholder {color: #000;opacity: 1;}

/* ==========================================================================
                              text colors related
   ========================================================================== */
/* normal */
body {color:#000;font-family: 'Roboto', sans-serif;overflow-x: hidden;background-color: #fff;  }
/* headings in black */
h1, h2, h3, h4, h5, h6 {color:#000; text-transform: uppercase;font-weight: 700;}


/*=====================================
            HEADERS
=======================================*/
.main {width: 100%;overflow: hidden;min-width: 320px;}
.container { margin: 0 auto; width: 60%}
.downloads .container { margin: 0 auto; width: 70%  !important;;}
.logo { float: left; width: 144px;}
.menu { float: right;}
ul.mnus { padding-top: 20px;}
.mnus > li:first-child{margin-left: 0;}
.mnus > li{display: inline-block;vertical-align: top;margin-left: 12px;}
.mnus > li > a { color: #ffffff; font-size: 0.85em; font-weight: 400; display: block;text-transform: capitalize;}
.shar { display: block; width: 28px;}
.header { position: fixed; top: 0; width: 100%; z-index: 9999;}
.banr { position: relative;}
.bantxt { position: absolute; text-align: center; top: 44%; width: 100%;}
.bantxt > h1 { color: #ffffff; font-size: 2.3em; letter-spacing: 0.085em;}
.bantxt > p { color: #ffffff; font-size: 0.95em; letter-spacing: 0.02em; line-height: 1.3em; margin: 0 auto; padding-top: 22px; width: 560px;}
.engge {font-size: 0;}
.engge > li { display: inline-block; vertical-align: top; width: 25%;}
.engge > li > a { color: #767c81; display: block; font-size: 1.1rem; letter-spacing: 0.05em; line-height: 0.9em; padding: 14px 10px 14px 48px; text-align: center; text-transform: capitalize; background: #e1e6ed url("../img/menicn1.png") no-repeat scroll left center / 48px auto;}
.engge > li > a:hover, .engge > li.act1 > a{background-color: #252329;color: #fff;}
.engge > li:nth-child(2) > a{background-image: url("../img/menicn2.png");}
.engge > li:nth-child(3) > a{background-image: url("../img/menicn3.png");}
.engge > li:nth-child(4) > a{background-image: url("../img/menicn4.png");}
.met { float: left; margin-right: 18px; width: 115px;margin-bottom: 10px;}
.engagd2{background: url("../assets/joe.jpg") no-repeat scroll center center / cover;display: none;position: relative;}
.manimg {left: 3%;position: absolute;top: 22%; width: 19%;}
.ipad { padding: 45px 20px 0 0;}
.ipon { max-width: 257px; padding: 15px 0 0 7px;}
.engagd2:first-child{display: block;}
.engage3 { margin-left: 25%; padding: 49px 0 0px; text-align: center; width: 75%;}
.engage3 h2 { color: #ffffff; font-size: 1.4em; font-weight: 400; letter-spacing: 0.02em; max-width: 714px; padding-bottom: 29px;}
.enjtxt {font-size: 0; text-align: left; display: table-row;}
.enj { box-sizing: border-box; display: table-cell; padding: 0px 16px 0px 37px; vertical-align: top; width: 32%; position: relative;}
.enj:after{content: '';position: absolute;width: 1px;height: 65%;background-color: #fff;right: 0;top: 0;}
.enj:first-child{padding-left: 24px;}
.enj > h3 { font-size: 1rem; padding-bottom: 9px; line-height:0.8em;}
.enj:first-child > h3 { color: #ffa270; font-size: 1.45rem; font-weight: 400; text-transform: capitalize; padding-bottom: 14px; padding-left: 0; line-height:0.8em;}
.enj > p { color: #ffffff; font-size: 0.75rem; letter-spacing: 0.02em; line-height: 1.3em; padding-bottom: 14px;}
.enj > h3 { color: #ffffff; font-size: 1.2rem; padding-bottom: 23px; text-transform: capitalize;}
.enj:last-child { width: 36%;}
.enj:last-child:after{width: 0;}
.cntnr { margin: 0 auto; max-width: 800px; padding: 70px 0 58px; text-align: center;}
.cntnr > h2 { color: #ef7533; font-size: 1.6em; font-weight: 400; letter-spacing: 0.06em; line-height: 1.2em; padding-bottom: 24px;}
.cntnr > p { color: #767c81;font-size: 1.1em; letter-spacing: 0.03em; line-height: 1.1em;}
.numbr { font-size: 0; text-align: left; padding-top: 18px;}
.num { display: inline-block; vertical-align: top; width: 20%; margin-left: 20%;}
.num:first-child{margin-left: 0;}
.num > h1 { color: #ef7533; font-size: 5rem; font-weight: 100; line-height: 1.2em;}
.num > p { color: #767c81; font-size: 1.1rem; letter-spacing: 0.03em; line-height: 1.1em; padding-top: 5px;}
.num > p > span { display: block; font-weight: 700; padding-left: 7px;}
.cntnr2 { margin: 0 auto; max-width: 850px;}
.clogos { font-size: 0; padding: 26px 0 12px;}
.clog { box-sizing: border-box; display: inline-block; margin-bottom: 40px; padding: 0 3%; vertical-align: top; width: 25%;}
.clgsld1{width: 100%;background-color: #f3f4f5;}
.clgesld{position: relative;}
.mimg { position: relative;}
.hov { opacity: 0;}
.nor, .hov { bottom: 0; left: 0; position: absolute; right: 0; top: 0;}
.clog:hover .nor{opacity: 0;}
.clog:hover .hov{opacity: 1;}
.hbanctrls{position: absolute; z-index: 110; bottom: 9px; display: block;text-align: center;width: 100%;}
#banpgr, #banpgr span{display: inline-block; vertical-align: top;}
#banpgr span{  cursor: pointer; display: inline-block; height: 10px; margin: 2px 4px 0; text-indent: -1000em; width: 10px;background: url("../img/dots.png") no-repeat scroll left top / 10px auto;}
#banpgr span.cycle-pager-active{background-position: left bottom;}
.clogo {  background-color: #f3f4f5;}
.forester { padding: 70px 0 76px;background-color: #fff;}
.fcntnr { margin: 0 auto; width: 860px;}
.frstr {font-size: 0;}
.frestr { box-sizing: border-box; display: inline-block; padding: 28px 24px 15px; text-align: center; vertical-align: top; width: 23%; position: relative;
 margin-top: 8px;border: 1px solid #ced4d6;margin-left: 2.6%;background-color: #fff;}
.frestr:first-child{margin-left: 0;}
.frestr > p { font-size: 1.12rem; font-weight: 300; line-height: 1.3em; color: #757b80;padding-bottom: 22px;}
.frestr > p > span { font-weight: 400;}
.red { color: #fc896a;}
.mimgs { bottom: 28px; left: 0; position: absolute; text-align: center; width: 100%;}
.mimgs > .mimg { max-width: 115px; display: inline-block;}
.frestr:hover .red, .frestr:hover p{color: #fff;}
.frestr:hover .mimg > .hov{opacity: 1;}
.frestr:hover .mimg > .nor{opacity: 0;}
.frestr:hover{margin-top: 0;background-color:#fc896a;border: none;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4); }
.dna { font-size: 0;}
.dnas { display: inline-block; vertical-align: top; width: 50%;position: relative;}
.dnatxt { font-size: 16px; left: 47%; padding-top: 1px; position: absolute; top: 40%;}
.dnatxt h5 { color: #ffffff; font-size: 1.2em; line-height: 1.1em; text-transform: none;font-weight: 400;}
.dnatxt h2 { color: #ffffff; font-size: 1.4em; line-height: 0.8em;text-transform: none;}
.dtxt{ padding-left: 12px;}
.dtxt::before { background-color: #fc896a; content: ""; height: 100%; left: 0; position: absolute; width: 5px;}
.dtxt { padding-left: 12px; position: relative;}
.dnas:nth-child(2n) .dnatxt { left: 10%;}

.footer { padding: 62px 0 16px;background-color: #383838;}
.footcntnr { margin: 0 auto; max-width: 888px; width: 100%;}
.link > h3, .social h3 { color: #fafafa; font-size: 1.1em; letter-spacing: 0.03em; line-height: 1.2em; text-transform: capitalize; font-weight: 400;}
.link { max-width: 180px; padding-bottom: 12px;}
.lnks { padding-left: 1px; padding-top: 5px;}
.lnks { padding-left: 1px; padding-top: 5px;}
.lnks > li:last-child::before { background-color: rgba(0, 0, 0, 0);}
.lnks > li::before { background-color: #fafafa; content: ""; height: 8px; right: 0; position: absolute; top: 2px; width: 1px;}
.lnks > li:last-child { padding-right: 0;}
.lnks > li { display: inline-block; padding-right: 4px; position: relative; vertical-align: top;}
.lnks a { color: #fafafa; display: block; font-size: 0.56em;}
.fts1 { display: inline-block; vertical-align: top;}
.link > p { color: #fafafa; font-size: 0.56em; line-height: 2.1em;}
.fts1:last-child { margin-left: 39px;}
.foots1 { float: left;}
.foots2 { float: right; margin-right: 188px;}
.soc { padding-top: 13px;}
.soc > li{display: inline-block;vertical-align: top;}
.soc > li .mimg { width: 22px;}
.soc > li:hover .mimg .nor{opacity: 0;}
.soc > li:hover .mimg .hov{opacity: 1;}
.flogo { float: left; margin-right: 33px; width: 114px;}
.ftxt > p { color: #fafafa; font-size: 0.56em; line-height: 1.4em; padding-top: 8px;}
.ftxt p a { border-bottom: 2px solid #ffffff; color: #fafafa;}
.guest { padding: 70px 0 90px;}
.guest > h3 { color: #ef7533; font-size: 1.6em; font-weight: 400; letter-spacing: 0.06em; line-height: 1.2em; padding-bottom: 40px; text-align: center;}
.person { font-size: 0;}
.prsn1 { display: inline-block; vertical-align: top; width: 67.5%;}
.prsns { box-sizing: border-box; display: inline-block; padding: 31px 6px 26px 33px; vertical-align: top; width: 33.333%;}
.prsns:nth-child(4), .prsns:nth-child(5){width: 50%;}
.prsns > h4 { color: #3f3056; font-size: 1.15rem; font-weight: 400; letter-spacing: 0.02em; padding-bottom: 2px;}
.prsns > p { color: #767c81; font-size: 0.75rem; letter-spacing: 0.025em; line-height: 1.5em;}
.prsns:nth-child(1){background-color:#f5f0f9}
.prsns:nth-child(2){background-color:#e9e0f2}
.prsns:nth-child(3){background-color:#dfd1ec}
.prsns:nth-child(4){background-color:#dfd1ec}
.prsns:nth-child(5){background-color:#f5f0f9}
.prsn2 { display: inline-block; vertical-align: top; width: 32.5%;position: relative;}
.ptxt { font-size: 16px; left: 0; position: absolute; text-align: center; top: 39%; width: 100%;}
.ptxt > p { color: #ffffff; display: inline-block; font-size: 1.1em; letter-spacing: 0.01em; line-height: 1.2em; text-align: right; padding: 12px 65px 10px 0; background: url("../img/play.png") no-repeat scroll right center / 55px auto;}


/*====================================================
                MOBILE MENU
===================================================*/
.phmenu, .msubmenu1, .mobs, .mob2, .mob{display: none;}
a.moblnk {color: #000;display: block;float: right;font-size: 1rem;margin: 8px 0 0 0px;padding: 1px 10px 8px 30px;position: relative;text-transform: uppercase;text-indent:-1000em;}
.opts {overflow-y: scroll;overflow-x: hidden; margin:0; list-style: none; text-align: center; text-transform: capitalize;text-align: left;width: 320px;position: absolute;top: 0;height: 100%; padding:70px 20px 26px; box-sizing: border-box; background-color: #1d2743; }
.opts li{margin: 0 0px 6px;}
.opts a {font-weight: 400;color: #fff;line-height: 1em;display: block;padding: 6px;z-index: 999;font-size: 1rem;text-transform: uppercase;}
.mloc { margin: 0 0 15px; padding: 0 30px 0 15px; display: inline-block;background: url("../img/mloc.png") no-repeat scroll left center / 10px auto;}
.mcty{padding-right: 12px;}
.mcty > option { padding-left: 3px;}
.opts .msin, .mpon { color: #1a4693; font-weight: 700;}
.opts .mpon > a { display: inline-block; font-weight: 700; padding-left: 0;}
.opts .mpon{padding-left: 65px;background-color: #bddbf6;}
.msubmenu, .msubmenus, .ssmenu {display: none;}
.msubmenu{display: none;}
.mnamnu {background-color: #bcdbf6;}
.msubmenu > a{display: block;color: #000000; font-size: 1.1rem; padding: 10px 14px 5px;color: #000;background-color: #e4e4e4;}
.msubmenu a:last-child, .msubmenus a:last-child, .ssmenu > a:last-child, .mshasubmenu > a {border-bottom: none;}
.msubmenu span, .msubmenus span{display: block;}
.mshasubmenu > a{border-bottom: none;}
.mnamnu > a{font-size: 0.75rem;text-transform: uppercase;text-indent: 10px;margin: 0 10px;padding-left: 5px;}
.infodet {float: right;margin-top: -65px;}
.infodets{width: 100%;text-align: center;margin-top: 10px;}
a.moblnk span {top: 12px;}
a.moblnk span::before {top: -8px;}
a.moblnk span::before, a.moblnk span::after {content: "";display: block;pointer-events: none;}
a.moblnk span, a.moblnk span::before, a.moblnk span::after {background: #fff;height: 2px;right: 0;pointer-events: none;position: absolute;width: 26px;}
a.moblnk span::after {top: 8px;}
a.moblnk.opened span::before { top: -5px;right: 14px;width: 14px;}
a.moblnk.opened span::after {top: 5px;right: 14px;width: 14px;}
/*a.moblnk.opened span {width: 0;}*/
.sldmnu {height: 120%;position: fixed;z-index: 9972;left:100%;}
.opts .hasmsubs{position: relative;}
.opts li .msubmenu > li{border-bottom: 1px solid #b4b5b5;padding-left: 18px;margin-bottom: 0;}
.mmolay { background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9971;display: none;}

.lnks a:hover, .ftxt p a:hover, .mnus > li > a:hover{color: #fc896a;}




/*===================================================
        Transition Effects
===================================================*/
a, .nor, .hov, .frestr, .header, .opts{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
a.moblnk.opened span::before{-moz-transform: rotate(-225deg);-webkit-transform: rotate(-225deg);-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);}
a.moblnk.opened span::after{-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg); transform: rotate(225deg);}
 .opts.opts-open{-moz-transform: translateX(-320px);-webkit-transform: translateX(-320px);-o-transform: translateX(-320px);-ms-transform: translateX(-320px);transform: translateX(-320px);}
a.moblnk span, a.moblnk span::before, a.moblnk span::after, .opts .hasmsubs > a::after, .hasmsubsd a:after{-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.mmolay{-o-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1);}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
.ir { background-color: transparent; border: 0; overflow: hidden;  IE 6/7 fallback  *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden, .testpager { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
*/
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/*===========================================================
                   Datasheet
===========================================================*/
.container5{width: 80%;margin: 0 auto;}

.ssd5 {background: rgba(0, 0, 0, 0) url("../img/request-demo-bg.jpg") no-repeat scroll 0 0 / cover ;}
.ret5 {display: inline-block;vertical-align: top;padding-bottom: 100px;}
#datasht{padding-top: 150px;}
.ana5 {display: inline-block;vertical-align: top;}
.ana5{width: 100%;margin: 0 auto;}
.ana5{font-size: 0;}
.data5 {display: inline-block;font-size: 16px;vertical-align: top;width: 45%;}
.datas5 {display: inline-block;font-size: 16px;vertical-align: top;width: 50%;margin-left: 5%;font-size: 0;}
.data5 h1 {color: #ffffff;font-family: "Roboto",sans-serif;font-size: 30px;font-weight: 400;line-height: normal;padding-bottom: 20px;
text-align: left;text-shadow: none;text-transform: capitalize;position: relative;}
.fgp > h1::after {background-color: #ffffff; bottom: 0;color: #ffffff;content: ""; height: 1px;left: 0;position: absolute;width: 30px;}
.fgp.adcy5 > p{color: #ffffff;font-family: "Roboto",sans-serif;font-size: 18px;font-weight: 300;line-height: normal;margin-top: 24px;
text-shadow: none;letter-spacing: 0.01em;}
.gbp5 li {color: #ffffff;font-family: Roboto,sans-serif;font-size: 1.1rem;font-weight: 300;line-height: normal;text-align: left;
text-shadow: none;}
.fgp {padding: 0px 0;}
.sht5 {background: rgba(227, 50, 43, 0.6) none repeat scroll 0 0;border: 0 none;color: #ffffff;padding: 30px 60px;}
.sad5 input {background-color: #ffffff;color: #000000;font-size: 1rem;height: 45px;padding: 5px 10px;}
.sad5{display: inline-block;vertical-align: top;width: 100%;margin-bottom: 20px;}
.anad5 {display: inline-block;vertical-align: top;width: 65%;margin-left: 10%;}
.cbn5 {color: #ffffff;display: inline-block;font-size: 1rem;padding: 7px 20px;}
.dbn5 {width: 30%;font-size: 1.2rem;}
.gta5 { color: #ffffff;font-size: 1rem;font-weight: 400;padding: 10px 29px 9px 23px;text-align: center;text-transform: capitalize;
background-color: #A9392A!important;width: 100px;border: 1px solid #ffffff!important;}
.ght5 {display: inline-block;vertical-align: top;width: 25%;}
.bvc5 {text-align: right;margin-top: 19px;margin-right: 23px;}
.mat5 > h1 {color: #ffffff;font-size: 1.7rem;padding: 34px 34px 34px 0;text-transform: capitalize;position: relative;font-weight: 400;}
.gbp5 {padding-left: 50px;}
.mat5 > h1::after {background-color: #ffffff;bottom: 0;color: #ffffff;content: "";height: 1px;left: 0;position: absolute;width: 30px;top: 80%;}
.mat5 {margin-bottom: 40px;}
.klm5{margin-top: 0!important;}
.got5 {color: #ffffff;font-size: 12px;font-weight: normal;margin-left: 0;padding: 0 0 0 6px;}
.header.tsthedr, .opts {background-color: #1d2743;padding: 10px 0px;}
.container.contai5 {width: 80%;}
.downloads .container.contai5 {width: 70%;}




/*===========================================================
                  KRISHNA-28-08-2017
===========================================================*/

@media only screen and (max-width: 85em){
    
.container.contai5.par5 {width: 90%!important;}
}

@media only screen and (max-width: 64em){
    .container {box-sizing: border-box; margin: 0 auto; padding: 0 15px; width: 100%;}
    .data5 h1 {font-size: 2rem;padding-bottom: 8px;}
    .fgp.adcy5 > p {margin-top: 15px;font-size: 1rem;text-align: justify;}
    .gbp5 { padding-left: 19px;}
    .mat5 { margin-bottom: 0;}
    .mat5 > h1 {font-size: 1.4rem;}
    .sht5 {padding: 30px 50px;}
    .mat5 > h1 {padding-top: 0;}
    #datasht { padding-top: 99px;}
    .ret5 {padding-bottom: 45px;}
    .phmenu {display: block;}
    .menu {display: none;}
    .foots1 {display: none;}
    .foots3 {display: none;}
    .foots2{text-align: center;float: none;margin-right: 0;}
    .footer { padding: 18px 0 16px;}
	.downloads .container.contai5 {width: 90%;}
    .data5{width: 100%;}
    .data5 h1 {font-size: 1.7rem;}
    .gbp5 {padding-left: 0;padding-top: 20px;}
    .datas5 {width: 100%;margin-left: 0;}
    
}

@media only screen and (max-width: 48em){
    .data5, .datas5 {width: 100%;}
    .datas5 {margin-left: 0;}
    .sht5 {box-sizing: border-box;max-width: 800px;}
    .ram5{width: 100%!important;padding-bottom: 15px;}
    .zf-tempContDiv.karg5{margin-left: 0!important;}
    .zf-leftAlign .zf-tempFrmWrapper .zf-labelName .ram5{width: 100%!important;}
    .zf-fmFooter.raj5 {text-align: center;}
    .sht5 {padding: 30px;}
    .container.contai5.par5{width: 100%!important;box-sizing: border-box;padding: 0 15px;}

    
}


@media only screen and (max-width: 39em){
    .anad5 {width:100%;}
    .bvc5 {margin-top: 6px; text-align: center;margin-left: 0}
    .anad5 {margin-left: 0;}
    .data5 h1 {font-size: 1.4rem;}
}