/*
Author       : Themes_mountain.
Template Name: Inspinia - Complete Landing Page Solution
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT DESIGN
    05. START SERVICE DESIGN
    06. START PORTFOLIO DESIGN
    07. START PROMOTION DESIGN
    08. START TEAM DESIGN
    09. START TESTIMONIAL DESIGN
    10. START PRICING DESIGN
    11. START NEWSLETTER DESIGN
    12. START PARTNER DESIGN
    13. START BUY NOW DESIGN
    14. START CONTACT ADDRESS DESIGN
    15. START FOOTER DESIGN

    =============================
    
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
@font-face {
    font-family: 'Kanit-Light';
    src: url(../fonts/kanit/Kanit-Light.ttf);
  }

body {
color: #555;
/**/
font-family: 'Kanit-Light', sans-serif !important;
letter-spacing: 0.5px;
font-size: 16px;
line-height: 30px;
background:#fff;
overflow-x:hidden;
}
font {
    font-family: 'Kanit-Light', sans-serif !important;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  color: #333;
  font-weight: 400;
}
a {
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}

::-webkit-input-placeholder {
  font-weight: 300;
   }

:-moz-placeholder {
  font-weight: 300;
   }

::-moz-placeholder {
  font-weight: 300;
   }

:-ms-input-placeholder {
  font-weight: 300;
   }
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.mt-2{ margin-top:20px !important }
.mt-3 {
    margin-top: 20px !important
}
/*START custom GENERAL STYLE */
.text-white{
    color: #fff !important;
}
.nav-tabs.nav-tabs-flex{
    display: flex; 
    border-bottom:none;
}
.nav-tabs.nav-tabs-flex>li{
    display: flex;
    flex: 1;
}
.nav-tabs.nav-tabs-flex>li>a{
    width: 100%;
    text-align: center;
    border:none !important;
    color: #0041c3;
}
.nav-tabs.nav-tabs-flex>li.active>a, .nav-tabs.nav-tabs-flex>li.active>a:focus, .nav-tabs.nav-tabs-flex>li.active>a:hover{
    border:none !important;
    border-bottom-color: none !important;
    background: none !important;
    color: #0041c3;
}
.nav-tabs.nav-tabs-flex>li>a:hover, .nav-tabs.nav-tabs-flex>li>a:focus{
    background: none;
    border:none !important;
    border-color: transparent !important;
    color: #0041c3;
}
a.btn-border.purple{
    border: 2px solid #0041c3;
    color: #0041c3 !important;
    font-weight: bold;
    padding: 15px 10px;
}
a.btn-border.purple:hover{
    background-color: #0041c3;
    color: #fff !important;
}

.pt-6{
    padding-top: 60px;
}

