@import url("navigation.css");
@import url("jquery.fancybox.css");
@import url("classyscroll.css");
@import url("responsiveslides.css");
@import url("selectlistbox.css");
@import url("forms.css");
@import url("typography.css"); 
@import url("font-awesome.min.css");

@font-face {font-family:'VesperLibre-Bold';
src: url('../font/VesperLibre-Bold.eot');
src: url('../font/VesperLibre-Bold.woff2') format('woff2'),
     url('../font/VesperLibre-Bold.woff') format('woff'),
     url('../font/VesperLibre-Bold.ttf') format('truetype'),
	 url('../font/VesperLibre-Bold.otf') format('opentype'),
     url('../font/VesperLibre-Bold.svg#VesperLibre-Bold') format('svg'),
     url('../font/VesperLibre-Bold.eot?#iefix') format('embedded-opentype');font-weight: normal;font-style: normal;font-stretch:normal;unicode-range:U+0020-02DC;}

@font-face { font-family:'VesperLibre-Heavy';
src: url('../font/VesperLibre-Heavy.eot');
src: url('../font/VesperLibre-Heavy.woff2') format('woff2'),
     url('../font/VesperLibre-Heavy.woff') format('woff'),
     url('../font/VesperLibre-Heavy.ttf') format('truetype'),
	 url('../font/VesperLibre-Heavy.otf') format('opentype'),
     url('../font/VesperLibre-Heavy.svg#VesperLibre-Heavy') format('svg'),
     url('../font/VesperLibre-Heavy.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal;
font-stretch:normal;unicode-range:U+0020-02DC;}	 

@font-face {font-family:'VesperLibre-Regular';
src: url('../font/VesperLibre-Regular.eot');
src: url('../font/VesperLibre-Regular.woff2') format('woff2'),
     url('../font/VesperLibre-Regular.woff') format('woff'),
     url('../font/VesperLibre-Regular.ttf') format('truetype'),
	 url('../font/VesperLibre-Regular.otf') format('opentype'),
     url('../font/VesperLibre-Regular.svg#VesperLibre-Regular') format('svg'),
     url('../font/VesperLibre-Regular.eot?#iefix') format('embedded-opentype');font-weight: normal;font-style: normal;font-stretch:normal;unicode-range:U+0020-02DC;}

@font-face {font-family:'VesperLibre-Medium';
src: url('../font/VesperLibre-Medium.eot');
src: url('../font/VesperLibre-Medium.woff2') format('woff2'),
     url('../font/VesperLibre-Medium.woff') format('woff'),
     url('../font/VesperLibre-Medium.ttf') format('truetype'),
	 url('../font/VesperLibre-Medium.otf') format('opentype'),
     url('../font/VesperLibre-Medium.svg#VesperLibre-Medium') format('svg'),
     url('../font/VesperLibre-Medium.eot?#iefix') format('embedded-opentype');
  font-weight: normal;font-style: normal;font-stretch:normal;unicode-range:U+0020-02DC;}	 
	 
@font-face {font-family:'FingerPaint-Regular';
src: url('../font/FingerPaint-Regular.eot');
src: url('../font/FingerPaint-Regular.woff2') format('woff2'),
     url('../font/FingerPaint-Regular.woff') format('woff'),
     url('../font/FingerPaint-Regular.ttf') format('truetype'),
     url('../font/FingerPaint-Regular.otf') format('opentype'),
     url('../font/FingerPaint-Regular.svg#FingerPaint-Regular') format('svg'),
     url('../font/FingerPaint-Regular.eot?#iefix') format('embedded-opentype');
font-weight: normal;font-style: normal;font-stretch:normal;unicode-range:U+0020-02DC;}	 

body{margin:0px;padding:0px;color:#696969;font-size:13px;background:url(../images/bag.jpg) repeat; background-attachment:fixed;font-family:'VesperLibre-Regular'!important;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
img{border:0px; max-width:100%;}
p{ margin:0px; padding:0px;}
ul, li{margin:0px; padding:0px;/*list-style-type: none;*/}
h1, h2, h3, h4, h5, h6, h7 { margin:0px; padding:0px; font-weight:normal;}
.wrapper{ width:100%; overflow:hidden;}
* {	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:before, :after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clr{ clear:both;}
.illus-verticle{ position:fixed; left:29px; top:0px; bottom:0px; width:60px; z-index:-1; height:100%; background:url(../images/illus-verticle.png) repeat-y;}

.socialslide {position: fixed; right:0px; top:60px; z-index:10;height:30px;}
.slide2 {position: absolute;right:-68px;background:#4267b2;height:28px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
-ms-transition:1s;
transition:1s;}
.socialslide:hover .slide2 { transition: 1s;right:0px;}

.socialslide3 { position: fixed; right:0px; top:100px;z-index:10;height:30px;}
.slide3 { position: absolute;right:-224px;background:#1b95e0; height:28px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;
-webkit-transition:1s;
-moz-transition:1s;
-o-transition:1s;
-ms-transition:1s;
transition:1s;}

.socialslide3:hover .slide3 { transition: 1s;right:0px;}

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}
Read more
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}


/*--css-start--*/
header{ width:100%; float:left;}
section.contain{ width:100%; float:left; text-align:center;}
.topbar{ width:100%; float:left; background:#e1a74f; height:30px;}
.topbarSpace{ padding:0px 20px;display:inline-block; vertical-align:top; width:1280px;}
.btmbar{ width:100%; float:left;}
.display-center{text-align:center;}
.screen1280px{ display:inline-block; vertical-align:top; width:1280px;}
.topSearchbox{ float:right; padding-left:40px; width:17%; position:relative;}
.topSearchbox-btn{ position:absolute; top:7px; right:12px; background:none; border:none; cursor:pointer; padding:0px; margin:0px;}
.topEmaile{ float:right; padding-left:25px; min-height:30px; line-height:30px; font-size:15px; color:#000; background:url(../images/divider.png) no-repeat; background-position:left center;}
.topEmaile i{ margin-right:6px; position:relative; top:1px;}
.topEmaile a:link,.topEmaile a:visited{color:#000; text-decoration:none;}
.topEmaile a:hover{color:#570d0a; text-decoration: underline;}
.topContact{ float:right;padding-right:25px;min-height:30px; line-height:30px; font-size:14px; color:#000;}
.topContact i{ margin-right:6px; position:relative; top:1px;}
.topLanguage{ float:left; width:110px;}
.logobag{ height:127px;/*background:url(../images/ontain-bag.jpg) repeat; background-position:top center;*/ padding:10px 30px; background:rgba(249,232,149,0.5);}
.topLogo{ float:left;}
.topLogo a{ display:block; border:none;}
.topBlog{ float:right; padding-left:20px;}
.topBlog a{ display:block; border:none;}
.topsocial{ float:right; padding:0px 0px; margin-right:3px; cursor:pointer;}
.topsocial .facebook{ width:100%; float:left; margin-bottom:12px; background:#4267b2;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px; min-width:134px; padding:0px 0px; text-align:left; color:#fff; position:relative; overflow:hidden;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.topsocial .facebook b{font-family:'VesperLibre-Bold'; padding-left:33px; font-size:15px;}
.topsocial .facebook b span{ color:#fff; font-size:13px; padding-left:6px;}
.topsocial .facebook:hover{background:#365899;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.socialslide .topsocial{}


.topsocial .twitter{width:100%; float:left; background:#47a3cc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px; min-width:134px; padding:0px 0px; text-align:left; color:#fff; position:relative; overflow:hidden;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.topsocial .twitter b{font-family:'VesperLibre-Bold'; padding-left:33px; height:25px; font-size:15px;}
.topsocial .twitter b span{ color:#fff; font-size:13px; padding-left:6px;}
/*.topsocial .twitter:hover{background:#3b88aa;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
*/
img.social1{ position:absolute; right:5px; left:10px; top:6px;}
img.diviFace{ position:relative; right:5px; top:3px; margin-left:4px;}
img.blog{ position:relative; top:13px; right:-10px;}
.fullnav{ height:60px; width:100%; float:left; background:url(../images/illus-ver.png) repeat-x; background-position:center; text-align:center;}
.fullnav-inner{height:60px; display:inline-block; vertical-align:top; width:1280px;background:url(../images/nav-bag.jpg) repeat-x; background-position:center;}


.fullslider{ width:100%; float:left;}
.fullslider-position{ position:relative;}
.fullcontain{ width:1280px; display:inline-block; vertical-align:top;/*background:url(../images/ontain-bag.jpg) repeat; background-position:top center;*/ text-align:left;background:rgba(249,232,149,0.5);}
.aboutContain{ width:100%; float:left; padding:30px 60px;}
.aboutContainh2{width:100%; float:left; font-size:50px; color:#a76301; line-height:43px; padding-bottom:8px;}
.aboutContainh2 span{font-size:26px; font-weight:600; color:#570d0a;}
.aboutContainp{width:74%; padding-right:60px; float:left; font-size:16px; color:#000; line-height:28px;text-align:justify;}
.aboutContainp p{ padding-bottom:18px;}
.aboutContainp p:last-child{ padding-bottom:0px;}
.aboutContainimg{ float:right; width:26%; text-align:right; margin-top:10px;}
.aboutContainimg img{ border:8px solid #f6f6f6; max-width:100%;-webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);}
.readmore{width:100%; float:left; text-align:right;margin-top:-23px;}
.readmore a{ display:inline-block; vertical-align:top; color:#007e81; text-decoration:none; font-size:18px; }
.readmore a:hover{color:#000; text-decoration:none;}
.readmore a span{background:url(../images/morebtn.png) no-repeat; background-position:center; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-left:12px;}
.readmore a.active span{background:url(../images/morebtn2.png) no-repeat; background-position:center; width:23px; height:23px; display:inline-block; vertical-align:middle; margin-left:12px;}

.aboutwork{ width:100%; float:left; padding:0px 35px 40px 35px; text-align:center;}
.aboutwork .ourwork{ display:inline-block; vertical-align:top; padding:0px 14px;}
.ourwork-bag{ width:360px; height:352px; vertical-align:top;background:url(../images/ourbag.png) no-repeat;background-position:center top; text-align:center;}

.aboutwork .latestnews{ display:inline-block; vertical-align:top; padding:0px 14px;}
.latestnews-bag{ width:394px; height:352px; display:inline-block; vertical-align:top;background:url(../images/ourfullbag.png) no-repeat;background-position:center top; text-align:center;}

.aboutwork .archives{ display:inline-block; vertical-align:top; padding:0px 14px;}
.archives-bag{ width:360px; height:352px; display:inline-block; vertical-align:top;background:url(../images/ourbag.png) no-repeat;background-position:center top; text-align:center;}
.ourworkbag{ width:100%;height:318px; display:inline-block; vertical-align:top; margin-top:10px; padding:0px 23px}
.ourworkbag-title{ width:100%; float:left; text-align:center; min-height:80px; line-height:80px; color:#008083; font-size:36px;}

.box2{width:100%;height:238px;overflow:hidden; position:relative;}
.overlay2{background:rgba(0,0,0,.75); opacity:0;-webkit-transition: opacity .25s ease;-moz-transition: opacity .25s ease; position:absolute; top:0px; bottom:0px; left:0px; right:0px; display:table; width:100%; height:100%;}
.box2:hover .overlay2 {opacity:1;}
.plus { display:table-cell; vertical-align:middle;}
.plus a{ display:inline-block; vertical-align:top; background:#f7c123; border-bottom:3px solid #d5a61e; text-align:center; padding:0px 15px; color:#000; font-size:12px; text-decoration:none;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px; height:35px; line-height:37px; text-transform:uppercase;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.plus a:hover{background:#f7d05e;color:#000;border-bottom:3px solid #e4b220;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.box3{width:100%; float:left;height:238px; background:#fff; position:relative;}
.box3news{ width:100%; float:left; text-align:left; padding:0px 10px 0px 90px; position:relative; height:56px; font-size:16px; color:#000;font-family:'VesperLibre-Bold'; line-height:24px; margin:11px 0px;}
.box3news h3{ width:100%; float:left; margin-top:7px; overflow:hidden; height:48px;}
.box3 li.news-item{border-bottom:2px solid #ccc; width:100%; float:left;list-style-type: none;}
.box3newsCal{ position:absolute; left:16px; top:0px; width:53px; height:56px; background:url(../images/cal.png) no-repeat;font-family:'FingerPaint-Regular'; font-size:18px; color:#383636; text-align:center;}
.box3 a{ display:block; border:none; text-decoration:none;color:#383636;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.box3 a:hover{text-decoration:none;color:#367d7d;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.box3newsCal b{ font-weight:normal; line-height:11px; position:relative; top:15px;}
.box3newsCal b span{font-family:'VesperLibre-Regular'; font-size:11px; font-weight:normal; text-transform:uppercase; display:block;color:#000;}
.footer1{ width:30%; float:left;}
.footer2{ width:33%; float:left; padding-right:10px;} 
.footer3{ width:30%; float:left;}

footer{ width:100%; float:left;  text-align:center;}
.footerInner{ width:1280px; display:inline-block; vertical-align:top; text-align:left;}
.footertop{ padding:20px 0px; width:100%; float:left;background:url(../images/footerbg.jpg) repeat; background-position:top center;}
.footerbtm{ width:100%; float:left;background:#660f0c; padding-top:3px;}
.footerTitle{width:100%; float:left; padding-bottom:4px; margin-bottom:20px; font-size:18px; color:#ffc552; text-transform:uppercase; background:url(../images/titlebg.png) no-repeat; background-position:left bottom}
.footerDesk{width:100%; float:left; margin-bottom:10px;}
.footerDesk li{ width:37%; float:left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;overflow:hidden; list-style-type:none;}
.footerDesk li a{ display:block; text-decoration:none; color:#fff; font-size:16px;background:url(../images/arowleft.png) no-repeat;background-position:left top;padding-left:20px; line-height:22px; margin:6px 0px;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.footerDesk li a:hover{text-decoration:none; color:#ffc552;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.footeraddress{width:100%; float:left; margin-bottom:10px; color:#fff; font-size:16px; line-height:23px;}
.footeraddress h4{ width:100%; float:left; padding-bottom:10px;}
.footeraddress-h4{ width:100%; float:left; min-height:25px; padding-left:28px; position:relative;}
.footeraddress-h4 img{ position:absolute; left:0px; top:0px;}
.footeraddress-h4 a{ text-decoration:none; color:#fff;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.footeraddress-h4 a:hover{text-decoration:underline; color:#ffc552;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.footersocial{width:100%; float:left;}
.footersocial3{width:100%; float:left; padding-bottom:25px;}
.footersocial2{width:100%; float:left;}
.footersocial2 li{ float:left; margin-right:5px;list-style-type: none;}
.footersocial2 li a{ display:block; border:none;}
.social2Title{width:100%; float:left; padding-bottom:4px; margin-bottom:20px; font-size:18px;font-family:'FingerPaint-Regular'; color:#f9d31d; text-transform:uppercase; background:url(../images/connect-brd.png) no-repeat; background-position:left bottom}
.disclaimer{width:100%; float:left; margin-top:20px; padding-left:90px; font-size:15px; color:#d8d8d6; line-height:20px; position:relative;}
.disclaimer span{ position:absolute; left:0px; color:#ffc552; font-size:16px;}
.disclaimer a{color:#ffc552; text-decoration:none;}
.footerCopy{ float:left; padding:7px 0px;line-height:20px; color:#f1f1ef; font-size:14px;}
.footerDevlope{ float:right; padding:7px 0px;line-height:20px; color:#f1f1ef; font-size:14px;}
.footerDevlope a:link, .footerDevlope a:visited{color:#f1f1ef; text-decoration:none;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.footerDevlope a:hover{color:#ffc552; text-decoration:none;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.pull-right{ position:relative; width:100%; float:left;}
.pull-right li{list-style-type:none;}
.pagination>li:last-child>a, .pagination>li:last-child>span { list-style-type:none;}
.pagination>li>a, .pagination>li>span {position:relative;float:left;}
.footersocial2 li img{-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;list-style-type:none;}
.footersocial2 li img:hover{animation:gloweffect2 1s infinite;-webkit-animation:gloweffect2 1s infinite;-webkit-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));-ms-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));-o-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));-webkit-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;list-style-type:none;}

ul.demo1{ height:258px !important; padding-top:20px; margin-top:-20px;}	
.panel-footer{ position:absolute; top:-46px; right:0px;}
.pull-right li a.prev{ background:url(../images/prev.png) no-repeat; width:29px; height:24px; right:0px !important; left:0px !important;}
.pull-right li a.next{ background:url(../images/next.png) no-repeat; width:29px; height:22px; right:0px!important;}

/*--inner-page--*/
.innerContain{ width:100%; float:left; padding:30px 30px;}
.innerContain-left{ width:30%; float:left; padding-right:40px;}
.innerContain-right{ width:70%; float:left;}
.innerContain-center{ width:100%; float:left;}
.leftsidebar{ background:#faf8d0; width:100%; float:left;-webkit-box-shadow:0px 3px 8px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42); position:relative; padding:3px 0px;}
.leftsidebar ul{ width:100%; float:left;}
.leftsidebar li{ width:100%; float:left; margin:0px; padding:0px; border-bottom:2px solid #ccc;}
.leftsidebar li:last-child{ border-bottom: none;}
.leftsidebar li a{ display:block; padding:9px 0px 6px 33px; text-decoration:none; color:#000;font-family:'VesperLibre-Bold'; font-size:16px; border-right:4px solid #faf8d0; background:url(../images/nav-arow.png) no-repeat; background-position:left center;}
.leftsidebar li a:hover{text-decoration:none; color:#007e81;border-right:4px solid #fff;
background:#fff url(../images/nav-arow-active.png) no-repeat; background-position:left center;}
.leftsidebar li a.active{text-decoration:none; color:#007e81;border-right:4px solid #007e81;
background:#fff url(../images/nav-arow-active.png) no-repeat; background-position:left center;}


.leftsidebarCorvetop{background:url(../images/corvetop.png) no-repeat top center; position:absolute; width:100%; left:0px; right:0px; text-align:center; top:-2px; height:3px;}
.leftsidebarCorvebtm{background:url(../images/corvebottom.png) no-repeat top center; position:absolute; width:100%; left:0px; right:0px; text-align:center; bottom:-2px; height:3px;}

.cssmenu3 ul li.{}
#cssmenu > ul > li.has-sub a{ padding:0px;}
.innerslider{ width:100%; float:left; margin-bottom:30px;-webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42); border:8px solid #f2dfbd;}

.innerPagesbg{ width:100%; float:left; background:url(../images/innerbg.jpg) repeat; background-position:center top; padding:30px 0px;}
.scrollbars{max-height:378px; width:100%; float:left;}


.imagegallery{ width:100%; float:left; padding:0px 20px;}
.imagegallery ul{ margin:0px; padding:0px; list-style-type:none; width:100%; float:left;}
.imagegallery li{ margin:0px; padding:10px 10px; list-style-type:none; width:25%; float:left;}
/*.imagegallery li{width:100%; height:100%; display: inline-block;}*/
.fancybox-img{ width:100%; float:left; text-align:center;height:237px;
-webkit-box-shadow:0px 2px 8px 2px rgba(0,0,0,0.30);
-moz-box-shadow:0px 2px 8px 2px rgba(0,0,0,0.30);
box-shadow:0px 2px 8px 2px rgba(0,0,0,0.30); border:8px solid #f2dfbd;}
.fancybox-img a{ display:block; width:100%; float:left;}
.fancybox-img img {max-width:100%; width:100%;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;
 height:237px;
/*-webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.42); border:8px solid #f2dfbd;*/}
.fancybox-img img:hover {opacity:1;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}


.fancybox-img{width:100%;overflow:hidden; position:relative;}
.galleryoverlay{background:rgba(0,0,0,.75); opacity:0;-webkit-transition: opacity .25s ease;-moz-transition: opacity .25s ease; position:absolute; top:0px; bottom:0px; left:0px; right:0px; display:table; width:100%; height:100%;}
.fancybox-img:hover .galleryoverlay {opacity:1;}
.fancyboxclick { display:table-cell; vertical-align:middle;}
.fancyboxclick2 { width:100%;  text-align:center; color:#000; font-size:12px; text-decoration:none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.fancyboxclick2 a{ display:inline-block; float:none !important; width:40px !important;height:40px;background:#f7c123;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.fancyboxclick2 a:hover{background:#f7d05e;color:#000;-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.fancyboxclick h3{ width:100%; float:left; padding:10px 4px; text-align:center; background:rgba(247,193,35,0.2); color:#f7c123; font-size:15px; line-height:24px; text-transform:none; margin-top:10px;}
img.zoomicon{ width:40px!important; height:40px!important; max-width:40px!important;}

.galleryTab{ width:100%; float:left; padding-bottom:20px; text-align:center;}
.galleryTab a:link,.galleryTab a:visited{ text-decoration:none; display:inline-block; padding:14px 25px 7px 25px; color:#9e5e01; font-size:20px; background:#e1a74f; text-align:center; line-height:18px; text-transform:uppercase; margin:2px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;}
.galleryTab a:hover{text-decoration:none;color:#fff;}
.galleryTab a.active{text-decoration:none;background:#c2863d;color:#fff;}

/*search*/
.pageDesk span { display:block; font-size:20px; color:#9e5e01; padding-bottom:3px; }
.search_result { color:#000; font-size:20px; border-bottom:1px solid #c2863d; padding-bottom:10px; margin-bottom:20px; }


.reportList{ width:100%; float:left; padding:0px 10px;}
.reportList ul{ margin:0px; padding:0px; width:100%;}
.reportList li{ margin:5px 0px; padding:5px 10px; width:50%; float:left; overflow:hidden; height:60px;list-style-type: none;}
.reportList li a{border:5px solid #e1a74f; display:block; text-align:left;font-size:16px; line-height:20px; color:#000; text-decoration:none;font-family:'VesperLibre-Regular'; width:100%; padding:0px 10px;}
.reportList li a span{height:45px;display:table; overflow:hidden;
background:url(../images/pdf.png) no-repeat; background-position:left center; padding-left:50px;}
.reportList li a span b{ display:table-cell; vertical-align:middle; position:relative; font-weight:normal; width:100%;}

/*team*/
.search_result { color:#000; font-size:20px; border-bottom:1px solid #c2863d; padding-bottom:10px; margin-bottom:20px; }

.team_sub_title { border-bottom: 1px solid #e1a74f; color: #000;font-size: 20px;margin-bottom:10px;padding-bottom: 5px;}
.pageDesk span { display:block; font-size:20px; color:#9e5e01; padding-bottom:3px; }
.pageDesk i { font-size:15px; color:#007678;}
.search_result { color:#000; font-size:20px; border-bottom:1px solid #c2863d; padding-bottom:10px; margin-bottom:20px;}
.pageDesk p a { text-decoration:none;color:#9e5e01;}
	
.reports_pdf_bx { width:100%; display:inline-block; padding:0 30px; }
.reports_pdf_bx ul { margin:0; padding:0; }
.reports_pdf_bx ul li { list-style-type:none; float:left; width:47.7%; margin-right:30px; display:table; margin-bottom:30px; }
.reports_pdf_bx ul li:nth-child(2n) { margin-right:0;}
.reports_pdf_bx ul li a { font-size:16px; line-height:16px; color:#000; text-decoration:none; height:65px; display:table-cell; vertical-align:middle; border:5px solid #e1a74f;    padding:0 15px 0 60px; position:relative;}
.reports_pdf_bx ul li img { left:15px; position:absolute; top:11px; }
.reports_pdf_bx ul li span { display:inline-block; }


/*--sitemap--*/
.sitemap{ width:100%; float:left; padding:0px 5%;}
.sitemapBox{ width:100%; float:left; margin-bottom:10px;}
.sitemapBox ul{ width:100%; float:left; margin:0px; padding:0px;}
.sitemapBox li{ width:100%; float:left; margin:0px; padding:0px; }
.sitemapBox li a{display:block;font-size:16px; color:#000; text-decoration:none; background:url(../images/arow2.png) no-repeat; background-position:center left; padding-left:25px; margin-left:0px;}
.sitemapBox li a:hover{color:#650f0c; text-decoration:none;}
.sitemapBox li a.maintitle{color:#008083; text-decoration:none; font-size:18px;padding-left:0px;background:none;margin-left:0px;}
.sitemapBox li a.maintitle:hover{color:#650f0c; text-decoration:none;}
.sitemapBox li a.submaintitle{color:#650f0c; text-decoration:none; font-size:14px;padding-left:25px;background:none;margin-left:30px;background:url(../images/arow2.png) no-repeat; background-position:center left;}

.sitemapBox li ul { width:100%; margin:0px; padding:0px;}
.sitemapBox li ul li { width:100%; margin:0px; padding:0px;}
.sitemapBox li ul li a{display:block;font-size:14px; color:#000; text-decoration:none; background:url(../images/arow2.png) no-repeat; background-position:center left; padding-left:25px; margin-left:25px;}

.sitemapBox1{ width:47%; float:left; padding:10px;}	
.sitemapBox2{ width:31%; float:left; padding:10px;}
.sitemapBox3{ width:22%; float:left; padding:10px;}

/*--contact us--*/
.contactInner{ width:100%; float:left; padding:0px 20px; margin-top:20px;}
.contactInner .left{ width:60%; float:left; padding-right:60px;}
.contactInner .right{ width:40%; float:left;font-family:'VesperLibre-Regular'; font-size:15px; color:#000; padding-top:6px;}
.contactInner .right a:link,.contactInner .right a:visited{color:#000; text-decoration:none;}
.contactInner .right a:hover{color:#570d0a; text-decoration:none;}
.contactInnerform{ float:left; padding:8px 5px; width:50%;}
.contactInnerformfull{ float:left; padding:8px 5px; width:100%; text-align:center;}
.leftaddress{ width:50%; padding-right:20px; float:left;}
.rightaddress{ width:50%; float:left;}
.contactInner .right h2{ width:100%; float:left; padding-bottom:10px; color:#007e81; font-size:24px; line-height:22px; text-transform:uppercase;}
.contactInner .right h4{ width:100%; float:left; padding-bottom:10px; color:#007e81; font-size:18px; line-height:22px; text-transform:uppercase;}
.contactInner .right h3{ width:100%; float:left; color:#570d0a; font-size:18px; padding-bottom:6px; line-height:22px;}
.contactInner .right p{ width:100%; float:left;}
.contactInner .right p a{ color:#000; text-decoration:none;}
.contactInner .right p a:hover{ color:#650f0c; text-decoration: underline;}

.paginate{ width:100%; float:left; text-align:center;}
.paginate ul{ margin:0px; padding:0px; list-style-type:none; width:100%;}
.paginate li{ margin:0px;padding:0px;list-style-type:none; width:auto;float:none;display:inline-block;vertical-align:top; }

.paginate a{ color:#000; font-size:14px; display: inline-block; vertical-align:top; text-align:center; text-decoration:none;font-family:'VesperLibre-Bold';width:28px; height:28px; line-height:28px; margin:0px 3px;border:2px solid #c2863d;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;}
.fxpaging{ width:100%; float:left;}
.paginate a.active{border:2px solid #650f0c;}
.paginate input{ display:none;}
.paginate a.no-first{ display:none;}
.paginate a.no-prev{ display:none;}
.paginate a.no-next{ display:none;}
.paginate a.no-last{ display:none;}
.paginate div{}
p.e{ font-size:13px; position:absolute; color:#F30; line-height:12px; margin-top:2px; margin-bottom:2px;}

/*--news--*/
.newsInner{ width:100%; float:left; padding:0px 23px;}
.newsInnerbox{ width:100%; float:left; position:relative; padding-left:280px; min-height:240px;}
img.newsimg{ position:absolute; left:0px; top:0px;max-width:100%;
border:6px solid #f6f6f6; -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.42);
box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.42);}
.newsInnerbox h3{width:100%; float:left; padding-bottom:6px; color:#008083; font-size:22px; line-height:28px; margin-top:6px;}
.newsInnerbox h4{width:100%; float:left; color:#570d0a; font-size:18px; line-height:12px; margin-top:4px;}
.newsInnerboxDesk{width:100%; float:left; color:#000; font-size:16px; line-height:25px; text-align:justify;}
.newsInnerboxDesk p{ padding-bottom:12px;}
.newsInnerboxDesk p:last-child{ padding-bottom:0px;}
.msg{width:100%; float:left; color:#570d0a; font-size:18px; text-align:center; margin-top:20px;}

.fullscreenteam{ width:100%; float:left; text-align:center;}
.fullscreenteamBan{ display:inline-block; vertical-align:top; width:70%; padding:10px 0px;}
.innerContain-right2{ width:100%; float:left;}
.innerContain-right2 .innerPagesbg{ padding-top:0px;}
/*.fullscreenteam .innerslider{ margin-bottom:0px;}*/


/*meet the team*/
.accor-menu{margin-bottom:20px; padding:30px; position:relative; /*border-top:1px solid #e1a74f;*/}
.accor_list{border-top:1px solid #e1a74f; padding-top:4px;}
.accor_list ul{margin:0px; padding:0px;}
.accor_list ul li{list-style-type:none; padding-bottom:4px; margin-bottom:4px; border-bottom:1px solid #e1a74f; font-size:20px; color:#000; background:url(../images/downarowtop.png) no-repeat right 10px top 12px;}
.accor_list ul li a{color:#000; text-decoration:none; display:block;}
.accor_list ul li a:hover{color:#000; text-decoration:none;}

.accor-menu-drop{margin-bottom:20px; padding:30px 30px 60px 30px; position:relative;}
.bck_top{position:absolute; right:0px; bottom:0px; height:28px;}


.hideContent{ width:100%; float:left; display:none;}
.readlessBtn{ width:100%; float:left; display:none;}
/*.readmoreWrap a.readmoreBtn{ width:100%; margin:15px 0; float:left; color:#000; text-decoration:underline;}*/
.hideContent:first-child{ display:block;}
/*.readmoreWrap:last-child a.readmoreBtn{ display:none;}*/


/*--css-divices--*/
@media screen and (max-width:1600px){}


@media screen and (max-width:1366px){
/*--home-page*/
.illus-verticle{ left:20px; background-size:50px auto; width:50px;}
.screen1280px{ width:1145px;}
.topbarSpace{ width:1145px;}
.fullnav-inner{ width:1145px;}
.fullcontain{ width:1145px;}
.footerInner{ width:1145px;}
.topSearchbox{ width:19%;}
.aboutContain{ padding:10px 27px 30px 27px;}
.aboutwork .ourwork{ padding:0px;}
.aboutwork .latestnews{ padding:0px 36px;}
.aboutwork .archives{ padding:0px;}
.aboutwork{ padding:0px 10px 30px 10px;}
.aboutContainp{ padding-right:40px;}
.aboutContainp{ font-size:15px; line-height:22px;}
.fullnav{ height:50px; background:url(../images/illus-ver-1280.png) repeat-x; background-position:center;}
.fullnav-inner{height:50px;background:url(../images/nav-bag-1280.jpg) repeat-x; background-position:center;}

.ourwork-bag{ width:320px; height:315px;}
.archives-bag{ width:320px;height:315px;}
.latestnews-bag{ width:350px;height:315px;}
.box2{height:212px;}
.box3{height:215px;}
.ourworkbag{ padding:0px 20px;height:310px;}
.ourwork-bag,.archives-bag{background:url(../images/ourbag1366.png) no-repeat;background-position:center top;}
.latestnews-bag{background:url(../images/ourfullbag1366.png) no-repeat;background-position:center top;}
.ourworkbag-title{ font-size:30px;min-height:65px;line-height:65px;}
.box3news{margin:7px 0px;font-size:14px;}
ul.demo1 {height:234px!important;}
.aboutContainimg{ text-align:center;}

}


@media screen and (max-width:1280px){
/*--home-page*/
.screen1280px{ width:100%;}
.btmbar{ padding:0px 80px;}
.illus-verticle{ left:10px;}
.fullnav{ padding:0px 80px;}
.fullnav-inner{ width:100%;}
.fullcontain{ width:100%;}
section.contain{ padding:0px 80px;}
.topbarSpace{ width:100%;}
.topbar{ padding:0px 60px;} 
.footerInner{ width:100%;}
.footertop{ padding-left:80px; padding-right:80px;} 
.footerbtm{ padding-left:80px; padding-right:80px;} 
/*.ourwork-bag{ width:330px; height:325px; background:url(../images/ourbagmobile.png) no-repeat;}
.archives-bag{ width:330px; height:325px; background:url(../images/ourbagmobile.png) no-repeat;}
.latestnews-bag{ width:370px;height:325px; background:url(../images/ourfullbagmobile.png) no-repeat;}*/
.ourwork-bag,.archives-bag{background:url(../images/ourbag1280.png) no-repeat;background-position:center top;}
.latestnews-bag{background:url(../images/ourfullbag1280.png) no-repeat;background-position:center top;}
.ourwork-bag{ width:320px; height:315px;}
.archives-bag{ width:320px; height:315px;}
.latestnews-bag{ width:350px; height:315px;}

.box3news{ margin:7px 0px;}
.box3{ height:213px;}
.aboutContainp p{ padding-bottom:20px;}
.aboutwork .latestnews{ padding:0px 20px;}
.topSearchbox{ width:20%;}
.callbacks .caption{ font-size:20px;}
}


@media screen and (max-width:1024px){
/*--home-page*/
.aboutwork .ourwork{ width:50%; float:left; padding:10px;}
.aboutwork .latestnews{ width:100%; float:left; padding:10px;}
.aboutwork .archives{ width:50%; float:none; padding:10px;}
.ourwork-bag{ background:#f8f4eb; width:100%;-webkit-box-shadow:0px 3px 8px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);}
.latestnews-bag{ background:#f8f4eb; width:100%;-webkit-box-shadow:0px 3px 8px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);}
.archives-bag{ background:#f8f4eb; width:100%;-webkit-box-shadow:0px 3px 8px 3px rgba(0,0,0,0.42);
-moz-box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);
box-shadow: 0px 3px 8px 3px rgba(0,0,0,0.42);}
.box2{ width:313px; margin:0 auto;}
.footerDesk li{ width:50%;}
.footer1{ width:40%;}
.footer3{ width:30%;}
.footeraddress{ font-size:13px;}
.footerDesk li a{ font-size:14px;}
.aboutwork {padding:0px 15px 30px 15px;}
.aboutContainimg{ margin-top:0px;}
.footersocial2 li img{ max-width:30px;}
.social2Title{ font-size:15px;}
.topEmaile{ padding-left:20px;}
.topContact{ padding-right:20px;}
.topSearchbox{ width:25%;}

/*--inner-resource--*/
.innerContain{ padding:30px;} 
.innerContain-left{ padding-right:30px;}
#cssmenu > ul > li > a{ font-size:13px;}
ul.innercssmenu li a{ font-size:12px !important;}
.pageTitle{ font-size:32px;}
.pageDesk{ font-size:15px;}
.innerslider a.prev{ margin-top:-20px;}
.innerslider a.next{ margin-top:-20px;}

/*--inner-imagegallery--*/
.imagegallery li{ width:33.33%;}

/*search*/
.pageDesk span, .search_result{ font-size:18px;}
.reportList li a span{ background-size:25px auto; padding-left:30px;}
.reportList li a{ font-size:12px; line-height:15px;}
.contactInner .left{ padding-right:30px;}
.rmm{ display:block;}

}


@media screen and (max-width:800px){
/*--home-page*/
.btmbar{ padding:0px 0px 0px 80px;}
.topBlog{ padding-right:30px;}
.fullnav{ padding:0px 0px 0px 80px;}
section.contain{ padding:0px 0px 0px 80px;}
.topbar{ padding:0px 20px;}
.topbarSpace{ padding:0px;}
.topEmaile{ font-size:14px;}
.topContact{ font-size:14px;}
.topSearchbox{ padding-left:20px;}
.box2{ width:100%; height:200px; overflow:hidden;}
.ourwork-bag{ height:297px;}
.archives-bag{ height:297px;} 
.latestnews-bag{ height:312px;}
.footertop{ padding-left:20px; padding-right:20px;}
.footerbtm{ padding-left:20px; padding-right:20px;}
.disclaimer{ font-size:13px;}
.callbacks .caption{ font-size:14px;padding:10px 18px 6px; right:20px; bottom:20px;}
a.next{ top:38%;}
a.prev{ top:38%;}
.aboutContainh2 span{ font-size:22px;}
.aboutContainh2{ font-size:40px; line-height:34px;}
.callbacks_nav {background: transparent url("../images/slidearowmobile.png") no-repeat left top;}
.ourworkbag{ padding-left:15px; padding-right:15px;}

/*--inner-resource--*/
.innerContain{ padding:30px 20px;}

/*--inner-imagegallery--*/
.imagegallery li{ width:50%;}
.reportList li{ width:100%;}
.sitemapBox1{ width:60%;}
.sitemapBox2{ width:40%;}
.sitemapBox3{ width:40%;}

.contactInner .left{ width:100%; padding-right:0px;}
.contactInner .right{ width:100%; padding-right:0px; padding-top:30px;}
.newsInnerbox{ padding-left:205px;}
img.newsimg{ max-width:180px;}
.fullscreenteamBan{ width:100%; padding:10px;}
}


@media screen and (max-width:640px){
/*--home-page*/
.topEmaile{ display:none;}
.topContact{ display:none;}
.illus-verticle{ display:none;}
.fullnav{ background:none;}
.btmbar{ padding:0px;}
.fullnav{ padding:0px;}
section.contain{ padding:0px;}
.footer1{ width:100%; padding-bottom:20px;}
.footer2{ width:100%; padding-bottom:20px;}
.footer3{ width:100%;}
.footerCopy{ width:100%; text-align:center;}
.footerDevlope{ width:100%; text-align:center;}
.box2 img{ height:200px;}
.box3news{ font-size:14px;}
.aboutContainp{ width:100%; padding-right:0px; padding-bottom:20px;}
.aboutContainimg{ width:100%; text-align:left;}
.topSearchbox{ width:35%;}
.aboutContainp{ font-size:14px;}

/*--inner-resource--*/
.innerContain-left{ width:40%;}
.innerContain-right{ width:60%;}
.innerslider{ border:5px solid #f2dfbd;}

/*--inner-imagegallery--*/
.imagegallery li{ width:260px; float:none; display:inline-block; vertical-align:top;}
.imagegallery ul{ text-align:center;}
.imagegallery{ padding:0px;}
.fancybox-title-float-wrap .child{ font-size:14px; line-height:18px;}
.innerContain-left{ width:100%; margin-bottom:30px; padding-right:0px;}
.innerContain-right{ width:100%;}
.pageTitle{ font-size:24px; line-height:33px;}
div.light_rounded .pp_description, div.light_square .pp_description{ font-size:12px!important; line-height:18px!important;}
div.pp_pic_holder{ top:25% !important;}

.sitemapBox1{ width:100%; padding:0px 10px;}
.sitemapBox2{ width:100%; padding:0px 10px;}
.sitemapBox3{ width:100%; padding:0px 10px;}
.newsInnerbox h3{ font-size:18px; line-height:24px;}
.newsInnerboxDesk{ font-size:14px; line-height:22px;}
.newsInnerbox h4{ font-size:14px;}
.ourworkbag-title{ font-size:27px;}


.accor-menu{padding:10px;}
.accor_list ul li{font-size:18px;}
.accor-menu-drop{padding:10px 10px 40px 10px;}
}


@media screen and (max-width:480px){
/*--home-page*/
.topSearchbox{ padding-left:0px;}
.topSearchbox{ width:56%;}
.logobag{ padding:10px 10px;}
.topLogo img{ max-width:120px; margin-top:5px;}
img.blog{ max-width:90px; top:1px;}
.topsocial{ padding:0px;}
.logobag{ height:102px;}
.topBlog{ padding-right:50px;}
/*.socialslide{ right:-8px;}
.socialslide3{ right:-8px;}*/
.callbacks1_nav{ display:none;}
.callbacks .caption{ bottom:0px; right:0px; left:0px; line-height:18px; text-align:center;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;}
.topsocial .twitter b{ font-size:13px; padding-left:24px;}
.topsocial .twitter{ height:34px;}
.topsocial .facebook b{ font-size:13px; padding-left:24px;}
.topsocial .facebook{ height:34px;}
img.social1{ max-width:20px;}
.footerDesk li{ width:100%;}
.aboutwork .ourwork{ width:100%;}
.aboutwork .archives{ width:100%;}
.box2{ width:240px;}
.socialslide{ top:50px;}
.socialslide3{ top:88px;}

/*--inner-resource--*/
.reportList li a{ font-size:11px; line-height:15px;}


/*--inner-imagegallery--*/
.fancybox-title-float-wrap .child{ font-size:12px; line-height:16px;}

.contactInnerform{ width:100%;}
.leftaddress{ width:100%; padding:5px;}
.rightaddress{ width:100%; padding:5px; margin-top:10px;}
.newsInnerbox{ padding-left:0px;}
img.newsimg{ position:relative; margin-bottom:20px; max-width:100%;}
}