11111

App/Api/Config/Code.php

@@ -8,7 +8,342 @@ use Heanup\Frame\Config;
 
 class Code extends Config
 {
-    protected static $data=
+    protected static $data=array (
+            '+1' =>
+                array (
+                    'en' => 'United States of America',
+                    'cn' => '美国',
+                    'code' => '+1',
+                    'flag' => '/flag/pr.png',
+                ),
+            '+95' =>
+                array (
+                    'en' => 'Burma',
+                    'cn' => '缅甸',
+                    'code' => '+95',
+                    'flag' => '/flag/mm.png',
+                ),
+            '+852' =>
+                array (
+                    'en' => 'Hongkong',
+                    'cn' => '香港',
+                    'code' => '+852',
+                    'flag' => '/flag/hk.png',
+                ),
+            '+44' =>
+                array (
+                    'en' => 'United Kiongdom',
+                    'cn' => '英国',
+                    'code' => '+44',
+                    'flag' => '/flag/gb.png',
+                ),
+            '+86' =>
+                array (
+                    'en' => 'China',
+                    'cn' => '中国',
+                    'code' => '+86',
+                    'flag' => '/flag/cn.png',
+                ),
+            '+63' =>
+                array (
+                    'en' => 'Philippines',
+                    'cn' => '菲律宾',
+                    'code' => '+63',
+                    'flag' => '/flag/ph.png',
+                ),
+            '+7' =>
+                array (
+                    'en' => 'Russia',
+                    'cn' => '俄罗斯',
+                    'code' => '+7',
+                    'flag' => '/flag/ru.png',
+                ),
+            '+48' =>
+                array (
+                    'en' => 'Poland',
+                    'cn' => '波兰',
+                    'code' => '+48',
+                    'flag' => '/flag/pl.png',
+                ),
+            '+77' =>
+                array (
+                    'en' => 'Kazakhstan',
+                    'cn' => '哈萨克斯坦',
+                    'code' => '+77',
+                    'flag' => '/flag/kz.png',
+                ),
+            '+351' =>
+                array (
+                    'en' => 'Portugal',
+                    'cn' => '葡萄牙',
+                    'code' => '+351',
+                    'flag' => '/flag/pt.png',
+                ),
+            '+46' =>
+                array (
+                    'en' => 'Sweden',
+                    'cn' => '瑞典',
+                    'code' => '+46',
+                    'flag' => '/flag/se.png',
+                ),
+            '+34' =>
+                array (
+                    'en' => 'Spain',
+                    'cn' => '西班牙',
+                    'code' => '+34',
+                    'flag' => '/flag/es.png',
+                ),
+            '+380' =>
+                array (
+                    'en' => 'Ukraine',
+                    'cn' => '乌克兰',
+                    'code' => '+380',
+                    'flag' => '/flag/ua.png',
+                ),
+            '+33' =>
+                array (
+                    'en' => 'France',
+                    'cn' => '法国',
+                    'code' => '+33',
+                    'flag' => '/flag/fr.png',
+                ),
+            '+49' =>
+                array (
+                    'en' => 'Germany',
+                    'cn' => '德国',
+                    'code' => '+49',
+                    'flag' => '/flag/de.png',
+                ),
+            '+32' =>
+                array (
+                    'en' => 'Belgium',
+                    'cn' => '比利时',
+                    'code' => '+32',
+                    'flag' => '/flag/be.png',
+                ),
+            '+43' =>
+                array (
+                    'en' => 'Austria',
+                    'cn' => '奥地利',
+                    'code' => '+43',
+                    'flag' => '/flag/at.png',
+                ),
+            '+372' =>
+                array (
+                    'en' => 'Estonia',
+                    'cn' => '爱沙尼亚',
+                    'code' => '+372',
+                    'flag' => '/flag/ee.png',
+                ),
+            '+39' =>
+                array (
+                    'en' => 'Italy',
+                    'cn' => '意大利',
+                    'code' => '+39',
+                    'flag' => '/flag/it.png',
+                ),
+            '+91' =>
+                array (
+                    'en' => 'India',
+                    'cn' => '印度',
+                    'code' => '+91',
+                    'flag' => '/flag/in.png',
+                ),
+            '+60' =>
+                array (
+                    'en' => 'Malaysia',
+                    'cn' => '马来西亚',
+                    'code' => '+60',
+                    'flag' => '/flag/my.png',
+                ),
+            '+40' =>
+                array (
+                    'en' => 'Romania',
+                    'cn' => '罗马尼亚',
+                    'code' => '+40',
+                    'flag' => '/flag/ro.png',
+                ),
+            '+41' =>
+                array (
+                    'en' => 'Switzerland',
+                    'cn' => '瑞士',
+                    'code' => '+41',
+                    'flag' => '/flag/ch.png',
+                ),
+            '+385' =>
+                array (
+                    'flag' => '/flag/hr.png',
+                ),
+            '+52' =>
+                array (
+                    'en' => 'Mexico',
+                    'cn' => '墨西哥',
+                    'code' => '+52',
+                    'flag' => '/flag/mx.png',
+                ),
+            '+31' =>
+                array (
+                    'en' => 'Netherlands',
+                    'cn' => '荷兰',
+                    'code' => '+31',
+                    'flag' => '/flag/nl.png',
+                ),
+            '+45' =>
+                array (
+                    'en' => 'Denmark',
+                    'cn' => '丹麦',
+                    'code' => '+45',
+                    'flag' => '/flag/dk.png',
+                ),
+            '+371' =>
+                array (
+                    'en' => 'Latvia',
+                    'cn' => '拉脱维亚',
+                    'code' => '+371',
+                    'flag' => '/flag/lv.png',
+                ),
+            '+972' =>
+                array (
+                    'en' => 'Israel',
+                    'cn' => '以色列',
+                    'code' => '+972',
+                    'flag' => '/flag/il.png',
+                ),
+            '+880' =>
+                array (
+                    'en' => 'Bangladesh',
+                    'cn' => '孟加拉国',
+                    'code' => '+880',
+                    'flag' => '/flag/bd.png',
+                ),
+            '+420' =>
+                array (
+                    'en' => 'Czech Republic',
+                    'cn' => '捷克',
+                    'code' => '+420',
+                    'flag' => '/flag/cz.png',
+                ),
+            '+27' =>
+                array (
+                    'en' => 'South Africa',
+                    'cn' => '南非',
+                    'code' => '+27',
+                    'flag' => '/flag/za.png',
+                ),
+            '+853' =>
+                array (
+                    'en' => 'Macao',
+                    'cn' => '澳门',
+                    'code' => '+853',
+                    'flag' => '/flag/mo.png',
+                ),
+            '+62' =>
+                array (
+                    'en' => 'Indonesia',
+                    'cn' => '印度尼西亚',
+                    'code' => '+62',
+                    'flag' => '/flag/id.png',
+                ),
+            '+81' =>
+                array (
+                    'en' => 'Japan',
+                    'cn' => '日本',
+                    'code' => '+81',
+                    'flag' => '/flag/jp.png',
+                ),
+            '+82' =>
+                array (
+                    'en' => 'Korea',
+                    'cn' => '韩国',
+                    'code' => '+82',
+                    'flag' => '/flag/kr.png',
+                ),
+            '+381' =>
+                array (
+                    'en' => 'Yugoslavia',
+                    'cn' => '南斯拉夫',
+                    'code' => '+381',
+                    'flag' => '/flag/rs.png',
+                ),
+            '+234' =>
+                array (
+                    'en' => 'Nigeria',
+                    'cn' => '尼日利亚',
+                    'code' => '+234',
+                    'flag' => '/flag/ng.png',
+                ),
+            '+886' =>
+                array (
+                    'en' => 'Taiwan',
+                    'cn' => '台湾省',
+                    'code' => '+886',
+                    'flag' => '/flag/tw.png',
+                ),
+            '+61' =>
+                array (
+                    'en' => 'Australia',
+                    'cn' => '澳大利亚',
+                    'code' => '+61',
+                    'flag' => '/flag/au.png',
+                ),
+            '+56' =>
+                array (
+                    'en' => 'Chile',
+                    'cn' => '智利',
+                    'code' => '+56',
+                    'flag' => '/flag/cl.png',
+                ),
+            '+358' =>
+                array (
+                    'en' => 'Finland',
+                    'cn' => '芬兰',
+                    'code' => '+358',
+                    'flag' => '/flag/fi.png',
+                ),
+            '+995' =>
+                array (
+                    'en' => 'Georgia',
+                    'cn' => '格鲁吉亚',
+                    'code' => '+995',
+                    'flag' => '/flag/ge.png',
+                ),
+            '+370' =>
+                array (
+                    'en' => 'Lithuania',
+                    'cn' => '立陶宛',
+                    'code' => '+370',
+                    'flag' => '/flag/lt.png',
+                ),
+            '+47' =>
+                array (
+                    'en' => 'Norway',
+                    'cn' => '挪威',
+                    'code' => '+47',
+                    'flag' => '/flag/no.png',
+                ),
+            '+84' =>
+                array (
+                    'en' => 'Vietnam',
+                    'cn' => '越南',
+                    'code' => '+84',
+                    'flag' => '/flag/vn.png',
+                ),
+            '+51' =>
+                array (
+                    'en' => 'Peru',
+                    'cn' => '秘鲁',
+                    'code' => '+51',
+                    'flag' => '/flag/pe.png',
+                ),
+            '+64' =>
+                array (
+                    'en' => 'New Zealand',
+                    'cn' => '新西兰',
+                    'code' => '+64',
+                    'flag' => '/flag/nz.png',
+                ),
+        );
+    protected static $data_bac=
         array (
             '+0244' =>
                 array (

App/Api/Controller/Countries.php

@@ -0,0 +1,17 @@
+<?php
+
+
+namespace Heanup\App\Api\Controller;
+
+
+use Heanup\App\Api\Config\Code;
+use Heanup\App\Api\Controller;
+
+class Countries extends Controller
+{
+    protected function main()
+    {
+        $this->countries=Code::getData();
+        $this->render();
+    }
+}

App/Api/Controller/Index.php

@@ -15,7 +15,7 @@ class Index extends Controller
     {
         $country=$this->getQuery()->string("country");
         if ($country){
-            $where=['country'=>"+".$country];
+            $where=['country'=>$country];
         }else{
             $where=[];
         }
@@ -26,7 +26,7 @@ class Index extends Controller
 //        $data = $lib->getMessage($country, $phone_num);
 //        $data=$lib->getCountry();
         $this->_data = Num::getPageList($where, "", $page, $pgSize, ['id' => true]);
-        $this->pager = Pager::pager($this->_data['total_count'], $pgSize, http_build_query($_GET), $page);
+        $this->pager = Pager::pager($this->_data['total_count'], $pgSize, "/?".http_build_query($_GET), $page);
         $this->render();
 //        $this->showSuccess($this->data);
     }

App/Api/Controller/Test.php

@@ -4,6 +4,7 @@
 namespace Heanup\App\Api\Controller;
 
 
+use Heanup\App\Api\Config\Code;
 use Heanup\App\Api\Controller;
 use Heanup\App\Api\Package\Database\Num;
 use Heanup\Library\Sms\ReceiveSmsCc;
@@ -12,14 +13,23 @@ class Test extends Controller
 {
     protected function main()
     {
-       $lib=new ReceiveSmsCc();
-       $data=$lib->getCountry();
-        foreach ($data as $item) {
-            $nums=$lib->getPhoneNums($item['link']);
-            $this->showSuccess($nums);
-       }
-       $this->showSuccess($data);
+        $lib = new ReceiveSmsCc();
+        $data = $lib->getCountry();
+        $config=Code::getData();
+        $result=[];
+        foreach ($data as &$item) {
+            $pic_name = substr($item['img'], strrpos($item['img'], "/") + 1);
+            if (!file_exists(APP_DIR . '/public/api/flag/' . $pic_name)){
+                file_put_contents(APP_DIR . '/public/api/flag/' . $pic_name, file_get_contents($item['img']));
+            }
+            $item['img']="/flag/".$pic_name;
+            $result[$item['country']]=$config[$item['country']];
+            $result[$item['country']]['flag']=$item['img'];
+//            $this->showSuccess($nums);
+        }
+//        $this->showSuccess($config);
 //        $this->showSuccess($result);
+        echo var_export($result);
     }
 
 }

App/Api/Template/Countries.phtml

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <meta name="description"
+          content="本平台可以在线接收短信，接收短信验证码，显示迅速，与国外类似短信验证码接收更快捷。在线短信接收平台,免费验证码接收平台,虚拟手机号接收短信app,哪个短信平台比较好,代收手机短信验证码,虚拟手机号码接收短信,国外短信接收平台,手机短信验证码,手机验证码平台,接码平台,短信验证码,验证码平台,云验证码平台,短信验证码是多少,手机短信验证码接收系统,验证码短信平台,虚拟手机号验证码平台,手机收不到验证码,手机验证码接收软件,免费的临时手机号软件,手机获取验证码收费吗,虚拟手机验证码生成器,免费的临时手机号软件,网站验证码短信平台,接收手机验证码平台,发短信最便宜,手机收验证码服务,网站注册手机验证码">
+    <meta name="keywords"
+          content="在线短信接收,sms_receive,短信接收,短信验证码接收,在线短信接收平台,免费验证码接收平台,虚拟手机号接收短信app,哪个短信平台比较好,代收手机短信验证码,虚拟手机号码接收短信,国外短信接收平台,手机短信验证码,手机验证码平台,接码平台,短信验证码,验证码平台,云验证码平台,短信验证码是多少,手机短信验证码接收系统,验证码短信平台,虚拟手机号验证码平台,手机收不到验证码,手机验证码接收软件,免费的临时手机号软件,手机获取验证码收费吗,虚拟手机验证码生成器,免费的临时手机号软件,网站验证码短信平台,接收手机验证码平台,发短信最便宜,手机收验证码服务,网站注册手机验证码">
+    <title>云短信 - 在线短信接收</title>
+    <link href="https://static.pdf-lib.org/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+    <link href="https://static.pdf-lib.org/sms_resouce/static/css/style.css" rel="stylesheet">
+    <link href="/css/home.css" rel="stylesheet">
+</head>
+<body>
+<div class="container">
+    <ul class="nav nav-pills">
+        <li role="presentation"><a href="/">在线短信接收</a></li>
+        <li role="presentation" class="active"><a href="/countries">所有国家</a></li>
+    </ul>
+    <div class="row" style="margin-top: 15px;margin-bottom: 15px">
+
+    </div>
+</div>
+<div id="content" class="background-gradient-grey" style="margin-bottom:60px;">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-12">
+                <div class="number-boxes">
+                    <?php
+                    foreach ($this->countries as $country) {
+                    ?>
+                    <div class="number-boxes-item d-flex flex-column ">
+                        <div class="row mb-auto">
+                            <div class="col-12"><img src="<?php echo $country['flag'];?>" class="number-boxes-item-ico " alt="Flag Image">
+                            </div>
+                        </div>
+                        <div class="row">
+                            <div class="col-12">
+                                <h4 class="number-boxes-item-number"><?php echo $country['code'];?></h4>
+                                <h5 class="number-boxes-item-country"><?php echo $country['cn'];?></h5>
+                            </div>
+                        </div>
+                        <div class="row mt-auto">
+                            <div class="col-12"><a href="/?country=<?php echo urlencode($country['code']);?>" class="number-boxes-item-button button green stroke rounded">获取号码</a></div>
+                        </div>
+                    </div>
+                    <?php
+                    }
+                    ?>
+            </div>
+        </div>
+    </div>
+</div>
+
+</body>
+<script src="https://static.pdf-lib.org/jquery/1.12.4/jquery.min.js"></script>
+</html>

App/Api/Template/Index.phtml

@@ -8,15 +8,15 @@
     <meta name="keywords"
           content="在线短信接收,sms_receive,短信接收,短信验证码接收,在线短信接收平台,免费验证码接收平台,虚拟手机号接收短信app,哪个短信平台比较好,代收手机短信验证码,虚拟手机号码接收短信,国外短信接收平台,手机短信验证码,手机验证码平台,接码平台,短信验证码,验证码平台,云验证码平台,短信验证码是多少,手机短信验证码接收系统,验证码短信平台,虚拟手机号验证码平台,手机收不到验证码,手机验证码接收软件,免费的临时手机号软件,手机获取验证码收费吗,虚拟手机验证码生成器,免费的临时手机号软件,网站验证码短信平台,接收手机验证码平台,发短信最便宜,手机收验证码服务,网站注册手机验证码">
     <title>云短信 - 在线短信接收</title>
-    <link href="https://static.pdf-lib.org/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
-    <link href="https://static.pdf-lib.org/sms_resouce/static/css/style.css" rel="stylesheet">
+    <link href="/css/bootstrap.min.css" rel="stylesheet">
     <link href="/css/sms_receive.css" rel="stylesheet">
 </head>
 <body>
 
 <div class="container">
     <ul class="nav nav-pills">
-    <li role="presentation"><a href="/">在线短信接收</a></li>
+    <li role="presentation" class="active"><a href="/">在线短信接收</a></li>
+    <li role="presentation"><a href="/countries">所有国家</a></li>
     </ul>
     <div class="row" style="margin-top: 15px;margin-bottom: 15px">
         <h2>使用须知</h2>
@@ -43,7 +43,7 @@
             ?>
             <div class="sms-number-list row show-grid container">
                 <div class="number-list-flag col-xs-12 col-sm-12 col-md-2 col-lg-2 margin-3">
-
+                    <span><?php echo $item['country_name_zh'];?></span>
                 </div>
                 <div class="number-list-phone_number col-xs-12 col-sm-12 col-md-3 col-lg-3">
                     <div class="phone_number-text">
@@ -77,5 +77,5 @@
 </section>
 
 </body>
-<script src="https://static.pdf-lib.org/jquery/1.12.4/jquery.min.js"></script>
+<script src="/js/jquery.min.js"></script>
 </html>

Library/Sms/ReceiveSmsCc.php

@@ -23,12 +23,14 @@ class ReceiveSmsCc implements Sms
         $range = ".number-boxes-item";
         $rules = [
             'country' => [".number-boxes-item-country", "text"],
+            'img' => [".number-boxes-item-ico", "src"],
             'link' => [".number-boxes-item-button", "href"]
         ];
 
         $data = $ql->range($range)->rules($rules)->query()->getData()->all();
         $data = array_map(function ($a) {
             $a['link'] = "https://receive-sms.cc" . $a['link'];
+            $a['img'] = "https://receive-sms.cc" . $a['img'];
             return $a;
         }, $data);
 

public/api/css/home.css

@@ -0,0 +1,1987 @@
+.header-back-light {
+    color: #fff
+}
+
+.header-back-small {
+    padding-top: 60px
+}
+
+.header-back {
+    background-size: cover;
+    background-repeat: no-repeat;
+    margin: 0;
+    position: relative;
+    margin-top: -5px
+}
+
+.container {
+    width: 100%;
+    margin-right: auto;
+    margin-left: auto;
+    padding-left: 15px;
+    padding-right: 15px
+}
+
+@media(min-width:576px) {
+    .container {
+        width: 540px
+    }
+}
+
+@media(min-width:768px) {
+    .container {
+        width: 750px
+    }
+}
+
+@media(min-width:992px) {
+    .container {
+        width: 970px
+    }
+}
+
+@media(min-width:1300px) {
+    .container {
+        width: 1300px
+    }
+}
+
+@media(min-width:576px) {
+    .container {
+        max-width: 540px
+    }
+}
+
+@media(min-width:768px) {
+    .container {
+        max-width: 720px
+    }
+}
+
+@media(min-width:992px) {
+    .container {
+        max-width: 960px
+    }
+}
+
+@media(min-width:1200px) {
+    .container {
+        max-width: 1140px
+    }
+}
+
+@media(min-width:992px) {
+    .col,.col-md-3,.col-md-6,.col-md-9,.col-md-10,.col-md-12 {
+        float: left
+    }
+}
+
+@media(min-width:992px) {
+    .col-md-12 {
+        width: 100%
+    }
+}
+
+.helper.center {
+    text-align: center
+}
+
+.adfixs2 {
+    margin-bottom: 15px
+}
+
+.page-description {
+    color: #1a1a1a;
+    text-transform: uppercase;
+    font-size: 1em;
+    letter-spacing: 2px;
+    line-height: 1.5;
+    font-weight: 300;
+    margin-bottom: 40px
+}
+
+.header-back-light .page-description {
+    color: #fff
+}
+
+.toppb {
+    text-align: center;
+    padding-bottom: 20px!important
+}
+
+#content {
+}
+
+.background-gradient-grey {
+    background: #fff;
+    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(95%,#f2f2f2),color-stop(95%,#f2f2f2),to(#f2f2f2))
+}
+
+.flex-column {
+    -ms-flex-direction: column!important;
+    flex-direction: column!important
+}
+
+.d-flex {
+    display: -ms-flexbox!important;
+    display: flex!important
+}
+
+.mb-auto,.my-auto {
+    margin-bottom: auto!important
+}
+
+.button.stroke.blue {
+    color: #28c;
+    border-color: #28c;
+    border: 1px solid rgba(0,0,0,.2)
+}
+
+.button.stroke {
+    background-color: transparent
+}
+
+.number-boxes-item-button {
+    text-transform: uppercase
+}
+
+.button.rounded {
+    border-radius: 21px
+}
+
+.button {
+    display: inline-block;
+    vertical-align: middle;
+    zoom: 1;
+    *display: inline;
+    text-decoration: none;
+    font-size: 1em;
+    font-weight: 300;
+    color: #333;
+    border: 1px solid #cbd3dd;
+    white-space: nowrap;
+    cursor: pointer;
+    line-height: 1;
+    padding: 13px 21px;
+    border-radius: 3px;
+    text-align: center;
+    -o-user-select: none;
+    -ms-user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    user-select: none;
+    position: relative;
+    background-color: #f6f7f8;
+    outline: 0;
+    -webkit-transition: opacity .25s ease,background-color .25s ease;
+    transition: opacity .25s ease,background-color .25s ease
+}
+
+.button i {
+    margin-right: 10px;
+    vertical-align: middle
+}
+
+.button:active {
+    bottom: -1px
+}
+
+.button.large {
+    font-size: 1.125em;
+    padding: 18px 42px;
+    border-radius: 5px
+}
+
+.button.rounded {
+    border-radius: 21px
+}
+
+.button.rounded.small {
+    border-radius: 16px
+}
+
+.button.rounded.large {
+    border-radius: 27px
+}
+
+.button.small {
+    font-size: .875em;
+    padding: 8px 16px
+}
+
+.button.full {
+    display: block;
+    width: 100%
+}
+
+.button.blue,.button.green,.button.red {
+    color: #fff;
+    border: 1px solid rgba(0,0,0,.2)
+}
+
+.button.green {
+    background-color: #4b5
+}
+
+.button.green:hover {
+    background-color: #3da84d
+}
+
+.button.blue {
+    background-color: #28c
+}
+
+.button.blue:hover {
+    background-color: #1e79b6
+}
+
+.button.red {
+    background-color: #ff3625
+}
+
+.button.red:hover {
+    background-color: #ff1e0b
+}
+
+.button.stroke {
+    background-color: transparent
+}
+
+.button.stroke.green {
+    color: #4b5;
+    border-color: #4b5
+}
+
+.button.stroke.blue {
+    color: #28c;
+    border-color: #28c
+}
+
+.button.stroke.red {
+    color: #ff3625;
+    border-color: #ff3625
+}
+
+.button.stroke.white {
+    color: #fff;
+    border-color: #fff
+}
+
+.button.stroke.blue:hover,.button.stroke.green:hover,.button.stroke.red:hover {
+    color: #fff
+}
+
+.button:hover {
+    text-decoration: none
+}
+
+.number-boxes {
+    margin: 0;
+    padding: 0;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap
+}
+
+.number-boxes-item {
+    border: 1px solid #e9eaec;
+    width: 22%;
+    padding: 55px 25px;
+    text-align: center;
+    position: relative;
+    margin-left: 3%;
+    margin-bottom: 2%
+}
+
+.number-boxes-item-ico {
+    margin-bottom: 20px;
+    max-height: 100px;
+    max-width: 70%
+}
+
+.col-12 img {
+    height: auto
+}
+
+.number-boxes-item-number {
+    font-size: 23px;
+    line-height: 32px;
+    font-weight: 300;
+    margin-bottom: 1px;
+    color: #333;
+    margin-top: 0
+}
+
+.number-boxes-item-country {
+    font-size: 18px;
+    font-weight: 300;
+    color: #cbd3dd;
+    padding-top: 0;
+    text-transform: capitalize;
+    letter-spacing: 1px;
+    line-height: 23px;
+    margin: 0;
+    margin-bottom: 20px
+}
+
+@media(max-width:991px) {
+    .number-boxes-item {
+        padding: 50px 20px
+    }
+
+    .number-boxes-item-ico {
+        max-height: 110px
+    }
+}
+
+@media(max-width:768px) {
+    .number-boxes-item-ico {
+        max-height: 150px
+    }
+
+    .number-boxes-item {
+        float: none;
+        border: 1px solid #e9eaec;
+        width: 380px;
+        max-width: 95%;
+        margin: 0 auto 40px
+    }
+
+    .number-boxes-item:last-child {
+        margin: 0 auto
+    }
+}
+
+@media(max-width:1200px) {
+    .layout,.main-content {
+        padding: 0!important
+    }
+
+    .main-content {
+        border: none!important
+    }
+
+    .menu {
+        display: none
+    }
+
+    .slicknav_menu {
+        display: block
+    }
+}
+
+@media(max-width:768px) {
+    .footer-logo-wrapper {
+        text-align: center;
+        padding-bottom: 30px
+    }
+
+    number-boxes-item-ico {
+        max-height: 150px;
+        max-width: 100%;
+        margin-bottom: 30px;
+        border: thin solid #cbd3dd
+    }
+
+    .number-boxes-item-country {
+        font-size: 18px;
+        font-weight: 300;
+        color: #cbd3dd;
+        line-height: 23px;
+        margin: 0;
+        margin-bottom: 20px
+    }
+
+    .number-boxes-item-number {
+        font-size: 24px;
+        line-height: 32px;
+        font-weight: 300;
+        margin-bottom: 1px
+    }
+
+    .number-boxes-item-button {
+        text-transform: uppercase
+    }
+}
+
+@media(max-width:991px) {
+    .number-boxes-item {
+        padding: 50px 20px
+    }
+
+    .number-boxes-item-ico {
+        max-height: 110px
+    }
+}
+
+@media(max-width:768px) {
+    .number-boxes-item-ico {
+        max-height: 150px
+    }
+}
+
+.number-boxes-item .row {
+    padding: 0
+}
+
+.number-boxes-item h4 {
+    margin-top: 0
+}
+
+.call-to-action {
+    padding: 80px 0;
+    background-size: cover;
+    text-align: center
+}
+
+.call-to-action-title {
+    font-size: 3.25em;
+    font-weight: 100;
+    color: #1a1a1a;
+    margin-bottom: 20px
+}
+
+.call-to-action-description {
+    font-size: 1.25em;
+    color: #808488;
+    padding-left: 10%;
+    padding-right: 10%;
+    margin-bottom: 50px
+}
+
+.call-to-action-description {
+    font-size: 1.0625em
+}
+
+.call-to-action {
+    padding: 120px 0
+}
+
+.helper.mt60 {
+    margin-top: -60px
+}
+
+.pt77 {
+    padding-top: 20px!important;
+    margin-bottom: -30px!important;
+    padding-bottom: 5px!important
+}
+
+.helper.mb60 {
+    margin-bottom: 60px
+}
+
+.promo-title-wrapper {
+    margin-bottom: 70px
+}
+
+.promo-title {
+    text-align: center;
+    font-size: 3.25em;
+    font-weight: 100;
+    color: #fff;
+    margin-bottom: 20px;
+    position: relative
+}
+
+.promo-description {
+    text-align: left;
+    font-size: 1.25em;
+    color: #fff;
+    max-width: 80%;
+    margin: 0 auto
+}
+
+.promo-title-wrapper p {
+    font-size: 1.25em;
+    font-weight: 300;
+    line-height: 1.8;
+    font-family: Roboto,sans-serif
+}
+
+.promo-title-wrapper h3 {
+    margin-top: 0
+}
+
+.page-title2 {
+    color: red
+}
+
+.downloadbadge {
+    width: 200px
+}
+
+@media(max-width:480px) {
+    .downloadbadge {
+        width: 40%
+    }
+}
+
+.btn1,.table_link a {
+    color: #000
+}
+
+.btn1,.btn2 {
+    cursor: pointer
+}
+
+body {
+    font-family: Lato,sans-serif
+}
+
+.bg-messages {
+    background-color: #f2f2f2
+}
+
+.btn1 {
+    border-bottom: 1px dashed grey
+}
+
+.nav-item {
+    padding-left: 15px
+}
+
+.mobile_show {
+    display: none
+}
+
+h1 {
+    margin-bottom: 40px
+}
+
+label {
+    color: #333
+}
+
+.btn-send {
+    font-weight: 300;
+    text-transform: uppercase;
+    letter-spacing: .1em;
+    margin-bottom: 20px
+}
+
+@media only screen and (max-width:960px) {
+    .mobile_hide {
+        display: none
+    }
+
+    .mobile_show {
+        display: block;
+        float: left
+    }
+
+    .message_head {
+        color: #428bca;
+        font-style: italic;
+        font-weight: 700;
+        font-size: 10px
+    }
+
+    td.mobile_small {
+        width: 200px
+    }
+
+    h1 {
+        font-size: 15px
+    }
+}
+
+.tooltip {
+    position: absolute;
+    z-index: 1030;
+    display: block;
+    font-size: 12px;
+    line-height: 1.4;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    visibility: visible
+}
+
+.flag,.flag.flag-32 {
+    display: inline-block;
+    background-repeat: no-repeat
+}
+
+.tooltip.in {
+    opacity: .9;
+    filter: alpha(opacity=90)
+}
+
+.tooltip.top {
+    padding: 5px 0;
+    margin-top: -3px
+}
+
+.tooltip.right {
+    padding: 0 5px;
+    margin-left: 3px
+}
+
+.tooltip.bottom {
+    padding: 5px 0;
+    margin-top: 3px
+}
+
+.tooltip.left {
+    padding: 0 5px;
+    margin-left: -3px
+}
+
+.tooltip-inner {
+    max-width: 200px;
+    padding: 3px 8px;
+    color: #fff;
+    text-align: center;
+    text-decoration: none;
+    background-color: #000;
+    border-radius: 4px
+}
+
+.tooltip-arrow {
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
+}
+
+.tooltip.top .tooltip-arrow,.tooltip.top-left .tooltip-arrow,.tooltip.top-right .tooltip-arrow {
+    bottom: 0;
+    border-top-color: #000;
+    border-width: 5px 5px 0
+}
+
+.tooltip.top .tooltip-arrow {
+    left: 50%;
+    margin-left: -5px
+}
+
+.tooltip.top-left .tooltip-arrow {
+    left: 5px
+}
+
+.tooltip.top-right .tooltip-arrow {
+    right: 5px
+}
+
+.tooltip.right .tooltip-arrow {
+    top: 50%;
+    left: 0;
+    margin-top: -5px;
+    border-right-color: #000;
+    border-width: 5px 5px 5px 0
+}
+
+.tooltip.left .tooltip-arrow {
+    top: 50%;
+    right: 0;
+    margin-top: -5px;
+    border-left-color: #000;
+    border-width: 5px 0 5px 5px
+}
+
+.tooltip.bottom .tooltip-arrow,.tooltip.bottom-left .tooltip-arrow,.tooltip.bottom-right .tooltip-arrow {
+    top: 0;
+    border-bottom-color: #000;
+    border-width: 0 5px 5px
+}
+
+.tooltip.bottom .tooltip-arrow {
+    left: 50%;
+    margin-left: -5px
+}
+
+.tooltip.bottom-left .tooltip-arrow {
+    left: 5px
+}
+
+.tooltip.bottom-right .tooltip-arrow {
+    right: 5px
+}
+
+
+.flag.flag-32.flag-abkhazia {
+    background-position: 0 0
+}
+
+.flag.flag-32.flag-basque-country {
+    background-position: -32px 0
+}
+
+.flag.flag-32.flag-british-antarctic-territory {
+    background-position: -64px 0
+}
+
+.flag.flag-32.flag-commonwealth {
+    background-position: -96px 0
+}
+
+.flag.flag-32.flag-england {
+    background-position: -128px 0
+}
+
+.flag.flag-32.flag-gosquared {
+    background-position: -160px 0
+}
+
+.flag.flag-32.flag-kosovo {
+    background-position: -192px 0
+}
+
+.flag.flag-32.flag-mars {
+    background-position: -224px 0
+}
+
+.flag.flag-32.flag-nagorno-karabakh {
+    background-position: -256px 0
+}
+
+.flag.flag-32.flag-nato {
+    background-position: -288px 0
+}
+
+.flag.flag-32.flag-northern-cyprus {
+    background-position: -320px 0
+}
+
+.flag.flag-32.flag-olympics {
+    background-position: -352px 0
+}
+
+.flag.flag-32.flag-red-cross {
+    background-position: -384px 0
+}
+
+.flag.flag-32.flag-scotland {
+    background-position: -416px 0
+}
+
+.flag.flag-32.flag-somaliland {
+    background-position: -448px 0
+}
+
+.flag.flag-32.flag-south-ossetia {
+    background-position: -480px 0
+}
+
+.flag.flag-32.flag-united-nations {
+    background-position: -512px 0
+}
+
+.flag.flag-32.flag-unknown {
+    background-position: 0 -32px
+}
+
+.flag.flag-32.flag-wales {
+    background-position: -32px -32px
+}
+
+.flag.flag-32.flag-ad {
+    background-position: -64px -32px
+}
+
+.flag.flag-32.flag-ae {
+    background-position: -96px -32px
+}
+
+.flag.flag-32.flag-af {
+    background-position: -128px -32px
+}
+
+.flag.flag-32.flag-ag {
+    background-position: -160px -32px
+}
+
+.flag.flag-32.flag-ai {
+    background-position: -192px -32px
+}
+
+.flag.flag-32.flag-al {
+    background-position: -224px -32px
+}
+
+.flag.flag-32.flag-am {
+    background-position: -256px -32px
+}
+
+.flag.flag-32.flag-an {
+    background-position: -288px -32px
+}
+
+.flag.flag-32.flag-ao {
+    background-position: -320px -32px
+}
+
+.flag.flag-32.flag-aq {
+    background-position: -352px -32px
+}
+
+.flag.flag-32.flag-ar {
+    background-position: -384px -32px
+}
+
+.flag.flag-32.flag-as {
+    background-position: -416px -32px
+}
+
+.flag.flag-32.flag-at {
+    background-position: -448px -32px
+}
+
+.flag.flag-32.flag-au {
+    background-position: -480px -32px
+}
+
+.flag.flag-32.flag-aw {
+    background-position: -512px -32px
+}
+
+.flag.flag-32.flag-ax {
+    background-position: 0 -64px
+}
+
+.flag.flag-32.flag-az {
+    background-position: -32px -64px
+}
+
+.flag.flag-32.flag-ba {
+    background-position: -64px -64px
+}
+
+.flag.flag-32.flag-bb {
+    background-position: -96px -64px
+}
+
+.flag.flag-32.flag-bd {
+    background-position: -128px -64px
+}
+
+.flag.flag-32.flag-be {
+    background-position: -160px -64px
+}
+
+.flag.flag-32.flag-bf {
+    background-position: -192px -64px
+}
+
+.flag.flag-32.flag-bg {
+    background-position: -224px -64px
+}
+
+.flag.flag-32.flag-bh {
+    background-position: -256px -64px
+}
+
+.flag.flag-32.flag-bi {
+    background-position: -288px -64px
+}
+
+.flag.flag-32.flag-bj {
+    background-position: -320px -64px
+}
+
+.flag.flag-32.flag-bl {
+    background-position: -352px -64px
+}
+
+.flag.flag-32.flag-bm {
+    background-position: -384px -64px
+}
+
+.flag.flag-32.flag-bn {
+    background-position: -416px -64px
+}
+
+.flag.flag-32.flag-bo {
+    background-position: -448px -64px
+}
+
+.flag.flag-32.flag-br {
+    background-position: -480px -64px
+}
+
+.flag.flag-32.flag-bs {
+    background-position: -512px -64px
+}
+
+.flag.flag-32.flag-bt {
+    background-position: 0 -96px
+}
+
+.flag.flag-32.flag-bw {
+    background-position: -32px -96px
+}
+
+.flag.flag-32.flag-by {
+    background-position: -64px -96px
+}
+
+.flag.flag-32.flag-bz {
+    background-position: -96px -96px
+}
+
+.flag.flag-32.flag-ca {
+    background-position: -128px -96px
+}
+
+.flag.flag-32.flag-cc {
+    background-position: -160px -96px
+}
+
+.flag.flag-32.flag-cd {
+    background-position: -192px -96px
+}
+
+.flag.flag-32.flag-cf {
+    background-position: -224px -96px
+}
+
+.flag.flag-32.flag-cg {
+    background-position: -256px -96px
+}
+
+.flag.flag-32.flag-ch {
+    background-position: -288px -96px
+}
+
+.flag.flag-32.flag-ci {
+    background-position: -320px -96px
+}
+
+.flag.flag-32.flag-ck {
+    background-position: -352px -96px
+}
+
+.flag.flag-32.flag-cl {
+    background-position: -384px -96px
+}
+
+.flag.flag-32.flag-cm {
+    background-position: -416px -96px
+}
+
+.flag.flag-32.flag-cn {
+    background-position: -448px -96px
+}
+
+.flag.flag-32.flag-co {
+    background-position: -480px -96px
+}
+
+.flag.flag-32.flag-cr {
+    background-position: -512px -96px
+}
+
+.flag.flag-32.flag-cu {
+    background-position: 0 -128px
+}
+
+.flag.flag-32.flag-cv {
+    background-position: -32px -128px
+}
+
+.flag.flag-32.flag-cw {
+    background-position: -64px -128px
+}
+
+.flag.flag-32.flag-cx {
+    background-position: -96px -128px
+}
+
+.flag.flag-32.flag-cy {
+    background-position: -128px -128px
+}
+
+.flag.flag-32.flag-cz {
+    background-position: -160px -128px
+}
+
+.flag.flag-32.flag-de {
+    background-position: -192px -128px
+}
+
+.flag.flag-32.flag-dj {
+    background-position: -224px -128px
+}
+
+.flag.flag-32.flag-dk {
+    background-position: -256px -128px
+}
+
+.flag.flag-32.flag-dm {
+    background-position: -288px -128px
+}
+
+.flag.flag-32.flag-do {
+    background-position: -320px -128px
+}
+
+.flag.flag-32.flag-dz {
+    background-position: -352px -128px
+}
+
+.flag.flag-32.flag-ec {
+    background-position: -384px -128px
+}
+
+.flag.flag-32.flag-ee {
+    background-position: -416px -128px
+}
+
+.flag.flag-32.flag-eg {
+    background-position: -448px -128px
+}
+
+.flag.flag-32.flag-eh {
+    background-position: -480px -128px
+}
+
+.flag.flag-32.flag-er {
+    background-position: -512px -128px
+}
+
+.flag.flag-32.flag-es {
+    background-position: 0 -160px
+}
+
+.flag.flag-32.flag-et {
+    background-position: -32px -160px
+}
+
+.flag.flag-32.flag-eu {
+    background-position: -64px -160px
+}
+
+.flag.flag-32.flag-fi {
+    background-position: -96px -160px
+}
+
+.flag.flag-32.flag-fj {
+    background-position: -128px -160px
+}
+
+.flag.flag-32.flag-fk {
+    background-position: -160px -160px
+}
+
+.flag.flag-32.flag-fm {
+    background-position: -192px -160px
+}
+
+.flag.flag-32.flag-fo {
+    background-position: -224px -160px
+}
+
+.flag.flag-32.flag-fr {
+    background-position: -256px -160px
+}
+
+.flag.flag-32.flag-ga {
+    background-position: -288px -160px
+}
+
+.flag.flag-32.flag-gb {
+    background-position: -320px -160px
+}
+
+.flag.flag-32.flag-gd {
+    background-position: -352px -160px
+}
+
+.flag.flag-32.flag-ge {
+    background-position: -384px -160px
+}
+
+.flag.flag-32.flag-gg {
+    background-position: -416px -160px
+}
+
+.flag.flag-32.flag-gh {
+    background-position: -448px -160px
+}
+
+.flag.flag-32.flag-gi {
+    background-position: -480px -160px
+}
+
+.flag.flag-32.flag-gl {
+    background-position: -512px -160px
+}
+
+.flag.flag-32.flag-gm {
+    background-position: 0 -192px
+}
+
+.flag.flag-32.flag-gn {
+    background-position: -32px -192px
+}
+
+.flag.flag-32.flag-gq {
+    background-position: -64px -192px
+}
+
+.flag.flag-32.flag-gr {
+    background-position: -96px -192px
+}
+
+.flag.flag-32.flag-gs {
+    background-position: -128px -192px
+}
+
+.flag.flag-32.flag-gt {
+    background-position: -160px -192px
+}
+
+.flag.flag-32.flag-gu {
+    background-position: -192px -192px
+}
+
+.flag.flag-32.flag-gw {
+    background-position: -224px -192px
+}
+
+.flag.flag-32.flag-gy {
+    background-position: -256px -192px
+}
+
+.flag.flag-32.flag-hk {
+    background-position: -288px -192px
+}
+
+.flag.flag-32.flag-hn {
+    background-position: -320px -192px
+}
+
+.flag.flag-32.flag-hr {
+    background-position: -352px -192px
+}
+
+.flag.flag-32.flag-ht {
+    background-position: -384px -192px
+}
+
+.flag.flag-32.flag-hu {
+    background-position: -416px -192px
+}
+
+.flag.flag-32.flag-ic {
+    background-position: -448px -192px
+}
+
+.flag.flag-32.flag-id {
+    background-position: -480px -192px
+}
+
+.flag.flag-32.flag-ie {
+    background-position: -512px -192px
+}
+
+.flag.flag-32.flag-il {
+    background-position: 0 -224px
+}
+
+.flag.flag-32.flag-im {
+    background-position: -32px -224px
+}
+
+.flag.flag-32.flag-in {
+    background-position: -64px -224px
+}
+
+.flag.flag-32.flag-iq {
+    background-position: -96px -224px
+}
+
+.flag.flag-32.flag-ir {
+    background-position: -128px -224px
+}
+
+.flag.flag-32.flag-is {
+    background-position: -160px -224px
+}
+
+.flag.flag-32.flag-it {
+    background-position: -192px -224px
+}
+
+.flag.flag-32.flag-je {
+    background-position: -224px -224px
+}
+
+.flag.flag-32.flag-jm {
+    background-position: -256px -224px
+}
+
+.flag.flag-32.flag-jo {
+    background-position: -288px -224px
+}
+
+.flag.flag-32.flag-jp {
+    background-position: -320px -224px
+}
+
+.flag.flag-32.flag-ke {
+    background-position: -352px -224px
+}
+
+.flag.flag-32.flag-kg {
+    background-position: -384px -224px
+}
+
+.flag.flag-32.flag-kh {
+    background-position: -416px -224px
+}
+
+.flag.flag-32.flag-ki {
+    background-position: -448px -224px
+}
+
+.flag.flag-32.flag-km {
+    background-position: -480px -224px
+}
+
+.flag.flag-32.flag-kn {
+    background-position: -512px -224px
+}
+
+.flag.flag-32.flag-kp {
+    background-position: 0 -256px
+}
+
+.flag.flag-32.flag-kr {
+    background-position: -32px -256px
+}
+
+.flag.flag-32.flag-kw {
+    background-position: -64px -256px
+}
+
+.flag.flag-32.flag-ky {
+    background-position: -96px -256px
+}
+
+.flag.flag-32.flag-kz {
+    background-position: -128px -256px
+}
+
+.flag.flag-32.flag-la {
+    background-position: -160px -256px
+}
+
+.flag.flag-32.flag-lb {
+    background-position: -192px -256px
+}
+
+.flag.flag-32.flag-lc {
+    background-position: -224px -256px
+}
+
+.flag.flag-32.flag-li {
+    background-position: -256px -256px
+}
+
+.flag.flag-32.flag-lk {
+    background-position: -288px -256px
+}
+
+.flag.flag-32.flag-lr {
+    background-position: -320px -256px
+}
+
+.flag.flag-32.flag-ls {
+    background-position: -352px -256px
+}
+
+.flag.flag-32.flag-lt {
+    background-position: -384px -256px
+}
+
+.flag.flag-32.flag-lu {
+    background-position: -416px -256px
+}
+
+.flag.flag-32.flag-lv {
+    background-position: -448px -256px
+}
+
+.flag.flag-32.flag-ly {
+    background-position: -480px -256px
+}
+
+.flag.flag-32.flag-ma {
+    background-position: -512px -256px
+}
+
+.flag.flag-32.flag-mc {
+    background-position: 0 -288px
+}
+
+.flag.flag-32.flag-md {
+    background-position: -32px -288px
+}
+
+.flag.flag-32.flag-me {
+    background-position: -64px -288px
+}
+
+.flag.flag-32.flag-mf {
+    background-position: -96px -288px
+}
+
+.flag.flag-32.flag-mg {
+    background-position: -128px -288px
+}
+
+.flag.flag-32.flag-mh {
+    background-position: -160px -288px
+}
+
+.flag.flag-32.flag-mk {
+    background-position: -192px -288px
+}
+
+.flag.flag-32.flag-ml {
+    background-position: -224px -288px
+}
+
+.flag.flag-32.flag-mm {
+    background-position: -256px -288px
+}
+
+.flag.flag-32.flag-mn {
+    background-position: -288px -288px
+}
+
+.flag.flag-32.flag-mo {
+    background-position: -320px -288px
+}
+
+.flag.flag-32.flag-mp {
+    background-position: -352px -288px
+}
+
+.flag.flag-32.flag-mq {
+    background-position: -384px -288px
+}
+
+.flag.flag-32.flag-mr {
+    background-position: -416px -288px
+}
+
+.flag.flag-32.flag-ms {
+    background-position: -448px -288px
+}
+
+.flag.flag-32.flag-mt {
+    background-position: -480px -288px
+}
+
+.flag.flag-32.flag-mu {
+    background-position: -512px -288px
+}
+
+.flag.flag-32.flag-mv {
+    background-position: 0 -320px
+}
+
+.flag.flag-32.flag-mw {
+    background-position: -32px -320px
+}
+
+.flag.flag-32.flag-mx {
+    background-position: -64px -320px
+}
+
+.flag.flag-32.flag-my {
+    background-position: -96px -320px
+}
+
+.flag.flag-32.flag-mz {
+    background-position: -128px -320px
+}
+
+.flag.flag-32.flag-na {
+    background-position: -160px -320px
+}
+
+.flag.flag-32.flag-nc {
+    background-position: -192px -320px
+}
+
+.flag.flag-32.flag-ne {
+    background-position: -224px -320px
+}
+
+.flag.flag-32.flag-nf {
+    background-position: -256px -320px
+}
+
+.flag.flag-32.flag-ng {
+    background-position: -288px -320px
+}
+
+.flag.flag-32.flag-ni {
+    background-position: -320px -320px
+}
+
+.flag.flag-32.flag-nl {
+    background-position: -352px -320px
+}
+
+.flag.flag-32.flag-no {
+    background-position: -384px -320px
+}
+
+.flag.flag-32.flag-np {
+    background-position: -416px -320px
+}
+
+.flag.flag-32.flag-nr {
+    background-position: -448px -320px
+}
+
+.flag.flag-32.flag-nu {
+    background-position: -480px -320px
+}
+
+.flag.flag-32.flag-nz {
+    background-position: -512px -320px
+}
+
+.flag.flag-32.flag-om {
+    background-position: 0 -352px
+}
+
+.flag.flag-32.flag-pa {
+    background-position: -32px -352px
+}
+
+.flag.flag-32.flag-pe {
+    background-position: -64px -352px
+}
+
+.flag.flag-32.flag-pf {
+    background-position: -96px -352px
+}
+
+.flag.flag-32.flag-pg {
+    background-position: -128px -352px
+}
+
+.flag.flag-32.flag-ph {
+    background-position: -160px -352px
+}
+
+.flag.flag-32.flag-pirate-black {
+    background-position: -192px -352px
+}
+
+.flag.flag-32.flag-pirate-white {
+    background-position: -224px -352px
+}
+
+.flag.flag-32.flag-pk {
+    background-position: -256px -352px
+}
+
+.flag.flag-32.flag-pl {
+    background-position: -288px -352px
+}
+
+.flag.flag-32.flag-pn {
+    background-position: -320px -352px
+}
+
+.flag.flag-32.flag-pr {
+    background-position: -352px -352px
+}
+
+.flag.flag-32.flag-ps {
+    background-position: -384px -352px
+}
+
+.flag.flag-32.flag-pt {
+    background-position: -416px -352px
+}
+
+.flag.flag-32.flag-pw {
+    background-position: -448px -352px
+}
+
+.flag.flag-32.flag-py {
+    background-position: -480px -352px
+}
+
+.flag.flag-32.flag-qa {
+    background-position: -512px -352px
+}
+
+.flag.flag-32.flag-ro {
+    background-position: 0 -384px
+}
+
+.flag.flag-32.flag-rs {
+    background-position: -32px -384px
+}
+
+.flag.flag-32.flag-ru {
+    background-position: -64px -384px
+}
+
+.flag.flag-32.flag-rw {
+    background-position: -96px -384px
+}
+
+.flag.flag-32.flag-sa {
+    background-position: -128px -384px
+}
+
+.flag.flag-32.flag-sb {
+    background-position: -160px -384px
+}
+
+.flag.flag-32.flag-sc {
+    background-position: -192px -384px
+}
+
+.flag.flag-32.flag-sd {
+    background-position: -224px -384px
+}
+
+.flag.flag-32.flag-se {
+    background-position: -256px -384px
+}
+
+.flag.flag-32.flag-sg {
+    background-position: -288px -384px
+}
+
+.flag.flag-32.flag-sh {
+    background-position: -320px -384px
+}
+
+.flag.flag-32.flag-si {
+    background-position: -352px -384px
+}
+
+.flag.flag-32.flag-sk {
+    background-position: -384px -384px
+}
+
+.flag.flag-32.flag-sl {
+    background-position: -416px -384px
+}
+
+.flag.flag-32.flag-sm {
+    background-position: -448px -384px
+}
+
+.flag.flag-32.flag-sn {
+    background-position: -480px -384px
+}
+
+.flag.flag-32.flag-so {
+    background-position: -512px -384px
+}
+
+.flag.flag-32.flag-sr {
+    background-position: 0 -416px
+}
+
+.flag.flag-32.flag-ss {
+    background-position: -32px -416px
+}
+
+.flag.flag-32.flag-st {
+    background-position: -64px -416px
+}
+
+.flag.flag-32.flag-sv {
+    background-position: -96px -416px
+}
+
+.flag.flag-32.flag-sy {
+    background-position: -128px -416px
+}
+
+.flag.flag-32.flag-sz {
+    background-position: -160px -416px
+}
+
+.flag.flag-32.flag-tc {
+    background-position: -192px -416px
+}
+
+.flag.flag-32.flag-td {
+    background-position: -224px -416px
+}
+
+.flag.flag-32.flag-tf {
+    background-position: -256px -416px
+}
+
+.flag.flag-32.flag-tg {
+    background-position: -288px -416px
+}
+
+.flag.flag-32.flag-th {
+    background-position: -320px -416px
+}
+
+.flag.flag-32.flag-tj {
+    background-position: -352px -416px
+}
+
+.flag.flag-32.flag-tk {
+    background-position: -384px -416px
+}
+
+.flag.flag-32.flag-tl {
+    background-position: -416px -416px
+}
+
+.flag.flag-32.flag-tm {
+    background-position: -448px -416px
+}
+
+.flag.flag-32.flag-tn {
+    background-position: -480px -416px
+}
+
+.flag.flag-32.flag-to {
+    background-position: -512px -416px
+}
+
+.flag.flag-32.flag-tr {
+    background-position: 0 -448px
+}
+
+.flag.flag-32.flag-tt {
+    background-position: -32px -448px
+}
+
+.flag.flag-32.flag-tv {
+    background-position: -64px -448px
+}
+
+.flag.flag-32.flag-tw {
+    background-position: -96px -448px
+}
+
+.flag.flag-32.flag-tz {
+    background-position: -128px -448px
+}
+
+.flag.flag-32.flag-ua {
+    background-position: -160px -448px
+}
+
+.flag.flag-32.flag-ug {
+    background-position: -192px -448px
+}
+
+.flag.flag-32.flag-us {
+    background-position: -224px -448px
+}
+
+.flag.flag-32.flag-uy {
+    background-position: -256px -448px
+}
+
+.flag.flag-32.flag-uz {
+    background-position: -288px -448px
+}
+
+.flag.flag-32.flag-va {
+    background-position: -320px -448px
+}
+
+.flag.flag-32.flag-vc {
+    background-position: -352px -448px
+}
+
+.flag.flag-32.flag-ve {
+    background-position: -384px -448px
+}
+
+.flag.flag-32.flag-vg {
+    background-position: -416px -448px
+}
+
+.flag.flag-32.flag-vi {
+    background-position: -448px -448px
+}
+
+.flag.flag-32.flag-vn {
+    background-position: -480px -448px
+}
+
+.flag.flag-32.flag-vu {
+    background-position: -512px -448px
+}
+
+.footer {
+    margin: 0;
+    padding: 20px 0 10px;
+    background: #111;
+    color: #ccc
+}
+
+.bottom-line {
+    width: 50px;
+    height: 3px;
+    background-color: #cecece
+}
+
+hr {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    border: 0;
+    border-top: 1px solid #eee
+}
+
+.footer_bom {
+    margin: 0 0 10px;
+    display: block;
+    margin-block-start: 1em;
+    margin-block-end: 1em;
+    margin-inline-start: 0;
+    margin-inline-end: 0
+}
+
+.footer a {
+    color: #ccc
+}
+
+.row {
+    padding-top: 10px;
+    padding-bottom: 10px
+}
+
+.clickable {
+    cursor: pointer
+}
+
+.card {
+    height: 100%
+}
+
+.footer a:hover {
+    text-decoration: none
+}
+
+.cname:hover {
+    text-decoration: none
+}
+
+.cname {
+    margin-left: 3px
+}
+
+#telegramim_fixed {
+    position: fixed;
+    z-index: 999999999;
+    font-size: 16px;
+    letter-spacing: normal;
+    bottom: 100px;
+    right: 50px;
+    width: 60px!important;
+    height: 60px;
+    background: linear-gradient(to right top,#ffaa2a,#ffc533)!important
+}
+
+#telegramim_fixed .fa-telegram-plane {
+    font-size: 30px;
+    position: relative;
+    top: 6px;
+    left: -2px
+}
+
+@font-face {
+    font-family:'font awesome 5 brands';font-style:normal;font-weight:400;src:url(/css/webfonts/fa-brands-400.eot);src:url(/css/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/css/webfonts/fa-brands-400.woff2) format("woff2"),url(/css/webfonts/fa-brands-400.woff) format("woff"),url(/css/webfonts/fa-brands-400.ttf) format("truetype"),url(/css/webfonts/fa-brands-400.svg#fontawesome) format("svg")
+}
+
+#telegramim_fixed #telegram-member-counter {
+    font-family: montserrat,sans-serif;
+    font-size: 12px;
+    line-height: 28px;
+    display: inline-block;
+    width: 28px;
+    height: 28px;
+    background: #000;
+    color: #fff;
+    border-radius: 50%;
+    position: absolute;
+    top: -15px
+}
+
+.fab.fa-pull-left {
+    margin-right: .3em
+}
+
+.fab.fa-pull-right {
+    margin-left: .3em
+}
+
+.telegramim_button {
+    opacity: 1;
+    cursor: pointer;
+    text-align: center;
+    display: block;
+    padding: 10px;
+    text-decoration: none!important;
+    text-transform: none;
+    letter-spacing: normal
+}
+
+.fab {
+    font-family: 'font awesome 5 brands'
+}
+
+.fab {
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    display: inline-block;
+    font-style: normal;
+    font-variant: normal;
+    text-rendering: auto;
+    line-height: 1
+}
+
+.fa-telegram:before {
+    content: "\f2c6"
+}
+
+.fa-telegram-plane:before {
+    content: "\f3fe"
+}
+
+.telegramim_button span {
+    text-decoration: none;
+    text-transform: none;
+    letter-spacing: normal
+}
+
+.telegramim_button small {
+    font-size: 70%;
+    display: block;
+    padding: 1px 5px;
+    background: 0 0;
+    text-align: center
+}
+
+#telegramim_fixed.rightbottom {
+    right: 2%;
+    bottom: 2%
+}
+
+.telegramim_shadow {
+    box-shadow: 1px 1px 5px rgba(0,0,0,.5)
+}
+
+.telegramim_shadow:hover {
+    box-shadow: 1px 1px 15px rgba(0,0,0,.5)!important
+}
+
+.telegramim_pulse {
+    animation: animationpulse 2s infinite;
+    -webkit-animation: animationpulse 2s ease-out;
+    -webkit-animation-iteration-count: infinite
+}
+
+.telegramim_pulse:hover {
+    animation: linear
+}
+
+@-webkit-keyframes animationpulse {
+    0% {
+        -webkit-box-shadow: 0 0 0 0 inherit
+    }
+
+    70% {
+        -webkit-box-shadow: 0 0 0 15px transparent
+    }
+
+    100% {
+        -webkit-box-shadow: 0 0 0 0 transparent
+    }
+}
+
+@keyframes animationpulse {
+    0% {
+        transform: scale(1,1);
+        -moz-box-shadow: 0 0 0 0 inherit;
+        box-shadow: 0 0 0 0 inherit
+    }
+
+    10% {
+        transform: scale(1.1,1.1)
+    }
+
+    15% {
+        transform: scale(1,1)
+    }
+
+    70% {
+        -moz-box-shadow: 0 0 0 15px transparent;
+        box-shadow: 0 0 0 15px transparent
+    }
+
+    100% {
+        -moz-box-shadow: 0 0 0 0 transparent;
+        box-shadow: 0 0 0 0 transparent
+    }
+}
+
+@-ms-keyframes animationpulse {
+    0% {
+        -ms-transform: scale(1,1)
+    }
+
+    10% {
+        -ms-transform: scale(1.1,1.1)
+    }
+
+    20% {
+        -ms-transform: scale(1,1)
+    }
+
+    100% {
+        -ms-transform: scale(1,1)
+    }
+}
+
+.telegramim_button span#telegramim_text_button {
+    font-family: montserrat,sans-serif;
+    color: #000;
+    font-size: 11px;
+    font-weight: 600;
+    line-height: 15px;
+    width: 95px;
+    position: absolute;
+    bottom: -35px;
+    left: -15px;
+    word-spacing: normal;
+    border: 1px solid transparent
+}
+
+.fadeInUp {
+    -webkit-animation-name: fadeInUp;
+    -webkit-animation-delay: .5s;
+    -webkit-animation-duration: .25s;
+    -webkit-animation-fill-mode: forwards;
+    animation-name: fadeInUp;
+    animation-delay: .5s;
+    animation-duration: .25s;
+    animation-fill-mode: forwards
+}
+
+.downloadbadge {
+    width: 150px
+}
+
+.center_div {
+    justify-content: center
+}