/* END custom GENERAL STYLE */
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}
/*loader*/
.status-mes {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 4px solid #0041c3;
    border-right: 4px solid #0041c3;
    border-bottom: 4px solid #0041c3;
    border-left: 4px solid #fff;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

.h-100{
    min-height: 100%;
    height: 100%;
}
.w-100{
    min-width: 100%;
}

text-justify {
    text-align: justify;
}

.content-middle{
    display: flex;
    text-align: center;
    align-items: center;

}

.content-middle .hero-text h2{
    padding-top: 0;
}


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

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.TH {
	font-family: 'Kanit-Light', sans-serif;
	display: block;
}
span.TH{
    display: inline-block;
}
.EN{
    display: none;
}
.status-mes h4 {
color: #edf3fe;
position:relative;
font-size:24px;
margin-top: 30px;
text-transform: capitalize;
letter-spacing: 1px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.partner-logo {
	/*background: #111;*/
	/*background: #f6bf26;*/
}

.section-padding {padding: 60px 0;}
.partner-logo {
    background: #0041c3;
}
.partner-logo.section-padding { padding: 40px 0;}
/*START SECTION TITLE DESIGN*/
.section-title{margin-bottom:60px;}
.section-title  h1 {
font-size: 40px;
font-weight: 500;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
.section-title  h2 {
color: #2a2b2f;
font-size: 33px;
font-weight: normal;
line-height: 44px;
margin: 0;
}
h1.section-title-white{
font-size: 60px;
font-weight: 900;
margin-top: 0;
position: relative;
text-transform: capitalize;
}
p.section-title-white{color:#fff;}
@media only screen and (max-width:767px) { 
    .section-title {margin-bottom:30px}
    
}

@media only screen and (max-width:480px) { 
.section-title  h1  {font-size:30px;}
}
.section-title span{
background: #0041c3 none repeat scroll 0 0;
border-radius: 2px;
display: block;
height: 4px;
margin: 20px auto;
width: 60px;
}
.section-title-white-span{background: #fff !important;}
.section-title-white{color:#fff;position:relative;}
.section-title  p{
padding: 0 10px;
width: 60%;
margin: auto;	
}
@media only screen and (max-width:480px) { 
.section-title  p{
padding: 0 10px;
width: 90%;
margin: auto;	
}
}
/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #c3c7c9 none repeat scroll 0 0;
background: #a328dc; 
	background: -moz-linear-gradient(top, #1f47cb 0%, #a328dc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #1f47cb 0%,#a328dc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #1f47cb 0%,#a328dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f47cb', endColorstr='#a328dc',GradientType=0 ); /* IE6-9 */

border-radius: 30px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 18px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
}
.topcontrol:hover {
    background: #a328dc;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BTN STYLES*/
.app-btn {
  /*background: #19b5fe none repeat scroll 0 0;
  border-radius: 30px;
  border: 1px solid #19b5fe;
  
  color: #fff;
  margin-right: 15px;
  padding: 15px 40px;
  transition: all 0.2s ease 0s;*/
  margin-right: 10px;
  /*box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);*/
}
.app-btn img { width: 130px; height: auto;}

.app-btn i{ margin-right: 5px;}
.app-btn:hover,
.app-btn:focus{box-shadow:none;}
.app-btn-two {
  background: #fff none repeat scroll 0 0;
  border-radius: 30px;
  border: 1px solid #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  color: #333;
  margin-right: 15px;
  padding: 15px 40px;
  transition: all 0.2s ease 0s;
}
.app-btn-two i{ color:#333;margin-right: 5px;}
.app-btn-two:hover,
.app-btn-two:focus{color:#333;box-shadow:none;}

.google-btn {
/*background: #005bbc none repeat scroll 0 0;
border: 1px solid #005bbc;
border-radius: 30px;

color: #fff;
margin-right: 15px;
padding: 15px 40px;
transition: all 0.2s ease 0s;*/
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.google-btn img { width: 130px; height: auto;}
.google-btn i{ margin-right: 5px;}
.google-btn:hover,
.google-btn:focus{box-shadow:none;}

.btn-chat, .btn-chat:hover, .btn-chat:active, .btn-chat:focus{
    position: fixed;
    padding: 0;
    bottom: 15px;
    right: 15px;
    background: rgb(110,134,214);
    background: -moz-linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
    background: linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0041c3",endColorstr="#48c4ee",GradientType=1);
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 28px;
    -webkit-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 14px -2px rgba(0,0,0,0.75);
}

@media only screen and (max-width: 767px){
    .app-btn{
        margin-bottom: 10px;
    }
}

/*END BTN STYLES*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .container {
	position: relative;
}
.navbar-default .navbar-nav>li>a.btn-border {    
    text-align: center;
    min-width: 120px;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #0041c3 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #0041c3 !important;
    background-color: transparent;
}
.navbar-nav {
	float: left;
	margin: 5px 0 0;
}
.navbar-brand {
    height: auto;
    padding: 0;
 }
.navbar-brand2 {
    height: auto;
    padding: 0;
    display: none;
}
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        margin-right: 0;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}
@media only screen and (max-width:1200px) { 
.navbar-brand {
	display: none; 
}
.navbar-brand2 {
	display: block;
}
}

.navbar-brand img, .navbar-brand2 img {
    width: 138px;
    margin-top: 7px;
    margin-right: 10px;
}
@media only screen and (max-width:768px) { 
.navbar-brand img, .navbar-brand2 img {
    margin-left: 15px;
    margin-top: 5px;
    width: 130px;
}
}
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #fff;
margin-top: 0px;
}
.navbar-collapse {
	/*margin-right: 50px; */
}

.global-menu {
  /*display: table-cell;
  text-align: right;*/
  z-index: 3;
}

#lang-menu {
  width: 55px;
  height: auto;
  position: absolute;
  top: 10px;
  right: 0px;
  border: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  -ms-transform: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  
  
  color: #fff;
  cursor: pointer;
  z-index: 1000;
}
#lang-menu div {
  text-align: center;
  padding: 10px 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  -ms-transform: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  font: 15px/30px 'Ubuntu', sans-serif;
  font-weight: 500;
}
#lang-menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: none;
  text-align: center;
  background: rgba(255, 255, 255,.6);
}
#lang-menu ul li {
  padding: 6px 10px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  font: 15px/30px 'Ubuntu', sans-serif;
  font-weight: 500;
}
#lang-menu ul li:hover {
    cursor: pointer;
    color: #fff;
    /*background: rgb(110,134,214);
    background: -moz-linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
    background: linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0041c3",endColorstr="#48c4ee",GradientType=1); */

}
#lang-menu ul li:hover .flag{
    transform: scale(1.1);
}
#lang-menu .flag{
    background: url(../img/flag-uk.png)center no-repeat;
    background-size: 100%;
    width: 24px;
    height: 24px;
    display: inline-block;
}
#lang-menu .flag.th{
    background: url(../img/flag-th.png)center no-repeat;
    background-size: 100%;
}
#lang-menu2 {
	display: none;
}
#lang-menu2 ul li {
  display: table-cell;
  width: 50px;
  padding: 8px;
  font: 15px/30px 'Ubuntu', sans-serif;
  font-weight: 500;
  cursor: pointer;
}
#lang-menu2 ul li:first-child {
  width: 120px;
  cursor: auto;
}

.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 }
.menu-top li a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    /*text-transform: uppercase;*/
}
@media (min-width: 768px){
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
}
.modal-youtube .modal-dialog {
    width: 768px;
    margin: 7% auto 0;
}

}
@media (max-width: 1200px){
    body.overlay{
        overflow: hidden;
    }
    /*.navbar-default .navbar-collapse{
        position: fixed;
        width: 100%;
        max-height: 0% !important;
        height: 0% !important; 
        transition: 0.5s; 
        
    }*/
    .navbar-default .navbar-collapse{
        left: 0;
        position: fixed;
        width: 100%;
    }
    .navbar-default .navbar-collapse.in{
        position: fixed;
        width: 100%;
        max-height: 100% !important;
        height: 100% !important;
        background: #fff;
        left: 0;
    }
    .navbar-default .navbar-collapse .navbar-nav{
        float: none;
        margin-top: 60px;
        border-top: 1px solid #ddd;
        padding-left: 30px;
    }
    .menu-top { 
        background-color: #fff;;
    }

    .menu-top li a{
        color: #333 !important;
    }

    
    
    
}
.menu-top li a.btn-border, a.btn-border{
    border: 2px solid #fff;
    border-radius: 8px;
    margin-right: 5px;
    background: transparent;
    color: #fff !important;
    padding: 14px 15px;
    font-weight: normal;
    min-width: 150px;
    display: inline-block;
    line-height: 15px;
}
.menu-top li a.btn-border:hover, a.btn-border:hover, .menu-top li a.btn-border.active, a.btn-border.active{
    background-color: #fff;
    color: #333 !important;
}
.navbar-default.menu-shrink li a{
    font-weight: 500;
}
.navbar-default.menu-shrink li a.btn-border, button.btn-border{
    border: 2px solid #333;
    background: transparent ;
    font-weight: normal;
    

}
button.btn-border:hover{
    background-color: #333;
    color: #fff;
}
.navbar-default.menu-shrink li a.btn-border:hover{
    color: #fff !important;
    background-color: #005bbc ;
    border-color: #005bbc;
}
.navbar-default.menu-shrink li a.btn-border.border-green{
    border-color: #2ECC71;
}
.navbar-default.menu-shrink li a.btn-border.border-green:hover{
    background-color: transparent;
    color:#2ECC71 !important;
}
.navbar-default.menu-shrink li a.btn-border.hover-green:hover, .navbar-default.menu-shrink li a.btn-border.hover-green.active{
    background-color: #2ECC71 ;
    border-color: #2ECC71;
    color: #fff !important;
}
.navbar-default.menu-shrink li a.btn-border.hover-purple:hover, .navbar-default.menu-shrink li a.btn-border.hover-purple.active{
    background-color: #0041c3 ;
    border-color: #0041c3;
    color: #fff !important;
}
@media only screen and (max-width:1200px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
    .menu-top li a.btn-border, a.btn-border{
        margin-bottom: 10px;
    }
    
}
@media only screen and (max-width:1200px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a {color:#333  !important }
    .navbar-default .navbar-nav>li>a.btn-border { min-width: 100px;}
}
@media only screen and (max-width:1200px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a {color:#333  !important }
    .navbar-default .navbar-nav>li>a.btn-border { min-width: 100px;}
    /*#lang-menu { display: none;}*/
    #lang-menu2 { display: block;}
    
    .navbar-default .navbar-collapse .navbar-nav.navbar-right{
        padding-right: 50px;
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
        text-align: left;
        margin-top: 0; 
        padding-left: 30px;
    }
    .navbar-default .navbar-nav.navbar-right > li{
        display: inline-block;
        position: static;
    }
    .navbar-default .navbar-nav.navbar-right > li > a {
        border: 2px solid #333;   
    }
    #lang-menu{
        top: 10px !important;
        right: 15px !important;
    }
}

@media only screen and (max-width:767px) {
    .navbar-default .navbar-collapse .navbar-nav.navbar-right {
        padding-right: 0px !important;
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
        text-align: left;
        margin-top: 0;
        padding-left: 15px;
        text-align: center;
    }
    .navbar-default .navbar-collapse{
        text-align:center;
    }
    .navbar-default .navbar-collapse .navbar-nav {
        padding-left: 0 !important;
    }
    .navbar-toggle{
        margin-right: 15px;
    }
    #lang-menu{
        top: 10px !important;
        right: 0 !important;
    }
}


