diff --git a/Host/Controllers/ProductController.cs b/Host/Controllers/ProductController.cs index 07b01f3..3f75304 100644 --- a/Host/Controllers/ProductController.cs +++ b/Host/Controllers/ProductController.cs @@ -774,6 +774,11 @@ namespace Home.Controllers { return View(); } + [HttpGet] + public async Task Http() + { + return View(); + } [HttpGet, AllowAnonymous] public async Task IsPay(string orderNo) diff --git a/Host/Controllers/UserController.cs b/Host/Controllers/UserController.cs index d974756..5956499 100644 --- a/Host/Controllers/UserController.cs +++ b/Host/Controllers/UserController.cs @@ -597,6 +597,42 @@ namespace Home.Controllers var userId =this.Request.GetUserInfo().UserId; return View(); } + [HttpGet] + [UserAuth] + public IActionResult HttpRecharge() + { + var userId =this.Request.GetUserInfo().UserId; + return View(); + } + [HttpGet] + [UserAuth] + public IActionResult HttpPackageList() + { + var userId =this.Request.GetUserInfo().UserId; + return View(); + } + [HttpGet] + [UserAuth] + public IActionResult HttpLongterm() + { + var userId =this.Request.GetUserInfo().UserId; + return View(); + } + [HttpGet] + [UserAuth] + public IActionResult HttpUseHistory() + { + var userId =this.Request.GetUserInfo().UserId; + return View(); + } + [HttpGet] + [UserAuth] + public IActionResult HttpWhiteIp() + { + var userId =this.Request.GetUserInfo().UserId; + return View(); + } + /// /// 发送手机验证码 diff --git a/Host/Views.Mobile/Home/Index.cshtml b/Host/Views.Mobile/Home/Index.cshtml index 1f7d7aa..d9e0399 100644 --- a/Host/Views.Mobile/Home/Index.cshtml +++ b/Host/Views.Mobile/Home/Index.cshtml @@ -224,9 +224,9 @@
  • 客服电话：400 800 9925
  • 客服QQ：800101003

  • 客户经理：

    • -
  • 萱萱-电话/微信：13523072998

    • +
  • 萱萱-电话/微信：15225139515

  • 琪琪-电话/微信：15713870747

    • -
  • 兔兔-电话/微信：19503890845

    • +
  • 兔兔-电话/微信：15111748058

  • 工作时间： 8:30-23:00
    • diff --git a/Host/Views/Home/Index.cshtml b/Host/Views/Home/Index.cshtml index 461fbf1..8c0795e 100644 --- a/Host/Views/Home/Index.cshtml +++ b/Host/Views/Home/Index.cshtml @@ -41,10 +41,13 @@ + + + +
    +

    长效套餐

    + +
    +
    +
    + + 格式：IP|http端口|socks5端口|账号|密码 +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    模式节点入口IP隧道出口IPHTTP/SK5端口归属地带宽线路状态账号/密码过期时间是否过期续费
    {{item.isRelayed?'中继':'直连'}}{{item.ip}}{{item.realIp}}{{item.httpPort}}/{{item.socks5Port}}{{item.area}}{{item.bandwidth}}M/{{item.lineType}}{{item.shareType}}{{item.state}}{{item.username}}/{{item.password}}{{item.expireTime}}{{item.isExpired?'已经过期':'未过期'}}续费 + 切换入口 + 切换节点
    + +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + +
    套餐类型模式可用ip数量(个)过期时间续费
    {{item.isAbroad}}{{item.shareType}}{{item.ipAmount}}{{item.expireTime}}续费
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + +
    订单号订单类型游戏类型IP数量实付金额支付时间续费
    {{item.order_no}}{{item.order_type}}{{item.game_type}}{{item.ip_count}}{{item.money}}{{item.create_time}}再次购买
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + +
    原IP原属地切换后IP切换后属地切换方式切换时间
    {{item.oldIp}}{{item.oldArea}}{{item.newIp}}{{item.newArea}}{{item.reason}}{{item.createTime}}
    + +
    +
    +
    + + + + + + + + + +
    + \ No newline at end of file diff --git a/Host/Views/User/HttpPackageList.cshtml b/Host/Views/User/HttpPackageList.cshtml new file mode 100644 index 0000000..cfcf10e --- /dev/null +++ b/Host/Views/User/HttpPackageList.cshtml @@ -0,0 +1,718 @@ + +@{ + Layout = "_UserLayout"; +} + +
    +

    短效套餐

    + +
    +
    +
    + +
    + + + + + + + + + + + + + + + + + + + + + + +
    套餐类型当日可用ip数量(个)有效时长过期时间是否过期续费
    {{item.name}}{{item.remainingAmount}}{{item.durationType}}{{item.expireTime}}{{item.isExpired}}续费 不支持续费
    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + +
    订单号订单类型套餐类型有效时长支付金额支付时间再次购买
    {{item.order_no}}{{item.order_type}}{{item.package_type}}{{item.durationType}}{{item.money}}{{item.create_time}}再次购买
    +
    +
    + +
    +
    +
    + 请选择提取类型 +
    +
    + +
    +
    +
    +
    + 提取数量 +
    +
    + 个IP 单次可提取最大数量 200 个 +
    +
    +
    +
    + 提取时长 +
    +
    + + + + + +
    +
    + +
    +
    + IP协议 +
    +
    + + +
    +
    + +
    +
    + 数据格式 +
    +
    + + + +
    +
    + +
    +
    + 换行符 +
    +
    + + + + + + +
    +
    +
    +
    + 地区选择 +
    +
    +

    全选 清除

    + + + + + + + + +
    + + + + + + + + +
    + + + + + + + + +
    + + + + + + + +
    +
    + +
    +
    + IP去重 +
    +
    + + +
    + + +
    +
    +
    + 运营商 +
    +
    + + + +
    +
    +
    +
    + 自动添加白名单 +
    +
    + + +
    +
    + +
    +
    + 签权模式 +
    +
    + + + +
    +
    +
    +
    + 分隔符 +
    +
    + + + + + +
    +
    +
    + +
    +
    +

    {{api_link}}

    + + 打开链接 +
    +
    + + + + + + + + + + + +
    请求参数注释
    名称类型必选说明
    ptint是套餐类型，0或12-储值套餐，21-短效包天，22-短效包量，23-短效无限量，29-终身免费VIP套餐，31-长效套餐
    numint是提取IP数量
    gtint否提取时长 0-默认 1-1分钟以上 2-2分钟以上 3-3分钟以上 4-4分钟以上
    regionsstring否多个用英文逗号换行,不传表示随机
    ispint是0:不限 4:联通 2:电信
    portint是IP协议 1:HTTP 2:SOCK5
    timeint否有效时长 1-0.1至1分钟 5-1至5分钟 25-5至25分钟 180-25至180分钟 360-3至6小时
    typeint否数据格式：1:TXT 2:JSON 3:html
    packint否用户套餐ID
    tsint否是否显示IP过期时间: 1显示 0不显示
    lbint否换行符(1:\r\n 2:/br 3:\r 4:\n 5:\t 6 :自定义)
    clbstring否自定义换行符
    spint否分隔符(1:竖线| 2:斜线/ 3:冒号 6 :自定义)
    cspstring否自定义分隔符
    distinctint否去重选择（2:严格去重。0:不去重）
    awint否是否将调用者自动添加到IP白名单（0:不自动添加。1:自动添加）
    atint否鉴权模式 1-白名单，2-白名单+账密严格鉴权，3-仅账密鉴权（无限量不可用）
    +
    +
    返回结果示例
    JSONcode
    1. {
    2.     "code":0,
    3.     "msg":"提示信息",
    4.     "success":true,
    5.     "data":[
    6.         {
    7.             "ip":"49.68.68.197",    //隧道ip （代理ip）
    8.             "port":33220,           // 代理端口
    9.             "expireTime":"2019-05-24 08:58:31"
    10.         },
    11.         {
    12.             "ip":"58.218.201.108",  //隧道ip （代理ip）
    13.             "port":2690,            // 代理端口
    14.             "expireTime":"2019-05-24 08:55:31"
    15.         }
    16.     ]
    17. }
    18.
    +
    + + + +
    请求参数注释
    名称类型说明
    successbool是否成功
    codeint0表示成功，其他参见《错误代码》表
    ipstringIP
    portint端口号
    +
    +
    + + + +
    请求参数注释
    错误编码错误提示说明
    code:111请在1秒后再次请求提取链接请求太过频繁，超出限制
    code:113请将192.168.0.0设置为白名单！白名单未添加/白名单掉了
    code:114余额不足账户金额消耗完毕
    code:115请更换地区等条件重新生成api链接地址没有资源或没有符合条件的数据
    code:116您的套餐今日已到达上限！套餐内IP数量消耗完毕
    code:117您的套餐pack传参有误!请检测您现在的ip是否在套餐所在账户！检测本地白名单是不是在账户下
    code:118您的账户异常，请联系客服！账户处于被禁用状态
    code:121您的该套餐已经过期了！套餐过期
    code:401IP:1.1.1.1:2000 Authentication failed！白名单错误/使用的IP已经过期
    code:403Sorry！The site has been banned！客户目标网站异常，联系客服处理
    +
    +
    +
    + + \ No newline at end of file diff --git a/Host/Views/User/HttpRecharge.cshtml b/Host/Views/User/HttpRecharge.cshtml new file mode 100644 index 0000000..a3dc007 --- /dev/null +++ b/Host/Views/User/HttpRecharge.cshtml @@ -0,0 +1,58 @@ + +@{ + Layout = "_UserLayout"; +} +
    + + + + + + + + + + + + + + + + + + +
    HTTP 充值记录
    交易时间充值H币充值渠道支付金额
    {{info.create_time}}{{info.ju_money}}{{info.pay_type }}{{info. pay_money }}
    +
    + \ No newline at end of file diff --git a/Host/Views/User/HttpUseHistory.cshtml b/Host/Views/User/HttpUseHistory.cshtml new file mode 100644 index 0000000..3108898 --- /dev/null +++ b/Host/Views/User/HttpUseHistory.cshtml @@ -0,0 +1,149 @@ + +@{ + Layout = "_UserLayout"; +} + +
    +

    使用记录

    +
    +
    +

    包天包量使用概况

    +
    +
    +
    +
    当日使用IP数量 {{used_data.todayShortPackIpUsed}} 个
    +
    +
    +
    +
    +
    +
    +
    累计使用IP数量 {{used_data.shortPackIpUsed}} 个
    +
    +
    +
    +
    +
    +
    +

    明细 最多允许查看72小时内记录 (短效无限量套餐暂无记录)

    +
    + +
    +
    + + + + + + + + + + + + + + + + + + + +
    使用类型客户端IP使用IP端口号使用时间
    {{item.packType}}{{item.userIp}}{{item.ip}}{{item.port}}{{item.createTime}}
    + + +
    +
    +
    + \ No newline at end of file diff --git a/Host/Views/User/HttpWhiteIp.cshtml b/Host/Views/User/HttpWhiteIp.cshtml new file mode 100644 index 0000000..8895332 --- /dev/null +++ b/Host/Views/User/HttpWhiteIp.cshtml @@ -0,0 +1,146 @@ + +@{ + Layout = "_UserLayout"; +} +
    +
    +
    + + +
    +
    +
    当前白名单列表 当前仅允许保留白名单数量：5个
    +
    + + + + + + + + + + + + + + + + + + +
    IP地址设置时间锁定状态操作
    {{item.id}}{{item.ip}}{{item.createTime}}{{item.isLocked}} + 锁定 + 解锁 + 删除 +
    +
    +
    +
    +
    + \ No newline at end of file diff --git a/Host/wwwroot/http/css/img/cb.png b/Host/wwwroot/http/css/img/cb.png new file mode 100644 index 0000000..8ab691a Binary files /dev/null and b/Host/wwwroot/http/css/img/cb.png differ diff --git a/Host/wwwroot/http/css/img/cw.png b/Host/wwwroot/http/css/img/cw.png new file mode 100644 index 0000000..7d7f92f Binary files /dev/null and b/Host/wwwroot/http/css/img/cw.png differ diff --git a/Host/wwwroot/http/css/img/db.png b/Host/wwwroot/http/css/img/db.png new file mode 100644 index 0000000..681934d Binary files /dev/null and b/Host/wwwroot/http/css/img/db.png differ diff --git a/Host/wwwroot/http/css/img/dw.png b/Host/wwwroot/http/css/img/dw.png new file mode 100644 index 0000000..302737f Binary files /dev/null and b/Host/wwwroot/http/css/img/dw.png differ diff --git a/Host/wwwroot/http/css/img/lb.png b/Host/wwwroot/http/css/img/lb.png new file mode 100644 index 0000000..42dddf8 Binary files /dev/null and b/Host/wwwroot/http/css/img/lb.png differ diff --git a/Host/wwwroot/http/css/img/lw.png b/Host/wwwroot/http/css/img/lw.png new file mode 100644 index 0000000..d5aeede Binary files /dev/null and b/Host/wwwroot/http/css/img/lw.png differ diff --git a/Host/wwwroot/http/css/img/mb.png b/Host/wwwroot/http/css/img/mb.png new file mode 100644 index 0000000..b26dc5f Binary files /dev/null and b/Host/wwwroot/http/css/img/mb.png differ diff --git a/Host/wwwroot/http/css/img/mw.png b/Host/wwwroot/http/css/img/mw.png new file mode 100644 index 0000000..bd55fa1 Binary files /dev/null and b/Host/wwwroot/http/css/img/mw.png differ diff --git a/Host/wwwroot/http/css/img/rb.png b/Host/wwwroot/http/css/img/rb.png new file mode 100644 index 0000000..80fe678 Binary files /dev/null and b/Host/wwwroot/http/css/img/rb.png differ diff --git a/Host/wwwroot/http/css/img/rw.png b/Host/wwwroot/http/css/img/rw.png new file mode 100644 index 0000000..3b3e0fd Binary files /dev/null and b/Host/wwwroot/http/css/img/rw.png differ diff --git a/Host/wwwroot/http/css/jquery-rvnm-rtl.css b/Host/wwwroot/http/css/jquery-rvnm-rtl.css new file mode 100644 index 0000000..d1f5bfb --- /dev/null +++ b/Host/wwwroot/http/css/jquery-rvnm-rtl.css @@ -0,0 +1,215 @@ +/** + * rvnm Responsive vertical navigation menu + * + * Copyright (C) 2017 4xmen team + * + * LICENSE: This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by the Free + * Software Foundation; either version 3 of the License, or (at your option) any + * later version. This program is distributed in the hope that it will be + * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General + * Public License for more details. You should have received a copy of the GNU + * General Public License along with this program. + * If not, see . + * + * @package rvnm + * @subpackage rvnm style sheet right to left + * @author 4xmen team + * @author A1Gard + * @link https://github.com/4xmen/rvnm + */ +.rvnm-navbar-box{ + direction: rtl; + left: auto ; + right:0 ; +} + +.rvnm-wrapper{ + margin-left: 0; + margin-right: 220px; +} + +.rvnm-navbar-box ul li ul{ + padding-left: 0; + padding-right: 10px; +} +.rvnm-navbar-box li .fa{ + margin-right: 0px; + margin-left: 10px; +} + +.rvnm-navbar-box ul li.rvnm-expandable{ + background-image: url(img/lb.png) ; + background-position: 5% 10px; +} + +.rvnm-navbar-box ul li.rvnm-collapseable{ + background-position: 5% 10px; +} + + +/* minmal mode */ + +.rvnm-wrapper.rvnm-minimal{ + margin-right: 40px; + margin-left: 0; +} + + +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand .fa{ + margin-left: 20px; + margin-right: 0; +} + +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + left:auto; + right:40px; + padding-right: 0; + border-right: 1px solid #e0e0e0; + border-left: 0; +} + +/* mobile mode */ +.rvnm-navbar-box.rvnm-mobile{ + right: 0px; + left: auto; +} + +.rvnm-wrapper.rvnm-mobile{ + margin-right: 0; +} + +.rvnm-navbar-box.rvnm-mobile.rvnm-mobile-expand{ + background-position: 97% 5px; +} + + +/* dark theme */ + +.rvnm-navbar-box.dark ul li.rvnm-expandable{ + background-image: url(img/lw.png) ; + background-position: 10px 15px; +} + +.rvnm-navbar-box.dark ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-position: 10px 15px; +} + +/* Dark theme minimal mode */ +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + border-right: 0; +} + + +/* Dark theme mobile mode */ +.rvnm-navbar-box.rvnm-mobile.dark.rvnm-mobile-expand{ + background-position: 97% 5px; +} + + +/* dark ruby theme */ + +.rvnm-navbar-box.dark-ruby ul li.rvnm-expandable{ + background-image: url(img/lw.png) ; + background-position: 10px 15px; +} + +.rvnm-navbar-box.dark-ruby ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-position: 10px 15px; +} + +/* Dark theme minimal mode */ +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + border-right: 0; +} + + +/* Dark theme mobile mode */ +.rvnm-navbar-box.rvnm-mobile.dark-ruby.rvnm-mobile-expand{ + background-position: 97% 5px; +} + + + +/* dark beryl theme */ + +.rvnm-navbar-box.dark-beryl ul li.rvnm-expandable{ + background-image: url(img/lw.png) ; + background-position: 10px 15px; +} + +.rvnm-navbar-box.dark-beryl ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-position: 10px 15px; +} + +/* Dark theme minimal mode */ +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + border-right: 0; +} + + +/* Dark theme mobile mode */ +.rvnm-navbar-box.rvnm-mobile.dark-beryl.rvnm-mobile-expand{ + background-position: 97% 5px; +} + + + + +/* dark doder theme */ + +.rvnm-navbar-box.dark-doder ul li.rvnm-expandable{ + background-image: url(img/lw.png) ; + background-position: 10px 15px; +} + +.rvnm-navbar-box.dark-doder ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-position: 10px 15px; +} + +/* Dark theme minimal mode */ +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + border-right: 0; +} + + +/* Dark theme mobile mode */ +.rvnm-navbar-box.rvnm-mobile.dark-doder.rvnm-mobile-expand{ + background-position: 97% 5px; +} + + + + + + +/* dark lesb theme */ + +.rvnm-navbar-box.dark-lesb ul li.rvnm-expandable{ + background-image: url(img/lw.png) ; + background-position: 10px 15px; +} + +.rvnm-navbar-box.dark-lesb ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-position: 10px 15px; +} + +/* Dark theme minimal mode */ +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + border-right: 0; +} + + +/* Dark theme mobile mode */ +.rvnm-navbar-box.rvnm-mobile.dark-lesb.rvnm-mobile-expand{ + background-position: 97% 5px; +} + + + diff --git a/Host/wwwroot/http/css/jquery-rvnm.css b/Host/wwwroot/http/css/jquery-rvnm.css new file mode 100644 index 0000000..6a7797c --- /dev/null +++ b/Host/wwwroot/http/css/jquery-rvnm.css @@ -0,0 +1,728 @@ +/** + * rvnm Responsive vertical navigation menu + * + * Copyright (C) 2017 4xmen team + * + * LICENSE: This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by the Free + * Software Foundation; either version 3 of the License, or (at your option) any + * later version. This program is distributed in the hope that it will be + * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General + * Public License for more details. You should have received a copy of the GNU + * General Public License along with this program. + * If not, see . + * + * @package rvnm + * @subpackage rvnm style sheet + * @author 4xmen team + * @author A1Gard + * @link https://github.com/4xmen/rvnm + */ + +body,html{ + padding: 0; + margin: 0; + height: auto; +} + + +/* ripple */ +.rvnm-ripple { + width: 0; + height: 0; + border-radius: 50%; + background: rgba(0, 0, 0, 0.4); + transform: scale(0); + position: absolute; + opacity: 1; +} +.rvnm-rippleEffect { + animation: rvnm-rippleDrop .6s linear; +} + +@keyframes rvnm-rippleDrop { + 100% { + transform: scale(2); + opacity: 0; + } +} + +.rvnm-navbar-box{ + position: absolute; + left: 0px; + top:0; + width: 220px; + background: #A0AEC4 ; + min-height: 50vh; + overflow-y: hidden; + z-index: 99; +} + +.rvnm-wrapper{ + margin-left: 220px; +} + + +.rvnm-navbar-box ul { + list-style: none; + padding: 0; + margin: 0; + position: relative; +} + +.rvnm-navbar-box ul li{ + background: #eee ; + border-bottom:1px solid #e0e0e0; +} + +.rvnm-navbar-box ul li:hover{ + background: #A0AEC4 ; +} + +.rvnm-navbar-box ul li.rvnm-collapseable{ + background: #e1e1e1; +} + +.rvnm-navbar-box ul li ul{ + overflow: hidden; + display: none; + padding-left: 10px; +} + +.rvnm-navbar-box .fa{ + font-size: 16px; +} +.rvnm-navbar-box a{ + text-decoration: none; +} + +.rvnm-navbar-box .search{ + padding: 4px; + height: 25px; + max-height: 25px; +} + +.rvnm-navbar-box .search .fa{ + margin-left: 7px; + margin-right: 3px !important; + margin-top: 4px; +} + +.rvnm-navbar-box .search input{ + padding: 6px; + background: transparent; + border: none; + width: calc(100% - 40px); + outline: 0; + box-sizing: border-box; +} + + +.rvnm-navbar-box ul li a,.rvnm-navbar-box ul li a:visited{ + display: block; + padding: 10px; + font-size: 14px; + font-weight: 100; + color: #333 ; + position: relative; + overflow: hidden; + height: 45px; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing:border-box; + line-height: 1.75em; + overflow: hidden; + text-overflow: ellipsis; +} + +.rvnm-navbar-box ul li:hover a,.rvnm-navbar-box ul li:hover a:visited{ + color: #000; +} + +.rvnm-navbar-box ul li span.spliter{ + display: block; + padding: 10px; + font-size: 14px; + font-weight: 600; + background: #eaeaea ; + color: #1d4686; + /*text-align: center;*/ +} + +.rvnm-navbar-box li .fa{ + margin-right: 10px; +} + +.rvnm-navbar-box ul li.rvnm-expandable{ + background-image: url(img/rb.png) ; + background-repeat: no-repeat; + background-position: 95% 10px; +} + +.rvnm-navbar-box ul li.rvnm-collapseable{ + background-image: url(img/db.png) ; + background-repeat: no-repeat; + background-position: 95% 10px; +} +.rvnm-navbar-box ul li.rvnm-collapseable > ul{ + +} + + +/*minmal mode*/ + +.rvnm-minimal{ + +} + +.rvnm-minimal .search input { + display: none; +} + +.rvnm-minimal .search:hover input{ + display: inline-block; + width: calc(100% - 45px); +} +.rvnm-minimal .search input:focus { + display: inline-block; + width: calc(100% - 45px); +} + +.rvnm-navbar-box.rvnm-minimal{ + width: 40px; + overflow: visible; +} + +.rvnm-wrapper.rvnm-minimal{ + margin-left: 40px; +} + + +.rvnm-navbar-box.rvnm-minimal > li{ + text-align: center; +} +.rvnm-navbar-box.rvnm-minimal li > a,.rvnm-navbar-box.rvnm-minimal li > .spliter{ + font-size: 0; +} + +.rvnm-navbar-box.rvnm-minimal > ul > li.rvnm-expandable{ + background-image: none ; +} + +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand{ + width: 240px; + height: 36px; + overflow: visible; + position: relative; +} +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand a,.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand .spliter{ + font-size: 14px; +} +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > a,.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > .spliter{ + background: rgba(0,0,0,0.2) ; +} + +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand .fa{ + margin-right: 20px; +} + +.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > ul{ + display: block; + z-index: 9; + position: absolute; + left:40px; + padding-left: 0; + top:100%; + width: 200px; + padding-top: 1px; + border-left: 1px solid #e0e0e0; +} + +/*mobile mode*/ + +.rvnm-navbar-box.rvnm-mobile{ + min-height: 0; + position: absolute; + left: 0px; + top:0; + width: 40px; + height:35px; + overflow: hidden; + opacity: 0.6; + -o-transition:.6s; + -ms-transition:.6s; + -moz-transition:.6s; + -webkit-transition:.6s; + transition:.6s; + background: #fff url(img/mb.png) center no-repeat ; + z-index: 9999; +} + +.rvnm-navbar-box.rvnm-mobile:hover{ + opacity: 1; +} + +.rvnm-navbar-box.rvnm-mobile > ul{ + display: none; +} + +.rvnm-wrapper.rvnm-mobile{ + margin-left: 0; +} + +.rvnm-navbar-box.rvnm-mobile.rvnm-mobile-expand{ + overflow: visible; + background: #fff url(img/cb.png) no-repeat ; + background-position: 5px 5px; + opacity: 1 ; + padding-top: 40px; + width: 100%; +} +.rvnm-navbar-box.rvnm-mobile.rvnm-mobile-expand > ul{ + display: block; +} + + +/* Dark theme */ +.rvnm-navbar-box.dark{ + background: #353C48 ; +} + +.rvnm-navbar-box.dark ul li{ + background: #353C48 ; + border-bottom: 0 ; +} +.rvnm-navbar-box.dark .fa, .rvnm-navbar-box.dark .search input { + color: #eee; +} +/*.rvnm-navbar-box.dark ul li*/ + +.rvnm-navbar-box.dark ul li:hover,.rvnm-navbar-box.dark ul li.rvnm-collapseable{ + background-color: rgba(0, 0, 0, 0.07) ; +} +.rvnm-navbar-box.dark ul li a,.rvnm-navbar-box.dark ul li a:visited,.rvnm-navbar-box.dark ul li span.spliter{ + background: transparent ; + color: white; + padding-top: 15px ; + padding-bottom: 15px; +} + +.rvnm-navbar-box.dark ul li span.spliter{ + opacity: .60; +} + +.rvnm-navbar-box.dark ul li:hover a,.rvnm-navbar-box.dark ul li:hover a:visited{ + color: white; +} + + +.rvnm-navbar-box.dark ul li.rvnm-expandable{ + background-image: url(img/rw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + +.rvnm-navbar-box.dark ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + /*Dark theme minimal*/ + .rvnm-navbar-box.rvnm-minimal.dark .rvnm-minimal-expand{ + height: 46px; + } +.rvnm-navbar-box.rvnm-minimal.dark .rvnm-minimal-expand > a,.rvnm-navbar-box.rvnm-minimal .rvnm-minimal-expand > .spliter{ + background: rgba(0,0,0,0.2) ; +} +.rvnm-navbar-box.rvnm-minimal.dark ul li:hover,.rvnm-navbar-box.rvnm-minimal ul li.rvnm-collapseable{ + background-color: #444859 ; + border-bottom: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark > ul > li{ + background-image: none !important; +} + +.rvnm-navbar-box.rvnm-minimal.dark .rvnm-minimal-expand > ul{ + top:100%; + background-color: #444859 ; + border-left: 0; + padding-top: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark ul li ul li{ + background-color: #393a48 ; +} +.rvnm-navbar-box.rvnm-minimal.dark ul li ul li:hover{ + background-color: rgba(0,0,0,0.2); +} + +/*Dark theme mobile mode*/ + +.rvnm-navbar-box.rvnm-mobile.dark{ + background: #393a48 url(img/mw.png) center no-repeat ; +} + +.rvnm-navbar-box.rvnm-mobile.dark.rvnm-mobile-expand{ + background: #393a48 url(img/cw.png) no-repeat ; + background-position: 5px 5px; +} + +.rvnm-navbar-box.rvnm-mobile.dark.rvnm-mobile-expand ul { + background-color: #393a48 ; +} + + +/* Dark ruby theme */ +.rvnm-navbar-box.dark-ruby{ + background: #353C48 ; +} + +.rvnm-navbar-box.dark-ruby ul li{ + background: #353C48 ; + border-bottom: 0 ; +} + +.rvnm-navbar-box.dark-ruby .fa, .rvnm-navbar-box.dark-ruby .search input { + color: #eee; +} + +.rvnm-navbar-box.dark-ruby ul li:hover,.rvnm-navbar-box.dark-ruby ul li.rvnm-collapseable{ + background-color: #f0544c; +} +.rvnm-navbar-box.dark-ruby ul li a,.rvnm-navbar-box.dark-ruby ul li a:visited,.rvnm-navbar-box.dark-ruby ul li span.spliter{ + background: transparent ; + color: white; + padding-top: 15px ; + padding-bottom: 15px; + font-weight: 700; +} + +.rvnm-navbar-box.dark-ruby ul li span.spliter{ + opacity: .60; +} + +.rvnm-navbar-box.dark-ruby ul li span.spliter:hover{ + color: #fff; +} + +.rvnm-navbar-box.dark-ruby ul li:hover a,.rvnm-navbar-box.dark-ruby ul li:hover a:visited{ + color: #ffffff; +} + + +.rvnm-navbar-box.dark-ruby ul li.rvnm-expandable{ + background-image: url(img/rw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + +.rvnm-navbar-box.dark-ruby ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + /*Dark ruby theme minimal*/ + .rvnm-navbar-box.rvnm-minimal.dark-ruby .rvnm-minimal-expand{ + height: 46px; + } + +.rvnm-navbar-box.rvnm-minimal.dark-ruby ul li:hover,.rvnm-navbar-box.rvnm-minimal ul li.rvnm-collapseable{ + background-color: #f0544c ; + border-bottom: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-ruby > ul > li{ + background-image: none !important; +} + +.rvnm-navbar-box.rvnm-minimal.dark-ruby .rvnm-minimal-expand > ul{ + top:100%; + background-color: #f0544c ; + border-left: 0; + padding-top: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-ruby ul li ul li{ + background-color: #393a48 ; +} + + +/*Dark ruby theme mobile mode*/ + +.rvnm-navbar-box.rvnm-mobile.dark-ruby{ + background: #393a48 url(img/mw.png) center no-repeat ; +} + +.rvnm-navbar-box.rvnm-mobile.dark-ruby.rvnm-mobile-expand{ + background: #393a48 url(img/cw.png) no-repeat ; + background-position: 5px 5px; +} + +.rvnm-navbar-box.rvnm-mobile.dark-ruby.rvnm-mobile-expand ul { + background-color: #393a48 ; +} + + +/* Dark beryl theme */ +.rvnm-navbar-box.dark-beryl{ + background: #353C48 ; +} + +.rvnm-navbar-box.dark-beryl ul li{ + background: #353C48 ; + border-bottom: 0 ; +} + +.rvnm-navbar-box.dark-beryl .fa, .rvnm-navbar-box.dark-beryl .search input { + color: #eee; +} + +.rvnm-navbar-box.dark-beryl ul li:hover,.rvnm-navbar-box.dark-beryl ul li.rvnm-collapseable{ + background-color: #0fd1ab; +} +.rvnm-navbar-box.dark-beryl ul li a,.rvnm-navbar-box.dark-beryl ul li a:visited,.rvnm-navbar-box.dark-beryl ul li span.spliter{ + background: transparent ; + color: #eee; + padding-top: 15px ; + padding-bottom: 15px; +} + +.rvnm-navbar-box.dark-beryl ul li span.spliter{ + opacity: .60; +} + +.rvnm-navbar-box.dark-beryl ul li span.spliter:hover{ + color: #fff; +} + +.rvnm-navbar-box.dark-beryl ul li:hover a,.rvnm-navbar-box.dark-beryl ul li:hover a:visited{ + color: #ffffff; +} + + +.rvnm-navbar-box.dark-beryl ul li.rvnm-expandable{ + background-image: url(img/rw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + +.rvnm-navbar-box.dark-beryl ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + /*Dark beryl theme minimal*/ + .rvnm-navbar-box.rvnm-minimal.dark-beryl .rvnm-minimal-expand{ + height: 46px; + } + +.rvnm-navbar-box.rvnm-minimal.dark-beryl ul li:hover,.rvnm-navbar-box.rvnm-minimal ul li.rvnm-collapseable{ + background-color: #0fd1ab ; + border-bottom: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-beryl > ul > li{ + background-image: none !important; +} + +.rvnm-navbar-box.rvnm-minimal.dark-beryl .rvnm-minimal-expand > ul{ + top:100%; + background-color: #0fd1ab ; + border-left: 0; + padding-top: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-beryl ul li ul li{ + background-color: #393a48 ; +} + + +/*Dark beryl theme mobile mode*/ + +.rvnm-navbar-box.rvnm-mobile.dark-beryl{ + background: #393a48 url(img/mw.png) center no-repeat ; +} + +.rvnm-navbar-box.rvnm-mobile.dark-beryl.rvnm-mobile-expand{ + background: #393a48 url(img/cw.png) no-repeat ; + background-position: 5px 5px; +} + +.rvnm-navbar-box.rvnm-mobile.dark-beryl.rvnm-mobile-expand ul { + background-color: #393a48 ; +} + + +/* Dark doder theme */ +.rvnm-navbar-box.dark-doder{ + background: #353C48 ; +} + +.rvnm-navbar-box.dark-doder ul li{ + background: #353C48 ; + border-bottom: 0 ; +} + +.rvnm-navbar-box.dark-doder .fa, .rvnm-navbar-box.dark-doder .search input { + color: #eee; +} + + +.rvnm-navbar-box.dark-doder ul li:hover,.rvnm-navbar-box.dark-doder ul li.rvnm-collapseable{ + background-color: #4285f4; +} +.rvnm-navbar-box.dark-doder ul li a,.rvnm-navbar-box.dark-doder ul li a:visited,.rvnm-navbar-box.dark-doder ul li span.spliter{ + background: transparent ; + color: #eee; + padding-top: 15px ; + padding-bottom: 15px; +} + +.rvnm-navbar-box.dark-doder ul li span.spliter{ + opacity: .60; +} + +.rvnm-navbar-box.dark-doder ul li span.spliter:hover{ + color: #fff; +} + +.rvnm-navbar-box.dark-doder ul li:hover a,.rvnm-navbar-box.dark-doder ul li:hover a:visited{ + color: #ffffff; +} + + +.rvnm-navbar-box.dark-doder ul li.rvnm-expandable{ + background-image: url(img/rw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + +.rvnm-navbar-box.dark-doder ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + /*Dark doder theme minimal*/ + .rvnm-navbar-box.rvnm-minimal.dark-doder .rvnm-minimal-expand{ + height: 46px; + } + +.rvnm-navbar-box.rvnm-minimal.dark-doder ul li:hover,.rvnm-navbar-box.rvnm-minimal ul li.rvnm-collapseable{ + background-color: #4285f4 ; + border-bottom: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-doder > ul > li{ + background-image: none !important; +} + +.rvnm-navbar-box.rvnm-minimal.dark-doder .rvnm-minimal-expand > ul{ + top:100%; + background-color: #4285f4 ; + border-left: 0; + padding-top: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-doder ul li ul li{ + background-color: #393a48 ; +} + + +/*Dark doder theme mobile mode*/ + +.rvnm-navbar-box.rvnm-mobile.dark-doder{ + background: #393a48 url(img/mw.png) center no-repeat ; +} + +.rvnm-navbar-box.rvnm-mobile.dark-doder.rvnm-mobile-expand{ + background: #393a48 url(img/cw.png) no-repeat ; + background-position: 5px 5px; +} + +.rvnm-navbar-box.rvnm-mobile.dark-doder.rvnm-mobile-expand ul { + background-color: #393a48 ; +} + + +/* Dark lesb theme */ +.rvnm-navbar-box.dark-lesb{ + background: #353C48 ; +} + +.rvnm-navbar-box.dark-lesb ul li{ + background: #353C48 ; + border-bottom: 0 ; +} + +.rvnm-navbar-box.dark-lesb .fa, .rvnm-navbar-box.dark-lesb .search input { + color: #eee; +} + + + +.rvnm-navbar-box.dark-lesb ul li:hover,.rvnm-navbar-box.dark-lesb ul li.rvnm-collapseable{ + background-color: #f442b3; +} +.rvnm-navbar-box.dark-lesb ul li a,.rvnm-navbar-box.dark-lesb ul li a:visited,.rvnm-navbar-box.dark-lesb ul li span.spliter{ + background: transparent ; + color: #eee; + padding-top: 15px ; + padding-bottom: 15px; +} + +.rvnm-navbar-box.dark-lesb ul li span.spliter{ + opacity: .60; +} + +.rvnm-navbar-box.dark-lesb ul li span.spliter:hover{ + color: #fff; +} + +.rvnm-navbar-box.dark-lesb ul li:hover a,.rvnm-navbar-box.dark-lesb ul li:hover a:visited{ + color: #ffffff; +} + + +.rvnm-navbar-box.dark-lesb ul li.rvnm-expandable{ + background-image: url(img/rw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + +.rvnm-navbar-box.dark-lesb ul li.rvnm-collapseable{ + background-image: url(img/dw.png) ; + background-repeat: no-repeat; + background-position: 95% 15px; +} + /*Dark lesb theme minimal*/ + .rvnm-navbar-box.rvnm-minimal.dark-lesb .rvnm-minimal-expand{ + height: 46px; + } + +.rvnm-navbar-box.rvnm-minimal.dark-lesb ul li:hover,.rvnm-navbar-box.rvnm-minimal ul li.rvnm-collapseable{ + background-color: #f442b3 ; + border-bottom: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-lesb > ul > li{ + background-image: none !important; +} + +.rvnm-navbar-box.rvnm-minimal.dark-lesb .rvnm-minimal-expand > ul{ + top:100%; + background-color: #f442b3 ; + border-left: 0; + padding-top: 0; +} +.rvnm-navbar-box.rvnm-minimal.dark-lesb ul li ul li{ + background-color: #393a48 ; +} + + +/*Dark lesb theme mobile mode*/ + +.rvnm-navbar-box.rvnm-mobile.dark-lesb{ + background: #393a48 url(img/mw.png) center no-repeat ; +} + +.rvnm-navbar-box.rvnm-mobile.dark-lesb.rvnm-mobile-expand{ + background: #393a48 url(img/cw.png) no-repeat ; + background-position: 5px 5px; +} + +.rvnm-navbar-box.rvnm-mobile.dark-lesb.rvnm-mobile-expand ul { + background-color: #393a48 ; +} \ No newline at end of file diff --git a/Host/wwwroot/http/css/responsive.css b/Host/wwwroot/http/css/responsive.css new file mode 100644 index 0000000..f9837df --- /dev/null +++ b/Host/wwwroot/http/css/responsive.css @@ -0,0 +1,1042 @@ +/*---------------------------------------------------- +@File: WebHost +@Author: SreeThemes +@URL: http://sreethemes.com +----------------------------------------------------*/ + + +/* Small Mobiles */ + +@media only screen and (min-width: 240px) and (max-width: 320px) { + .btn { + width: 100%; + margin-bottom: 10px; + } + .btn:last-child { + margin-bottom: 0px; + } + .top .nav li { + margin-bottom: 15px; + width: 100% !important; + } + .top .nav li.cart-link a { + top: 0px!important; + margin-left: 0px!important; + font-size: 12px !important; + } + .top .col-sm-9, .top .col-sm-9 li, .top .col-sm-9 li a { + text-align: center; + width: 100%; + } + .country_select .btn { + width: 100% !important; + } + .top .country_select { + float: inherit !important; + width: 100% !important; + } + .social-links a { + width: 45px; + height: 45px; + margin: 15px 0!important; + margin-right: 5px!important; + } + .social-links a i { + position: relative; + top: 15px; + } +} + +/*----------------------------------------------------------------*/ + + +/* Mediam Mobiles */ +@media only screen and (max-width: 480px) { +.topminibar .col-xs-12,.topminibar .text-right{text-align:center !important;} +.topminibar .btn{margin:5px 0;} +.topminibar .col-xs-12:first-child{border-bottom:1px solid #e8e8e8;} +} +@media only screen and (min-width: 320px) and (max-width: 480px) { + .topminibar .col-xs-12,.topminibar .text-right{ + text-align:center !important; + } + .topminibar .btn{ + margin:5px 0; + } + .topminibar .col-xs-12:first-child{ + border-bottom:1px solid #e8e8e8; + } + .pop-video-container i { + font-size: 20px !important; + width: 55px!important; + line-height: 51px!important; + height: 55px!important; + top:28%!important; + } + .top .nav li { + margin-bottom: 15px; + width: 100% !important; + } + .top .nav li.cart-link a { + top: 0px!important; + margin-left: 0px!important; + font-size: 12px !important; + } + .top .col-sm-9, .top .col-sm-9 li, .top .col-sm-9 li a { + text-align: center; + width: 100%; + } + .country_select .btn { + width: 100% !important; + } + .top .country_select { + float: inherit !important; + width: 100% !important; + } +} + +/*----------------------------------------------------------------*/ + +@media only screen and (min-width: 768px) and (max-width: 959px) { + .topminibar .list-inline,.topminibar .loginbuttons,.logo{ + text-align: center; + } + .sf-menu li a { + letter-spacing: 0; + padding: 12px 25px 12px 10px; + font-size: 12px; + } + #mainslider .item .slidecaption { + top: 4%; + } + #mainslider .item .slidecaption h2 { + font-size: 4.1em !important; + } + #mainslider .item .slidecaption h4 { + font-size: 1.2em; + margin-top: 10px; + } + #mainslider .item .slidecaption .btn-slide { + font-size: 1em; + margin: 10px auto 10px auto; + padding: 5px 10px; + } + #mainslider-nav .item i { + font-size: 16px; + padding-right: 4px; + } + #mainslider-nav .item { + font-size: 13px; + letter-spacing: 0; + } + .feature p { + font-size: 15px; + padding: 0 10px; + } + .pricingtables .panel-heading h3 { + font-size: 15px; + } + .offerdescription h2, .offer h2 { + font-size: 36px; + } + .offerdescription2 h2, .offer h2 { + font-size: 36px; + } + .pricingtables .btn-pricetable { + font-size: 0.9em; + padding: 5px 10px; + } + .pricingtables h4 { + font-size: 39px; + } + .footer h4 { + font-size: 14px; + letter-spacing: 0; + padding: 10px 6px; + } + .footer ul li { + font-size: 14px; + padding: 4px 6px; + } + .pricingtables .left-price ul { + margin-top: 112px; + } + .supportchannels .block-grid-item { + padding: 0 15px; + } + .vps-plans div.vps-plan:nth-child(2) { + padding-left: 30px; + } + .vps-plans div.vps-plan:nth-child(3) { + padding-right: 50px; + } + .vps-plans div.vps-plan { + font-size: 12px; + } + .vps-plans.fiveplans div.vps-plan:nth-child(2) { + padding-left: 12px; + } + .vps-plans.sixplans div.vps-plan:nth-child(3) { + padding-right: 60px; + } + .pricingtables.servers .panel-heading h3 { + font-size: 26px; + } + #tld-table thead th { + font-weight: 400; + font-size: 12px; + } + #tld-table thead th:before { + right: 6px; + } + .domainfeatures p { + font-size: 15px; + padding: 0 10px; + } + .social ul li { + padding: 25px 20px; + } + #mc_embed_signup input[type="submit"] { + font-size: 14px; + } + .thequote { + padding: 30px; + } + .custom-info h5 { + font-size: 25px; + margin-bottom: 30px; + } + .custom-info span { + font-size: 15px; + } +} + +/*----------------------------------------------------------------*/ + + +@media only screen and (min-width: 767px) { + .checkbox { + padding-left: 20px; + } + .combo-prices .col-sm-4 { + width: 27.7%; + } + .combo-prices .col-sm-3 { + width: 20.7%; + } + .three-plans .col-sm-1 { + width: 6%; + } + .three-plans .col-sm-4 { + width: 19.7%; + } + .text_big { + font-size: 5.5em; + font-weight: 600; + } + .three-plans h1.combo-main-price { + font-size: 35px; + } + .combo-prices .combo-result { + height: 100%; + margin-top: 100px; + font-size: 30px; + } + .combo-main-price { + font-size: 35px; + } + .margin-t100 { + margin-top: 100px; + } + .margin-b100 { + margin-bottom: 100px; + } + .thequote { + padding: 60px; + } + .banner-price { + font-size: 35px; + padding: 15px 0; + font-weight: 600; + } + .banner-price .text_primary { + display: block; + } + .banner-price span.starts { + font-size: 18px; + } + .feature { + padding-left: 90px; + } + #mainslider-nav .item h6, #mainslider-nav .item h5 { + margin-bottom: 6px; + margin-top: 0; + } + .blog nav ul.pagination { + display: table; + margin: 0 auto; + } + .blog .sidebar .widget { + margin-bottom: 45px; + } + .blog .post-meta .date { + font-size: 18px; + } + .blog .post-meta .date, .blog .post-meta .comments { + padding: 20px 0; + } + .blog .post-meta .comments { + font-size: 18px; + } + .blog article { + margin-bottom: 70px; + } + .comments { + margin-bottom: 50px; + } + .blog article .post-content h2 a { + font-size: 28px; + } + .clients .block-grid-item:nth-last-child(-n+4) { + border-bottom: 0; + } + .section-title h2 { + font-size: 40px; + } + .section_sapce-x { + padding: 120px 0; + } + .section_sapce { + padding: 50px 0; + } + .section_sapce2 { + padding: 80px 0; + } + .section_sapce3 { + padding: 50px 0; + } + .section_sapce4 { + padding: 30px 0; + } + .offerdescription h2 { + font-size: 54px; + } + .offerdescription2 h2 { + font-size: 54px; + } + .sf-menu li a { + padding: 16px 15px 16px 15px; + } + .top .nav li a i, .top .nav li i { + margin-right: 5px; + } + .top li.cart-link a { + color: #fff; + top: -10px; + } + .top .nav { + margin-top: 15px; + } + .top .nav li.cart-link a { + top: -7px; + } + #mainslider-nav .item i { + font-size: 25px; + } + #mainslider-nav .item { + padding: 15px 0px; + } + #mainslider-nav .item { + font-size: 14px; + } + #mainslider .item .slidecaption h2 { + font-size: 4em; + } + .top .nav li { + margin-left: 0; + margin-right: 22px; + } + +} + +/*----------------------------------------------------------------*/ + +@media only screen and (max-width: 767px) { + .topminibar .list-inline, .topminibar .loginbuttons { + text-align: center; + } + .btn-group > .btn{ + margin-bottom:3px; + } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 2em; + border-bottom-right-radius:2em; + } + .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 2em; + } + .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { + border-top-left-radius: 2em; + border-bottom-left-radius: 2em; + } + .apps-download .btn{ + margin-bottom:3px; + } + .section-parallax, .section-parallax2, .section-parallax3, .section-parallax4, .section-parallax5 { + background-repeat: repeat; + background-attachment: fixed !important; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover !important; + background-position:top left !important; + } + .maintantance-title{ + font-size:30px !important; + } + + .domain-title{ + font-size:20px; + } + + #mainslider .item .slidecaption { + top: 8% !important; + } + .coupon-code .input-copon{ + padding:13px; + width:100%; + margin-bottom:15px; + } + .coupon-code .btn{ + border-radius:0px 0px 0px 0px !important; + width:100% + } + .slicknav_menu .main-badge{ + display:none; + transition: all 2s linear; + } + .text_big { + font-weight: 600; + } + .text_big { + font-weight: 600; + } + .combo-prices .col-sm-4 { + width: 100%; + } + .combo-prices .combo-result { + height: 100%; + margin-top: 0px; + font-size: 30px; + } + .combo-prices .combo-final-price { + margin-bottom: 15px; + display: inline-block; + } + .apps .block-grid-item { + border-right: 0px !important; + } + .banner-price { + font-size: 35px; + padding: 15px 0; + font-weight: 600; + } + #mc_embed_signup input[type="submit"] { + margin-top: 15px; + } + #mc_embed_signup input[type="email"].form-control, #mc_embed_signup input[type="submit"], .domainsearch input[type="text"].form-control, .domainsearch button[type="submit"], .domainsearch select.form-control { + border-radius: 3px !important; + } + .banner-btn { + width: 100%; + margin-bottom: 15px; + } + .margin-t100 { + margin-top: 50px; + } + .margin-b100 { + margin-bottom: 50px; + } + .banner-price { + font-size: 25px; + } + .tablesaw-cell-label { + text-align: left; + } + .r-tabs .r-tabs-nav .r-tabs-tab, .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor, .r-tabs .r-tabs-nav .r-tabs-anchor { + display: block; + width: 100%; + } + .feature { + padding-left: 90px; + margin-bottom: 30px; + } + .social-links { + margin: 0px 0; + text-align:center; + } + #mc_embed_signup { + margin-bottom: 30px; + } + #addcomments { + margin-bottom: 30px; + } + .author-wrap .author-gravatar { + margin-bottom: 30px; + } + .section-title h2 { + font-size: 40px; + } + .section_sapce-x { + padding: 60px 0; + } + .section_sapce { + padding: 50px 0; + } + .section_sapce2 { + padding: 40px 0; + } + .section_sapce3 { + padding: 25px 0; + } + .section_sapce4 { + padding: 15px 0; + } + .blog .sidebar .widget { + margin-bottom: 30px; + } + .blog article { + margin-bottom: 30px; + } + .comments { + margin-bottom: 15px; + } + .pagination { + margin-bottom: 30px; + } + .blog .post-meta .date { + font-size: 16px; + } + .blog .post-meta .comments { + font-size: 16px; + } + .blog .post-meta .date, .blog .post-meta .comments { + padding: 15px 0; + } + .blog .post-meta .date, .blog .post-meta .comments { + width: 100% !important; + display: block !important; + } + .blog article .post-content h2 a { + font-size: 16px; + } + .offerdescription h2 { + font-size: 25px; + } + .top .nav li { + margin-left: 0; + margin-right: 10px; + font-size: 12px; + } + .top .country_select button { + font-size: 12px; + margin-bottom: 0px; + } + #mainslider-nav .item { + padding: 18px 0px; + } + #mainslider-nav .item i { + font-size: 15px; + } + .top .nav li.cart-link a { + top: -5px; + font-size: 0px; + } + .section-title h2 { + font-size: 20px; + } + .section_sapce { + padding: 60px 0; + } + li.cart-link { + font-size: 0px; + } + li.cart-link i { + font-size: 12px !important + } + .top li.cart-link a { + padding: 10px; + } + .top .nav li a i, .top .nav li i { + margin-right: 0px; + } + .top { + border-bottom: 1px solid #e8e8e8; + width: 100%; + z-index: 0; + text-align: center; + } + .top .col-sm-9, .top .col-sm-9 li, .top .col-sm-9 li a { + text-align: center; + } + .top .col-sm-9 ul.pull-right { + float: inherit !important; + margin: 0 auto; + text-align: center; + display: inline-block; + } + .stickyarea { + display: none; + } + .logo { + padding: 20px 0; + display: table; + margin: 0 auto; + } + #navigation, .main_menu, .user-menu { + display: none; + } + .slicknav_menu { + display: block !important; + font-size: 13px; + font-weight: 500; + top: 0; + z-index: 9999; + padding: 0px; + } + .main-badge { + line-height: 18px; + top: -20px !important; + left: 0%; + } + #sticky-wrapper { + display: none; + } + .slicknav_btn { + font-size: 16px; + border-radius: 5px; + padding: 15px 10px; + display: table; + float: none; + width: 100%; + margin: 0px; + } + .slicknav_menu .slicknav_icon { + float: right; + } + .slicknav_nav a { + text-transform: uppercase; + font-size: 13px; + font-weight: 500; + text-shadow: 0; + padding: 10px !important; + } + .slicknav_nav .slicknav_item a { + padding: 0 !important; + position: relative; + } + .slicknav_nav a:hover { + -webkit-border-radius: 0!important; + -moz-border-radius: 0!important; + border-radius: 0!important; + color: #fff; + } + .slicknav_nav a { + font-size: 13px!important; + color: #fff!important; + } + .slicknav_nav a:hover { + text-decoration: none; + } + + #mainslider .item .slidecaption h2 { + font-size: 2em; + text-shadow: none !important + } + #mainslider .item .slidecaption h4 { + font-size: 1.4em !important; + margin-top: 6px!important; + } + #mainslider .item .slidecaption .btn-slide { + font-size: 0.9em; + margin: 6px auto 10px auto !important; + padding: 10px 20px !important; + } + #mainslider-nav .item { + font-size: 10px; + letter-spacing: 0; + padding: 10px 0px; + } + #mainslider-nav .item i { + display: block; + font-size: 15px; + padding-right: 0; + } + .spacing-70 { + padding-top: 30px; + } + .feature p, .pricingtables .panel, .statistics span { + margin-bottom: 18px; + } + .pricingtables { + padding-bottom: 35px; + } + .offerdescription { + text-align: center; + } + .offerdescription h2 { + font-size: 30px; + } + .offerdescription p { + font-size: 16px; + } + .offerdescription2 { + text-align: center; + } + .offerdescription2 h2 { + font-size: 30px; + } + .offerdescription2 p { + font-size: 16px; + } + .domainsearch input[type="text"].form-control { + border-bottom-right-radius: 5px; + border-top-right-radius: 5px; + font-size: 15px; + margin-bottom: 9px; + } + .domainsearch select.form-control { + font-size: 15px; + margin-bottom: 9px; + } + .domainsearch button[type="submit"] { + border-bottom-left-radius: 5px; + border-top-left-radius: 5px; + font-size: 15px; + } + .pricingtables .most-popular, .pricingtables.shared .most-popular { + border-width: 0; + box-shadow: none; + top: 0; + z-index: 0; + } + .footer { + padding-top: 35px; + } + .footer h4 { + margin-top: 10px; + } + .social { + padding-bottom: 15px; + } + .social ul { + display: table; + margin: 0 auto; + margin-bottom: 6px; + } + .social ul li { + padding: 11px 14px 12px; + border-bottom: 1px solid #393939; + } + .social ul li a { + font-size: 15px; + } + .breadcrumbs h1 { + margin-bottom: 9px; + text-align: center; + } + ol.breadcrumb { + display: table; + float: none !important; + margin: 0 auto !important; + } + .btn-group.price-per-shared .btn { + font-size: 15px; + padding: 6px 10px 4px; + width: 100%; + } + .pricingtables .left-price { + display: none; + } + .r-tabs .r-tabs-nav { + display: none; + } + .r-tabs .r-tabs-accordion-title { + display: block; + } + #shared-hosting-tabs #feature1 h5, #shared-hosting-tabs #feature2 img, #shared-hosting-tabs #feature3 img, #shared-hosting-tabs #feature4 .supportchannels .block-grid-item i, #shared-hosting-tabs #feature5 img { + margin-top: 25px; + } + .supportchannels .block-grid-item { + padding: 0 15px; + } + #shared-hosting-tabs #feature4 .supportchannels .block-grid-item p { + font-size: 15px; + } + .smscrimg { + margin-bottom: 30px; + margin-top: 30px; + } + .domains-right-side, .domains-right-side h6, .domains-right-side p { + text-align: left; + } + #tld-table td { + text-align: left; + } + .about hr, .about-text p { + display: none; + } + .about-text { + top: 30%; + } + .about-text h2 { + font-size: 18px; + } + .thequote { + padding: 30px; + } + .custom-info h5 { + font-size: 25px; + margin-bottom: 30px; + } + .custom-info span { + font-size: 15px; + } + .clients .block-grid-item { + border: 0; + } + .testimonial-content p { + padding: 25px 0 5px; + font-size: 15px; + } + .datacenter-facilities .facility { + margin-bottom: 30px; + } + .elements h5.badge { + font-size: 12px; + padding: 9px 10px; + } + .blog nav ul.pagination li { + font-size: 14px; + } + .blog nav ul.pagination li a { + padding: 5px 9px 4px; + } + .vps-prices-container #vps-slider { + margin-bottom: 15px; + } + .vps-prices-drag { + padding: 0 25px; + margin-bottom: -13px; + } + .sliderbottom [class*='col-'] { + padding: 12px 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + } + .sliderbottom [class*='col-']:last-child { + border-bottom: 0; + } + #plan_option h6 span.how_much { + position: relative; + display: table; + margin: 0 auto; + text-align: center; + color: #fff; + padding: 8px 17px; + margin-top: 30px; + margin-bottom: 0; + font-size: 20px; + } + #plan_option h6 span.how_much:after { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-width: 10px; + margin-left: -10px; + } + .products-table td span.tablesaw-cell-content { + text-align: left; + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin: 4px 0 0; + } + .products-table td:last-child, .products-table thead th:last-child { + text-align: left; + } + .products-table td:last-child .tablesaw-cell-label { + display: none; + } + .products-table td:last-child span { + text-align: center; + padding: 6px; + font-size: 17px; + font-weight: 700; + } + #tld-table td span.tablesaw-cell-content { + text-align: left; + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin: 4px 0 0; + } + #tld-table td .tablesaw-cell-label { + width: 100%; + } +} + +/*----------------------------------------------------------------*/ + +@media (min-width: 768px) { + .md-padding-l0{ + padding-left:0px; + } + .col-sm-15 { + width: 20%; + float: left; + } +} + + + +/*----------------------------------------------------------------*/ +@media only screen and (min-width: 768px) and (max-width: 1024px) { + .topminibar .text-right.loginbuttons{ + text-align: center !important; + } + .topminibar .col-sm-12.col-md-6.col-xs-12,.menu-header .col-sm-12{ + text-align:center !important; + } + #mc_embed_signup{ + margin-bottom:30px; + } + .section_sapce { + padding: 50px 0; + } + #mainslider-nav .item h5{ + font-size:0.9em ; + } + + #navigation, .main_menu, .user-menu { + display: none; + } + .sticky-wrapper{ + display:none; + } + .slicknav_menu { + display: block !important; + font-size: 13px; + font-weight: 500; + top: 0; + z-index: 9999; + padding: 0px; + } + .feature { + padding-left: 90px; + margin-bottom: 30px; + } +} +/*----------------------------------------------------------------*/ +@media only screen and (min-width: 960px) and (max-width: 1025px) { + + #mainslider .item .slidecaption h2 { + font-size: 3em; + } + #mainslider .item .slidecaption h4 { + font-size: 1.5em; + margin-top: 15px; + } + #mainslider .item .slidecaption .btn-slide { + font-size: 1em; + margin: 15px auto 10px auto; + padding: 10px 20px; + } + .social ul li { + padding: 25px 30px; + } + .datacenter-facilities .facility { + margin-bottom: 30px; + } + .datacenter-facilities .facility h3 { + margin: 35px 25px 18px; + padding-bottom: 20px; + } + .datacenter-facilities .facility h3 .title { + font-size: 17px; + } + .datacenter-facilities .facility p { + margin: 0 30px; + } + .vps-plans.sixplans div.vps-plan:nth-child(3) { + padding-right: 80px; + } +} + +/*----------------------------------------------------------------*/ +@media (min-width: 1600px) { + #mainslider .item .slidecaption h2 { + font-size: 5em !important; + } +} + +/*----------------------------------------------------------------*/ + +@media (min-width: 992px) { + .col-md-15 { + width: 20%; + float: left; + } + +} +/*----------------------------------------------------------------*/ +@media (min-width: 800px) and (max-width: 1280px) { + + #mainslider .item .slidecaption { + top: 20% !important; + } + +} + +/*----------------------------------------------------------------*/ +@media (min-width: 1200px) { + .col-lg-15 { + width: 20%; + float: left; + } + #mainslider .item .slidecaption { + top: 31%; + } + +} +/*----------------------------------------------------------------*/ +@media (max-width: 1199px) { + .r-tabs .r-tabs-nav .r-tabs-tab{ + width:100%; + } + .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{ + width:100%; + } + .r-tabs .r-tabs-nav .r-tabs-anchor{ + width:100%; + } + +} + + +/*----------------------------------------------------------------*/ + +@media (max-width: 479px) { + .slidercontainer { + display: none; + } + ol.breadcrumb li:first-child { + display: none; + } +} \ No newline at end of file diff --git a/Host/wwwroot/http/css/style.css b/Host/wwwroot/http/css/style.css new file mode 100644 index 0000000..1da1122 --- /dev/null +++ b/Host/wwwroot/http/css/style.css @@ -0,0 +1,5710 @@ +/* Table of Contents + - - - - - - - - - + 1. Global + 2. Header + 3. Home Page + 4. Video Header Page + 5. Shared Hosting Page + 6. VPS Page + 7. Dedicated servers + 8. Domains + 9. About Us + 10. FAQ + 11. Login + 12. Datacenter + 13. Elements + 14. Blog + 15. Contact + 16. Footer + 17. Loader + - - - - - - - - - +*/ + +/* ============ + 1 = Global + ============ */ + +body { + background-repeat:repeat; + color: #333; + font-family: 'Ubuntu', sans-serif; + font-size: 16px; + font-style: normal; + font-weight: normal; + margin: 0; + position: relative; + webkit-font-smoothing: antialiased; +} +.hid { + display: none; +} +.sub-info { + font-family: 'Ubuntu', sans-serif; + font-size: 18px; +} +.smartphoto{ + background-color: rgba(0,0,0,0.9); +} +.row { + margin-bottom: 0; + margin-left: auto; + margin-right: auto; + margin-top: 0; + width: 100%; +} +.row.full-width { + margin-bottom: 0; + margin-left: auto; + margin-right: auto; + margin-top: 0; + max-width: 100%; + width: 100%; +} +.row.no-gutter { + margin: 0 auto; +} +.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { + padding-left: 0; + padding-right: 0; +} +.center-block { + float: none; +} +#partners{ + text-align:center; +} +.text_shadow{ + text-shadow: 0px -10px 10px rgba(0,0,0,0.7); +} +a { + color: #00a63f; + outline: 0; + text-decoration: none; +} +.border0{ + border:0px !important; +} +.radius{ + border-radius:2em +} +.no-radius{ + border-radius:0px!important; +} +.shadow{ + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.outer-glow{ + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); +} +a:hover, a:active, a:focus { + outline: 0; + text-decoration: none; + color: #6E6E6E; +} +.sticky-wrapper { + z-index: 100; + position: relative; +} +.banner-title { + font-size: 3.5em; + font-weight: 600; + text-transform: uppercase; +} +img { + max-width: 100%; + height: auto; + -ms-interpolation-mode: bicubic; + display: inline-block; + vertical-align: middle; +} +.section-title { + margin-top: -2px; + text-align: center; +} +em { + font-size: 1.4em; + line-height: 1.2em; + margin-bottom: 20px; + display: inline-block; +} +.bg_dark .section-title h2 span { + color: #fff; +} +.section_primary .section-title h2 { + color: #fff; +} +.section_primary .section-title h2:before { + background-color: #FFFFFF; +} +.slicknav_nav a:hover { + background: #00a63f!important; +} +.is-sticky .main-badge{ + display:none; + transition: all 2s linear; +} +#plan_option h6 span.how_much { + background: #1a1a1a; +} +#plan_option h6 span.how_much:after { + border-top-color: #1a1a1a; + border-color: rgba(114, 172, 148, 0); +} +.top li.cart-link a { + background: #0fa3f2; +} +.slicknav_menu { + background: #1a1a1a; + border-bottom: 1px solid #494B4C; +} +.slicknav_btn { + background: #1a1a1a; +} +.section-title h2 { + display: inline-block; + position: relative; + margin: 0; + color: #1a1a1a; + font-weight: 700; + padding-bottom: 15px; +} +.section-title h2 span { + display: block; + margin-bottom: 5px; + color: #00a63f; + font-size: 16px; + font-weight: 700; + line-height: 22px; + text-transform: uppercase; +} +.section-title h2:before { + content: " "; + position: absolute; + top: auto; + left: 0; + right: 0; + bottom: 0; + width: 50px; + height: 2px; + margin: 0 auto; + background-color: #00a63f; +} +.section-title h2:after { + content: " "; + position: absolute; + top: auto; + left: 0; + right: 0; + bottom: 0; + width: 50px; + height: 2px; + margin: 0 auto; + background-color: #00a63f; +} +.section-title.bg_primary h2:before { + content: " "; + position: absolute; + top: auto; + left: 0; + right: 0; + bottom: 0; + width: 50px; + height: 2px; + margin: 0 auto; + background-color: #fff; +} +.text-underline-white{ + border-bottom: 1px dotted #fff; +} +.text-underline-dark{ + border-bottom: 1px dotted #1a1a1a; +} +.bold{ + font-weight:800; +} +.section_primary h2:before, .section_secondary h2:before, .section_dark h2:before, .section_primary h2 span, .section_secondary h2 span, .section_dark h2 span, .bg-primary h2:before, .bg-success h2:before, .bg-info h2:before, .bg-warning h2:before, .bg-danger h2:before, .bg-inverse h2:before, .bg_orange h2:before, .bg_red h2:before, .bg_purple h2:before, .bg_pink h2:before, .bg_blue h2:before, .bg_dark h2:before, .bg_primary h2:before, .bg_secondary h2:before, .bg-primary h2 span, .bg-success h2 span, .bg-info h2 span, .bg-warning h2 span, .bg-danger h2 span, .bg-inverse h2 span, .bg_orange h2 span, .bg_red h2 span, .bg_purple h2 span, .bg_pink h2 span, .bg_blue h2 span, .bg_dark h2 span, .bg_primary h2 span, .bg_secondary h2 span, .section_primary h2 span, .section_secondary h2 span, .section_dark h2 span { + color: #fff; +} + +/*Video Responsive*/ + +.pop-video-container { + position: relative; +} +.col-md-6 .pop-video-container a i { + top: 35%; +} +.pop-video-container a i { + position: absolute; + left: 0; + right: 0; + z-index: 1; + text-align: center; + top: 40%; + color: #fff; + width: 70px; + height: 70px; + margin: 0 auto; + border: 3px solid; + border-radius: 50%; + line-height: 65px; + font-size: 20px; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); +} +.demo-1:before { + content: ''; + position: absolute; + bottom: 0; + left: 0; + top: 0; + right: 0; + -webkit-transition-duration: 0.3s; + -moz-transition-duration: 0.3s; + -ms-transition-duration: 0.3s; + -o-transition-duration: 0.3s; + transition-duration: 0.2s; + -webkit-transition-property: top, left, right, bottom; + -moz-transition-property: top, left, right, bottom; + -ms-transition-property: top, left, right, bottom; + -o-transition-property: top, left, right, bottom; + transition-property: top, left, right, bottom; +} +.demo-1:hover:before, .demo-1:focus:before { + -webkit-transition-delay: .1s; + -moz-transition-delay: .1s; + -ms-transition-delay: .1s; + -o-transition-delay: .1s; + transition-delay: .1s; + border: #fff solid 3px; + bottom: -7px; + left: -7px; + top: -7px; + right: -7px; +} +.pop-video-container a i:hover { + color: #fff; +} +.video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 30px; + height: 0; + overflow: hidden; +} +.video-container iframe, .video-container object, .video-container embed { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.bg-primary { + background-color: #0275d8; +} +.bg-success { + background-color: #00a63f; +} +.bg-info { + background-color: #279fba; +} +.bg-warning { + background-color: #fd7140; +} +.bg-danger { + background-color: #ef4a44; +} +.bg-inverse { + background-color: #292b2c; +} + +/*Over Riders Styles*/ + +.bg_orange { + background: #ff5722; + color: #fff; +} +.bg_dark-gray { + background: #ebebeb; + color: #333; +} +.bg_red { + background: #ef4a44; + color: #fff; +} +.bg_purple { + background: #9c28b1; + color: #fff; +} +.bg_pink { + background: #fe1a67 ; + color: #fff; +} +.bg_blue { + background: #4385f5; + color: #fff; +} +.bg_yellow { + background: #ffcc00; + color: #333 !important; +} +.text_blue { + color: #279fba; +} +.bg_dark { + background: #1a1a1a; + color: #fff; +} +.bg_gray { + background-repeat:repeat; + background-color:#f7f6f7; +} +.bg_white { + background-color:#FFFFFF; + background-repeat:repeat; +} +.bg_primary { + background: #00a63f; + +} +.bg_secondary { + background: #fd7140; + color: #fff; +} +.bg_dark .section-title h2, .bg_dark .section-title h2, .bg_primary .section-title h2, bg_secondary .section-title h2, .bg_pink .section-title h2, .bg_purple .section-title h2, .bg_red .section-title h2, .bg_dark-gray .section-title h2, bg_orange .section-title h2, .bg_dark h1, .bg_dark h2, .bg_dark h3, .bg_dark h4, .bg_dark h5, .bg_dark h6, .bg_dark p, .bg_primary h1, .bg_primary h2, .bg_primary h3, .bg_primary h4, .bg_primary h5, .bg_primary h6, .bg_primary p, .section-title.bg_orange h2 { + color: #FFFFFF; +} +.bg_dark .section-title h2:before, .bg_dark .section-title h2:before, .bg_primary .section-title h2:before, bg_secondary .section-title h2:before, .bg_pink .section-title h2:before, .bg_purple .section-title h2:before, .bg_red .section-title h2:before, .bg_dark-gray .section-title h2:before, bg_orange .section-title h2:before, .section-title.bg_orange h2:before { + background-color: #ffffff; +} +.section_gray { + background-color:#f7f6f7; + background-repeat:repeat; +} +.section_white { + background: #fff; +} +.section_primary { + background: #00a63f; +} +.section_secondary { + background: #fd7140; +} +.section_dark { + background: #1a1a1a; +} +.section_title { + text-align: center; +} +.margin-t30 { + margin-top: 30px; +} +.margin-b30 { + margin-bottom: 30px; +} +.margin-t80 { + margin-top: 80px; +} +.margin-t50 { + margin-top: 50px; +} +.margin-b50 { + margin-bottom: 50px; +} +.margin-b80 { + margin-bottom: 80px; +} +.padding15 { + padding: 15px; +} +.padding30 { + padding: 30px; +} +.padding0 { + padding: 0px; +} +.padding-t0 { + padding-top: 0px !important; +} +.padding-l0 { + padding-left: 0px; +} +.padding15 { + padding: 15px; +} +.padding-l30 { + padding-left: 30px; +} +.padding-l15 { + padding-left: 15px; +} +.padding-r30 { + padding-right: 30px; +} +.padding-r15 { + padding-right: 15px; +} +.padding-t15 { + padding-top: 15px; +} +.padding-t30 { + padding-top: 30px; +} +.padding-b0 { + padding-bottom: 0px; +} +.padding-b15 { + padding-bottom: 15px; +} +.padding-b30 { + padding-bottom: 30px; +} +.padding-t80 { + padding-top: 80px; +} +.padding-t50 { + padding-top: 50px; +} +.padding-b50 { + padding-bottom: 50px; +} +.padding-b80 { + padding-bottom: 80px; +} +.padding-t100 { + padding-top: 100px; +} +.padding-b100 { + padding-bottom: 100px; +} +.paddingleft60 { + padding-left: 60px; +} +.paddingright60 { + padding-right: 60px; +} +.border { + border: 1px solid #ccc; +} +.border-top { + border-top: 1px solid #ccc; +} +.border-bottom { + border-top: 1px solid #ccc; +} +.border-solid { + border: 1px solid #00a63f; +} +.border-dotted { + border: 1px dotted #ccc; +} +.border-dashed { + border: 1px dashed #ccc; +} +.relative { + position: relative; +} +.border2-solid { + border: 2px solid #00a63f; +} +/* Ηeadings */ +.banner-price{ + font-family: 'Nunito', sans-serif; +} +h1, h2, h3, h4, h5, h6 { + font-family: 'Nunito', sans-serif; + line-height: 1.1; + margin-bottom: 12px; + margin-top: 12px; + text-rendering: optimizelegibility; + color: #1a1a1a; +} +h1 { + font-size: 2em; +} +h2 { + font-size: 1.7em; +} +h3 { + font-size: 1.5em; +} +h4 { + font-size: 1.3em; +} +h5 { + font-size: 1.1em; +} +h6 { + font-size: 0.9em; +} + +/* End of Ηeadings */ + +p { + font-family: inherit; + font-size: 16px; + font-weight: normal; + line-height: 1.45; + margin: 0 0 17px 0; + font-weight: 300; +} +p:last-child { + margin-bottom: 0px; +} +hr { + border: solid #eff0f4; + border-width: 1px 0 0; + clear: both; + height: 0; + margin: 21px 0; +} +hr.small { + border: solid #fd7140; + border-width: 1px 0 0; + clear: both; + height: 0; + margin: 0 auto; + margin-top: 27px; + margin-bottom: 27px; + max-width: 150px; +} +.spacing-70 { + padding-top: 70px; +} +.spacing-40 { + padding-top: 40px; +} + +/* Bootstrap 5 columns */ + +.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { + position: relative; + min-height: 1px; + padding-right: 10px; + padding-left: 10px; +} + +/* Forms */ + +input[type="text"].form-control, input[type="password"].form-control, input[type="date"].form-control, input[type="datetime"].form-control, input[type="email"].form-control, input[type="number"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="time"].form-control, input[type="url"].form-control { + height: 45px; + padding: 10px; + width: 100%; + border-radius: 2em; +} +textarea.form-control { + font-size: 18px; + padding: 15px; + width: 100%; + border-radius: 1em; +} +select.form-control { + font-size: 18px; + height: 55px; + padding: 5px 15px; + width: 100%; + background: #fff; +} +button[type="submit"] { + background: #515151; + border: 0; + border-radius: 4em; + color: #fff; + cursor: pointer; + float: left; + font-size: 16px; + font-weight: 900; + height: 55px; + padding: 8px 6px 6px; + text-transform: uppercase; + width: 100%; +} +button[type="submit"]:hover { + background: #646464; +} +input[type="text"].form-control:focus, input[type="password"].form-control:focus, input[type="date"].form-control:focus, input[type="datetime"].form-control:focus, input[type="email"].form-control:focus, input[type="number"].form-control:focus, input[type="search"].form-control:focus, input[type="tel"].form-control:focus, input[type="time"].form-control:focus, input[type="url"].form-control:focus, textarea.form-control:focus, select:focus { + box-shadow: none; +} + +/* Breadcrumbs */ + +.breadcrumbs { + background: #f5f5f5; + padding: 5px 0; +} +.breadcrumbs h1 { + color: #4a4a4a; + font-size: 12px; + margin: 0; + padding: 0; + font-weight: 300; + line-height: 22px; +} +ol.breadcrumb { + background: transparent; + border-radius: 0; + color: #4a4a4a; + float: right; + margin: 0; + padding: 0px 0 0; + line-height: 18px; +} +ol.breadcrumb li{ + font-size:12px; +} +ol.breadcrumb li:first-child { + color: #4a4a4a; + font-size: 12px; + font-weight: normal; +} +ol.breadcrumb li.active { + color: #4a4a4a; + font-size: 12px; + font-weight: 300; +} +ol.breadcrumb li a { + color: #00a63f; + font-size: 12px; +} +ol.breadcrumb li a:hover { + color: #4c746e; +} +ol.breadcrumb>li+li:before { + color: #4a4a4a; + content: "\f105"; + font-family: "fontawesome"; + font-weight: normal; + padding: 0 5px; +} +ol.breadcrumb>li:first-child+li:before { + content: ""; + padding: 0 3px 0 0; + float:left; +} + +/* End of Breadcrumbs */ + + +/* ============ + 2 = Header + ============ */ +/* TopMiniBar ---------------------- */ +.topminibar{ + border-bottom:1px solid #e8e8e8; +} +.topminibar ul li,.topminibar ul li a{ + margin:8px 0 0px 0; + padding:0px; + margin-right:10px; + color:#1a1a1a; + border-right:1px solid #d6d6d6; + padding-right:10px; +} +.topminibar ul li:last-child,.topminibar ul li a:last-child{ + border-right:0px;padding-right:0px; +} +.loginbuttons{ + padding:5px 0; +} +.sticky.stuckMenu{ + width:100%; + z-index:1000; + border-bottom:1px solid rgba(0,0,0,0.20); + -webkit-box-shadow:0px 9px 5px -5px rgba(0,0,0,0.15); + -moz-box-shadow:0px 9px 5px -5px rgba(0,0,0,0.15); + box-shadow:0px 9px 5px -5px rgba(0,0,0,0.15); + background: #fff; +} + +.top { + padding: 20px 0; + box-shadow:0 0 2rem rgba(0,0,0,0.05); +} +.top .wc_msg { + color: #4a4a4a; + font-size: 12px; + font-weight: 400; +} +.top .nav { + float: inherit; +} +.top li.cart-link a { + background: #0fa3f2; + color: #fff; +} +.top .nav li { + color: #1a1a1a; +} +.top .nav li.cart-link a { + background: #fff; + padding: 5px 10px; + margin-left: 5px; + border-radius: 3em; + color: #1a1a1a; + border: 2px solid #00a63f; +} +.top li.cart-link a:hover { + background: #00a63f; + color: #fff; +} +.top li.login-link { + margin: 0px 15px 0 0; +} +.top li.login-link a { + background: #0fa3f2; + color: #fff; + line-height: 35px; +} +.top li.login-link a { + background: #fff; + padding: 2px 20px; + margin-left: 5px; + border-radius: 0; + color: #175bb5; + border: 2px solid #175bb5; +} +.top li.login-link a:hover { + background: #175bb5; + color: #fff; +} +.top li.register-link { + margin: 0px 15px 0 0; +} +.top li.register-link a { + background: #0fa3f2; + color: #fff; + line-height: 35px; + border: 2px solid #f95732; +} +.top li.register-link a { + background: #f95732; + padding: 2px 20px; + margin-left: 5px; + border-radius: 0; +} +.top li.register-link a:hover { + background: #fff; + border: 2px solid #f95732; + color: #f95732; +} +.top .nav li ul.dropdown-menu li { + margin-top: 0px; +} +.top .nav li:last-child { + margin-right: 0px; +} +.top .nav li a { + color: #1a1a1a; + font-weight: 400; + display: inline-block; + text-transform: uppercase; + padding: 0px; +} +.top .nav li a:hover { + color: #292929; + background: none; +} +.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { + background: #00a63f; +} +.top .country_select { + float: left; +} +.top .country_select button { + background: none; + border-radius: 0; + border: none; + box-shadow: none; + padding: 0; + font-weight: 400; + color: #1a1a1a; + text-transform: uppercase; + margin-top: 1px; +} +.top .country_select button i { + margin-left: 20px; + font-size: 18px; +} +.top .country_select button:hover, .top .country_select button:focus { + background: none; + color: #767676; +} +.top .country_select .dropdown-menu { + border-radius: 0; + margin-top: 0px; + background: #fff; + border: none; + z-index: 10000 !important; + padding: 0; + left:0; + right:0; +} +.top .country_select .dropdown-menu li { + line-height: 25px; + margin-right: 0px; +} +.top .country_select .dropdown-menu li:hover { + background: #00a63f; +} +.top .country_select .dropdown-menu li a { + color: #1a1a1a; + font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: .8em; + padding: 10px 15px; + line-height: 24px; + display: block; +} +.top .country_select .dropdown-menu li a:hover { + color: #fff; +} +.logo { + padding-top: 0px; +} + +/* Navigation ---------------------- */ + +.main_menu { + background: #00a63f; +} +nav#desktop-menu { + padding: 0; + float: left; + text-align: left; +} + +/*** ESSENTIAL STYLES ***/ + +.sf-menu, .sf-menu * { + margin: 0; + padding: 0; + list-style: none; +} +.sf-menu li { + position: relative; +} +.sf-menu ul { + position: absolute; + display: none; + top: 100%; + left: -20px; + z-index: 99; +} +.main_menu .col-sm-4 .sf-menu ul { + right: 0px !important; + left: inherit !important; +} +.sf-menu>li { + float: left; +} +.sf-menu li:hover>ul, .sf-menu li.sfHover>ul { + display: block; +} +.sf-menu a { + display: block; + position: relative; + text-align: center; +} +.sf-menu ul ul { + top: 0; + left: 100%; +} + +/*** SKIN ***/ + +.sf-menu { + float: left; + margin: 0; +} +.sf-menu ul li:first-child{ + position:relative; +} +.sf-menu ul li:first-child:before { + bottom: 100%; + left: 15%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(194, 225, 245, 0); + border-bottom-color: #fff; + border-width: 6px; + margin-left: -6px; +} +.sf-menu ul li ul li:first-child:before{ + border:0px; +} +#desktop-menu ul li ul li a { + color: #1a1a1a; + background: #fff; + margin-right: 0px; + border: 0px; + padding:0 0 20px 0; +} +#desktop-menu ul li ul li a:hover { + color: #fff; + background: #00a63f; + transition: all 0.2s ease-out 0s; +} + +/* 1st level */ + +.sf-menu li { + white-space: nowrap; + *white-space: normal; +} + +.sf-menu li a { + color: #ffffff; + font-weight: 300; + text-transform: capitalize; + border-left: 1px solid rgba(0,0,0,0.1); +} +.sf-menu li:first-child a { + border-left:0px; +} +.sf-menu li a:last-child { + margin-right: 0px; +} +.sf-menu li:hover a, .sf-menu li.sfHover a, .sf-menu li.current a { + color: #fff; + -webkit-transition: none; + transition: none; +} + +/* 2nd level */ + +.sf-menu ul li, .sf-menu li.current ul li { + background: #fff; +} +.sf-menu ul li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + background: #00a63f; + font-size: 14px; + font-weight: 300; + padding: 10px 20px 10px +} +.sf-menu ul li:hover a, .sf-menu ul li.sfHover a { + background: #ededed; + color: black; + -webkit-transition: none; + transition: none; +} + +/* 3rd level */ + +.sf-menu ul li.sfHover li a { + background: #fff; +} +.sf-menu ul li li:hover a, .sf-menu ul li li.sfHover a { + background: #ededed; + color: #6f6f6f; + -webkit-transition: none; + transition: none; +} + +/* styling for both css and generated arrows */ + +.sf-arrows .sf-with-ul:after { + content: ''; + position: absolute; + top: 50%; + right: 4px; + margin-top: -3px; + height: 0; + width: 0; + border: 4px solid transparent; + border-top-color:rgba(0,0,0,0.2); +} +.sf-arrows>li>.sf-with-ul:focus:after, .sf-arrows>li:hover>.sf-with-ul:after, .sf-arrows>.sfHover>.sf-with-ul:after { + border-top-color: #000; +} +.sf-arrows ul .sf-with-ul:after { + margin-top: -5px; + margin-right: -3px; + border-color: transparent; + border-left-color: #6f6f6f; +} +.sf-arrows ul li>.sf-with-ul:focus:after, .sf-arrows ul li:hover>.sf-with-ul:after, .sf-arrows ul .sfHover>.sf-with-ul:after { + border-left-color: #fff; +} +.slicknav_menu { + display: none; +} + +/* Second level User Menu */ + +ul#user-menu li:first-child:before { + border:0px !important; +} +#user-menu li a { + margin-right: 0px; +} +#user-menu li ul li a { + color: #fff; + border: 0px; +} +#user-menu li ul li a:hover { + color: #fff; + background: #00a63f; + transition: all 0.2s ease-out 0s; +} + +/* =============== + 3 = Home Page + =============== */ + + +/* Tab Slider */ + +#mainslider .item { + color: #fff; + margin: 0; + padding: 0; + position: relative; +} +#mainslider .item:before, .index-video-container:before, .cover-image:before, #index-video:after { + background: #000000c9; + content: " "; + height: 100%; + left: 0; + opacity: 0.9; + position: absolute; + top: 0; + width: 100%; +} +.no-after:after, .no-before:before { + background: transparent !important; +} +#mainslider .item .slidecaption { + left: 1%; + position: absolute; + right: 1%; + text-align: center; +} +#mainslider .item .slidecaption h2 { + color: #fff; + font-weight: 900; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: none; + color: rgba(255, 255, 255, 1); + text-align: center; + display: inline-block; + padding: 10px 50px; + text-shadow: 0px -10px 10px rgba(0,0,0,0.7); + border-radius: 2em; + + +} +#mainslider .item .slidecaption h4 { + color: #fff; + font-size: 2em; + font-weight: 300; + margin-top: 0px; +} +#mainslider .item .slidecaption .btn-slide { + background: #00a63f; + border-radius: 6em; + color: #fff; + font-size: 16px; + font-weight: 600; + margin: 25px auto 10px auto; + padding: 20px 50px; + text-transform: uppercase; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +#mainslider .item .slidecaption .btn-slide:hover { + background: #00a63f; + color: #fff; +} +#mainslider-nav .item h6, #mainslider-nav .item h5 { + margin-bottom: 6px; + margin-top: 0; +} +#mainslider-nav .item { + color: #4a4a4a; + cursor: pointer; + font-weight: 500; + letter-spacing: .07em; + margin: 0; + text-align: center; +} +#mainslider-nav .item i { + color: #00a63f; + padding-right: 10px; + vertical-align: middle; + display: block; + margin-bottom: 10px; +} +#mainslider-nav .synced .item { + background: #00a63f; + color: #000; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +#mainslider-nav .synced .item i{ + color:#fff; +} +#mainslider-nav .synced .item h5, #mainslider-nav .synced .item h6 { + color: #fff; +} + +/* End of Tab Slider */ + + +/* Features */ + +.features { + overflow: hidden; +} +.features h2 { + margin-bottom: 12px; +} +.features span { + display: block; + font-size: 18px; + font-weight: 300; +} +.feature img { + margin: 0 auto; +} +.feature h4 { + font-weight: 500; + margin-top: 30px; +} +.feature p { + font-size: 16px; + font-weight: 300; + margin: 0px 0 0; + padding: 0 0px; +} +.feature { + position: relative; +} +.notice-content{ + display: inline-block; + padding: 5px 10px; + border-radius: 2em; +} +.notice-content p{ + font-weight:400; +} +.bg_offer-header{ + background: #6D47D9; /* For browsers that do not support gradients */ + background: -webkit-linear-gradient(left, #6D47D9, #4772D9); /* For Safari 5.1 to 6.0 */ + background: linear-gradient(to right, #6D47D9 , #4772D9); /* Standard syntax */ +} +.main-feature { + background-color: #fff; + box-sizing: border-box; + vertical-align: top; + text-align: center; + position: relative; + border-radius: 2em; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + padding: 20px; +} + +/*single box left*/ + +.single_box_right { + margin: 10px 10px 23px 60px; + padding: 0px 20px 0; +} +.single_box_right ul li [class^="fa"] { + position: relative; + font-size: 16px; + display: inline-block; + color: #808080; +} +.single_box_right h3 { + margin: 0 0 10px; + font-size: 22px; +} +.single_box_right h3 a { + color: #e16657; +} +.single_box_right h3 a:hover { + color: #e16657; +} +.left_icons { + position: relative; + -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; +} +.left_icons [class^="fa"] { + display: block; + font-size: 40px; + position: absolute; + top: 0; + left: 0; + width: 70px; + height: 70px; + line-height: 70px; + text-align: center; + -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; +} +.style2 .single_box_right { + margin: 10px 10px 10px 110px; + padding: 0px; +} +.left_icons.style2 [class^="fa"] { + text-align: center; + background-color: #01c1c1; + color: #e16657; + font-size: 50px; + width: 90px; + line-height: 84px; + height: 90px; + padding: 0; + top: 0; + margin-top: 0; + border: 4px solid transparent; + color: #fff; +} +.left_icons.style2:hover [class^="fa"] { + background-color: #21252b; +} + +/*feature-icon*/ + +.feature-icon { + width: 70px; + height: 70px; + display: inline-block; + text-align: center; + padding-top: 20px; + position: absolute; + left: 0; + top: 0; + border-radius: 0.5em; + +} +.feature-title { + font-size: 24px; + font-size: 1.5em; + color: #1a1a1a; + font-weight: 400; + margin: 0 0 10px; +} + +/* End of Features */ + + +/* Call to Action */ + +.offer { + padding: 12px 0; + text-align: center; +} +.offer span { + color: #fff; + font-size: 18px; + font-weight: 300; + margin: 0; + padding: 0; +} +.offer h2 { + font-size: 69px; + font-weight: 900; + line-height: .9; + margin: 0; + padding: 0 0 5px; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: none; + color: rgba(255, 255, 255, 1); + -o-text-overflow: clip; + text-overflow: clip; + text-shadow: 0 1px 0 rgb(204, 204, 204), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(187, 187, 187), 0 4px 0 rgb(185, 185, 185), 0 5px 0 rgb(170, 170, 170), 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902); + -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); + -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); + -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); + transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); +} +.offerdescription { + padding: 12px 0px; + position: relative; + top: -25px; +} +.offerdescription h2 { + color: #fff; + font-size: 44px \9; + font-weight: 900; + margin: 0; + padding: 6px 0; + text-shadow:0px -10px 10px rgba(0,0,0,0.7); +} +.offerdescription p { + color: #fff; + font-size: 21px; + font-weight: 300; + margin: 0; +} +.offerdescription2 { + padding: 12px 0px; +} +.offerdescription2 h2 { + color: #00a63f; + font-size: 44px \9; + font-weight: 900; + margin: 0; + padding: 6px 0; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: none; + color: #1a1a1a; +} +.offerdescription2 p { + color: #fff; + font-size: 21px; + font-weight: 300; + margin: 0; +} +.cover-image { + width: 100%; + height: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover !important; + position: relative; +} +.cover-image2 { + width: 100%; + height: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover !important; + position: relative; +} +.cover-image3 { + width: 100%; + height: 100%; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover !important; + position: relative; +} +.section-parallax, .section-parallax2, .section-parallax3, .section-parallax4, .section-parallax5 { + background-repeat: repeat; + background-attachment: fixed !important; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover !important; +} +.cover-image2:before { + background: #000; + content: " "; + height: 100%; + left: 0; + opacity: 0.8; + position: absolute; + top: 0; + width: 100%; +} +.domainsearch { + border-radius: 3px; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.domainsearch .form-control { + width: 100%; +} +.domainsearch input[type="text"].form-control { + border-radius: 3px 0 0 3px; + font-size: 18px; + height: 55px; + padding: 5px 15px; + width: 100%; + border: 0; +} +.domainsearch select.form-control { + border-radius: 0; + font-size: 18px; + height: 55px; + padding: 5px 15px; + width: 100%; + box-shadow: none !important; + border: 0; +} +.domainsearch button[type="submit"] { + border-radius: 0 3px 3px 0; + color: #fff; + cursor: pointer; + float: left; + font-size: 16px; + font-weight: 900; + height: 55px; + padding: 8px 6px 6px; + text-transform: uppercase; + width: 100%; +} +.domainsearch input[type="text"]:focus, .domainsearch select:focus {} + +/* End of Call to Action */ + + +/* Pricing Tables Home */ + +.pricingtables.shared .row.no-gutter [class*='col-']:not(:first-child) { + padding-left: 0px; + padding-right: 0px; +} +.pricingtables.shared .row.no-gutter [class*='col-']:not(:last-child) { + padding-left: 0px; + padding-right: 0px; +} +.price-cercle { + position: relative; +} + +/* 1-9 RIBBON */ + +.ribbon { + position: absolute; + top: -5px; + right: -5px; + width: 150px; + height: 150px; + overflow: hidden; +} +.ribbon-content { + font-weight: 700; + z-index: 2; + font-size: 20px; + text-align: center; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + position: relative; + padding: 12px 0; + left: -5px; + top: 28px; + width: 202px; + box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); +} +.ribbon-content:before, .ribbon-content:after { + content: ""; + border-top: 3px solid rgba(34, 34, 34, 0.6); + border-left: 3px solid transparent; + border-right: 3px solid transparent; + position: absolute; + bottom: -3px; +} +.ribbon-content:before { + left: 0; +} +.ribbon-content:after { + right: 0; +} +.ribbon-small { + top: -4px; + right: -5px; + width: 113px; + height: 100px; +} +.ribbon-small .ribbon-content { + top: 20px; + left: 5px; + width: 140px; + padding: 6px 0; + font-size: 16px; + font-weight: 500; +} +.pricingtables .row.no-gutter [class*='col-']:not(:first-child), .pricingtables .row.no-gutter [class*='col-']:not(:last-child) { + padding-left: 15px; + padding-right: 15px; +} +.pricingtables h2 { + margin-bottom: 12px; + text-align: center; + margin-top: 0px; +} +.pricingtables p { + font-size: 16px; + font-weight: 300; + margin: 18px 0 0; + text-align: center; +} +.pricingtables h4 { + color: #1a1a1a; + font-size: 50px; + letter-spacing: -.07em; + margin: 0; + text-align: center; + font-weight: 300; +} +.pricingtables .panel { + border: 0; + border-radius: 2em 2em 0 0; + margin: 0; + padding: 0; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.pricingtables .panel-heading { + background:transparent; + border: 0; + border-radius: 3px 3px 0 0; + filter: none; + border-bottom: 1px solid #ddd; +} +.pricingtables .panel-heading h3 { + color: #1a1a1a; + font-size: 21px; + font-weight: 400; + margin: 0; + padding: 12px 0; +} +.pricingtables .panel-body { + margin: 0; +} +.pricingtables .panel-body span { + color: #1a1a1a; + font-size: 11px; + margin: 0 auto; + padding: 5px 10px; +} +.pricingtables .panel-body span.start { + position: absolute; + top: -25%; + left: 0; + right: 0; +} +.pricingtables .panel-body span.per { + background: transparent; + padding: 5px 10px 2px; +} +.pricingtables ul { + border: 0; + list-style: none; + margin: 0; + padding: 0; +} +.pricingtables ul li { + border: 0; + font-size: 16px; + padding: 10px 0; +} +.pricingtables .btn-group ul li,.pricingtables.shared .most-popular .btn-group ul li { + padding:0px; +} +.pricingtables .btn-group .btn { + font-size:14px !important; +} +.pricingtables .btn-group ul li a{ + padding:10px; +} +.pricingtables .btn-group ul li a:hover { + color:#fff; + background:#1a1a1a; +} +.pricingtables .panel-footer { + text-align: center; + background: #F9F9F9; + border-radius: 0 0 3px 3px +} +.pricingtables .panel-footer .btn{ + border-radius:2em; + width:100%; +} +.pricingtables .btn-pricetable { + background: #00a63f; + border-radius: 0; + color: #fff; + font-size: 1.3em; + width: 100%; + padding: 10px 30px; +} +.pricingtables .btn-pricetable:hover { + background: #00a63f; +} +.pricingtables .most-popular { + border-width: 3px; + z-index: 2; +} +.pricingtables .most-popular .panel-heading { + background: transparent; +} +.pricingtables .most-popular .panel-body { + background: #fff; +} +.pricingtables .most-popular h4 { + color: #1a1a1a; +} +.pricingtables .most-popular .panel-body span.per { + background: transparent; + padding: 5px 10px 2px; + color: #1a1a1a; +} +.pricingtables .most-popular .btn-pricetable { + margin: 0 auto; +} + +/* End of Pricing Tables */ + + +/* Statistics */ + +.statistics { + overflow: hidden; +} +.statistics h2 { + margin-bottom: 12px; + text-align: center; +} +.statistics h2 i { + color: #00a63f; +} +.statistics p { + font-size: 16px; + font-weight: 300; + margin: 0 auto; + text-align: center; +} +.statistics span { + display: block; + font-size: 18px; + font-weight: 300; + text-align: center; +} +.statistics .circle-text { + font-weight: 900; + font-family: 'Nunito', sans-serif; + color: #00a63f; +} + +/* End of Statistics */ + + +/* ============================== + 4 = Video Header Page + ============================== */ + + +/* Video */ + +#index-video .index-video-container { + min-height: 640px; + padding-bottom: 50px; + position: relative; + overflow: hidden; +} +#index-video .index-video-container:after { + background: url(images/video_bg_pattern.png) repeat; + bottom: 0px; + content: ""; + left: 0; + opacity: 0.7; + position: absolute; + right: 0; + top: 0; + z-index: 1; +} +#index-video .index-video-container .videocaption { + left: 1%; + position: absolute; + right: 1%; + text-align: center; + top: 25%; + z-index: 2; +} +#index-video .index-video-container .videocaption h2 { + color: #fff; + font-size: 4.5em; + font-weight: 900; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: none; + color: rgba(255, 255, 255, 1); + text-align: center; + display: inline-block; + padding: 10px 50px; + text-shadow: 0px 5px 8px #000; + border-radius: 2em; +} +#index-video .index-video-container .videocaption h4 { + color: #fff; + font-size: 2em; + margin-top: 25px; +} +#index-video .index-video-container .videocaption .btn-slide { + background: #00a63f; + color: #fff; + font-size: 16px; + font-weight: 600; + margin: 25px auto 10px auto; + padding: 20px 50px; + border-radius: 2em; + text-transform: uppercase; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); +} +#index-video .index-video-container .videocaption .btn-slide:hover { + background: #fff; + color: #1a1a1a; +} +#index-video video { + width: 100%; + background-size: cover; + position: absolute; + top: 0; + left: 0; +} + +/* End of Video */ + + +/* ============================== + 5 = Shared Hosting Page + ============================== */ + + +/* Choose Price Period */ + +span.chooseprice { + background: #fd7140; + border-radius: 6px; + color: #fff; + display: table; + font-size: 16px; + margin: 0 auto; + margin-top: 30px; + padding: 5px 20px; + position: relative; +} +span.chooseprice:after { + border: solid transparent; + border-color: rgba(222, 98, 98, 0); + border-top-color: #fd7140; + border-width: 10px; + content: " "; + height: 0; + left: 50%; + margin-left: -10px; + pointer-events: none; + position: absolute; + top: 100%; + width: 0; +} +.btn-group.price-per-shared { + display: table; + margin: 0 auto; + margin-top: 30px; + text-align: center; +} +.btn-group.price-per-shared .btn { + border: 0px; + font-size: 16px; + padding: 22px 40px 20px; + outline: 0; + z-index: 1; +} +.btn-group.price-per-shared .btn:hover { + border: 0px; +} +.price-per-shared .btn-shared-checked { + z-index: 2; +} +.btn-shared-checked { + background-color: #00a63f; + border-color: #4cae4c; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); + webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); +} +.btn-shared-checked:after { + content: ''; + position: absolute; + left: 42%; + z-index: 100; + top: 100%; + width: 0; + height: 0; + border-left: 20px solid transparent; + border-right: 20px solid transparent; + border-top: 20px solid #00a63f; + outline: 0; + clear: both; + z-index: 1000; +} +.btn-shared-checked:hover, .btn-shared-checked:focus, .btn-shared-checked.focus, .btn-shared-checked:active, .btn-shared-checked.active { + background-color: #00a63f; + border-color: #398439; + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + color: #fff; + webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); +} +.btn-shared-checked:active, .btn-shared-checked.active { + background-image: none; + z-index: 1000; +} + +/* End of Choose Price Period */ + + +/* Pricing Tables Shared Hosting Page */ + +.pricingtables .left-price .panel, .pricingtables .left-price .panel-heading, .pricingtables .left-price .panel-body, .pricingtables .left-price .panel-footer { + background: transparent; + border: 0; + box-shadow: none; +} +.pricingtables .left-price ul { + box-shadow: 0 2px 2px rgba(32, 44, 47, 0.2) +} +.pricingtables .left-price ul { + margin-top: 122px; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + border-radius: 1em 0 0 1em; + overflow: hidden; +} +.pricingtables .sitelock ul { + margin-top: 145px; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + border-radius: 1em 0 0 1em; + overflow: hidden; + +} +.pricingtables.shared .left-price ul li { + color: #fff; + padding: 10px 10px; +} +.pricingtables.shared .left-price ul li a { + color: #7b7b7b; +} +.pricingtables.shared .left-price ul li:nth-child(odd) { + background: #f9f9f9; +} +.pricingtables.shared .left-price ul li:nth-child(even) { + background: #fff; +} +.pricingtables ul li:nth-child(odd) { + background: #f9f9f9 !important; +} +.pricingtables ul li:nth-child(even) {} +.pricingtables.shared .most-popular { + border-width: 3px; + padding: 0; + top: 0; + z-index: 2; +} +/*.most-popular .price-cercle { + border: 10px solid #1a1a1a; +}*/ +.most-popular .panel-heading { + background: transparent; +} +.pricingtables.shared h4 { + color: #1a1a1a; +} +.pricingtables.shared ul li i { + color: #00a63f; +} +.pricingtables.shared .most-popular .yearprice, .pricingtables.shared .most-popular .twoyearprice { + border-color: #fff; +} +.pricingtables.shared .most-popular h4 { + color: #1a1a1a; +} +.pricingtables.shared .most-popular .panel-body span.per { + background: transparent; +} +.pricingtables.shared .most-popular ul li { + font-size: 16px; + padding: 10px 0; +} +.tab2, .tab3 { + display: none; + margin: 0 auto; +} +.tooltip { + background: transparent; + font-family: 'hind', sans-serif; +} +.tooltip-inner { + font-size: 16px; + max-width: 150px; + padding: 5px 8px; +} + +/* End Pricing Tables Shared Hosting Page */ + + +/* Tabs Section - Shared Hosting Page */ + +.shared-features { + overflow: hidden; +} +.shared-features p { + font-size: 16px; + font-weight: 300; + margin: 0 auto; +} +.r-tabs .r-tabs-nav { + display: table; + margin: 0 auto; + padding: 0; + text-align: center; +} +.r-tabs .r-tabs-tab { + float: left; + list-style: none; + margin: 0; +} +.r-tabs .r-tabs-panel { + display: none; +} +.r-tabs .r-tabs-accordion-title { + display: none; +} +.r-tabs .r-tabs-panel.r-tabs-state-active { + display: block; +} +.r-tabs { + border: 0; + position: relative; +} +.r-tabs .r-tabs-nav .r-tabs-tab { + font-size: 16px; + font-weight: 300; + text-transform: uppercase; + margin: 0; + padding:0px; + position: relative; +} +.r-tabs .r-tabs-nav .r-tabs-anchor { + color: #7a7c89; + float: left; + font-weight: normal; + margin:0 5px; + background: #fff; + padding: 22px 40px 20px; + text-decoration: none; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + border-radius:6em; +} +.r-tabs .r-tabs-nav .r-tabs-state-disabled { + opacity: 0.5; +} +.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { + background: #00a63f; + color: #fff; + border-bottom: 0px; + +} +.r-tabs .r-tabs-nav .r-tabs-state-active i{ + color:#fff; +} +.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:after { + content: ''; + position: absolute; + left: 41.7%; + top: 100%; + width: 0; + height: 0; + border-left: 20px solid transparent; + border-right: 20px solid transparent; + border-top: 10px solid #00a63f; + outline: 0; + clear: both; +} +.r-tabs .r-tabs-accordion-title .r-tabs-anchor { + background: #efeff2; + border: 1px solid #e4e7f0; + color: #222; + display: block; + font-size: 16px; + padding: 10px; +} +.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor, { + background: #fd7140; + color: #fff; + text-shadow: none; +} +.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled { + opacity: 0.5; +} +.panel-title a { + display: block; + padding: 20px 15px; + font-size: 18px; +} +.panel { + margin-top: 5px; +} +#shared-hosting-tabs .centralicon { + text-align: center; +} +#shared-hosting-tabs .centralicon img { + border: 10px solid #f9f9f9; + border-radius: 100%; +} +#shared-hosting-tabs #feature1 h5, #shared-hosting-tabs #feature5 h5 { + font-size: 25px; + line-height: 1.3; + margin-bottom: 17px; + text-align: left; + font-weight: 300; +} +#shared-hosting-tabs #feature1 p, #shared-hosting-tabs #feature5 p { + padding-left: 0; + padding-roght: 0; +} +#shared-hosting-tabs h5 { + font-size: 25px; + line-height: 1.3; + font-weight: 300; + margin-bottom: 17px; + text-align: center; +} +#shared-hosting-tabs p { + padding: 0 40px; +} +#shared-hosting-tabs .tabfeatures { + margin-top: 30px; +} +#shared-hosting-tabs .tabfeatures img { + margin: 0 auto; +} +#shared-hosting-tabs .tabfeatures p { + padding: 0; +} +#shared-hosting-tabs h6 { + font-size: 18px; + line-height: 1.3; + padding: 17px 0 6px; +} +#shared-hosting-tabs #feature1, #shared-hosting-tabs #feature2, #shared-hosting-tabs #feature3, #shared-hosting-tabs #feature4, #shared-hosting-tabs #feature5 { + transition: all ease-out 0.2s 0.1s; +} +.supportchannels { + display: table; + margin: 0 auto; + text-align: center; +} +.supportchannels .block-grid-item { + padding: 0 45px; +} +.supportchannels .block-grid-item i { + background: #00a63f; + border: 6px solid #f9f9f9; + border-radius: 50%; + color: #fff; + font-size: 38px; + height: 90px; + padding: 20px 0 0 0; + text-align: center; + transition: all 0.4s ease; + webkit-transition: all 0.4s ease; + width: 90px; +} +.supportchannels .block-grid-item i:hover { + background: #fd7140; + transform: scale(1.3); + webkit-transform: scale(1.3); +} + +/* End Tabs Section - Shared Hosting Page */ + + +/* ============================== + 6 = VPS Page + ============================== */ + + +/* Order Steps - VPS Page */ + +.order-step { + margin: 25px 0 20px; +} +.vps-order h3 { + background: #00a63f; + color: #fff; + font-size: 18px; + font-weight: normal; + padding: 20px 35px; + position: relative; + text-align: center; + border-radius: 2em; +} +.vps-order .ribbon { + right: -4px; + top: -2px; +} +.vps-order h3:after { + bottom: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(114, 172, 148, 0); + border-bottom-color: #00a63f; + border-width: 10px; + margin-left: -10px; +} +.vps-order p { + font-size: 16px; + padding: 0 25px; +} +.order-step .order-circle { + position: relative; + text-align: center; +} +.order-step .order-circle span { + border: 4px solid #00a63f; + border-radius: 1000px; + color: #00a63f; + display: inline-block; + font-weight: 900; + height: 40px; + line-height: 32px; + moz-border-radius: 1000px; + ms-border-radius: 1000px; + o-border-radius: 1000px; + position: relative; + text-align: center; + vertical-align: middle; + webkit-border-radius: 1000px; + width: 40px; + z-index: 10; +} + +/* End of Order Steps - VPS Page */ + + +/* Order Slider - VPS Page */ + +.ui-slider { + position: relative; + text-align: left; +} +.ui-slider .ui-slider-handle { + cursor: default; + height: 1.2em; + position: absolute; + width: 1.2em; + z-index: 2; +} +.ui-slider .ui-slider-range { + background-position: 0 0; + border: 0; + display: block; + font-size: .7em; + position: absolute; + z-index: 1; +} +.ui-slider-horizontal { + height: .8em; +} +.ui-slider-horizontal .ui-slider-handle { + margin-left: -.6em; + top: -.3em; +} +.ui-slider-horizontal .ui-slider-range { + height: 100%; + top: 0; +} +.ui-slider-horizontal .ui-slider-range-min { + left: 0; +} +.ui-slider-horizontal .ui-slider-range-max { + right: 0; +} +.ui-slider-vertical { + height: 100px; + width: .8em; +} +.ui-slider-vertical .ui-slider-handle { + left: -.3em; + margin-bottom: -.6em; + margin-left: 0; +} +.ui-slider-vertical .ui-slider-range { + left: 0; + width: 100%; +} +.ui-slider-vertical .ui-slider-range-min { + bottom: 0; +} +.ui-slider-vertical .ui-slider-range-max { + top: 0; +} +.vps-prices-drag { + float: left; + margin: 0 0 40px; + padding: 0 60px; + width: 100%; +} +.vps-prices-container { + background: #1a1a1a; + border-radius: 6px; + float: left; + padding-top: 55px; + width: 100%; +} +.vps-prices-panel { + float: left; + width: 100%; +} +.vps-prices-container #vps-slider { + background: #000; + background: rgba(0, 0, 0, .15); + border-radius: 6px; + float: left; + height: 17px; + margin: 0 0 12px; + width: 100%; + cursor: pointer; +} +.vps-prices-container #sliderlines { + background: url(images/lines1.png) center top; + display: table; + height: 10px; + margin: 0 auto; + width: 100%; +} +.vps-prices-container #vps-slider .ui-slider-range { + background: #00a63f; + background: -moz-linear-gradient(left, #00a63f 0%, #FF8C00 100%); + background: -webkit-linear-gradient(left, #00a63f 0%, #FF8C00 100%); + background: linear-gradient(to right, #00a63f 0%, #FF8C00 100%); + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a63f', endColorstr='#FF8C00', GradientType=1); + border-radius: 6px; + cursor: pointer; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +.vps-prices-container #vps-slider .ui-slider-handle { + background:#eeeeee; + top:-10px; + border: 0; + border-radius: 0; + height: 20px; + margin-left: -25px; + margin-top: 8px; + outline: none; + width: 35px; + border-radius: 16em; + -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); + -o-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 12px rgba(0, 0, 0, 0.5); + -webkit-transition: border-radius 0.5s; + -moz-transition: border-radius 0.5s; + -o-transition: border-radius 0.5s; + transition: border-radius 0.5s; + background: #eeeeee; + background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); + background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%); + background: -o-linear-gradient(top, #eeeeee 0%, #dddddd 100%); + background: -ms-linear-gradient(top, #eeeeee 0%, #dddddd 100%); + background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top', endColorstr='@bottom', GradientType=0); +} +.vps-prices-container #vps-slider .ui-slider-handle:hover { + cursor: pointer; +} + +.vps-plans { + display: table; + margin: 0 auto; + padding: 2% 0 0; + width: 99%; +} +.vps-plans div.vps-plan { + color: #fff; + float: left; + font-size: 16px; + font-weight: 300; + margin: 0; + text-align: left; + width: 25%; +} +.vps-plans div.vps-plan:first-child { + text-align: left; +} +.vps-plans div.vps-plan:last-child { + margin-right: 0; + padding-right: 0; + text-align: right; +} +.vps-plans div.vps-plan:nth-child(2) { + padding-left: 70px; +} +.vps-plans div.vps-plan:nth-child(3) { + padding-right: 80px; + text-align: right; +} +.vps-plans.threeplans div.vps-plan { + width: 33.3333333333333%; +} +.vps-plans.threeplans div.vps-plan:nth-child(2) { + padding-left: 0; + text-align: center +} +.vps-plans.threeplans div.vps-plan:nth-child(3) { + padding-right: 0; + text-align: right; +} +.vps-plans.fiveplans div.vps-plan { + width: 20%; +} +.vps-plans.fiveplans div.vps-plan:nth-child(2) { + padding-left: 25px; + text-align: left +} +.vps-plans.fiveplans div.vps-plan:nth-child(3) { + padding-left: 0; +} +.vps-plans.fiveplans div.vps-plan:nth-child(4) { + text-align: right; + padding-right: 30px; +} +.vps-plans.sixplans div.vps-plan { + width: 16.666666666667%; +} +.vps-plans.sixplans div.vps-plan:first-child { + text-align: left; + width: 16.666666666667%; +} +.vps-plans.sixplans div.vps-plan:nth-child(2) { + padding-left: 0px; +} +.vps-plans.sixplans div.vps-plan:nth-child(3) { + padding-right: 95px; +} +.vps-plans.sixplans div.vps-plan:nth-child(4) { + text-align: center; +} +.vps-plans.sixplans div.vps-plan:nth-child(5) { + padding-right: 25px; + text-align: right +} +.vps-plans.sixplans div.vps-plan:last-child { + margin-right: 0; + padding-right: 0; + text-align: right; + width: 16.666666666667%; +} +.sliderbottom { + background: rgba(0, 0, 0, .1); + float: left; + padding: 10px 0 25px; + text-align: center; + width: 100%; +} +.sliderbottom h6 { + color: #fff; + font-size: 19px; + font-weight: 400; +} +.sliderbottom .how_much { + font-size: 29px; + font-weight: 600; + line-height: .9; + margin: 0; + padding: 0 0 5px; + font-family: 'Nunito', sans-serif; +} +.total_amount { + font-size: 36px; + font-weight: 600; + line-height: .9; + margin: 0 0 10px; + margin: 0; + padding: 10px 10px 20px; + color: #fff; + font-family: 'Nunito', sans-serif; +} +a.order-vps { + color: #fff; + font-size: 16px; + font-weight: 900; + padding: 6px 15px; + background-color: #00a63f; + border-color: #4cae4c; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); + webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); + margin-top: 5px; + display: inline-block; + border-radius: 3px; +} +.vps3-price { + font-size: 3em; + padding-bottom: 0px; +} + +/* End Order Slider - VPS Page */ + +.pricingtables.vps { + overflow: hidden; +} + +/* End of VPS Page */ + + +/* ============================== + 7 = Dedicated servers + ============================== */ + + +/* Pricing Tables - Dedicated servers Page */ + +.pricingtables.servers { + overflow: hidden; +} +.pricingtables.servers .panel { + border-radius: 2em 2em 0 0; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.pricingtables.servers .panel-heading { + border: 0; + border-radius: 0; + filter: none; +} +.pricingtables.servers .panel-heading h3 { + color: #1a1a1a; + letter-spacing: -.07em; + margin: 0; + padding: 12px 0; +} +.pricingtables.servers h4 { + color: #00a63f; + letter-spacing: -.07em; + text-align: center; +} +.pricingtables.servers .panel-body { + background: #fff; + margin: 0; +} +.pricingtables.servers .panel-body span { + color: #555; + font-size: 11px; + margin: 0 auto; + padding: 5px 10px; +} +.pricingtables.servers .panel-body span.per { + padding: 5px 10px 2px; + background: transparent; +} +.pricingtables.servers ul { + border: 0; + list-style: none; + margin: 0; + padding: 0; +} +.pricingtables.servers ul li { + background: #fff; + font-size: 16px; + padding: 10px 0; +} +.pricingtables.servers .panel-footer { + text-align: center; + background: #fff; + border: 0; +} +.pricingtables.servers .btn-pricetable { + background: #00a63f; + border-radius: 0; + color: #fff; + font-size: 13px; + margin: 10px auto; + padding: 15px 50px 13px; + font-weight: 700; +} +.pricingtables.servers .btn-pricetable:hover { + background: #00a63f; +} + +/* End of Pricing Tables - Dedicated servers Page */ + + +/* Video Background - Dedicated servers Page */ + +#servers-video .servers-video-container { + min-height: 550px; + padding-bottom: 50px; + position: relative; + overflow: hidden; +} +#servers-video .servers-video-container:after { + background: url(images/video_bg_pattern.png) repeat; + bottom: 0px; + content: ""; + left: 0; + opacity: 0.7; + position: absolute; + right: 0; + top: 0; + z-index: 1; +} +#servers-video .servers-video-container .videocaption { + left: 1%; + position: absolute; + right: 1%; + text-align: center; + top: 30%; + z-index: 2; +} +#servers-video .servers-video-container .videocaption h2 { + color: #fff; + font-size: 3.5em; + text-shadow: -1px 1px 0 #2d2d2f; + font-weight: 600; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + border: none; + color: rgba(255, 255, 255, 1); + text-align: center; + -o-text-overflow: clip; + text-overflow: clip; + text-shadow: 0 1px 0 rgb(204, 204, 204), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(187, 187, 187), 0 4px 0 rgb(185, 185, 185), 0 5px 0 rgb(170, 170, 170), 0 6px 1px rgba(0, 0, 0, 0.0980392), 0 0 5px rgba(0, 0, 0, 0.0980392), 0 1px 3px rgba(0, 0, 0, 0.298039), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.247059), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.14902); + -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); + -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); + -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); + transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); +} +#servers-video .servers-video-container .videocaption h4 { + color: #fff; + font-size: 2em; + font-weight: 300; + margin-top: 25px; + text-shadow: -1px 1px 0 #2d2d2f; +} +#servers-video .servers-video-container .videocaption .btn-slide { + background: #00a63f; + border-radius: 0; + color: #fff; + font-size: 19px; + font-weight: 700; + margin: 25px auto 10px auto; + padding: 7px 20px; + border-radius: 5px; + position: relative; +} +#servers-video .servers-video-container .videocaption .btn-slide:after { + top: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(113, 172, 147, 0); + border-top-color: #00a63f; + border-width: 8px; + margin-left: -8px; +} +#servers-video video { + width: 100%; + background-size: cover; + position: absolute; + top: 0; + left: 0; +} + +/* End of Video Background - Dedicated servers Page */ + + +/* Responsive Table - Dedicated servers Page */ + +.servers-table { + overflow: hidden; +} +.products-table { + min-width: 100%; + border: 1px solid #DFE0E5; + font-family: 'hind', sans-serif; + background: #F7F7F7; +} +.products-table thead th { + color: #6E6E6E; + font-weight: 700 !important; + font-size: 13px; + font-weight: bold; + border-left: 1px solid #DFE0E5; + border-right: 1px solid #DFE0E5; + border-bottom: 1px solid #DFE0E5; + padding: 2em 1em; +} +.products-table th { + font-weight: normal; + -webkit-font-smoothing: antialiased; + padding: 16px 12px; + color: #6E6E6E; + font-size: 16px; + background: #fff; +} +.products-table td { + color: #6E6E6E; + padding: 5px 12px; + font-size: 16px; + border-bottom: 1px solid #DFE0E5; +} +.products-table th { + padding: 2em 1em !important +} +.products-table td:last-child, .products-table thead th:last-child { + text-align: center; +} +.products-table tr.even, .products-table tr.alt, .products-table tr:nth-of-type(even) { + background: #fff; +} +.products-table td span { + padding: 0px; + margin: 0 auto; + display: block; +} + +/* End of Responsive Table - Dedicated servers Page */ + + +/* ============================== + 8 = Domains + ============================== */ + +.domains h2 { + color: #fff; + text-align: center; + font-weight: 300; +} +.domains p { + color: #fff; + text-align: center; + font-size: 18px; +} +.domainsearch-full { + background: #666; + border-radius: 0; + padding: 20px; +} +.domainsearch-full .form-control { + width: 100%; +} +.domainsearch-full input[type="text"].form-control { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 0; + border-top-left-radius: 5px; + border-top-right-radius: 0; + font-size: 18px; + height: 55px; + padding: 5px 15px; + width: 100%; +} +.domainsearch-full select.form-control { + border-radius: 0; + font-size: 18px; + height: 55px; + padding: 5px 15px; + width: 100%; +} +.domainsearch-full button[type="submit"] { + background: #515151; + border: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 5px; + border-radius: 4px; + border-top-left-radius: 0; + border-top-right-radius: 5px; + color: #fff; + cursor: pointer; + float: left; + font-size: 16px; + font-weight: 900; + height: 55px; + padding: 8px 6px 6px; + text-transform: uppercase; + width: 100%; +} +.domainsearch-full button[type="submit"]:hover { + background: #646464; +} +.domainsearch-full input[type="text"]:focus, .domainsearch-full select:focus { + border: 0; + box-shadow: 0 8px 6px -6px #000; +} +#domainextensions { + margin-top: 10px; +} +#domainextensions .ribbon { + right:8px; + top: -5px; +} +#domainextensions .item{ + margin:0 10px; +} +#domainextensions .item .extension { + padding: 20px 20px; + font-size: 22px; + font-weight: 500; + color: #00a63f; + text-align: center; + border-radius: 0px; + text-transform: uppercase; + background: #fff; + border-radius: 2em; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +#domainextensions .item .domain-price { + text-align: center; + padding: 5px; + color: #1a1a1a; + font-size: 20px; + font-family: 'Nunito', sans-serif; +} +.domainfeatures p { + font-size: 16px; + font-weight: 300; + margin: 18px 0 0; + text-align: center; + padding: 0 30px; +} +.domainfeatures h6 { + font-size: 18px; + color: #00a63f; + font-weight: 300; + letter-spacing: .07em; + border: 2px solid #00a63f; + margin: 0 auto; + padding: 15px 25px; + display: table; + text-align: center; +} +.domainfeatures .panel { + border: 0; + box-shadow: 0; +} +.domainfeatures .panel-heading { + border-left: 5px solid #00a63f; + box-shadow: 0; + background: #00a63f; + color: #fff; + border-radius: 0; + padding: 22px 10px; +} +.domainfeatures .panel-heading h4.panel-title { + font-size: 16px; + font-weight: normal; + line-height: 1.3; + color: #fff; + color: #6E6E6E\9\0; +} +.domainfeatures .panel-heading h4.panel-title a:hover, .domainfeatures .panel-heading h4.panel-title a:focus { + color: #fff; + color: #6E6E6E\9\0; +} +.domainfeatures .panel-body { + padding: 15px; + margin: 0; +} +.domainfeatures .panel-body p { + text-align: left; + font-size: 16px; + padding: 0; + margin: 0; +} +.through-line { + color: rgba(0, 0, 0, 0.3); + text-decoration: line-through; +} +.price-cercle .common-price { + color: #FFA200; + position: absolute; + left: 0; + right: 0; + top: -22px; + font-size: 16px; + font-weight: 300; +} +.domains-table { + overflow: hidden; +} +.domains-table td img { + width: 100px; +} +#tld-table { + min-width: 100%; + border: 1px solid #DFE0E5; + font-family: 'hind', sans-serif; + background: #f5f5f5; +} +#tld-table thead th { + background: #00a63f; + color: #ffffff; + font-weight: 300; + padding: 30px 15px; + font-size: 13px; + position: relative; + cursor: pointer; + text-shadow: none; +} +#tld-table thead th.header.headerSortDown { + background: #f5f5f5 !important; + color: #333; +} +#tld-table thead th:before { + position: absolute; + font-family: FontAwesome; + top: 30px; + right: 12px; + content: "\f0dc"; +} +#tld-table th { + font-weight: normal; + -webkit-font-smoothing: antialiased; + padding: 16px 12px; + color: #6E6E6E; + font-size: 16px; + background: #FFFFFF; +} +#tld-table td { + color: #6E6E6E; + padding: 16px 12px; + font-size: 16px; + border-bottom: 1px solid #DFE0E5; + text-align: center; +} +#tld-table td:first-child { + font-weight: bold; + text-align: left; +} +#tld-table thead th:first-child { + text-align: left; +} +#tld-table tr.even, #tld-table tr.alt, #tld-table tr:nth-of-type(even) { + background: #FFFFFF; +} + +/* ============================== + 9 = About Us + ============================== */ + +.about-hero { + position: relative; +} +.about-text { + position: absolute; + top: 35%; + left: 1%; + right: 1%; + z-index: 999; +} +.about-text h2 { + color: #fff; + text-align: center; + font-size: 40px; + text-transform: uppercase; + font-weight: 600; +} +.about-text p { + font-size: 18px; + color: #fff; + text-align: center; +} +.about p { + font-size: 16px; + font-weight: 300 +} +.custom-info { + background: url(images/info-banners/1.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; +} +.custom-info-column { + background: #1a1a1a; +} +.custom-info2 { + background: url(images/info-banners/2.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; +} +.custom-info2-column { + background: rgba(253, 113, 64, 0.7) +} +.custom-info3 { + background: url(images/info-banners/3.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; +} +.custom-info3-column { + background: rgba(0, 0, 0, 0.7); +} +.custom-info4 { + background: url(images/info-banners/3.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: center center; +} +.custom-info4-column { + background: rgba(255, 255, 255, 0.8); +} +.custom-info-column{ + border-radius:2em; +} +.thequote h5 { + font-size: 2.5em; + font-weight: 700; +} +.custom-info h5, .custom-info2 h5, .custom-info3 h5 { + color: #fff; + font-size: 41px; + font-weight: 600; + margin-bottom: 30px; +} +.custom-info p, .custom-info2 p, .custom-info3 p { + color: #fff; +} +.clients { + border: 1px solid #d7d5d5; +} +.clients .block-grid-item { + text-align: center; + padding: 30px 20px; + border: 1px solid #d7d5d5; + border-left: 0; + border-top: 0; + background: #fff; +} +.apps{ + text-align: center; + padding: 0px 20px; + border-left: 0; + border-bottom: 0; + margin:15px; +} +.apps img{ + background:#fff; + text-align:center; + border-radius: 2em; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.ourclients h3 { + text-align: center; +} +.ourclients p { + text-align: center; + font-size: 18px; +} +.counter { + position: relative; + padding: 80px 0; + background-size: cover; + background-position: center; + background-repeat: no-repeat; + text-align: center; +} +.counter-holder:hover .counter-icon i.fa { + border-radius: 50%; +} +.counter-text { + margin-bottom: 5px; + font-size: 16px; + line-height: 20px; + font-weight: 500; + text-transform: capitalize; +} +.counter-number { + /* margin-bottom: -5px; */ + font-size: 41px; + font-family: 'Nunito', sans-serif; +} +.counter-number-holder { + font-size: 42px; + font-weight: 700; + color: #fff; +} +.counter-number-holder .counter-number { + font-size: 42px; +} +.team { + width: 100%; + border-radius: 2em; + overflow: hidden; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.team img { + max-width: 100%; + height: auto; + display: block; + width: 100%; +} +.team figcaption { + padding: 25px 20px; + text-align: center; +} +.team h5 { + text-transform: uppercase; + line-height: normal; + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + margin-bottom: 5px; + margin-top: 0px; +} +.team p { + color: #999; +} +.clients .block-grid-item:nth-child(4n+4) { + border-right: 0; +} +.testimonials h3 { + text-align: center; + color: #fff; + font-weight: 300; +} +.testimonials p { + font-size: 18px; + text-align: center; + color: #fff; +} +.testimonial-content { + padding: 20px 0 0; + text-align: center; +} +.testimonial-content p { + color: #1a1a1a; + padding: 25px 60px 5px; + font-size: 16px; + text-align: center; +} +.testimonial-content .whoclient h5 { + font-size: 16px; + color: #1a1a1a; + text-transform: uppercase; + letter-spacing: .07em; + margin-bottom: 15px; +} +.testimonial-content .whoclient h5 a { + color: #00a63f; +} +.testimonialimg { + text-align: center; +} +.testimonial-content img { + width: 160px; + height: 160px; + border: 10px solid #00a63f; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + border-radius: 2em; +} + +/* ============================== + 10 = FAQ + ============================== */ + +.faq { + overflow: hidden; +} +.faq h2 { + margin-bottom: 12px; + text-align: center; +} +.faq p { + font-size: 16px; + font-weight: 300; + text-align: center; +} +.faq-questions .panel-title a:hover, .faq-questions .panel-title a:active, .faq-questions .panel-title a:focus { + color: #333; + background: #f5f5f5; +} +.faq-questions .panel { + margin-top: 0px !important; +} +.faq-questions .panel-group { + margin-bottom: 0px; +} +.faq-questions { + border: 1px solid #ddd; +} +.faq .panel { + border: 0; + box-shadow: 0; + box-shadow: none; + background:transparent; +} +.faq .panel-heading { + border: 0; + box-shadow: 0; + background: transparent; + color: #6E6E6E; + border-radius: 0; + padding: 0px; +} +.faq .panel { + border-top: 1px solid #ddd; +} +.faq .panel:first-child { + border-top: 0px; +} +.faq .panel-heading h4.panel-title { + font-size: 16px; + font-weight: normal; + line-height: 1.3; + color: #303030; +} +.faq .panel-body { + padding: 15px; + margin: 0; + border-top: 0; +} +.faq .panel-body p { + text-align: left; + font-size: 16px; + padding: 0; + line-height: 24px; +} +.needsupport h6 { + margin-top: 25px; +} + +/* ============================== + 11 = Login + ============================== */ + +.login { + overflow: hidden; +} +.login-form-panel { + border: 0; + border-radius: 0px; +} +.login-form { + text-align: center; + border: 0; + border-radius: 0px; + overflow: hidden; +} +.login-form-panel .center-block, .Register-form-panel .center-block { + border-radius: 2em; +} + +/* ============================== + 12 = Datacenter + ============================== */ + +.datacenter { + overflow: hidden; +} +.datacenter p { + font-size: 16px; + font-weight: 300; + margin: 18px 0 0; + text-align: center; + padding: 0 30px; +} +.datacenter-facilities { + overflow: hidden; +} +#datacenter-partners .item { + margin: 3px; + text-align: center +} + +/* ============================== + 13 = Elements + ============================== */ + +/* qsSlider Order Slider ----------------------- */ +#qsSlider .title { + font-size: 16px; + margin-bottom: 0; + font-weight: 600; +} +#qsSlider .sdecs { + padding: 25px 0; + color: #999 +} +#qsSlider .slabels { + float: right; +} +#qsSlider .slabels .label { + display: inline-block; + padding-top: 6px; + font-size: 15px; + margin-top: -10px; + border-radius: 3px; + min-width: 80px; +} +#qsSlider .slider { + margin: 15px 0 75px; +} +#qsSlider #panelselector, #qsSlider #periodselector { + padding: 25px 0; + margin-bottom: 5px; +} +#qsSlider #panelselector #panel, #qsSlider #periodselector #period { + height: 50px; +} +#qsSlider #panelselector #panel #panelbackdrop, #qsSlider #periodselector #period #periodbackdrop { + width: 10px; + height: 10px +} +#qsSlider #month, #qsSlider #pincluded { + position: absolute; + width: 170px; + left: 20px; + margin-top: 30px; + cursor: pointer +} +#qsSlider #year, #qsSlider #nopanel { + position: absolute; + width: 170px; + left: 20px; + margin-top: -15px; + cursor: pointer +} +#qsSlider #QsPrice { + border: 1px solid #d5d7d8; + border-width: 0 0 0 1px; + padding-left: 15px +} +#qsSlider #buyvps { + margin: 15px auto 0 0 +} +#qsSlider #pricetext { + border-bottom: 3px double #e5e5e5; + display: inline-block +} +#qsSlider #pricetext { + border: 2px dashed #1a1a1a; + padding: 25px 15px; + width: 100%; + text-align: center; +} +#qsSlider #pricetext #btext, #qsSlider #pricetext .fa, #qsSlider #pricetext .glyphicon { + font-size: 18px +} +#qsSlider #pricetext h4, #qsSlider #pricetext h5 { + text-transform: uppercase; + margin-bottom: 0; + font-weight: 600; +} +#qsSlider #doller { + font-size: 47px; + font-weight: 700; + color: #000; +} +#qsSlider #cents { + font-size: 18px; + font-weight: 700; + color: #000 +} +#qsSlider #presets { + position: relative +} +#qsSlider #presets .btn { + width: 95%; + font-size: 18px; + text-transform: uppercase; + margin-left: 2px; + border-radius: 3px; + margin-bottom: 15px; + border: 0px; + -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3); +} +#qsSlider #presets .btn:hover { + color: #000; +} +#qsSlider #presets div.product { + float: left; + display: block; + width: 20%; +} +#qsSlider .ui-slider { + background: #e6e6e6; + -webkit-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -ms-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; +} +#qsSlider .ui-slider .ui-slider-handle:focus, #qsSlider .ui-slider .ui-slider-handle:active { + outline: 0; + box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3); + text-decoration: none +} +#qsSlider .ui-slider .ui-slider-handle:hover:before, #qsSlider .ui-slider .ui-slider-handle:focus:before, #qsSlider .ui-slider .ui-slider-handle:active:before { + text-shadow: 1px 1px 1px rgba(0, 0, 0, .3) +} +#qsSlider .ui-slider .ui-slider-handle { + cursor: pointer; + background: white; + border: 1px solid #ccc; + width: 25px; + height: 25px; + background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); + background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); + background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); + background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); + background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)); + -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); + box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -ms-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; +} +#qsSlider .ui-slider .ui-slider-handle:before { + display: inline-block +} +#qsSlider .ui-slider .ui-slider-handle:hover { + background-color: #fff; + outline: 0; + box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .3); + text-decoration: none; +} +#qsSlider .ui-slider-horizontal { + height: 15px +} +#qsSlider .ui-slider-horizontal .ui-slider-handle { + margin-left: -.725em; + top: -.4em +} +#qsSlider .ui-slider-vertical { + width: 10px +} +#qsSlider .ui-slider-vertical .ui-slider-handle { + left: -8px; + margin-bottom: -9px; +} +#qsSlider .ui-slider-handle { + outline: 0!important; + border-color: #414141; + color: #414141; +} +#qsSlider .ui-slider-primary .ui-slider-handle, #qsSlider .ui-slider-primary .ui-slider-handle:hover, #qsSlider .ui-slider-primary .ui-slider-handle:focus, #qsSlider .ui-slider-primary .ui-slider-handle:active { + color: #337ab7 +} +#qsSlider .ui-slider-primary .ui-slider-range { + background-color: #337ab7; + border-radius: 16px; +} +#qsSlider .ui-slider-success .ui-slider-handle, #qsSlider .ui-slider-success .ui-slider-handle:hover, #qsSlider .ui-slider-success .ui-slider-handle:focus, #qsSlider .ui-slider-success .ui-slider-handle:active { + color: #5cb85c; +} +#qsSlider .ui-slider-success .ui-slider-range { + border-radius: 16px; +} +#qsSlider .ui-slider-danger .ui-slider-handle, #qsSlider .ui-slider-danger .ui-slider-handle:hover, #qsSlider .ui-slider-danger .ui-slider-handle:focus, #qsSlider .ui-slider-danger .ui-slider-handle:active { + color: #d9534f +} +#qsSlider .ui-slider-danger .ui-slider-range { + background-color: #d9534f; + border-radius: 16px; +} +#qsSlider .ui-slider-info .ui-slider-handle, #qsSlider .ui-slider-info .ui-slider-handle:hover, #qsSlider .ui-slider-info .ui-slider-handle:focus, #qsSlider .ui-slider-info .ui-slider-handle:active { + border-color: #5bc0de; + color: #5bc0de +} +#qsSlider .ui-slider-info .ui-slider-range { + background-color: #5bc0de +} +#qsSlider .ui-slider-warning .ui-slider-handle, #qsSlider .ui-slider-warning .ui-slider-handle:hover, #qsSlider .ui-slider-warning .ui-slider-handle:focus, #qsSlider .ui-slider-warning .ui-slider-handle:active { + border-color: #f0ad4e; + color: #f0ad4e +} +#qsSlider .ui-slider-warning .ui-slider-range { + background-color: #f0ad4e +} +#qsSlider #tooltip { + display: none; + position: absolute; + max-width: 200px; + z-index: 1070; + top: -75px +} +#qsSlider #tooltip .text { + padding: 10px 5px; + display: block; + background: #000; + color: #fff; + font-size: 12px; + opacity: .8; + filter: alpha(opacity=80); + border-left: 5px solid #00b159; +} +#qsSlider .cloud-msg { + background: #303236; + font-size: 18px; + font-weight: normal; + padding: 20px 35px; + position: relative; + text-align: center; + line-height: 25px; + color: #fff; +} +#qsSlider .cloud-msg:after { + bottom: 100%; + left: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; + border-color: rgba(114, 172, 148, 0); + border-bottom-color: #303236; + border-width: 10px; + margin-left: -10px; +} +#qsSlider .options { + font-size: 19px; + /* margin: 0; */ + padding: 0 0 5px; + color: #292929; + font-weight: 600; +} + +/* cart ----------------------- */ +.cart-section{ + padding:15px; + background:#fff; + border: 1px solid #e4e4e4; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +/* qsSlider ----------------------- */ +#qsSlider .ui-slider-success .ui-slider-range { + background-color: #5cb85c; +} +#qsSlider .ui-slider-range { + background: #00a63f; + background: -moz-linear-gradient(left, #00a63f 0%, #FF8C00 100%); + background: -webkit-linear-gradient(left, #00a63f 0%, #FF8C00 100%); + background: linear-gradient(to right, #00a63f 0%, #FF8C00 100%); + filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a63f', endColorstr='#FF8C00', GradientType=1); + cursor: pointer; + border-radius: 16px; +} +/* Modal ----------------------- */ +.modal { + text-align: center; + padding: 0!important; +} + +.modal:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; + margin-right: -4px; +} + +.modal-dialog { + display: inline-block; + text-align: left; + vertical-align: middle; +} + +/* Smart Photo Gallery ----------------------- */ +.smartphoto-nav ul{ + overflow:hidden; +} + +/* Form Elements ----------------------- */ +.coupon-code input{ + padding:14px; +} +.coupon-code .input-copon{ + padding:13px; +} +.coupon-code .btn{ + border-radius:0px 3px 3px 0; +} +.checkbox { + padding-left: 20px; +} +.checkbox label { + display: inline-block; + vertical-align: middle; + position: relative; + padding-left: 5px; +} +.checkbox label::before { + content: ""; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + margin-left: -20px; + border: 1px solid #cccccc; + border-radius: 3px; + background-color: #fff; + -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; + -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; + transition: border 0.15s ease-in-out, color 0.15s ease-in-out; +} +.checkbox label::after { + display: inline-block; + position: absolute; + width: 16px; + height: 16px; + left: 0; + top: 0; + margin-left: -20px; + padding-left: 3px; + padding-top: 1px; + font-size: 11px; + color: #555555; +} +.checkbox input[type="checkbox"], .checkbox input[type="radio"] { + opacity: 0; + z-index: 1; + cursor: pointer; +} +.checkbox input[type="checkbox"]:focus+label::before, .checkbox input[type="radio"]:focus+label::before { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.checkbox input[type="checkbox"]:checked+label::after, .checkbox input[type="radio"]:checked+label::after { + font-family: "FontAwesome"; + content: "\f00c"; +} +.checkbox input[type="checkbox"]:indeterminate+label::after, .checkbox input[type="radio"]:indeterminate+label::after { + display: block; + content: ""; + width: 10px; + height: 3px; + background-color: #555555; + border-radius: 2px; + margin-left: -16.5px; + margin-top: 7px; +} +.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled { + cursor: not-allowed; +} +.checkbox input[type="checkbox"]:disabled+label, .checkbox input[type="radio"]:disabled+label { + opacity: 0.65; +} +.checkbox input[type="checkbox"]:disabled+label::before, .checkbox input[type="radio"]:disabled+label::before { + background-color: #eeeeee; + cursor: not-allowed; +} +.checkbox.checkbox-circle label::before { + border-radius: 50%; +} +.checkbox.checkbox-inline { + margin-top: 0; +} +.checkbox-primary input[type="checkbox"]:checked+label::before, .checkbox-primary input[type="radio"]:checked+label::before { + background-color: #337ab7; + border-color: #337ab7; +} +.checkbox-primary input[type="checkbox"]:checked+label::after, .checkbox-primary input[type="radio"]:checked+label::after { + color: #fff; +} +.checkbox-danger input[type="checkbox"]:checked+label::before, .checkbox-danger input[type="radio"]:checked+label::before { + background-color: #d9534f; + border-color: #d9534f; +} +.checkbox-danger input[type="checkbox"]:checked+label::after, .checkbox-danger input[type="radio"]:checked+label::after { + color: #fff; +} +.checkbox-info input[type="checkbox"]:checked+label::before, .checkbox-info input[type="radio"]:checked+label::before { + background-color: #5bc0de; + border-color: #5bc0de; +} +.checkbox-info input[type="checkbox"]:checked+label::after, .checkbox-info input[type="radio"]:checked+label::after { + color: #fff; +} +.checkbox-warning input[type="checkbox"]:checked+label::before, .checkbox-warning input[type="radio"]:checked+label::before { + background-color: #f0ad4e; + border-color: #f0ad4e; +} +.checkbox-warning input[type="checkbox"]:checked+label::after, .checkbox-warning input[type="radio"]:checked+label::after { + color: #fff; +} +.checkbox-success input[type="checkbox"]:checked+label::before, .checkbox-success input[type="radio"]:checked+label::before { + background-color: #5cb85c; + border-color: #5cb85c; +} +.checkbox-success input[type="checkbox"]:checked+label::after, .checkbox-success input[type="radio"]:checked+label::after { + color: #fff; +} +.checkbox-primary input[type="checkbox"]:indeterminate+label::before, .checkbox-primary input[type="radio"]:indeterminate+label::before { + background-color: #337ab7; + border-color: #337ab7; +} +.checkbox-primary input[type="checkbox"]:indeterminate+label::after, .checkbox-primary input[type="radio"]:indeterminate+label::after { + background-color: #fff; +} +.checkbox-danger input[type="checkbox"]:indeterminate+label::before, .checkbox-danger input[type="radio"]:indeterminate+label::before { + background-color: #d9534f; + border-color: #d9534f; +} +.checkbox-danger input[type="checkbox"]:indeterminate+label::after, .checkbox-danger input[type="radio"]:indeterminate+label::after { + background-color: #fff; +} +.checkbox-info input[type="checkbox"]:indeterminate+label::before, .checkbox-info input[type="radio"]:indeterminate+label::before { + background-color: #5bc0de; + border-color: #5bc0de; +} +.checkbox-info input[type="checkbox"]:indeterminate+label::after, .checkbox-info input[type="radio"]:indeterminate+label::after { + background-color: #fff; +} +.checkbox-warning input[type="checkbox"]:indeterminate+label::before, .checkbox-warning input[type="radio"]:indeterminate+label::before { + background-color: #f0ad4e; + border-color: #f0ad4e; +} +.checkbox-warning input[type="checkbox"]:indeterminate+label::after, .checkbox-warning input[type="radio"]:indeterminate+label::after { + background-color: #fff; +} +.checkbox-success input[type="checkbox"]:indeterminate+label::before, .checkbox-success input[type="radio"]:indeterminate+label::before { + background-color: #5cb85c; + border-color: #5cb85c; +} +.checkbox-success input[type="checkbox"]:indeterminate+label::after, .checkbox-success input[type="radio"]:indeterminate+label::after { + background-color: #fff; +} +.radio { + padding-left: 20px; +} +.radio label { + display: inline-block; + vertical-align: middle; + position: relative; + padding-left: 5px; +} +.radio label::before { + content: ""; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + margin-left: -20px; + border: 1px solid #cccccc; + border-radius: 50%; + background-color: #fff; + -webkit-transition: border 0.15s ease-in-out; + -o-transition: border 0.15s ease-in-out; + transition: border 0.15s ease-in-out; +} +.radio label::after { + display: inline-block; + position: absolute; + content: " "; + width: 11px; + height: 11px; + left: 3px; + top: 3px; + margin-left: -20px; + border-radius: 50%; + background-color: #555555; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + -o-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); +} +.radio input[type="radio"] { + opacity: 0; + z-index: 1; + cursor: pointer; +} +.radio input[type="radio"]:focus+label::before { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.radio input[type="radio"]:checked+label::after { + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); +} +.radio input[type="radio"]:disabled { + cursor: not-allowed; +} +.radio input[type="radio"]:disabled+label { + opacity: 0.65; +} +.radio input[type="radio"]:disabled+label::before { + cursor: not-allowed; +} +.radio.radio-inline { + margin-top: 0; +} +.radio-primary input[type="radio"]+label::after { + background-color: #337ab7; +} +.radio-primary input[type="radio"]:checked+label::before { + border-color: #337ab7; +} +.radio-primary input[type="radio"]:checked+label::after { + background-color: #337ab7; +} +.radio-danger input[type="radio"]+label::after { + background-color: #d9534f; +} +.radio-danger input[type="radio"]:checked+label::before { + border-color: #d9534f; +} +.radio-danger input[type="radio"]:checked+label::after { + background-color: #d9534f; +} +.radio-info input[type="radio"]+label::after { + background-color: #5bc0de; +} +.radio-info input[type="radio"]:checked+label::before { + border-color: #5bc0de; +} +.radio-info input[type="radio"]:checked+label::after { + background-color: #5bc0de; +} +.radio-warning input[type="radio"]+label::after { + background-color: #f0ad4e; +} +.radio-warning input[type="radio"]:checked+label::before { + border-color: #f0ad4e; +} +.radio-warning input[type="radio"]:checked+label::after { + background-color: #f0ad4e; +} +.radio-success input[type="radio"]+label::after { + background-color: #5cb85c; +} +.radio-success input[type="radio"]:checked+label::before { + border-color: #5cb85c; +} +.radio-success input[type="radio"]:checked+label::after { + background-color: #5cb85c; +} +input[type="checkbox"].styled:checked+label:after, input[type="radio"].styled:checked+label:after { + font-family: 'FontAwesome'; + content: "\f00c"; +} +input[type="checkbox"] .styled:checked+label::before, input[type="radio"] .styled:checked+label::before { + color: #fff; +} +input[type="checkbox"] .styled:checked+label::after, input[type="radio"] .styled:checked+label::after { + color: #fff; +} + +/* Combo Prices ----------------------- */ + +.combo-prices h3 span { + font-size: 13px; + display: block; +} +.combo-prices p em { + font-size: 16px; +} + +/* Domain Prices ----------------------- */ + +.domain-prices .prices { + text-align: center; +} +.domain-prices .prices h4 { + background: #1a1a1a; + padding: 12px 0; + color: #fff; + text-transform: uppercase; + font-size: 26px; + font-weight: 600; + position: relative; + margin: 0px; + border-radius: 1em 1em 0 0; +} +.domain-p-container:hover h4:after { + content: ''; + position: absolute; + left: 47%; + top: 100%; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #00a63f; + clear: both; +} +.domain-p-container:hover h4, .domain-p-container h4.active { + background: #00a63f; + position: relative; + margin: 0px; + border-radius: 1em 1em 0 0; +} +.domain-p-container:hover h4:hover:after, .domain-p-container:hover h4.active:after { + content: ''; + position: absolute; + left: 47%; + top: 100%; + width: 0; + height: 0; + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px solid #00a63f; + clear: both; +} +.domain-prices .prices p { + font-size: 30px; + line-height: 32px; + font-weight: 600; + margin: 0px; + padding: 30px; + border-radius: 0 0 3px 3px; +} +.domain-prices .prices p small { + font-size: 16px; + font-weight: 300; +} +.domain-prices .prices p span { + display: block; + font-size: 18px; + font-weight: 600; +} +.domain-p-container { + margin-bottom: 30px; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + border-radius:2em; + overflow: hidden; +} + + +/* Mini Badge ----------------------- */ + +.main-badge { + line-height: 18px; + top: -5px; + left: 5%; + border-radius:4px !important; + height: 20px; +} +.left-badge-color-1, .left-badge-color-2, .left-badge-color-3 { + width: auto; + background: #F62459; + position: absolute; + margin-left: 10px; + -moz-border-radius: 4px; + -webkit-border-radius: 0px; + border-radius: 4px; + font-size: 11px; + padding:2px 6px; + text-transform: uppercase; + color: #fff; + line-height: 18px; +} +.left-badge-color-2 { + background: #00a63f; +} +.left-badge-color-2:before { + content: ""; + border-right: 5px solid #00a63f; +} +.left-badge-color-3 { + background: #175bb5; +} +.left-badge-color-3:before { + content: ""; + border-right: 5px solid #175bb5; +} +.down-badge-color-1, .down-badge-color-2, .down-badge-color-3 { + width: auto; + background: #fc496d; + position: absolute; + margin-left: 10px; + -moz-border-radius: 4px; + -webkit-border-radius: 0px; + border-radius: 0px 0px 0px 0; + font-size: 11px; + padding: 2px 6px; + text-transform: uppercase; + color: #fff; +} + +.down-badge-color-2 { + background: #ffba24; + color: #333; +} +.down-badge-color-3 { + background: #F62459; +} +.down-badge-color-3:before { + content: ""; + border-color: #F62459 transparent transparent; +} + +/*list style 1*/ + +ul.list1 { + list-style: none; + padding-left: 22px; + overflow: hidden; +} +ul.list1 li { + position: relative; + padding: 8px 0 4px; + line-height: 25px; + font-size: 16px; +} +ul.list1 li:before { + content: ''; + display: block; + position: absolute; + border: 1px solid #00b159; + left: -19px; + top: 13px; + width: 9px; + height: 9px; + border-radius: 100%; +} + +/*list style 2*/ + +ul.list2 { + list-style: none; + padding-left: 22px; + overflow: hidden; +} +ul.list2 li { + position: relative; + padding: 8px 0 4px; + font-size: 16px; +} +ul.list2 li:before { + content: ''; + display: block; + position: absolute; + border: 1px solid #00b159; + left: -19px; + top: 13px; + width: 9px; + height: 9px; +} + +/*list style 3*/ + +ul.list3 { + list-style: none; + padding-left: 22px; + padding: 0; +} +ul.list3 li { + padding: 4px 0 4px; +} +ul.list3 li i.fa { + color: #00b159; + font-size: 16px; + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + margin-right: 4px; +} + +/*list style 4*/ + +ul.list4 { + list-style: none; + padding-left: 22px; + padding: 0; +} +ul.list4 li { + padding: 4px 0 4px; + font-size: 16px; +} +ul.list4 li i.fa { + background: #00b159; + color: #fff; + width: 17px; + height: 17px; + line-height: 20px; + text-align: center; + margin-right: 8px; + font-size: 11px; + border-radius: 100%; +} + +/*list style 5*/ + +ol.list5 { + counter-reset: li; + list-style: none outside none; + padding: 0; + overflow: hidden; +} +ol.list5 li { + position: relative; + padding: 4px 0 4px 34px; + font-size: 16px; +} +ol.list5 li:after { + content: counter(li, decimal-leading-zero) "."; + counter-increment: li; + position: absolute; + left: 2px; + top: 50%; + margin-top: -12px; + color: #21252b; + width: 26px; + height: 26px; + text-align: center; + line-height: 26px; +} + +/*list style 6*/ + +ol.list6 { + overflow: hidden; +} +ol.list6 li { + position: relative; + padding: 4px 0 4px; + font-size: 16px; +} + +/*BOXES STYLE*/ + +.boxes { + border: 1px solid #dde1e1; + padding: 30px 15px; +} +.boxes:first-child h2, .boxes:first-child h1, .boxes:first-child h3 { + margin-top: 0px; +} +.boxes p:last-child { + margin-bottom: 0px; + padding-bottom: 0px; +} +.boxes-border-top { + border-top: 5px solid #00a63f; +} +.boxes-border-left { + border-left: px solid #01c1c1; +} +.boxes.border-dotted { + border: 1px dotted #dde1e1; +} +.boxes.border-dotted-2 { + border: 2px dotted #dde1e1; +} +.boxes.border-dotted-3 { + border: px dotted #dde1e1; +} +.boxes.border-dashed { + border: 1px dashed #dde1e1; +} +.boxes.border-dashed-2 { + border: 2px dashed #dde1e1; +} +.boxes.border-dashed-3 { + border: 3px dashed #dde1e1; +} + +/*MARGINS*/ + +.margin-0 { + margin: 0px; +} +.margin-5 { + margin: 5px; +} +.margin-10 { + margin: 10px; +} +.margin-15 { + margin: 15px; +} +.margin-20 { + margin: 20px; +} +.margin-25 { + margin: 25px; +} +.margin-30 { + margin: 30px; +} +.margin-35 { + margin: 35px; +} +.margin-40 { + margin: 40px; +} +.margin-45 { + margin: 45px; +} + +/*margins-top*/ + +.margin-top-0 { + margin-top: 0px; +} +.margin-top-5 { + margin-top: 5px; +} +.margin-top-10 { + margin-top: 10px; +} +.margin-top-15 { + margin-top: 15px; +} +.margin-top-20 { + margin-top: 20px; +} +.margin-top-25 { + margin-top: 25px; +} +.margin-top-30 { + margin-top: 30px; +} +.margin-top-35 { + margin-top: 35px; +} +.margin-top-40 { + margin-top: 40px; +} +.margin-top-45 { + margin-top: 45px; +} + +/*margins-left*/ + +.margin-left-5 { + margin-left: 5px; +} +.margin-left-10 { + margin-left: 10px; +} +.margin-left-15 { + margin-left: 15px; +} +.margin-left-20 { + margin-left: 20px; +} +.margin-left-25 { + margin-left: 25px; +} +.margin-left-30 { + margin-left: 30px; +} +.margin-left-35 { + margin-left: 35px; +} +.margin-left-40 { + margin-left: 40px; +} +.margin-left-45 { + margin-left: 45px; +} + +/*margins-bottom*/ + +.margin-bottom-0 { + margin-bottom: 0px !important; +} +.margin-bottom-5 { + margin-bottom: 5px; +} +.margin-bottom-10 { + margin-bottom: 10px; +} +.margin-bottom-15 { + margin-bottom: 15px; +} +.margin-bottom-20 { + margin-bottom: 20px; +} +.margin-bottom-25 { + margin-bottom: 25px; +} +.margin-bottom-30 { + margin-bottom: 30px; +} +.margin-bottom-35 { + margin-bottom: 35px; +} +.margin-bottom-40 { + margin-bottom: 40px; +} +.margin-bottom-45 { + margin-bottom: 45px; +} + +/*margins-right*/ + +.margin-right-5 { + margin-right: 5px; +} +.margin-right-10 { + margin-right: 10px; +} +.margin-right-15 { + margin-right: 15px; +} +.margin-right-20 { + margin-right: 20px; +} +.margin-right-25 { + margin-right: 25px; +} +.margin-right-30 { + margin-right: 30px; +} +.margin-right-35 { + margin-right: 35px; +} +.margin-right-40 { + margin-right: 40px; +} +.margin-right-45 { + margin-right: 45px; +} + +/*PROGRESS BAR*/ + +.progress { + -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); + box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); + border-radius: 4px; + background: #e7e9e9; + border-radius: 16px; +} +.progress-bar { + background: #00a63f; + font-size: 16px; + color: #fff; + -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0); + box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0); + border-radius: 16px; +} +.skills-name { + margin-left: 15px; +} +.skills-percentage { + margin-right: 15px; +} + +/*style 1*/ + +.progress.progress-style1 { + border-radius: 0px; + border-radius: 16px; +} +.progress.progress-style1 .progress-bar { + border-radius: 16px; + background: #1a1a1a; +} + +/*style 2*/ + +.progress.progress-style2 { + height: 30px; + line-height: 30px; +} +.progress.progress-style2 .progress-bar { + height: 30px; + line-height: 30px; + background: #1a1a1a; +} +.progress.progress-style3 { + height: 30px; + line-height: 30px; + border-radius: 0px; + border-radius: 16px; +} +.progress.progress-style3 .progress-bar { + height: 30px; + line-height: 30px; + border-radius: 16px; +} + +/*single_box Icons*/ + +.single_box { + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + transition: all 0.2s ease; + text-align: center; + padding: 30px; +} +.single_box:hover {} +.single_box img { + border-radius: 100%; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + -ms-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.single_box [class^="fa"] { + font-size: 40px; +} +.single_box.style1 { + padding: 0 0 30px; +} +.single_box.style1 [class^="fa"] { + font-size: 48px; + line-height: 60px; + display: inline-block; + width: 60px; + height: 60px; + margin-bottom: 7px; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + -ms-transition: all 0.2s ease; + transition: all 0.2s ease; +} +.single_box.style1:hover [class^="fa"] { + color: #21252b; +} +.single_box.style1 p.introtext { + margin-bottom: 0; +} +.single_box h3 { + font-size: 24px; + margin: 10px 0 14px; +} +.single_box h3 a { + color: inherit; +} +.single_box h3 a:hover { + color: #e16657; +} +.single_box p.introtext { + margin: 10px 0 30px; +} + +/*CAROUSEL*/ + + +/*owl style*/ + +.owl-theme .owl-controls { + margin-top: 10px; + text-align: center; +} +.owl-theme .owl-controls .owl-buttons div { + color: #fff; + display: inline-block; + zoom: 1; + margin: 5px; + padding: 15px 13px; + border-radius: 4px; + font-size: 16px; + background: #21252b; + filter: Alpha(Opacity=70); + opacity: 0.7; +} +.owl-theme .owl-controls.clickable .owl-buttons div:hover { + filter: Alpha(Opacity=100); + /*IE7 fix*/ + opacity: 1; + text-decoration: none; +} +.owl-theme .owl-controls .owl-page { + display: inline-block; + zoom: 1; + *display: inline; + /*IE7 life-saver */ +} +.owl-theme .owl-controls .owl-page span { + display: block; + width: 13px; + height: 13px; + margin: 5px 5px; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; + background: #21252b; + filter: Alpha(Opacity=70); + opacity: 0.7; +} +.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { + filter: Alpha(Opacity=100); + /*IE7 fix*/ + opacity: 1; +} +.owl-theme .owl-controls .owl-page span.owl-numbers { + height: auto; + width: auto; + color: #FFF; + padding: 2px 10px; + font-size: 12px; + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; +} +.owl-item.loading { + min-height: 150px; + background: url(AjaxLoader.gif) no-repeat center center; +} +.owl-item-1 .owl-controls .owl-buttons div.owl-prev { + position: absolute; + top: 45%; + left: 10px; +} +.owl-item-1 .owl-controls .owl-buttons div.owl-next { + position: absolute; + top: 45%; + right: 10px; +} + +/*search*/ + +.error h1 { + font-size: 80px; + font-weight: 600; + color: #1a1a1a; + text-align: center; +} +.big-title h1 { + font-size: 80px; + font-weight: 600; + color: #1a1a1a; + text-align: center; +} +.widget.search .input-group-addon { + border-radius: 0px 3px 3px 0; + border: none; + color: #fff; + cursor: pointer; + padding: 6px 22px; + background: #00a63f; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); +} +.widget.search {} + +/*Service Icons*/ + +.service-icon { + margin:0px auto; + display: block; + text-align: center; + transition: all .3s; +} +.service-icon:hover { + transform: scale(1.1, 1.1); + color: #00a63f; +} +.service-icon i { + display: block; +} +.service-text { + width: 100%; + margin-top: 15px; + display: block; + font-size: 16px; + font-family: 'Nunito', sans-serif; +} + +/* Icons */ + +.fa.circle-icon { + padding: 16px 19px; + font-size: 32px; + color: #fff; + border-radius: 50%; + width: 80px; + height: 80px; + vertical-align: middle; + line-height: 50px; + text-align: center; +} +.fa.square-icon { + padding: 16px 19px; + font-size: 32px; + color: #fff; + width: 80px; + height: 80px; + vertical-align: middle; + line-height: 50px; + text-align: center; +} +.fa.square-border-icon { + padding: 16px 19px; + font-size: 32px; + color: #00a63f; + border: 2px solid #00a63f; + width: 80px; + height: 80px; + vertical-align: middle; + line-height: 49px; + text-align: center; + border-radius: 0.5em; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +.fa.square-border-icon-fill { + padding: 16px 19px; + font-size: 32px; + color: #fff; + border: 2px solid #00a63f; + width: 80px; + height: 80px; + vertical-align: middle; + line-height: 46px; + text-align: center; + border-radius: 3px; +} +.fa.border-icon { + background: transparent; + padding: 19px; + font-size: 32px; + color: #00a63f; + border-radius: 50%; + border: 2px solid #00a63f; + width: 80px; + height: 80px; + vertical-align: middle; + line-height: 41px; + text-align: center; +} +.fa.fa-cog.rotate-icon { + background: #00a63f; + padding: 16px 18px; + font-size: 32px; + color: #fff; + border-radius: 50%; + width: 80px; + height: 80px; + vertical-align: middle; + line-height: 49px; + text-align: center; +} + +/* Alerts */ + +.alert-success { + background: #e9ffd9; + border: 1px solid #d1fab6; + border-radius: 0px; +} +.alert-info { + background: #d9edf7; + color: #31708f; + border: 0px; + border-radius: 0px; +} +.alert-warning { + background: #fcf8e3; + color: #8a6d3b; + border: 0px; + border-radius: 0px; +} +.alert-danger { + background: #f2dede; + color: #a94442; + border: 0px; + border-radius: 0px; +} +.custom-alert { + padding: 20px 15px; + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12); + margin: 20px 0; + border-radius: 3px; +} +.custom-alert p { + margin-top: 0px !important; +} +.elements { + background: #fff; + overflow: hidden; +} +h2.elements { + font-weight: 300; + margin: 30px 0; + font-size: 29px; + text-align: center; + border-bottom: 7px solid #ededed; + padding-bottom: 12px; +} +.elements p { + font-size: 16px; + font-weight: 300; + margin: 18px 0 0; +} +.accordion-example .panel { + box-shadow: 0; + /*box-shadow: 0 2px 2px #ddd; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1);*/ +} +.accordion-example .panel-heading { + border: 0; + box-shadow: 0; + background: #F2F2F2; + color: #6E6E6E; + border-radius: 3px 3px 0 0; + padding: 0px; +} +.accordion-example.panel-heading h4.panel-title { + font-size: 16px; + font-weight: normal; + line-height: 1.3 +} +.accordion-example .panel-body { + padding: 15px; + margin: 0; +} +.accordion-example .panel-body p { + text-align: left; + font-size: 16px; + padding: 0; + margin: 0; +} +.buttons-example { + display: table; + margin: 0 auto; +} +.elements .btn { + margin-bottom: 12px; + margin: 0; + border-radius: 3px; +} +.btn-lg, .btn-group-lg>.btn { + padding: 10px 26px !important; + font-size: 18px !important; + line-height: 1.3333333 !important; +} +.btn-sm{ + padding: 5px 10px !important; + font-size: 12px !important; + line-height: 1.5; + border-radius: 3px; +} +.btn { + text-shadow: none; + border-radius: 2em; + padding:6px 22px; + transition: all .3s; + position: relative; + overflow: hidden; + font-size:16px; +} +.btn:hover { + opacity: 1; + box-shadow: 0px 1px 25px -1px rgba(248,248,255, .2); +} +.btn:hover:after { + -webkit-transition: .7s linear; + transition: .7s linear; + background-position: 150% 0; +} +.btn:after { + position: absolute; + top: 0; + left: 0; + width: 110%; + height: 100%; + content: ''; + -webkit-transform: skewX(-50deg); + transform: skewX(-50deg); + background: -webkit-linear-gradient(right, rgba(248,248,255, .2), rgba(248,248,255, .2), rgba(248,248,255, .2)) no-repeat -2em 0; + background: linear-gradient(to left, rgba(248,248,255, .2), rgba(248,248,255, .2), rgba(248,248,255, .2)) no-repeat -2em 0; + background-size: 1em 100%; +} +.btn.no-radius { + border-radius: 0 +} +a.btn{ + background:#dddddd; +} + + +.btn.btn-default { + background: #fff; + border:1px solid #bebdbd; +} +.btn.btn-default a { + display: block; +} +.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { + border:1px solid #00a63f; +} +.btn.btn-primary { + background: #00a63f; + border: 1px solid #00a63f; + color: #fff; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active { + color: #fff; + background: #00a63f; + border: 1px solid #00a63f; +} +.btn.btn-info { + background: #59ABE3; +} +.btn.btn-success { + background: #5cb85c; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +.btn.btn-border { + border: 1px solid #4cae4c; + color: #fff; +} +.btn.btn-success:hover, .btn.btn-success:active { + background: #449d44; +} +.btn.btn-warning { + background: #E67E22; +} +.btn.btn-warning:hover, .btn.btn-warning:active { + background: #f28f37; +} + +.btn.btn-danger { + background: #d9534f; +} +.btn.btn-danger:hover, .btn.btn-danger:active { + background: #c9302c; +} +.btn-new { + background: #00a63f !important; + color:#fff; + border:1px solid #00a63f; + -webkit-box-shadow: 1px 4px 15px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 15px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 15px -5px rgba(0, 166, 63,1); +} +.btn-new:hover, .btn-new:active,.btn-new:focus { + background: #00a63f !important; + color:#fff; +} + +#carousel-example .item { + margin: 1px; +} +#carousel-example .item img { + display: block; + width: 100%; + height: auto; +} +.counters p { + font-size: 16px; + font-weight: 300; + margin: 0 auto; + text-align: center; +} +.counters span { + display: block; + font-size: 18px; + font-weight: 300; + text-align: center; +} +.counters .circle-text { + color: #807e7e; + font-weight: 900; +} +.elements h5.badge { + font-size: 18px; + padding: 9px 20px; + background: #fd7140; + display: table; + margin: 0 auto; + margin-top: 40px; + margin-bottom: 30px; + border-radius: 0px; +} +.pricingtables.default { + background: #fff; +} +.pricingtables.default .panel-heading { + background: transparent; +} +.pricingtables.default .panel-heading h3 { + color: #1a1a1a; + font-size: 21px; + font-weight: 400; + margin: 0; + padding: 20px 0; +} + +/* ============================== + 14 = Blog + ============================== */ + +.post-meta { + display: table; + width: 100%; + height: 100%; + margin-top: 20px; + margin-bottom: 20px; +} +.post-meta .date, .post-meta .comments { + display: table-cell; + vertical-align: middle; + width: 50%; + padding: 0; + background-color: #222; + color: #fff; + text-align: center; + text-transform: uppercase; + font-size: 12px; + overflow: hidden; +} +.post-meta .date, .post-meta .comments { + display: table-cell; + vertical-align: middle; + width: 50%; + padding: 0; + background-color: #222; + color: #fff; + text-align: center; + text-transform: uppercase; + font-size: 12px; + overflow: hidden; +} +.post-meta { + display: table; + width: 100%; + height: 100%; + margin-top: 20px; + margin-bottom: 20px; +} +.blog .post-meta .date, .blog .post-meta .comments { + float: none; + display: table-cell; + vertical-align: middle; + width: 50%; + color: #1a1a1a; + background-color: #e9e9e9; + text-align: center; + text-transform: uppercase; + font-size: 16px; + overflow: hidden; + border-radius:2em; +} +.blog .post-meta .comments { + background-color: #00a63f; + border-radius:2em; +} +.blog .post-meta .comments a { + color: #fff; +} +.blog .post-meta .date a { + color: #303030; +} +.blog article { + background: #fff; + border-radius: 6px; +} +.blog.single article { + margin-bottom: 40px; +} +.blog article .post-content { + padding: 25px; + border: 1px solid #e4e4e4; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); +} +.blog article .post-content h2 { + font-size: 32px; +} +.blog article .post-content h2 a { + color: #00a63f; + font-weight: 600; + text-transform: uppercase; + margin-bottom: 40px; + display: block; +} +.blog article .post-content h2 { + color: #6E6E6E; + font-weight: 600; + text-transform: uppercase; + font-size: 28px; + margin-bottom: 40px; + display: block; +} +.blog article .post-content hr { + border: solid #fd7140; + border-width: 1px 0 0; + clear: both; + height: 0; + margin-top: 27px; + margin-bottom: 27px; + max-width: 70px; +} +.blog article .post-content .thedate { + color: #abaaaa; + font-size: 19px; + font-weight: 300; +} +.blog article .post-content p { + font-size: 16px; + font-weight: 400; + line-height: 30px; +} +.blog article .post-content ul li { + font-size: 16px; + font-weight: 300; +} +.blog article .post-content blockquote { + border-left-color: #00a63f; + font-size: 16px; + font-weight: 300; +} +.blog article .post-content .button { + color: #fff; + display: inline-block; + font-size: 16px; + padding: 15px 20px; + background: #00a63f; + border-radius: 2em; + text-decoration: none; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +.blog article .post-content .button:hover { + background: #00a63f; +} +.blog .sidebar { + border-radius: 0px; + padding:15px; + -webkit-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + -moz-box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + box-shadow: 2px 4px 29px -4px rgba(0,0,0,0.35); + background:#fff; +} +.blog .sidebar .widget:last-child { + margin-bottom: 0px; +} +.blog .sidebar .widget h3.badge { + border-radius: 0px; + padding: 12px 0; + display: block; + font-size: 16px; + text-align: left; + background: transparent; + color: #00a63f; + margin: 0px; +} +.blog .sidebar .widget h3.badge:first-child { + margin-top: 0px; + padding-top: 0px; +} +.blog .sidebar .widget ul { + padding: 0; + margin: 0; + list-style: none; + border: 1px solid #e6e6e6; +} +.blog .sidebar .widget ul li { + padding: 9px 6px; + font-size: 16px; + font-weight: 300; + border-bottom: 1px solid #EDEDED; + background: #fff; +} +.blog .sidebar .widget ul li span.badge { + float: right; + margin-top: 2px; + border: 1px solid #00a63f; + background: transparent; + color: #1a1a1a; + font-weight: 300; +} +.blog .sidebar .widget ul li a { + color: #6E6E6E; +} +.blog .sidebar .widget ul li a:hover { + color: #00a63f; +} +.blog .sidebar .widget .blogsearch input[type="text"].form-control { + border: 0; + box-shadow: none; + border-radius: 3px; + font-size: 16px; + height: 45px; + padding: 5px 15px; + width: 100%; + border: 1px solid #e6e6e6; +} +.tagcloud { + overflow: hidden; +} +.tagcloud a { + border: 1px solid #00a63f; + color: #1a1a1a; + display: block; + float: left; + font-size: 16px; + margin: 0 6px 6px 0; + padding: 5px 7px; + position: relative; + border-radius: 2em; +} +.tagcloud a:hover { + background: #00a63f; + color: #fff; +} +.blog nav ul.pagination li { + font-size: 16px; +} +.blog nav ul.pagination li a { + color: #6e6e6e; + padding: 10px 18px 9px; + border-radius: 3px; + margin: 1px; +} +.blog nav ul.pagination li a.active, .blog nav ul.pagination li a.active:hover { + background: #00a63f; + color: #fff; + border-color: #00a63f; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); +} +.blog nav ul.pagination li a:hover { + background: #f5f5f5; + color: #1a1a1a; +} + +/* Author box */ + +.author-wrap { + position: relative; + overflow: hidden; + border-radius: 6px; + margin-bottom: 50px; +} +.author-gravatar { + margin: 0; + line-height: 1; +} +.author-gravatar img { + border: 0; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; +} +.author-title { + color: #6E6E6E; + display: block; + line-height: 1.5; + margin: 0 0 15px; + padding: 0 0 10px; + border-bottom: 1px solid #00a63f; +} +.author-title h6 { + padding: 0; + margin: 0 0 6px; + font-size: 19px; + font-weight: 700; + color: #00a63f; +} +.author-description { + display: block; + margin: 0 0 5px; +} +.author-description p { + margin: 0; + font-size: 16px; + font-weight: 300; +} + +/* Comments */ + +.comments, #addcomments { + border-radius: 6px; +} +#thecomments { + margin-top: 0; +} +#thecomments h2 { + font-size: 25px; +} +#addcomments { + margin-top: 0; +} + +/* Comments List */ + +ol.commentlist { + margin: 0; + padding: 0 20px; +} +.commentlist .comment-body { + padding: 0; + margin: 0; + position: relative; + border-top: 0; +} +.comment-body a:hover { + text-decoration: underline; +} +.comment-body a.comment-reply-link { + background: #00a63f; + margin: 0; + text-decoration: none; + color: #fff; + padding: 3px 8px 4px; + font-size: 11px; + border: 0; + border-radius: 2em; +} +.comment-body a.comment-reply-link:hover { + background: #6E6E6E; +} +ol.commentlist li { + margin-top: 20px; + list-style: none; + padding: 20px 0; + border-bottom: 1px solid #e9e9e9; +} +ol.commentlist li ul.children { + margin-bottom: 0px; + margin-top: 25px; +} +ol.commentlist li ul.children li { + border-bottom: 0; + padding-left: 20px; + margin: 10px 0; + border-left: 1px solid #e8e8e8; +} +ol.commentlist li ul.children comment-body { + padding: 15px 0 5px; + margin: 10px 0 0; + position: relative; +} +.reply { + margin-bottom: 25px; +} +ol.commentlist img.avatar { + margin-right: 20px; + float: left; + border-radius: 50%; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + width: 48px; +} +ol.commentlist .comment-author { + line-height: 25px; + border: 0; + width: 100%; +} +.comment-body h6 { + font-style: normal; + margin: 0; + padding: 8px 0 0; +} +.comment-body h6 a { + color: #6E6E6E; +} +.comment-body h6 a:hover { + color: #fd7140; + text-decoration: none +} +.comment-time { + font-size: 12px; + font-style: normal; + color: #ccc; +} +.commentmetadata { + clear: both; + padding: 0; + margin: 0; +} +.commentmetadata a { + margin: 0; + color: #000; + text-decoration: underline; +} +.comment-body p { + padding: 20px 0 6px; + font-weight: 300; +} +.comment-body .comment-author.vcard { + margin: 0; + border-bottom: 1px solid #e8e8e8; + padding-bottom: 15px; +} +.comment-body ul, .comment-body ol { + padding: 0; + margin: 0; +} +.comment-body ul li, .comment-body ol li { + padding: 7px 0; + margin: 0; + border: 0; +} +.comment-body ul li ul, .comment-body ol li ol { + padding: 7px 0 7px 7px; + margin: 0; + border: 0; +} +#reply-title { + margin: 10px 0; + padding: 0 0 5px; + font-weight: normal; + font-size: 26px; + line-height: 1.3; + display: block; + margin-bottom: -2px; + font-weight: 700; +} +.comment-notes { + padding-top: 25px; + text-align: center; +} +form#commentform textarea { + min-height: 150px; +} +form#commentform label, form#commentform p { + font-weight: 300; +} +form#commentform input#submit { + background: #00a63f; + margin-top: 0; + color: #fff; + padding: 9px 12px 10px; + font-size: 16px; + border: 0; + border-radius: 2em; +} +form#commentform input#submit:hover { + background: #00a63f; +} + +/* ============================== + 15 = Contact + ============================== */ + +#map_wrapper { + height: 550px; +} +#map_canvas { + width: 100%; + height: 100%; +} +#map_canvas img { + max-width: none; +} +.info_content h5 { + font-weight: 400; + color: #fd7140; +} +.info_content p { + font-weight: 300; + font-size: 16px; +} +.contact { + background: #fff; + overflow: hidden; +} +.contact h3 { + padding: 12px 0; + font-size: 22px; + border-bottom: 1px solid #EDEDED; + margin-bottom: 25px; + margin-top: 0; + padding-top: 0; +} +.contact-address address p i.fa { + color: #00a63f; + font-size: 20px; + width: 35px; + padding: 5px 0; + text-align: center; +} +.contact-address address p i.fa, .contact-address address p span { + display: table-cell; + vertical-align: top; +} +#contactform label { + font-weight: 300; +} +#sendstatus { + margin: 0; +} +#sendstatus .alert.alert-danger { + border-radius: 0; + background: #ffecec; + border: 1px solid #fad9d7; +} +#sendstatus .alert.alert-success { + background: #e9ffd9; + color: #13c823; + border-radius: 0; + border: 1px solid #d1fab6; +} +.contact h4.badge { + border-radius: 0; + padding: 12px; + display: block; + font-size: 16px; + text-align: left; + background: #fd7140 +} +.contact p, .contact p a { + color: #6E6E6E; +} +.contact p a:hover { + color: #fd7140; +} +.contact ul { + padding: 0; + margin: 0; + list-style: none; +} +.contact ul li { + padding: 9px 6px; + font-size: 16px; +} +.contact ul li a { + color: #6E6E6E; +} +.contact ul li a:hover { + color: #fd7140; +} + +/* Datacenter ----------------------- */ + +#datacenterLocations .container { + position: relative; +} +#datacenterLocations img.img-responsive { + margin: 0 auto; +} +.datacenter-locations { + position: relative; +} +.datacenter-location-marker { + position: absolute; + color: #00a63f; + font-size: 34px; + line-height: 38px; + cursor: pointer; +} +.datacenter-location-marker.marker-1 { + top: 36%; + left: 17%; +} +.datacenter-location-marker.marker-2 { + top: 26%; + left: 23%; +} +.datacenter-location-marker.marker-3 { + top: 63%; + left: 36%; +} +.datacenter-location-marker.marker-4 { + top: 47%; + left: 69%; +} +.datacenter-location-marker.marker-5 { + top: 59%; + left: 75.7%; +} +.datacenter-location-marker.marker-6 { + top: 26%; + left: 51%; +} + +.social-links a i { + position: relative; + top: 3px; +} +.social-links a { + width: 50px; + height: 50px; + border-radius: 50%; + display: inline-block; + border:2px solid #1a1a1a; + color: #1a1a1a; + text-align: center; + @include em(20); + line-height: 2.6; + margin-right: 10px; + margin-bottom: 10px; +} +.social-links a:hover { + background-color: #00a63f; + color: #fff; +} +/* MailChip Newsletter Form Styling ----------------------- */ + +#mc_embed_signup { + text-align: right; + padding-top: 3px; +} +#mc_embed_signup input[type="email"].form-control { + border-radius:2em; + font-size: 18px; + height: 50px; + padding: 5px 15px; + width: 100%; + border: 0; +} +#mc_embed_signup input[type="submit"] { + background: #00a63f; + border: 0; + border-radius: 2em; + color: #ffffff; + cursor: pointer; + font-size: 16px; + height: 50px; + padding: 8px 6px 6px; + text-transform: capitalize; + width: 100%; + float: right; + position: relative; + -webkit-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + -moz-box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + box-shadow: 1px 4px 28px -5px rgba(0, 166, 63,1); + +} +#mc_embed_signup input[type="submit"]:hover { + background: #00a63f; +} +#mc_embed_signup input[type="email"]:focus, .domainsearch select:focus { + box-shadow: 0 8px 6px -6px #000; +} +.subscribe h3 { + margin-top: 0px; +} + +/* End of Footer */ + + +/* ============ + 17 = Loader + ============ */ + +/* Loading ----------------------- */ +.loading { + position: fixed; + width: 100%; + height: 100%; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 300; + background: rgba(0,0,0,0.9); +} +.loading p { + position: absolute; + width: 100%; + text-align: center; + top: 50vh; +} +.loading .loader { + margin: -12em 0 0 -12em; + width: 50px; + height: 50px; + font-size: 2px; + position: absolute; + text-indent: -9999em; + top: 50vh; + left: 50vw; + border-top: 0.8em solid rgba(0,0,0,1); + border-right: 0.8em solid rgba(0,0,0,1); + border-bottom: 0.8em solid rgba(0,0,0,1); + border-left: 0.8em solid #00a63f; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: load8 0.7s infinite linear; + animation: load8 0.7s infinite linear; +} +.loading .loader, +.loading .loader:after { + border-radius: 50%; + width: 24em; + height: 24em; +} + +@-webkit-keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes load8 { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + /* End of Loading */ + +/* Back to Top Button ----------------------- */ + +#back-to-top { + color: #fff; + position: fixed; + bottom: 20px; + right: 20px; + z-index: 99; + display: none; + text-align: center; + border-radius: 3px; + z-index: 10000; + height: 50px; + width: 50px; + background-color: rgba(0, 0, 0, 0.4); + background-repeat: no-repeat; + background-position: center; + transition: background-color 0.1s linear; + -moz-transition: background-color 0.1s linear; + -webkit-transition: background-color 0.1s linear; + -o-transition: background-color 0.1s linear; +} +#back-to-top i { + padding-top: 15px; + font-size: 16px; +} +#back-to-top:hover { + background: #00a63f; +} + +/* Bootstrap Styles Reset ----------------------- */ + +.no-shadow { + text-shadow: none !important; +} +.text-muted { + color: #777 !important; +} +.text-left { + text-align: left !important; +} +.text-new { + color: #F62459 !important; +} +.text_dark { + color: #1a1a1a !important; +} +.text_white { + color: #fff !important; +} +.text_mute { + color: #999 !important; +} +.text_primary { + color: #00a63f !important; +} +.text_secondary { + color: #fd7140 !important; +} +.text_purple { + color: #8d55a0 !important; +} +.text_pink { + color: #dd1a4b !important; +} +.alert { + border-radius: 3px; +} +.text-success, .text_success { + color: #5cb85c; +} +.text-info, .text_info { + color: #5bc0de !important; +} +.text-warning, .text_warning { + color: #f0ad4e!important; +} +.text-danger, .text_danger { + color: #ef4a44!important; +} \ No newline at end of file diff --git a/Host/wwwroot/http/js/jquery-rvnm.js b/Host/wwwroot/http/js/jquery-rvnm.js new file mode 100644 index 0000000..8f24b37 --- /dev/null +++ b/Host/wwwroot/http/js/jquery-rvnm.js @@ -0,0 +1,310 @@ +/** + * rvnm Responsive vertical navigation menu + * + * Copyright (C) 2017 4xmen team + * + * LICENSE: This program is free software; you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by the Free + * Software Foundation; either version 3 of the License, or (at your option) any + * later version. This program is distributed in the hope that it will be + * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General + * Public License for more details. You should have received a copy of the GNU + * General Public License along with this program. + * If not, see . + * + * @package rvnm + * @author 4xmen team + * @author A1Gard + * @link https://github.com/4xmen/rvnm + */ + +; +(function ($) { + + $.fn.rvnm = function (options) { + + + /** + * settings ofplgin + * @type Object + */ + var settings = $.extend({ + wrapper: '#wrapper', // main page wrapper + mode: 'default', // mode of menu (default = desktop| minimal = tablet | mobile) + responsive: true, // repsonsve mode only work in default mode + theme: '', + searchable: false, + }, options); + + /** + * sizetrigger is function to change nav box size + * or control reponsive & mode of menu + * @returns {undefined} + */ + this.sizetrigger = function () { + // repsonvive mode controller + if (settings.responsive && settings.mode === 'default') { + // if window size between 450 and 768 active minimal + if ($(window).width() > 450 && $(window).width() < 768) { + if (!$(self).hasClass('rvnm-minimal')) { + // fix extended after switch from defualt to minimal + $(self).find('.rvnm-collapseable ul').attr('style', ''); + $(self).find('.rvnm-collapseable').addClass('rvnm-expandable').removeClass('rvnm-collapseable'); + } + $(settings.wrapper).removeClass('rvnm-mobile'); + $(self).removeClass('rvnm-mobile'); + $(settings.wrapper).addClass('rvnm-minimal'); + $(self).addClass('rvnm-minimal'); + } + // if window size less than 450 active mobile mode + if ($(window).width() <= 450) { + $(settings.wrapper).removeClass('rvnm-minimal'); + $(self).removeClass('rvnm-minimal'); + $(settings.wrapper).addClass('rvnm-mobile'); + $(self).addClass('rvnm-mobile'); + } + // if window size greater than 768 active desktop mode by + // remove minimal & mobile calss + if ($(window).width() >= 768) { + $(settings.wrapper).removeClass('rvnm-minimal'); + $(self).removeClass('rvnm-minimal'); + $(settings.wrapper).removeClass('rvnm-mobile'); + $(self).removeClass('rvnm-mobile'); + } + } + $(".rvnm-navbar-box").css('height', ''); + if (settings.mode !== 'mobile' && !$(self).hasClass('rvnm-mobile')) { + if ($(".rvnm-navbar-box").height() < $("body").height() || $(".rvnm-navbar-box").height() < $(window).height() || $(".rvnm-navbar-box").height() < $("html").height()) { + $(".rvnm-navbar-box").height(Math.max($('body').height(), $(window).height(), $("html").height())); + } + } + + + }; + + // set plugn selector to self for use in other place of plugin + var self = this; + + this.each(function () { + // add rvnm-navbar-box to menu + $(this).addClass('rvnm-navbar-box'); + + + // add theme if extis + if (settings.theme !== '') { + $(this).addClass(settings.theme); + } + + // add expandable class to li's has ul child + $(this).find('li:has(> ul)').addClass('rvnm-expandable'); + // rvnm-wrapper class to main content element + $(settings.wrapper).addClass('rvnm-wrapper'); + // check if minimal mode active change mode + if ($(this).hasClass('rvnm-minimal') || settings.mode === 'minimal') { + $(settings.wrapper).addClass('rvnm-minimal'); + $(this).addClass('rvnm-minimal'); + settings.mode = 'minimal'; + } + // check if mobile mode active change mode + if ($(this).hasClass('rvnm-minimal') || settings.mode === 'mobile') { + $(settings.wrapper).addClass('rvnm-mobile'); + $(this).addClass('rvnm-mobile'); + settings.mode = 'mobile'; + } + + // resize navbar box + self.sizetrigger(); + + // add triger windows resize + $(window).bind('resize.rvnm', function () { + self.sizetrigger(); + }); + + + /** + * ripple effect for links + */ + $(document).on('click', '.rvnm-navbar-box ul li a', function (e) { + // Remove any old one + $(".rvnm-ripple").remove(); + + // Setup + var posX = $(this).offset().left, + posY = $(this).offset().top, + buttonWidth = $(this).width(), + buttonHeight = $(this).height(); + + // Add the element + $(this).prepend(""); + + + // Make it round! + if (buttonWidth >= buttonHeight) { + buttonHeight = buttonWidth; + } else { + buttonWidth = buttonHeight; + } + + // Get the center of the element + var x = e.pageX - posX - buttonWidth / 2; + var y = e.pageY - posY - buttonHeight / 2; + + + // Add the ripples CSS and start the animation + $(".rvnm-ripple").css({ + width: buttonWidth, + height: buttonHeight, + top: y + 'px', + left: x + 'px' + }).addClass("rvnm-rippleEffect"); + + setTimeout(function () { + $(".rvnm-ripple").remove(); + }, 600); + + }); + + // add click event to expandable link + $(document).on('click', '.rvnm-expandable > a', function (e) { + // check click only this element + if (e.target !== e.currentTarget) + return false; + + // check is first level of li child and minimal mode siable + if ($(this).parent().hasClass('rvnm-minimal-expand')) { + return false; + } + + // check is first level of li child + // try to close other expanded items + if ($(this).parent().closest('.rvnm-collapseable').length === 0) { + // slide up first level ul of this + $(".rvnm-collapseable > a").parent().find('> ul').slideUp(300); + // add expandable class to parent of link and remove collapseable + $(".rvnm-collapseable > a").parent().addClass('rvnm-expandable').removeClass('rvnm-collapseable'); + } + + + // add collapseable class to parent of link and remove expandable + $(this).parent().addClass('rvnm-collapseable').removeClass('rvnm-expandable'); + // slide down first level ul + $(this).parent().find('> ul').slideDown(300, function () { + // then use size triger + self.sizetrigger(); + }); + // if href is # link should not be work + if ($(this).attr('href') === '#') { + return false; + } + }); + + $(document).on('keyup mouseup change', '.rvnm-search', function (e) { + var word = $(this).val(); + if (word.length == 0) { + $(this).closest('ul').find('> li').show(); + } else { + $(this).closest('ul').find('> li').each(function () { + if (!$(this).hasClass('search')) { + $(this).show(); + var txt = $(this).text(); + if (txt.indexOf(word) == -1) { + $(this).hide(); + } + } + }); + self.sizetrigger(); + } + }); + + + // add click event to collapseable link + $(document).on('click', '.rvnm-collapseable > a', function (e) { + // check click only this element + if (e.target !== e.currentTarget) + return false; + // add expandable class to parent of link and remove collapseable + $(this).parent().addClass('rvnm-expandable').removeClass('rvnm-collapseable'); + // slide up first level ul of this + $(this).parent().find('> ul').slideUp(300, function () { + self.sizetrigger(); + }); + + // if href is # link should not be work + if ($(this).attr('href') === '#') { + return false; + } + }); + + + // click an nav box when has rvnm-mobile class + $(document).on('click', '.rvnm-mobile', function (e) { + if (e.target !== e.currentTarget) + return false; + // try to expand menu + $(this).toggleClass('rvnm-mobile-expand'); + }); + + // on mouseenter when menu is minimal + $(document).on('mouseenter', '.rvnm-navbar-box.rvnm-minimal li', function (e) { + // if menu is first level li + if ($(this).closest('.rvnm-minimal-expand').length === 0) { + // show menu + $(this).addClass('rvnm-minimal-expand'); + } + }); + // on mouseleave when menu is minimal + $(document).on('mouseleave', '.rvnm-navbar-box.rvnm-minimal li.rvnm-minimal-expand', function (e) { + $(".rvnm-minimal-expand .rvnm-collapseable ul").slideUp(); + $(".rvnm-minimal-expand .rvnm-collapseable").addClass('rvnm-expandable').removeClass('rvnm-collapseable'); + $(this).removeClass('rvnm-minimal-expand'); + }); + + $(window).load(function () { + setTimeout(function () { + self.sizetrigger(); + }, 100); + }); + + }); + + return { + settings: settings, + setMode: function (mode) { + $(settings.wrapper).removeClass('rvnm-mobile'); + $(self).removeClass('rvnm-mobile'); + $(settings.wrapper).removeClass('rvnm-minimal'); + $(self).removeClass('rvnm-minimal'); + settings.responsive = false; + settings.mode = mode; + + if (mode === 'default') { + return true; + } + if (mode === 'minimal') { + $(settings.wrapper).addClass('rvnm-minimal'); + $(self).addClass('rvnm-minimal'); + return true; + } + if (mode === 'mobile') { + $(settings.wrapper).addClass('rvnm-mobile'); + $(self).addClass('rvnm-mobile'); + return true; + } + }, + setTheme: function (theme) { + $(self).removeClass('dark'); + $(self).removeClass('dark-lesb'); + $(self).removeClass('dark-doder'); + $(self).removeClass('dark-beryl'); + $(self).removeClass('dark-ruby'); + $(self).addClass(theme); + settings.theme = theme; + }, + $this: this + }; + + + }; + +}(jQuery)); \ No newline at end of file diff --git a/Host/wwwroot/http/js/jquery-ui.js b/Host/wwwroot/http/js/jquery-ui.js new file mode 100644 index 0000000..31ee9cd --- /dev/null +++ b/Host/wwwroot/http/js/jquery-ui.js @@ -0,0 +1,16617 @@ +/*! jQuery UI - v1.11.4 - 2015-03-11 +* http://jqueryui.com +* Includes: core.js, widget.js, mouse.js, position.js, accordion.js, autocomplete.js, button.js, datepicker.js, dialog.js, draggable.js, droppable.js, effect.js, effect-blind.js, effect-bounce.js, effect-clip.js, effect-drop.js, effect-explode.js, effect-fade.js, effect-fold.js, effect-highlight.js, effect-puff.js, effect-pulsate.js, effect-scale.js, effect-shake.js, effect-size.js, effect-slide.js, effect-transfer.js, menu.js, progressbar.js, resizable.js, selectable.js, selectmenu.js, slider.js, sortable.js, spinner.js, tabs.js, tooltip.js +* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ + +(function( factory ) { + if ( typeof define === "function" && define.amd ) { + + // AMD. Register as an anonymous module. + define([ "jquery" ], factory ); + } else { + + // Browser globals + factory( jQuery ); + } +}(function( $ ) { +/*! + * jQuery UI Core 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/category/ui-core/ + */ + + +// $.ui might exist from components with no dependencies, e.g., $.ui.position +$.ui = $.ui || {}; + +$.extend( $.ui, { + version: "1.11.4", + + keyCode: { + BACKSPACE: 8, + COMMA: 188, + DELETE: 46, + DOWN: 40, + END: 35, + ENTER: 13, + ESCAPE: 27, + HOME: 36, + LEFT: 37, + PAGE_DOWN: 34, + PAGE_UP: 33, + PERIOD: 190, + RIGHT: 39, + SPACE: 32, + TAB: 9, + UP: 38 + } +}); + +// plugins +$.fn.extend({ + scrollParent: function( includeHidden ) { + var position = this.css( "position" ), + excludeStaticParent = position === "absolute", + overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/, + scrollParent = this.parents().filter( function() { + var parent = $( this ); + if ( excludeStaticParent && parent.css( "position" ) === "static" ) { + return false; + } + return overflowRegex.test( parent.css( "overflow" ) + parent.css( "overflow-y" ) + parent.css( "overflow-x" ) ); + }).eq( 0 ); + + return position === "fixed" || !scrollParent.length ? $( this[ 0 ].ownerDocument || document ) : scrollParent; + }, + + uniqueId: (function() { + var uuid = 0; + + return function() { + return this.each(function() { + if ( !this.id ) { + this.id = "ui-id-" + ( ++uuid ); + } + }); + }; + })(), + + removeUniqueId: function() { + return this.each(function() { + if ( /^ui-id-\d+$/.test( this.id ) ) { + $( this ).removeAttr( "id" ); + } + }); + } +}); + +// selectors +function focusable( element, isTabIndexNotNaN ) { + var map, mapName, img, + nodeName = element.nodeName.toLowerCase(); + if ( "area" === nodeName ) { + map = element.parentNode; + mapName = map.name; + if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) { + return false; + } + img = $( "img[usemap='#" + mapName + "']" )[ 0 ]; + return !!img && visible( img ); + } + return ( /^(input|select|textarea|button|object)$/.test( nodeName ) ? + !element.disabled : + "a" === nodeName ? + element.href || isTabIndexNotNaN : + isTabIndexNotNaN) && + // the element and all of its ancestors must be visible + visible( element ); +} + +function visible( element ) { + return $.expr.filters.visible( element ) && + !$( element ).parents().addBack().filter(function() { + return $.css( this, "visibility" ) === "hidden"; + }).length; +} + +$.extend( $.expr[ ":" ], { + data: $.expr.createPseudo ? + $.expr.createPseudo(function( dataName ) { + return function( elem ) { + return !!$.data( elem, dataName ); + }; + }) : + // support: jQuery <1.8 + function( elem, i, match ) { + return !!$.data( elem, match[ 3 ] ); + }, + + focusable: function( element ) { + return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) ); + }, + + tabbable: function( element ) { + var tabIndex = $.attr( element, "tabindex" ), + isTabIndexNaN = isNaN( tabIndex ); + return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN ); + } +}); + +// support: jQuery <1.8 +if ( !$( "" ).outerWidth( 1 ).jquery ) { + $.each( [ "Width", "Height" ], function( i, name ) { + var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ], + type = name.toLowerCase(), + orig = { + innerWidth: $.fn.innerWidth, + innerHeight: $.fn.innerHeight, + outerWidth: $.fn.outerWidth, + outerHeight: $.fn.outerHeight + }; + + function reduce( elem, size, border, margin ) { + $.each( side, function() { + size -= parseFloat( $.css( elem, "padding" + this ) ) || 0; + if ( border ) { + size -= parseFloat( $.css( elem, "border" + this + "Width" ) ) || 0; + } + if ( margin ) { + size -= parseFloat( $.css( elem, "margin" + this ) ) || 0; + } + }); + return size; + } + + $.fn[ "inner" + name ] = function( size ) { + if ( size === undefined ) { + return orig[ "inner" + name ].call( this ); + } + + return this.each(function() { + $( this ).css( type, reduce( this, size ) + "px" ); + }); + }; + + $.fn[ "outer" + name] = function( size, margin ) { + if ( typeof size !== "number" ) { + return orig[ "outer" + name ].call( this, size ); + } + + return this.each(function() { + $( this).css( type, reduce( this, size, true, margin ) + "px" ); + }); + }; + }); +} + +// support: jQuery <1.8 +if ( !$.fn.addBack ) { + $.fn.addBack = function( selector ) { + return this.add( selector == null ? + this.prevObject : this.prevObject.filter( selector ) + ); + }; +} + +// support: jQuery 1.6.1, 1.6.2 (http://bugs.jquery.com/ticket/9413) +if ( $( "" ).data( "a-b", "a" ).removeData( "a-b" ).data( "a-b" ) ) { + $.fn.removeData = (function( removeData ) { + return function( key ) { + if ( arguments.length ) { + return removeData.call( this, $.camelCase( key ) ); + } else { + return removeData.call( this ); + } + }; + })( $.fn.removeData ); +} + +// deprecated +$.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() ); + +$.fn.extend({ + focus: (function( orig ) { + return function( delay, fn ) { + return typeof delay === "number" ? + this.each(function() { + var elem = this; + setTimeout(function() { + $( elem ).focus(); + if ( fn ) { + fn.call( elem ); + } + }, delay ); + }) : + orig.apply( this, arguments ); + }; + })( $.fn.focus ), + + disableSelection: (function() { + var eventType = "onselectstart" in document.createElement( "div" ) ? + "selectstart" : + "mousedown"; + + return function() { + return this.bind( eventType + ".ui-disableSelection", function( event ) { + event.preventDefault(); + }); + }; + })(), + + enableSelection: function() { + return this.unbind( ".ui-disableSelection" ); + }, + + zIndex: function( zIndex ) { + if ( zIndex !== undefined ) { + return this.css( "zIndex", zIndex ); + } + + if ( this.length ) { + var elem = $( this[ 0 ] ), position, value; + while ( elem.length && elem[ 0 ] !== document ) { + // Ignore z-index if position is set to a value where z-index is ignored by the browser + // This makes behavior of this function consistent across browsers + // WebKit always returns auto if the element is positioned + position = elem.css( "position" ); + if ( position === "absolute" || position === "relative" || position === "fixed" ) { + // IE returns 0 when zIndex is not specified + // other browsers return a string + // we ignore the case of nested elements with an explicit value of 0 + //
    + value = parseInt( elem.css( "zIndex" ), 10 ); + if ( !isNaN( value ) && value !== 0 ) { + return value; + } + } + elem = elem.parent(); + } + } + + return 0; + } +}); + +// $.ui.plugin is deprecated. Use $.widget() extensions instead. +$.ui.plugin = { + add: function( module, option, set ) { + var i, + proto = $.ui[ module ].prototype; + for ( i in set ) { + proto.plugins[ i ] = proto.plugins[ i ] || []; + proto.plugins[ i ].push( [ option, set[ i ] ] ); + } + }, + call: function( instance, name, args, allowDisconnected ) { + var i, + set = instance.plugins[ name ]; + + if ( !set ) { + return; + } + + if ( !allowDisconnected && ( !instance.element[ 0 ].parentNode || instance.element[ 0 ].parentNode.nodeType === 11 ) ) { + return; + } + + for ( i = 0; i < set.length; i++ ) { + if ( instance.options[ set[ i ][ 0 ] ] ) { + set[ i ][ 1 ].apply( instance.element, args ); + } + } + } +}; + + +/*! + * jQuery UI Widget 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/jQuery.widget/ + */ + + +var widget_uuid = 0, + widget_slice = Array.prototype.slice; + +$.cleanData = (function( orig ) { + return function( elems ) { + var events, elem, i; + for ( i = 0; (elem = elems[i]) != null; i++ ) { + try { + + // Only trigger remove when necessary to save time + events = $._data( elem, "events" ); + if ( events && events.remove ) { + $( elem ).triggerHandler( "remove" ); + } + + // http://bugs.jquery.com/ticket/8235 + } catch ( e ) {} + } + orig( elems ); + }; +})( $.cleanData ); + +$.widget = function( name, base, prototype ) { + var fullName, existingConstructor, constructor, basePrototype, + // proxiedPrototype allows the provided prototype to remain unmodified + // so that it can be used as a mixin for multiple widgets (#8876) + proxiedPrototype = {}, + namespace = name.split( "." )[ 0 ]; + + name = name.split( "." )[ 1 ]; + fullName = namespace + "-" + name; + + if ( !prototype ) { + prototype = base; + base = $.Widget; + } + + // create selector for plugin + $.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) { + return !!$.data( elem, fullName ); + }; + + $[ namespace ] = $[ namespace ] || {}; + existingConstructor = $[ namespace ][ name ]; + constructor = $[ namespace ][ name ] = function( options, element ) { + // allow instantiation without "new" keyword + if ( !this._createWidget ) { + return new constructor( options, element ); + } + + // allow instantiation without initializing for simple inheritance + // must use "new" keyword (the code above always passes args) + if ( arguments.length ) { + this._createWidget( options, element ); + } + }; + // extend with the existing constructor to carry over any static properties + $.extend( constructor, existingConstructor, { + version: prototype.version, + // copy the object used to create the prototype in case we need to + // redefine the widget later + _proto: $.extend( {}, prototype ), + // track widgets that inherit from this widget in case this widget is + // redefined after a widget inherits from it + _childConstructors: [] + }); + + basePrototype = new base(); + // we need to make the options hash a property directly on the new instance + // otherwise we'll modify the options hash on the prototype that we're + // inheriting from + basePrototype.options = $.widget.extend( {}, basePrototype.options ); + $.each( prototype, function( prop, value ) { + if ( !$.isFunction( value ) ) { + proxiedPrototype[ prop ] = value; + return; + } + proxiedPrototype[ prop ] = (function() { + var _super = function() { + return base.prototype[ prop ].apply( this, arguments ); + }, + _superApply = function( args ) { + return base.prototype[ prop ].apply( this, args ); + }; + return function() { + var __super = this._super, + __superApply = this._superApply, + returnValue; + + this._super = _super; + this._superApply = _superApply; + + returnValue = value.apply( this, arguments ); + + this._super = __super; + this._superApply = __superApply; + + return returnValue; + }; + })(); + }); + constructor.prototype = $.widget.extend( basePrototype, { + // TODO: remove support for widgetEventPrefix + // always use the name + a colon as the prefix, e.g., draggable:start + // don't prefix for widgets that aren't DOM-based + widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name + }, proxiedPrototype, { + constructor: constructor, + namespace: namespace, + widgetName: name, + widgetFullName: fullName + }); + + // If this widget is being redefined then we need to find all widgets that + // are inheriting from it and redefine all of them so that they inherit from + // the new version of this widget. We're essentially trying to replace one + // level in the prototype chain. + if ( existingConstructor ) { + $.each( existingConstructor._childConstructors, function( i, child ) { + var childPrototype = child.prototype; + + // redefine the child widget using the same prototype that was + // originally used, but inherit from the new version of the base + $.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto ); + }); + // remove the list of existing child constructors from the old constructor + // so the old child constructors can be garbage collected + delete existingConstructor._childConstructors; + } else { + base._childConstructors.push( constructor ); + } + + $.widget.bridge( name, constructor ); + + return constructor; +}; + +$.widget.extend = function( target ) { + var input = widget_slice.call( arguments, 1 ), + inputIndex = 0, + inputLength = input.length, + key, + value; + for ( ; inputIndex < inputLength; inputIndex++ ) { + for ( key in input[ inputIndex ] ) { + value = input[ inputIndex ][ key ]; + if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) { + // Clone objects + if ( $.isPlainObject( value ) ) { + target[ key ] = $.isPlainObject( target[ key ] ) ? + $.widget.extend( {}, target[ key ], value ) : + // Don't extend strings, arrays, etc. with objects + $.widget.extend( {}, value ); + // Copy everything else by reference + } else { + target[ key ] = value; + } + } + } + } + return target; +}; + +$.widget.bridge = function( name, object ) { + var fullName = object.prototype.widgetFullName || name; + $.fn[ name ] = function( options ) { + var isMethodCall = typeof options === "string", + args = widget_slice.call( arguments, 1 ), + returnValue = this; + + if ( isMethodCall ) { + this.each(function() { + var methodValue, + instance = $.data( this, fullName ); + if ( options === "instance" ) { + returnValue = instance; + return false; + } + if ( !instance ) { + return $.error( "cannot call methods on " + name + " prior to initialization; " + + "attempted to call method '" + options + "'" ); + } + if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) { + return $.error( "no such method '" + options + "' for " + name + " widget instance" ); + } + methodValue = instance[ options ].apply( instance, args ); + if ( methodValue !== instance && methodValue !== undefined ) { + returnValue = methodValue && methodValue.jquery ? + returnValue.pushStack( methodValue.get() ) : + methodValue; + return false; + } + }); + } else { + + // Allow multiple hashes to be passed on init + if ( args.length ) { + options = $.widget.extend.apply( null, [ options ].concat(args) ); + } + + this.each(function() { + var instance = $.data( this, fullName ); + if ( instance ) { + instance.option( options || {} ); + if ( instance._init ) { + instance._init(); + } + } else { + $.data( this, fullName, new object( options, this ) ); + } + }); + } + + return returnValue; + }; +}; + +$.Widget = function( /* options, element */ ) {}; +$.Widget._childConstructors = []; + +$.Widget.prototype = { + widgetName: "widget", + widgetEventPrefix: "", + defaultElement: "
    ", + options: { + disabled: false, + + // callbacks + create: null + }, + _createWidget: function( options, element ) { + element = $( element || this.defaultElement || this )[ 0 ]; + this.element = $( element ); + this.uuid = widget_uuid++; + this.eventNamespace = "." + this.widgetName + this.uuid; + + this.bindings = $(); + this.hoverable = $(); + this.focusable = $(); + + if ( element !== this ) { + $.data( element, this.widgetFullName, this ); + this._on( true, this.element, { + remove: function( event ) { + if ( event.target === element ) { + this.destroy(); + } + } + }); + this.document = $( element.style ? + // element within the document + element.ownerDocument : + // element is window or document + element.document || element ); + this.window = $( this.document[0].defaultView || this.document[0].parentWindow ); + } + + this.options = $.widget.extend( {}, + this.options, + this._getCreateOptions(), + options ); + + this._create(); + this._trigger( "create", null, this._getCreateEventData() ); + this._init(); + }, + _getCreateOptions: $.noop, + _getCreateEventData: $.noop, + _create: $.noop, + _init: $.noop, + + destroy: function() { + this._destroy(); + // we can probably remove the unbind calls in 2.0 + // all event bindings should go through this._on() + this.element + .unbind( this.eventNamespace ) + .removeData( this.widgetFullName ) + // support: jquery <1.6.3 + // http://bugs.jquery.com/ticket/9413 + .removeData( $.camelCase( this.widgetFullName ) ); + this.widget() + .unbind( this.eventNamespace ) + .removeAttr( "aria-disabled" ) + .removeClass( + this.widgetFullName + "-disabled " + + "ui-state-disabled" ); + + // clean up events and states + this.bindings.unbind( this.eventNamespace ); + this.hoverable.removeClass( "ui-state-hover" ); + this.focusable.removeClass( "ui-state-focus" ); + }, + _destroy: $.noop, + + widget: function() { + return this.element; + }, + + option: function( key, value ) { + var options = key, + parts, + curOption, + i; + + if ( arguments.length === 0 ) { + // don't return a reference to the internal hash + return $.widget.extend( {}, this.options ); + } + + if ( typeof key === "string" ) { + // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } } + options = {}; + parts = key.split( "." ); + key = parts.shift(); + if ( parts.length ) { + curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] ); + for ( i = 0; i < parts.length - 1; i++ ) { + curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {}; + curOption = curOption[ parts[ i ] ]; + } + key = parts.pop(); + if ( arguments.length === 1 ) { + return curOption[ key ] === undefined ? null : curOption[ key ]; + } + curOption[ key ] = value; + } else { + if ( arguments.length === 1 ) { + return this.options[ key ] === undefined ? null : this.options[ key ]; + } + options[ key ] = value; + } + } + + this._setOptions( options ); + + return this; + }, + _setOptions: function( options ) { + var key; + + for ( key in options ) { + this._setOption( key, options[ key ] ); + } + + return this; + }, + _setOption: function( key, value ) { + this.options[ key ] = value; + + if ( key === "disabled" ) { + this.widget() + .toggleClass( this.widgetFullName + "-disabled", !!value ); + + // If the widget is becoming disabled, then nothing is interactive + if ( value ) { + this.hoverable.removeClass( "ui-state-hover" ); + this.focusable.removeClass( "ui-state-focus" ); + } + } + + return this; + }, + + enable: function() { + return this._setOptions({ disabled: false }); + }, + disable: function() { + return this._setOptions({ disabled: true }); + }, + + _on: function( suppressDisabledCheck, element, handlers ) { + var delegateElement, + instance = this; + + // no suppressDisabledCheck flag, shuffle arguments + if ( typeof suppressDisabledCheck !== "boolean" ) { + handlers = element; + element = suppressDisabledCheck; + suppressDisabledCheck = false; + } + + // no element argument, shuffle and use this.element + if ( !handlers ) { + handlers = element; + element = this.element; + delegateElement = this.widget(); + } else { + element = delegateElement = $( element ); + this.bindings = this.bindings.add( element ); + } + + $.each( handlers, function( event, handler ) { + function handlerProxy() { + // allow widgets to customize the disabled handling + // - disabled as an array instead of boolean + // - disabled class as method for disabling individual parts + if ( !suppressDisabledCheck && + ( instance.options.disabled === true || + $( this ).hasClass( "ui-state-disabled" ) ) ) { + return; + } + return ( typeof handler === "string" ? instance[ handler ] : handler ) + .apply( instance, arguments ); + } + + // copy the guid so direct unbinding works + if ( typeof handler !== "string" ) { + handlerProxy.guid = handler.guid = + handler.guid || handlerProxy.guid || $.guid++; + } + + var match = event.match( /^([\w:-]*)\s*(.*)$/ ), + eventName = match[1] + instance.eventNamespace, + selector = match[2]; + if ( selector ) { + delegateElement.delegate( selector, eventName, handlerProxy ); + } else { + element.bind( eventName, handlerProxy ); + } + }); + }, + + _off: function( element, eventName ) { + eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + + this.eventNamespace; + element.unbind( eventName ).undelegate( eventName ); + + // Clear the stack to avoid memory leaks (#10056) + this.bindings = $( this.bindings.not( element ).get() ); + this.focusable = $( this.focusable.not( element ).get() ); + this.hoverable = $( this.hoverable.not( element ).get() ); + }, + + _delay: function( handler, delay ) { + function handlerProxy() { + return ( typeof handler === "string" ? instance[ handler ] : handler ) + .apply( instance, arguments ); + } + var instance = this; + return setTimeout( handlerProxy, delay || 0 ); + }, + + _hoverable: function( element ) { + this.hoverable = this.hoverable.add( element ); + this._on( element, { + mouseenter: function( event ) { + $( event.currentTarget ).addClass( "ui-state-hover" ); + }, + mouseleave: function( event ) { + $( event.currentTarget ).removeClass( "ui-state-hover" ); + } + }); + }, + + _focusable: function( element ) { + this.focusable = this.focusable.add( element ); + this._on( element, { + focusin: function( event ) { + $( event.currentTarget ).addClass( "ui-state-focus" ); + }, + focusout: function( event ) { + $( event.currentTarget ).removeClass( "ui-state-focus" ); + } + }); + }, + + _trigger: function( type, event, data ) { + var prop, orig, + callback = this.options[ type ]; + + data = data || {}; + event = $.Event( event ); + event.type = ( type === this.widgetEventPrefix ? + type : + this.widgetEventPrefix + type ).toLowerCase(); + // the original event may come from any element + // so we need to reset the target on the new event + event.target = this.element[ 0 ]; + + // copy original event properties over to the new event + orig = event.originalEvent; + if ( orig ) { + for ( prop in orig ) { + if ( !( prop in event ) ) { + event[ prop ] = orig[ prop ]; + } + } + } + + this.element.trigger( event, data ); + return !( $.isFunction( callback ) && + callback.apply( this.element[0], [ event ].concat( data ) ) === false || + event.isDefaultPrevented() ); + } +}; + +$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) { + $.Widget.prototype[ "_" + method ] = function( element, options, callback ) { + if ( typeof options === "string" ) { + options = { effect: options }; + } + var hasOptions, + effectName = !options ? + method : + options === true || typeof options === "number" ? + defaultEffect : + options.effect || defaultEffect; + options = options || {}; + if ( typeof options === "number" ) { + options = { duration: options }; + } + hasOptions = !$.isEmptyObject( options ); + options.complete = callback; + if ( options.delay ) { + element.delay( options.delay ); + } + if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) { + element[ method ]( options ); + } else if ( effectName !== method && element[ effectName ] ) { + element[ effectName ]( options.duration, options.easing, callback ); + } else { + element.queue(function( next ) { + $( this )[ method ](); + if ( callback ) { + callback.call( element[ 0 ] ); + } + next(); + }); + } + }; +}); + +var widget = $.widget; + + +/*! + * jQuery UI Mouse 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/mouse/ + */ + + +var mouseHandled = false; +$( document ).mouseup( function() { + mouseHandled = false; +}); + +var mouse = $.widget("ui.mouse", { + version: "1.11.4", + options: { + cancel: "input,textarea,button,select,option", + distance: 1, + delay: 0 + }, + _mouseInit: function() { + var that = this; + + this.element + .bind("mousedown." + this.widgetName, function(event) { + return that._mouseDown(event); + }) + .bind("click." + this.widgetName, function(event) { + if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) { + $.removeData(event.target, that.widgetName + ".preventClickEvent"); + event.stopImmediatePropagation(); + return false; + } + }); + + this.started = false; + }, + + // TODO: make sure destroying one instance of mouse doesn't mess with + // other instances of mouse + _mouseDestroy: function() { + this.element.unbind("." + this.widgetName); + if ( this._mouseMoveDelegate ) { + this.document + .unbind("mousemove." + this.widgetName, this._mouseMoveDelegate) + .unbind("mouseup." + this.widgetName, this._mouseUpDelegate); + } + }, + + _mouseDown: function(event) { + // don't let more than one widget handle mouseStart + if ( mouseHandled ) { + return; + } + + this._mouseMoved = false; + + // we may have missed mouseup (out of window) + (this._mouseStarted && this._mouseUp(event)); + + this._mouseDownEvent = event; + + var that = this, + btnIsLeft = (event.which === 1), + // event.target.nodeName works around a bug in IE 8 with + // disabled inputs (#7620) + elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName ? $(event.target).closest(this.options.cancel).length : false); + if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) { + return true; + } + + this.mouseDelayMet = !this.options.delay; + if (!this.mouseDelayMet) { + this._mouseDelayTimer = setTimeout(function() { + that.mouseDelayMet = true; + }, this.options.delay); + } + + if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) { + this._mouseStarted = (this._mouseStart(event) !== false); + if (!this._mouseStarted) { + event.preventDefault(); + return true; + } + } + + // Click event may never have fired (Gecko & Opera) + if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) { + $.removeData(event.target, this.widgetName + ".preventClickEvent"); + } + + // these delegates are required to keep context + this._mouseMoveDelegate = function(event) { + return that._mouseMove(event); + }; + this._mouseUpDelegate = function(event) { + return that._mouseUp(event); + }; + + this.document + .bind( "mousemove." + this.widgetName, this._mouseMoveDelegate ) + .bind( "mouseup." + this.widgetName, this._mouseUpDelegate ); + + event.preventDefault(); + + mouseHandled = true; + return true; + }, + + _mouseMove: function(event) { + // Only check for mouseups outside the document if you've moved inside the document + // at least once. This prevents the firing of mouseup in the case of IE<9, which will + // fire a mousemove event if content is placed under the cursor. See #7778 + // Support: IE <9 + if ( this._mouseMoved ) { + // IE mouseup check - mouseup happened when mouse was out of window + if ($.ui.ie && ( !document.documentMode || document.documentMode < 9 ) && !event.button) { + return this._mouseUp(event); + + // Iframe mouseup check - mouseup occurred in another document + } else if ( !event.which ) { + return this._mouseUp( event ); + } + } + + if ( event.which || event.button ) { + this._mouseMoved = true; + } + + if (this._mouseStarted) { + this._mouseDrag(event); + return event.preventDefault(); + } + + if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) { + this._mouseStarted = + (this._mouseStart(this._mouseDownEvent, event) !== false); + (this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event)); + } + + return !this._mouseStarted; + }, + + _mouseUp: function(event) { + this.document + .unbind( "mousemove." + this.widgetName, this._mouseMoveDelegate ) + .unbind( "mouseup." + this.widgetName, this._mouseUpDelegate ); + + if (this._mouseStarted) { + this._mouseStarted = false; + + if (event.target === this._mouseDownEvent.target) { + $.data(event.target, this.widgetName + ".preventClickEvent", true); + } + + this._mouseStop(event); + } + + mouseHandled = false; + return false; + }, + + _mouseDistanceMet: function(event) { + return (Math.max( + Math.abs(this._mouseDownEvent.pageX - event.pageX), + Math.abs(this._mouseDownEvent.pageY - event.pageY) + ) >= this.options.distance + ); + }, + + _mouseDelayMet: function(/* event */) { + return this.mouseDelayMet; + }, + + // These are placeholder methods, to be overriden by extending plugin + _mouseStart: function(/* event */) {}, + _mouseDrag: function(/* event */) {}, + _mouseStop: function(/* event */) {}, + _mouseCapture: function(/* event */) { return true; } +}); + + +/*! + * jQuery UI Position 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/position/ + */ + +(function() { + +$.ui = $.ui || {}; + +var cachedScrollbarWidth, supportsOffsetFractions, + max = Math.max, + abs = Math.abs, + round = Math.round, + rhorizontal = /left|center|right/, + rvertical = /top|center|bottom/, + roffset = /[\+\-]\d+(\.[\d]+)?%?/, + rposition = /^\w+/, + rpercent = /%$/, + _position = $.fn.position; + +function getOffsets( offsets, width, height ) { + return [ + parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ), + parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 ) + ]; +} + +function parseCss( element, property ) { + return parseInt( $.css( element, property ), 10 ) || 0; +} + +function getDimensions( elem ) { + var raw = elem[0]; + if ( raw.nodeType === 9 ) { + return { + width: elem.width(), + height: elem.height(), + offset: { top: 0, left: 0 } + }; + } + if ( $.isWindow( raw ) ) { + return { + width: elem.width(), + height: elem.height(), + offset: { top: elem.scrollTop(), left: elem.scrollLeft() } + }; + } + if ( raw.preventDefault ) { + return { + width: 0, + height: 0, + offset: { top: raw.pageY, left: raw.pageX } + }; + } + return { + width: elem.outerWidth(), + height: elem.outerHeight(), + offset: elem.offset() + }; +} + +$.position = { + scrollbarWidth: function() { + if ( cachedScrollbarWidth !== undefined ) { + return cachedScrollbarWidth; + } + var w1, w2, + div = $( "
    " ), + innerDiv = div.children()[0]; + + $( "body" ).append( div ); + w1 = innerDiv.offsetWidth; + div.css( "overflow", "scroll" ); + + w2 = innerDiv.offsetWidth; + + if ( w1 === w2 ) { + w2 = div[0].clientWidth; + } + + div.remove(); + + return (cachedScrollbarWidth = w1 - w2); + }, + getScrollInfo: function( within ) { + var overflowX = within.isWindow || within.isDocument ? "" : + within.element.css( "overflow-x" ), + overflowY = within.isWindow || within.isDocument ? "" : + within.element.css( "overflow-y" ), + hasOverflowX = overflowX === "scroll" || + ( overflowX === "auto" && within.width < within.element[0].scrollWidth ), + hasOverflowY = overflowY === "scroll" || + ( overflowY === "auto" && within.height < within.element[0].scrollHeight ); + return { + width: hasOverflowY ? $.position.scrollbarWidth() : 0, + height: hasOverflowX ? $.position.scrollbarWidth() : 0 + }; + }, + getWithinInfo: function( element ) { + var withinElement = $( element || window ), + isWindow = $.isWindow( withinElement[0] ), + isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9; + return { + element: withinElement, + isWindow: isWindow, + isDocument: isDocument, + offset: withinElement.offset() || { left: 0, top: 0 }, + scrollLeft: withinElement.scrollLeft(), + scrollTop: withinElement.scrollTop(), + + // support: jQuery 1.6.x + // jQuery 1.6 doesn't support .outerWidth/Height() on documents or windows + width: isWindow || isDocument ? withinElement.width() : withinElement.outerWidth(), + height: isWindow || isDocument ? withinElement.height() : withinElement.outerHeight() + }; + } +}; + +$.fn.position = function( options ) { + if ( !options || !options.of ) { + return _position.apply( this, arguments ); + } + + // make a copy, we don't want to modify arguments + options = $.extend( {}, options ); + + var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions, + target = $( options.of ), + within = $.position.getWithinInfo( options.within ), + scrollInfo = $.position.getScrollInfo( within ), + collision = ( options.collision || "flip" ).split( " " ), + offsets = {}; + + dimensions = getDimensions( target ); + if ( target[0].preventDefault ) { + // force left top to allow flipping + options.at = "left top"; + } + targetWidth = dimensions.width; + targetHeight = dimensions.height; + targetOffset = dimensions.offset; + // clone to reuse original targetOffset later + basePosition = $.extend( {}, targetOffset ); + + // force my and at to have valid horizontal and vertical positions + // if a value is missing or invalid, it will be converted to center + $.each( [ "my", "at" ], function() { + var pos = ( options[ this ] || "" ).split( " " ), + horizontalOffset, + verticalOffset; + + if ( pos.length === 1) { + pos = rhorizontal.test( pos[ 0 ] ) ? + pos.concat( [ "center" ] ) : + rvertical.test( pos[ 0 ] ) ? + [ "center" ].concat( pos ) : + [ "center", "center" ]; + } + pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center"; + pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center"; + + // calculate offsets + horizontalOffset = roffset.exec( pos[ 0 ] ); + verticalOffset = roffset.exec( pos[ 1 ] ); + offsets[ this ] = [ + horizontalOffset ? horizontalOffset[ 0 ] : 0, + verticalOffset ? verticalOffset[ 0 ] : 0 + ]; + + // reduce to just the positions without the offsets + options[ this ] = [ + rposition.exec( pos[ 0 ] )[ 0 ], + rposition.exec( pos[ 1 ] )[ 0 ] + ]; + }); + + // normalize collision option + if ( collision.length === 1 ) { + collision[ 1 ] = collision[ 0 ]; + } + + if ( options.at[ 0 ] === "right" ) { + basePosition.left += targetWidth; + } else if ( options.at[ 0 ] === "center" ) { + basePosition.left += targetWidth / 2; + } + + if ( options.at[ 1 ] === "bottom" ) { + basePosition.top += targetHeight; + } else if ( options.at[ 1 ] === "center" ) { + basePosition.top += targetHeight / 2; + } + + atOffset = getOffsets( offsets.at, targetWidth, targetHeight ); + basePosition.left += atOffset[ 0 ]; + basePosition.top += atOffset[ 1 ]; + + return this.each(function() { + var collisionPosition, using, + elem = $( this ), + elemWidth = elem.outerWidth(), + elemHeight = elem.outerHeight(), + marginLeft = parseCss( this, "marginLeft" ), + marginTop = parseCss( this, "marginTop" ), + collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) + scrollInfo.width, + collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) + scrollInfo.height, + position = $.extend( {}, basePosition ), + myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() ); + + if ( options.my[ 0 ] === "right" ) { + position.left -= elemWidth; + } else if ( options.my[ 0 ] === "center" ) { + position.left -= elemWidth / 2; + } + + if ( options.my[ 1 ] === "bottom" ) { + position.top -= elemHeight; + } else if ( options.my[ 1 ] === "center" ) { + position.top -= elemHeight / 2; + } + + position.left += myOffset[ 0 ]; + position.top += myOffset[ 1 ]; + + // if the browser doesn't support fractions, then round for consistent results + if ( !supportsOffsetFractions ) { + position.left = round( position.left ); + position.top = round( position.top ); + } + + collisionPosition = { + marginLeft: marginLeft, + marginTop: marginTop + }; + + $.each( [ "left", "top" ], function( i, dir ) { + if ( $.ui.position[ collision[ i ] ] ) { + $.ui.position[ collision[ i ] ][ dir ]( position, { + targetWidth: targetWidth, + targetHeight: targetHeight, + elemWidth: elemWidth, + elemHeight: elemHeight, + collisionPosition: collisionPosition, + collisionWidth: collisionWidth, + collisionHeight: collisionHeight, + offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ], + my: options.my, + at: options.at, + within: within, + elem: elem + }); + } + }); + + if ( options.using ) { + // adds feedback as second argument to using callback, if present + using = function( props ) { + var left = targetOffset.left - position.left, + right = left + targetWidth - elemWidth, + top = targetOffset.top - position.top, + bottom = top + targetHeight - elemHeight, + feedback = { + target: { + element: target, + left: targetOffset.left, + top: targetOffset.top, + width: targetWidth, + height: targetHeight + }, + element: { + element: elem, + left: position.left, + top: position.top, + width: elemWidth, + height: elemHeight + }, + horizontal: right < 0 ? "left" : left > 0 ? "right" : "center", + vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle" + }; + if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) { + feedback.horizontal = "center"; + } + if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) { + feedback.vertical = "middle"; + } + if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) { + feedback.important = "horizontal"; + } else { + feedback.important = "vertical"; + } + options.using.call( this, props, feedback ); + }; + } + + elem.offset( $.extend( position, { using: using } ) ); + }); +}; + +$.ui.position = { + fit: { + left: function( position, data ) { + var within = data.within, + withinOffset = within.isWindow ? within.scrollLeft : within.offset.left, + outerWidth = within.width, + collisionPosLeft = position.left - data.collisionPosition.marginLeft, + overLeft = withinOffset - collisionPosLeft, + overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset, + newOverRight; + + // element is wider than within + if ( data.collisionWidth > outerWidth ) { + // element is initially over the left side of within + if ( overLeft > 0 && overRight <= 0 ) { + newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset; + position.left += overLeft - newOverRight; + // element is initially over right side of within + } else if ( overRight > 0 && overLeft <= 0 ) { + position.left = withinOffset; + // element is initially over both left and right sides of within + } else { + if ( overLeft > overRight ) { + position.left = withinOffset + outerWidth - data.collisionWidth; + } else { + position.left = withinOffset; + } + } + // too far left -> align with left edge + } else if ( overLeft > 0 ) { + position.left += overLeft; + // too far right -> align with right edge + } else if ( overRight > 0 ) { + position.left -= overRight; + // adjust based on position and margin + } else { + position.left = max( position.left - collisionPosLeft, position.left ); + } + }, + top: function( position, data ) { + var within = data.within, + withinOffset = within.isWindow ? within.scrollTop : within.offset.top, + outerHeight = data.within.height, + collisionPosTop = position.top - data.collisionPosition.marginTop, + overTop = withinOffset - collisionPosTop, + overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset, + newOverBottom; + + // element is taller than within + if ( data.collisionHeight > outerHeight ) { + // element is initially over the top of within + if ( overTop > 0 && overBottom <= 0 ) { + newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset; + position.top += overTop - newOverBottom; + // element is initially over bottom of within + } else if ( overBottom > 0 && overTop <= 0 ) { + position.top = withinOffset; + // element is initially over both top and bottom of within + } else { + if ( overTop > overBottom ) { + position.top = withinOffset + outerHeight - data.collisionHeight; + } else { + position.top = withinOffset; + } + } + // too far up -> align with top + } else if ( overTop > 0 ) { + position.top += overTop; + // too far down -> align with bottom edge + } else if ( overBottom > 0 ) { + position.top -= overBottom; + // adjust based on position and margin + } else { + position.top = max( position.top - collisionPosTop, position.top ); + } + } + }, + flip: { + left: function( position, data ) { + var within = data.within, + withinOffset = within.offset.left + within.scrollLeft, + outerWidth = within.width, + offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left, + collisionPosLeft = position.left - data.collisionPosition.marginLeft, + overLeft = collisionPosLeft - offsetLeft, + overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft, + myOffset = data.my[ 0 ] === "left" ? + -data.elemWidth : + data.my[ 0 ] === "right" ? + data.elemWidth : + 0, + atOffset = data.at[ 0 ] === "left" ? + data.targetWidth : + data.at[ 0 ] === "right" ? + -data.targetWidth : + 0, + offset = -2 * data.offset[ 0 ], + newOverRight, + newOverLeft; + + if ( overLeft < 0 ) { + newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset; + if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) { + position.left += myOffset + atOffset + offset; + } + } else if ( overRight > 0 ) { + newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft; + if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) { + position.left += myOffset + atOffset + offset; + } + } + }, + top: function( position, data ) { + var within = data.within, + withinOffset = within.offset.top + within.scrollTop, + outerHeight = within.height, + offsetTop = within.isWindow ? within.scrollTop : within.offset.top, + collisionPosTop = position.top - data.collisionPosition.marginTop, + overTop = collisionPosTop - offsetTop, + overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop, + top = data.my[ 1 ] === "top", + myOffset = top ? + -data.elemHeight : + data.my[ 1 ] === "bottom" ? + data.elemHeight : + 0, + atOffset = data.at[ 1 ] === "top" ? + data.targetHeight : + data.at[ 1 ] === "bottom" ? + -data.targetHeight : + 0, + offset = -2 * data.offset[ 1 ], + newOverTop, + newOverBottom; + if ( overTop < 0 ) { + newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset; + if ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) { + position.top += myOffset + atOffset + offset; + } + } else if ( overBottom > 0 ) { + newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop; + if ( newOverTop > 0 || abs( newOverTop ) < overBottom ) { + position.top += myOffset + atOffset + offset; + } + } + } + }, + flipfit: { + left: function() { + $.ui.position.flip.left.apply( this, arguments ); + $.ui.position.fit.left.apply( this, arguments ); + }, + top: function() { + $.ui.position.flip.top.apply( this, arguments ); + $.ui.position.fit.top.apply( this, arguments ); + } + } +}; + +// fraction support test +(function() { + var testElement, testElementParent, testElementStyle, offsetLeft, i, + body = document.getElementsByTagName( "body" )[ 0 ], + div = document.createElement( "div" ); + + //Create a "fake body" for testing based on method used in jQuery.support + testElement = document.createElement( body ? "div" : "body" ); + testElementStyle = { + visibility: "hidden", + width: 0, + height: 0, + border: 0, + margin: 0, + background: "none" + }; + if ( body ) { + $.extend( testElementStyle, { + position: "absolute", + left: "-1000px", + top: "-1000px" + }); + } + for ( i in testElementStyle ) { + testElement.style[ i ] = testElementStyle[ i ]; + } + testElement.appendChild( div ); + testElementParent = body || document.documentElement; + testElementParent.insertBefore( testElement, testElementParent.firstChild ); + + div.style.cssText = "position: absolute; left: 10.7432222px;"; + + offsetLeft = $( div ).offset().left; + supportsOffsetFractions = offsetLeft > 10 && offsetLeft < 11; + + testElement.innerHTML = ""; + testElementParent.removeChild( testElement ); +})(); + +})(); + +var position = $.ui.position; + + +/*! + * jQuery UI Accordion 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/accordion/ + */ + + +var accordion = $.widget( "ui.accordion", { + version: "1.11.4", + options: { + active: 0, + animate: {}, + collapsible: false, + event: "click", + header: "> li > :first-child,> :not(li):even", + heightStyle: "auto", + icons: { + activeHeader: "ui-icon-triangle-1-s", + header: "ui-icon-triangle-1-e" + }, + + // callbacks + activate: null, + beforeActivate: null + }, + + hideProps: { + borderTopWidth: "hide", + borderBottomWidth: "hide", + paddingTop: "hide", + paddingBottom: "hide", + height: "hide" + }, + + showProps: { + borderTopWidth: "show", + borderBottomWidth: "show", + paddingTop: "show", + paddingBottom: "show", + height: "show" + }, + + _create: function() { + var options = this.options; + this.prevShow = this.prevHide = $(); + this.element.addClass( "ui-accordion ui-widget ui-helper-reset" ) + // ARIA + .attr( "role", "tablist" ); + + // don't allow collapsible: false and active: false / null + if ( !options.collapsible && (options.active === false || options.active == null) ) { + options.active = 0; + } + + this._processPanels(); + // handle negative values + if ( options.active < 0 ) { + options.active += this.headers.length; + } + this._refresh(); + }, + + _getCreateEventData: function() { + return { + header: this.active, + panel: !this.active.length ? $() : this.active.next() + }; + }, + + _createIcons: function() { + var icons = this.options.icons; + if ( icons ) { + $( "" ) + .addClass( "ui-accordion-header-icon ui-icon " + icons.header ) + .prependTo( this.headers ); + this.active.children( ".ui-accordion-header-icon" ) + .removeClass( icons.header ) + .addClass( icons.activeHeader ); + this.headers.addClass( "ui-accordion-icons" ); + } + }, + + _destroyIcons: function() { + this.headers + .removeClass( "ui-accordion-icons" ) + .children( ".ui-accordion-header-icon" ) + .remove(); + }, + + _destroy: function() { + var contents; + + // clean up main element + this.element + .removeClass( "ui-accordion ui-widget ui-helper-reset" ) + .removeAttr( "role" ); + + // clean up headers + this.headers + .removeClass( "ui-accordion-header ui-accordion-header-active ui-state-default " + + "ui-corner-all ui-state-active ui-state-disabled ui-corner-top" ) + .removeAttr( "role" ) + .removeAttr( "aria-expanded" ) + .removeAttr( "aria-selected" ) + .removeAttr( "aria-controls" ) + .removeAttr( "tabIndex" ) + .removeUniqueId(); + + this._destroyIcons(); + + // clean up content panels + contents = this.headers.next() + .removeClass( "ui-helper-reset ui-widget-content ui-corner-bottom " + + "ui-accordion-content ui-accordion-content-active ui-state-disabled" ) + .css( "display", "" ) + .removeAttr( "role" ) + .removeAttr( "aria-hidden" ) + .removeAttr( "aria-labelledby" ) + .removeUniqueId(); + + if ( this.options.heightStyle !== "content" ) { + contents.css( "height", "" ); + } + }, + + _setOption: function( key, value ) { + if ( key === "active" ) { + // _activate() will handle invalid values and update this.options + this._activate( value ); + return; + } + + if ( key === "event" ) { + if ( this.options.event ) { + this._off( this.headers, this.options.event ); + } + this._setupEvents( value ); + } + + this._super( key, value ); + + // setting collapsible: false while collapsed; open first panel + if ( key === "collapsible" && !value && this.options.active === false ) { + this._activate( 0 ); + } + + if ( key === "icons" ) { + this._destroyIcons(); + if ( value ) { + this._createIcons(); + } + } + + // #5332 - opacity doesn't cascade to positioned elements in IE + // so we need to add the disabled class to the headers and panels + if ( key === "disabled" ) { + this.element + .toggleClass( "ui-state-disabled", !!value ) + .attr( "aria-disabled", value ); + this.headers.add( this.headers.next() ) + .toggleClass( "ui-state-disabled", !!value ); + } + }, + + _keydown: function( event ) { + if ( event.altKey || event.ctrlKey ) { + return; + } + + var keyCode = $.ui.keyCode, + length = this.headers.length, + currentIndex = this.headers.index( event.target ), + toFocus = false; + + switch ( event.keyCode ) { + case keyCode.RIGHT: + case keyCode.DOWN: + toFocus = this.headers[ ( currentIndex + 1 ) % length ]; + break; + case keyCode.LEFT: + case keyCode.UP: + toFocus = this.headers[ ( currentIndex - 1 + length ) % length ]; + break; + case keyCode.SPACE: + case keyCode.ENTER: + this._eventHandler( event ); + break; + case keyCode.HOME: + toFocus = this.headers[ 0 ]; + break; + case keyCode.END: + toFocus = this.headers[ length - 1 ]; + break; + } + + if ( toFocus ) { + $( event.target ).attr( "tabIndex", -1 ); + $( toFocus ).attr( "tabIndex", 0 ); + toFocus.focus(); + event.preventDefault(); + } + }, + + _panelKeyDown: function( event ) { + if ( event.keyCode === $.ui.keyCode.UP && event.ctrlKey ) { + $( event.currentTarget ).prev().focus(); + } + }, + + refresh: function() { + var options = this.options; + this._processPanels(); + + // was collapsed or no panel + if ( ( options.active === false && options.collapsible === true ) || !this.headers.length ) { + options.active = false; + this.active = $(); + // active false only when collapsible is true + } else if ( options.active === false ) { + this._activate( 0 ); + // was active, but active panel is gone + } else if ( this.active.length && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) { + // all remaining panel are disabled + if ( this.headers.length === this.headers.find(".ui-state-disabled").length ) { + options.active = false; + this.active = $(); + // activate previous panel + } else { + this._activate( Math.max( 0, options.active - 1 ) ); + } + // was active, active panel still exists + } else { + // make sure active index is correct + options.active = this.headers.index( this.active ); + } + + this._destroyIcons(); + + this._refresh(); + }, + + _processPanels: function() { + var prevHeaders = this.headers, + prevPanels = this.panels; + + this.headers = this.element.find( this.options.header ) + .addClass( "ui-accordion-header ui-state-default ui-corner-all" ); + + this.panels = this.headers.next() + .addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" ) + .filter( ":not(.ui-accordion-content-active)" ) + .hide(); + + // Avoid memory leaks (#10056) + if ( prevPanels ) { + this._off( prevHeaders.not( this.headers ) ); + this._off( prevPanels.not( this.panels ) ); + } + }, + + _refresh: function() { + var maxHeight, + options = this.options, + heightStyle = options.heightStyle, + parent = this.element.parent(); + + this.active = this._findActive( options.active ) + .addClass( "ui-accordion-header-active ui-state-active ui-corner-top" ) + .removeClass( "ui-corner-all" ); + this.active.next() + .addClass( "ui-accordion-content-active" ) + .show(); + + this.headers + .attr( "role", "tab" ) + .each(function() { + var header = $( this ), + headerId = header.uniqueId().attr( "id" ), + panel = header.next(), + panelId = panel.uniqueId().attr( "id" ); + header.attr( "aria-controls", panelId ); + panel.attr( "aria-labelledby", headerId ); + }) + .next() + .attr( "role", "tabpanel" ); + + this.headers + .not( this.active ) + .attr({ + "aria-selected": "false", + "aria-expanded": "false", + tabIndex: -1 + }) + .next() + .attr({ + "aria-hidden": "true" + }) + .hide(); + + // make sure at least one header is in the tab order + if ( !this.active.length ) { + this.headers.eq( 0 ).attr( "tabIndex", 0 ); + } else { + this.active.attr({ + "aria-selected": "true", + "aria-expanded": "true", + tabIndex: 0 + }) + .next() + .attr({ + "aria-hidden": "false" + }); + } + + this._createIcons(); + + this._setupEvents( options.event ); + + if ( heightStyle === "fill" ) { + maxHeight = parent.height(); + this.element.siblings( ":visible" ).each(function() { + var elem = $( this ), + position = elem.css( "position" ); + + if ( position === "absolute" || position === "fixed" ) { + return; + } + maxHeight -= elem.outerHeight( true ); + }); + + this.headers.each(function() { + maxHeight -= $( this ).outerHeight( true ); + }); + + this.headers.next() + .each(function() { + $( this ).height( Math.max( 0, maxHeight - + $( this ).innerHeight() + $( this ).height() ) ); + }) + .css( "overflow", "auto" ); + } else if ( heightStyle === "auto" ) { + maxHeight = 0; + this.headers.next() + .each(function() { + maxHeight = Math.max( maxHeight, $( this ).css( "height", "" ).height() ); + }) + .height( maxHeight ); + } + }, + + _activate: function( index ) { + var active = this._findActive( index )[ 0 ]; + + // trying to activate the already active panel + if ( active === this.active[ 0 ] ) { + return; + } + + // trying to collapse, simulate a click on the currently active header + active = active || this.active[ 0 ]; + + this._eventHandler({ + target: active, + currentTarget: active, + preventDefault: $.noop + }); + }, + + _findActive: function( selector ) { + return typeof selector === "number" ? this.headers.eq( selector ) : $(); + }, + + _setupEvents: function( event ) { + var events = { + keydown: "_keydown" + }; + if ( event ) { + $.each( event.split( " " ), function( index, eventName ) { + events[ eventName ] = "_eventHandler"; + }); + } + + this._off( this.headers.add( this.headers.next() ) ); + this._on( this.headers, events ); + this._on( this.headers.next(), { keydown: "_panelKeyDown" }); + this._hoverable( this.headers ); + this._focusable( this.headers ); + }, + + _eventHandler: function( event ) { + var options = this.options, + active = this.active, + clicked = $( event.currentTarget ), + clickedIsActive = clicked[ 0 ] === active[ 0 ], + collapsing = clickedIsActive && options.collapsible, + toShow = collapsing ? $() : clicked.next(), + toHide = active.next(), + eventData = { + oldHeader: active, + oldPanel: toHide, + newHeader: collapsing ? $() : clicked, + newPanel: toShow + }; + + event.preventDefault(); + + if ( + // click on active header, but not collapsible + ( clickedIsActive && !options.collapsible ) || + // allow canceling activation + ( this._trigger( "beforeActivate", event, eventData ) === false ) ) { + return; + } + + options.active = collapsing ? false : this.headers.index( clicked ); + + // when the call to ._toggle() comes after the class changes + // it causes a very odd bug in IE 8 (see #6720) + this.active = clickedIsActive ? $() : clicked; + this._toggle( eventData ); + + // switch classes + // corner classes on the previously active header stay after the animation + active.removeClass( "ui-accordion-header-active ui-state-active" ); + if ( options.icons ) { + active.children( ".ui-accordion-header-icon" ) + .removeClass( options.icons.activeHeader ) + .addClass( options.icons.header ); + } + + if ( !clickedIsActive ) { + clicked + .removeClass( "ui-corner-all" ) + .addClass( "ui-accordion-header-active ui-state-active ui-corner-top" ); + if ( options.icons ) { + clicked.children( ".ui-accordion-header-icon" ) + .removeClass( options.icons.header ) + .addClass( options.icons.activeHeader ); + } + + clicked + .next() + .addClass( "ui-accordion-content-active" ); + } + }, + + _toggle: function( data ) { + var toShow = data.newPanel, + toHide = this.prevShow.length ? this.prevShow : data.oldPanel; + + // handle activating a panel during the animation for another activation + this.prevShow.add( this.prevHide ).stop( true, true ); + this.prevShow = toShow; + this.prevHide = toHide; + + if ( this.options.animate ) { + this._animate( toShow, toHide, data ); + } else { + toHide.hide(); + toShow.show(); + this._toggleComplete( data ); + } + + toHide.attr({ + "aria-hidden": "true" + }); + toHide.prev().attr({ + "aria-selected": "false", + "aria-expanded": "false" + }); + // if we're switching panels, remove the old header from the tab order + // if we're opening from collapsed state, remove the previous header from the tab order + // if we're collapsing, then keep the collapsing header in the tab order + if ( toShow.length && toHide.length ) { + toHide.prev().attr({ + "tabIndex": -1, + "aria-expanded": "false" + }); + } else if ( toShow.length ) { + this.headers.filter(function() { + return parseInt( $( this ).attr( "tabIndex" ), 10 ) === 0; + }) + .attr( "tabIndex", -1 ); + } + + toShow + .attr( "aria-hidden", "false" ) + .prev() + .attr({ + "aria-selected": "true", + "aria-expanded": "true", + tabIndex: 0 + }); + }, + + _animate: function( toShow, toHide, data ) { + var total, easing, duration, + that = this, + adjust = 0, + boxSizing = toShow.css( "box-sizing" ), + down = toShow.length && + ( !toHide.length || ( toShow.index() < toHide.index() ) ), + animate = this.options.animate || {}, + options = down && animate.down || animate, + complete = function() { + that._toggleComplete( data ); + }; + + if ( typeof options === "number" ) { + duration = options; + } + if ( typeof options === "string" ) { + easing = options; + } + // fall back from options to animation in case of partial down settings + easing = easing || options.easing || animate.easing; + duration = duration || options.duration || animate.duration; + + if ( !toHide.length ) { + return toShow.animate( this.showProps, duration, easing, complete ); + } + if ( !toShow.length ) { + return toHide.animate( this.hideProps, duration, easing, complete ); + } + + total = toShow.show().outerHeight(); + toHide.animate( this.hideProps, { + duration: duration, + easing: easing, + step: function( now, fx ) { + fx.now = Math.round( now ); + } + }); + toShow + .hide() + .animate( this.showProps, { + duration: duration, + easing: easing, + complete: complete, + step: function( now, fx ) { + fx.now = Math.round( now ); + if ( fx.prop !== "height" ) { + if ( boxSizing === "content-box" ) { + adjust += fx.now; + } + } else if ( that.options.heightStyle !== "content" ) { + fx.now = Math.round( total - toHide.outerHeight() - adjust ); + adjust = 0; + } + } + }); + }, + + _toggleComplete: function( data ) { + var toHide = data.oldPanel; + + toHide + .removeClass( "ui-accordion-content-active" ) + .prev() + .removeClass( "ui-corner-top" ) + .addClass( "ui-corner-all" ); + + // Work around for rendering bug in IE (#5421) + if ( toHide.length ) { + toHide.parent()[ 0 ].className = toHide.parent()[ 0 ].className; + } + this._trigger( "activate", null, data ); + } +}); + + +/*! + * jQuery UI Menu 1.11.4 + * http://jqueryui.com + * + * Copyright jQuery Foundation and other contributors + * Released under the MIT license. + * http://jquery.org/license + * + * http://api.jqueryui.com/menu/ + */ + + +var menu = $.widget( "ui.menu", { + version: "1.11.4", + defaultElement: "