@font-face {
	font-family: 'kanitregular';
    src: url('fonts/kanit-regular-webfont.eot');
    src: url('fonts/kanit-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kanit-regular-webfont.woff2') format('woff2'),
         url('fonts/kanit-regular-webfont.woff') format('woff'),
         url('fonts/kanit-regular-webfont.svg#kanitregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubrik_boldregular';
    src: url('fonts/rubrik_bold-webfont.eot');
    src: url('fonts/rubrik_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rubrik_bold-webfont.woff2') format('woff2'),
         url('fonts/rubrik_bold-webfont.woff') format('woff'),
         url('fonts/rubrik_bold-webfont.svg#rubrik_boldregular') format('svg');
    font-weight: normal;
    font-style: normal; 

}
@font-face {
    font-family: 'kanitlight';
    src: url('fonts/kanit-light-webfont.eot');
    src: url('fonts/kanit-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kanit-light-webfont.woff2') format('woff2'),
         url('fonts/kanit-light-webfont.woff') format('woff'),
         url('fonts/kanit-light-webfont.svg#kanitlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rubrik_lightregular';
    src: url('fonts/rubrik_light-webfont.eot');
    src: url('fonts/rubrik_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rubrik_light-webfont.woff2') format('woff2'),
         url('fonts/rubrik_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rubrik_mediumregular';
    src: url('fonts/rubrik_medium-webfont.eot');
    src: url('fonts/rubrik_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/rubrik_medium-webfont.woff2') format('woff2'),
         url('fonts/rubrik_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.delay-1 {
animation-delay: .25s;
}
.delay-2 {
animation-delay: .5s;
}
.delay-3 {
animation-delay: .75s;
}
.delay-4 {
animation-delay: 1s;
}
.bg-home-new-0{
	
	background: url('../../assets/images/bg-new-0.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height: 671px;
    position: relative;
-webkit-transition: background 500ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 500ms ease-in 2s;
    -o-transition: background 500ms ease-in 2s;
    transition: background 500ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 1000ms;

    -moz-transition-property: background;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 1000ms;

    -o-transition-property: background;
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 1000ms;

    transition-property: background;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    transition-delay: 1500ms;

}
.bg-home-new-1{
	
	background: url('../../assets/images/bg-new-1.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height: 671px;
    position: relative;
-webkit-transition: background 500ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 500ms ease-in 2s;
    -o-transition: background 500ms ease-in 2s;
    transition: background 500ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 1500ms;

    -moz-transition-property: background;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 1500ms;

    -o-transition-property: background;
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 1500ms;

    transition-property: background;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    transition-delay: 1500ms;

}
.bg-home-new-2{
	
	background: url('../../assets/images/bg-new-2.jpg') no-repeat;
	background-position: top center;
    background-size: cover;
    height: 671px;
    position: relative;
-webkit-transition: background 500ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 500ms ease-in 2s;
    -o-transition: background 500ms ease-in 2s;
    transition: background 500ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 1500ms;

    -moz-transition-property: background;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 1500ms;

    -o-transition-property: background;
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 1500ms;

    transition-property: background;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    transition-delay: 1500ms;

}
.bg-home-new-3{
	
	background: url('../../assets/images/bg-new-3.jpg') no-repeat;
	background-position: top center;
    background-size: cover;
    height: 671px;
    position: relative;
-webkit-transition: background 500ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 500ms ease-in 2s;
    -o-transition: background 500ms ease-in 2s;
    transition: background 500ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 1500ms;

    -moz-transition-property: background;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 1500ms;

    -o-transition-property: background;
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 1500ms;

    transition-property: background;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    transition-delay: 1500ms;

}
.bg-home-new-4{
	
	background: url('../../assets/images/bg-new-4.jpg') no-repeat;
	background-position: top center;
    background-size: cover;
    height: 671px;
    position: relative;
-webkit-transition: background 500ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 500ms ease-in 2s;
    -o-transition: background 500ms ease-in 2s;
    transition: background 500ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 1500ms;

    -moz-transition-property: background;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 1500ms;

    -o-transition-property: background;
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 1500ms;

    transition-property: background;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    transition-delay: 1500ms;

}
.bg-home-new-5{
	background: url('../../assets/images/bg-new-5.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height: 254px;
}
.bg-home-new-6{
	background: url('../../assets/images/bg-new-6.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height:175px;
}
.bg-home-new-7{
	background: url('../../assets/images/bg-new-7.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height:175px;
}
.bg-home-new-8{
	background: url('../../assets/images/bg-new-8.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height:175px;
}
.bg-home-new-9{
	background: url('../../assets/images/bg-new-9.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height:228px;
}
.bg-home-new-10{
	background: url('../../assets/images/bg-new-10.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height:175px;
}
.bg-home-new-11{
	background: url('../../assets/images/bg-new-11.png') no-repeat;
	background-position: top center;
    background-size: cover;
    height:175px;
}
.ss-padding{
	padding:0px;
}
.blog-f>h5{
	font-size: 22px !important;
    margin-bottom: 0px;
    color: #FFF;
    font-weight: normal;
    letter-spacing: 0px;
    font-family: 'kanitlight';
}
.blog-f>h5>b{
	font-size: 29px;
	color: yellow;
}
.bg-home-new{
	 position: relative;
-webkit-transition: background 500ms ease-in 2s; /* property duration timing-function delay */
    -moz-transition: background 500ms ease-in 2s;
    -o-transition: background 500ms ease-in 2s;
    transition: background 500ms ease-in 2s;


    -webkit-transition-property: background;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: 1500ms;

    -moz-transition-property: background;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in;
    -moz-transition-delay: 1500ms;

    -o-transition-property: background;
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-in;
    -o-transition-delay: 1500ms;

    transition-property: background;
    transition-duration: 500ms;
    transition-timing-function: ease-in;
    transition-delay: 1500ms;
}
.thk-register-1{
	width: 80%;
    margin: 5% 0% 5% 0%;
    padding: 3%;
    border: 2px solid #f6f6f6;
    border-radius: 20px;
    box-shadow: 4px 4px 4px #888888;
    padding-bottom: 5%;
}

.feature-menu{
	color: #929292;
	border: 1px solid #483d36;
	/*background:#2283f6;*/
	line-height: 50px;
	font-family: 'kanitregular';
	font-size: 22px;
	cursor: pointer;
}
.feature-menu:hover,.feature-menu:focus,.feature-menu-active{
	transition: 0.5s;
	background:#2283f6;
	color: #FFF;
}
.blog-feature{
	margin-top: 15px;
	margin-bottom:15px;
}
.blog-feature>div:hover,.blog-feature>div:focus{
	transition: 0.5s;
	border:1px solid #2283f6; 
}
.blog-feature>div:hover>div:first-child,.blog-feature>div:focus>div:first-child{
	color: #2283f6; 
	transition: 0.5s;
}
.blog-feature>div{
	padding: 15px;
	height: 142px;
	border:1px solid #fff; 
	cursor: pointer;
}
.blog-feature>div>div:first-child{
	font-size: 19px;
	font-family: 'kanitregular';
	color: #000;
}
.blog-feature>div>div:last-child{
	font-size: 16px;
	font-family: 'tahoma';
	color: #929292;
}
#newPreload{
	position: fixed; 
	top: 42%;
	right: 46%;
	display: none;
	z-index: 99999;
	text-align: center;
	background:transparent;
	padding: 10px; 
	font-size:22px;  
	color:#d98137; 
	font-weight:bold; 
}
#newPreloadStore{
	width: 30%;
    position: fixed;display: none;
    top: 20%;
    right: 34%;
    z-index: 99999;
    text-align: center;
    background: transparent;
    padding: 10px;
    font-size: 22px;
    color: rgb(217, 129, 55);
    font-weight: bold;
}
#newPreloadStore>div{
	width: 100%;
	background: #FFF; 
	font-family: 'tahoma'; 
	font-size:16px; 
	padding:15px;
	margin-top:15px; 
	color: #000000;
	font-weight: normal;
	border-radius: 10px;
}
#newPreloadB{
	top: 0; 
	position: fixed;
	width: 100%; 
	opacity: 0.5;
	background: #000; 
	height: 100%; 
	display: none;   
	z-index: 9999;
}
#newPreloadBS{
	top: 0; 
	position: fixed;
	width: 100%; 
	opacity: 0.5;
	background: #000; 
	height: 100%; 
	display: none;   
	z-index: 9999;
}
#newPreloadTwo{
	position: fixed; 
	top: 0%;
	display: none;
	z-index: 99999;
	text-align: center;	
	padding: 10px; 
	font-size:22px; 
	color:#FFF; 
	font-weight:bold; 
	width: 100%;
	text-align: center;
	background: green; 
	background: -webkit-linear-gradient(left, green , yellow); 
	background: -o-linear-gradient(right, green, yellow); 
	background: -moz-linear-gradient(right, green, yellow);
	background: linear-gradient(to right, green , yellow);
}
#newPreloadTwo2{
	position: fixed; 
	top: 0%;
	display: none;
	z-index: 99999;
	text-align: center;
	padding: 10px; 
	font-size:22px; 
	color:#FFF; 
	font-weight:bold; 
	width: 100%;
	text-align: center; 
	background: red; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
 	 background: linear-gradient(to right, red , yellow); /* Standard syntax */
}
#newPreloadTwo3{ 
	position: fixed; 
	top: 0%;
	display: none;
	z-index: 99999;
	text-align: center;
	padding: 10px; 
	font-size:22px; 
	color:#FFF; 
	font-weight:bold; 
	width: 100%;
	text-align: center; 
	background: red; /* For browsers that do not support gradients */
  	background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
 	 background: linear-gradient(to right, red , yellow); /* Standard syntax */
}
#mail-ds{
	display: none;
}
#loaddb{
	font-size: 12px;
	padding-top: 15px;
}
body{
	font-family: 'tahoma';
	color: #000000;

}
a,a:visited,a:active,a:hover{
	text-decoration: none !important;
	color: #000;
	
}
h1{
	font-size: 56px !important; 
	font-family: 'kanitregular';
	color: #535353;
}
h2{
	font-size: 50px !important;
	font-family: 'kanitregular';
	color: #535353;
}
h3{
	font-size: 42px !important;
	font-family: 'kanitregular';
	color: #535353;
}
h4{
	font-size: 34px !important;
	font-family: 'kanitregular';
	color: #535353;
}
h5{
	font-size: 26px !important;
	font-family: 'kanitregular';
	color: #535353;
}
h6{
	font-size: 20px !important;
	font-family: 'kanitregular';
	color: #535353;
}
h7{
	font-size: 17px !important;
	font-family: 'kanitregular';
	color: #535353;
}
ul{
	padding: 0px;
	margin: 0px;
}
input[type='text'], input[type='password'] {
    border: 1px solid #d3d3d3;
    height: 40px !important;
    border-radius: 0px !important;
}
textarea {
    border: 1px solid #d3d3d3 !important;
    border-radius: 0px !important;
}
select {
    border: 1px solid #d3d3d3 !important;
    border-radius: 0px !important;
}
.g-recaptcha {
    width: 304px;
}
.head-1>h1{
	margin-top: 0px;
	margin-bottom: 0px;
}
.sys-1{
	font-size: 26px !important;
    font-family: 'kanitregular';
    color: #535353;
}
.sys-2{
	font-size: 54px !important;
    position: relative;
    top: -8px;
    font-family: 'rubrik_boldregular';
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
.sys-2>b{
	font-weight: normal !important;
    color: #518ef0;
}
.sys-3{
	position: relative;
    top: -22px;
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    font-size: 34px !important;
    font-family: 'kanitregular';
    color: #535353;
}
.head-h-new{
	margin:0px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 42px !important;
	letter-spacing: 2px;
	font-family: 'rubrik_lightregular';
}
.head-h-new>.h1{    
	font-size: 16px;
	letter-spacing: 4px; 
}
.blog-na{
	padding: 24% 4% 31% 4%;
}
.head-h-new>.h2{    
	font-size: 47px;
	letter-spacing: 4px; 
}
.head-h-new>.h3{    
	font-size: 26px;
	position: relative;
    top: -8px;
    letter-spacing: 4px; 
}
.head-h-new>.h4{    
	font-size: 16px;
	letter-spacing: 2px; 
	font-family:'kanitlight';
}
.sys-3>b{
	color: #518ef0 !important;
    font-size: 44px !important;
}
#start-pos{
	transition: 0.5s;
	background:	 #518ef0!important;
}
#start-pos>b{
	color:#FFF !important;
}
#start-pos>h6{
	color: #FFF;
	font-size: 16px !important;
	margin: 0px;
}
#start-pos{
	border: 1px solid #518ef0;
	border-left: 0px; 
	color:#518ef0;
	cursor: pointer;
	height:40px;
	background:#acacac;
	border:0px;
	position: relative;
    left: 5px;
    border-radius: 2px;
} 
.head-menu>li{
	float: left;
	width: 120px;
	line-height: 74px;
    border-top: 0px solid #fff;
	text-align: center;
	list-style-type:none;
	background:url('../../assets/images/line.png');	
 	background-repeat: no-repeat;
    background-position: right center; 
	font-size: 16px !important;
	font-family: 'kanitregular';
   
 	height: 100%;
}
.head-menu>li>a{
	 color:#FFF ;
}
.menu-active>a{
	color: #FFF !important;
    font-size: 16px !important;
    font-family: 'kanitregular';
    background: #2283f6;
    padding: 0px 8px 0px 8px;
}
.menu-active{
	border-top: 0px solid #518ef0 !important;
}
.head-menu>li:hover>a{
	transition: 0.5s;
	  background: #2283f6;
    padding: 0px 8px 0px 8px;
}
.head-menu>li:hover>a{
	color:#FFF ;
	font-size: 16px !important;
	font-family: 'kanitregular';
}
.logo{
	height: 80px; 
}
.logo>a>img{
	padding-top: 7%;
}
.head-menu>.article{
	width: 100px;
}
.head-menu>.contact{
	width: 100px;
	background:transparent !important;	
}
.banner-img{
	background:url('../../assets/images/banners-heme.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: cover; 
 	height: 100%;
}
.enterprise-1{
	background:url('../../assets/images/banner-enterprise-edit-1.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: cover; 
 	height: 100%;
}
.enterprise-2{
	background:url('../../assets/images/banner-enterprise-2.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: cover; 
 	height: 100%;
}
.bg-blog-1{
	background:url('../../assets/images/bg-icon-1.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-2{
	background:url('../../assets/images/bg-icon-2.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-3{
	background:url('../../assets/images/bg-icon-3.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-4{
	background:url('../../assets/images/bg-icon-4.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-5{
	background:url('../../assets/images/bg-icon-5.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-6{
	background:url('../../assets/images/bg-icon-6.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-7{
	background:url('../../assets/images/bg-icon-7.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-8{
	background:url('../../assets/images/bg-icon-8.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-9{
	background:url('../../assets/images/bg-icon-9.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-10{
	background:url('../../assets/images/bg-icon-10.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-11{
	background:url('../../assets/images/bg-icon-11.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-12{
	background:url('../../assets/images/bg-icon-12.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-13{
	background:url('../../assets/images/bg-icon-13.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-14{
	background:url('../../assets/images/bg-icon-14.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.bg-blog-15{
	background:url('../../assets/images/bg-icon-15.png');	
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: 100%; 
 	height: 100%;
}
.blog-1 {
    padding-top: 7%;
    padding-bottom: 6%;
}
.blog-2{
	padding: 9% 4% 0% 4%;
}
.head-1>h5{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.head-2>h2{
	font-size: 54px !important;
	position: relative;
	top:-2px;
	font-family: 'rubrik_boldregular';
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.head-2>h2>b{
	font-weight: normal !important;
	color: #518ef0;
}
.head-3>h4{
	position: relative;
	top:-8px;
	margin-top: 0px !important;
	margin-bottom: 20px !important;
}
.head-3>h4>b{
	color: #518ef0 !important;
	font-size: 44px !important;
}
.head-4>h6{
	font-size: 18px !important;
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.blog-a>h4>b{
	color: #518ef0!important;
	font-weight: normal !important;
}
.thk-register{
	width: 50%;
    margin: 5% 0% 5% 0%;
    padding: 3%;
    border: 2px solid #f6f6f6;
    border-radius: 20px;
    box-shadow: 4px 4px 4px #888888;
}
.blog-a{
	padding-top: 1%;
	
}
.blog-a>h5{
	font-size: 22px !important;
	color: #fff;
	font-weight: normal !important;
	letter-spacing: 2px;
	font-family: 'kanitlight';
}
.blog-b{
	padding-top: 2%;
	padding-bottom: 2%;
	padding-left: 10%;
	padding-right: 12%;
}
.blog-c{
	padding-top: 1%;
	padding-bottom: 1%;
}
.blog-d{
	padding-top: 1%;
	padding-bottom: 1%;
}
.blog-c>h6{
	margin-top: 0px;
	font-size: 14px !important;
	color: #fff;
	letter-spacing: 2px;
}
.blog-d>h6{
	font-size: 22px !important;
	color: #fff;
	letter-spacing: 2px;
	font-family: 'kanitlight';
}
.img-fb{
	padding:0px 2px 0px 0px;
}
.img-gg{
	padding:0px 0px 0px 2px;
}
.img-fb>img,.img-gg>img{
	cursor: pointer;
}
.img-fb>img:hover,.img-gg>img:hover{
	transition: 0.5s;
	opacity:0.8;
}
.blog-d,.blog-e{
	padding-top: 3%;
	padding-bottom: 3%;
}
.blog-d>img,.blog-e>img{
	cursor: pointer;
}	
.blog-d>img:hover,.blog-e>img:hover{
	opacity: 0.8;
}
#start-pos:hover{
	transition: 0.5s;
	background:	 #518ef0!important;
}
#start-pos:hover>b{
	color:#FFF !important;
}
.home-input{
	border: 1px solid #518ef0;
	border-right: 0px;
	height:40px
}
.footer{
 	background:url('../../assets/images/footer-bg-1.png');
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: cover; 
 	height: 223px;
}
.footer-hosting{
	background:url('../../assets/images/bg-footer-1.png');	 
 	background-repeat: no-repeat;
    background-position: center top; 
    background-size: cover;
 	height: 476px;
}
.head-footer>h2{
	color: #000000;
	font-size:44px !important;
}
.head-footer>h2>b{
	color:  #FFFFFF !important;
}
.head-footer{
	    padding-top: 2%;
}
.item-footer{
	padding-top: 3%;  
}
.item-footer-1{
	padding-top: 4%;
}

.footer-1{
	font-size: 18px;
	padding-top: 1%;
}
.back-to-top{
	padding-bottom: 1%; 
	display: none;    
	text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 1%;
    bottom: 30px;
    opacity: 0.75;
    cursor: pointer;
    z-index: 9999;
}
.back-to-top:hover{
	opacity: 1;
}
.footer-new{
	height: 106px;
	background: #000;
}
.footer-new a{
	color: #fff;
}
.footer-new{
	color: #fff;
}
.footer-new>.container{
	padding-top: 2%;
}
.footer-2{
	font-size: 16px;
	padding-top: 7px;
}
.footer-3{
	font-size: 17px;
	padding-top: 3%;
}
.footer-4{
	font-size: 12px;
	padding-top: 4px;  
} 
.host-footer-desc{
	padding-left: 17%;
}
.host-footer-desc>h6{
	color: #000000;
	margin-top: -3px;
}
.socail-footer{
	position: absolute;
	right: 0;
	bottom: -5px;
}
.socail-footer>img{
	cursor: pointer;
}
.head-blog-home{
	padding: 0% 2% 0% 2%;
}
.blog-home{
	width: 100%;height:100px;
	margin-top: 5%;
	margin-right: 5%;
	margin-left: 5%;    
	padding-top: 12%;
    padding-right: 9%;
    padding-left: 14%;
    height: 200px;
    background: transparent;
     
}
.blog-home>h6{
	font-size: 21px !important;
}
.blog-home>h7{
	font-size: 16px !important;
	font-family: 'tahoma' !important;
}
.input-danger{
	    border: 1px solid red !important;
}
.text-danger{
	color:red !important;
	display: none;
}
.bttn:hover {
    opacity: 0.75;
    background-color: #518ef0;
}
.bttn {
    width: 70px;
    cursor: pointer;
    border-left: 0px !important;
    background: #518ef0;
}
.btn-search {
    height: 38px !important;
    border-radius: 0;
    border: 1px solid #FFF;
}
.btn-search>h7{
	position: relative;
	left: -8px;
    top: 5px;
    color: #FFF;
}
.enter{
	padding: 12% 0% 10% 0%;
}
.enter-1>h3{
	font-size: 46px !important;
	color: #518ef0;
	margin: 0px !important;
	font-family: 'rubrik_boldregular';
}
.enter-2>h3{
	margin: 0px !important;
	font-size: 46px !important;
	font-family: 'rubrik_boldregular';
}
.agent-a{
	padding-right: 15px;
}
.agent-b{
	padding-left: 15px; 
}
.enter-3>h5{
	margin: 0px !important;
}
.enter-4>h5{
	margin-top: 5px !important;
}
.enterprise-2{
	padding: 4% 0% 4% 0%;
}
.enters-1>h4{
	font-size: 33px !important;
	margin: 0px !important;
	color: #efefef;
}
.enters-2>h3{
	font-size: 42px !important;
	margin: 0px !important;
	color: #efefef;
}
.enters-3>h5{
	font-size: 25px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
	color: #efefef;
}
.enters-1{
	padding-bottom: 5px;
}
.enters-4{
	padding-bottom: 10px;
}
.enters-4>h5{
	font-size: 25px !important;
	margin-top: 5px !important;
	margin-bottom: 0px !important;
	color: #efefef;
	font-family: 'kanitlight' !important;
}
.desc-1>h4{
	font-size: 36px !important;
}
.head-blog-en{
	margin-left: 5%;
    margin-right: 5%;
}
.enterpise-img{
	margin: 15% 0% 0% 0%;
	padding: 34% 0% 16% 0%;
}
.last-img{
	padding-top: 10px;
    padding-bottom: 6px;
    padding: 34% 0% 16% 0%;
}
.blog-enter{
    width: 18%;
    height: 280px;
    float: left;
    background: #FFF;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 5%;
    padding-bottom: 3%;
} 
.blog-enter:first-child{
	padding-bottom: 3%;
}
.blog-enter:last-child{
    padding-bottom: 3%;
}

.blog-enter>div:last-child{
   height: 70px;
}
.blog-enter>div:last-child>h6{
	font-size: 16px !important;
}
.blog-enter>div>h6{
	font-family: 'tahoma' !important;
}
.desc-1{
	height:114px;
}
.desc-1>h4{
	padding-top: 2%;
}
.btn-enterprise>a>img{
	cursor: pointer;
}
.btn-enterprise>a>img:hover{
	opacity:0.75;
}
.blog-home-padding{
	padding: 1% 7% 4% 7%;
}
.blog-news{
	padding:10px;
}

.blog-news-img{
	height: 260px;
	overflow: hidden;
}
.blog-news-img:hover>a>img{
	opacity: 0.75;
}
.blog-news-name{
	
	padding:0% 0 0% 0;
}
.btn-search{
	height: 38px !important;
    border-radius: 0;
    border: 1px solid #FFF;
    
}

.blog-news-name>a{
	margin-bottom: 0px;
	font-size: 19px !important;
	font-family: 'tahoma';
}

.news-head-right>h4{
	position: relative;
    font-size: 20px !important;
}
.news-head-right>h4>i{
	position: relative;
    top: 3px;
	
}
.news-head-name>h1 {
    font-family: 'tahoma' !important;
    font-size: 19px !important;
    margin-top: 10px;
}
.news-short-desc>h5 {
    font-family: 'tahoma' !important;
    font-size: 20px !important;
}
.news-desc-head>p {
    font-family: 'tahoma' !important;
    font-size: 15px !important;
}  
.news-desc{
	padding-top:3%;
	padding-bottom:2%;
}
@-moz-document url-prefix() {
.bttn>h7{
	color: #FFF;
	z-index: 9999999;
	position: relative;
    left: 9px !important;
    top: 6px;
}
}
.text-detail>h6{
	color: #FFF;
	font-size: 15px !important;
	color:  #FFF;
}
.text-detail>h6>a{
	color: #FFF;
	font-size: 19px !important;
}
.text-detail-right{
	padding-top: 12px;
	color: #FFF;
	font-size: 14px !important;
	font-family: 'kanitregular';
}

.blog-news-date{
	color: #a1a1a1;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 12px !important;
}
.blog-news-hr{
	padding-right: 0px;
	padding-left: 0px;
}
.blog-news-hr>hr{
	margin-top: 10px;
	margin-bottom: 0px;

}
.blog-news-shot-desc{
	height: 90px;
	padding-right: 0px;
	padding-left: 0px;
}
.blog-news-shot-desc>a{
	word-break: break-all;
	text-justify: auto;
	font-size: 15px !important;
	font-family: 'tahoma' !important;
}
.news-desc-head{
	font-family: 'tahoma' !important;
	font-size: 15px !important;
}
.pad-agen{
	text-indent: 30px;
	padding-left:30px;
}
.pad-agen-1{
	padding-left:30px;
}
.enter>div{
	padding-left: 0px;
	padding-right: 0px;
}
.terms-padding{
	text-indent:5%; 
}
.terms-padding-sub{
	text-indent:10%;             
}
.blog-regis-new{
	color: #FFF;
	padding-top: 5%;
	padding-bottom: 5%;
}
.blog-a>h6{
	color: #fff;
}
.bg-dot-new{
	background: url('../../assets/images/dot.png') no-repeat; 
	background-position: right center ;
}
@media  only screen and (min-width: 1920px){
.bg-home-new-0,.bg-home-new-1,.bg-home-new-2,.bg-home-new-3,.bg-home-new-4 {
    height: 861px;
}  
.blog-regis-new {
    color: #FFF;
    padding-top: 8%;
    padding-bottom: 5%;
}
.blog-na {
    padding: 37% 4% 49% 4%;
}
}  
@media  only screen and (max-width: 1280px){
.bg-home-new-0,.bg-home-new-1,.bg-home-new-2,.bg-home-new-3,.bg-home-new-4 {
    height: 661px;
}  
}
@media  only screen and (max-width: 1199px){
.head-h-new>.h2 {
    font-size: 40px;
}	
.head-h-new>.h3 {
    font-size: 22px
}	
.head-menu>.article {
    width: 90px;
}
.host-footer-desc>h6 {
	font-size: 16px !important;
}
.head-h-new>.h4 {
    font-size: 16px;
    letter-spacing: 0px;
}
.blog-b {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 3%;
    padding-right: 4%;
}
.blog-home>h7 {
    font-size: 14px !important;
}

.head-4>h6 {
    font-size: 16px !important;
}
.head-3>h4 {
	font-size: 24px !important;
}
.head-3>h4>b {
    font-size: 32px !important;
}
.head-2>h2 {
    font-size: 38px !important;
}
.blog-a>h4{
	font-size: 24px !important;
}
[class*='bg-blog-']{
	background-size: cover;
    height: 163px;
}
.head-blog-home {
    padding: 1% 1% 1% 1%;
}
.footer-hosting {
    background-size: cover;
    height: 100%;
}
.footer{
    background-size: cover;
    height: 100%;
}
.enter-1>h3{
	font-size: 42px !important;
}
.enter-2>h3{
	font-size: 42px !important;
}
.enter-3>h5,.enter-4>h5{
	font-size: 20px !important;
}
}
@media  only screen and (max-width: 1024px){
.bg-home-new-0,.bg-home-new-1,.bg-home-new-2,.bg-home-new-3,.bg-home-new-4 {
    height: 611px;
}
}
@media  only screen and (max-width: 991px){
.blog-news-img {
    height: 160px;
    overflow: hidden;
}	
.head-menu>.article {
    width: 70px;
}
.thk-register-1 h5{
	font-size: 20px !important;
}
.thk-register-1{
	    padding-bottom: 8%;
}
.thk-register-1 h6{
	font-size: 16px !important;
}
.blog-b {
    padding-top: 2%;
    padding-bottom: 2%;
    padding-left: 0%;
    padding-right: 0%;
}
.thk-register {
    width: 80%;
}	
.blog-a>h5 {
    font-size: 18px !important;
}
.blog-d>h6 {
    font-size: 18px !important;
}
.sys-2 {
    font-size: 44px !important;
}
.head-h-new>.h1 {
    font-size: 12px;
}
.head-h-new>.h2 {
    font-size: 26px;
}
.head-h-new>.h3 {
    font-size: 16px;
}
.head-h-new>.h4 {
    font-size: 12px;
}  
.head-menu>li:hover>a{
	font-size: 12px !important;
}
.head-h-new {
    font-size: 32px !important;
}
.sys-3 {
    font-size: 24px !important;
}
.sys-3>b {
    color: #518ef0 !important;
    font-size: 34px !important;
}
.head-menu>li {
    width: 87px;
}	
.head-menu>li>a{
	font-size: 12px !important;
}
.head-4>h6 {
    font-size: 16px !important;
}
.head-3>h4 {
	font-size: 24px !important;
}
.head-3>h4>b {
    font-size: 32px !important;
}
.head-2>h2 {
    font-size: 38px !important;
}
.blog-a>h4{
	font-size: 24px !important;
}
.logo>a>img {
    padding-top: 14%;
}
.blog-home>h6 {
    font-size: 18px !important;
}
[class*='bg-blog-'] {
	background-position: left top;
    background-size: cover;
    height: 160px;
}  
.enters-1>h4 {
    font-size: 24px !important;
}
.enters-2>h3 {
    font-size: 32px !important;
}
.enters-3>h5 {
    font-size: 22px !important;
}
.enters-4>h5 {
    font-size: 22px !important;
}
.desc-1>h4 {
    font-size: 28px !important;
}
.blog-enter:first-child {
    padding-bottom:3%;
}
.blog-enter {
    width: 23%;
}
.blog-enter>div>h2{
	font-size: 36px !important;
}
.blog-enter>div:last-child>h6 {
    font-size: 14px !important;
}
.bg-home-new-0, .bg-home-new-1, .bg-home-new-2, .bg-home-new-3, .bg-home-new-4 {
        height: 521px;
}
.footer-new a {
    font-size: 10px;
}
.footer-4 {
    font-size: 10px;
}
#newPreloadStore {
    width: 50%;
}
}
@media only screen and (max-width: 916px){
.blog-a>h4 {
    font-size: 22px !important;
}
}
@media  only screen and (max-width: 850px){
.head-2>h2 {
    font-size: 34px !important;
}
.head-3>h4 {
    font-size: 22px !important;
}
.head-3>h4>b {
    font-size: 30px !important;
}
.head-4>h6 {
    font-size: 15px !important;
}
}
@media  only screen and (max-width: 768px){
[class*='bg-blog-'] {
	background-position: left top;
	background-size: 100%;
    height: 100%;	
}  
#newPreloadStore {
    width: 70%;
    position: fixed;
    display: none;
    top: 20%;
    right: 15%;
}
.head-blog-home {
    padding: 0% 1% 0% 1%;
}
.footer {
    background-size: cover;
    height: 100%;
}
.host-footer-desc {
    padding-left: 24%;
}
.host-footer-desc>h6 {
    font-size: 14px !important;
}
.footer-hosting {
    background-size: cover;
    height: 100%;
}
.socail-footer {
    position: absolute;
    right: 5%;
    bottom: initial;
    z-index: 99999;
}
.footer-hosting,.footer{
	padding-left: 0px;
	padding-right: 0px;
}

.item-footer {
    padding-left: 2%;
    padding-right: 2%;
}
}
@media  only screen and (max-width: 767px){
.thk-register h5{
	font-size: 16px !important;
}	
.thk-register {
    width: 100%;
}
.thk-register-1 {
    width: 100%;
    padding-bottom: 15%;
}
.thk-register-1 h5{
	font-size: 18px !important;
}
.thk-register-1 h6{
	font-size: 16px !important;
}
.bg-home-new-6,.bg-home-new-7,.bg-home-new-8,.bg-home-new-10{
	height: 125px;
}
#newPreloadStore {
    width: 100%;
    right: 0%;
}
.feature-menu {
    font-size: 17px;
}
.bg-home-new-5 {
    height: 184px;
}
.bg-home-new-0, .bg-home-new-1, .bg-home-new-2, .bg-home-new-3, .bg-home-new-4 {
    height: 651px;
}
.bg-dot-new{
	background: url('../../assets/images/dot-xs.png') no-repeat; 
	background-position: bottom center ;
	height: 175px;
}
.blog-regis-new {
    color: #FFF;
    padding-top: 0%;
     padding-bottom: 0%; 
}
.blog-a{
	padding:0px !important;
}
.blog-a>h6{
	font-size: 16px !important;
}
input[type='text'], input[type='password'] {
    border: 1px solid #518ef0;
    height: 34px !important;
    border-radius: 0px !important;
}
#start-pos {
    height: 34px;
}
.blog-regis-new>.col-xs-12{
	margin-top: 5px !important;
}
.blog-regis-new>.form-group>label{
	    font-size: 12px !important;
	    padding: 0px;
}
.blog-na {
    padding: 0px;
}
#btn-menu-xs>h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.blog-2 {
    padding: 4% 4% 4% 4%;
}

.logo>a>img {
    padding-top: 15px;
}
#btn-menu-xs{
	cursor: pointer;
}
#btn-menu-xs>h3>i {
    font-size: 30px !important;
    color: #FFF;
}
#btn-menu-xs>h3{
	margin-top:9px;
	margin-bottom: 0px;
}
.logo {
    height: 64px;
}
.sub-menu-xs{
	display:none;
}
.sub-menu-xs{
   line-height: 26px;
    vertical-align: middle;
    background-color: #518ef0;
    display: none;
    opacity: 0.9;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    z-index: 99999;
}
.sub-menu-xs>div>a{
	color: #FFF;
}
.sub-menu-xs>.col-xs-12:hover{
	background-color: #FFF;
	opacity: 1 !important;
}
.sub-menu-xs>.col-xs-12:hover>a{
	color:#518ef0;
}
.sub-menu-xs>.col-xs-12:hover>a>div>i{
	display: inline-block;
}
.sub-menu-s>a>div>i{
	font-size: 12px;
    display: none;
    padding-left: 10px;
}
.sub-menu-s>a>div{
	width: 17px;
    font-weight: normal;
    float: left;
    height: 30px;
}
.menu-xs-active>a{
	color: #518ef0 !important; 
}
.menu-xs-active{
	background: #FFF;
	border: 1px solid #518ef0;
}
.blog-1 {
	padding-left: 50%;
}
.host-footer-desc {
    padding-left: 24%;
}
.host-footer-desc>h6 {
    font-size: 14px !important;
}
.footer-hosting {
    background-size: cover;
    height: 100%;
}
.enter-1>h3{
	font-size: 34px !important;
}
.enter-2>h3{
	font-size: 34px !important;
}
.enter-3>h5,.enter-4>h5{
	font-size: 18px !important;
}
.enters-1>h4 {
    font-size: 22px !important;
}
.enters-2>h3 {
    font-size: 30px !important;
}
.enters-3>h5,.enters-4>h5{
    font-size: 20px !important;
}
.desc-1>h4 {
    font-size: 24px !important;
}
.blog-enter {
    width: 31%;
}
.desc-1 {
    height: 70px;
}
.news-head{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.blog-news-shot-desc {
    height: auto;
	word-break: break-all;
}
.socail-footer{
	position: absolute;
	right: 0;
	bottom: -5px;
}
.socail-footer>img{
	cursor: pointer;
	width: 30px;
}
.logo {
    height: 55px;
}
}
@media  only screen and (max-width: 695px){
	
}
@media  only screen and (max-width: 667px){
	
}
@media  only screen and (max-width: 616px){
	
}
@media  only screen and (max-width: 568px){
.blog-1 {
	padding-left: 43%;
}
.enters-1>h4 {
    font-size: 20px !important;
}
.enters-2>h3 {
    font-size: 28px !important;
}
.enters-3>h5,.enters-4>h5{
    font-size: 18px !important;
}
.blog-enter {
    width: 48%;
    height: 320px;
}
}
@media  only screen and (max-width: 480px){
.enters-1>h4 {
    font-size: 16px !important;
}
.enters-2>h3 {
    font-size: 24px !important;
}
.enters-3>h5,.enters-4>h5{
    font-size: 14px !important;
}	
}
@media  only screen and (max-width: 479px){
.blog-1 {
	padding-left: 29%;
}
}
@media  only screen and (max-width: 461px){
	
}
@media  only screen and (max-width: 414px){
.blog-news-img {
    height: 234px;
    overflow: hidden;
}
.head-h-new>.h4 {
    font-size: 11px;
}
.head-h-new>.h1 {
    font-size: 11px;
}
.blog-d>h6 {
    font-size: 14px !important;
}
.img-fb {
    padding: 2px;
}
.img-gg {
    padding: 2px;
}
.head-h-new {
    font-size: 30px !important;
}
}
@media  only screen and (max-width: 413px){
.blog-1 {
	padding-left: 26%;
}
.footer-1 {
    font-size: 16px;
    padding-top: 1%;
}
.footer-2 {
    font-size: 12px;
    padding-top: 7px;
}
.footer-3 {
    font-size: 12px;
    padding-top: 4%;
}
.footer-4 {
    font-size: 10px;
    padding-top: 2px;
}
.socail-footer{
    right: 0%;
    bottom: -9px;
}
.socail-footer>a>img{
	width: 26px;
}
.enter-1>h3{
	font-size: 28px !important;
}
.enter-2>h3{
	font-size: 28px !important;
}
.enter-3>h5,.enter-4>h5{
	font-size: 14px !important;
}
}
@media  only screen and (max-width: 375px){
.blog-enter {
    width: 100%;
    height: 320px;
}
.blog-news-img {
    height: 206px;
    overflow: hidden;
}
.g-recaptcha {
    width: 243px;
    position: relative;
    left: -25px;
}
.g-recaptcha>div{
	    transform:scale(0.77);
}	
}
@media  only screen and (max-width: 374px){
	
}
@media  only screen and (max-width: 344px){
.blog-1 {
	padding-left: 17%;
}
[class*='bg-blog-'] {
    background-position: left top;
    background-size: cover;
    height: 100%;
}
.blog-home {
    padding-top: 23%;
}
.enters-1>h4 {
    font-size: 14px !important;
}
.enters-2>h3 {
    font-size: 18px !important;
}
.enters-3>h5,.enters-4>h5{
    font-size: 12px !important;
}
.blog-news-img {
    height: 185px;
    overflow: hidden;
}
}
@media  only screen and (max-width: 320px){
.blog-1 {
     padding-left: 14%;
    padding-right: 0px;
}
.blog-news-img {
    height: 169px;
    overflow: hidden;
}	
}

#pricing-table{
	padding-top: 5%;
	padding-bottom: 5%;
}

#pricing-table .pricing-table-out-box{
	padding: 2.5%;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box{
	border:1px solid #cccccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 0px;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box.pricing-table-in-box-head{
	border:1px solid white;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-name{
	font-family: 'kanitregular';
	font-size: 25px;
	color: #262626;
	height: 60px;
	line-height: 60px;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price{
	height: 135px;
	background-color: white;
	color: white;
	padding-top: 10px;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price.package-price-a {
	background-color: #2283f6;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price.package-price-b {
	background-color: #7d7d7d;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price.package-price-c {
	background-color: #a87f00;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price h1{
	font-family: 'kanitlight';
	font-size: 80px !important;
	line-height: 80px;
	color: white;
	margin: 0px;
	font-weight: normal;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price h2{
	font-family: 'kanitlight';
	font-size: 40px !important;
	line-height: 80px;
	color: #262626;
	margin: 0px;
	font-weight: normal;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price.package-price-c h1{
	font-size: 60px !important;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-price h6{
	font-family: 'kanitregular';
	font-size: 14px !important;
	color: white;
	margin: 0px;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-detail dt {
    color: #444444;
    font-family: 'kanitregular';
    font-size: 16px !important;
    line-height: 35px;
   /* font-weight: normal !important;*/
}
#pricing-table .pricing-table-out-box .pricing-table-in-box.pricing-table-in-box-head .package-detail dt {
	text-align: right;
	color: #797979;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-detail dt:nth-child(odd) {
    
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-detail dt:nth-child(even) {
    background-color: #f1f1f1;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box.pricing-table-in-box-head .package-detail dt:nth-child(even) {
    background-color: white;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-button{
	margin-bottom: 20px;
	padding-left: 15%;
	padding-right: 15%;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-button .btn-packge-a{
	font-family: 'kanitlight' !important;
	font-weight: bold;
	font-size: 20px !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #797979;
}

#pricing-table .pricing-table-out-box .pricing-table-in-box .package-button .btn-packge-a:hover{
	font-family: 'kanitlight' !important;
	font-weight: bold;
	font-size: 20px !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: black;
	color: white;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .package-bestsale{
	height: 20px;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box.pricing-table-in-box-bestsale{
	margin-top: -20px;
	-webkit-box-shadow: 0px 0px 41px -2px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 41px -2px rgba(0,0,0,0.38);
box-shadow: 0px 0px 41px -2px rgba(0,0,0,0.38);
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .ribbon span {
	font-family: 'kanitregular';
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  /*text-transform: uppercase;*/
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#ED1C24 0%, #ED1C24 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #ED1C24;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #ED1C24;
}
#pricing-table .pricing-table-out-box .pricing-table-in-box .ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #ED1C24;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #ED1C24;
}