/* Copyright (C) arrowthemes, Regular/Extended Licence */



@import url(../warp/css/layout.css);



/* font smoothing */

body{

	-webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;



}



.showhide li.uk-toggle-code div,

.showhide li.code div,

pre {

	-webkit-font-smoothing:	auto;background: rgb(241, 241, 241);

}


/* Sections */

.module{

	margin: 0 10px;

/*	padding: 15px 10px;*/

}



#bottom-c .module, 

#copyright .module, 

#footer .module, 

#showcase .module, 

#toolbar .module,

#slide-zone .module,

#header-right .module,

#g-map .module,

.no-margin .module{

	padding: 0;

}



#header,

#header-right .module,

#toolbar .module p,

#footer .module,

#slide-zone .module,

.no-margin .module{

	margin: 0;

}



/*header*/

#header-block{

	position: relative;

}



#header{

	z-index: 101;

}



#header-right{

	margin: 13px 16px 0;

	float: right;

}



#header-right > div {

	float: left;

}



.header-right .social-icons a,

#header-right .social-icons a{

	margin-left: 5px;

}



#header-right .social-icons{

	margin-top: 15px;

}



#header-right .module {

	display: inline-block;

}



.header-right {

	display: inline-block;

	width: 100%;

}



#slide-zone{

	box-shadow: 0 1px 0 rgba(0,0,0,0.1);

	clear: both;

}



body{padding-bottom: 40px;

/*    font-family: 'Kanit', sans-serif;*/}

#main{margin-bottom: 15px;}



#content {

	margin: 10px 20px 30px;

}



#sidebar-a,

#sidebar-b{

	padding-top: 20px;

}



#footer, 

#copyright{

	margin: 15px 20px;

}



#footer-block{

	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.07) inset;

}



#bottom-c{

    padding: 30px 10px;

}





/* Layouts

----------------------------------------------------------------------------------------------------*/

.accordion h2,

table thead,

table tfoot{

	background: rgba(0, 0, 0, 0.03);

 	box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.05) inset, 0 10px 6px rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 1) inset; 

  }



/* toolbar */

#toolbar{

	z-index: 15;

}



#toolbar.content-texture{

	border-bottom: 1px solid rgba(0,0,0,0.05);

}



#toolbar .module,

.toolbar-l > time{

/*	margin: 10px 0;*/

	display: inline-block;

}



#toolbar h5 {

	margin: 0;

	line-height: 1.6;

}



.toolbar-l > .module,

.toolbar-l time {

	margin-right: 15px !important;

}



.toolbar-r > .module {

	margin-left: 15px !important;

}



.top-bar, 

.bottom-bar{

	height: 2px; 

	position: relative;

}



#toolbar .social-icons .uk-icon-button,

#footer .social-icons .uk-icon-button,

#copyright .social-icons .uk-icon-button{

	border: 0 none;

	height: 25px;

	width: 30px;

	box-shadow: none;

	line-height: 25px;

	font-size: 18px;

}



#toolbar .uk-icon-button:hover,

#footer .uk-icon-button:hover,

#copyright .uk-icon-button:hover {

	background-color: transparent !important;

	box-shadow: none !important;

}



/*sheet*/

.sheet{

	box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.045), -2px 0px 1px rgba(0, 0, 0, 0.045);

}



/*header*/

#header-top{

	min-height: 133px;

	margin: 0 auto;

}



#header-bottom{

	box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.035) inset, 0 1px 0 rgba(255, 255, 255, 0.075) inset, 0 10px 50px rgba(255, 255, 255, 0.1) inset;

	border-color: rgba(0, 0, 0, 0.05);

	border-style: solid;

	border-width: 1px 0 0;

	min-height: 48px;

	position: relative;

	z-index: 0;

 }



/*logo*/

.logo-img{

	width: 200px; 

	height: 80px;

	margin: 0; 

	float: left; 

	margin-top: 15px; 

	background-size: contain !important;

}



.tag-line{

	padding: 0px 10px; 

	position: relative; 

	display: inline-block; 

	margin-top: 38px;

	border-left: 1px solid rgba(0, 0, 0, 0.1);

	box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.1);

}



/*social links*/

.social-icons,

.social-icons li p{

	margin: 0;

	padding: 0

}



.shortcode-icons li,

.social-icons a{

	display: inline-block;

}



.shortcode-icons li a,

.social-icons li a{

	padding: 0 10px;

	font-size: 20px;

}



.shortcode-icons {

	margin: 40px 0 0;

	padding-left: 0;

}



