a{text-decoration:none;}


a:hover{text-decoration:none;}

a:active{text-decoration:none;}

.wrapper
{
width:1184px;margin:0 auto;overflow:hidden
}
.wrapper2
{
width:97%;margin:0 auto
}
.HeadWrap
{
position:relative;width:1184px;margin:0 auto;height:inherit
}
.headWrap1
{
height:90px!important
}
.ovflnon
{
overflow:initial!important
}
.desktop
{
display:block
}
.none
{
display:none!important
}
.show
{
display:block!important
}
.mobile
{
display:none
}
.hedBgWt
{
width:100%;overflow:hidden;background:#fff
}
.header
{
width:inherit;height:210px;position:fixed;z-index:3;background:#fff
}
.docked_header
{
height:90px!important
}
h1#logo
{
margin:0;width:174px;height:174px;position:absolute;left:3%;top:7%;z-index:9999;background:url(../images/sawari-logo.png) center no-repeat}
.logo_docked
{
width:59px!important;height:59px!important;top:30%!important;background:url(../images/sawari-logo-small.png) center no-repeat!important
}
#about_us
{
margin-top:190px;padding:0
}
#about_us,#case_studies,#contact_us,#disiplines,#people,#work
{
overflow:hidden;display:block;clear:both;float:left;width:100%
}
.anchor
{
display:block;height:76px;margin-top:-76px;visibility:hidden
}
#topIcons
{
position:absolute;right:-1.2%;top:0
}
#topIcons ul
{
margin:0;width:490px;overflow:hidden
}
#topIcons ul li
{
padding:0 1%
}
#nav
{
width:100%!important;border-bottom:1px solid #d0cfcf;border-top:1px solid #d0cfcf;position:absolute;top:44%;right:0;max-width:100%!important
}
#nav ul
{
float:right;margin:0;padding:0;width:680px
}
#nav ul li a h3
{
/*font-family:kabel_dm_btdemi;*/font-size:17px;margin:0;text-transform:uppercase;letter-spacing:0
}
#nav ul li a:hover
{
color:#f17c72;
text-decoration:none;
}
.active
{
text-decoration:none !important;	
color:#f17c72!important;
}
#nav ul li a h3
{
color:inherit;
}
#nav ul li
{
background:url(../images/nav-separator.gif) 5% 50% no-repeat;padding:1% 3% .5%
}
#nav ul li:last-child
{
padding-right:0!important
}
#nav ul li,#topIcons ul li
{
float:left;list-style-type:none
}
#nav ul li a,#topIcons ul li a
{
float:left; color:#464342; font-family: kabel_bk_btbook;
}
#about_us h1
{
text-align:center; font-family: kabel_bk_btbook; font-size:28px;line-height: 39px;
    margin-bottom:8px;
}
.featuredStories
{
font-family:bemboregular;padding:10px 0 10px 51px;background:url(../images/icon-sawari.gif) left 3px no-repeat;font-size:18px;color:#464342;border-bottom:2px solid #d1cfcf
}
.featuredStories em
{
font-size:22px
}
.featuredStories span
{
font-family:kabel_dm_btdemi;font-size:14px;text-align:right;float:right;text-transform:uppercase;padding-top:5px;color:#858176;letter-spacing:2px
}
.half
{
width:50%;float:left
}
.wecreative
{
text-align:center;width:70%;margin:1% auto 0
}
.wecreSub
{
width:100%;font-family:bemboitalic;font-size:24px;text-align:center;clear:both;float:left
}
.oneNHalfCol
{
width:62.66%;float:left;margin-right:1%;margin-top:-1%
}
.fourCol
{
width:30.33%;float:right;margin-top:2%;text-align:center
}
.thrCol
{
width:30.33%;margin-right:2%;float:left;margin-top:4%;
}
#work p.reguler
{
font-family:bemboregular;font-size:30px;line-height:40px;color:#464342
}
.abtBox
{
padding:4% 0;overflow:hidden
}
.abtimg
{
width:40%;padding-right:1%;float:left
}
.abtBoxText
{
padding-top:1%;width:59%;float:right;font-size:24px;text-align:justify;font-family:kabel_bk_btbook;line-height:38px
}
#section4 h2
{
text-align:center
}
.selectedWork
{
text-align:center;overflow:hidden;margin:0% 0 0
}
.peopletext
{
text-align:center;overflow:hidden;margin:1% 0 0
}
.peoSecText
{
font-family:kabel_bk_btbook;font-size:17px;line-height:30px;padding:25px 25px; text-align:justify; line-height:32px; color: #5D5B5B;
}
.wecreSub
{
margin-top: 14px; margin-bottom: 30px;; color:#221512;font-size: 24px;
    font-weight: 500;
    
}
#section4 h2 img
{
width:20%
}
ul.threeCol
{
width:65%;margin:0 auto;padding:0;overflow:hidden;
}
ul.threeCol li
{
float:left;list-style-type:none;width:33.33%;padding-bottom:5%
}
.thumbs
{
overflow:hidden
}
.thumbs li a img
{
width:100%;height:auto
}
.thumbs li a:hover
{
opacity:.5
}
.thumbs li
{
float:left;display:block;list-style-type:none;border:0;line-height:0;width:24.4%;margin:.8% .8% 0 0;background-color:#000
}
.mrgnRtNon
{
margin-right:0!important
}
.caseThumb
{
width:996px;margin:auto;text-align:center
}
#case_studies,.wrapper
{
background:0 0!important
}
#bgGry
{
background:#f1eee7!important
}
.visible
{
display:block!important
}
.caseStdIco
{
padding-bottom:20px
}
.caseContent .caseThumb
{
text-align:left!important
}
#caseContentBox
{
margin:0
}
#caseContentBox li
{
display:none;overflow:hidden;padding-top:2%
}
#caseContentBox li .center img
{
display:block
}
.row
{
width:996px;margin:auto;overflow:hidden
}
#contact_us h1
{
color:#f98070!important;margin-top:15%;text-indent:1%;margin-bottom:0
}
.contBox,.contMap
{
width:48%;float:left;margin:1%;margin-top: -13px; font-family: kabel_bk_btbook;
}
.contBox
{
position:relative
}
.contText
{
position:absolute;margin:10% 0 0 7%;color:#908a80;font-family:kabel_bk_btbook
}
.contText p
{
color:#908a80;text-transform:uppercase;font-family:kabel_bk_btbook;letter-spacing:1px;font-size:18px;margin-top:2%;line-height:22px}
.contText h2
{
font-family:kabel_dm_btdemi;font-size:19px;color:#f98070!important;margin:0;padding:0;letter-spacing:1px;text-transform:uppercase
}
.inrCol1
{
width:70%;float:left;border-right:1px solid #ccc
}
.inrCol1 p
{
text-transform:uppercase;font-size:14px;color:#878787;word-spacing:1px;font-family:kabel_dm_btdemi;margin:0
}
.inrCol2
{
width:29.5%;float:left
}
.inrCol1 .lazy
{
padding:4% 4% 2% 0;width:96%
}
.boxSpace
{
padding:6% 8% 2%
}
.inrCol2 h3
{
font-family:kabel_dm_btdemi;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#74746f;margin-bottom:0
}
.inrCol2 h2
{
font-family:kabel_bk_btbook;font-size:16px;text-transform:uppercase;letter-spacing:1px;margin:0;color:#74746f
}
#back
{
padding-top:20px
}
.justify
{
text-align:justify;font-size:16px;line-height:26px;font-family:kabel_bk_btbook;color:#464342;
}
#sliderText
{
display:inline
}
.space2
{
margin:5% 0;overflow:hidden
}
.ftr
{
margin:5px 0;font-family:kabel_bk_btbook;text-transform:uppercase
}
.ftr span
{
float:right;font-weight:700;letter-spacing:2px;font-size:10px
}
.ftr span span
{
float:none!important
}
.orange
{
color:#f27e6f!important
}
.ftr a{
display:inline!important;margin-right:15px;white-space:nowrap;line-height:25px;font-size:11px; color:#464342;
}
.ftr a:hover
{
text-decoration:none;	
color:#f27e6f
}
#map
{
height:0;overflow:hidden;margin:0 0 20px;position:relative;min-height:265px
}
.portLink
{
overflow:hidden;width:100%
}
.back
{
	width:100px;margin:auto
	}
	@media only screen and (min-width:1367px)
	{
		.flexslider
		{
			min-height:586px
			}
			}
@media only screen and (min-width:981px) and (max-width:1366px)
			{
.HeadWrap,.wrapper
{
width:95%; 

}
.contText h2
{
font-size:18px
}
.contText p
{
font-size:15px;margin-top:5%;line-height:17px; font-family: kabel_bk_btbook;
}
.contText
{
margin:7% 0 0 7%
}
.row
{
width:70%
}
.caseThumb
{
width:80%
}
.flexslider
{
min-height:520px
}
}
@media only screen and (min-width:768px) and (max-width:980px)
{
#nav ul
{
width:500px
}
#nav ul li a h3
{
font-size:13px
}
.HeadWrap,.wrapper
{
width:100%;
}
#work p.reguler
{
font-size:28px;line-height:35px
}
.abtBoxText
{
padding-top:0;width:55%;font-size:18px;line-height:26px
}
.flexslider
{
min-height:475px
}
}
@media only screen and (max-width:980px)
{
.flexslider
{
min-height:193px
}
.caseThumb
{
width:100%
}
.wecreative
{
width:100%;margin:0 auto
}
#work
{
float:none;width:90%;margin:auto
}
.anchor
{
height:100px;margin-top:-100px
}
.flex-direction-nav
{
display:none
}
.row
{
width:100%
}
}
@media only screen and (max-width:767px)
{
.contBox,.contMap
{
padding-bottom:10%
}
.mobminus,.mobminus2
{
margin-left:-10px
}
.peoSecText
{
font-size:18px;line-height:22px;text-align:justify
}
.oneNHalfCol
{
width:100%;margin-right:0
}
.fourCol
{
width:100%
}
.thrCol
{
width:100%;margin-top:8%
}
.half
{
width:100%
}
ul.threeCol
{
width:90%
}
#disiplines h2 img
{
width:30%
}
.header
{
background:#fff
}
.HeadWrap,.wrapper
{
width:95%;
}
h1
{
margin:2.3% 0;font-size:12px;line-height:1
}
.abtimg
{
width:95%;text-align:center;padding-right:0;float:none;margin:0 auto
}
.abtBoxText
{
width:95%;padding-right:0;float:none;margin:5% auto;font-size:18px;line-height:26px
}
#work p.reguler
{
font-size:18px;line-height:25px
}
.featuredStories
{
font-size:15px;padding:10px 0 30px 51px
}
.featuredStories span
{
width:100%;float:left;text-align:left;font-size:12px;margin-top:5px
}
.featuredStories em
{
font-size:18px
}
#topIcons
{
display:none
}
.wecreSub
{
font-size:15px
}
.header
{
height:90px;border-bottom:1px solid #eee
}
ul.threeCol li
{
float:left;list-style-type:none;width:49.9%;padding-bottom:5%
}
h1#logo
{
width:59px!important;height:59px!important;top:20%!important;background:url(../images/sawari-logo-small.png) center no-repeat!important}
.thumbs li
{
width:49.5%;margin:1% 1% 0 0
}
.thumbs li:nth-child(even)
{
margin-right:0!important
}
#about_us
{
margin-top:100px
}
.contBox,.contMap
{
width:100%;margin:0
}
.contText
{
margin:8% 0 0 7%
}
.contText p
{
font-size:13px;margin-top:2%;line-height:14px;
}
.contText h2
{
font-size:15px
}
#contact_us h1
{
margin-top:0;width:100%;text-align:center;padding:20px 0}.justify{font-size:14px;line-height:19px}.inrCol2 h3{font-size:10px}.inrCol2 h2{font-size:16px}.ftr,.ftr span{clear:both;text-align:center;width:100%;margin:40px 0}}.container,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;color:#464342}body,html{height:100%}body{line-height:1}.nav ul{list-style:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;display:block;color:#464342}em{font-family:bemboitalic}.dotBdr{height:3px;width:100%;margin:20px 0;clear:both;float:left;background:url(../images/borderDots.gif) repeat-x}h2,h3,h4,h5,h6{font-weight:400;margin-top:10px;letter-spacing:-1px}h1{font-family:kabel_bk_btbook;color:#464342;margin:2.3% 0;font-size:28px;line-height:1.4;text-transform:uppercase;letter-spacing:1px;font-weight:400;clear:both}@media only screen and (max-width:768px){h1{margin:5.3% 0;font-size:15px;line-height:1.3}}h2{font-family:kabel_bk_btbook;color:#222;margin-bottom:.5em;margin-top:.5em;font-size:2.75em;line-height:1.2}h3{font-family:bemboregular;color:#333;margin-bottom:.3em;letter-spacing:-1px;font-size:1.75em;line-height:1.3}h4{font-family:bemboitalic;color:#444;margin-bottom:.5em;font-size:1.5em;line-height:1.25}footer h4{color:#ccc}h5{color:#555;margin-bottom:1.25em;font-size:1em}h6{color:#666;font-size:1em}address,dl,ol,p,ul{margin-bottom:.8em;font-size:1em}p{hyphens:auto}p.introtext{font-family:kabel_dm_btdemie;font-size:2.5em;color:#333;line-height:1.4em;letter-spacing:-1px;margin-bottom:.5em}p.handwritten{font-family:HandSean,'lucida sans unicode','lucida grande','Trebuchet MS',verdana,arial,helvetica,helve,sans-serif;font-size:1.375em;line-height:1.8em;margin-bottom:.3em;color:#666}.center,p.center{text-align:center}.space5tp{padding-top:5%}img{max-width:100%;height:auto;display:inline-block}.hr{display:block;height:1px;border:0;border-top:8px solid #fff;margin:1em 0;padding:0}#caseContentBox .hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:.2em 0 1em;padding:0}input,select{vertical-align:middle}*{-webkit-transition:all .171s ease;-moz-transition:all .171s ease;-o-transition:all .171s ease;transition:all .171s ease;text-decoration:none}@font-face{font-family:kabel_dm_btdemi;src:url(../fonts/kabel_dm_bt-webfont.eot);src:url(../fonts/kabel_dm_bt-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/kabel_dm_bt-webfont.woff2) format('woff2'),url(../fonts/kabel_dm_bt-webfont.woff) format('woff'),url(../fonts/kabel_dm_bt-webfont.ttf) format('truetype'),url(../fonts/kabel_dm_bt-webfont.svg#kabel_dm_btdemi) format('svg');font-weight:400;font-style:normal}@font-face{font-family:kabel_bk_btbook;src:url(../fonts/kabel_bk_bt-webfont.eot);src:url(../fonts/kabel_bk_bt-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/kabel_bk_bt-webfont.woff2) format('woff2'),url(../fonts/kabel_bk_bt-webfont.woff) format('woff'),url(../fonts/kabel_bk_bt-webfont.ttf) format('truetype'),url(../fonts/kabel_bk_bt-webfont.svg#kabel_bk_btbook) format('svg');font-weight:400;font-style:normal}@font-face{font-family:bemboregular;src:url(../fonts/bembo-webfont.eot);src:url(../fonts/bembo-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bembo-webfont.woff2) format('woff2'),url(../fonts/bembo-webfont.woff) format('woff'),url(../fonts/bembo-webfont.ttf) format('truetype'),url(../fonts/bembo-webfont.svg#bemboregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:bemboitalic;src:url(../fonts/bembo-italic-webfont.eot);src:url(../fonts/bembo-italic-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/bembo-italic-webfont.woff2) format('woff2'),url(../fonts/bembo-italic-webfont.woff) format('woff'),url(../fonts/bembo-italic-webfont.ttf) format('truetype'),url(../fonts/bembo-italic-webfont.svg#bemboitalic) format('svg');font-weight:400;font-style:normal}.nav{display:block}@media only screen and (max-width:767px){.navHD{display:none!important}.desktop{display:none}.mobile{display:block}#nav{display:none;top:100%;z-index:3;border:none}#nav ul{width:100%;background:#f27e6f}#nav ul li{background-image:none;padding:0;border-bottom:1px solid #eee;float:left;list-style-type:none;width:100%}#nav ul li a{color:#fff;padding:8% 0;text-align:center;display:block;width:100%}#nav ul li a:hover,.active{color:#fff}.active{color:#fff!important}.menu{cursor:pointer;position:relative;display:inline-block;width:30px;height:30px;margin:25px;float:right}.menu span{margin:0 auto;position:relative;top:12px}.menu span:after,.menu span:before{position:absolute;content:''}.menu span,.menu span:after,.menu span:before{width:30px;height:4px;background-color:#000;display:block}.menu span:before{margin-top:-8px}.menu span:after{margin-top:8px}.example5 span{-webkit-transition-duration:0s;-webkit-transition-delay:.2s}.example5:hover span{background-color:transparent;-webkit-transition-delay:.2s}.example5 span:before{-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.2s;-webkit-transition-delay:.2s,0}.example5:hover span:before{margin-top:0;-webkit-transform:rotate(45deg);-webkit-transition-delay:0,.2s}.example5 span:after{-webkit-transition-property:margin,-webkit-transform;-webkit-transition-duration:.2s;-webkit-transition-delay:.2s,0}.example5:hover span:after{margin-top:0;-webkit-transform:rotate(-45deg);-webkit-transition-delay:0,.2s}}.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}@font-face{font-family:flexslider-icon;src:url(../fonts/flexslider-icon.eot);src:url(../fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'),url(../fonts/flexslider-icon.woff) format('woff'),url(../fonts/flexslider-icon.ttf) format('truetype'),url(../fonts/flexslider-icon.svg#flexslider-icon) format('svg');font-weight:400;font-style:normal}.flexslider{background:url(../images/loading.gif) center no-repeat}.banrText{position:absolute;bottom:0;z-index:9}.flexslider{padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'\f001'}.flex-direction-nav a.flex-next:before{content:'\f002'}.no-js .slides>li:first-child{display:block}.flexslider{margin:0;position:relative;zoom:1}.flex-viewport{max-height:2000px}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:2;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:2;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{position:absolute;bottom:10px;right:2%;text-align:center;z-index:2}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}.flex-control-paging li a{width:11px;height:11px;display:block;background:#a8a8a8;cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#000}.flex-control-paging li a.flex-active{background:#f67e6f;cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}.flex-control-nav{bottom:0;right:0}}