/* 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%;}
.logo { float: left; width: 210px;}
.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;position: relative;}
.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: 0.8rem; letter-spacing: 0.05em; line-height: 0.9em; padding: 30px 10px 30px 48px; text-align: center; text-transform: uppercase;font-weight: 700; background: #e1e6ed url("../img/menicn1.png") no-repeat scroll left center / 75px 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;}
.enj span{font-size: 1.4em;}
.lst > li:first-child .engagd2 {display: block;}
.manimg {left: 3%;position: absolute;top: 22%; width: 19%;}
.ipad { padding: 45px 20px 0 0;position: absolute;bottom: 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 {  font-size: 1.2rem; font-weight: 400; text-transform: capitalize; padding-bottom: 14px; padding-left: 0; line-height:0.8em;     color: #ffffff;
    font-size: 1.2rem;
    padding-bottom: 23px;
    text-transform: capitalize;}
.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; font-weight: bold;}
.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;text-align: center;}
.num > p { color: #767c81; font-size: 1.1rem; letter-spacing: 0.03em; line-height: 1.1em; padding-top: 5px;text-align: center;}
.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: #f3f4f5;}
.fcntnr { margin: 0 auto; width: 860px;}
.frstr {font-size: 0;}
.frestr { box-sizing: border-box; display: inline-block; padding: 24px 12px 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: #fc896a;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;-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: 1170px; width: 100%;}
.link > h3, .social h3 { color: #fafafa; font-size: 1.3em; letter-spacing: 0.03em; line-height: 1.2em; text-transform: capitalize; font-weight: 500;font-family: 'Roboto Slab', serif;}
.link { max-width: 254px; 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: 5px; width: 1px;}
.lnks > li:last-child { padding-right: 0;}
.lnks > li { display: inline-block; padding-right: 6px; position: relative; vertical-align: top;}
.lnks a { color: #fafafa; display: block; font-size: 0.76em; font-family: 'Roboto', sans-serif;font-weight: 500;}
.fts1 { display: inline-block; vertical-align: top;}
.link > p { color: #fafafa; font-size: 0.66em; line-height: 2.1em; font-family: 'Roboto', sans-serif;font-weight: 600;}
.fts1:last-child { margin-left: 90px;}
.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 {display: inline-block; margin-right: 65px;vertical-align: top;width: 11%;}
.ftxt > p { color: #fafafa; font-size: 0.66em; line-height: 1.4em; font-family: 'Roboto', sans-serif;}
.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; font-weight: bold;}
.person { font-size: 0;}

/*.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:#dfd1ec}
.prsns:nth-child(3){background-color:#e9e0f2}
.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: 18px 65px 16px 0; background: url("../img/play.png") no-repeat scroll right center / 55px auto;}
/*=================================================================
                fancy box
================================================================*/
.fancybox-opened {z-index: 8030;}
.fancybox-skin {background: #f9f9f9 none repeat scroll 0 0;border-radius: 4px;color: #444444;position: relative;text-shadow: none; padding: 0 !important;}
.fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-image, .fancyboxzp-iframe {display: block;height: 100%;width: 100%;}
.fancybox-close {cursor: pointer;height: 36px;position: absolute;right: -18px;top: -18px; width: 36px;z-index: 8040;background-image: url("../img/fancybox_sprite.png") no-repeat;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url("../img/fancybox_sprite.png");}
.fancybox-overlay {background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;left: 0;overflow: hidden;top: 0;}
.fancybox-overlay-fixed { bottom: 0; position: fixed; right: 0; z-index: 8001;}
.fancybox-title-float-wrap .child{text-transform: uppercase;}
.fancybox-inner{overflow: hidden !important;}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0 none;margin: 0;outline: medium none; padding: 0;vertical-align: top;}
.fancybox-prev {left: 0;}
.fancybox-nav { background: rgba(0, 0, 0, 0) url("blank.gif") repeat scroll 0 0; cursor: pointer; height: 100%; position: absolute; text-decoration: none; top: 0;width: 40%;z-index: 8040;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav span { visibility: hidden;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-title-float-wrap .child { color: #004785; display: block; padding: 15px 0; text-align: center;}

.header.tsthedr { padding: 15px 0;background-color: #1d2743}
/*====================================================
                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:83px 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;}
/* ==========================================================================
   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; }

/*===================================================
        Transition Effects
===================================================*/
a, .nor, .hov, .frestr, .header, .opts, .soci9.sho, .soci9{-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);}
.azs5, .azs5:hover{-webkit-transition: all 0ms ease-in-out;
-moz-transition: all 0ms ease-in-out;
-ms-transition: all 0ms ease-in-out;
-o-transition: all 0ms ease-in-out;
transition: all 0ms ease-in-out;}


/*=========================================================
                    krishna code 08-08-2017
========================================================*/
ants5{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;font-size: 1rem;color: #ffffff!important;top: 100%;}
.azs5:hover {color: #000;background: url("../assets/dred.png")no-repeat scroll left 5px / 44px auto;}
.azs5 {background: rgba(0, 0, 0, 0) url("../assets/downl.png") no-repeat scroll left 5px / 44px auto;color: #ffffff;display: inline-block;
    padding-left: 55px;font-weight: bold;}
.ants5 {padding-top: 45px;}
.manimg > h5 {
    color: #ef7533;
    font-size: 1.3rem;
    padding-top: 11px;
    text-align: center;
    font-weight: 400;
    text-transform: capitalize;
}

.ads5 {
    color: #ffffff;
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: #fc896a;
}
.mimgs > a {
    background-color: #fc896a;
    display: block;
    font-size: 0.9rem;
    padding: 7px 0;
    text-transform: uppercase;
    color: #fff;
}

.frestr:hover .mimgs > a {
    background: #ffffff none repeat scroll 0 0;
    color: #fc896a;
}
.par9 {
    display: table;
    width: 100%;
}
.prsn1 { display: inline-block; vertical-align: top; width: 67.5%;}
.prsns { box-sizing: border-box; padding: 31px 6px 26px 33px; vertical-align: top; width: 50%; display: table-cell; text-align: center;vertical-align: middle;}
.chi1 { display: table-row;}
.chi1:nth-child(1) .prsns:nth-child(2) { background-color: #e9e0f2;}
.chi1:nth-child(1) .prsns:nth-child(1) {background-color: #f5f0f9;}
.chi1:nth-child(2) .prsns:nth-child(1) { background-color: #e9e0f2;}
.chi1:nth-child(2) .prsns:nth-child(2) {background-color: #f5f0f9;}
.frestr:nth-child(2) p { padding-top: 40%;}
.frestr:nth-child(3) p { padding-top: 40%;}
.frestr:nth-child(4) p { padding-top: 40%;}


.prsns:hover h4 {color: #44275f!important;}


/*========================================================
                Pad code 09-08-2017
=======================================================*/
.soci9 {position: absolute;top: 23px;opacity: 0; transform: scale(0) translateY(-190px);}
.soci9.sho {opacity: 1;transform: scale(1) translateX(0px);}
.ftxt {display: inline-block;vertical-align: top;width: 83%;}
.so9 > a {display: inline-block;vertical-align: top;width: 30px;}
.containers {margin: 0 auto;width: 82%;}
/*=========================================================
               10-08-2017
==========================================================*/
.frestr:first-child {background: #fc896a none repeat scroll 0 0;margin-left: 0;}
.frestr:first-child > p {color: #fff;}
.frestr:first-child .mimgs > a {background: #fff none repeat scroll 0 0;color: #fc896a;}

.frestr:first-child:hover {background: #fff;}
.frestr:first-child:hover > p {color: #fc896a;}
.frestr:first-child:hover .mimgs > a {background-color: #fc896a;color: #fff;}




.frestr:nth-child(2) {background: #fc896a none repeat scroll 0 0;}
.frestr:nth-child(2) > p {color: #fff;}
.frestr:nth-child(2) .mimgs > a {background: #fff none repeat scroll 0 0;color: #fc896a;}



.frestr:nth-child(2):hover {background: #fff;}
.frestr:nth-child(2):hover > p {color: #fc896a;}
.frestr:nth-child(2):hover .mimgs > a {background-color: #fc896a;color: #fff;}

.whi {color: #fff !important;}
/*===========================================================
                    Responsive
===========================================================*/
@media only screen and (max-width:80em){
    .prsn1, .prsn2{width: 100%;}
    .prsns{height: auto !important;min-height: 132px;}
}
@media only screen and (max-width:75em){
    .container{width: 90%;}
    .bantxt > h1{font-size: 1.8em;}
    .bantxt > p{font-size: 0.9em;padding-top: 10px;}
    .bantxt{top: auto;bottom: 150px;}
    .guest > h3{font-size: 1.2em;}
    .ipad{display: none;}
    .met{width: 60px;}
    .engage3{margin-left: 15%;width: 85%;}
    .manimg{width: 15%;left: 0;}
    .dnas:nth-child(2) .dnatxt{top: 20%;}
}


@media only screen and (max-width: 64em){
    .frestr {
    padding-top: 12%;
}
    .desk, .menu, .engagd2, .ipon, .manimg, .foots1, .foots3{display: none;}
    .phmenu, .mob, .enjtxt, .enj{display: block;}
    
    .container, .cntnr, .fcntnr, .footcntnr{width: 100%;box-sizing: border-box;padding: 0 15px;}
    .cntnr, .footcntnr{max-width: 100%;}
    
    .logo {float: left;width: 110px;}
    
    .bantxt > h1{font-size: 1.5em;}
    .guest > h3{font-size: 1.2em;}
    .prsns > h4, .engage3 h2, .cntnr > h2, .dnatxt h2, .social h3{font-size: 1rem;}
    .cntnr > p, .num > p, .dnatxt h5{font-size: 0.8rem;}
    .frestr > p{font-size: 0.9rem}
    .num > h1{font-size: 2.5rem;}
    
    .bantxt > p, .num > p{padding: 0;}
    .engage3{padding-top: 20px 15px 0;box-sizing: border-box;}
    .prsns{padding: 15px;}
    .enjtxt, .numbr{padding: 0 15px;}
    .header { padding: 15px 0;}
    .guest, .cntnr, .forester, .footer{padding: 20px 0;}
    .engage3 h2, .cntnr > h2{padding-bottom: 15px;}
    .guest > h3{padding-bottom: 20px;}
    .enj:first-child, .enj{padding: 0 ;margin-bottom: 15px;}
    .enj:last-child{margin-bottom: 15px;border-bottom: none;}
    .soc{padding-top: 8px;}
    .footer{text-align: center;}
    
    .lst { padding: 0 15px;}
    .lst > li { margin-bottom: 5px;}
    .lst a::after { border: 1px solid #ffffff; border-radius: 50%; box-sizing: border-box; content: "+"; height: 25px; position: absolute; right: 15px; text-align: center; width: 25px;}
    .lst a { background-color: #252329; color: #ffffff; display: block; padding: 8px 25px 8px 15px; position: relative; text-transform: capitalize;}
    .lst > li.added a::after{content: '-';}
    .engage3{margin: 0;width: 100%;}
    .enj::after{width: 0;}
    .enj:last-child{width: 100%;}
    .enj{width: 100%;border-bottom: 1px solid #fff;display: table;}
    .num{text-align: center;}
    .num > h1{font-size: 2.5rem;}
    .clog .mimg .nor{opacity: 0;}
    .clog .mimg .hov{opacity: 1;}
    .dnas:nth-child(2n) .dnatxt{top: 20%;}
    .foots2{float: none;margin: 0;display: inline-block;}
    .met{width: 50px;}
    
}

@media only screen and (max-width: 48em){
    .bantxt{bottom: 110px;box-sizing: border-box;padding: 0 15px;}
     .bantxt > h1{font-size: 1.2em;}
    .bantxt > p{width: 100%;}
    .prsns{min-height: auto;width: 100%;}
    .prsns:nth-child(1){width: 100%;background-color:#f5f0f9;}
    .prsns:nth-child(2){width: 100%;background-color:#dfd1ec;}
    .prsns:nth-child(3){width: 100%;background-color:#e9e0f2;}
    .prsns:nth-child(4){width: 100%;background-color:#dfd1ec;}
    .prsns:nth-child(5){width: 100%;background-color:#f5f0f9;}
    .guest > h3{font-size: 1em;padding: 0 15px 15px;}
    .num{width: 32%;margin-left: 2%;}
    .frestr{width: 48%;margin: 0 0 20px;}
    .frestr:nth-child(2n){margin-left: 4%;}
    .frestr { height: auto !important; min-height: 244px;}
    .dnas{width: 100%;}
    .dnas:nth-child(2n) .dnatxt, .dnatxt { left: 20px; top: 20px;}
    .par9{display: block;}
    .chi1 {display: block;}
    .prsns {padding: 25px 15px;display: block;}
    .chi1:nth-child(2) .prsns:nth-child(1) {background-color: #f5f0f9;}
    .chi1:nth-child(2) .prsns:nth-child(2) {background-color: #dfd1ec;}
.ptxt > p {    background: rgba(0, 0, 0, 0) url("../img/play.png") no-repeat scroll right center / 45px auto;}
    .frestr:nth-child(2) p, 
.frestr:nth-child(3) p, .frestr:nth-child(4) p {padding-top: 15%;}
}
@media only screen and (max-width: 39em){
    .bantxt { bottom: 190px;}
    .bantxt > h1{font-size: 1em;}
     .desks{display: none;}
    .mobs{display: block;}
    .ptxt > p{padding: 12px 45px 10px 0;background-size: 45px;}
    .num > h1{font-size: 2rem;}
    .ptxt > p {background-size: 40px auto;padding: 12px 62px 10px 0;}

    
}
@media only screen and (max-width: 30em){
    .bantxt{bottom: 33px;}
    .bantxt > p{font-size: 0.75em;padding-top: 6px;}
    .num{width: 100%;margin-bottom: 20px;margin-left: 0;}
    .num:last-child{margin-bottom: 0;}
    .frestr{width: 49%;margin: 0 0 20px;}
    .frestr:nth-child(2n){margin-left: 2%;}
    .frestr { min-height: 260px;}
    .frestr > p{padding-bottom: 9px;}
    .azs5 {background: rgba(0, 0, 0, 0) url("../assets/downl.png") no-repeat scroll left 5px / 35px auto;font-size: 0.9em;padding-left: 43px;}
}