/*-------------------------- General Start ------------------------*/
input, select
{
    font-family: Poppins, tahoma;
}
ul{
    list-style: none;
    padding: 0;
}
body{
    font-family: Poppins, Tahoma;
    font-size: 14px;
    text-align: justify;
    line-height: 30px;
    color: #777;
    background: #f1f5fa;
    overflow-x: hidden;
    padding-top: 70px;
    position: relative;
}

a {
    color: #666;
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    outline: none;
}
a:hover, a:focus {
    color: #333;
    text-decoration: none;
}
::-moz-selection {
    background-color: rgba(210, 210, 210, .8);
    color: #4d5b69;
}
::selection {
    background-color: rgb(33, 37, 41);
    color: #e1e1e1;
}
.rtl{direction: rtl !important}
.ltr{direction: ltr !important}
.rtl .text-right {text-align: right !important}
.rtl .text-left {text-align: left !important}
.pull-left{float:left}
.pull-right{float:right}
h1, h2, h3, h4, h5, h6{margin: 0 auto;}
h1, .h1{font: 15pt Poppins;color: #363636}
h2, .h2{font: 13pt Poppins;color: #363636}
h3, .h3{font: 12pt Poppins}
h4, .h4{font: 11pt Poppins}
h5, .h5{font: 10pt Poppins}
h6, .h6{font: 9pt Poppins}
p{margin:0}
.tahoma{font-family: tahoma !important}
i{vertical-align: middle}
.fluid{
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}
.form-control {
    border-radius: 0;
    padding: 2px 12px;
    font-size: 14px;
    -webkit-box-shadow: none; 
    box-shadow: none;
}
.custom-file-label, .custom-file-label::after{
    border-radius: 0;
}
.form-control:focus, .custom-file-input:focus~.custom-file-label {
    border-color: #9e9e9e;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(100, 100, 100, 0.4);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(100, 100, 100, 0.4);
}

.dropdown-menu{border-radius:0}
.dropdown-toggle {white-space: inherit}
li.dropdown .dropdown-menu{
    right: auto; 
    left: 0; 
}
.nav-tabs{
    display: inline-block;
    width: 100%;
}
.nav-tabs .nav-item {
    display: inline-block;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    border-color: #dddddd;
}
.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: .25rem 1rem;
}
.nav-tabs>li>a {
    border-radius: 0;
    outline: none !important;
}
.nav-tabs.curve>li>a {
    border-radius: 4px 4px 0 0 ;
}
.nav-tabs.border{
    border: none;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
}
.nav-tabs.border>li>a{
    border: none;
    border-bottom: 3px solid transparent;
}
.nav-tabs.border>li>a:hover {
    background: transparent;
    border-bottom: 3px solid #ddd;
}
.nav-tabs.border>li.active>a, .nav-tabs.border>li.active>a:focus, .nav-tabs.border>li.active>a:hover {
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #212529;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 transparent;
}
.nav-tabs.border .nav-item.show .nav-link, .nav-tabs.border .nav-link.active {
    border-bottom-color: #495057;
}
.nav-tabs li.pull-left a.pull-left{
    padding-bottom: 6px;
    margin-top: 8px;
    border-bottom-width: 2px;
}

ul.nav.nav-tabs.curve{
    -webkit-border-radius: 0; 
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.tabs-left.curve>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
    display:block;
}
.tabs-right.curve>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
}
.nav-tabs.tabs-left>li>a.active, .nav-tabs.tabs-left>li>a.active:focus, .nav-tabs.tabs-left>li>a.active:hover,
.nav-tabs.tabs-right>li>a.active, .nav-tabs.tabs-right>li>a.active:focus, .nav-tabs.tabs-right>li>a.active:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
}
.nav-tabs.tabs-left>li>a.active, .nav-tabs.tabs-left>li>a.active:focus, .nav-tabs.tabs-left>li>a.active:hover{
    border-left-color: transparent;
}
.nav-tabs.tabs-right>li>a.active, .nav-tabs.tabs-right>li>a.active:focus, .nav-tabs.tabs-right>li>a.active:hover {
    border-right-color: transparent;
}
.btn{
    font-size: 0.8rem;
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border: none;
    -webkit-transition: ease 0.3s all;
    -ms-transition: ease 0.3s all;
    -o-transition: ease 0.3s all;
    transition: ease 0.3s all;
    line-height: 0.8rem;
}
.btn.btn-xs {padding: 1px 5px;}
.btn.btn-sm {padding: 5px 10px;}
.btn.btn-lg {padding: 14px 35px;}