.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
.menu-shrink {
    background-color: #fff;
}




@media only screen and (max-width:480px) { 
    .menu-top {
        color: #222 !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a { color:#333 !important; font-size: 16px;}
.navbar-default.menu-shrink li a:hover { color: #0041c3 !important; }
.navbar-default.menu-shrink #lang-menu div { color: #333 !important;}
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0; border-color: #0041c3  }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #0041c3  }
.navbar-default .navbar-toggle .icon-bar { background-color: #0041c3 }
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff ;
}
.navbar-default.menu-shrink .navbar-brand {
	display: none;
}
.navbar-default.menu-shrink .navbar-brand2 {
	display: block;
}

.block-menu{
background: #0041c3 none repeat scroll 0 0;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff;
display: inline-block;
margin-top: 0;
padding:14px 30px!important;
transition: all 0.3s ease 0s;
}
.block-menu:hover{
background: #fff none repeat scroll 0 0!important;
color: #333!important;}
.navbar-default.menu-shrink li a.block-menu { color:#fff !important; }

.navbar-default.menu-shrink li a.block-menu:hover { color:#333 !important; }
@media only screen and (max-width:480px) { 
    .navbar-default .navbar-nav > li > a.block-menu{color:#fff  !important }
    .navbar-default .navbar-nav > li > a.block-menu:hover{color:#333  !important }
}
.block-menu-two{
background: #005bbc none repeat scroll 0 0;
border-radius: 30px;
box-shadow:0 5px 40px 0 rgba(42, 111, 199, 0.2);
color: #fff!important;
display: inline-block;
margin-top: 0;
margin-left:10px;
padding:14px 30px!important;
transition: all 0.3s ease 0s;
}
.block-menu-two:hover{
background: #333 none repeat scroll 0 0!important;
color: #fff!important;}
.navbar-default.menu-shrink li a.block-menu-two { color:#fff !important; }

.navbar-default.menu-shrink li a.block-menu-two:hover { color:#fff !important; }
@media only screen and (max-width:480px) { 
    .navbar-default .navbar-nav > li > a.block-menu-two{color:#fff  !important }
    .navbar-default .navbar-nav > li > a.block-menu-two:hover{color:#fff  !important }
	.block-menu-two{margin-left:0px;}
}
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_parallax{height: 100vh; position:relative; overflow: hidden }
@media only screen and (max-width:1280px) { 
.home_parallax{padding: 80px 2%;}
}
.home_parallax:before {
  /*position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  content: "";
  left: 0;
  top: 0;*/
}
.img-background {
	display: none;
	max-height: 100vh;
}
.img-background img {
	width: 100%;
}
@media only screen and (max-width:1024px) {
.home_parallax{
    height: auto;    
}
}
@media only screen and (max-width:768px) { 
.img-background {
	display: block;
	max-height: auto;
}
.home_parallax{
    height: auto;    
    padding: 80px 5px 20px;

}
}

.vdo-background {
	width: 100%;
	max-height: 100vh;
	position: relative;
}
.vdo-background video {
	display: block;
	width: 100%;
}
@media only screen and (max-width:768px) { 
.vdo-background  {
	display: none;
	max-height: auto;
}
.vdo-background video {

   	
}
}
.vdo-background #mute, .vdo-background #pause {
	 cursor: pointer; 
	 height: 50px; 
	 width: 50px; 
	 position: absolute; 
	 bottom: 3%; 
	 background-size: cover; 
	 z-index: 9; 
	 border: 2px solid #fff; 
	 border-radius: 50%;
	 background: transparent;
	 background-size: 100% auto;

}
.vdo-background #mute {
	left: 50px; 
	
}
.vdo-background #pause {
	left: 120px; 
	
}

@media only screen and (max-width:1280px) { 
.vdo-background #mute, .vdo-background #pause {
	 /*top: 85%; */
}
}

@media only screen and (max-width:768px) { 
.vdo-background #mute, .vdo-background #pause {
	top: 80%; 
}
}
.hero-text h2 {
color: #fff;
font-size: 50px;
font-weight: 600;
letter-spacing: 0;
line-height: 64px;
padding-top: 200px;
text-transform: capitalize;
}
@media only screen and (max-width:768px) { 
.hero-text h2 {
font-size: 40px;
line-height: 46px;
}
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
		padding-top: 200px;
        font-size: 30px;
        line-height: 40px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 34px;
    }
}
.hero-text p {
    color: #fff;

}

.newsletter_form {
    margin-top: 0px;
    background: rgb(0,65,195);
    background: -moz-linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    background: linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0041c3",endColorstr="#1359e4",GradientType=1);
    padding: 20px 7%;
    border-radius: 8px;
}

.newsletter_form .newsletter-title { color: #fff; }
.newsletter_form p { color: #fff; margin-bottom: 20px; font-size:15px}
.newsletter_form a { color:#fff}
.newsletter_form a:hover { text-decoration:underline}

.newsletter_form .text-sc {
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    display: block;
}

.newsletter input {
    font-family: 'Kanit-Light', sans-serif;
	background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius:4px !important;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 45px !important;

    
}
.newsletter .form-control{
    margin-bottom: 10px;
}
.newsletter textarea{
    resize: none;
}
.newsletter input:hover,
.newsletter input:focus {
background: #fff none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: none !important;
}
.newsletter_form_border{
background: #fff none repeat scroll 0 0;
display: block;
position: relative;
height: 2px;
margin: auto auto 10px;
width: 100px;	
}
.btn-newsletter-bg {
background: transparent;
border: 2px solid #fff;
border-radius: 0;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #fff;
font-size: 14px;
font-weight:600;
letter-spacing: 0.5px;
margin-left: 20px;
padding: 8px 20px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
border-radius: 8px;
min-width: 150px;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {padding: 7px 20px;}
}
.btn-newsletter-bg:hover,
.btn-newsletter-bg:focus {
    background: #fff;
    color: #0041c3;
    border: 2px solid #fff;
}
@media only screen and (max-width:480px) { 
.btn-newsletter-bg {margin-left:0px;  }
}
.software_home_img {
margin-top:92px;
}
@media only screen and (max-width:768px) { 
.software_home_img {margin-top:99px;}
}
@media only screen and (max-width:480px) { 
.software_home_img {margin-top:186px;}
}
@media only screen and (max-width:414px) { 
.software_home_img {margin-top:171px;}
}
@media only screen and (max-width:375px) { 
.software_home_img {margin-top:186px;}
}
@media only screen and (max-width:360px) { 
.software_home_img {margin-top:210px;}
}
@media only screen and (max-width:320px) { 
.software_home_img {margin-top:226px;}
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT ONE AND ABOUT TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */
#features {
    /*background: #f1f1f1;*/
}

.bg-gray {
    background: #f1f1f1 !important;
}
@media only screen and (max-width:768px) {
    #features * {
        text-align: center;
    }
}

.single-feature {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    margin-bottom: 60px;
    padding: 30px 17px;
    min-height: 325px;
}

    .single-feature .icon-circle {
    /*background: #a328dc; 
	background: -moz-linear-gradient(top, #5ffbe9 0%, #7170fd 100%);
	background: -webkit-linear-gradient(top, #5ffbe9 0%,#7170fd 100%); 
	background: linear-gradient(to bottom, #5ffbe9 0%,#7170fd 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ffbe9', endColorstr='#7170fd',GradientType=0 );
    border-radius: 100px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    color: #fff; 
    margin: -30px auto auto;
    position: absolute;
    */
        font-size: 24px;
        height: 60px;
        left: 0;
        line-height: 56px;
        right: 0;
        text-align: center;
        top: 0;
        transition: all 0.3s ease 0s;
        width: 60px;
        margin:auto;
    }

.single-feature .icon-circle img{
    width:36px;
}

.single-feature h4{
    font-weight:bold;
    margin: 0 0 30px;
}



.about-one{}
.single_about_img{text-align: center; padding-top:50px;}
.single_about_img img{display: inline-block; max-width: 70%;}
.single_about_img.one-screen img{display: inline-block; max-width: 50%;}
.single_about_one{padding-top: 100px;}
@media only screen and (max-width:768px) { 
.single_about_one{padding-top: 50px;}
#features .section-title{ margin-bottom:0 !important } 
.single_about_img{padding-top:0;}
.single-feature {margin-bottom: 30px;}
}
.single_about_one h3{
color: #fff;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_about_one p{margin: 20px 0 40px; color: #fff;}
@media only screen and (max-width:360px) { 
.single_about_one a{
margin-right: 0px;
display: block;
margin-bottom: 20px;
text-align: center;	
}
}
/*START FEATURE TWO DESIGN*/
.about-two { /*background: #f1f1f1;*/color: #333;
}
.about-two h1 {color: #333 ; font-size: 36px; margin-bottom:25px}
.single_about_two{/*padding-top: 170px; */}
.single_about_two a{
    color: #6f7afb;
   }
.single_about_two a:hover{
 color: #2ECC71;
}
.about-two [data-carousel-3d] {
    height: 375px !important;
    width: 65%;
    margin: auto;
}

@media only screen and (max-width:768px) {
    .single_about_two{
    padding-top: 0 !important;
    margin-bottom: 60px;

    }
.about-two {
    padding-top: 35px;
} 
.underline-xs {
    background: #0041c3 none repeat scroll 0 0;
    border-radius: 2px;
    display: block;
    height: 4px;
    margin: 20px auto;
    width: 60px;
}
}
@media only screen and (max-width:480px) { 
.single_about_two{padding-bottom: 50px;padding-top: 0px;}
.about-two h1 {
    font-size: 30px;
    text-align:center;
}
}


.single_about_two h3{
color: #2a2b2f;
font-size: 33px;
font-weight: normal;
line-height: 44px;
margin: 0;
}
.single_about_two p {margin: 0 0 10px;}
.single_about_two_img{}

.single_about_two_img img{}
/*END FEATURE TWO DESIGN*/
.single_feature_btn_light{
background: #e0e0e0 none repeat scroll 0 0;
border-radius: 0;
color: #202020;
font-size: 12px;
letter-spacing: 2px;
outline: medium none !important;
padding: 15px 27px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.single_feature_btn_light:hover,
.single_feature_btn_light:focus {
    background: #ff5f83;
    color: #fff;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT ONE AND ABOUT TWO DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 05.START FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_feature{
/*background:#111;
background: rgb(110,134,214);
background: -moz-linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
background: linear-gradient(180deg, rgba(110,134,214,1) 0%, rgba(72,196,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0041c3",endColorstr="#48c4ee",GradientType=1);*/
background: #f1f1f1;
padding-top:60px;
padding-bottom:30px;
}
/*.template_feature h1 {
	color:#fff;
} */
.template_feature p {
	color:#999;
}

.featurebox{
background: #fff none repeat scroll 0 0;
border-radius: 8px;
box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.04);
margin-bottom: 30px;
padding: 45px 30px;
position: relative;
min-height: 360px;
}
@media only screen and (max-width:1198px) { 
.featurebox{min-height: 460px;}
}
@media only screen and (max-width:1024px) { 
.featurebox .TH br {
	display: none;
}

}

@media only screen and (max-width:991px) { 
.featurebox{min-height: 480px; padding: 30px;}
}
@media only screen and (max-width:768px) { 
.featurebox{min-height: auto;}
}

.featurebox .feature-icon, .nav-tabs .feature-icon {
    width: 70px;
    height: 70px;
    line-height: 65px;
    border-radius: 50%;
    background: #c3c7c9;
    display: block;
    background: rgb(0,65,195);
    background: -moz-linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    background: linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0041c3",endColorstr="#1359e4",GradientType=1);
    font-size: 36px;
    color: #fff;
    margin: 0 auto 10px !important;
    position: relative;
    transition: all 500ms ease 0s;
}
.featurebox:hover .feature-icon, .nav-tabs .feature-icon{
    transform: scale(0.8, 0.8);
}
.featurebox .feature-icon:after, .nav-tabs a .feature-icon:after {
    content: "";
    width: 91px;
    height: 91px;
    border-radius: 50%;
    border: 4px solid #0041c3;
    position: absolute;
    top: -10px;
    left: -10px;
    opacity: 0;
    transform: scale(0.8, 0.8);
    transition: all 500ms ease 0s;
}
.featurebox:hover .feature-icon:after, .nav-tabs a:hover .feature-icon:after, .nav-tabs a:focus .feature-icon:after , .nav-tabs .active a .feature-icon:after, .nav-tabs .active a:hover .feature-icon:after, .nav-tabs .active a:focus .feature-icon:after{
    opacity: 1;
    transform: scale(1, 1);
}
.featurebox .feature-icon img, .nav-tabs .feature-icon img{
    width: 50%;
}
.featurebox .number{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    font-size: 14px;
    color: #123a06;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* custum featurebox & feature-icon */
.nav-tabs .feature-icon{
    margin: 0 auto;
}
.featurebox h3 {
    font-size: 33px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 15px;
}
.pricing-plan-meta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 33px;
    margin-left: -3px;
    text-align: left;
}
.pricing-plan-price-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 16px;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -1.6px;
    min-height: 60px;
}
.pricing-plan-price-desc {
    padding-top: 0;
    opacity: .5;
    font-size: 1.4rem;
    line-height: 1.42;
    letter-spacing: 0.2px;
    margin-top: -9px;
}
.template_feature p {
    margin-bottom: 40px;
}
.pricing-plan .link-more , .generic_content .link-more{
    text-align: right;
}
.pricing-plan .link-more a, .generic_content .link-more a{
    color: #6f7afb;
}
.pricing-plan .link-more a:hover, .generic_content .link-more a:hover{
    color: #2ECC71;
}
.pricing-plan ul{
    min-height: 200px;
}
.pricing-plan ul li{
    text-align: left;
}
.pricing-plan a.btn-border.purple {
    padding: 4px 10px;
    display: block;
}

.generic_content .link-more {
    text-align: center;
    padding-bottom: 15px;
}





@media only screen and (max-width:1200px) { 
.single_about_one img{max-width: 46%; height:auto;}
}
@media only screen and (max-width:768px) { 
    .nav-tabs.nav-tabs-flex>li>a { padding: 8px; }
    .nav-tabs.nav-tabs-flex a .feature-icon:after{
        width: 70px;
        height: 70px;
    }
    .nav-tabs.nav-tabs-flex .feature-icon{
        width: 50px;
        height: 50px;
        line-height: 44px; 
    }
    .nav-tabs.nav-tabs-flex .feature-icon img{
        width: 25px;
    }
    .nav-tabs.nav-tabs-flex .feature-name{
        display: none;
    }
}

/*
 * ----------------------------------------------------------------------------------------
 * 05.END FEATURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

 
 /*
* ----------------------------------------------------------------------------------------
* 06.START APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/
.sin-screenshot { z-index: 9 }
.sin-screenshot a {
    display: block;
    position: relative;
}
.sin-screenshot a:before {
    background: #24141e none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    right: 0;
    top: 0;
}
.sin-screenshot a:hover:before {
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.screenshot-carousel { z-index: 9 }
.screenshot-carousel img { width: 100% }
/*
* ----------------------------------------------------------------------------------------
* 06.END APP SCREENSHOT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/ 
.video_section {
position: relative;
background-position: center top;
background-repeat: repeat-y;
padding: 200px 0;}
.video_section:before {
    background:rgba(0,0,0, 0.4);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  margin-top: 55px;
  max-width: 900px;
  width: 100%;
}
.company_video h2{
color: #fff;
margin-bottom: 30px;}
.company_video a{
background: #fff none repeat scroll 0 0;
border-radius: 100px;
color: #0041c3;
display: block;
font-size: 30px;
height: 100px;
line-height: 100px;
margin: auto;
padding-left: 5px;
padding-top: 2px;
text-align: center;
width: 100px;	
}
/*
 * ----------------------------------------------------------------------------------------
 * 07.END VIDEO DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 08.START TESTOMINIALS DESIGN
 * ----------------------------------------------------------------------------------------
*/
#review {
	background: #f2f2f2;	
}

.testimonial {
    /*background: #f9f9f9;*/
    background: #fff;
    padding: 70px 40px 10px 70px;
    margin: 0 10px 30px;
    position: relative;
    min-height: 426px;
}
.testimonial:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #d5d9db;
    border-left: 50px solid #f1f1f1;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial .testimonial-title {
    font-size: 18px;
    font-weight: 500;
    /*margin-top: 30px;*/
    margin-bottom: 3px;
    font-weight: bold;
}

.testimonial .post{
color: #f89828;
display: block;
font-weight: 400;
margin-top: 0;
padding-right: 0;
font-size:14px;
}
.testimonial .description{
    margin: 30px 0;
    font-size: 15px;
    line-height: 28px;
}
/*.testimonial .pic{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -10px;
    right: 23px;
}*/
.testimonial .pic {
    width: 100%;
    margin-bottom: 10px;
}
.testimonial .pic img{
    width: 25%;
    height: auto;
}
.owl-theme .owl-controls {
  display: block!important;
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls{
    margin-top: 0px;
}
.owl-theme .owl-controls .owl-buttons div{
background: #0041c3 none repeat scroll 0 0;
border-radius: 0;
opacity: 1;
padding: 5px 15px;
display: inline-block;
margin: 0 10px;
border-radius: 50%;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
    font-family: 'FontAwesome';
    color: #fff;
}
.owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .owl-theme .owl-controls{ margin-top: 20px; }
    .testimonial{
        min-height: 585px;
    }

}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px;
        text-align: left;
        padding: 20px 30px 20px 40px;
    }
    
    .testimonial .pic img {
        width: 45%;
    }
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 70px 10px 20px 10px;
    }
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TESTOMINIALS DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 09.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
*/
.template_faq{/*background: #f1f1f1;*/}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 10px 30px;
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius: 30px;
}
#accordion .panel-title a{
    display: block;
    padding: 12px 20px 12px 50px;
    background: #333;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 30px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed{
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f107";
    font-family: fontawesome;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    background: #0041c3;
	
    font-size: 25px;
    color: #fff;
    text-align: center;
    border: 1px solid transparent;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    position: absolute;
    top: -5px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f105";
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    box-shadow: none;
}
#accordion .panel-body{
    padding: 20px 25px 10px 9px;
    background: transparent;
    border-top: none;
    position: relative;
}
#accordion .panel-body p{
    padding-left: 25px;
    border-left: 1px dashed #8c8c8c;
    display: inline-block;
}

#accordion .panel-body p.EN{
    display: none;
}

@media only screen and (max-width:767px) { 
    .panel-group{
        padding: 5px ; 
    }
}

/*
 * ----------------------------------------------------------------------------------------
 * 09.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.download_app {
background:#0041c3;
padding-top:60px;
}
.get_app{padding-top: 60px;}
.get_app p{display: inline-block}
@media only screen and (max-width:768px) { 
.get_app{padding-top:0px;}
}
.get_app h2{color: #fff;
font-weight: 600;
font-size: 50px;
margin-bottom: 20px;}
.get_app span{
background: #fff none repeat scroll 0 0;
display: block;
height: 4px;
margin: 30px 0 40px;
width: 100px;
}
@media only screen and (max-width:768px) { 
.get_app span {
margin: 30px auto !important; 
}

}

.get_app p{color:#fff;margin-bottom: 30px;}
.download_icon{}
@media only screen and (max-width:990px) { 

.get_app_img img {
	display: none
}

}

@media only screen and (max-width:768px) { 

.download_app * {
text-align: center;
}

}
@media only screen and (max-width:1200px) { 
.download_icon{margin-bottom:60px;}
.download_icon img{max-width: 46%; height:auto;}
}

.download_icon a{}
.download_icon a i{}
.get_app_img {
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature{background:#edf3fe;}
.counter {
background:#fff;
border-radius: 3px;
padding: 30px;
position: relative;
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
    .counter { margin-bottom: 20px }
}
@media only screen and (max-width:360px) { 
    .counter { padding: 20px }
}
.counter i {
color: #0041c3;
font-size: 40px;
margin-bottom: 15px;
}
.counter h1 {
    margin-top: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:320px) { 
    .counter h1 { font-size: 30px }
}
.counter p {
margin-bottom: 0;
text-transform: uppercase;
font-weight: 500;
}
@media only screen and (max-width:768px) { 
    .counter p { font-size: 13px }
}
@media only screen and (max-width:360px) { 
    .counter p { font-size: 12px }
}
@media only screen and (max-width:320px) { 
    .counter p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END COUNT DOWN DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-plan{background:#fff ;}
.pricingTable{
background: #fff none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 3px;
box-shadow: 0 5px 40px 0 rgba(42, 111, 199, 0.2);
padding: 0 30px 30px;
text-align: center;
transition: all 0.5s ease 0s;
}
@media only screen and (max-width:768px) { 
.pricingTable{margin-bottom:40px; }
}
.pricingTable .pricingTable-header{
    width: 210px;
    background: #0041c3 ;
    color: #fff;
    margin: -15px auto 95px;
    padding-top: 35px;
    position: relative;
}
.pricingTable .pricingTable-header:before{
    content: "";
    border-width: 0 0 15px 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0041c3;
    position: absolute;
    top: 0;
    left: -10px;
}
.pricingTable .pricingTable-header:after{
    content: "";
    border-width: 15px 0 0 10px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #0041c3;
    position: absolute;
    top: 0;
    right: -10px;
}
.pricingTable .heading{
color: #fff;
font-size: 22px;
margin: 5px 0;
position: relative;
text-transform: uppercase;
}
.pricingTable .heading:after{
    content: "";
    border-width: 68px 105px 0;
    border-style: solid;
    border-color: #0041c3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    position: absolute;
    bottom: -108px;
    left: 0;
}
.pricingTable .currency,
.pricingTable .month{
    font-size: 20px;
}
.pricingTable .price-value{
    font-size: 30px;
}
.pricingTable .pricing-content ul{
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
}
.pricingTable .pricing-content ul li{
line-height: 40px;
}

@media only screen and (max-width:480px){
    .pricingTable{ margin-bottom: 40px; }
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 12.START PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner { text-align: center }
.partner.owl-theme .owl-controls {display: none!important;}
.partner img {
/*border: 1px solid #eee; */
display: inline-block;
width: auto;
}
.partner a.disabled {
    pointer-events: none;
    cursor: default;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PARTNER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.START CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-address {
}
.contact-address i {
  display: block;
  font-size: 50px;
  margin-bottom: 20px;
}
.contact-address h1{
font-size: 28px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;	
}
.contact-address-content {
  margin-bottom: 20px;
}
.contact-address p{}
.contact-address a{color: #333;
font-weight: 600;}
/*
* ----------------------------------------------------------------------------------------
* 14.END CONTACT ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 10.START DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/
.download_app {
background:#0041c3;
background: #5b2d83;
padding-top:60px;
}
.get_app{padding-top: 60px;}
@media only screen and (max-width:768px) { 
.get_app{padding-top:0px;}
}
.get_app h2{color: #fff;
font-weight: 600;
font-size: 50px;
margin-bottom: 20px;}
.get_app span{
background: #fff none repeat scroll 0 0;
display: block;
height: 4px;
margin: 30px 0 40px;
width: 100px;
}
.get_app p{color:#fff;margin-bottom: 30px;}
.download_icon{}
@media only screen and (max-width:768px) { 
.download_icon{margin-bottom:60px;}
}
.download_icon a{}
.download_icon a i{}
.get_app_img {
  text-align: center;
}
/*
 * ----------------------------------------------------------------------------------------
 * 10.END DOWNLOAD APP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 22.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
    background-color: #0041c3;
	padding-top:60px;
	padding-bottom:30px;
}
@media only screen and (max-width:480px) { 
.footer_social {margin-bottom:20px;}
}
.footer_social h4 {
color: #fff;
margin-top: 0;
font-size: 30px;
}
.footer_social span {
background: #ffb900 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 20px 0;
width: 60px;
}
.footer_social ul {
    list-style: outside none none;
    margin: 20px 0 10px !important;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border-radius: 50px;
color: #333;
display: block;
font-size: 18px;
height: 40px;
line-height: 40px;
transition: all 0.2s ease 0s;
width: 40px;
text-align: center;
margin-bottom: 10px;
}
.footer_social ul li a i {
    font-size: 26px;
    line-height: 40px;
    color: #333;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:320px) { 
    .footer_social ul li a { font-size: 14px }
}
@media only screen and (max-width:480px) { 
    .footer_social ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
.footer_social ul li a:hover {
    background: #ffb900;
    color: #fff;
    opacity:1;
}

.footer_social ul li a:hover i {
    color: #fff;
}

.footer_social ul li a.link-facebook:hover {
    background: #24529d;
}
.footer_social ul li a.link-youtube:hover {
    background: #de0607;
}
.footer_social ul li a.link-twitter:hover {
    background: #43c6fa;
}
.footer_social ul li a.link-instagram:hover {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.footer_social ul li a.link-line:hover {
    background: #01c501;
}
.brtop {
border-top: 1px solid #fff;
margin-top: 60px;
padding-top: 30px;
}
.footer_address{}
.footer_address i {
    display: block;
    font-size: 50px;
    margin-bottom: 20px;
    color: #fff;
}
.footer_address h4 {
color: #fff;
margin-top: 0;
font-size: 30px;
}

.footer_address ul{
list-style: outside none none;
    margin: 0;
    padding: 0;	
}
.footer_address ul li{color:#fff;}
.footer_address a:link, .footer_address a:visited, .footer_address a:hover {
	color: #fff;
	text-decoration: none;
}
.footer_address a:hover {
	text-decoration: none;
    opacity:0.5;
}

.footer_copyright p {
    color: #fff;
    margin: 0;
    text-transform: capitalize;
}
@media only screen and (max-width:767px) { 
    .footer_address{ margin-bottom: 30px;}
}
@media only screen and (max-width:480px) { 
    .footer_copyright p {text-align: center; }
}
.footer_menu {
    float: right;
    margin-top: 5px;
}
@media only screen and (max-width:480px) { 
    .footer_menu {
        margin-top: 15px;
        float: none;
    }
}
.footer_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
@media only screen and (max-width:480px) { 
    .footer_menu ul { text-align: center }
}
.footer_menu ul li { display: inline }
@media only screen and (max-width:480px) { 
    .footer_copyright ul li a { text-align: center }
}
.footer_menu ul li a {
    color: #fff;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.footer_menu ul li a:hover { color: #ffb900 }
/* custom footer */
.social-list {
    display: inline-block;
}
.social-list li{
    display: inline-block;
    list-style: none;
    padding-left: 10px;
    font-size: 16px;
}
.social-list li a{
    color:#fff;
}
.social-list li a:hover{
    color:#0041c3 ;
}
/*
* ----------------------------------------------------------------------------------------
* 22.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/



/*project modal*/
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content {
border-radius: 0;
display: block;
margin-top: 80px;
overflow: hidden;
padding: 10px 30px;
}
.modal-header {
  border-bottom: 1px solid #eee;
  padding: 15px;
  padding-bottom: 0;
}
.modal-body{
	margin-bottom: 15px;
}
.login_register_title{
color: #333;
font-weight: 500;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.login input{
border: 1px solid #eee;
box-shadow: none;
color: #333;
height: 50px;	
}
.login input:focus{
border: 1px solid #0041c3;
box-shadow: none;	
}
.login button {
  padding: 10px 40px;
}
.register input{
border: 1px solid #eee;
box-shadow: none;
color: #333;
height: 50px;	
}
.register input:focus{
border: 1px solid #0041c3;
box-shadow: none;	
}
.register button {
  padding: 10px 40px;
}
/*End project modal*/


/* Login */
.box-login{
    float: none;
    margin: auto;
    padding: 3%;
}
.box-login img.logo{
    width: 240px;
    margin-bottom: 0px;
    margin-left: 15px;
}
.box-login h3{
    font-size:22px
}
.box-login .form-group {
    margin-bottom: 10px;
}

.box-login .btn-border {
    font-weight: 400;
    background-color: #0041c3 !important;
    border-color: #0041c3 !important;
    color: #fff;
    padding: 6px 20px;
    width: 100%;
    opacity: 0.7;
}
.box-login .btn-border:hover {
    opacity: 1;
    background-color: #0041c3;
}

.box-login .form-icon {
    position: relative;
}

.box-login .form-icon .form-control{
    padding-left: 30px;
}

.box-login .form-icon i {
    position: absolute;
    top: 13px;
    left: 10px;
}

.box-login .form-icon .form-control:focus + i{
    color: #6f7afb;
}

.box-login label {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: baseline;
    align-items: baseline;
}
label input[type="checkbox"],
label input[type="radio"] {
    position: relative;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none !important;
    font-size: inherit;
    width: 1em;
    margin: 0;
    color: inherit;
    outline: none;
    font-family: 'Font Awesome 5 Free';
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none !important;
}
label input[type="checkbox"]:not(:checked),
label input[type="radio"]:not(:checked) {
    -webkit-appearance: none !important;
    -moz-appearance: none;
    appearance: none !important;
    font-weight: normal;
    outline: 0;
    box-shadow: none;
    border: none !important;

}
label input[type="checkbox"]::after,
label input[type="radio"]::after {
    content: "\f111";
    display: inline-block;
    text-align: center;
    width: 1em;
    outline: 0;
    box-shadow: none;
    cursor: pointer;
}
label input[type="checkbox"]:not(:checked)::after,
label input[type="radio"]:not(:checked)::after {
    font-weight: normal;
    outline: 0;
    box-shadow: none;
    
}
label input[type="checkbox"]:active,
label input[type="radio"]:active {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
}
label input[type="checkbox"] + span,
label input[type="radio"] + span {
    margin-left: 0.35em;
}
label input[type="checkbox"]:checked::after {
    content: "\f058";
    outline: 0;
    box-shadow: none;
}
label input[type="radio"]:checked::after {
    content: "\f192";
    outline: 0;
    box-shadow: none;
}
label input[type="checkbox"]:checked::after {
    content: "\f058";
    outline: 0;
    box-shadow: none;
}
label input[type="radio"]:checked::after {
    content: "\f192";
    outline: 0;
    box-shadow: none;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{
    outline: 0;
}

.box-login label{
    font-weight: normal;
}

.box-login .form-control {
    height: 45px;
    border: none;
    background-color: rgba(255,255,255,0.6);
    color:#333;
}

.box-login a{
    color: #6f7afb;
}
.box-login a:hover{
    color: #0041c3;
}

.box-external-account{
    padding-top:10px;
}
.box-external-account label {
    font-weight: 700;
    position: relative;
    display: block;

}
.box-external-account label:before {
    content: '';
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 12px;
}

.box-external-account label span{
    padding: 0 10px;
    background-color: #fff;
    display: inline-block;
    position: relative;
}
.box-external-account a {
    display: inline-block;
    min-width: 240px;
    margin: auto;
    text-align: left;
    padding: 6px 12px;
    margin-top: 10px;
}
.box-external-account a:hover{
    color: #fff;
}

.box-external-account .microsoft {
    background-color: #00A4EF;
    color: #fff;
}
.box-external-account .google {
    background-color: #DB4437;
    color: #fff;
}
.box-external-account a i {
    padding-right: 10px;
}

.footer-login{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 12px;  
}
.footer-login a{
    color: #fff;
    padding: 0 5px;
}
.footer-login a:hover{
    text-decoration: underline;
}

@media only screen and (max-width: 768px){
    .box-login{
        padding: 6%;
    }
    .footer-login .xs-full {
        display: block;
    }
    .box-login img.logo {
        width: 175px;
    }
}

/* features */
.show-sm { display: none;}
@media only screen and (max-width: 991px){
    .show-sm { display: block;}
    .hidden-sm { display: none;}
    .single_about_two {
        margin-bottom: 0;
    }
}
@media only screen and (max-width: 480px){
    .single_about_two {
        padding-bottom: 20px;
    }
}

/* Index peicing */
#generic_price_table{
	background-color: transparent;
}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
    background-color: #fff;
    transform: scale(0.9);
}
#generic_price_table .generic_content.active {
    transform: scale(1);
    margin-bottom: 20px;
    border: 1px solid #2ECC71;
}

