/**
*	@package	STARTER Joomla! Template
*	@copyright	Copyright (C) 2009 - 2014 Omegatheme. All rights reserved.
*	@license	GNU/GPL version 2, or later
*	@website:	http://www.omegatheme.com
*	Support Forum - http://www.omegatheme.com/forum/
*	@version	$Id$
*/

/* 
* In this file we define layout such as: dimensions, position, padding, margin, etc. 
* We also define COMMON typography (color, font) - JUST ONLY common style. 
* If template has many preset styles, define typography in preset-style-x.css appropriate each design
*/

/*========================= 1. GENERAL =======================*/
.boxed .wrapper {
	margin: 0 auto;
	padding: 0;
}
/*---------- Start Responsive Reset ------------*/
@media (min-width: 1200px) {
	.col-lg-reset {
		left: auto;
		right: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.col-md-reset {
		left: auto;
		right: auto;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.col-sm-reset {
		left: auto;
		right: auto;
	}
}

@media (max-width: 767px) {
    .col-xs-reset {
        left: auto;
		right: auto;
    }
}
/*---------- End Responsive Reset ------------*/

p{
	margin: 0 0 10px 0;
}
input, textarea, .uneditable-input { max-width: 99%; }
a.modal {
    background: none repeat scroll 0 center transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    outline: medium none;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: auto;
    z-index: 0;
}
.ie7 .btn-navbar{ display: none; }

/*========================= 2. OVERIDE JOOMLA =======================*/

/* com_search */
.search{}
.search .phrases-box,
.search .ordering-box,
.search .only,
.search .form-limit 
{
	clear: both; 
	margin: 0.5em 0;
}
.search .phrases-box > input,
.search .phrases-box > label {
	display: inline;
	margin: 0 2px;
}
.search .ordering-box > label {
	display: inline;
}

/* tooltips*/
.tip-wrap {
    background-color: #000000;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    z-index: 35500;
}
.tip-title {
	font-weight: bold;
}
.tip-text {
    text-align: left;
}

/* editor buttons */
.button2-left,
.button2-right {
	display: inline-block;
	*display: inline;
	padding: 4px 12px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
		  border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* com_content */
.pagenav:after {
    clear: both;
}
.pagenav:before, .pagenav:after {
    content: "";
    display: table;
    line-height: 0;
}
.pagenav{
    list-style: none outside none;
    margin: 0px 0;
    text-align: center;
}
.pagenav li {display:inline;}
.pagenav .pagenav-prev a{ float: left; }
.pagenav .pagenav-next a{ float: right; }
.pagenav a{
    background-color: #F8F8F8;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    display: inline-block;
    padding: 3px 8px;
}

/*========================= 3. RESPONSIVE ====================*/

@media (max-width: 767px) {
	/* fixed the modal popup width in small screen */
	#sbox-overlay {
		min-width: 100% !important;
	}
	#sbox-window {
		left: auto !important;
		padding: 0;
		width: 90% !important;
	}
	#sbox-window .sbox-content-iframe > iframe {
		max-width: 100% !important;
	}
	
	/* fixed facebox pop up in small screen (Virtuemart) */
	#facebox { max-width: 90% !important; left: auto !important; }
	#facebox .content { display: block !important; }
	#facebox iframe { max-width: 100% !important; }
}

/*========================= 4. LAYOUT =======================*/
#style-switcher{
	z-index: 99999;
}
body#ot-body{
	font-family: SegoeUI,Arial,Helvetica,sans-serif;
	font-size: 13px;
}
.boxed .wrapper,
.full-width .wrapper{
	background: url("../images/body_bg.png");
    color: #333333;
}

.section-fullwidth > .container,
.section-fullwidth > .container-fluid > .row > div,
.section-fullwidth > .container > .row > div {
	width: 100%;
	padding: 0;
}
.section-fullwidth > .container > .row{
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial,Helvetica,sans-serif !important;
    font-style: normal;
    font-weight: normal;
    margin: 10px 0;
}
h3{
	font-size: 18px;
}
legend{
	line-height: normal;
}
.red{
	color: red;
}

