@charset "utf-8";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, font, 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 {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline; background: transparent;  list-style: outside none none;}
html{ background:#fff;}
body {  font-family: "proxima-nova";  }
::-moz-selection { /* Code for Firefox */    color: #fff;    background: #ef3cb4;}
::selection {    color: #fff;     background: #ef3cb4;}
a{text-decoration:none; color:#39CFE4;}
a:hover{text-decoration:none; color:#ef3cb4;}
h2{ font-size: 61px;   font-weight: 900;   line-height: 63px; text-transform:uppercase;}
.pbody{font-size:17px; font-weight:500; line-height:17px; color:#000;}
.dowlis{color: #000;    display: inline !important;    font-weight: 900;    text-transform: uppercase;}
.wrap{position:relative;}
.grps{ min-width: 1200px;  background: #fff;}
#home{     display: block;    height: 779px;    overflow: hidden;    position: relative;    width: 100%;}
#home .inner-grp{display: block; position: relative;    margin: 71px auto 0;    width: 1200px;}
#home h1{ color: #fff;    font-size: 61px;    font-weight: 900;    line-height: 63px;}
#home .logo{   background:rgba(0, 0, 0, 0) url("/images/dowlis-icon.png") no-repeat scroll center center / cover;    color: #fff;  z-index:1000; position:absolute;   display: block;    height: 200px;    text-align: center;    vertical-align: top;    width: 200px;}
#home .square{background: rgba(115, 115, 115, 0.18) none repeat scroll 0 0;position:absolute;    display: block;    height: 200px;    width: 200px;}
#home .inner-grp div a{ display: block;    height: 100%;    width: 100%;}
.icoc{opacity:0.65;cursor:pointer;  z-index:1000; position:absolute; -webkit-transform: translateZ(0);}
.icoc:hover{opacity:1!important;}
.fact{   background:rgba(0, 0, 0, 0) url("/images/sourcing.png") no-repeat scroll center center / cover!important;}
.tree{   background:rgba(0, 0, 0, 0) url("/images/csr.png") no-repeat scroll center center / cover!important;}
.understand{   background:rgba(0, 0, 0, 0) url("/images/understanding.png") no-repeat scroll center center / cover!important;}
.creativit{   background:rgba(0, 0, 0, 0) url("/images/creativity.png") no-repeat scroll center center / cover!important;}
.top{top: 0;}
.mid{top: 220px;}
.botto{top: 440px;}
.o1{}
.o2{margin-left: 220px;}
.o3{margin-left: 440px;}
.o4{margin-left: 660px;}
.o5{margin-left: 880px;}
.contactus{  background: rgba(0, 0, 0, 0) url("/images/contact-us.png") no-repeat scroll center center / cover !important;
    display: block;
    height: 70px;
    margin-left: 1100px;
    opacity: 0.3;
    position: fixed;
    top: 0;
    transition: all 1s ease 0s;
    width: 70px;
    z-index: 99;}
	.contactus:hover{opacity: 1;}
#home .recta{background: rgba(133, 133, 133, 0.47) none repeat scroll 0 0;position:absolute;    display: block;    height: 200px;    width: 420px;}
#about-dowlis{    overflow: hidden;    position: relative;    top: 0; z-index: -1;}
#about-dowlis .bg{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc936+0,ffb30f+100 */background: #ffc936; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzkzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmIzMGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #ffc936 0%, #ffb30f 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc936), color-stop(100%,#ffb30f)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffc936 0%,#ffb30f 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffc936 0%,#ffb30f 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffc936 0%,#ffb30f 100%); /* IE10+ */background: linear-gradient(to bottom, #ffc936 0%,#ffb30f 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc936', endColorstr='#ffb30f',GradientType=0 ); /* IE6-8 */    display: block !important;    height: 563px;    top: 8px;    width: 100%;    z-index: -1;}
#about-dowlis .inner-grp {height: 563px;    margin: 0 auto;    max-width: 1200px;    position: relative;}
#about-dowlis .left { background: #fff none repeat scroll 0 0;    bottom: 0;    box-shadow: 0 0 9px #adadad;    height: 474px;    position: absolute;    width: 597px;}
#about-dowlis .left .grpz{color: #525252;    font-size: 23px;    font-weight: 100;    line-height: 28px;    padding: 24px 20px 28px;    vertical-align: bottom;}
.boldz{color: #000000;    font-weight: 500;}
#about-dowlis .right { color: #fff;
    display: block;
    left: 54%;
    position: fixed;
    top: 258px;}
#about-dowlis .right span{font-size: 59px;    font-weight: 100;}
#about-dowlis .right h1{font-size: 100px;    font-weight: 900;    line-height: 55px;    text-transform: uppercase;}
#grp3{margin: -1px 0 1px; }
#grp3 .inner-grp{  height: 689px;    margin: 0 auto;    position: relative;    width: 1200px;}
#grp3 .left{position:absolute;  top: 91px;}
#grp3 .left span{font-size: 59px; color:#ffc127;    font-weight: 100; line-height: 43px;}
#grp3 .left h1{font-size: 63px; color:#ffc127;    font-weight: 900;    line-height: 50px;    text-transform: uppercase;}
#grp3 .inner-grp h2{color: #fff;    font-size: 63px;    font-weight: 900;    line-height: 63px;    padding-top: 10px;    text-transform: uppercase;}
#grp3 .right{bottom: 100px;    position: absolute;    right: 26px;    width: 628px;}
#grp3 .img{ background: rgba(0, 0, 0, 0) url("/images/dowlis-coconut2.png") no-repeat scroll left bottom / cover ;    bottom: 0;    height: 435px;    left: 0;    position: absolute;    width: 481px;}
#grp4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb30f+0,ffffff+90 */background: #ffb30f; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYjMwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);background: -moz-linear-gradient(top, #ffb30f 0%, #ffffff 90%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb30f), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffb30f 0%,#ffffff 90%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffb30f 0%,#ffffff 90%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffb30f 0%,#ffffff 90%); /* IE10+ */background: linear-gradient(to bottom, #ffb30f 0%,#ffffff 90%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb30f', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ box-shadow: 0 77px 5px -73px rgba(0, 0, 0, 0.22) inset;}
#grp4 .inner-grp {    height: 689px;    margin: 0 auto;    position: relative;    width: 1200px;}
.prepf{position: relative;    top: 79px;}
#grp4 .body{  position: relative;    top: 129px;}
.prepf span{ color: #ffffff;    display: block;    font-size: 59px;    font-weight: 100;    line-height: 74px;    text-align: center;}
.prepf h1{color: #ffffff;    font-size: 63px;    font-weight: 900;    line-height: 50px;    text-align: center;    text-transform: uppercase;}
.txt{color: #525252;    font-size: 23px;    font-weight: 100;    line-height: 28px;}
#grp4 .item{ float: left;    margin: 0 0 0 62px;    position: relative;    top: 0;    width: 300px;}
#grp4 .item h3{color: #FFC60E;    display: block;    font-size: 30px;    font-weight: 700;    position: absolute;    text-align: center;    top: 219px;    width: 300px;}
#grp4 .item .textro{ display: block;    font-size: 20px;    font-weight: 100;    position: relative;    text-align: center;    top: 267px;}
#grp4 .item img{left: 50px;    position: absolute;    top: 0;    width: 200px;}
#grp44{background:#fff;}
#creativity-and-our-clients{position: relative;}
#creativity-and-our-clients .pref{width:100%; background:#fff; height:359px;}
#creativity-and-our-clients .bg{    width: 100%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff367f+0,c22929+100 */background: #ff367f; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzY3ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjI5MjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #ff367f 0%, #c22929 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff367f), color-stop(100%,#c22929)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ff367f 0%,#c22929 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ff367f 0%,#c22929 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ff367f 0%,#c22929 100%); /* IE10+ */background: linear-gradient(to bottom, #ff367f 0%,#c22929 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff367f', endColorstr='#c22929',GradientType=0 ); /* IE6-8 */}
.riptop{ background: rgba(0, 0, 0, 0) url("/images/top-rip.png") repeat-x scroll left top;    display: block;    height: 49px;    position: relative;    top: 0px;    width: 100%;}
.ripbottom{background: rgba(0, 0, 0, 0) url("/images/bottom-rip.png") repeat-x left top;    height: 57px;    width: 100%;    display: none;    position: fixed;    bottom: 0px;}
#creativity-and-our-clients .inner-grp{margin:0 auto; width:1200px;position:relative;}
#creativity-and-our-clients .inner-grp h1{color: #fff;    font-size: 63px;    font-weight: 900;    line-height: 63px;    padding-top: 10px;    text-transform: uppercase;}
#creativity-and-our-clients .title1{position: absolute;    top: 20px;}
#creativity-and-our-clients .inner1{height: 810px;    position: relative;}
#creativity-and-our-clients .inner1 h1{}
#creativity-and-our-clients .inner1 span{}
#creativity-and-our-clients .inner1 div{}
#creativity-and-our-clients .inner2{ height: 919px;    position: relative;}
#creativity-and-our-clients .inner2 .title{position: absolute;    right: 240px;    top: 86px;}
#creativity-and-our-clients h3{color: #fff;    font-size: 60px;    font-weight: 100;    line-height: 43px;}
#creativity-and-our-clients h4{ color: #fff;    font-size: 60px;    font-weight: 900;    text-transform: uppercase;}
#creativity-and-our-clients .inner2 .bods{ position: absolute;    top: 568px;    left: 20px;    font-size: 23px;    font-weight: 100;    color: #fff;    width: 467px;}
#creativity-and-our-clients .inner2 .img1{left: 37px;    position: absolute;    top: 56px;}
#creativity-and-our-clients .inner2 .img2{position: absolute;    right: 0;    top: 240px;}
#creativity-and-our-clients .text1{right: 20px;    top: 320px;    width: 500px;}
#creativity-and-our-clients .img3{ left: 48px;    position: absolute;    top: 179px;}
#creativity-and-our-clients .img4{bottom: 0;    left: 557px;    position: absolute;}
#creativity-and-our-clients .text2{ left: 200px;    top: 646px;    width: 800px;    text-align: center;}
#creativity-and-our-clients .txt2{font-size: 23px;position:absolute;    font-weight: 100;    color: #fff;}
#creativity-and-our-clients .boldz {color:#fff!important;}
#grp6{}
#grp6 .inner-grp{ margin: 0 auto;    width: 1200px;    height: 940px;}
#grp6 .title{text-align: center;    padding-top: 43px;}
#grp6 h3{color: #FF0565 ;    font-size: 60px;    font-weight: 100;    line-height: 43px;}
#grp6 h4{ color: #FF0565 ;    font-size: 60px;    font-weight: 900;    text-transform: uppercase;}
#grp6 .text{ font-size: 20px;    font-weight: 100;    margin: 20px auto 40px;    text-align: center;    width: 970px;}
#grp6 ol{ margin: 0 auto;    width: 900px;}
#grp6 li{ display: inline-block;    margin-right: 70px;    vertical-align: top;    width: 165px;    margin-bottom: 41px;}
#grp6 .mid{  margin-right: 0 !important;}
#grp6 li img{}
#corporate-social-responsibility-and-certification{}
#corporate-social-responsibility-and-certification .bg{height: 1270px; box-shadow:0 10px 10px -3px rgba(0, 0, 0, 0.22) inset, 0 -10px 10px -3px rgba(0, 0, 0, 0.22) inset;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00cc16+0,019b12+100 */background: #00cc16; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwY2MxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTliMTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #00cc16 0%, #019b12 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cc16), color-stop(100%,#019b12)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #00cc16 0%,#019b12 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #00cc16 0%,#019b12 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #00cc16 0%,#019b12 100%); /* IE10+ */background: linear-gradient(to bottom, #00cc16 0%,#019b12 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cc16', endColorstr='#019b12',GradientType=0 ); /* IE6-8 */}
#corporate-social-responsibility-and-certification .left{background: #fff none repeat scroll 0 0;    box-shadow: 4px 4px 5px 0 rgba(0, 0, 0, 0.22);    height: 664px;    width: 50%;float:left; margin-top: -1px;}
#corporate-social-responsibility-and-certification .right{height: 664px;    width: 50%;float:left;}
#corporate-social-responsibility-and-certification .left .inz{width:600px;margin-left: auto;position: relative;}
#corporate-social-responsibility-and-certification .right .inz{width:600px;margin-right: auto;position: relative;}
#corporate-social-responsibility-and-certification .left h2{ color: #00cc16;    font-size: 60px;    font-weight: 100;    text-transform: none;    position: absolute;    top: 84px;}
#corporate-social-responsibility-and-certification .left h3{ color: #00cc16;    font-size: 30px;    font-weight: 100;    position: absolute;    top: 485px;}
#corporate-social-responsibility-and-certification .right h2{color: #fff;    font-size: 60px;    font-weight: 900;    left: 69px;    position: absolute;    top: 442px;}
#corporate-social-responsibility-and-certification .right img{ position: absolute;    top: 50px;    left: 143px;}
#corporate-social-responsibility-and-certification .subwrap{width:1200px;margin:0 auto; clear:both;}
#corporate-social-responsibility-and-certification .lefty{float:left;width:600px;position:relative;}
#corporate-social-responsibility-and-certification .righty{float:right;width:600px; position:relative;}
#corporate-social-responsibility-and-certification .textf{color: #fff;    display: block;    font-size: 23px;    font-weight: 100;    margin: 6px auto 0;    text-align: center;    width: 319px;}
#corporate-social-responsibility-and-certification .boldz{  color: #fff !important;}

#corporate-social-responsibility-and-certification .subwrap h4 {    color: #fff;    font-size: 40px;    font-weight: 700;    text-align: center;}

#corporate-social-responsibility-and-certification .subwrap img{display: block;    margin: 120px auto 30px;}
#grp88{}
#grp88 .bg{height:1445px;width:1200px; margin:0 auto;position:relative;}
#grp88 h3{color: #00cc16 ;display:block; text-align:center;  margin-top: 46px;    font-size: 60px;    font-weight: 100;    line-height: 43px;}
#grp88 h4{ color: #00cc16;display:block; text-align:center;    font-size: 60px;    font-weight: 900;    text-transform: uppercase;}
#grp88 h5{ color: #00cc16;    display: block;    font-size: 40px;    font-weight: 300;    margin: 74px 0 34px;    text-align: center;}
#grp88 ol{display: table;width: 100%;text-align: center;}

#grp88 li {
    display: inline-table;
    text-align: center;
    vertical-align: top;
    width: 28%;
}

.memol li{    width: 19% !important;}
#grp88 a{display: inline-block;    height: 154px;    line-height: 209px;    padding-bottom: 10px;    width: 154px;}
#grp88 img{}
#grp88 span{display: block;color: #00cc16;    padding: 0 46px;}
.award{color: #000 !important;    font-weight: 600;    width: 287px;}
.redots{ bottom: 20px;    left: 560px;    position: absolute;}
#dowlis-values{box-shadow: 0 10px 10px -3px rgba(0, 0, 0, 0.22) inset, 0 -10px 10px -3px rgba(0, 0, 0, 0.22) inset;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fc2f03+0,da2c07+100 */background: #fc2f03; /* Old browsers *//* IE9 SVG, needs conditional override of 'filter' to 'none' */background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjMmYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYTJjMDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top, #fc2f03 0%, #da2c07 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc2f03), color-stop(100%,#da2c07)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fc2f03 0%,#da2c07 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fc2f03 0%,#da2c07 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fc2f03 0%,#da2c07 100%); /* IE10+ */background: linear-gradient(to bottom, #fc2f03 0%,#da2c07 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc2f03', endColorstr='#da2c07',GradientType=0 ); /* IE6-8 */}
#dowlis-values .bg{height:2112px;width:1100px; margin:0 auto;position:relative;}
#dowlis-values h3{ color: #fff;    display: block;    font-size: 60px;    font-weight: 900;    line-height: 43px;    padding-top: 48px;    text-align: left;    text-transform: uppercase;}
#dowlis-values h4{ color: #fff;display:block; text-align:left;    font-size: 60px;    font-weight: 100;}
#inter{background: rgba(0, 0, 0, 0) url("/images/values1.png") no-repeat scroll 0 0;    position: absolute;    top: 323px;    width: 301px;}
#resp{ background: rgba(0, 0, 0, 0) url("/images/values2.png") no-repeat scroll 0 0;    margin-left: 265px;    position: absolute;    top: 723px;    width: 302px;}
#people{ background: rgba(0, 0, 0, 0) url("/images/values2.png") no-repeat scroll 0 0;    margin-left: 531px;    position: absolute;    top: 1123px;    width: 302px;}
#vision{ background: rgba(0, 0, 0, 0) url("/images/values3.png") no-repeat scroll 0 0;    margin-left: 796px;    position: absolute;    top: 1521px;    width: 302px;}
.source{color: #fb2b03; z-index: 1;    display: block;    font-size: 40px;    font-weight: 900;    height: 167px;    line-height: 167px;    text-align: center;    text-transform: uppercase;}
#intertxt {
    left: 351px;
    top: 347px;
    width: 490px;
}
#resptxt {
    left: 607px;
    top: 747px;
    width: 399px;
}
#peopletxt {
    left: 50px;
    top: 1123px;
    width: 474px;
}
#visiontxt {
    left: 264px;
    top: 1543px;
    width: 496px;
}
.sourcetxt {
    color: #fff;
    display: block;
    font-size: 32px;
    font-weight: 300;
    position: absolute;
}
.dowlisap{bottom: 100px;    color: #fff;    font-size: 60px;    font-weight: 100;    position: absolute;    text-align: center;    width: 100%;}
#grp7{margin: 50px 0 66px;}
#contact-us .inner-grp{ margin: 37px auto 0;    max-width: 1000px;}
#contact-us .dets {width:50%; float:left;}
#contact-us h3{ color: #02b6cb;
    font-size: 60px;
    font-weight: 900;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase;}
#contact-us .dets h3{text-align:left;}
#contact-us .dets {width:50%;float:left;}
#contact-us .dets h3{text-align:right;}
#contact-us .dets span{    font-size: 26px;
    font-weight: 400;
    margin-bottom: 18px;
    text-align: right;}
	#contact-us .right.dets {
    text-align: right;
}
#contact-us .dets iframe {
    margin-top: 20px;
}
#contact-us a{color:#02b6cb;}
#contact-us a:hover{color:#000;}
#contact-us a:hover .dowlis{color:#ef3cb4;}
#contact-us .contacttxt{ font-size: 26px;    font-weight: 400;    line-height: 39px;}
#contact-us .red{color:#02B6CB;}
#contact-us h4{color: #02b6cb;
    font-size: 42px;
    font-weight: 400;
    margin: 32px 0 21px;
    text-align: center;}
#contact-us form{}
.cen {
    margin: 0 auto 20px;
    overflow: hidden;
    width: 70%;
}
#contact-us input{background: none repeat scroll 0 0 #87D8E3;    border: 4px solid #87D8E3;    color: #fff;    float: left;    font-size: 20px; margin-bottom: 16px;    height: 28px;    line-height: 28px;    padding: 1%;    width: 96%; transition: all 0.2s ease 0s;}
#contact-us .submit{background: none repeat scroll 0 0 #02b6cb;    border: 3px solid #FFFFFF;    color: #ffe6e6;    cursor: pointer;    font-weight: 900;    height: 49px;    margin: 19px 0 0;    transition: all 0.5s ease 0s;    width: 104px;}
#contact-us .submit:hover{background: none repeat scroll 0 0 #fff;    border: 3px solid #02b6cb;    color: #000;}
#contact-us textarea{margin-bottom: 22px;background: none repeat scroll 0 0 #87D8E3;color: #fff;line-height: 28px;font-size: 20px; font-weight: 600;    border: medium none; border: 4px solid #87D8E3; padding:1%; font-family: proxima-nova; height: 233px;    resize: none;    width: 96%; transition: all 0.2s ease 0s;}
#contact-us .on{background: none repeat scroll 0 0 #fff!important; color:#000!important; border: 4px solid #02b6cb!important;}
#home1{   position: relative; margin-top: 200px; }
#home1 .left{background: url("/images/dowlis-coconut.jpg") no-repeat scroll right top / cover rgba(0, 0, 0, 0);    float: left;    height: 300px;    width: 50%;}
#home1 .right{background: url("/images/stanley-money-box.jpg") no-repeat scroll left center / cover rgba(0, 0, 0, 0);    float: left;    height: 300px;    width: 50%;}
#home1 h2{}
#home1 .inner-grp{ margin: 37px auto 0;    max-width: 1000px;}
#home1 .inner-grp .bit{width:50%; float:left;}
#home1 h3{color: #39CFE4;    font-size: 26px;    font-weight: 900;    margin-top: 18px;    text-align: center;    text-transform: uppercase;}
#home1 h3.other{color:#EF3CB4;}
#home1 span{display: block; height: 122px;    margin: 10px auto 0;    text-align: center;    width: 75%;}
#home1 .info{background: url("/images/plusblack.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    cursor: pointer;    height: 42px;    margin: 20px auto;    opacity: 0.3;    transition: opacity 1s ease 0s;    width: 42px;}
#home1 .info:hover{ background: url("/images/plusp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    opacity: 1;}
#grp8 .inner-grp{margin: 32px auto 200px;    max-width: 1000px;}
#grp8 h2{ background: none repeat scroll 0 0 #fff;    color: #ef3cb4;text-align: center;    padding: 0 13px 0 0;}
#grp8 .bit, #grp8 .bit2{width:50%; float:left;}
#grp8 h3{ color: #39cfe4;    font-size: 35px;    font-weight: 900;    line-height: 16px;    text-indent: -1px;    text-transform: uppercase;}
#grp8 .pbody {display:block;margin-bottom: 41px; text-align: center;}
#grp8 .bit2 h3{color: #3c5a98;}
#grp8 h3 span{color: #000;    font-size: 25px;}
#grp8 .one{background:#39cfe4;}
#grp8 .two{background:#3c5a98;}
#grp8 .boxy{ display: block;    min-height: 319px;    padding: 2%;    width: 96%;}
#grp8 .grpy{margin: 0 auto;    width: 75%;}
#tweeter-feed{background: none repeat scroll 0 0 #e5e5e5;}
#facebox{}
#grp12{background: #02b6cb none repeat scroll 0 0;    border-top: 1px solid #e3e3e3;    box-shadow: 0 13px 10px -11px rgba(0, 0, 0, 0.34) inset, 0 -14px 10px -19px rgba(0, 0, 0, 0.34) inset;    height: 453px;    margin-top: 59px;    padding-top: 50px;}
#grp12 .inner-grp{ margin: 0 auto;    max-width: 1000px;}
#grp12 .bit{float:left;}
#grp12 h3{color: #fff;
    font-size: 45px;
    font-weight: 600;
    text-align: center;}
#grp12 .right{font-size: 21px;    line-height: 27px;    margin: 6px auto 0;    text-align: center !important;    width: 460px;}
#grp12 .right a{color:#000000;}
#grp12 .right a:hover{color:#39CFE4;}
#grp12 .left{font-size: 21px;    line-height: 27px;    margin: 6px auto 0;    text-align: center !important;    width: 460px;}
#grp12 .left a{ color: #000000;}
#grp12 .dowliscom{display: block;    margin: 50px auto 0;    width: 289px;    background: #fff;    border-radius: 40px;    padding: 40px;}
#grp12 .heart{  background: #ef3cb4 none repeat scroll 0 0;
    border-color: #fff;
    border-image: none;
    border-radius: 40px;
    border-style: solid;
    border-width: 61px 40px;
    cursor: pointer;
    display: block;
    height: 49px;
    margin: 49px auto 0;
    transition: all 0.5s ease 0s;
    width: 338px;}
#grp12 .heart img{margin-top:-1px; margin-left:-1px;}
#grp12 .pbody{color:#fff;}
.clearme{clear: both;}
#grp10{   background: #b3b3b3 none repeat scroll 0 0;    box-shadow: 0 15px 14px -10px rgba(0, 0, 0, 0.34) inset;    height: 222px;}
#grp10 .copyr{background: rgba(0, 0, 0, 0) url("/images/dowlis-logo.png") no-repeat scroll center top;
    color: #ededed;
    display: block;
    left: 373px;
    padding-top: 82px;
    position: absolute;
    text-align: center;
    top: 67px;
    width: 440px;}
#grp10 .inner-grp{ margin: 0 auto;    width: 1200px;    position: relative;}
#arrows{}
#arrows .arrow{ cursor: pointer;    font-family: Arial;    font-size: 77px;    font-weight: 900;    position: absolute; z-index: 50;    top: 50%;}
#arrows .arrow:hover{opacity: 0.5;}
#arrows .left{left:30px;}
#arrows .right{right:30px;}
#close{font-size: 40px;cursor: pointer;    font-weight: 900;    left: 30px;    position: absolute;    top: 80px;}
#close:hover{opacity: 0.5;}
#contents{margin: 75px auto 0;    max-width: 1000px;  padding-left: 85px;}
.slide h2{background: none repeat scroll 0 0 transparent !important;    color: #ffc340;    display: inline-block;    font-size: 30px;    font-weight: 800;    line-height: 30px;    padding: 0 !important;}
.slide h3{font-size: 21px;    font-weight: 600;}
.slide{ position: relative;}
.slide .logo, .slide .img1, .slide .img2{position: absolute; z-index: -1;}
.slide .logo{right: 10px;    top: 22px;}
#slid2{}
#slid2 .logo{}
#slid2 .img1{left: 0;    top: 444px;}
#slid2 .img2{ right: 44px;    top: 201px; }
#slid2 .pbody{ font-size: 14px;    margin: 0 !important;    max-width: 500px;    padding: 14px 0 0;    text-align: left !important;}
.icowhite{background-color:#fff!important;}
#grp20{}
#grp20 .inner-grp{ height: 750px;    margin: 0 auto;    position: relative;    width: 1200px;}
#grp20 h2{color: #02b6cb;    font-size: 60px;    font-weight: 100;    position: absolute;    right: 10px;    text-align: right;    text-transform: none;    top: 10px;    z-index: 11;}
#teamtype{ color: #ea008a;    font-weight: 900;    text-transform: uppercase;}
#submenu{width: 382px;    position: absolute;    top: 15px;}
#submenu .layouts{}
#submenu area{cursor:pointer;  -webkit-tap-highlight-color: rgba(0,0,0,0); }
#team1{height: 170px;}
#team2{ height: 221px;}
#team3{ height: 184px;}
#team4{ height: 148px;}
#userinfo{  height: 661px;    left: 400px;    position: absolute;    top: 89px;    width: 785px;    z-index: 10;}
#username{color: #02b6cb;    font-size: 35px;    font-weight: 900;}
#usertitle{color: #02b6cb;    font-size: 30px;    font-weight: 100;    line-height: 21px;    margin-bottom: 8px;}
#usertext{color: #636363;    font-size: 18px;    font-weight: 300;    margin-right: 12px; }
#useremail{ color: #676767;    display: block;    font-size: 18px;    font-weight: 400;    margin-top: 14px;    text-decoration: underline;}
#userimage{bottom: 0;    height: 688px; background-position: right bottom;    position: absolute;    right: 0;    width: 406px;background-image:url(/images/team/ma1.png);}
#clickmrinto{}
#tooltip{background: #ffffff none repeat scroll 0 0;    border: 4px solid #5fbbd9;    border-radius: 6px;    color: #02b6cb;        font-weight: 700;    padding: 3px 7px;    position: absolute;display:none;z-index:999;}
#userbox{background: #fff none repeat scroll 0 0;    border: 3px solid #000000;    border-radius: 18px;    max-height: 568px;    padding: 20px;    position: absolute;    width: 347px;    z-index: 11;}
#bubl{ left: 390px;    position: absolute;    top: 171px;    z-index: 12;}
.errorz{color: #f00;
    float: left;
    font-weight: 600;
    text-align: left; display: none;
    width: 400px;}
	#footerlinks{position: absolute;
    top: 59px;}
	#footerlinks ol{}
	#footerlinks ol h4{font-size: 22px; color: #fff;}
	#footerlinks li{}
	#footerlinks a{color: #fff;}
	#footerlinks a:hover{	text-decoration:underline;}
	#weltxt{ color: #fff;
    padding: 20px 0 0 17px;}
	#wel1{display: block;
    font-size: 25px;line-height: 25px;
    font-weight: 500;}
	#wel2{ display: block;
    font-size: 42px;
    font-weight: 800;
    line-height: 42px;}
	#wel3{ display: block;
    font-size: 36px;
    font-weight: 500;}
	#wel4{display: block;
    font-size: 17px;
    font-weight: 500;
    margin-top: 4px;
    width: 398px;}
	#scrtxt{ color: #fff;
    font-size: 22px;
    margin-top: 57px;
    text-align: center;}
@media only screen and (min-width:260px){      }
@media only screen and (min-width:750px){}
@media (min-width: 992px) {}
@media only screen and (min-width:1440px){}