#generic_price_table .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
	color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
	color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #2ECC71;
}

#generic_price_table .generic_content .generic_price_btn a{
	border: 1px solid #2ECC71; 
    color: #2ECC71;
} 

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{
	background-color: #2ECC71;
	color: #fff;
} 

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
    display: block;
    min-height: 40px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 40px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    
    font-size: 18px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
    margin: 0;
    min-height: 250px;
}

#generic_price_table .generic_content .generic_feature_list ul li{
	font-size: 18px;
	padding: 7px 0;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
	margin: 20px 0 10px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	-webkit-border-radius: 8px;
    display: inline-block;
    font-size: 18px;
    outline: medium none;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#generic_price_table .generic_content{
		margin-bottom:0px;
    }
    #generic_price_table .generic_content.active{
        margin-bottom: 0;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
#generic_price_table_home{
	 font-family: 'Raleway', sans-serif;
}

.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}

#generic_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#generic_price_table_home li{
	float: left;
}
#generic_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#generic_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#generic_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#generic_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#generic_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
#generic_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#generic_price_table_home .footer{
	padding:40px 0;
}

.price-heading{
    text-align: center;
}
.price-heading h1{
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}
#cover {
    background: rgb(0,65,195);
    background: -moz-linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    background: linear-gradient(180deg, rgba(0,65,195,1) 0%, rgba(19,89,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0041c3",endColorstr="#1359e4",GradientType=1);
    background-size: cover;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    padding: 3% 0;
    min-height: 100vh;
    /*background-image: url('../img/bg/rsz_business-team.jpg');*/
    background-attachment: fixed;
    background-size: cover;
    /*filter: grayscale(0.5);*/
}

.box-login .btn-border {
    font-weight: 400;
    background-color: #2e313b;
    border-color: #2c2c31;
    color: #fff;
    padding: 6px 20px;
    width: 100%;
    opacity: 0.7;
}

.box-login {
    animation: fadeIn 1s both;
}

@keyframes fadeIn {
    0% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

/* ContactUs */
.text-sc {
    color: #2ECC71;
    font-weight: bold;
    margin-top: 20px;
    display: block;
}

.img-top-content {
    width: 22%;
    margin: auto;
    margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
.content-middle.h-100.no-padding {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 767px) {
    .img-top-content {
        width: 80%;
    }
    #cover{
        padding-bottom:100px;
    }
    .content-middle.h-100.no-padding {
        padding: 0 15px;
    }
}

.content-article section{
    padding:15px 0;
}

.content-article ul{
    padding-top:10px;
    list-style:none;
}

.content-article p strong{
    font-size:17px;
}