textarea, input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"] {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
img{
	max-width: 100%;
}
div.catItemReadMore a,
div.userItemReadMore a,
a.read-more{
	padding: 0px 5px;
	font-weight: normal !important;
}
ul, ol{
	padding-left: 12px;
	padding-right: 12px;
}
.ot-separator{
	background: #e5e5e5;
	color: #cecece;
	clear: both;
	position: relative;
	display: block;
	height: 1px;
	font-size: 10px;
	line-height: 15px;
	margin: 10px 0;
}
.ot-separator div{
	left: 0;
    position: absolute;
    top: -7px;
    width: 100%;
}
.ot-separator span{
	background: none repeat scroll 0 0 #ffffff;
	padding: 0 2px;
}
.moduleItemOverlay .ot-separator span, 
.catItemOverlay .ot-separator span,
.itemRelOverlay  .ot-separator span{
    background: none repeat scroll 0 0 #33ccff;
    color: #FFFFFF;
}
.breadcrumb{
	background: #FFFFFF;
	font-size: 13px;
	margin: 0;
	padding: 15px 0;
}
.breadcrumb > li + li:before {
    content: "";
}
.breadcrumb li{
	font-style: italic;
}
.breadcrumb li span.divider{
	background: url("../images/arrow.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 0;
    height: 10px;
    margin: 0 0 0 10px;
    width: 3px;
}
.breadcrumb-header{
	font-size: 30px;
}

/* CUSTOM STYLE CUSTOM SOCIAL */
 a.custom-social{
	margin: 0 5px;
	padding: 0;
	width: 18px;
	height: 18px;
	display: inline-block;
	opacity: 0.30;
	filter:alpha(opacity=30); /* For IE8 and earlier */
 }
 a.custom-social:hover{
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
 }

/* CUSTOM BANNER */
.custom_banner .carousel{
	margin: 0;
}
.custom-contact {
    margin-top: 10px;
}
.custom-contact h4 {
	color: #222222;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 5px;
}
.custom-contact .position{
	color: #999;
    font-style: italic;
}
.custom-contact hr{
	border-color: #c1bfc2;
	margin: 10px 0 12px 0;
}
.custom-contact a.contact {
    background: none repeat scroll 0 0 #bcbcbc;
    color: #ffffff;
    font-style: italic;
    float: left;
    margin-bottom: 0;
    padding: 4px 10px;
}
.custom-contact a.contact:hover {
	background: #33ccff;
	text-decoration: none;
}
.ottabs-wrapper{
	border: none !important;
	margin: -9px -9px 0 -9px !important;
}
.ottabs-wrapper .nav-tabs li{
	
}
.ottabs-wrapper .nav-tabs li.active{

}
.ottabs-wrapper .nav-tabs li.active a{
	background-color: #222;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    color: #d3d3d3;
    text-decoration: none; 
}
.ottabs-wrapper .nav-tabs li.active a:focus,
.ottabs-wrapper .nav-tabs li.active a:hover{
	border: none;
	outline: none;
}
.ottabs-wrapper .nav-tabs li a{
	border-radius: 0;
	border: none;
	color: #777;
	outline: none;
	text-decoration: none;
    text-shadow: 0 0px 0;
}

/* CUSTOM MENU */
.mainmenu .otmenu-desk-wrapper{
	margin: 0 0px;
}
.mainmenu .otmenu-mobile-wrapper{
	margin: 0 10px;
	overflow: hidden;
}
.mainmenu .otmenu-desk-wrapper .ot-menu.menu{
	float: right;
/*	height: 100px; */
}
.mainmenu .otmenu-desk-wrapper .ot-menu li li{
	margin: 0;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li li a{
	border-top: 2px solid #e5e5e5;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li li .item-separator{
	color: #333333;
	padding: 8px 10px;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li:hover{
	background: none;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1{
	margin-left: 1px;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1 > div > a{
	color: #333333;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1 > div > a:hover,
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1.hover > div > a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1.active > div > a{
	border-bottom: 5px solid #33ccff;
	padding-bottom: 0px;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.hasChild li.hasChild > div > a{
	background: url("../images/arrow.png") no-repeat scroll 95% 50%;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.hasChild li.hasChild.hover > div > a{
	background: url("../images/arrow.png") no-repeat scroll 95% 50% #f2f2f2;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li.hover li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li.hover li.hover li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li.hover li.hover li.hover li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li.active li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li.active li.active li a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li.active li.active li.active li a{
	background: none;
	color: #666666;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li.hover a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li.hover li.hover a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.hover li.hover li.hover li.hover li.hover a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li.active a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li.active li.active a,
.mainmenu .otmenu-desk-wrapper .ot-menu li.active li.active li.active li.active li.active a{
	background: #f2f2f2;
	color: #666666;
}
.mainmenu .otmenu-desk-wrapper .ot-menu a.level1{
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 65px;
	height: 65px;
	padding: 35px 15px 5px;
	text-transform: capitalize;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1 .submenu-wrap{
	background: none repeat scroll 0 0 rgba(34, 34, 34, 0.2);
	border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
    border-radius: 0;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1 .submenu-wrap-i {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    width: 100%;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.level1 > div > .submenu-wrap{
	top: 105px;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li.hasChild .hasColumn .submenu-column{
	background: none;
}
.mainmenu .otmenu-desk-wrapper .ot-menu li li .nav-header {
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

/* CUSTOM CSS */
.section{
	margin-bottom: 40px;
}
.sectionTop1,
.sectionTop2{
	background: #FFFFFF;
	margin: 0;
}
.sectionTop1{
	background: url("../images/topbg.png");
	border-bottom: 1px solid #e5e5e5;
	color: #666666;
	padding: 0;
	position: relative;
	z-index: 99999;
}
.sectionTop1 .container{
	position: relative;
}
.socials-share{
	text-align: right;
}
@media (max-width: 760px){
	.socials-share{
		text-align: left;
	}
}
.sectionTop2{
	border-bottom: 5px solid #e5e5e5;
	padding: 0;
}
.sectionBanner{
    padding: 0;
}
.sectionBanner > .container > .row > div,
.sectionBanner > .container-fluid > .row > div,
.sectionMiddle1 > .container > .row > div,
.sectionMiddle1 > .container-fluid > .row > div{
	margin: 0;
}
.sectionBanner{
		-webkit-box-shadow: 0 5px 5px -5px #999;
		-moz-box-shadow: 0 5px 5px -5px #999;
		-ms-box-shadow: 0 5px 5px -5px #999;
		-o-box-shadow: 0 5px 5px -5px #999;
	box-shadow: 0 5px 5px -5px #999;
    margin-bottom: 50px;
}
.sectionBreadcrumbs{
	background: #FFFFFF;
		-webkit-box-shadow: 0 3px 1px -2px #999;
		-moz-box-shadow: 0 3px 1px -2px #999;
		-ms-box-shadow: 0 3px 1px -2px #999;
		-o-box-shadow: 0 3px 1px -2px #999;
	box-shadow: 0 3px 1px -2px #999;
    margin-bottom: 30px;
}
.sectionBreadcrumbs{
	
}
.sectionMiddle1{
	background: none repeat scroll 0 0 #2cc3f5;
    color: #ffffff;
    margin: 0;
}
.sectionMiddle1 h1, .sectionMiddle1 h2, .sectionMiddle1 h3, .sectionMiddle1 h4, .sectionMiddle1 h5, .sectionMiddle1 h6{
	color: #FFFFFF;
}
.moduletable .search{
	float: right;
	margin: 20px 0;
    text-align: right;
}
form.form-search{
	display: inline-table;
}
form.form-search .input-group input.inputbox{
	width: auto;
	max-width: 100%;
	border-right: none;
}
form.form-search .input-group .input-group-btn{
	width: auto;
}
form.form-search .input-group .input-group-btn .btn{
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 34px;
}
@media (max-width: 760px){
	.moduletable .search{
		float: left;
	}
}

.sectionMiddle2{
	padding: 0 0 0 0;
}
.sectionMiddle3{
	
}

.sectionMainTop2{
	
}
.sectionMainbody{
	
}

.sectionBottom1,
.sectionBottom2{
    background: #FFFFFF;
}
.sectionBottom1{ 
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
		-webkit-box-shadow: 0 3px 1px -2px #999999;
		-moz-box-shadow: 0 3px 1px -2px #999999;
		-ms-box-shadow: 0 3px 1px -2px #999999;
		-o-box-shadow: 0 3px 1px -2px #999999;
	box-shadow: 0 3px 1px -2px #999999;
	margin: 0;
}
.sectionBottom2{

}
.sectionBottom2 > .container > .row > div{
	padding-top: 10px;
	padding-bottom: 20px;
}
.sectionBottom2 .moduletable h3{
	color: #666;
}
.sectionBottom2 ul li{
	border-bottom: 1px solid #dbdbdb;
    line-height: 20px;
    padding: 5px 3px;
}
.sectionBottom2 ul li a{
	color: #666666;
}
.sectionBottom2 ul li a:hover{
	color: #33ccff;
}
.sectionFooter1{
	border-top: 1px solid #dadada;
	color: #999999;
	padding: 10px 0;
	margin: 0;
}
.sectionTop1 > .container > .row > div,
.sectionTop1 > .container-fluid > .row > div,
.sectionBottom1 > .container > .row > div,
.sectionBottom1 > .container-fluid > .row > div,
.sectionFooter1 > .container > .row > div,
.sectionFooter1 > .container-fluid > .row > div{
	margin: 10px 0;
}

.recent-posts-slide .k2ItemsBlock a.moduleItemTitle{
	color: #333;
	font-weight: bold;
}

.mod-title h3 {
    border-bottom: 1px solid #c1c1c2;
    border-top: 1px solid #e9e2e2;
    padding: 10px 0;
}
.sidebar-left .moduletable,
.sidebar-right .moduletable{
	background: #FFFFFF;
	border: 1px solid #dadada;
		-webkit-box-shadow: 0 3px 1px -2px #cdcdcd;
		-moz-box-shadow: 0 3px 1px -2px #cdcdcd;
		-ms-box-shadow: 0 3px 1px -2px #cdcdcd;
		-o-box-shadow: 0 3px 1px -2px #cdcdcd;
	box-shadow: 0 3px 1px -2px #cdcdcd;
	margin: 0 0 20px;
	padding: 10px;
}
.sidebar-left h3,
.sidebar-right h3{
	background: none repeat scroll 0 0 #f7f7f7;
	border-bottom: 1px solid #c1c1c2;
	margin: -10px -10px 10px -10px;
    padding: 10px 10px 10px 20px;
}
#login-form #form-login-username,
#login-form #form-login-password{
	margin-bottom: 10px;
}
#login-form p.userlabel,
#login-form p.userlabel label{
	margin: 0;
	font-weight: normal;
	font-size: 15px;
}
#login-form input#modlgn-username,
#login-form input#modlgn-passwd{
	background: #f1f1f1;
	border-radius: 0;
		-webkit-box-shadown: 2px 2px 5px 0 #ccc inset;
		-moz-box-shadown: 2px 2px 5px 0 #ccc inset;
		-ms-box-shadown: 2px 2px 5px 0 #ccc inset;
		-o-box-shadown: 2px 2px 5px 0 #ccc inset;
	box-shadow: 2px 2px 5px 0 #ccc inset;
	padding: 8px 5px;
	width: 100%;
}
#login-form #form-login-remember .control-label{
	padding-left: 5px;
}
#login-form #form-login-remember input.inputbox{
	float: left;
    margin: 2px 0 0;
    position: relative;
}
#login-form #form-login-remember{
	margin: 8px 0;
}
#login-form #form-login-remember label{
	font-style: italic;
}
#login-form #form-login-submit button.btn{
	border-radius: 0;
	border: none;
	background: #33ccff;
	padding: 5px 20px;
}

/* SEARCH PAGE */
.searchintro{
	margin-top: 10px;
}
/* SEARCH PAGE END */

/* CONTACT FORM */
.contact-form-custom #inputName,
.contact-form-custom #inputEmail,
.contact-form-custom textarea.form-control{
	background: #f1f1f1;
	border-radius: 0;
		-webkit-box-shadown: 2px 2px 5px 0 #ccc inset;
		-moz-box-shadown: 2px 2px 5px 0 #ccc inset;
		-ms-box-shadown: 2px 2px 5px 0 #ccc inset;
		-o-box-shadown: 2px 2px 5px 0 #ccc inset;
	box-shadow: 2px 2px 5px 0 #ccc inset;
}
.contact-form-custom button.btn-default{
	background: #33ccff;
	border: none;
	border-radius: 0;
	color: #FFFFFF;
	padding: 5px 20px;
}

.page-contact .tab-content{
	padding-top: 20px;
}
.contact-form .form-horizontal .control-label{
	padding-top: 0;
}
.contact-miscinfo .contact-misc p{
	margin: 2px 0;
}
/* CUSTOM CAROUSEL */
.carousel-buttons{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    bottom: 0;
    height: 30px;
    position: absolute;
    width: 100%;
}
.carousel-buttons ol.carousel-indicators{
		margin-bottom: 0;
		bottom: 5px;
}
.carousel-buttons ol.carousel-indicators li{
	background: #211406;
	border: none;
	margin: 1px;
	width: 10px;
	height: 10px;
}
.carousel-buttons ol.carousel-indicators li.active{
	background: #FFFFFF;
	margin: 1px;
}
ol.carousel-indicators{
	
}
.carousel-control{
	border: 3px solid;
    border-radius: 40px;
    height: 50px;
    margin: 0;
    text-align: center !important;
    top: 40%;
    width: 50px;
}
@media (max-width: 768px){
	.carousel-control{
		width: 30px;
		height: 30px;
	}
	.carousel-control.left,
	.carousel-control.right{
		background-size: 11px 21px;
	}
}
.carousel-control.left,
.carousel-control.right{
	background: none repeat scroll 0 0 #333333;
    border-color: #ebebeb;
    font-size: 50px;
    line-height: 35px;
    text-align: center;
}
@media (max-width: 768px){
	.carousel-control{
		width: 30px;
		height: 30px;
	}
	.carousel-control.left,
	.carousel-control.right{
		background-size: 11px 21px;
		font-size: 29px;
    	line-height: 20px;
	}
}
.carousel-control.left {
	left: 15px;
}
.carousel-control.right {
	right: 15px;
}
.carousel-control.control-light{	
	opacity: 0.70;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}
.carousel-control.control-light:hover,
.carousel-control.control-light:focus{	
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.carousel-control.control-mini{
	background: url("../images/slide-next-prev-small.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    font-size: 0;
    height: 14px;
    left: auto;
    line-height: 14px;
    padding: 0;
    right: 20px;
    text-align: center !important;
    top: -38px;
    width: 7px;
}
.carousel-control.control-mini.left{
	margin: 0px;
}
.carousel-control.control-mini.right{
	background-position: -7px 0;
	right: 0;
}
.control-large .carousel-inner{
	width: 82.906%;
	margin: 0 8.546%;
}
.control-large .carousel-control{
	width: 5%;
	height: 99%;
	top: 0;
	left: 10px;
	overflow: hidden;
	margin: 0;
}
.control-large .carousel-control.right{
	left: auto;
	right: 10px;
}
.carousel-inner > .item{
	margin: 0;
	overflow: hidden;
}

/* CUSTOM BOX, BORDER, BOX-SHADOW */
.k2ItemsBlock .ot-portfolio .k2ItemBlock-i,
.ot-portfolio .catItemView .k2ItemBlock,
.ot-portfolio .itemRelated .k2ItemBlock,
.custom-box{
	background: #FFFFFF;
	border: 1px solid #cecece;
		-webkit-box-shadow: 0 3px 1px -2px #cdcdcd;
		-moz-box-shadow: 0 3px 1px -2px #cdcdcd;
		-ms-box-shadow: 0 3px 1px -2px #cdcdcd;
		-o-box-shadow: 0 3px 1px -2px #cdcdcd;
	box-shadow: 0 3px 1px -2px #cdcdcd;
	padding: 19px;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock-i:hover,
.ot-portfolio .catItemView .k2ItemBlock:hover,
.ot-portfolio .itemRelated .k2ItemBlock:hover,
.custom-box:hover{
		-webkit-box-shadow: 0 3px 1px -2px #999;
		-moz-box-shadow: 0 3px 1px -2px #999;
		-ms-box-shadow: 0 3px 1px -2px #999;
		-o-box-shadow: 0 3px 1px -2px #999;
	box-shadow: 0 3px 1px -2px #999;
}

.custom-box h3.custom-tittle {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    font-size: 18px;
    padding: 10px 0;
    margin: 20px 0;
}
.custom-box h3.custom-tittle a{
	color: #222222;
}
.custom-box h3.custom-tittle a:hover{
	color: #33ccff;
	text-decoration: none;
}
.clients-testimonials{
	background: url("../images/s_water.png") no-repeat scroll 50px 50% #ffffff;
    padding-left: 220px;
}
.clients-testimonials h3{
	border-bottom: 1px solid #e5e5e5;
    border-top: none;
    padding-top: 0;
	text-align: center;
}
.clients-testimonials .ot-blog .moduleItemIntrotext{
	float: left;
}
.clients-testimonials .ot-blog a.moduleItemReadMore,
.clients-testimonials .ot-blog a.moduleItemReadMore:hover {
    background: none;
    color: #33ccff;
    font-size: 13px;
}

/* HOME GALLERY */
.ot-gallery{
	margin: 0 10px;
}
.ot-gallery .tabs-left > .gal-thumb,
.ot-gallery .tabs-right > .gal-thumb{
	width: 25%;
	height: 90%;
}
.ot-gallery .tabs-left > .gal-thumb{
	float: left;
}
.ot-gallery .tabs-right > .gal-thumb{
	float: right;
}
.ot-gallery .tabs-left .nav-tabs,
.ot-gallery .tabs-right .nav-tabs{
	margin: 0;
	border: 0;
}
.ot-gallery .mCSB_container{
	margin-right: 16px;
}
.ot-gallery .mCustomScrollBox > .mCSB_scrollTools{
	right: 5px;
}
.ot-gallery .mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.ot-gallery .mCS-dark-2 > .mCSB_scrollTools .mCSB_draggerRail{
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.ot-gallery .nav-tabs > li{
	width: 90%;
	margin: 2% 5%;
	border: 0;
}
.ot-gallery .nav-tabs > li > a,
.ot-gallery .tabs-left > .nav-tabs > li > a,
.ot-gallery .tabs-right > .nav-tabs > li > a{
	padding: 0;
	margin: 0;
}
.ot-gallery .nav-tabs > li > a > img{
	max-width: 100%;
}
.ot-gallery.k2ItemsBlock .k2ItemBlock{
	position: relative;
	overflow: hidden;
}
.ot-gallery.k2ItemsBlock .moduleItemImage,
.ot-gallery.k2ItemsBlock .moduleItemImage img{
	margin: 0;
	width: 100%;
}
.ot-gallery.k2ItemsBlock .caption{
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 2% 5%;
	width: 100%;
}

/* CUSTOM K2 */
#k2Container{
	padding-bottom: 10px;
}
div.itemToolbar{
	border: none;
	background: none;
	color: #999;
	font-style: italic;
	margin: 0 0 20px;
}
div.tagItemCategory {
	border: none;
}
div.k2Pagination ul{
	margin: 10px 0;
}
div.k2ItemsBlock ul{
	padding-left: 0;
}
div.itemView {
	margin: 0;
}
div.itemImageBlock{
	margin: 0;
	text-align: center;
}
span.itemImageCaption{
	float: none;
}
div.itemAuthorBlock {
	overflow: hidden;
}
div.userItemIntroText {
    padding: 4px 0 0px;
}
div.userItemReadMore,
div.latestItemReadMore {
    float: left;
    margin-bottom: 10px;
}
.k2Avatar img{
	overflow: hidden;
}
.itemHeader .itemTitle,
.genericItemTitle,
.catItemHeader .catItemTitle
{
	font-size: 16px;
    margin-bottom: 5px;
    margin-top: 20px;
}
div.itemHeader h2.itemTitle{
	font-size: 20px;
	padding: 10px;
	text-transform: capitalize;
}
div.catItemHeader h3.catItemTitle,
div.latestItemHeader h3.latestItemTitle,
div.userItemHeader h3.userItemTitle,
div.tagItemHeader h2.tagItemTitle{
	font-size: 30px;
	padding: 10px 0;
}
div.itemToolbar ul{
	text-align: left;
}
div.catItemHeader span.catItemAuthor,
div.itemHeader span.itemAuthor{
	display: inline-block;
	padding: 0 10px 0 15px;
}
.catItemAuthor,
.itemAuthor,
.catItemDateCreated,
.itemDateCreated,
.moduleItemDateCreated,
.catItemTagsBlock,
.itemTagsBlock,
.catItemComments,
.itemComments{
	padding: 0 10px 0 18px;
}
.catItemAuthor,
.itemAuthor{
	background: url("../images/post_by.png") no-repeat scroll 2px 2px transparent;
}
.catItemDateCreated,
.itemDateCreated,
.moduleItemDateCreated{
	background: url("../images/date.png") no-repeat scroll 2px 0px transparent;
}
.catItemTagsBlock,
span.itemTagsBlock{
	background: url("../images/tags.png") no-repeat scroll 2px 2px transparent;
}
.catItemComments,
.itemComments{
	background: url("../images/comments.png") no-repeat scroll 2px 2px transparent;
}
.ot-portfolio div.itemImageBlock{
	float: left;
}
ul.itemsList li{
	list-style: none;
	padding: 10px;
	border-bottom: 1px solid;
}
ul.itemsList li.lastItem{
	border-bottom: 0;
}
.k2ItemsBlock .moduleItemImage{
	float: left;
	margin: 0 10px 0 0;
}
.k2ItemsBlock .ot-single .moduleItemImage,
.k2ItemsBlock .ot-portfolio .moduleItemImage,
.ot-portfolio .catItemImageBlock{
	width: 100%;
	margin: 0;
	padding: 0;
}
.ot-portfolio .catItemImageBlock span.catItemImage{
	margin: 0;
	padding: 0;
}
.ot-portfolio .catItemImageBlock span.catItemImage img{
	margin: 0;
	padding: 0;
	border: 0;
}
.ot-portfolio div.itemRelated{
	clear: both;
	overflow: hidden;
}
.k2ItemsBlock .ot-single .moduleItemOverlay{
	position: absolute;
	top: 20%;
	left: 10%;
	width: 40%;
	height: auto;
	padding: 10px;
}
.k2ItemsBlock .ot-single .moduleItemOverlay-i{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.k2ItemsBlock .ot-single .moduleItemOverlay-ii{
	padding: 10px 10px 10px 30px;
}
.k2ItemsBlock .ot-single .moduleItemOverlay .moduleItemIntrotext{
	margin: 0 0 20px;
}
.k2ItemsBlock .ot-single .moduleItemOverlay a.moduleItemReadMore{
	padding: 5px 35px 5px 15px;
}
.ot-portfolio div.catItemView,
div.itemView.ot-portfolio {
	padding: 0px;
	margin: 0px 0 0;
	position: relative;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock-i,
.ot-portfolio .catItemView .k2ItemBlock,
.ot-portfolio .itemRelated .k2ItemBlock{
	background: #FFFFFF; 
	border: 1px solid #cecece;
	padding: 0;
}
.itemRelated .k2ItemBlock .itemRelOverlay .relItemIntro,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemIntro,
.ot-portfolio .catItemView .k2ItemBlock .catItemBody,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelIntro{
	overflow: hidden;
	padding: 5%;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemIntro a.moduleItemTitle{
	color: #222222;
	font-size: 15px;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemIntro a.moduleItemCategory{
	color: #999;
	font-style: italic;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader{
	overflow: hidden;
	position: relative;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader .moduleItemHeader,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader .catItemHeader,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader .itemRelHeader{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader .moduleItemHeader .moduleItemTitle,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader .catItemHeader .catItemTitle,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader .itemRelHeader .itemRelTitle{
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
}
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader .moduleItemHeader .moduleItemTitle,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader .catItemHeader .catItemTitle,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader .itemRelHeader .itemRelTitle,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader .moduleItemHeader .moduleItemDateCreated,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader .catItemHeader  .catItemDateCreated,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader .itemRelHeader .itemRelDateCreated,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader .moduleItemHeader .moduleItemAuthor,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader .catItemHeader  .catItemAuthor,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader .itemRelHeader .itemRelAuthor,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemImageHeader .moduleItemHeader .moduleItemTags,
.ot-portfolio .catItemView .k2ItemBlock .catItemImageHeader .catItemHeader  .catItemTags,
.ot-portfolio .itemRelated .k2ItemBlock .itemRelImageHeader .itemRelHeader .itemRelTags{
	display: inline-block;
	padding: 5px 9px;
	margin: 0;
}
.itemRelated .k2ItemBlock .itemRelOverlay .itemRelTitle a,
.itemRelated .k2ItemBlock .itemRelOverlay .itemRelCat a,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemOverlay .moduleItemIntro , 
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemOverlay .moduleItemIntro a, 
.ot-portfolio .catItemView .k2ItemBlock .catItemOverlay .moduleItemIntro , 
.ot-portfolio .catItemView .k2ItemBlock .catItemOverlay .moduleItemIntro a, 
.ot-portfolio .itemRelated .k2ItemBlock .catItemOverlay .moduleItemIntro , 
.ot-portfolio .itemRelated .k2ItemBlock .catItemOverlay .moduleItemIntro a {
    color: #ffffff;
}
.itemRelated .itemRelOverlay,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemOverlay, 
.ot-portfolio .catItemView .k2ItemBlock .catItemOverlay, 
.ot-portfolio .itemRelated .k2ItemBlock .catItemOverlay {
    background: none repeat scroll 0 0 #33ccff;
}
.itemRelated .itemRelOverlay,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemOverlay, 
.ot-portfolio .catItemView .k2ItemBlock .catItemOverlay, 
.ot-portfolio .itemRelated .k2ItemBlock .catItemOverlay {
	color: #FFFFFF;
	font-style: italic;
    display: none;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
} 
.k2ItemsBlock .ot-portfolio .k2ItemBlock-i, 
.ot-portfolio .catItemView .k2ItemBlock, 
.ot-portfolio .itemRelated .k2ItemBlock {
    text-align: center;
}
.itemRelated .k2ItemBlock .k2ItemBlock-i,
.k2ItemsBlock .ot-portfolio .k2ItemBlock-i{
	position: relative;
}
.itemRelated .k2ItemBlock:hover .itemRelOverlay,
.k2ItemsBlock .ot-portfolio .k2ItemBlock:hover .moduleItemOverlay,
.ot-portfolio .catItemView .k2ItemBlock:hover .catItemOverlay,
.ot-portfolio .itemRelated .k2ItemBlock:hover .catItemOverlay{
	display: block;
}
.ot-portfolio .k2ItemBlock .catItemOverlay .catItemHeader a{
	color: #FFFFFF;
}
.itemRelated .k2ItemBlock .itemRelOverlay a.itemReadMore,
.k2ItemsBlock .ot-portfolio .k2ItemBlock .moduleItemReadMore,
.ot-portfolio .catItemView .k2ItemBlock .read-more,
.ot-portfolio .itemRelated .k2ItemBlock .read-more{
	background: url("../images/link-ico.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	border: none;
	color: #ffffff;
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	width: 80px;
	height: 39px;
	text-indent: -1000px;
	overflow: hidden;
	bottom: 0;
	right: 0;
}
.ot-portfolio .itemList .catItemView{
	margin-bottom: 30px;
}
.ot-portfolio .itemList .k2ItemBlock{
	border: 1px solid #dadada;
}
.itemRelated .k2ItemBlock .itemRelTitle a,
.ot-portfolio .itemList .k2ItemBlock .catItemTitle a{
	color: #333;
}
.itemRelated .k2ItemBlock .itemRelOverlay .itemRelTitle a,
.ot-portfolio .itemList .k2ItemBlock .catItemOverlay .catItemTitle a{
	color: #FFFFFF;
}
.itemRelated .k2ItemBlock .itemRelCat a,
.ot-portfolio .itemList .k2ItemBlock .catItemAdditionalInfo,
.ot-portfolio .itemList .k2ItemBlock .catItemAdditionalInfo span,
.ot-portfolio .itemList .k2ItemBlock .catItemAdditionalInfo a{
	color: #999;
	font-style: italic;
	font-weight: normal;
}
.ot-portfolio .catItemView .k2ItemBlock .catItemAdditionalInfo .catItemCategory{
	border: none;
}
.ot-portfolio .itemImageBlock{
	width: 100%;
}
.ot-portfolio .itemImageBlock,
.porfolio-desc{
	background: #FFFFFF;
	border: 1px solid #cecece;
		-webkit-box-shadow: 0 3px 1px -2px #cdcdcd;
		-moz-box-shadow: 0 3px 1px -2px #cdcdcd;
		-ms-box-shadow: 0 3px 1px -2px #cdcdcd;
		-o-box-shadow: 0 3px 1px -2px #cdcdcd;
	box-shadow: 0 3px 1px -2px #cdcdcd;
	padding: 19px;
	overflow: hidden;
	text-align: center;
}
.ot-portfolio .itemImageBlock{
	padding: 0;
}
.porfolio-desc h3.porfolio-title{
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 10px 0;
	margin-bottom: 20px;
}
ol.porfolio-info{
	padding: 0;
	margin: 20px 0;
}
a.porfolio-more{
	background: none repeat scroll 0 0 #33ccff;
    border: 2px solid #00c7ff;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 2px #999;
}
a.porfolio-more:hover{
	color: #FFFFFF;
	text-decoration: none;
}
ol.porfolio-info li{
	background: #efefef;
	list-style: none;
	padding: 10px;
	margin: 2px 0;
	text-align: center;
}

.moduleItemTags .glyphicon,
#k2Container .glyphicon{
	padding-right: 5px;
}
.ot-blog div.itemBody, 
.ot-blog .catItemView,
.ot-blog div.itemComments{
	background: #FFFFFF;
	border: 1px solid #cecece;
		-webkit-box-shadow: 0 3px 1px -2px #cdcdcd;
		-moz-box-shadow: 0 3px 1px -2px #cdcdcd;
		-ms-box-shadow: 0 3px 1px -2px #cdcdcd;
		-o-box-shadow: 0 3px 1px -2px #cdcdcd;
	box-shadow: 0 3px 1px -2px #cdcdcd;
}
.ot-blog div.itemBody .itemHeader,
.ot-blog .catItemView .catItemHeader{
	border-bottom: 1px solid #ececec;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.ot-blog div.itemBody .itemHeader .itemTitle,
.ot-blog .catItemView .catItemHeader .catItemTitle{
	font-size: 18px;
	margin-bottom: 10px;
}
.ot-blog .catItemView .catItemHeader .catItemTitle a{
	color: #333;
	margin: 0;
}
.ot-blog .catItemView .catItemBody{
	padding: 0 20px 10px 20px;
}
.ot-blog .catItemView .catItemBody .catItemAdditionalInfo{
	color: #999;
    font-style: italic;
    padding-bottom: 20px;
}
.ot-blog .catItemView .catItemBody p.catItemReadMore{
	margin: 0;
	text-align: right;
}
.ot-blog .catItemView .catItemBody a.read-more{
	background: #222222;
	border: none;
	color: #FFFFFF;
	padding: 10px 20px;
}
.ot-blog .catItemView .catItemBody a.read-more:hover{
	background: #2cc3f5;
	text-decoration: none;
}
.ot-blog .catImgDate,
.ot-blog .itemImgDate,
.ot-blog .moduleImgDate{
	float: left;
	margin: 0 10px 10px 0;
	position: relative;
}
.ot-blog .catItemImageBlock,
.ot-blog .itemImageBlock,
.ot-blog .itemImage,
.ot-blog .moduleItemImage{
	margin: 0;
}
.ot-blog div.itemBody{
	padding-top: 0;
}
.ot-blog div.itemBody .itemDetails{
	padding: 0 20px;
}
.ot-blog .moduleItemDateCreated{
	display: block;
	margin: 0px;
	padding: 0;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	border: 0;
	clear: both;
}
.ot-blog div.catItemView,
div.itemView.ot-blog {
	padding: 0px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid;
}
.ot-blog .catItemImageBlock,
.ot-blog span.catItemImage,
.ot-blog span.catItemImage img,
.ot-blog .itemImageBlock,
.ot-blog span.itemImage,
.ot-blog span.itemImage img{
	margin: 0;
	padding: 0;
	border: 0;
}
.ot-blog div.catItemHeader,
.ot-blog div.itemHeader{
	
}
.ot-blog div.catItemHeader h3.catItemTitle,
.ot-blog div.itemHeader h2.itemTitle,
.ot-blog div.itemBackToTop{
	border: 0;
}
.ot-blog div.catItemBody,
.ot-blog div.itemBody,
.ot-blog div.itemComments{
	
}
.ot-blog .moduleItemTitle{
	margin: 0;
	font-size: 14px;
}
.ot-blog .moduleItemIntrotext{
	/* margin: 0 0 10px;
	line-height: 100%;  */
	padding: 3px 0 5px 0;
}
.ot-blog a.read-more{
	
}
.ot-blog .moduleItemComment,
.ot-blog a.moduleItemReadMore{
	padding: 2px 10px;
	margin: 0 5px 10px 0;
	font-size: 12px;
	font-style: italic;
	display: inline-block;
}
.ot-blog .moduleItemComment:hover,
.ot-blog a.moduleItemReadMore:hover {
	background: #333333;
	text-decoration: none;
}

/* ITEM COMMENTS STYLE */
div.itemComments{
	margin-top: 20px;
}
div.itemComments .gkDate{
	font-size: 20px;
	margin-bottom: 10px;
}
div.itemCommentsForm p.itemCommentsFormNotes {
    border-top: 1px solid #ccc;
    color: #999;
}
div.itemCommentsForm form#comment-form label{
	font-size: 15px;
    font-weight: normal;
    line-height: normal;
}
div.itemCommentsForm form#comment-form input#userName,
div.itemCommentsForm form#comment-form input#commentURL,
div.itemCommentsForm form#comment-form input#commentEmail,
div.itemCommentsForm form#comment-form textarea#commentText{
	background: #f1f1f1;
	border-radius: 0;
		-webkit-box-shadown: 1px 1px 1px 0 #ccc inset;
		-moz-box-shadown: 1px 1px 1px 0 #ccc inset;
		-ms-box-shadown: 1px 1px 1px 0 #ccc inset;
		-o-box-shadown: 1px 1px 1px 0 #ccc inset;
	box-shadow: 1px 1px 1px 0 #ccc inset;
	padding: 10px;
	max-width: 100%;
	width: 100%;
}
div.itemCommentsForm form#comment-form input#submitCommentButton{
	background: #33ccff;
	border: none;
	color: #FFFFFF;
	padding: 5px 10px;
}
/* ITEM COMMENTS STYLE END */

div.itemSocialSharing .itemTwitterButton,
div.itemSocialSharing .itemFacebookButton,
div.itemSocialSharing .itemGooglePlusOneButton{
    margin: 0;
}
div.itemRelated ul{
	margin-left: 0;
	margin-right: 0;
}
div.itemRelated ul li {
	list-style: none;

}
div.itemFacebookButton{
	width: auto;
}
.k2AccountPage div.k2AccountPageNotice{
	color: red;
	padding-left: 0;
	padding-right: 0;
}
div.k2Pagination{
	display: block;
	margin: 0;
	padding-bottom: 0;
}
div.k2Pagination ul li{
	margin: 0 5px;
	float: left;
}
div.k2Pagination ul li a{
	padding: 8px 15px;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
    background: #FFFFFF;
    border-color: #DDDDDD;
    color: #333;
    cursor: default;
    z-index: 2;
}
.pagination > li > a, 
.pagination > li > span{
	color: #636363;
}