top-block/*-----------------------------------------------------------------------
#package     IBIZZ Template
#version     1.0
#author      ThemeRox http://www.themerox.com
#copyright   Copyright under commercial licence (C) 2010 - 2011 ThemeRox
#license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
#Helix Framework Credit
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material
# Websites: http://www.joomshaper.com
--------------------------------------------------------------------------*/
/*.sp-wrap, #top-block{
  height: 110px;
}*/
/* Master Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
ABeeZee;
/* Core */
body{color:#555555;font-family:'ABeeZee', sans-serif;font-size:13px;line-height:150%}
.sp-wrap{margin-left:auto;margin-right:auto;}
.sp-block{float:left;display:inline}
.mod-block {padding:10px; z-index:8000 !important;}
.sp-inner{padding-left:5px;padding-right:5px}
.sp-block .first {margin-left:0}
.sp-block .last {margin-right:-10px}
.sp-block .single {margin-left:-10px;margin-right:-10px}
.gap{clear:both; margin-bottom:20px}
.main-bg {background:#fff;margin-bottom:0}
p {font-family:'ABeeZee', sans-serif !important; font-size:14px;}
h2 {color:#00AEDB !important;font-family:'ABeeZee', sans-serif !important;}
/*Header Area*/
a#logo,#logo-text{float:left;}
a#logo{background:url(../images/logo.png) no-repeat 0 50%;float:left; }
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}

/*Search*/
#sp-search{float:right;margin:25px 0; width: 130px;}
#sp-search input#mod-search-searchword{padding:4px 5px;margin:1px 0 0 0;color:#999;width: 224px;height:29px}
#sp-search input#mod-search-searchword:focus{border: 1px solid #0086AB;}
.mod-search{margin:0;padding:0}

/*Module positions user1-user6*/
#sp-userpos {margin:10px 0;  }
#sp-userpos h3 {font-family:'ABeeZee', sans-serif !important;color:#00AEDB !important; font-weight:normal !important; font-size:26px !important; padding-top:20px !important;}
.nspArt {font-family:'ABeeZee', sans-serif !important;}
#sp-bottom{font-size:90%}
#sp-userpos2{border: 1px solid #0086AB; }
#sp-userpos3{border: 1px solid #0086AB; }
/* Layout */
#sp-leftcol, #sp-rightcol, #sp-maincol ,#sp-inset1, #sp-inset2, #inner_content {float:left}
#sp-leftcol, #sp-rightcol, #sp-maincol {padding:10px 0}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:10px}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#breadcrumbs{overflow:hidden;}
#breadcrumbs span.showhome {font-weight:bold;margin-right:5px}
#breadcrumbs .padding{padding:5px 8px}
#breadcrumbs a,#breadcrumbs span,#breadcrumbs strong{display:block;float:left}
#breadcrumbs a,#breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 50% no-repeat}
#breadcrumbs span.current{color:#666}
a#topofpage{float:right!important;background:none!important;margin:0!important;padding:0!important; display:none;}

/* Footer */
#sp-footer{padding:10px 0}
#sp-footer .cp {float:left; font-size:12px; color:#898989;}

/*Footer Navigation*/
#sp-footer-nav{float:right;margin-top:0px}
#sp-footer-nav ul{list-style-type:none;padding:0;margin:0 0 0px 0}
#sp-footer-nav li{background:none;padding:0;display:inline}
#sp-footer-nav a{font-size:11px;font-weight:normal;text-decoration:none;display:inline;margin:0;padding:0 0px}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em}
.helix-logo-light,.helix-logo-dark,.helix-logo-light-small,.helix-logo-dark-small{display:block;float:left;padding:0 10px 0 0;margin:0 15px 0 0}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{height:33px;width:160px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{height:33px;width:100px}
.helix-logo a{background-position:center center;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}
#navigation{float:left; width:100% !important;}
img.sp-clients{opacity:1;padding:20px 50px 20px 0px}
img.sp-clients:hover{opacity:0.8}
#top-block{background:#313131 !important; }

#sp-top-block p,#sp-top-block a{padding:5px 25px 7px 0;margin-top:35px;color: #9FACAA; float:right;height:30px;}

/* CImage border */
img.sp-border{border:1px solid #BBB;background-color:white;padding:4px;}

/* About us special css */
p.historic-year-right {float:right;width:100%}
p.meet-team{font-size:50px;line-height:10%;text-align:center;font-family:impact;opacity:0.4;text-shadow:0 2px whiteSmoke}
p.team-desk{font-size:20px;text-align:center;color:#aaa;line-height:160%}
.achievement-left{float:left;width:30%}
.achievement-right{float:right;width:70%}
.achievement-sp-left{float:left;width:70%}
.achievement-sp-right{float:right;width:30%}
.full-team{background:#F8FAF9;display:inline-block;padding:20px 10px;margin-top:50px}
#historic{height:100%;display:inline-block;margin-bottom:10px}
.year-left p,.year-right p{font-size:100px;line-height:10%;font-family:impact;opacity:0.1}
.year-right p{float:right}
.year-left{float:left;height:150px;width:100%}
.year-right{float:right;height:150px;width:100%}
.historic-desc{padding: 5px 0 35px 0;}
.col-13{width:33%;display:inline-block}
.col-full{display:inline-block;width:100%}
.degignation{float:right;padding-right: 16px;}
.degignation h3{line-height:10%}
.degignation h5{color:#ccc;line-height:80%}

/* Services pages box */
.sp-container{border:1px solid #F0F0F0;border-right:0;overflow:hidden;padding:5px 30px 20px}
.services{width:33.33%;float:left;}
img.rounded{float:left;width:48px;height:48px;border:1px solid #E5E5E5;margin:.5em 1.5em .5em .5em;padding:15px}
.container-group{border-right:1px solid #F0F0F0;}
.services-header h3{line-height:100%}
.services-info{border:1px solid #F1F1F1;margin:15px 0 10px;padding:5px 10px}
.services-info a.more{border-right:1px solid #F0F0F0;padding:0 5px}
.services-info a.details{padding: 0 10px;}
span.priching{float:right}

/* Portfolio*/
.col-1{float:left;width:50%;}
.col-2{float:left;width:50%;display:inline-block}
#ul-left {width: 50%;float: left}
#ul-right {width: 50%;float: right}
.view{width:450px;height:300px;float:left;border:1px solid #F0F0F0;overflow:hidden;position:relative;cursor:default;background:#fff url(../images/bgimg.jpg) no-repeat center center;margin:10px}
a.info{float:right;background:#fff!important;color:black!important;margin:10px;padding:9px}
.mask h3{background:white;line-height:150%;left:-300px;opacity:0;margin:20px 230px 0 0 !important;padding:5px 5px 5px 20px}
.view-first:hover h3{left:10px; opacity:1;}
.mask p{line-height:150%}
span.label{line-height:150%}
.view .mask,.view .content{width:450px;height:300px;position:absolute;overflow:hidden;top:0;left:0}
.view img {display: block;position: relative}
.view h2{text-transform:uppercase;color:#fff;text-align:left;position:relative;font-size:17px;background:rgba(0,0,0,0.8);margin:20px 0 0;padding:10px}
.pro-type{padding: 0 30px 0 30px;}
.view-first ul, .view-first li,.view-first h4{color:#fff;padding: 0 0 0 20px!important;}
.view-first h4{font-size:18px;line-height:120%;padding: 0 0 10px 20px!important;
margin: 0!important;}
.view p{font-size: 12px;position: relative;color: #fff;padding: 5px 10px}
.view a.info{display:inline-block;text-decoration:none;background:#000;color:#fff;text-transform:uppercase;padding:5px 14px}
.view-first .mask {background-color: rgba(0,0,0, 0.5);}
/* Pricing Table*/
#pricing-table{text-align:center;width:892px;margin:auto}
#pricing-table .plan{font:12px 'ABeeZee', sans-serif; text-shadow:0 1px rgba(255,255,255,.8);background:#fff;border:1px solid #ddd;color:#333;width:180px;float:left;position:relative;padding:20px}
#pricing-table #most-popular{z-index:2;top:-13px;border-width:3px;padding:30px 20px}
#pricing-table h3{font-size:20px;font-weight:400;background-color:#eee;background-image:linear-gradient(#fff,#eee);margin:-20px -20px 50px;padding:20px}
#pricing-table #most-popular h3{background-color:#ddd;background-image:linear-gradient(#eee,#ddd);margin-top:-30px;padding-top:30px}
#pricing-table h3 span{display:block;font:bold 25px/100px Georgia, Serif;color:#777;background:#fff;border:5px solid #fff;height:100px;width:100px;margin:10px auto -65px}
#pricing-table ul{list-style:none;margin:20px 0 0;padding:0}
#pricing-table li{border-top:1px solid #ddd;padding:10px 0}
#pricing-table .signup{position:relative;color:#fff;font:bold 14px Arial, Helvetica;text-transform:uppercase;text-decoration:none;display:inline-block;background-color:#72ce3f;background-image:linear-gradient(#72ce3f,#62bc30);text-shadow:0 1px 0 rgba(0,0,0,.3);margin:20px 0 0;padding:8px 20px}
#pricing-table .signup:hover{background-color:#62bc30;background-image:linear-gradient(#62bc30,#72ce3f);cursor: pointer;}
#pricing-table .signup:active,#pricing-table .signup:focus{background:#62bc30;top:2px}
h3.sp-pricing{float:right}
p.top-block{float:right}

.clear:before,.clear:after{content:"";display:table}
.clear:after {clear:both}
.clear { zoom:1}

/*Presets*/
.preset-style{width:90px;float:left;margin:0 5px 10px 5px}

/*Slide Link Font*/
.da-slide .da-link{font-family: 'ABeeZee', sans-serif;}

/*Attaching Font Face*/
@font-face {
    font-family: 'BanffRegular';
    src: url('../fonts/banffn/banffn-webfont.eot');
    src: url('../fonts/banffn/banffn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/banffn/banffn-webfont.woff') format('woff'),
         url('../fonts/banffn/banffn-webfont.ttf') format('truetype'),
         url('../fonts/banffn/banffn-webfont.svg#BanffRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

/*Latest news*/
.nspMainPortalMode1 .nspArt .fleft{float:left;}
/*Gurentee*/
.guarantee{margin-right: -44px !important;}
/*Button*/
a.button{float:left !important}

.indentsl{

margin-top:-100px !important;
}

.sp-user2{
margin-top:-80px;
background-color:#fff !important;
}
.sp-user3{
margin-top:-80px;
background-color:#fff !important;
height:398px !important;
}

.da-buttontop {font-family: 'ABeeZee', sans-serif;
  color: #ffffff;
  font-size: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right:16px;
  padding-left:16px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500) !important;
  background:#ED6B00;
  display:inline-block;
  margin-top:10px;


  }

  .da-buttontop:visited {font-family: 'ABeeZee', sans-serif;
  color: #ffffff;
  font-size: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right:16px;
  padding-left:16px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500) !important;
  background:#ED6B00;
  display:inline-block;
  margin-top:10px;


  }

  .da-buttontop:active {font-family: 'ABeeZee', sans-serif;
  color: #ffffff;
  font-size: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right:16px;
  padding-left:16px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500) !important;
  background:#ED6B00;
  display:inline-block;
  margin-top:10px;


  }


.da-buttontop:hover {padding-top: 8px;
  padding-bottom: 8px;padding-right:16px;
  padding-left:16px;color: #ffffff;background: -webkit-gradient(linear, 0 0, 0 100%, from(#e15500), to(#f88000)) !important;
  background: -moz-linear-gradient(top, #e15500, #f88000) !important;
  background: -o-linear-gradient(top, #e15500, #f88000) !important;

  background:#E96400;
  }

  .da-buttontop1{font-family: 'ABeeZee', sans-serif;
  color: #ffffff;
  font-size: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right:16px;
  padding-left:16px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -o-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500))!important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500)!important;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f88000, endColorStr=#e15500);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f88000, endColorStr=#e15500);
  display:inline-block;
  margin-top:10px;


  }


.da-buttontop1:hover {padding-top: 8px;
  padding-bottom: 8px;padding-right:16px;
  padding-left:16px;color: #ffffff;background: -webkit-gradient(linear, 0 0, 0 100%, from(#e15500), to(#f88000));
  background: -moz-linear-gradient(top, #e15500, #f88000);
  background: -o-linear-gradient(top, #e15500, #f88000);
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e15500, endColorStr=#f88000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#e15500, endColorStr=#f88000);}

  .updates {
  font-family:ABeeZee;
  background: url(../images/back-update.png);
   background-repeat:no-repeat;
   border:none !important;
   width:928px;
   height: 76px;
   margin-left: 15px;
   padding: 25px;
  }


  .da-buttontop2{
	  font-family: 'ABeeZee', sans-serif;
  top: 320px;
  color: #e15500;
  font-size: 16px;
  padding: 12px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #e15500;
  -webkit-box-shadow: 2px 2px 5px #a5a5a5;
  -moz-box-shadow: 2px 2px 5px #a5a5a5;
   -o-box-shadow: 2px 2px 5px #a5a5a5;
   -ms-box-shadow: 2px 2px 5px #a5a5a5;
  box-shadow: 2px 2px 5px #a5a5a5;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#dadada)) !important;
  background: -moz-linear-gradient(top, #fdfdfd, #dadada) !important;
  background: -o-linear-gradient(top, #fdfdfd, #dadada) !important;
  background:#F3F3F3;
display:inline-block;

  }


.da-buttontop2:hover {
	color: #e15500;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), to(#fdfdfd)) !important;
  background: -moz-linear-gradient(top, #dadada, #fdfdfd)!important;
  background: -o-linear-gradient(top, #dadada, #fdfdfd) !important;

	background:#E5E5E5;
	}

  .da-buttontop3{  font-family: 'ABeeZee', sans-serif;
  color: #ff6f00;
  font-size: 15px;
  padding:12px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 6px #b5b5b5;
  box-shadow: 2px 2px 6px #b5b5b5;
  -moz-box-shadow: 2px 2px 6px #b5b5b5;
  -o-box-shadow: 2px 2px 6px #b5b5b5;
  -ms-box-shadow: 2px 2px 6px #b5b5b5;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e7e7e7));
  background: -moz-linear-gradient(top, #fff, #e7e7e7);
  background: -o-linear-gradient(top, #fff, #e7e7e7);
  background: -ms-linear-gradient(top, #fff, #e7e7e7);
width:200px !important;

  }


.da-buttontop3:hover {background: -webkit-gradient(linear, 0 0, 0 100%, from(#e7e7e7), to(#fff));
  background: -moz-linear-gradient(top, #e7e7e7, #fff);
  background: -ms-linear-gradient(top, #e7e7e7, #fff);
  background: -o-linear-gradient(top, #e7e7e7, #fff);
  background: -moz-linear-gradient(top, #e7e7e7, #fff);width:200px !important;}


  .da-buttontop4{font-family: 'ABeeZee', sans-serif;
  color: #fff !important;
  font-size: 15px;
  padding: 12px;
  text-decoration: none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #fff;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500) !important;

  display:inline-block;
  margin-top:10px;
background:#ED6B00;

  }


.da-buttontop4:hover {
  color: #fff !important;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e15500), to(#f88000))!important;
  background: -moz-linear-gradient(top, #e15500, #f88000) !important;
  background: -o-linear-gradient(top, #e15500, #f88000) !important;

  background:#E96400;
  }
.da-buttontop4:visited{font-family: 'ABeeZee', sans-serif;
  color: #fff !important;
  font-size: 15px;
  padding: 12px;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500) !important;

  display:inline-block;
  margin-top:10px;
background:#ED6B00;

  }

  .da-buttontop4:active{font-family: 'ABeeZee', sans-serif;
  color: #fff !important;
  font-size: 15px;
  padding: 12px;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 6px #888;
  box-shadow: 2px 2px 6px #888;
  -moz-box-shadow: 2px 2px 6px #888;
  -o-box-shadow: 2px 2px 6px #888;
  -ms-box-shadow: 2px 2px 6px #888;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f88000), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f88000, #e15500) !important;
  background: -o-linear-gradient(top, #f88000, #e15500) !important;

  display:inline-block;
  margin-top:10px;
background:#ED6B00;

  }




.da-buttontop77{

font-family: 'ABeeZee', sans-serif;
  top: 320px;
  color: #fff;
  font-size: 16px;
  padding: 15px;
  text-decoration: none;
  border: 1px solid #fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;

  -webkit-box-shadow: 2px 2px 5px #a5a5a5;
  -moz-box-shadow: 2px 2px 5px #a5a5a5;
  -o-box-shadow: 2px 2px 5px #a5a5a5;
  -ms-box-shadow: 2px 2px 5px #a5a5a5;
  box-shadow: 2px 2px 5px #a5a5a5;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f77f00), to(#e15500)) !important;
  background: -moz-linear-gradient(top, #f77f00, #e15500) !important;
  background: -o-linear-gradient(top, #f77f00, #e15500) !important;

  background:#ED6B00;

  }



 .da-buttontop77:hover {
  color: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e15500), to(#f77f00)) !important;
  background: -moz-linear-gradient(top, #e15500, #f77f00) !important;
  background: -o-linear-gradient(top, #e15500, #f77f00) !important;


background:#E96400;
  }

  .headpag {

  display:block;



  }
  .headpag1 {

  display:block;
  padding-left:20%;
  margin-bottom:100px;
  background-color:#F2F2F2;
  line-height:30px;


  }

  .blockprod {
  width:281px;
  height:197px;
  float:right;
  background: url(../images/box_overview.jpg) no-repeat;






  }
  .blockprod  p{
padding:20px;

  color:#fff;




  }

  .graybox {
  padding:10px;
  margin-top: 15px;
  background:  #f4f4f4;
  -moz-border-radius: 15px 10px 25px 15px;
border-radius: 15px 10px 25px 15px;
}




  .headerimg {

  width:100%;

  }

  .headerimg img {

  width:100%;

  }
  .separator {

  background:url(../images/separator.png)

  }


  .screenshot {
  background: url(../images/box_screen.png) no-repeat;
  margin-top:15px;
  height:252px;
  }

  .languages {
  background: url(../images/box_lingue.png) no-repeat;
  margin-top:15px;
  /*background-size:252px 221px ;*/
  height:252px;

  }

  .languages p{
  background:none;
  padding:15px;
  padding-right:35px;
  margin-top: -230px;


  }
  .languages h3{
  margin-top:10px !important;
  margin-left:20px !important;

  }
  .screenshot h3{
  padding-top:9px !important;
  margin-left:40px !important;
  background:none;
  font-family: 'ABeeZee', sans-serif;
  font-size:16px !important;
  }

  .screenshot p{
  background:none;
  padding:15px;
  padding-right:35px;
  margin-top: -230px;
  }

  .screenshot img{
  background:none;
  margin-top: -230px;
  }

  .modresbg {

  background:none !important;
  }

  .noback {
  margin-left:100px;
  background:none !important;
  }
  #header {
/*  -webkit-border-image:url(../images/back_menu.png) 30 30 round; */


  }
  .mobi {display:none;}
  .youtube  {width:560px !important;

  height:310px !important;}
  #colprods-l{float: left; width: 50%;}
#colprods-r{float: right; width: 45%;}


.bookmarks-top {
bottom:150px;
padding-right:20px;
}

#enter1{display:none;}

#enter1Wipe{display:none;}

#enter1Enc{display:none;}

#personal1{display:none;}

#personal1Wipe{display:none;}

#personal1Enc{display:none;}

#wizard{display:none;}

.m4jCheckBox{margin-right:10px !important;}
.m4jRadio{margin-right:10px !important;}

.list-date  {width:28% !important}


#sbox-window{ width:600px!important; left: 50% !important;
margin-left: -300px!important;}

#sbox-window iframe{ width:600px!important;}

#sbox-overlay{width:100% !important;}

.userlinks{display:none;}
article .article-tools{display:none;}

#form-login-username, #form-login-password, #form-login-remember{padding:5px !important;}

#modlgn-username, #modlgn-passwd{border:none !important; border-radius:8px !important;}

.modulelogin-user .mod-wrapper{padding:0 !important;}


#sublan{
    background: #404040;
color: #fff;
position: absolute;
padding: 10px 10px 0px 0px;
z-index: 999;
margin-left: 725px;
margin-top: 62px;
width: 130px;
/* text-align: left !important; */
/* float: left !important; */
/* padding-bottom: 30px; */
opacity: 0;
display: none;

}


#sublan a{
    color: #909090;
text-decoration: none;
padding: 10px 0px 0px 10px !important;
margin: 0 !important;
float: left !important;
/* height: 15px !important; */
transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
width: 100%;
/* vertical-align: middle; */
display: inline-block;
position: relative;
     transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

#sublan a:hover{
    color: #fff;
    background: #2a2a2a;
}

#container-lan, #sublan {
    transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}

/* Show the B div when hover on A (the container include only A when B is not displayed */
#container-lan:hover #sublan {

    opacity: 1;
    display: block;
}