#breadcrumbs {margin: 0;}



/* showcase */

#showcase{ 

	margin: 0; 

	overflow: hidden;

	clear: both;

	box-shadow: 0 -6px 0 0 rgba(255, 255, 255, 0.12) inset;

}



#showcase .module-title {

    font-size: 35px;

    line-height: 35px;

    border-bottom: 0;

    box-shadow: none;

}



.header-content{

	overflow: visible; 

	z-index: 1;

	padding: 40px 10px;

	position: relative;

	box-shadow: inset 0 -20px 40px rgba(255, 255, 255, 0.15);

}



.header-content .module .module-title{

	padding-bottom: 0; 

	margin: 0;

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);

}



.hidden-img {

    position: absolute;

    right: -60px;

    margin: 9px 10px 0 0;

    top: 70px;

}



.hidden-text {

	width: 70%;

	margin: 12px 0;

}



#showcase .hidden-img {

    right: 0;

    top: -28px;

    margin: 0;

}

img.static {position: relative; margin: -185px 0 -55px;}

.h-effect img{width: 100%}

.module-title{padding-bottom: 15px;}

.header-content .module-title{font-size: 30px;}



#footer-block p{

	margin: 0; 

}



#copyright .module {

	margin: 0 15px;

	display: inline-block;

}



/*dropcaps / block numbers/dates */

.event{

	display: inline-block; 

	margin: 5px 0 20px

}



.event p {margin: 0;}



.uk-blog-date .uk-event-date, 

.uk-event-time .uk-event-date, 

.block-number .digit{

	font-size: 20px;

	padding: 20px 10px 0; 

	line-height: 0;

	display: block;

	min-height: 20px;

	border: 1px solid rgba(0, 0, 0, 0.1);

	border-bottom: 1px solid rgba(0,0,0,0.25); 

	box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1) inset, 0 10px 15px rgba(255, 255, 255, 0.14) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset;

	border-radius: 4px 4px 0 0;

}



div.css-panes div,

.module.badge-hot, 

.module.badge-top, 

.module.badge-free, 

.module.badge-new, 

.event-time,

.accordion,

.uk-blog-date .uk-event-month, 

.uk-event-time .uk-event-month, 

.block-number .bottom{

	display: block; 

	text-align: center;

	text-transform: uppercase;

	font-size: 13px; 

	color: #FFFFFF;

	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset;

	border-radius: 0 0 4px 4px;

}



.uk-blog-date {

	display: block;

	float: right;

	z-index: 1;

	position: relative;

}



.uk-blog-date .uk-event-date {

	padding: 18px 9px 9px;

}



.block-number .bottom{height: 6px}

.uk-event-time, 

.block-number,

.block-icon,

.big-icon{

	display:block; 

	float:left; 

	height:auto; 

	margin: 5px 15px 5px 0; 

	clear: both;

}



.big-icon {

	float: none;

	display: inline-block;

}



.big-icon,

.block-icon {

	font-size: 35px;

	padding: 15px 5px;

	color: rgba(0, 0, 0, 0.15);

}



.big-icon.uk-round-icon,

.block-icon.uk-round-icon {

	border: 3px solid;

	border-radius: 100%;

	width: 55px;

	text-align: center;

}



.big-icon.uk-float-right,

.block-icon.uk-float-right {

	float: right;

}



.uk-event-time{

	margin: 15px 15px 5px 0 !important

}

.row.footer-widgets {
    margin-right: -15px;
    margin-left: -15px;
}
.col-xs-12.col-md-1 {
    width: 13.333333%;
	float:left;
}
.col-xs-12.col-md-2 {
    width: 16.66666667%;
	float:left;
}
.col-xs-12.col-md-3 {
    width: 22.222222%;
	float:left;
}
.h-contain.h-contain-style-1 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 32px;
    width: 85%;
    max-width: 600px;
    border-bottom: 2px dotted #e0d8d4;
    border-top: none !important;
}
.h-contain.h-contain-style-1 {
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    background: none !important;
    color: #558E0A;
    font-size: 2rem;
    line-height: 1.8rem;
}
ul.col-2-col {
    text-align: left;
}
.doc-download-contain > ul, .doc-download.doc-download-style-1 .doc-download-contain > ul {
    position: relative;
    list-style: none;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    width: 94%;
    max-width: 1200px;
}
ul.col-2-col {
    position: relative;
    list-style: none;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    width: 94%;
    max-width: 1200px;
    text-align: left;
    font-size: 16px;
}