.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child),
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle)
{
    border-radius: 0;
}
.btn-group.curve>.btn:last-child:not(:first-child), .btn-group.curve>.dropdown-toggle:not(:first-child)
{
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group.curve>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.btn-group.round>.btn:last-child:not(:first-child), .btn-group.round>.dropdown-toggle:not(:first-child)
{
    border-radius: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.btn-group.round>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-radius: 0;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.btn:focus, .btn:hover, .btn:active{outline:0 !important}
.btn.focus,.btn:focus,
.btn.active, .btn:active {
    -webkit-box-shadow: none !important; 
    box-shadow: none !important; 
}

.btn-round{
    border-radius: 50px !important;
}
.btn-curve{
    border-radius: 4px !important;
}

.btn-default{
    background: #f1f1f1;
}
.btn-default:hover, .btn-default:focus, .btn-default:active{
    background: #ddd !important;
}
.btn-primary{
    background: #14B9D6;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus{
    background: #159eb6;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    background: #159eb6;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #159eb6;
    border-color: #159eb6;
}
.btn.btn-secondary {
    background-color: #435a73;
    border-color: #435a73;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:active:hover, .btn.btn-secondary:active:focus, .btn.btn-secondary:active.focus, .btn.btn-secondary.active:hover, .btn.btn-secondary.active:focus, .btn.btn-secondary.active.focus, .open>.btn.btn-secondary.dropdown-toggle:hover, .open>.btn.btn-secondary.dropdown-toggle:focus, .open>.btn.btn-secondary.dropdown-toggle.focus, .show>.btn.btn-secondary.dropdown-toggle:hover, .show>.btn.btn-secondary.dropdown-toggle:focus, .show>.btn.btn-secondary.dropdown-toggle.focus {
    background-color: #55687d;
    border-color: #55687d;
}
.btn.btn-secondary:focus, .btn.btn-secondary:active, .btn.btn-secondary:hover {
    box-shadow: 0 14px 26px -12px rgba(101, 118, 137, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(101, 118, 137, 0.2);
}
.btn-success{
    background: #53a96b;
}
.btn-success:hover, .btn-success:focus, .btn-success:active{
    background: #46b465;
}
.btn-warning {
    background-color: #fbc02d;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{
    background: #ffa700;
}
.btn-info {
    background-color: #03a9f4;
}
.btn-info:hover, .btn-info:focus, .btn-info:active{
    background: #36c0ff;
}
.btn-danger {
    background-color: #f44336;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active{
    background: #ce0000;
}

.btn-white{
    background: #f7f7f7;
}
.btn-white:hover, .btn-white:focus, .btn-white:active{
    background: #fff;
}

.bg-primary{background-color: #4bb9d6 !important}
.bg-secondary{background-color: #46a3a6 !important}
.bg-success{background-color: #53a96b !important}
.bg-info{background-color: #03a9f4 !important}
.bg-warning{background-color: #fbc02d !important}
.bg-danger{background-color: #f44336 !important}
.bg-white{background-color: #fff !important}

.text-primary{color:#14B9D6 !important}
.text-secondary{color:#46a3a6 !important}
.text-success{color:#53a96b !important}
.text-info{color: #03a9f4 !important}
.text-warning{color: #fbc53c !important}
.text-danger{color:#f55145 !important}
.text-white{color:#f1f1f1 !important}
.text-gray{color:#ccc !important}
.text-inverse{color:#333 !important}
.text-muted {color: #434c70 !important}

.card.bg-primary, .card.bg-info,.card.bg-danger, .card.bg-success {
    color: #fff;
}
.card.bg-warning, .card.bg-light{
    color: #212529;
}

.custom-checkbox .custom-control-label::after, .custom-checkbox .custom-control-label::before {
    border-radius: 50%;
    width: 1.2rem;
    height: 1.2rem;
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: #495056;
    background-color: #495056;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #131b24
}


.bold{
    font-weight: bold !important;
}
.uppercase{
    text-transform: uppercase !important;
}
.ellipsis {
    word-wrap: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #f55145;
}
.has-success .form-control {
    border-color: #67b168;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 6px #67b168
}
.has-error .form-control {
    border-color: #f55145;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
    border-color: #f55145;
    -webkit-box-shadow: inset 0 1px 1px rgba(251, 197, 60, 0.25),0 0 3px #f55145;
    box-shadow: inset 0 1px 1px rgba(251, 197, 60, 0.25),0 0 3px #f55145
}
.has-warning .form-control {
    border-color: #fbc53c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}
.has-warning .form-control:focus {
    border-color: #f2b314;
    -webkit-box-shadow: inset 0 1px 1px rgba(242, 179, 20, 0.46),0 0 4px #f2b314;
    box-shadow: inset 0 1px 1px rgba(242, 179, 20, 0.46),0 0 4px #f2b314
}

.modal-page .help-block{
    border-radius: 50px;
    padding: 0 10px;
    font-size: 13px;
    display: block;
    line-height: 24px;
    margin-top: 5px;
}

.badge-default{background:#777;color: #fff}
.badge-primary{background:#14B9D6}
.badge-success{background:#53a96b}
.badge-info{background:#55d1c9}
.badge-warning{background:#fbc53c}
.badge-danger{background:#f55145}
.badge-inverse{background:#333}
.badge-gray{background:#ccc}

.hide{display: none !important}
label, .label{
    font-weight:normal;
    font-size: 85%;
    border-radius: 0.25em;
}
*[class^='label']{
    padding: 1px 6px;
}
.label-default {
    background-color: #777777;
    color: #fff;
}
.label-primary{
    background-color: #14b9d6;
    color: #fff;  
}
.label-success{
    background-color: #53a96b;
    color: #fff;
}
.label-info{
    background-color: #55d1c9;
    color: #fff;
}
.label-warning {
    background-color: #fbc53c;
    color: #212529;
}
.label-danger{
    background-color: #f55145;
    color: #fff;
}

.label-default[href]:focus, .label[href]:hover{color: #fff}
.label-default[href]:focus, .label-default[href]:hover{background-color: #565656}
.label-primary[href]:focus, .label-primary[href]:hover{background-color: #159eb6}
.label-success[href]:focus, .label-success[href]:hover{background-color: #46b465}
.label-info[href]:focus, .label-info[href]:hover{background-color: #36c0ff}
.label-warning[href]:focus, .label-warning[href]:hover{background-color: #ffa700}
.label-danger[href]:focus, .label-danger[href]:hover {background-color: #ce0000}

.radio label, .checkbox label{padding: 0}

.card, .card-header {
    border-radius: 0;
}
.card{
    margin-bottom: 20px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-body {padding: 10px}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {color: inherit}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}
.panel-title>.small,.panel-title>.small>a,.panel-title>a,.panel-title>small,.panel-title>small>a {color: inherit}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.panel>.list-group,.panel>.panel-collapse>.list-group {margin-bottom: 0}
.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.panel-heading+.list-group .list-group-item:first-child {border-top-width: 0}
.list-group+.panel-footer {border-top-width: 0}
.panel>.panel-collapse>.table,.panel>.table,.panel>.table-responsive>.table {margin-bottom: 0}
.panel>.panel-collapse>.table caption,.panel>.table caption,.panel>.table-responsive>.table caption {
    padding-right: 15px;
    padding-left: 15px
}
.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table:first-child>thead:first-child>tr:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {border-top-left-radius: 3px}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {border-top-right-radius: 3px}
.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {border-bottom-left-radius: 3px}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {border-bottom-right-radius: 3px}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body {border-top: 1px solid #ddd}
.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th {border-top: 0}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered {border: 0}
.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {border-left: 0}
.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {border-right: 0}
.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {border-bottom: 0}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {border-bottom: 0}
.panel>.table-responsive {
    margin-bottom: 0;
    border: 0;
}
.panel-group {margin-bottom: 20px}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}
.panel-group .panel+.panel {margin-top: 5px}
.panel-group .panel-heading {border-bottom: 0}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 1px solid #ddd}
.panel-group .panel-footer {border-top: 0}
.panel-group .panel-footer+.panel-collapse .panel-body {border-bottom: 1px solid #ddd}
.panel-default {border-color: #ddd}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ddd}
.panel-default>.panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {border-bottom-color: #ddd}
.panel{position: relative}
.panel.curve>.panel-heading {border-radius: 6px 6px 0 0}
.panel.round>.panel-heading {border-radius: 15px 15px 0 0}
.panel>.panel-footer{
    padding: 2px 10px 6px 10px;
    border-radius: 0;
}
.panel.curve>.panel-footer {border-radius: 0 0 6px 6px}
.panel.round>.panel-footer {border-radius: 0 0 15px 15px}
.panel-success>.panel-heading, .panel-success>.panel-footer,
.panel-info>.panel-heading, .panel-info>.panel-footer,
.panel-warning>.panel-heading, .panel-warning>.panel-footer,
.panel-danger>.panel-heading, .panel-danger>.panel-footer,
.panel-primary>.panel-heading, .panel-primary>.panel-footer,
.panel-inverse>.panel-heading, .panel-inverse>.panel-footer{
    color: #000a09;
    background-color: #eeeeee;
}
.panel-success>.panel-heading, .panel-success>.panel-footer{border-color:#53a96b}
.panel-info>.panel-heading, .panel-info>.panel-footer{border-color:#55d1c9}
.panel-warning>.panel-heading, .panel-warning>.panel-footer{border-color:#fbc53c}
.panel-danger>.panel-heading, .panel-danger>.panel-footer{border-color:#f55145}
.panel-primary>.panel-heading, .panel-primary>.panel-footer{border-color:#14B9D6}
.panel-inverse>.panel-heading, .panel-inverse>.panel-footer{border-color:#333}
.panel-heading {
    padding: 8px 10px 0 10px;
}
.panel-group .panel, .panel {
    border-radius: 0;
    padding: 10px 15px;
}
.panel-title, .portlet-title{
    min-height: 30px;
}
.portlet-title .title{
    line-height: 20px;
}
.panel-title .title{
    line-height: 16px;
}
.panel-title>a{
    display: block;
}

.card img, .panel img, .portlet img{
    max-width: 100%;
    height: auto;
}
.card-img, .card-img-top, .card-img-bottom {
    border-radius: 0;
}
.card.curve .card-img-top {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.card.curve .card-img-bottom {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.card.round .card-img-top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.card.round .card-img-bottom {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.card .card-img-overlay.bg-overlay {
    background: rgba(0, 0, 0, .3);
    color: #fff !important;
}
.card .bg-overlay {
    border-radius: 0;
}
.card .bg-overlay.curve {
    border-radius: 6px;
}
.card .bg-overlay.round {
    border-radius: 15px;
}

.alert-success {
    color: #53a96b;
    border-color: #53a96b;
}
.alert-info {
    color: #13a2a6;
    border-color: #13a2a6;
}
.alert-warning {
    color: #d49d00;
    border-color: #ffbd15;
}
.alert-danger {
    color: #f55145;
    border-color: #f55145;
}

.alert.fill{
    color:#ffffff;
    border: none;
}
.alert.alert-success.fill{
    background-color: #53a96b;
}
.alert.alert-success.fill a, .alert.alert-success.fill .alert-link{
    color: #ffffff;
}
.alert.alert-info.fill{
    background-color: #55d1c9;
}
.alert.alert-info.fill a, .alert.alert-info.fill .alert-link{
    color: #ffffff;
}
.alert.alert-warning.fill{
    background-color: #fbc53c;
    color: #333;
}
.alert.alert-warning.fill a, .alert.alert-warning.fill .alert-link{
    color: #ffffff;
}
.alert.alert-danger.fill{
    background-color: #f55145;
}

.alert{
    border-radius:0;
    background-color: #fff;
    border-right-width: 1px;
    border-left-width: 3px;
}
.alert.round{
    border-radius:50px;
}
.alert .close{
    margin: 3px 5px 0 -10px;
    opacity: 0.4;
}
.alert .close:hover{
    opacity: 0.7;
}
.alert .close:focus, .alert .close:active{
    outline:none;
}

.badge{
    min-width: 26px;
    line-height: 24px;
    padding: 1px 5px;
    border-radius: 50px;
}

.nav-pills>li {
    position: relative;
    display: block;
    float: right;
}
.nav-pills>li>a {
    border-radius: 4px;
    position: relative;
    display: block;
    padding: 10px 15px
}
.nav-pills.low-padding>li>a {
    padding: 3px 15px;
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{
    background-color: #14B9D6;
}
.nav-pills>li>a>.badge{
    min-width: 26px;
    line-height: 24px;
    padding: 1px 5px;
}

.m-0{margin:0 !important}
.m-5{margin:5px !important}
.m-10{margin:10px !important}
.m-15{margin:15px !important}
.m-20{margin:20px !important}
.m-25{margin:25px !important}
.m-30{margin:30px !important}
.m-t-0{margin-top:0 !important}
.m-t-5{margin-top:5px !important}
.m-t-10{margin-top:10px !important}
.m-t-15{margin-top:15px !important}
.m-t-20{margin-top:20px !important}
.m-t-25{margin-top:25px !important}
.m-t-30{margin-top:30px !important}
.m-t-40{margin-top:40px !important}
.m-t-50{margin-top:50px !important}
.m-t-60{margin-top:60px !important}
.m-t-75{margin-top:75px !important}
.m-t-100{margin-top:100px !important}
.m-b-0{margin-bottom:0 !important}
.m-b-5{margin-bottom:5px !important}
.m-b-10{margin-bottom:10px !important}
.m-b-15{margin-bottom:15px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-25{margin-bottom:25px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-40{margin-bottom:40px !important}
.m-b-50{margin-bottom:50px !important}
.m-b-60{margin-bottom:60px !important}
.m-b-70{margin-bottom:70px !important}
.m-b-75{margin-bottom:75px !important}
.m-b-100{margin-bottom:100px !important}
.m-r-0 {margin-right:0 !important}
.m-r-5 {margin-right:5px !important}
.m-r-10{margin-right:10px !important}
.m-r-15{margin-right:15px !important}
.m-r-20{margin-right:20px !important}
.m-r-25{margin-right:25px !important}
.m-r-30{margin-right:30px !important}
.m-r-40{margin-right:40px !important}
.m-r-50{margin-right:50px !important}
.m-r-60{margin-right:60px !important}
.m-r-70{margin-right:70px !important}
.m-r-75{margin-right:75px !important}
.m-r-100{margin-right:100px !important}
.m-l-0{margin-left:0 !important}
.m-l-5{margin-left:5px !important}
.m-l-10{margin-left:10px !important}
.m-l-15{margin-left:15px !important}
.m-l-20{margin-left:20px !important}
.m-l-25{margin-left:25px !important}
.m-l-30{margin-left:30px !important}
.m-l-40{margin-left:40px !important}
.m-l-50{margin-left:50px !important}
.m-l-60{margin-left:60px !important}
.m-l-70{margin-left:70px !important}
.m-l-75{margin-left:75px !important}
.m-l-100{margin-left:100px !important}

.p-0{padding:0 !important}
.p-5{padding:5px !important}
.p-10{padding:10px !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-25{padding:25px !important}
.p-30{padding:30px !important}
.p-t-0{padding-top:0 !important}
.p-t-5{padding-top:5px !important}
.p-t-10{padding-top:10px !important}
.p-t-15{padding-top:15px !important}
.p-t-20{padding-top:20px !important}
.p-t-25{padding-top:25px !important}
.p-t-30{padding-top:30px !important}
.p-t-40{padding-top:40px !important}
.p-t-50{padding-top:50px !important}
.p-t-60{padding-top:60px !important}
.p-t-70{padding-top:70px !important}
.p-t-75{padding-top:75px !important}
.p-t-100{padding-top:100px !important}
.p-t-150{padding-top:150px !important}
.p-t-200{padding-top:200px !important}
.p-b-0{padding-bottom:0 !important}
.p-b-5{padding-bottom:5px !important}
.p-b-10{padding-bottom:10px !important}
.p-b-15{padding-bottom:15px !important}
.p-b-20{padding-bottom:20px !important}
.p-b-25{padding-bottom:25px !important}
.p-b-30{padding-bottom:30px !important}
.p-b-40{padding-bottom:40px !important}
.p-b-50{padding-bottom:50px !important}
.p-b-60{padding-bottom:60px !important}
.p-b-70{padding-bottom:70px !important}
.p-b-75{padding-bottom:75px !important}
.p-b-100{padding-bottom:100px !important}
.p-b-150{padding-bottom:150px !important}
.p-b-200{padding-bottom:200px !important}
.p-r-0 {padding-right:0 !important}
.p-r-5 {padding-right:5px !important}
.p-r-10{padding-right:10px !important}
.p-r-15{padding-right:15px !important}
.p-r-20{padding-right:20px !important}
.p-r-25{padding-right:25px !important}
.p-r-30{padding-right:30px !important}
.p-r-40{padding-right:40px !important}
.p-r-50{padding-right:50px !important}
.p-r-60{padding-right:60px !important}
.p-r-70{padding-right:70px !important}
.p-r-75{padding-right:75px !important}
.p-r-100{padding-right:100px !important}
.p-r-150{padding-right:150px !important}
.p-r-200{padding-right:200px !important}
.p-l-0{padding-left:0 !important}
.p-l-5{padding-left:5px !important}
.p-l-10{padding-left:10px !important}
.p-l-15{padding-left:15px !important}
.p-l-20{padding-left:20px !important}
.p-l-25{padding-left:25px !important}
.p-l-30{padding-left:30px !important}
.p-l-40{padding-left:40px !important}
.p-l-50{padding-left:50px !important}
.p-l-60{padding-left:60px !important}
.p-l-70{padding-left:70px !important}
.p-l-75{padding-left:75px !important}
.p-l-100{padding-left:100px !important}
.p-l-150{padding-left:150px !important}
.p-l-200{padding-left:200px !important}

.input-group-addon{
    border: 1px solid #ccc;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child) {
    border-radius: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.input-group-addon:last-child {
    border-right-color:#ccc;
}
.input-group-addon:first-child {
    border-right: none !important;
}
.input-group-btn .btn.btn-default{
    background: #ddd;
}

.has-error .input-group-addon:last-child{border-right-color:#f55145}
.has-error .input-group-addon:first-child {border-color: #f55145; border-right: none; }
.has-warning .input-group-addon:last-child{border-right-color:#fbc53c}
.has-warning .input-group-addon:first-child {border-color:#fbc53c;border-right: none;}
.has-success .input-group-addon:last-child{border-right-color:#3c763d}
.has-success .input-group-addon:first-child {border-color: #3c763d;border-right: none;}

.input-group.curve .form-control:last-child, .input-group.curve .input-group-addon:last-child, .input-group.curve .input-group-btn:last-child>.btn, .input-group.curve .input-group-btn:last-child>.dropdown-toggle, .input-group.curve .input-group-btn:first-child>.btn:not(:first-child) {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.input-group.curve .form-control:first-child, .input-group.curve .input-group-addon:first-child, .input-group.curve .input-group-btn:first-child>.btn, .input-group.curve .input-group-btn:first-child>.dropdown-toggle, .input-group.curve .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.form-group.curve .form-control, .form-group.curve .custom-file-label, .form-group.curve.custom-file-label::after{
    border-radius:4px;
}

.input-group.round .form-control:last-child, .input-group.round .input-group-addon:last-child, .input-group.round .input-group-btn:last-child>.btn, .input-group.round .input-group-btn:last-child>.dropdown-toggle, .input-group.round .input-group-btn:first-child>.btn:not(:first-child) {
    border-radius: 0 25px 25px 0;
}
.input-group.round .form-control:first-child, .input-group.round .input-group-addon:first-child, .input-group.round .input-group-btn:first-child>.btn, .input-group.round .input-group-btn:first-child>.dropdown-toggle, .input-group.round .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 25px 0 0 25px;
}
.input-group .input-group-addon:first-child{
    text-align: center;
    background-color: #eee;
    color: #333;
    min-width: 40px;
}
.input-group-addon.has-padding{
    padding: 0 10px;
}
.input-group-addon i{
    line-height: 30px;
}
.input-group p{
    width: 100%;
}
.form-group.round .form-control, .form-group.round .custom-file-label{
    border-radius:25px;
}
.form-group.round .custom-file-label::after{
    border-radius: 0 25px 25px 0;
}

.dropdown-menu>li>a{
    text-align: left;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.dropdown-menu .divider{margin: 0}
.dropdown-menu>li>a{
    padding: 6px 20px;
    line-height: 30px;
    display: block;
    font-size: 13px;
}
.dropdown-menu>li>a .badge{
    position: absolute;
    right: 12px;
    top: 12px;
    width: 10px;
    left: inherit;
}
.dropdown-menu{
    padding: 0;
}
.dropdown-backdrop{
    position: inherit;
}
.nav .open>a:hover, .nav>li>a:hover {
    background-color: #f5f5f5;
}
.nav>li>a:focus, .nav .open>a,.nav .open>a:focus{
    background: transparent;
}
.nav .open>a.no-hover:hover, .nav>li>a.no-hover:hover {
    background: transparent;
}

button.close{outline:none}
.tooltip{z-index: 1001 !important}
.tooltip-inner{
    border-radius: 15px;
    font: 13px Poppins;
    min-width: 50px;
    white-space: pre;
    max-width: none;
    font-family: sans-serif;
}
.popover{
    min-width: 150px;
    border-radius: 0;
    font-family: Poppins;
}
.popover-title {
    border-radius: 0;
}
.dropdown-toggle::after{display: none}
.modal-content{border-radius:0}
.modal-header{
    padding: 0.5rem 1rem;
}
.modal-header .close {
    position: absolute;
    right: 15px;
}
.modal-header .modal-title {
    width: 100%;
}

.full, :not(:root):-webkit-full-screen{
    min-height: 100%;
    overflow-y: auto;
}
label{font-weight:normal}

.img-circle {
    border-radius: 50%;
}
.img-center{
    display: block;
    margin: 0 auto;
}
.img-thumbnail{
    border-radius:0;
    padding: 2px;
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.cursor-pointer{cursor: pointer}

.min-height-100{min-height: 100px}
.min-height-150{min-height: 150px}
.min-height-200{min-height: 200px}
.min-height-250{min-height: 250px}
.min-height-300{min-height: 300px}
.min-height-350{min-height: 350px}
.min-height-400{min-height: 400px}
.min-height-450{min-height: 450px}
.min-height-500{min-height: 500px}
.min-height-550{min-height: 550px}
.min-height-600{min-height: 600px}
.min-height-650{min-height: 650px}
.min-height-700{min-height: 700px}
.min-height-750{min-height: 750px}
.height-100{height: 100px}
.height-150{height: 150px}
.height-200{height: 200px}
.height-250{height: 250px}
.height-300{height: 300px}
.height-350{height: 350px}
.height-400{height: 400px}
.height-450{height: 450px}
.height-500{height: 500px}
.height-550{height: 550px}
.height-600{height: 600px}
.height-650{height: 650px}
.height-700{height: 700px}
.height-750{height: 750px}

.img-raised {
    box-shadow: 0 0 10px -2px #d3d3d3;
}
.relative{
    position: relative;
}
/*--------------------------- General End -------------------------*/



/*-------------------------- Header Start -------------------------*/
.brand{
    margin-top: 70px;
}
.fixed-top {
    height: 70px;
    padding: 0 1rem;
    background: transparent;
    box-shadow: 0 2px 5px -2px transparent;
    transition: ease-in-out 0.25s all;
}
.fixed-top.scrolled {
    background: #fff;
    box-shadow: 0 6px 10px -2px #d3d3d3;
}
.fixed-top a.navbar-brand {
    color: #e1e1e1;
}
.fixed-top a.navbar-brand:hover {
    color: #fff;
}
.fixed-top.scrolled a.navbar-brand {
    color: #666;
}
.fixed-top.scrolled a.navbar-brand:hover {
    color: #212121;
}

.page-header {
    margin: 100px 0;
    color: #aab3d9;
}
.page-header h1{
    color: #f1f1f1;
}
.top-circle{
    background: #090c1e;
    position: absolute;
    top: -850px;
    border-radius: 0 0 50% 50%;
    right: -100%;
    left: -100%;
    width: 300%;
    margin: 0 auto;
    height: 1500px;
    
}
.excerpt{
    margin: 20px 0 25px 0;
}

.top-circles {
    position: absolute;
    width: 500px;
    height: 500px;
    right: 0;
    top: -70px;
    overflow: hidden;
}
.top-circles > div{
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 50%;
}
.top-circles .logo{
    width: 75px;
    height: 75px;
    margin-top: -38px;
    text-align: center;
    animation: fadeIn 2s linear;
}

.top-circles svg, .top-circles img{
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #aab3d9;
    stroke-linejoin: round;
    stroke-width: 5.625;
    stroke-dasharray: 11,23;
    stroke-linecap: round;
}
.top-circles img.img-technologies{
    height: calc( 100% + 30px);
    width: calc( 100% + 30px);
    position: absolute;
    right: -15px;
    top: -15px;
    animation: spin 15s linear infinite;
    margin: 0 auto;
    z-index: 10;
}
.top-circles img.img-technologies2{
    height: calc( 100% + 30px);
    width: calc( 100% + 30px);
    position: absolute;
    right: -15px;
    top: -15px;
    animation: spin 20s linear infinite;
    margin: 0 auto;
    z-index: 10;
}
.top-circles .circuit{
    margin: auto;
     animation: spin 20s linear infinite; 
}
.top-circles .circle1{
    width: 150px;
    height: 150px;
    margin-top: -75px;
}
.top-circles .circle2{
    width: 250px;
    height: 250px;
    margin-top: -125px;
    animation-duration: 26s;
}
.top-circles .circle3{
    width: 350px;
    height: 350px;
    margin-top: -175px;
    animation-duration: 40s;
}
.top-circles .circle4{
    width: 450px;
    height: 450px;
    margin-top: -225px;
    animation-duration: 60s;
}

.top-circles .circle1 svg{
    stroke-width: 6;
    stroke-dasharray: 3, 82;
}
.top-circles .circle2 svg{
    stroke-width: 3;
    stroke-dasharray: 5, 34;
}
.top-circles .circle3 svg{
    stroke-width: 2.5px;
    stroke-dasharray: 6, 20;
}
.top-circles .circle4 svg{
    stroke-width: 2;
    stroke-dasharray: 650, 100;
}
/*--------------------------- Header End --------------------------*/



/*----------------------- Main Content Start ----------------------*/

#wrapper{
    margin-top: 330px;
}
.section{
    padding: 10px 0;
}
.section.section-basic{
    padding: 75px 0;
}
.section.more-padding{
    padding: 100px 0;
}


.template-box{
    margin-bottom: 40px;
}
.template-box a{
    display: block;
}
.img-box{
    position: relative;
    padding-bottom: 10px;
}

.template-box a img{
    transition: ease 0.5s all;
    border-radius: 2px;
    max-width: 100%;
    position: relative;
    z-index: 2;
}
.template-box a:hover img.img-raised{
    transform: translateY(-10px);
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.14), 0 8px 10px -5px rgba(0, 0, 0, 0.1);
}
.img-box .shadow1, .img-box .shadow2{
    position: absolute;
    border: 1px solid #eee;
    bottom: 10px;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    background: #fff;
    margin: 0 auto;
    width: calc(100% - 10px);
    transition: ease-out 0.3s all;
}
.dark .img-box .shadow1, .dark .img-box .shadow2{
    border: 1px solid #757575;
}
.img-box .shadow2{
    z-index: 0;
    width: calc(100% - 20px);
}
.template-box a:hover .shadow2{
    bottom: 4px;
}
.template-box a:hover .shadow1{
    bottom: 12px;
}

.template-box a h2{
    transition: ease 0.2s all;
    display: inline-block;
    width: 200px;
    margin: 10px auto 0 auto;
    padding: 15px 5px;
    position: relative;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 2px;
    z-index: 2;
}
.template-box a:hover h2{
    color: #000;
}

.feature {
    width: 250px;
    max-width: 100%;
    height: 140px;
    overflow: hidden;
    text-align: center;
    padding: 20px 5px;
    margin: 0 auto 35px auto;;
    display: block;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 10px -2px #d3d3d3;
}
.feature h3{
    display: inline-block;
    vertical-align: middle;
    color: #8a8a8a;
    display: block;
    margin-top: 20px;
}
.feature svg{
    fill: #4bb9d6;
    max-width: 42px;
    height: auto;
    margin: 10px auto 0 auto;
}

.title, .card-title, .info-title, .footer-brand, .footer-big h5, .footer-big h4, .media .media-heading {
    font-family: Poppins, tahoma, "Roboto Slab", "Times New Roman", serif;
}
.section-install{
    padding: 100px 0;
    color: #fff;
    background-color: transparent;
    background-image: linear-gradient(100deg, #14B9D6 0%, #249ebe 74%);
}
.section-install i{
    margin-bottom: 40px;
    display: inline-block;
    font-size: 72px;
}

h2.ui-ux, h2.features{
    position: relative;
    font-size: 24pt;
    text-align: center;
    color: #363636;
}
h2.ui-ux:before, h2.features:before{
    content: "UI/UX";
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    font-size: 32pt;
    color: #ddd;
    top: -40px;
    font-weight: bold;
}

.first-reason{
    margin: 80px 0;
    height: 400px;
    position: relative;
}

.widgets img{
    position: absolute;
    max-width: 100%;
}
.widgets img:first-child{
    top: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.widgets img:nth-child(2){
    bottom: -100px;
    left: 0;
}
.widgets img:nth-child(3){
    bottom: 0;
    right: -20px;
}
.widgets img:nth-child(4){
    top: 148px;
    left: 111px;
}
.widgets img:nth-child(5){
    top: 0;
    left: 100px;
}

.main-feature{
    text-align: center;
    position: relative;
    margin-top: 80px;
}
.img-feature{
    max-width: 100%;
    width: 300px;
    margin: 0 auto;
    display: block;
    
}
h2.shadow-text{
    font-size: 24pt;
    text-align: center;
    color: #363636;
    position: relative;
    z-index: 2;
}
h3.shadow-text{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 32pt;
    color: #e4e7ec;
    top: -40px;
    font-weight: bold;
}
.main-feature .number{
    position: absolute;
    color: #ddd;
    font-size: 36pt;
    font-weight: bold;
    left: 20px;
    top: 0;
}
.main-feature .excerpt{
    color: #b5b5b5;
}
.feature-row{
    margin-bottom: 100px;
}
h2.features{
    margin-bottom: 80px;
}
h2.features:before{
    content: "Features";
}
/*------------------------ Main Content End -----------------------*/



/*------------------------------ Animation Start -----------------------------*/
.up-down {
    -webkit-animation-name: up-down;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: up-down;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes up-down {
    from {-webkit-transform:translate(0, 0);}
    55% {-webkit-transform:translate(0, 5%);}
    to {-webkit-transform: translate(0, 0);}
}
@-moz-keyframes up-down {
    from {-moz-transform:translate(0, 0);}
    55% {-moz-transform:translate(0, 5%);}
    to {-moz-transform: translate(0, 0);}
}

.down-up {
    -webkit-animation-name: down-up;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: down-up;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes down-up {
    from {-webkit-transform:translate(0, 0);}
    55% {-webkit-transform:translate(0, -10%);}
    to {-webkit-transform: translate(0, 0);}
}
@-moz-keyframes down-up {
    from {-moz-transform:translate(0, 0);}
    55% {-moz-transform:translate(0, -10%);}
    to {-moz-transform: translate(0, 0);}
}

.right-left {
    -webkit-animation-name: right-left;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: right-left;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes right-left {
    from {-webkit-transform:translate(0, 0);}
    55% {-webkit-transform:translate(-7%, 0);}
    to {-webkit-transform: translate(0, 0);}
}
@-moz-keyframes right-left {
    from {-moz-transform:translate(0, 0);}
    55% {-moz-transform:translate(-7%, 0);}
    to {-moz-transform: translate(0, 0);}
}

.left-right {
    -webkit-animation-name: left-right;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: left-right;
    -moz-animation-duration: 5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}
@-webkit-keyframes left-right {
    from {-webkit-transform:translate(0, 0);}
    55% {-webkit-transform:translate(10%, 0);}
    to {-webkit-transform: translate(0, 0);}
}
@-moz-keyframes left-right {
    from {-moz-transform:translate(0, 0);}
    55% {-moz-transform:translate(10%, 0);}
    to {-moz-transform: translate(0, 0);}
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes spin-inverse { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin-inverse { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin-inverse { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
/*------------------------------  Animation End ------------------------------*/




/*-------------------------- Footer Start --------------------------*/
footer {
    background: #090c1e;
    color: #aab3d9;
    padding: 20px 0;
    line-height: 20px;
    font-size: 12px;
}
footer a, footer a:active, footer a:focus {
    text-transform: inherit;
    color: #e1e1e1;
}
footer a:hover {
    color: #fff;
}
/*--------------------------- Footer End ---------------------------*/



/*------------------------ Responsive Start -----------------------*/
@media (min-width: 992px) and (max-width: 1199px){
    .main-feature {
        margin-top: 45px;
    }
}
@media (max-width: 991px){
    .top-circles {
        opacity: 0.5;
    }
    .widgets img:nth-child(3) {
        right: -20px;
    }
    .widgets img:nth-child(2) {
        bottom: -190px;
    }
    .widgets img:nth-child(4) {
        left: 40px;
    }
    .main-feature {
        margin-top: 40px;
    }
}
@media (max-width: 767px){
    .page-header {
        margin: 50px 0;
    }
    .brand{
        position: relative;
        z-index: 1;
        text-align: center;
        margin-top: 30px;
    }
    .top-circles {
        right: calc(50%);
        top: -100px;
        opacity: 0.5;
        z-index: 0;
    }
    .widgets .up-down, .widgets .right-left{
        display: none;
    }
    .widgets img:nth-child(5) {
        top: -20px;
        left: 0;
    }
    .widgets img:nth-child(4){
        top: 300px;
        left: inherit;
        right: 0;
    }
    .section.more-padding {
        padding: 50px 0;
    }
    .top-circle{
        top: -910px;
    }
    h2.ui-ux, h2.features, h2.shadow-text{
        font-size: 18pt;
    }
    h2.ui-ux:before, h2.features:before, h3.shadow-text {
        font-size: 28pt;
    }
}

@media (min-width: 576px) and (max-width: 767px){
    .main-feature .number {
        top: -50px;
    }
    h3.shadow-text{
        top: -22px;
    }
    .main-feature {
        margin-top: 10px;
    }
}
@media (max-width: 576px){
    .section.more-padding {
        padding: 25px 0;
    }
    .first-reason {
        margin: 40px 0;
        height: 450px;
    }
    .template-box {
        margin-bottom: 50px;
    }
    .feature{
        position: relative;
    }
    .feature h3 {
        margin-top: 14px;
        font-size: 13px;
        position: absolute;
        top: 78px;
        right: 0;
        left: 0;
        width: 98%;
        height: auto;
    }
    .top-circle{
        right: -200%;
        left: -200%;
        width: 400%;
    }
}
@media (max-width: 420px){

}
@media (max-width: 360px){
    .btn.btn-lg {
        padding: 14px 30px;
    }
    .feature h3 {
        font-size: 12px;
    }
}
/*------------------------- Responsive End -------------------------*/