body{
    /*font-family:lato,sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size:13px;
    line-height:24px;
    overflow-x:hidden;
}

/*** OTHER ***/
h1,h2,h3,h4,h5,h6{
    margin-top:0;
    margin-bottom:0;
    font-family:montserrat,sans-serif;
    font-weight:700
}
h1{font-size:3em}
h3{font-size:1.6em;line-height:1.4em}
p{font-size:13px;
    font-family:lato,sans-serif;
    margin:0;line-height:24px;
    font-weight:400
}
a{
    color:#444;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -ms-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}
a:hover,a:focus{color:#03a9f4}
a:hover,a:focus{
    text-decoration:none;
    outline:none
}
img{max-width:100%}
ul{margin:0;padding:0}
ul li{list-style:none;margin:0}
ol{list-style:none}
.center{text-align:center}
::selection{background:#03a9f4;color:#fff}
::-moz-selection{background:#03a9f4;color:#fff}


.btn-new{
    padding:6px 16px;
    border-radius:2px;
    position:relative;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.15);
}
.btn-new i{margin-right:10px;margin-left:0px}
.btn-xs{
    padding: 2px 2px;
    font-size: 12px;
}

/*** BTN ***/
.btn{
    border-radius: 2px;
}

/*** FONT SIZE ***/
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}
.font-size-20{font-size: 20px;}

/*** padding ***/
.no-padding{padding:0!important}

.padding-0{padding:0px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}

.padding-top-0{padding-top: 0px;}
.padding-top-5{padding-top: 5px;}
.padding-top-10{padding-top: 10px;}
.padding-top-15{padding-top: 15px;}
.padding-top-20{padding-top: 20px;}
.padding-top-25{padding-top: 25px;}
.padding-top-30{padding-top: 30px;}
.padding-top-35{padding-top: 35px;}
.padding-top-40{padding-top: 40px;}

.padding-bottom-0{padding-bottom: 0px;}
.padding-bottom-5{padding-bottom: 5px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding-bottom-15{padding-bottom: 15px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-25{padding-bottom: 25px;}
.padding-bottom-30{padding-bottom: 30px;}
.padding-bottom-35{padding-bottom: 35px;}
.padding-bottom-40{padding-bottom: 40px;}

.padding-left-0{padding-left: 0px;}
.padding-left-5{padding-left: 5px;}
.padding-left-10{padding-left: 10px;}
.padding-left-15{padding-left: 15px;}
.padding-left-20{padding-left: 20px;}
.padding-left-25{padding-left: 25px;}
.padding-left-30{padding-left: 30px;}
.padding-left-35{padding-left: 35px;}
.padding-left-40{padding-left: 40px;}

.padding-right-0{padding-right: 0;}
.padding-right-5{padding-right: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-right-15{padding-right: 15px;}
.padding-right-20{padding-right: 20px;}
.padding-right-25{padding-right: 25px;}
.padding-right-30{padding-right: 30px;}
.padding-right-35{padding-right: 35px;}
.padding-right-40{padding-right: 40px;}


/*** margin ***/
.margin-0{margin:0px;}
.margin-5{margin:5px;}
.margin-10{margin:10px;}
.margin-15{margin:15px;}
.margin-20{margin:20px;}

.margin-top-0{margin-top: 0px;}
.margin-top-5{margin-top: 5px;}
.margin-top-10{margin-top: 10px;}
.margin-top-15{margin-top: 15px;}
.margin-top-20{margin-top: 20px;}
.margin-top-25{margin-top: 25px;}
.margin-top-30{margin-top: 30px;}
.margin-top-35{margin-top: 35px;}
.margin-top-40{margin-top: 40px;}

.margin-bottom-0{margin-bottom: 0px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-bottom-15{margin-bottom: 15px;}
.margin-bottom-20{margin-bottom: 20px;}
.margin-bottom-25{margin-bottom: 25px;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-bottom-35{margin-bottom: 35px;}
.margin-bottom-40{margin-bottom: 40px;}

.margin-right-0{margin-right: 0px;}
.margin-right-5{margin-right: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.margin-right-20{margin-right: 20px;}
.margin-right-25{margin-right: 25px;}
.margin-right-30{margin-right: 30px;}
.margin-right-35{margin-right: 35px;}
.margin-right-40{margin-right: 40px;}

.margin-left-0{margin-left: 0px;}
.margin-left-5{margin-left: 5px;}
.margin-left-10{margin-left: 10px;}
.margin-left-15{margin-left: 15px;}
.margin-left-20{margin-left: 20px;}
.margin-left-25{margin-left: 25px;}
.margin-left-30{margin-left: 30px;}
.margin-left-35{margin-left: 35px;}
.margin-left-40{margin-left: 40px;}




/*** NAVBAR ***/
.navbar{padding:0}
.navbar li.active a.nav-link{color:#5bc0de}
@media(min-width:768px) and (max-width:991px){#nav-main li a.nav-link{padding-top:18px}}
.navbar-toggler{display:none}
.navbar-brand{position:relative;padding:0}
.navbar-brand img{width:70%}
.navbar-header{position:relative;padding:10px 0;float:left;margin:0!important}
.navbar .theme-header{width:100%}

.top-nav-collapse{z-index:999999;top:0!important;box-shadow:0 3px 6px 3px rgba(0,0,0,.06);background:#fff!important;-webkit-animation-duration:1s;animation-duration:1s}
.top-nav-collapse .navbar-brand{top:0}
.top-nav-collapse .navbar-brand img{width:70%}
.top-nav-collapse .navbar-nav .nav-link{color:#585b60!important;margin-top:0!important;margin-bottom:0!important}
.top-nav-collapse .navbar-nav .nav-link:hover{cursor:pointer;color:#03a9f4!important;border-color:#03a9f4!important}
.top-nav-collapse .navbar-nav .nav-link:hover{color:#03a9f4!important}
.top-nav-collapse .navbar-nav li.active a.nav-link{color:#03a9f4!important;border-color:#03a9f4}

.navbar-expand-lg .navbar-toggler{background:0 0;border:1px solid #03a9f4;color:#03a9f4;border-radius:4px;cursor:pointer}
.navbar-expand-lg .navbar-nav .nav-link i{font-size:14px;margin-left:5px;vertical-align:middle}
.navbar-expand-lg .navbar-nav .nav-link{
    color:#333;
    font-weight:400;
    cursor:pointer;
    position:relative;
    text-transform:uppercase;
    background:0 0;
    -moz-transition:color .3s linear;
    -webkit-transition:color .3s linear;
    -o-transition:color .3s linear;
    transition:color .3s linear
}
.navbar-expand-lg .navbar-nav li a:hover,
.navbar-expand-lg .navbar-nav li .active>a,
.navbar-expand-lg .navbar-nav li a:focus{color:#fff;outline:none}
.navbar-expand-lg .navbar-nav .active>.nav-link,
.navbar-expand-lg .navbar-nav .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link.open,
.navbar-expand-lg .navbar-nav .open>.nav-link{color:#03a9f4!important;width:100%}
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:hover::before,
.navbar-expand-lg .navbar-nav .nav-link:focus{color:#03a9f4;width:100%;transition:width 1s;-webkit-transition:width 1s;}
.navbar-expand-lg .navbar-nav{position:relative;-moz-transition:color .3s linear;-webkit-transition:color .3s linear;-o-transition:color .3s linear;transition:color .3s linear}
.navbar-expand-lg .navbar-nav .nav-link{
    color:#444;
    line-height:normal;
    border-radius:4px;
    padding:30px 7px;
    font-size:14px;
    outline:0;
    letter-spacing:0em;
    -moz-transition:color .3s linear;
    -webkit-transition:color .3s linear;
    -o-transition:color .3s linear;
    transition:color .3s linear
}
.navbar-expand-lg .navbar-nav>li a:hover,.navbar-expand-lg .navbar-nav>li a.active,
.navbar-expand-lg .navbar-nav>li a:focus{color:#3498db}
.navbar-expand-lg .navbar-nav>li a i{margin-right:3px}
.navbar-expand-lg .navbar-nav>li.post-add{
    padding-left:6px;
}
.navbar-expand-lg .navbar-nav>li.post-add a{
    box-sizing:border-box;
    font-size:13px;
    text-transform:uppercase;
    margin-top:22px;
    line-height:18px;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    color: #007bff;
    background-color: #ffffff;
    border-color: #007bff;
}
.navbar-expand-lg .navbar-nav>li.post-add a:hover{
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 2px;
}

.navbar-expand-lg .navbar-nav>li.flag{
    padding-left:15px;
}
.navbar-expand-lg .navbar-nav>li.flag a{
    margin-top:28px;
    margin-bottom: 10px;
    display: inline-block;
}
.navbar-expand-lg .navbar-nav>li.flag a span{
    font-size: 20px;
    border: #bbbbbb 1px solid;
    border-radius: 2px;
}
.navbar-default{margin-bottom:0;background:0 0;border:none;border-radius:0;border-bottom:1px solid #ddd}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{background:0 0;color:#3498db}
.navbar-default li>ul.user-menu{padding:0;min-width:170px;border-radius:0}
.navbar-default li>ul.user-menu li a{font-size:11px;display:block;border-bottom:1px solid #eee;font-weight:400;padding:6px 10px}
.navbar-default li>ul.user-menu li a i{margin-right:8px}
.navbar-default .navbar-toggle{border-color:#eee;border-radius:0}

.navmenu,.navbar-offcanvas{width:180px;z-index:99999}
.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#fff;border-left:1px solid #eee}
.navmenu-default .navmenu-nav>li>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,
.navmenu-default .navmenu-nav>li>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#03a9f4;background-color:transparent}
.nav>li{position:relative;display:block;width:100%}
.navmenu-default .navmenu-nav>li>a,
.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#444;padding:0 15px;width:100%;display:inline-block;font-size:12px;border-bottom:1px solid #eee}
nav#menu span.fa.fa-bars:hover{color:#03a9f4}
.navmenu-default .navmenu-nav>.active>a,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,
.navmenu-default .navmenu-nav>.active>a:hover,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,
.navmenu-default .navmenu-nav>.active>a:focus,
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#03a9f4}

.navbar .navbar-nav>li>.dropdown-menu{margin-top:0}
.li .dropdown-menu.user-menu>.active>a,
.dropdown-menu.user-menu>.active>a:focus{background:#ddd;color:#444;font-weight:700}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{background-color:#eee}
.dropdown-toggle::after{display:none}
.dropdown-menu{
    margin:0;
    padding:0;
    display:none;
    position:absolute;
    z-index:99;
    min-width:180px;
    border:none;
    background-color:#fff;
    border-top:1px solid #03a9f4;
    white-space:nowrap;
    border-radius:0;
    -webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,.08);
    -moz-box-shadow:0 5px 20px 0 rgba(0,0,0,.08);
    box-shadow:0 5px 20px 0 rgba(0,0,0,.08);
    animation:fadeIn .4s;
    -webkit-animation:fadeIn .4s;
    -moz-animation:fadeIn .4s;
    -o-animation:fadeIn .4s
}
.dropdown:hover .dropdown-menu{display:block;position:absolute;text-align:left;top:100%;animation:fadeIn .4s;-webkit-animation:fadeIn .4s;-moz-animation:fadeIn .4s;-o-animation:fadeIn .4s;background:#fff}
.dropdown .dropdown-menu .dropdown-item{
    width:100%;
    padding:10px 20px;
    border-radius:0;
    font-size:14px;
    margin:0;
    color:#444;
    text-decoration:none;
    display:inline-block;
    float:left;
    letter-spacing:1px;
    clear:both;
    position:relative;
    outline:0;
    transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
}
.dropdown .dropdown-item:focus,.dropdown .dropdown-item:hover,.dropdown .dropdown-item.active{background:#03a9f4;color:#fff!important}
.dropdown-item.active,.dropdown-item:active{background:0 0}
.fadeInUpMenu{-webkit-animation-name:fadeInUpMenu;animation-name:fadeInUpMenu}
.bg-inverse{background:#fff}


/*** SLICKNAV ***/
.slicknav_menu{display:none;background:#fff;padding:0 20px;text-align:left}
.slicknav_brand{float:left;line-height:inherit;padding:7px 0;height:auto}
.slicknav_btn{margin:14px 0;background-color:#03a9f4;padding:8px 9px 7px}
.slicknav_nav{overflow:auto;max-height:350px}
.slicknav_menu .slicknav_icon-bar{background:#fff}
.slicknav_nav ul{margin:0}
.slicknav_nav a,
.slicknav_nav .slicknav_row,
.slicknav_nav a{padding:10px 0;font-size:14px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.slicknav_parent ul{margin-left:15px}
.slicknav_parent ul a{font-size:14px;text-transform:capitalize;border-bottom:0;font-weight:400}
.slicknav_nav a:hover a,
.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover,
.slicknav_nav .slicknav_item a:hover,
.slicknav_nav .slicknav_parent-link a:hover{background-color:transparent;color:#03a9f4}
.slicknav_nav .slicknav_arrow{float:right;color:#444}
.slicknav_nav a h3{font-size:14px;display:inline;text-transform:capitalize;font-weight:500}
.slicknav_menu li p{display:none}
.sticky-menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:auto;
    z-index:99;
    background-color:#fff;
    -webkit-animation:slideInDown;
    animation:slideInDown;
    -webkit-animation-duration:.6s;
    animation-duration:.6s;
    -webkit-box-shadow:0 0 20px -7px rgba(0,0,0,.4);
    box-shadow:0 0 20px -7px rgba(0,0,0,.4)
}


/*** INDEX BANNER IMG ***/
#page-img-index{
    background:url(/assets/img/header/1.jpg) center center no-repeat;
    background-size:cover;
    color:#fff;
    overflow:hidden;
    position:relative;
}
#page-img-index .overlay{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,.7);
}
#page-img-index .contents{
    padding:130px 0 60px;
}
#page-img-index .page-name{
    padding:120px 0 40px;
}
#page-img-index .contents p{
    font-size:14px;
    color:#fff;
    font-weight:400;
    line-height:24px;
    padding-top: 5px;
    padding-bottom: 40px;
}


/*** features ***/
.features{
    padding:0;
    background-size:cover;
}
.features-box{
    margin-top:15px;
    margin-bottom:15px
}
.features-box .features-icon{
    float:left;
    padding:2px
}
.features-box .features-icon i{
    color:#03a9f4;
    font-size:30px
}
.features-box .features-content{
    padding-left:50px
}
.features-box .features-content h4{
    font-size:18px;
    margin-bottom:5px;
    font-weight:600;
    transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out
}
.features-box .features-content h5{
    font-size:14px;
    margin-bottom:5px;
    font-weight:600;
    transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out
}
.features-box .features-content p{
    color:#888
}
.featured-lis{
    margin-top:30px
}


/*** TOP-UP ***/
#top-up{
    position:fixed;
    background:#fff;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999999999;
}
.sk-folding-cube{
    margin:0 auto;
    top:50%;
    width:50px;
    height:50px;
    position:relative;
    -webkit-transform:rotateZ(45deg);
    transform:rotateZ(45deg)
}
.sk-folding-cube .sk-cube{
    float:left;
    width:50%;
    height:50%;
    position:relative;
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1)
}
.sk-folding-cube .sk-cube:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:#03a9f4;
    -webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;
    animation:sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
}
.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}
.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}
.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}
.back-to-top{
    display:none;
    position:fixed;
    bottom:18px;
    left:25px;
}
.back-to-top i{
    display:block;
    width:42px;
    height:42px;
    line-height:42px;
    color:#fff;
    font-size:26px;
    text-align:center;
    background-color:#03a9f4;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    -o-transition:all .2s linear;
    transition:all .2s linear;
    border-radius: 2px;
}
.back-to-top i:hover{
    background-color: #037ac2;
}


/*** LEFT ***/
.left-box{
    padding:15px;
    margin-bottom:30px;
    box-shadow:0 0 10px rgba(175,175,175,.23)
}

.widget-title, .widget-title-orange{
    position:relative;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #eee
}
.widget-title:before{
    content:"";
    position:absolute;
    border-bottom:3px solid #03a9f4;
    width:50px;
    bottom:-1px;
    left:0
}
.widget-title-orange:before{
    content:"";
    position:absolute;
    border-bottom:3px solid #fd7e14;
    width:50px;
    bottom:-1px;
    left:0
}
.widget-title i{
    display:inline-block;
    margin-right:10px;
    font-size:16px;
    color:#03a9f4
}
.widget-title-orange i{
    display:inline-block;
    margin-right:10px;
    font-size:16px;
    color: #fd7e14;
}
.widget-title h4, .widget-title-orange h4{
    font-size:14px;
    display:inline-block;
    text-transform:uppercase
}

.categories-list ul{
    margin:0
}
.categories-list ul li a{
    padding:2px 0px 2px 0px;
    margin-bottom:5px;
    display:block;
    font-size:14px;
    color:#444;
    border-bottom:1px solid #eee
}
.categories-list-news-block ul li a{
    border-bottom:1px solid #bbbbbb;
    font-size: 14px;
}
.categories-list ul li a:hover{
    color:#03a9f4
}
.categories-list ul li a img{
    margin-right:10px;
    width: 26px;
    height: 26px;
    border-radius: 2px;
}
.categories-list ul li a i{
    font-size: 16px;
    margin: 0px 10px 0px 0px;
}
.categories-list ul li:last-child a{
    border:none
}


/*** CONTENT ***/
.main-container{padding:60px 0}
.section-title, .section-title-top, .section-title-border, .section-title-top-border{letter-spacing:0em;padding:20px 0 20px 0;text-transform:uppercase;font-weight:400}
.section-title-top{padding:0px 0 20px 0;}
.section-title-top-border{padding:0px 0 2px 0; border-bottom: #5bc0de 1px solid;}
.section-title-border{padding:20px 0 2px 0; border-bottom: #5bc0de 1px solid;}

.section-title h1, section-title-top h1, section-title-border h1{font-size:32px;}
.section-title h2, section-title-top h2, section-title-border h2{font-size:24px;}
.section-title h3, section-title-top h3, section-title-border h3{font-size:18px;}
.section-title h4, section-title-top h4, section-title-border h4{font-size:14px;}
.section-title h5, section-title-top h5, section-title-border h5{font-size:12px;}
.section-title h6, section-title-top h6, section-title-border h6{font-size:10px;}


/*** Info Bar ***/
.info-bar {
    margin:0;
    border:0;
    color:#000;
    background-color:rgba(0,0,0,0.05);
    padding:0;
}
.info-bar div.row>div {
    padding-top:20px;
    padding-bottom:20px;
    margin:0 !important;
    border-right:rgba(0,0,0,0.1) 1px solid;
}
.info-bar div.row>div:last-child {
    border:0;
}
.info-bar div.row>div i {
    color:#03a9f4;
    font-size:32px;
    line-height: 1.2;
    margin-right:10px;
    float:left;
}
.info-bar h3,
.info-bar p {
    color:#333;
    font-size:16px;
    line-height:1.5;
    margin:0;
    padding:0;
}
.info-bar p {
    font-size: 12px;
    line-height:1;
}
.info-bar.info-bar-clean {
    background-color:#fff;
    border-bottom: rgba(0,0,0,0.1) 1px solid;
}
.info-bar.info-bar-bordered {
    margin:30px 0;
    border: rgba(0,0,0,0.1) 1px solid;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.info-bar.info-bar-bordered div.row>div {
    padding-top:15px;
    padding-bottom:15px;
}


/** IMG **/
.index-project-img{
    width: 140px;
    height: 70px;
    margin-right: 20px;
    margin-bottom: 20px;
}


/*** paylist ***/
.pay-list{
    box-shadow:0 -3px 6px 3px rgba(0,0,0,.1);
    padding-top: 15px;
}
.pay-list img{
    width: 140px;
    height: 60px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 15px;

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
.pay-list img:hover{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    opacity: 1;
    filter: alpha(opacity = 100);
}
@media (min-width: 576px) {
    .pay-list img{
        width: 120px;
        height: 50px;
        margin-right: 2px;
        margin-left: 2px;
    }
}
@media (min-width: 768px){
    .pay-list img{
        width: 120px;
        height: 50px;
        margin-right: 2px;
        margin-left: 2px;
    }
}
@media (min-width: 992px) {
    .pay-list img{
        width: 120px;
        height: 50px;
        margin-right: 2px;
        margin-left: 2px;
    }
}
@media (min-width: 1200px) {
    .pay-list img{
        width: 140px;
        height: 60px;
    }
}


/*** FOOTER ***/
footer .footer-Content{
    background-color:#222;
    padding:40px 0 10px 0;
    color:#fff
}
footer .block-title{
    margin:0px 0px 10px 0px;
    font-size:18px;
    color: rgba(255,255,255,0.8);
    text-transform:uppercase;
    padding-bottom:5px
}

footer .logo{
    margin-top: -5px;
}
footer .block-contact{
    background: url('/assets/img/map.png') no-repeat center;
    font-size:14px;
    font-weight:300;
    color:#fff;
    padding-bottom: 5px;
    margin-top: 15px;
}
footer .block-contact ul li{
    margin-top: 5px;
    color: rgba(255,255,255,0.8);
}
footer .block-contact ul li a{
    color: rgba(255,255,255,0.8);
}
footer .block-contact ul li a:hover{
    color: #03a9f4;
}

footer .block-last-news{
    padding-top: 6px;
}
footer .block-last-news ul li{
    border-bottom: 1px solid #333333;
    margin-bottom: 7px;
    padding-bottom: 7px;
    color: rgba(255,255,255,0.8);
}
footer .block-last-news ul li a{
    color: rgba(255,255,255,0.8);
}
footer .block-last-news ul li a:hover{
    color: #03a9f4;
}

footer .menu{
    padding-top: 3px;
}
footer .menu li a{
    color: rgba(255,255,255,0.8);
}
footer .menu li a:hover{
    color:#03a9f4
}
footer .informer .icon{
    color:#03a9f4;
    margin-right: 15px;
}
footer .copyright{
    background-color: #444444;
    padding:10px 0 10px 0;
    color: #eeeeee;
    font-size: 14px;
}
footer .copyright span{
    float: right;
}


/*** MEDIA ***/
@media(max-width:991px){
    .slicknav_menu{display:block;width:100%}
    .theme-header{display:none}
    .mobile-menu{width:100%}
    .dropdown-menu{position:relative;background:0 0}
    .dropdown:hover .dropdown-menu{position:relative;background:0 0}
    .dropdown .dropdown-menu .dropdown-item{border-radius:0}
    .dropdown-menu:before{display:none}
    .navbar-expand-lg .navbar-nav .nav-link{padding:10px 15px;line-height:22px}
    .top-nav-collapse .navbar-nav .nav-link{color:#444!important}
}
@media(max-width:767px){
    .sticky-menu{margin:0}
}
@media(max-width:576px){
    .d-xs-none {
        display: none !important;
    }
    .d-xs-block {
        display: block !important;
    }
}


/*** Blog ***/
.adds-wrapper{
    background:#fff;
    clear:both;
    display:inline-block;
    height:auto;
    width:100%;
}
.adds-wrapper .item-list{
    padding:15px 30px;
    border:1px solid #eee;
    width:100%;
    height:auto;
    display:block;
    position:relative;
    overflow:hidden;
    clear:both;
    margin-bottom:15px;
    box-shadow:1px 1px 3px 0 #f1f1f1;
    -webkit-transition:background .25s ease-in 0s;
    -moz-transition:background .25s ease-in 0s;
    -ms-transition:background .25s ease-in 0s;
    -o-transition:background .25s ease-in 0s;
    transition:background .25s ease-in 0s;
}
.adds-wrapper .item-list:hover{
    background:#f6f6f5;
}
.adds-wrapper .add-title{
    font-size:16px;
    padding-bottom:5px;
}
.blog-image img{
    border: 0px solid #444444;
    border-radius: 2px;
    width: 64px;
    height: 64px;
}


/*** Paginator ***/
.pagination-bar{
    padding-bottom:35px;
}
.pagination{margin:0}
.pagination .page-item .page-link{
    border-radius:2px!important;
    border:1px solid #eee;
    transition:all .3s;
    padding:0 11px;
    margin:0 3px;
    min-width:30px;
    height:30px;
    line-height:30px;
    color:#999;
    font-weight:400;
    font-size:12px;
    text-transform:uppercase;
    background:0 0;
}
.pagination .page-item .page-link:hover{
    background-color:#03a9f4;
    color:#fff;
}
.pagination .page-item .page-link:focus{
    box-shadow:none!important;
}
.pagination .page-item .active{
    background-color:#03a9f4;
    border-color:#03a9f4;
    color:#fff;
}


/*** FAQ ***/
#accordion .panel-default{
    border-radius:2px;
    border:none;
    margin-bottom:5px;
}
#accordion .panel-default .panel-heading{
    padding:0 20px;
    outline:medium;
    border-radius:2px;
    background:#e6e6e6;
    border:1px solid #ccc;
    width:100%;
    box-shadow:none;
}
#accordion .panel-default .panel-heading .panel-title{
    margin-top:0;
    margin-bottom:0;
    font-size:14px;
    color:inherit;
}
#accordion .panel-default .panel-heading a{
    font-size:15px;
    font-weight:400;
    padding:10px 35px 10px 0;
    display:inline-block;
    width:100%;
    color:#444;
    position:relative;
    text-decoration:none;
}
#accordion .panel-default .panel-collapse .panel-body{
    padding:15px 20px;
    background-color:#fff;
    border:1px solid #ccc;
}

/*** Tables ***/
.tb-personal{
    margin-top: 0px;
    border-radius: 2px;
}
.tb-personal thead th{
    font-size:14px;
    text-transform:uppercase;
}
.tb-personal tbody tr td{
    font-size: 13px;
    /*padding: 5px 7px;*/
}
.tb-personal tbody tr td .flag-icon{
    font-size: 16px;
    border: #eeeeee 1px solid;
    margin-right: 10px;
}
.tb-personal tbody tr td a{
    font-size: 16px;
}
.tb-personal .btn, .tb-personal a{
    padding: 2px 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 12px;
}


/*** CALLOUT ***/
.bs-callout {
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    border-left-width: 3px;
    border-radius: 2px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0
}
.bs-callout code {
    border-radius: 2px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-primary {
    border-left-color: #007bff;
}
.bs-callout-primary h4 {
    color: rgba(0, 116, 253, 0.66);
}
.bs-callout-info {
    border-left-color: #17a2b8
}
.bs-callout-info h4 {
    color: #5bc0de
}
.bs-callout-warning {
    border-left-color: #d39e00;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-danger {
    border-left-color: #dc3545;
}
.bs-callout-danger h4 {
    color: #d9534f
}


/*** PRICING ***/
#pricing-table{
    background:#fff;
    text-align:center;
}
#pricing-table .title{
    padding-top:15px;
    padding-bottom:10px;
}
#pricing-table .title h3{
    color:#444;
    text-transform:uppercase;
    font-size:18px;
    margin-bottom:0;
}
#pricing-table .table{
    padding-bottom:25px;
    border:1px solid #86ebff;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}

#pricing-table .table .pricing-header {
    position:relative;
    padding:20px 0;
    background:#fafafa none repeat scroll 0% 0%;
    text-align:center;
    border-bottom:1px solid #eee;
    border-top:1px solid #eee;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
}
#pricing-table .table .pricing-header .price-value{
    font-size:38px;
    color:#03a9f4;
    position:relative;
    text-align:center;
    font-weight:700;
    line-height:36px;
}
#pricing-table .table .pricing-header .price-value sup{
    font-size:18px;
    position:relative;
    top:-14px;
    font-weight:400;
    padding-right: 10px;
}
#pricing-table .table .pricing-header .price-quality{
    font-size:14px;
    color:#888;
    padding-top: 10px;
}

#pricing-table .table .flag {
    margin-top: 15px;
    margin-bottom: 25px;
}
#pricing-table .table .flag span{
    font-size: 42px;
    box-shadow: #03a9f4 0px 0px 5px;
}

#pricing-table .table .description{
    text-align:center;
    padding:0 15px;
    margin-bottom:25px;
}
#pricing-table .table .description li{
    font-size:12px;
    color:#888;
    border-bottom:1px solid #eee;
    padding-bottom:5px;
    margin-bottom:5px;
}
#pricing-table .table .description i{
    color:#03a9f4;
    margin-right:5px;
}

#pricing-table .table:hover{
    border:1px solid #03a9f4;
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}
#pricing-table .table:hover .pricing-header{background:#03a9f4}
#pricing-table .table:hover .pricing-header .price-value{color:#fff}
#pricing-table .table:hover .pricing-header .price-quality{color:#fff}

#pricing-table .active{
    border:1px solid #03a9f4;
    box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}
#pricing-table .active .pricing-header{background:#03a9f4}
#pricing-table .active .pricing-header .price-value{color:#fff}
#pricing-table .active .pricing-header .price-quality{color:#fff}

#pricing-table .table .pricing-comment {
    margin-top: 20px;
    padding-top: 5px;
    border-top: #eeeeee 1px solid;
    margin-right: 15px;
    margin-left: 15px;
    font-size: 12px;
    color: #888888;
}


/*** PROXY ***/
.img-special-project img{
    width: 34px;
    height: 34px;
}
.img-special-project a span{
    margin-left: 15px;
    font-size: 12px;
    color: #007bff;
    padding-top: 10px;
}
.img-special-project a span:hover{
    color: #03a9f4;
}

/*** HEAD ***/
.thead-blue{
    color: #ffffff;
    background-color: #03a9f4;
    border-color: #034165;
}