/*
Theme Name: Aripop
Theme URI: http://arinio.com/aripop-free-responsive-multipurpose-wordpress-theme/
Author: Arinio Themes
Author URI: http://arinio.com
Description:  Aripop is a Best Multipurpose, Elegant, Sleek, Responsive and Beautiful Theme with Easy and Powerfull Customization Options. Aripop Theme is Single Click Intall feature, Just press activate button and your website will get ready. Aripop theme comes with great features. Aripop is a bootstrap based fully responsive theme that works on any device. You can use it for your business, portfolio, blogging, fitness, GYM, Magazine, News, Travels Agencies or any type of site. Its comes with beautiful slider. It has a very easy admin option panel where you can change lot of things easily. You can upload logo , fevicon etc. you can customize this theme without any coding knowledge.  This theme made by arinio.com.
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, responsive-layout, custom-background, custom-menu, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, black, flexible-header, full-width-template, light, green, black, photoblogging, red, white
Text Domain: aripop
License information can be found in the readme.txt file.
*/


@import url(styles/styles.css);

html,
body {
    height: 100%;
	font-family: 'Raleway', sans-serif;
    font-size: 16px !important;
    color: #5a5a5a !important;

	
}


:lang(th-TH){
  font-family: 'Kanit', sans-serif !important;
}

:lang(en-EN){
  font-family: 'Raleway', sans-serif !important;
}

.nav {
    margin-top: 20px;
}

.widget_revslider {
	margin-bottom: 0 !important;
}

.txt1{
	font-size: 4em;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.2em;
/*	text-shadow: 6px 5px 0px #85f134;*/
}

