body, div, h1, h2, p, ol, ul, li { margin: 0; padding: 0; border: 0 }
body{
  scrollbar-base-color: white;
  scrollbar-3dlight-color: white;
  scrollbar-highlight-color: white;
  scrollbar-track-color: white;
  scrollbar-arrow-color: white;
  scrollbar-shadow-color: white;
  scrollbar-darkshadow-color:white;
  scrollbar-face-color: white;
}
body, html {
  scrollbar-face-color: ThreeDFace !important;
  scrollbar-shadow-color: ThreeDDarkShadow !important;
  scrollbar-highlight-color: ThreeDHighlight !important;
  scrollbar-3dlight-color: ThreeDLightShadow !important;
  scrollbar-darkshadow-color: ThreeDDarkShadow !important;
  scrollbar-track-color: Scrollbar !important;
  scrollbar-arrow-color: ButtonText !important;
}

@font-face {
    font-family: 'aller_lightregular';
    src: url('fontface/aller_lt_0-webfont.eot');
    src: url('fontface/aller_lt_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/aller_lt_0-webfont.woff') format('woff'),
         url('fontface/aller_lt_0-webfont.ttf') format('truetype'),
         url('fontface/aller_lt_0-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'heroregular';
    src: url('fontface/hero-webfont.eot');
    src: url('fontface/hero-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/hero-webfont.woff') format('woff'),
         url('fontface/hero-webfont.ttf') format('truetype'),
         url('fontface/hero-webfont.svg#heroregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'novecento_widebook';
    src: url('fontface/novecentowide-book-webfont.eot');
    src: url('fontface/novecentowide-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/novecentowide-book-webfont.woff') format('woff'),
         url('fontface/novecentowide-book-webfont.ttf') format('truetype'),
         url('fontface/novecentowide-book-webfont.svg#novecento_widebook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'novecento_widelight';
    src: url('fontface/novecentowide-light-webfont.eot');
    src: url('fontface/novecentowide-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/novecentowide-light-webfont.woff') format('woff'),
         url('fontface/novecentowide-light-webfont.ttf') format('truetype'),
         url('fontface/novecentowide-light-webfont.svg#novecento_widelight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'susaregularregular';
    src: url('fontface/susa-regular-webfont.eot');
    src: url('fontface/susa-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fontface/susa-regular-webfont.woff') format('woff'),
         url('fontface/susa-regular-webfont.ttf') format('truetype'),
         url('fontface/susa-regular-webfont.svg#susaregularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-----------------------------------------------------------end of font face---------------------------------------------------*/

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-button {
  width: 5px;
  height:5px;
}

::-webkit-scrollbar-thumb {
  background:#F2F2F2;
  border: thin dotted gray;
  border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
  background:#7d7d7d;
}  

@-moz-document url-prefix() {
  div.mozilla {position:absolute; width:7%; height:16.5em;z-index: 1;background-color:white;}
}

@-webkit-viewport {
width:device-width
}
@-moz-viewport {
width:device-width
}
@-ms-viewport {
width:device-width
}
@-o-viewport {
width:device-width
}
@viewport {
width:device-width
}
html, body { min-height: 100% }
body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; color: #666; font: 400 100%/1.5 'aller_lightregular', Arial, Helvetica, sans-serif;font-family: 'aller_lightregular'; }
h1,h2,h3,h4,h5,h6{font-family: 'novecento_widelight';text-transform:uppercase;font-weight:normal }
img{border:none;}
h1 { font-size: 26px; color: #6f6f6f; margin: 1em 0 .5em;}
h2 { font-size: 22px; color: #f77e7c; line-height:normal}
h3 { font-size: 18px; color: #666666; margin: 1em 0 .5em;line-height:normal}
h4 { font-size: 14px; color: #f77e7c; margin: 1em 0 .5em;line-height:normal}
h1 a, h2 a, h3 a, h4 a, h5 a {color: #666666;line-height:normal}
h2 span{color: #8e8e8e;}
p span{color: #f16261;}
p,#sectionwork .section .desc span {  margin-bottom: 1em;font-size:12px; font-family: 'aller_lightregular';line-height:25px; }

p.intro { font-size: 1.25em; color: #555; font-weight: 700; }
a { color: #f77e7c; text-decoration: none;outline:none }
a:active, a:hover { outline: 0 }
a.btn{background:#f77e7c;color:#ffffff;font-family: 'novecento_widebook';font-size:16px;text-transform:uppercase;padding:7px 20px;clear:both;display:inline-block;zoom:1;*display:inline}
a.btn:hover{background:#f87270}
ul,li{list-style-type:none}
input,textarea{-moz-box-shadow: 0 0 5px #d4d5d6 inset;-webkit-box-shadow: 0 0 6px #d4d5d6 inset;box-shadow: 0 0 6px #d4d5d6 inset;padding:2%;background:#f3f3f3;border:1px solid #d4d5d6;font-size:14px;color:#b2b2b2;font-style:italic;font-family: 'aller_lightregular';resize:none;}
input[type="submit"]{background:#999999;border:0px;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#ffffff;text-align:center;text-transform:uppercase;font-style:normal;font-size:20px;cursor:pointer}
input[type="checkbox"]{background:none;border:none;box-shadow:none}
input[type="submit"]:hover{background:#7d7b7b}
.error{color:red}

/*----------------------------------------------------------------------------------------start of wrapper--------------------------------------------------------------*/
#logger{display:none !important}

#wrapper{}
#wrapper .container{margin:0px 20px;overflow:hidden; position:relative;padding:25px 0px 25px}
#slider .container{padding:0px;padding-bottom:25px;}
#wrapper .container h1{text-align:center}
#wrapper .background{background-image:url(../images/container-shadow.png);background-position:center top;background-repeat:no-repeat;background-color:#f3f3f3}



#wrapper #header.background{}
#wrapper #slider.background{}
/*#wrapper #portfolio.background{}*/
#wrapper #services.background{/*background-image:url(../images/shadow-services.png); */background:#ffffff}
#wrapper #team.background{/*background-image: url(../images/shadow-team.png)*/}
#wrapper #team.teamInner{background-image:none;background-color:#ffffff}
#wrapper #office.background{}
#wrapper #feed.background{background-image: url(../images/shadow-feed.png)}
#wrapper #section.background{background-image:none;background-color:#ffffff}

#wrapper #section .header .title h1 img{vertical-align:middle;margin:0px 0px 0px 5px;}

/*#wrapper #header .container {padding:45px 0px}
#wrapper #slider .container {padding:15px 0px 25px 0px}
#wrapper #portfolio .container{padding:0px 0px 120px 0px}
#wrapper #services .container{padding:0px 0px 25px 0px}
#wrapper #team .container{padding:0px 0px 25px 0px}
#wrapper #office .container{padding:0px 0px 0px 0px}
#wrapper #feed .container{padding:25px 0px 25px 0px}*/
/*end*/

#wrapper  #header {clear:both; overflow:hidden;position:fixed;top:0px;left:0px;z-index:9;width:100%;background:#ffffff url(../images/bdr-gradient.png) repeat-x left bottom;/*position: device-fixed;min-height:75px;*/ }
#wrapper #header .container{margin:0px;padding:25px 0px 15px}
#wrapper  #header .logo{float:left;margin-left:5%;position:relative;z-index:1}
#wrapper  #header .logo a{position:absolute;top:0;width:189px;height:29px;display:block;z-index:99}
#nav { float:right; right: 0;margin-top:3% }
#nav ul { display: block; list-style: none; }
#nav li { text-align:center;border-top:1px solid #e3e3e3 }
#nav li a{ display: block;padding:1% 0;}
#nav ul.lang li{text-transform:uppercase;}
#nav ul.lang li a{font-size:13px;}
#nav ul.lang li:first-child{background:url(../images/nav-sep.png) no-repeat left center;}
#nav a { color: #aaa; font-weight: normal;-webkit-transition: background .3s ease; -moz-transition: background .3s ease; transition: background .3s ease;font-family: 'heroregular';font-size:18px;color:#999999 }
#nav a:hover, #nav .active a { color:#ef4a49 }
#nav li:first-child a { border-top: 0 }
#nav li:last-child a { border-bottom: 0 }
#toggle { display: none }
#toggle{position:absolute;right:25px;top:0px;margin:0px;height:auto}

#nav.opened li{}


/*-----------------------------------------------------end of header-----------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------start of main------------------------------------------------------------------------------------------------------------------*/


.main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch;/* padding: 3em 4em; position: fixed;*/ overflow: hidden; /*border-top-left-radius: 5px; box-shadow: 0 0 15px rgba(0,0,0,.6); top: .8em; right: 0; bottom: 0; */width: 100%; background: #fff;padding:75px 0px 0px 0px;position:relative }
.main::-webkit-scrollbar {
-webkit-appearance:none;
background-color:rgba(0,0,0,.15);
width:8px;
height:8px
}
.main::-webkit-scrollbar-thumb {
border-radius:0;
background-color:rgba(0,0,0,.4)
}
.main .title{text-align:center;background:#f3f3f3 url(../images/title-bg.png) no-repeat center top;border-bottom:1px solid #e2e2e2}
.main .title h1{margin:0px;padding:25px 0px;}

.main .header .title{background:none;text-align:left}
.main .header .title h1{text-align:left !important;padding:0px !important;}

#wrapper #slider .container .container {margin:0}
#wrapper #slider .slider img{width:100%}


/*end of slider*/

#wrapper #portfolio .portfolioList{clear:both; overflow:hidden;margin-bottom:45px;margin:0px auto;margin-bottom:25px; }
#wrapper #portfolio .portfolioList li{border:1px solid #dedede;width:100%;margin:0px auto 15px auto; position:relative; overflow:hidden;}
#wrapper #portfolio .portfolioList li  h3{background:url(../images/bdr-hor-white.png) repeat-x left bottom;display:inline-block;zoom:1;*display:inline;color:#EF4A49;font-size:18px;padding:0 24px 15px 24px;color:#fff}
#wrapper #portfolio .portfolioList li a{display:block;width:100%;height:100%;display:table-cell;vertical-align:middle;color:#fff;}
#wrapper #portfolio .portfolioList li img{vertical-align:top;width:100%}
#wrapper #portfolio .portfolioList li img.colorImg{left: 0;opacity: 0;position: absolute;top: 0;transition: all 0.3s ease-out 0s;}
#wrapper #portfolio .portfolioList li:hover img.colorImg{opacity:1}
#wrapper #portfolio .portfolioList li.last{margin-right:0}

/**/

#wrapper #portfolio .workList{clear:both; overflow:hidden;margin-bottom:45px;}
#wrapper #portfolio .workList li{/*border:1px solid #dedede;margin:0px 0px 10px 0px;width:100%; */position:relative; overflow:hidden;max-width:308px;margin:0px auto 15px auto}
#wrapper #portfolio .workList li  h2{background:url(../images/bdr-hor-white.png) repeat-x left bottom;display:inline-block;zoom:1;*display:inline;color:#EF4A49;font-size:18px;padding:0 24px 15px 24px;color:#fff}
#wrapper #portfolio .workList li a{display:block;width:100%;height:100%;display:table-cell;vertical-align:middle;color:#fff}
#wrapper #portfolio .workList li img{vertical-align:top;width:100%}
#wrapper #portfolio .workList li img.colorImg{left: 0;opacity: 0;position: absolute;top: 0;transition: all 0.3s ease-out 0s;}
#wrapper #portfolio .workList li:hover img.colorImg{opacity:1}
#wrapper #portfolio .workList li.last{margin-right:0}

/**client list**/
#wrapper #portfolio .clientList{clear:both; overflow:hidden;margin-bottom:45px;}
#wrapper #portfolio .clientList li{border:1px solid #ececec;margin:0px auto 15px auto;max-width:308px; position:relative; overflow:hidden}
#wrapper #portfolio .clientList li h2{background:url(../images/bdr-hor-white.png) repeat-x left bottom;display:inline-block;zoom:1;*display:inline;color:#999999;font-size:18px;padding:10px 24px;margin:0}
#wrapper #portfolio .clientList li a{display:block;width:100%;height:100%; cursor:default}
#wrapper #portfolio .clientList li img{min-width:100%;width:100%;}
#wrapper #portfolio .clientList li img.colorImg{left: 0;opacity: 0;position: absolute;top: 0;transition:opacity all 0.3s}
#wrapper #portfolio .clientList li:hover{border:1px solid #c3c3c3}
#wrapper #portfolio .clientList li:hover img.colorImg{opacity:1}
#wrapper #portfolio .clientList li:hover h3{color:#EF4A49}
#wrapper #portfolio .clientList li.last{margin-right:0}

/*portfolio animation*/

#wrapper #portfolio .portfolioList li.view-first img, #wrapper #portfolio .workList li.view-first img {
	/*
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   */
   -webkit-transition: -webkit-transform 0.4s ease-in-out;
   -moz-transition: -moz-transform 0.4s ease-in-out;
   -o-transition: -o-transform 0.4s ease-in-out;
   -ms-transition: -ms-transform 0.4s ease-in-out;
   transition: transform 0.4s ease-in-out;
}
#wrapper #portfolio .portfolioList li.view-first .mask, #wrapper #portfolio .workList li.view-first .mask {
	/*
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   */
   background-color: rgba(0,0,0, 0.5);
   /*
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   */
   /*
   -webkit-transition: opacity 0.4s linear;
   -moz-transition: opacity 0.4s linear;
   -o-transition: opacity 0.4s linear;
   -ms-transition: opacity 0.4s linear;
   transition: opacity 0.4s linear;
   */
   
}
#wrapper #portfolio .portfolioList li.view-first h3, #wrapper #portfolio .workList li.view-first h3 {
	/*
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   */
}
#wrapper #portfolio .portfolioList li.view-first p, #wrapper #portfolio .workList li.view-first p  {
	/*
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: scale 0.2s ease-in-out;
   -moz-transition: scale 0.2s ease-in-out;
   -o-transition: scale 0.2s ease-in-out;
   -ms-transition: scale 0.2s ease-in-out;
   transition: scale 0.2s ease-in-out;
   */
}
#wrapper #portfolio .portfolioList li.view-first:hover img, #wrapper #portfolio .workList li.view-first:hover img {
  /* -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);*/
}

#wrapper #portfolio .portfolioList li.view-first:hover .mask, #wrapper #portfolio .workList li.view-first:hover .mask {
   /*-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
   /*
   filter: alpha(opacity=100);
   opacity: 1;
   */
   top:0;
}
#wrapper #portfolio .portfolioList li.view-first:hover h3,
#wrapper #portfolio .portfolioList li.view-first:hover p,
#wrapper #portfolio .portfolioList li.view-first:hover a.info,#wrapper #portfolio .workList li.view-first:hover h3,
#wrapper #portfolio .workList li.view-first:hover p,
#wrapper #portfolio .workList li.view-first:hover a.info {
	/*
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   */
}
#wrapper #portfolio .portfolioList li.view-first:hover p,#wrapper #portfolio .workList li.view-first:hover p {
	/*
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
   */
}
#wrapper #portfolio .portfolioList li.view .mask,#wrapper #portfolio .workList li.view .mask {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top:100%;
   left: 0;
   text-align:center;
   
   -webkit-transition: top 0.4s ease-in-out;
   -moz-transition: top 0.4s ease-in-out;
   -o-transition: top 0.4s ease-in-out;
   -ms-transition: top 0.4s ease-in-out;
   transition: top 0.4s ease-in-out;
}

#wrapper #portfolio .portfolioList li.view .mask .maskInner, #wrapper #portfolio .workList li.view .mask .maskInner{display:table;height:100%;width:100%;vertical-align:middle}


#wrapper #portfolio .portfolioList li.view img, #wrapper #portfolio .workList li.view img {
   display: block;
   position: relative;
}







#section ul.nextprev{}
ul.nextprev{clear:both;overflow:hidden;margin:5px 0px 15px 0px;text-align:center}
ul.nextprev li{display:inline-block;zoom:1;*display:inline;border-left:1px solid #d1d1d1;padding:9px 7px 9px 11px}
ul.nextprev li:first-child{border:0px;}
ul.nextprev li a{width:12px;height:19px;display:block;background:url(../images/btn_slider.png) no-repeat left top}
ul.nextprev li a.prev{background-position:left top}
ul.nextprev li a.next{background-position:right top}
ul.nextprev li:hover a{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: 0.5;}
/*#wrapper #portfolio a.btn{margin-top:25px;}*/

/*end of portfolio*/


#wrapper #services .container{}
#wrapper #services ul.servicBox {clear:both; overflow:hidden}
#wrapper #services ul.servicBox li{width:100%;height:100%;position:relative; overflow:hidden;margin-bottom:10px;max-width:308px;margin:0px auto 15px auto}
#wrapper #services ul.servicBox li img{vertical-align:top;width:100%}  
#wrapper #services ul.servicBox li a{display:block;width:100%;height:100%}

#wrapper #services ul.servicBox li span {
    bottom: 5%;
    color: #959595;
    display: block;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#wrapper #services ul.servicBox li:hover span{color:#ffffff}
#wrapper #services ul.servicBox li.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
#wrapper #services ul.servicBox li.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
    background-color: rgba(247,126,124, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


#wrapper #services ul.servicBox li.view-first:hover img {
  /* -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);*/
}

#wrapper #services ul.servicBox li.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   
}


#wrapper #services ul.servicBox li.view .mask, #wrapper #services ul.servicBox li.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
#wrapper #portfolio .portfolioList li.view img {
   display: block;
   position: relative;
}




#wrapper #services .serviceDesc{clear:both; overflow:hidden;padding:25px 0px}
#wrapper #services .serviceDesc .article{/*width:504px;*/width:100%;clear:both;line-height: 1em;/*height: 16.5em;overflow-y: scroll;overflow-x: hidden;*/margin-bottom:25px;}
#wrapper #services .serviceDesc .article p{font-size:14px;text-align:justify}

#wrapper #services .serviceDesc .article h2, #wrapper #services .serviceDesc .articleRt h2{padding-bottom:10px;}
#wrapper #services .serviceDesc .articleRt{/*width:473px;*/width:100%; position:relative}
#wrapper #services .serviceDesc .articleRt h2{ position:relative;z-index:1}
#wrapper #services .serviceDesc .articleRt .image{position:absolute;right:0px;/*top:45px;*/ bottom:-8px}
#wrapper #services .serviceDesc .articleRt .image img{z-index:-1;height:auto;}
#wrapper #services .serviceDesc .articleRt a.btn{margin:0px 0px 10% 0px;/*position:relative;z-index:1*/}
#wrapper #services .serviceDesc .articleRt .bubble{/*width:213px; width:109px;*/width:45%; background-color:#e0e0e0;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:15px 22px;position:relative;z-index:1}
#wrapper #services .serviceDesc .articleRt .bubble .bubbleicon{background:url(../images/img-bubble.png) no-repeat right top;width:19px;height:27px;display:block;position:absolute;right:-19px;top:38px;}
#wrapper #services .serviceDesc .articleRt .bubble p{ font-family: 'aller_lightregular';font-size:16px;line-height:22px;color:#666666;text-shadow:1px 1px 1px #d5d5d5;font-weight:bold;margin:0px}

#wrapper #services .serviceDesc .article .active-header a, #wrapper #services .serviceDesc .article .inactive-header  a{color:#f77e7c !important}

/*end of services*/

#wrapper #team .container{width:auto}
#wrapper #team img.teamimg{width:100%; overflow:hidden;}
#wrapper #team ul.list{clear:both;margin-top:50px;padding-bottom:30px; overflow:hidden}
#wrapper #team ul.list li{width:100%;float:left;font-size:35px;color:#8e8e8e;padding-left:8px;padding-right:47px;text-transform:uppercase;font-family: 'novecento_widebook';text-align:center}
#wrapper #team ul.list li span{color:#f77e7c}
#wrapper #team ul.list li small{font-size:20px;}

/*end of team*/
#wrapper #office{position:relative}
#wrapper #office .container{}
#wrapper #office img.fullwidth{position:absolute;left:0px;top:0px;}
#wrapper #office .contact{background:url(../images/transparent.png) repeat left top;overflow:hidden;padding:6% 5%; }
#wrapper #office .contact h3{line-height:normal;background:url(../images/bdr-hor.png) repeat-x left bottom;padding:0px 0px 20px 0px;margin:0px 0px 20px 0px;font-size:18px;color:#ed4242}
#wrapper #office .contact ul{padding-bottom:24px;}
#wrapper #office .contact ul li{line-height:26px;font:normal 14px/26px Arial, Helvetica, sans-serif;color:#808080}
/*end of office*/   


#wrapper #feed .container{}
#wrapper #feed ul{clear:both; overflow:hidden}

#wrapper #feed ul li{float:none;width:100%;margin-bottom:25px;}

#wrapper #feed ul li h3{margin:0px 0px 24px 0px;}
#wrapper #feed ul li h3 img{vertical-align:middle;margin-right:20px;width:10%;min-width:35px}
#wrapper #feed ul li h3 span{background:url(../images/bdr-hor.png) repeat-x left bottom;padding-bottom:5px;}
#wrapper #feed ul li a{word-break:break-all}
#wrapper #feed ul.procab{margin-top:25px;}
#wrapper #feed ul.procab li{background:url(../images/bdr-footer-procab.png) no-repeat left 6px;}
#wrapper #feed ul.procab li:first-child{background:url(../images/bdr_tw.png) no-repeat 62px 0px;}

/*end fo feed*/

#section .container .row {clear:both; overflow:hidden}
#section .container .row .col{margin-bottom:25px;}





/*end of agency*/

#wrapper .container .row{padding:25px 0px 0px 0px}
#wrapper .container .row .col{}


/**/
#wrapper #section.services h1{margin:0px;padding:0px;/*text-align:left;*/color:#6f6f6f}
#wrapper #section.services h2{margin:0px;padding:10px 0px;text-align:center}
.servicesblock h2, .servicesblock h2 a{color:#f77e7c !important}

.servicesblock ul{margin-top:25px;}
.servicesblock ul li{background:url(../images/bdr-hor.png) repeat-x left top;padding:15px 0px;text-align:justify;clear:both; overflow:hidden}
.servicesblock ul li h2{margin:0px 0px 10px 0px;}
/*.servicesblock ul li:first-child{background:none}*/
.servicesblock ul li span.thumb{width:100%;display:block;margin:0 4% 0 0;max-width:157px;margin:0px auto 15px auto; }
.servicesblock ul li span.thumb img{width:100%}
.servicesblock ul li a.link{float:right}

.sliderBlock{clear:both; overflow:hidden;padding:20px 0px 0px 0px}
.sliderBlock .colLt{margin:0px 0px 20px 0px}
.sliderBlock .colLt img{width:100%}
.sliderBlock .colRt{background:#ef4a49;padding:20px;}
.sliderBlock .colRt h3{background:url(../images/bdr-hor-white.png) repeat-x left bottom;padding:0px 0px 20px 0px;margin:0px 0px 20px 0px;color:#fff}
.sliderBlock .colRt ul{padding-left:20px;}
.sliderBlock .colRt ul li{color:#ffffff;list-style-type:disc;font-size:14px;padding:0px 0px 21px 0px}
.sliderBlock .colRt ul li a{color:#ffffff;}
.sliderBlock .colRt ul li a:hover{text-decoration:underline}
/**/

#wrapper .container .link{text-align:center}

/*start of contact page*/

	/*contact-page*/
	
	#contact-section{}
	#contact-section .navigation{clear:both; overflow:hidden;margin-bottom:30px;}
	#contact-section .navigation  li{float:none;width:100%;background:none;padding:0px;margin:0px 0px 20px 0px}
	#contact-section .navigation  li a{display:block;text-align:center}
	
	#contact-section .slidingContainer .navigation h2 span{display:block;text-align:center;background: none repeat scroll 0 0 #F77E7C;
    clear: both;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'novecento_widebook';
    font-size: 16px;
    padding: 7px 0px;
    text-transform: uppercase;width:100%}
	
	
	#contact-section .navigation  li a:hover, #contact-section .navigation li.active a{background:#999999;}
	#contact-section .navigation  li:first-child{background:none;padding-left:0px;}
	#contact-section .navigation  li:last-child{padding-right:0px;}
	#contact-section .navigation  li:nth-child(2n){}
	#contact-section .slidingContainer .navigation{padding-top:30px;margin-top:30px;background:url("../images/bdr-hor.png") repeat-x scroll left top transparent}
	#contact-section .slidingContainer .firstNav{margin-top:0;padding-top:0;background:none}
	#contact-section .slidingContainer .navigation a{width:100%;text-align:center;padding:7px 0}
	#contact-section .slidingContainer {margin-bottom:40px;}
	#contact-section .slidingContainer .section{padding:6%;background:#f2f2f2; position:relative;}
	#contact-section .slidingContainer .nobkg{padding:0px;background:none}
	#contact-section .slidingContainer ul.nextprev{position:absolute;right:6%;top:10%}
	
	#contact-section .slidingContainer .article{overflow:hidden;}
	#contact-section .slidingContainer .article h2{marign:0px !important;}
	#contact-section .slidingContainer .article h6{margin:0px !important;padding-bottom:30px;text-transform:none;font-family:Arial, Helvetica, sans-serif}
	#contact-section .slidingContainer .article h3{marign:0px !important;font-size: 22px;color:#f77e7c}
	#contact-section .slidingContainer .article h3.small{font-size:14px;margin:0px;padding:0px;color:#666666;margin:0px !important;padding-bottom:30px;text-transform:none;font-family:Arial, Helvetica, sans-serif}
	#contact-section .slidingContainer .article .col{width:100%;float:left}
	#contact-section .slidingContainer .article .col1{width:100%;float:right;}
	#contact-section .slidingContainer .article .col2{float:left;width:100%}
		
	#contact-section .slidingContainer .article .col ul{list-style-type:disc;padding-left:15px;}
	#contact-section .slidingContainer .article .col ul li{list-style-type:disc}
	#contact-section .slidingContainer .article .col3{float:right;width:100%;}
	#contact-section .slidingContainer .article .col3 p{font-size:14px;line-height:22px;color:#b2b2b2;padding-top:60px;}
	#contact-section .slidingContainer .article a.btn{margin-top:15px;padding:7px 10px}
	
	/*social*/
	
	#contact-section .slidingContainer .article .socialbtn{clear:both;padding-top:25px;}
	#contact-section .slidingContainer .article .socialbtn li{float:left;margin-right:12px;}
	#contact-section .slidingContainer .article .socialbtn li a{background:url(../images/social-sprite.png) no-repeat left top;display:block;width:41px;height:40px;}
	#contact-section .slidingContainer .article .socialbtn li:hover a{opacity:0.5;}
	#contact-section .slidingContainer .article .socialbtn li.fb a{background-position:left top}
	#contact-section .slidingContainer .article .socialbtn li.tw a{background-position:-52px top}
	#contact-section .slidingContainer .article .socialbtn li.gplus a{background-position:-105px top}
	#contact-section .slidingContainer .article .socialbtn li.ln a{background-position:-158px top}
	
	
	/*form*/
	
	#contact-section .slidingContainer .article .formEle{clear:both;margin:0px 0px 19px 0px;width:100%;overflow:hidden}
	#contact-section .slidingContainer .article .formEle input[type="text"], #contact-section .slidingContainer .article .formEle textarea,.landing .formEle input {width:95%}
	#contact-section .slidingContainer .article .formEle input[type="submit"]{width:50%;	}
	#contact-section .slidingContainer .article .formEle textarea {height:85px}
	#contact-section .slidingContainer .article .formEle input[type="tel"]{width:95%}
	#contact-section .slidingContainer .article .formEle .checkBox{float:left;width:50%}
	#contact-section .slidingContainer .article .formEle .checkBox label{font-size:13px}
	p.mailinfo{float:right;margin-top:20px;}
	
	/*map*/
	
	#contact-section #map{clear:both; overflow:hidden;position:relative;min-height:550px;}
	#contact-section #map .nextprev{position:absolute;left:50%;bottom:5%;margin-left:-33px;}
	#contact-section #map .mapSlider{clear:both; overflow:hidden}
	#contact-section #map .mapSlider li{width:100%; overflow:hidden;}

	#contact-section #map .mapSlider .maparea{clear:both;margin-bottom:5px;/*width:476px;height:326px;*/text-align:center}
	#contact-section #map .mapSlider .maparea #map-canvas-geneva,#contact-section #map .mapSlider .maparea #map-canvas-cluj,#contact-section #map .mapSlider .maparea #map-canvas-usa,#contact-section #map 	.mapSlider .maparea #map-canvas-nepal {width:100%;height:100%}
	
	#contact-section #map .mapSlider .maparea img{margin-right:10px;max-width:100%}
	#contact-section #map .mapSlider .article{text-align:center;margin-bottom:30px}
	#contact-section #map .mapSlider .article h3{border-bottom:1px solid #999999;display:inline-block;zoom:1;*display:inline;padding:10px 0px;margin:0px 0px 20px 0px;width:90%}
	#contact-section #map .mapSlider .article p{margin:0px;padding:0px;font-size:14px;line-height:22px;}
	#contact-section #map .mapSlider .article p a{color:#b2b2b2}


		

	/*end contact page*/

	/*work detail page*/
	
	
	#sectionwork{position:relative;overflow:hidden}
	#sectionwork .nextprev{}
	#sectionwork .section .article{clear:both; overflow:hidden;padding:50px 0px}
	#sectionwork .section .article .articleDetail {overflow: hidden;margin-bottom: 35px;}
	#sectionwork .section .article .thumbbig img, #sectionwork .section .article .thumbbig1 img, #sectionwork .section .article .ipadiphone img {width: 100%;min-width: 100%;}
	#sectionwork .section .desc{margin-bottom:50px;}
	#sectionwork .section .link{color:#b2b2b2}
	#sectionwork .section .article .thumbbig{clear:both;margin-bottom:50px;}
	#sectionwork .section .article .link{color:#000000}
	#sectionwork .section .article a.btn{}
	#sectionwork .section .article .thumbbig img{width:100%}
	#sectionwork .section .article .ipadiphone{position:relative;clear:both; overflow:hidden;margin-bottom:50px;}
	#sectionwork .section .article .ipadiphone .ipad{}
	#sectionwork .section .article .ipadiphone .iphone{}
	#sectionwork .section .article .ipadiphone .iphone img{width:100%} 
	#sectionwork .section .article .imagecol{clear:both;}
	#sectionwork .section .article .imagecol img{width:100%}	

	/*news page*/
	
	#containerColumn .box {margin:15px 0px;border:1px solid #f5f5f5; background-color: #ffffff;
	  box-shadow: 2px 2px 2px rgba(217,217,217,0.4);
     -moz-box-shadow: 2px 2px 2px rgba(217,217,217,0.4);
     -webkit-box-shadow: 2px 2px 2px rgba(217,217,217,0.4);width:99%;position:relative;text-align:center}
	#containerColumn .box h2{text-align:center;font-size:22px;color:#f16261; margin: 1em 0;}
	#containerColumn .box p{font-size:14px;color:#b2b2b2;text-align:justify;}
	#containerColumn .box p a{}
	#containerColumn .box .article{padding:0px 5%}
	#containerColumn .box img{max-width:100%;margin:0px auto}
	#containerColumn .box a.readmore{display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1}
	
	/*services detail*/
	#wrapper #section .header{ position:relative;height:auto;/*background-color:#6ed7df*/}
	#section .titleSer{text-align:center}
	#section .titleSer h1{text-align:center}
	/**/
	
	
	/*#wrapper #section.servicesInner .header{background:#3dbd70}
	#wrapper #section.serviceswebdesign .header{background:#6087c8}
	#wrapper #section.servicesseo .header{background:#9d458f}
	#wrapper #section.servicessocial .header{background:#f4a316}*/
	/**/
	
	
	#wrapper #section .header .container{height:auto;padding:0px;}
	#wrapper #section .header .title{padding:45px 0px;text-align:center}
	#wrapper #section .header .title h1{color:#ffffff;line-height:normal;text-align:center !important}
	#wrapper #section .header .title h2{line-height:34px;color:#ffffff;padding-bottom:30px;font-size:30px;margin: 1em 0 .5em;}
	#wrapper #section .header .title h2 span{color:#414142}
	
	
	
	#wrapper #section .header .title a.btn{background:#5a5a5a;color:#ffffff;font-size:20px;text-align:center}
	#wrapper #section .header .title a.btn:hover{background:#4d4d4d}
	#wrapper #section .header .imageSlider{position:absolute;right:0px;bottom:0px;}
	#wrapper #section .header .imageSlider img{vertical-align:bottom}
	#wrapper #section .rowInner{clear:both;overflow:hidden}
	#wrapper #section .rowbkg{background:#f3f3f3;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
	#wrapper #section .rowInner h2{text-align:center;color:#6f6f6f;padding:0px 0px 25px 0px}
	#wrapper #section .rowInner h3{line-height:normal;font-family: 'novecento_widebook';font-size:20px;color:#f77e7c}
	#wrapper #section .rowInner .col{background:#5a5a5a;margin-bottom:25px;}
	#wrapper #section .rowInner p{font-size:16px;line-height:25px;}
	#wrapper #section .rowInner .col h3{font-size:28px;color:#ffffff;background:url(../images/bdr-hor-white.png) repeat-x left bottom;padding:27px 0px 15px 0px;margin:0px 27px 15px 27px}
	#wrapper #section .rowInner .col ul{padding:27px;}
	#wrapper #section .rowInner .col ul li{color:#ffffff;padding:5px 0px 5px 15px;background:url(../images/bullet-circle.png) no-repeat left 11px;}
	#wrapper #section .rowInner .col1{}
	#wrapper #section .rowInner .col1 ul{clear:both; overflow:hidden;padding-top:25px;}
	#wrapper #section .rowInner .col1 ul li{background:url(../images/bdr-hor.png) repeat-x left top;padding:5px 0px;}
	#wrapper #section .rowInner .col1 ul li.redtext p{color:#f77e7c}
	#wrapper #section .rowInner .col2{}
	#wrapper #section .rowInner .col2Rt{background:url(../images/bdr-hor.png) repeat-x left top;padding:15px 0px 0px 0px}
	#wrapper #section .rowInner .col3{}
	#wrapper #section .rowInner .col3Rt{margin-top:35px;}
	#wrapper #section .rowInner .col3 .article{background:#e0e0e0;padding:27px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative;margin-bottom:10px;}
	#wrapper #section .rowInner .col3 .article span.arrow{width:18px;height:15px;display:block;background:url(../images/bubble-btm.png) no-repeat left bottom;position:absolute;left:31px;bottom:-13px;}
	#wrapper #section .rowInner .col3 span.signature{display:block;padding-left:60px;font-size:13px;color:#f77e7c}
	 
	
	
	
	#wrapper #section .sliderBlock .article{}
	#wrapper #section .sliderBlock .article ul {text-align:center}
	#wrapper #section .sliderBlock .article ul li{width:100%}
	#wrapper #section .sliderBlock .article ul li a{margin:0px 12px;display:block;padding:5px 25px;color:#ffffff;font-size:20px;text-transform:uppercase;margin-bottom:10px}
	#wrapper #section .sliderBlock .article ul li.item1 a{background:#f77e7c}
	#wrapper #section .sliderBlock .article ul li.item2 a{background:#f77e7c}
	#wrapper #section .sliderBlock .article ul li.item3 a{background:#f77e7c}
	#wrapper #section .sliderBlock .article ul li.item4 a{background:#f77e7c}
	#wrapper #section .sliderBlock .article ul li.item5 a{background:#f77e7c}
	#wrapper #section .sliderBlock .article ul li.item6 a{background:#f77e7c}
	
	
	
	/*added*/
	#wrapper #section .header .title{text-align:center}
	#wrapper #section .header .title img.center{margin:0px auto}
	#wrapper #section .header .title h1{font-size:44px;}
	
	#wrapper #section.servicesInner .title h1{color:#f77e7c}
	#wrapper #section.servicesInner .title a.btn{background:#f77e7c}
	/**/
	#wrapper #section.serviceswebdesign .title h1{color:#f77e7c}
	#wrapper #section.serviceswebdesign .title a.btn{background:#f77e7c}
	/**/
	
	#wrapper #section.servicesseo .title h1{color:#f77e7c}
	#wrapper #section.servicesseo .title a.btn{background:#f77e7c}
	/**/
	#wrapper #section.servicessocial .title h1{color:#f77e7c}
	#wrapper #section.servicessocial .title a.btn{background:#f77e7c}
	
	#wrapper #section.servicesadword .title h1{color:#f77e7c !important;}
	#wrapper #section.servicesadword .title a.btn{background:#f77e7c !important;}
	
	#wrapper #section.servicesstg .title h1{color:#f77e7c !important;}
	#wrapper #section.servicesstg .title a.btn{background:#f77e7c !important;}
	
	/*accordion*/
.accordion-container {background:url(../images/bdr-hor.png) repeat-x left top;	font-size: 13px;}
.accordion-header {padding:13px 0px;margin:0px;	cursor:pointer;background:url(../images/bdr-hor.png) repeat-x left bottom;font-size: 16px;text-transform:uppercase;color:#666666;font-weight: normal;clear:both;width:100%;}

.active-header a{display:block;padding:3px 0px;background: url(../images/acc-btn-minus.png);background-repeat: no-repeat;background-position: right 50%;padding-right:30px;}
.active-header a:hover {background: url(../images/acc-btn-minus.png);background-repeat: no-repeat;background-position: right 50%;}
.inactive-header a{display:block;padding:3px 0px;background: url(../images/acc-btn.png) ;background-repeat: no-repeat;background-position: right 50%;padding-right:30px;}
.inactive-header a:hover {background: url(../images/acc-btn.png) ;background-repeat: no-repeat;background-position: right 50%;}
.accordion-content {display: none;font-size: 13px;padding:10px 0px 0px 0px}
.accordion-content ul{list-style-type:disc;padding-left:18px}
.accordion-content ul li{list-style-type:disc;font-family:'aller_lightregular';font-size:16px;line-height:22px;padding:0px 0px 5px 5px;}
/**/

.error404{text-align:center}
.error404 img{clear:both;margin:0px auto;display:block;max-width:100%;}
	

/*site map*/	
.sitemap ul{}
.sitemap ul li{text-align:center;clear:both;}
.sitemap ul li:first-child{padding-left:0px;}
.sitemap ul li a{text-transform:uppercase;color:#666666;font-size:18px;display:block;background:#e6e5e5;padding:10px 0px;margin:0px 0px 10px 0px}
.sitemap ul ul li{display:block;float:none;}


/*custom scroll bar*/
 /*No scrollbar needed*/
        #no-scrollbar-needed {
            height: 300px;
         
        }

.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}


        /*Vertical scrollbar - set width and height of a div you want to add a scrollbar to*/
        #vertical-scrollbar-demo {
            height: 100px;
            width: 400px;
        }

        /*Horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
        #horizontal-scrollbar-demo {
            width: 400px;
            height: 200px;
        }

        /*Horizontal scrollbar - set width of overview or make it expand horizontal like below*/
        #horizontal-scrollbar-demo .overview {
            /*width: 1836px;*/
            /* or */
            white-space: nowrap;
        }

        #horizontal-scrollbar-demo img {
            height: 180px;
            width: 180px;
        }

        /*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
        #vertical-horizontal-scrollbar-demo {
            width: 400px;
            height: 200px;
        }

        #vertical-horizontal-scrollbar-demo .overview {
            width: 600px;
        }

        /* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
        #min-thumb-size-demo .overview {
            width: 600px;
        }

        /*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
        #min-thumb-size-demo {
            width: 400px;
            height: 200px;
        }

        /* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
        #min-thumb-size-demo .overview {
            width: 600px;
        }

        #min-thumb-size-demo .vertical .thumb {
            min-height: 150px;
        }

        #min-thumb-size-demo .horizontal .thumb {
            min-width: 300px;
        }

        #fixed-thumb-size-demo {
            width: 400px;
            height: 200px;
        }

        /* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
        #fixed-thumb-size-demo .overview {
           
        }

       
.errormsg{color:red}

/*-----------------------------------------------------footer------------------------------------------------------------------------------------------------------------------------------*/

#footer{background:#323232}
#footer .container{padding:24px 0px;text-align:center}
#footer .logo{margin-bottom:3%;display:block}

#footer ul li{display:inline-block; font-size:11px;color:#6e6e6e;background:url(../images/footer-sep.png) no-repeat left center;padding:0px 4px 0px 8px}
#footer ul li:first-child{background:none;display:block}
#footer ul li:nth-child(2n){background:none}
#footer ul li a{color:#6e6e6e}
#footer ul li a:hover{color:#f77e7c}

.cssdesignAward{background:url(../images/cssdesignaward.png) no-repeat left top;display:block;position:absolute;right:0px;width:55px;height:49px;z-index:1;background-size:100%;}

.landing p{text-align:center;}
.landing form{padding:25px 0px;}
.landing img{width:100%}
.landing .formEle{margin-bottom:18px; overflow:hidden; position:relative}
.landing .formEle:first-child{margin-bottom:0}
.landing .formEle input[type="text"]{width:92%}
.landing .formEle .formElements input[type="text"]{width:92%}
.landing .formEle .formElements{margin-bottom:18px; position:relative}
.landing .formEle input[type="submit"]{background:#F77E7C;width:100%;font-size:16px;}
.landing .formEle input[type="submit"]:hover{background:#da706e}
.landing .formEle .astreq{position:absolute;right:0px;top:0px;color:red}
.landing .formEle .chaob{text-align:left;color:red}
.landing .colRt {font-family:Arial, Helvetica, sans-serif}




@media screen and (max-width:767px) {
.js #nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden }
#nav { top: 0; width: 100%; position: relative }
#nav.opened { max-height: 9999px }
#nav a:hover { background: transparent }

#toggle { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 34px; height: 30px; margin: 0; text-indent: -9999px; overflow: hidden; background: #444 url("../images/hamburger.gif") no-repeat 50% center; position:absolute;right:1%;top:23px;}



.main { -webkit-overflow-scrolling: auto;  border-radius: 0; box-shadow: none; position: relative; width: 100%; overflow: hidden;}
.main::-webkit-scrollbar {
background-color:transparent
}
}


@media screen and (-webkit-min-device-pixel-ratio:1.3), screen and (min--moz-device-pixel-ratio:1.3), screen and (-o-min-device-pixel-ratio:2 / 1), screen and (min-device-pixel-ratio:1.3), screen and (min-resolution:192dpi), screen and (min-resolution:2dppx) {
body {
background-image:url("../images/debut_dark__2X.png");
-webkit-background-size:200px 200px;
-moz-background-size:200px 200px;
-o-background-size:200px 200px;
background-size:200px 200px
}
#toggle {
background-image:url("../images/hamburger-retina.gif");
-webkit-background-size:100px 100px;
-moz-background-size:100px 100px;
-o-background-size:100px 100px;
background-size:100px 100px
}
}



@media screen and (min-width:76em) {
/*#nav { width: 18em }
.main { width: auto;  }*/
}


/* responsive utility class */
.no-responsive { width: auto !important; height: auto }
.hidden { display: none; visibility: hidden; }
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }
 @media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop { display: inherit !important; }
.flex-direction-nav,  .visible-desktop { display: none !important; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }
}
 @media (max-width: 767px) {
.hidden-desktop { display: inherit !important; }
.flex-direction-nav,  .visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.hidden-phone { display: none !important; }
}