.txt1 strong{
	background: rgb(40,255,97);
background: -moz-linear-gradient(top, rgba(40,255,97,1) 0%, rgba(145,232,66,1) 100%);
background: -webkit-linear-gradient(top, rgba(40,255,97,1) 0%,rgba(145,232,66,1) 100%);
background: linear-gradient(to bottom, rgba(40,255,97,1) 0%,rgba(145,232,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28ff61', endColorstr='#91e842',GradientType=0 );
    padding: 5px 10px;
    border-radius: 10px;
    line-height: 1em;
    color: #fff;
    transition: background-color 0.5s ease;
}

.txt1 strong:hover {
    background: rgb(145,232,66);
background: -moz-linear-gradient(top, rgba(145,232,66,1) 0%, rgba(40,255,97,1) 99%);
background: -webkit-linear-gradient(top, rgba(145,232,66,1) 0%,rgba(40,255,97,1) 99%);
background: linear-gradient(to bottom, rgba(145,232,66,1) 0%,rgba(40,255,97,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e842', endColorstr='#28ff61',GradientType=0 );
    color: #fff;
    transition: background-color 0.5s ease;
}

.txt2{
	font-size: 1.5em;
}

.txt3{
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
}

.navbar-inverse .navbar-nav>li>a {
    color: #5a5a5a;
 /*   text-transform: uppercase;*/
    font-weight: 500;
}

.kc-blog-posts-3 .kc-list-item-3 .content {
    background: #fff;
        min-height: 300px;
}


/*.btnread{
	box-shadow: 10px 10px 0px #85f134;
}

.btnread:hover{
	box-shadow: 10px 10px 0px #000;
}*/

.kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-title-alt a {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
}

div.wpcf7 .ajax-loader {
    display: block !important;
}

.conright{
	text-align: right;
}

.txtwidgetfooter{
	font-size: 1.2em;
	color: #5a5a5a;
	margin-bottom: 10px; 
	font-weight: 700;
}

.txtwidgetfooter2{
	font-size: 1.2em;
	color: #5a5a5a;
	margin-bottom: 10px;
	text-align: left;
	font-weight: 700;
}

.conright .wpcf7-submit{
	    background: #999999;
    border: 0;
    padding: 8px 20px;
    color: #fff;
    font-weight: 700;
    width: 30%;
    float: left;
    border-radius: 5px;
    border: 1px solid #b3b3b3;
}

.conright .wpcf7-submit:hover{
	background: #404040;
    color: #fff;
}

.conright .wpcf7-email{
	padding: 8px;
    font-weight: 700;
    background: none;
    width: 68%;
    float: left;
    border-radius: 5px;
    margin: 0 1%;
    border: 1px solid #535353;
}

.copy{
	background: #ffffff;
    padding: 5px 0;
}

.txtcopy{
    text-align: left;
    color: #5a5a5a;
    font-size: 12px;
    padding-top: 10px;
}

.boxfoot{
	background: #f2f2f2;
/*background: rgb(40,255,97);
    background: -moz-linear-gradient(top, rgba(40,255,97,1) 0%, rgba(111,198,35,1) 100%);
    background: -webkit-linear-gradient(top, rgba(40,255,97,1) 0%,rgba(111,198,35,1) 100%);
    background: linear-gradient(to bottom, rgb(91, 255, 134) 0%,rgb(134, 228, 52) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28ff61', endColorstr='#6fc623',GradientType=0 );*/
}

.navbar-header img {
    padding-top: 0px;
    position: absolute;
        height: 130px;
    max-width: inherit;
        padding: 16px;
}

.headhot{
    text-align: right;
}

.navbar{
    margin-bottom: 0; 
}

.headhot{
    font-size: 1.2em;
    font-weight: 500;
}

.boxtop{
    margin-top:20px; 
}
.headhot i{
    font-size: 1.8em;
    vertical-align: sub;
    /*color: #85f134;*/
}

.lang{
    background: none;
    border: 1px solid #000;
    padding: 10px;
    color: #000;
    margin:2px; 
    font-size: 0.8em;
    cursor: pointer;

}

.lang:hover{
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.numhot{
    text-align: right;
}

.col-pad0{
    padding: 0 !important;
}

/*.txttop{
        font-size: 4em;
    font-weight: 200;
    padding: 30px 0 0px 0;
    line-height: 1em;
}*/

.txttop{
    font-size: 3em;
    font-weight: 400;
    padding: 30px 0 0px 0;
    line-height: 1.2em;
    margin-top:50px; 
    text-transform: uppercase;
    text-align: center;
}

.txttop p{
    padding-bottom: 0px;
    margin: 0;
}

.txttop3{
    font-size: 3em;
    font-weight: 400;
    line-height: 1.2em;
    text-align: center;
}



.txttop2{
    font-size: 1.3em;
    font-weight: 400;
    line-height: 1.4em;
    text-align: center;
}

.txttop2 p{
    width: 60%;
    margin: 0 auto;
}

.txttop4{
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 500;
}

.txttop5{
    font-size: 3em;
    font-weight: 400;
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: center;
}

.txttop5 p{
     padding-bottom: 0px;
    margin: 0;
}

.txttop6{
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 500;
    margin-top:20%; 
}

.txticon{
    font-size: 5em !important;
    text-align: center !important;
    color: #84f033 !important;
    margin-top:50px !important;
    margin-bottom: 20px !important; 
}

.maptop .kc_column, .maptop .kc_column_inner {
    min-height: 1px;
    position: relative;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.kc_accordion_content {
    color: #5a5a5a !important;
}

.article-page h3 {
    padding-bottom: 0 !important;
}

hr {
    border-top: 1px solid #3d3d3d !important;
}

.kc_accordion_header > span.ui-accordion-header-icon{
    color: #fff !important;
}

.contactpage .wpcf7-form label{
    width: 100%;
    color: #5a5a5a;
}

.contactpage .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea{
    width: 100%;
    padding: 8px 10px;
    margin-top: 10px;
    border: 0;
}

.contactpage .wpcf7-submit{
    color: #535353;
    background-color: rgba(26, 132, 0, 0);
    font-size: 1.5em;
    font-weight: 500;
    border: 1px solid #535353;
    border-radius: 5px 5px 5px 5px;
    padding: 10px 20px 10px 20px;
}

.contactpage .wpcf7-submit:hover{
    color: #2b2b2b;
    background-color: #85f134;
    border: 1px solid #85f134;
    border-radius: 5px 5px 5px 5px;
}

.toppost{
    margin:30px 0; 
}

.txtblog{
    font-size: 3em;
    font-weight: 300;
    padding: 30px 0;
    text-align: left;
    color: #fff;

}

.padblog{
     padding: 30px 0;
}

.topbgpost{
     background: url(http://changsystem.com/turnon/wp-content/uploads/2016/12/bgon-1.jpg) center center;
     background-size: cover;
     width: 100%;
}

.breadcrumb>.active {
    color: #fff !important;
}

.breadcrumb>li+li:before {
    color: #fff !important;
}

.breadcrumb i{
    color: #fff !important;
}

.toppost img{
    width: 100%;
}

.toppost .article-page{
    margin-bottom: 30px; 
}

.sub-menu li{
	/*text-transform: uppercase;*/
}

.language-chooser{
	text-transform: uppercase;
}

.language-chooser li{
	border-top:0; 
}

.language-chooser li a{
    background: none;
    border: 1px solid #8f8f8f;
    padding: 8px;
    color: #000 !important;
    font-size: 0.8em;
    cursor: pointer;

}

.language-chooser li a:hover{
    background: #404040;
    border: 1px solid #8f8f8f;
    color: #fff !important;
}

.language-chooser li.active a{
    background: #fff;
    color: #000 !important;
        margin-top: 10px !important;

}

.logomain img{
	width: 350px;
	text-align: center;
}

.nav li.active {
        -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    background: #69dc10;
    color: #fff;
}

.navbar-nav li a{
    -webkit-transform: skew(20deg) !important;
    -moz-transform: skew(20deg) !important;
    -o-transform: skew(20deg) !important;
    transform: skew(20deg) !important;
}

.nav li.menu-item {
        -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
}

.nav li.menu-item:hover {
        -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    transform: skew(-20deg);
    background: #e8e8e8;
    color: #000 !important;
}

.sub-menu li{
       -webkit-transform: skew(0deg) !important;
    -moz-transform: skew(0deg) !important;
    -o-transform: skew(0deg) !important;
    transform: skew(0deg) !important;
    background: #fff;
    color: #000 !important;
}

.sub-menu li.active {
    background: #e8e8e8;
    color: #000 !important;
}

.sub-menu li a{
    -webkit-transform: skew(20deg) !important;
    -moz-transform: skew(20deg) !important;
    -o-transform: skew(20deg) !important;
    transform: skew(20deg) !important;
}



.wpcf7-form-control-wrap {
    position: inherit !important;
}

.qtranxs_widget ul li.active {
    opacity: 1 !important;
}

.bluebutton{
	background: #004bff;
/*background: -moz-linear-gradient(top, #0021ff 0%, #0061ff 50%, #0021ff 100%);
background: -webkit-linear-gradient(top, #0021ff 0%,#0061ff 50%,#0021ff 100%);
background: linear-gradient(to bottom, #0021ff 0%,#0061ff 50%,#0021ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0021ff', endColorstr='#0021ff',GradientType=0 );*/
	display: block;
	color: #fff !important;
}

.bluebutton a{
	color: #fff !important;
	font-size: 1.2em;
	font-weight: 700 !important;
}


.bluebutton:hover{
	background: #0024b7;
background: -moz-linear-gradient(top, #0024b7 1%, #0045db 50%, #0024b7 100%) !important;
background: -webkit-linear-gradient(top, #0024b7 1%,#0045db 50%,#0024b7 100%) !important;
background: linear-gradient(to bottom, #0024b7 1%,#0045db 50%,#0024b7 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0024b7', endColorstr='#0024b7',GradientType=0 ) ;
	color: #fff !important;
}



.navbar-inverse .navbar-nav li.bluebutton a:hover, .navbar-inverse .navbar-nav li.bluebutton a:focus{
    color: #fff !important;
}

.pum-title{
    display: none !important;
}

.slidetop{
	height: 100vh;
}

.tp-revslider-mainul{
	height: 100vh !important;
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative;
    height: 100vh !important;
}

.kc_accordion_header > span.ui-accordion-header-icon {
    font-family: 'simple-line-icons' !important;
}

/*****web*****/

@media (min-width: 320px) and (max-width: 568px) {
.txt3 {
    font-size: 1.5em;
}

.txt2 {
    font-size: 1.2em;
}

.txttop {
    font-size: 2em;
}

.txttop3 {
    font-size: 2em;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-header img{
    height: 100px;
}

.conright {
    text-align: center;
}

.txtwidgetfooter{
    margin-top:20px; 
}
.wpcf7-submit{
    margin-top:10px; 
}

.txt1 {
    font-size: 3em;
}

.conright .wpcf7-email {
    width: 100%;
}

.nav {
    margin-top: 0;
}

.txtcopy{
    text-align: center;
}

.cnss-social-icon {
    text-align: center !important;
}
.txttop2 {
    font-size: 1em;
}

.txttop5 {
    font-size: 2em;

}

}

@media (min-width: 569px) and (max-width: 991px) {
     .txtwidgetfooter2{
        text-align: center;
    }

    .avfoo p {
    text-align: center;
}

.conright {
    text-align: center;
}

.txtwidgetfooter{
    margin-top:20px; 
}

.nav {
    margin-top: 0;
}

}


@media (min-width: 1px) and (max-width: 1023px) {
.navbar-fixed-bottom, .navbar-fixed-top {
    position: relative !important;
}
   
}

@media (max-width: 991px)  {
   .smallhead{
    display: none !important;
   }
   .txttop2 p{
    width: 100%;
    margin: 0 auto;
}
.txtblog{
    text-align: center;
}

.sub-menu li a{
    padding: 8px 0;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 100% !important;
}

.logomain img{
	width: 280px;
	text-align: center;
}

.navbar-header img {
    height: 90px;
    padding: 0;
}

.nav li.active {
        -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
}

.navbar-nav li a{
    -webkit-transform: skew(0deg) !important;
    -moz-transform: skew(0deg) !important;
    -o-transform: skew(0deg) !important;
    transform: skew(0deg) !important;
}

.nav li.menu-item {
        -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
        padding: 0 30px;
}

.nav li.menu-item:hover {
        -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
    transform: skew(0deg);
}

.sub-menu li{
       -webkit-transform: skew(0deg) !important;
    -moz-transform: skew(0deg) !important;
    -o-transform: skew(0deg) !important;
    transform: skew(0deg) !important;
    color: #000 !important;
}

.sub-menu li a{
    -webkit-transform: skew(0deg) !important;
    -moz-transform: skew(0deg) !important;
    -o-transform: skew(0deg) !important;
    transform: skew(0deg) !important;
    display: block;
}

.sub-menu li a:hover{
    color: #fff !important;

}

.nav>li>a:hover, .nav>li:hover>a {
    /* border: 1px solid #f1f1f1; */
    background: none;
    color: #fff !important;
}


.conright .wpcf7-submit{
    width: 100%;
    float: none;
}


.conright .wpcf7-email{
    width: 100%;
    float: none;
}

.slidetop{
	height: 100%;
}

.tp-revslider-mainul{
	height: 100% !important;
}

.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative;
    height: auto;
}



}

@media (min-width: 1200px) and (max-width: 1383px) {
	.language-chooser li a {
    padding: 4px;
    font-size: 0.8em;
}

.language-chooser li{
	margin: 0 !important;
}

.navbar-header img {
    padding-top: 15px;
}

}

@media (min-width: 1024px) and (max-width: 1280px) {
	.nav>li>a {
    padding: 10px 12px;
}

.navbar-header img {
    padding-top: 10px;
}

.slidetop{
	height: 100%;
}

.tp-revslider-mainul{
	height: 100% !important;
}

.navbar-header img {
    padding-top: 0px;
    position: absolute;
    height: 99px;
    max-width: inherit;
    padding: 10px;
}


	}

@media (max-width: 767px)  {

	.numhot {
    text-align: center;
}

.qtranxs_widget ul {
    text-align: center;
    margin-top:10px !important; 
}

.boxtop {
    margin-top: 10px;
}

.navbar-header img {
    height: 90px;
    position: relative;
        margin: 0 auto;
}
}