/** ************************************* **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	11:47 AM Friday, September 26, 2014

	TABLE CONTENTS
	---------------------------
		01. Resets
		02. Placeholder
		03. Selection
		04. JS Animation
		05. Commons
		06. Bootstrap Rewrite
		07. Pure CSS Animations
		06. Callouts
		07. Headings
		08. Paragraphs
		09. Drop Caps & Cite
		10. Blockquote
		11. Progress Bar
		12. Buttons
		13. Labels
		14. Alerts
		15. Pagination
		16. Parallax
		17. Isotope
		18. Dividers
		19. Forms
		20. Count To [number]
		21. Tabs
		22. Accordion
		23. Toggle
		24. Featured Box & Featured Icons
		25. Image Thumbnail
		26. Modal
		27. Carousel
		28. Breadcrumbs
		29. Nav List (aside)
		30. Price Table
		31. Animation
		32. Dropcap
		33. Masonry
		34. Media Elements
		35. Testimonials
		36. Background Patterns
		37. Ion.RangeSlider [1.9.2]
		38. Datepicker
		39. Summernote	[HTML EDITOR]
		40. Markdown	[HTML EDITOR]
		41. CKEditor	[HTML EDITOR]
		42. Colors
		--. Printable Div
	---------------------------

 ** ************************************* **/




/**	01. Resets
*************************************************** **/
button::-moz-focus-inner, 
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button {
	background: none;
	border: 0; margin: 0; padding: 0;
	cursor: pointer;
}

img {
	border: 0;
	vertical-align: top;
}

input:-webkit-autofill {
	color: #ffffff !important;
}

textarea {
	resize: none;
}

textarea, input, button, *:focus {
	 outline:none !important;
}

textarea {
	resize: vertical;
}

select {
	border: 2px solid #E5E7E9;
	border-radius: 6px;
	height: 46px;
	padding: 12px;
	outline: none;
}


.radio input[type=radio], 
.radio-inline input[type=radio], 
.checkbox input[type=checkbox], 
.checkbox-inline input[type=checkbox],
input[type="radio"],
input[type="checkbox"],
.form-inline .radio input[type=radio], 
.form-inline .checkbox input[type=checkbox] {
	display:inline-block;
	cursor:pointer;
	width:15px;
	height:15px;
	border:0;
}
.form-horizontal .checkbox input[type="radio"],
.form-horizontal .checkbox input[type="checkbox"] {
	margin-top:3px;
}
iframe,
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

audio, canvas, img, video {
	vertical-align: middle;
}

p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

a, a:focus, a:hover, a:active {
  outline: 0;
  cursor:pointer;
}

.btn-primary .glyphicon,
.btn-danger .glyphicon,
.btn-info .glyphicon,
.btn-warning .glyphicon,
.btn-primary .wi,
.btn-danger .wi,
.btn-info .wi,
.btn-warning .wi {
	color:#fff;
}


/**	02. Placeholder
*************************************************** **/
::-webkit-input-placeholder { 	/* WebKit browsers */
	color: #999;
}

:-moz-placeholder { 				/* Mozilla Firefox 4 to 18 */
	color: #999;
}

::-moz-placeholder { 			/* Mozilla Firefox 19+ */
	color: #999;
}

:-ms-input-placeholder {			/* Internet Explorer 10+ */
	color: #999;
}


/**	03. Selection
*************************************************** **/
::selection {
	color:#000;
	background:#ccc;
	text-shadow:none;
}

::-moz-selection {
	color:#000;
	background:#ccc;
	text-shadow:none;
}

/**	04. JS Animation
*************************************************** **/
	.animate_from_bottom {
		opacity: 0;
		bottom: -50px;
		padding-left: 0px;
		position: relative;
	}

	
	.animate_from_left {
		opacity: 0;
		left: -80px;
		padding-right: 0px;
		position: relative;
	}

	
	.animate_from_right {
		opacity: 0;
		right: -80px;
		padding-left: 0px;
		position: relative;
	}

	
	.animate_fade_in {
		opacity: 0;
		right: 0px;
		position: relative;
		padding-left: 0px;		
	}


/** 05. Commons
 **************************************************************** **/
pre {
	color: #666;
	padding: 16px;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 15px;
	font-family: 'Open Sans', sans-serif;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAMR2lDQ1BJQ0MgUHJvZmlsZQAASA2tV3dYU1cbf+9IAiEJIxABGWEvUfaUvQUFmUIdhCSQMGIIBBW3tbSCdaDiwFHRqohVqxWQOhBxWxS3dXyoRUGpxYELle/cQLBPn37/ffd5zrm//N73vPf3vvfck3MAtO0Fcnk+rgNQICtWJEaF8ielZ/AZ94AJI4AN+mAmEBbJQxIS4uB/Xm9uAEYZrzpTsf6n278bdEXiIiEAloDMWaIiYQHCvwCQHKFcUQxAa0W81YxiOYW7ENZXIIEIf6RwjgrTkXrQzxrE1iqf5MQwALoPgAZLIFDkAHDCEc8vEeagOBwRwi4ykVSG8GqEA4USAeI41xAeVVAwHWFtBME+629xcv6GBYKs4ZgCQc4wHsyFGgoa4dIieb5glurH/7MryFeieqkuC9SzJIroRHTXR3XbmDc9lsIshPfLsibEI6yH8BEplfEgbpMoo1MQpvw7hEVhqJbAQ/i1SBAei7AJAM5U5qWEDGFbgQIhlT8eKi2OSR7CqYrpiUPx8VxZ/gRqfqA4+ByJOEaNK8VFEUmIRxrw3GxpZAzC6F3hu0olyWkII514Y4k0dQLCHIRbi/KSKA1UnCulkjCKV/kolImUZmvEd2UrIqkckQ/BKihCSBWfsBQKVM8yRLxHsSQ5GvFoLBEnEodHIIyeS0wSy1KG9BASeXEoFYfyL5Xnq+Y30klUivOjKN4S4e1FJUnqsaeLFckUj+pG3MgVjKPmK9JMPJUXJ1A1ofS8gzgIg3DggxK1LJgOuSBt62noQb8GLZEgAAXkgBichxj1iDSVRYb6JCiFP0GGfIqGx4WqrGIoQfynYXZwrDNkq6wlqhF58Bg9oYA0JgNJfzIO9cGouZE+pK96HF9brZMeQQ+nR9Mj6Q5qBoRIdT5qCpD+CxeLbGKUnQL1MnUOX+LRHtPaaQ9p12kdtNuQCn+oogxlOk26SKFWMBx5PHSgaINVEaOKyaBb7UPaItWeZCgZgPQj7SSPNAZn0gNlEkIGodw8EauuHqVaOaztSy3VdVf7Uar5f8txiOc4cjyHVGSps0JvUl2Jf0b5YpGCCHnF/tOT+I44SJwhThDniCNEA/CJ40QjcZE4SuEhzZGq6uQMPy1RVdE8lINU7eNS59Lt8lH9azhXAWIoBdQ7QPO/WDyzGM0/CJsun6WQ5kiK+SFoFRbzY2TC0aP4bi6u7gDUmk75ALziqdZqjHf+C1fYDOBbjtYAajnlU14AAiuAw48BuG++cFYv0Se1AuDoZaFSUTLoR1I3Gvq30EZfhhGYgRXYo5zcwAv8IRgiYBzEQzKkw1RUdQkUINUzYA4shDKogBWwBjbAFtgGu+AnOAANcAROwGm4AJfhOtxBc6MTnkEvvIF+DMMYGBvjYkaYOWaDOWFumA8WiEVgcVgilo5lYjmYDFNic7CvsQqsEtuAbcVqsZ+xw9gJ7BzWjt3GHmDd2EvsA07gLFwfN8Vt8TG4Dx6Cx+LJ+BQ8By/ES/HF+DJ8HV6D78Hr8RP4Bfw63oE/w/sIILQIHmFBOBM+RBgRT2QQ2YSCmEeUE1VEDbGXaELv+irRQfQQ70k6ySX5pDOan9FkCikkC8l55FJyA7mLrCdbyavkA7KX/Exj00xoTjQ/WgxtEi2HNoNWRqui7aAdop1C304n7Q2dTufR7eje6NtMp+fSZ9OX0jfR99Gb6e30R/Q+BoNhxHBiBDDiGQJGMaOMsZ6xh3GccYXRyXinoaVhruGmEamRoSHTWKRRpbFb45jGFY0nGv2aOpo2mn6a8ZoizVmayzW3azZpXtLs1Oxn6jLtmAHMZGYucyFzHXMv8xTzLvOVlpaWpZav1kQtqdYCrXVa+7XOaj3Qes/SYzmywliTWUrWMtZOVjPrNusVm822ZQezM9jF7GXsWvZJ9n32Ow6XM5oTwxFx5nOqOfWcK5zn2praNtoh2lO1S7WrtA9qX9Lu0dHUsdUJ0xHozNOp1jmsc1OnT5er66obr1ugu1R3t+453S49hp6tXoSeSG+x3ja9k3qPuATXihvGFXK/5m7nnuJ26tP17fRj9HP1K/R/0m/T7zXQM/AwSDWYaVBtcNSgg0fwbHkxvHzect4B3g3ehxGmI0JGiEcsGbF3xJURbw1HGgYbig3LDfcZXjf8YMQ3ijDKM1pp1GB0z5g0djSeaDzDeLPxKeOekfoj/UcKR5aPPDDydxPcxNEk0WS2yTaTiyZ9pmamUaZy0/WmJ017zHhmwWa5ZqvNjpl1m3PNA82l5qvNj5s/5RvwQ/j5/HX8Vn6vhYlFtIXSYqtFm0W/pZ1liuUiy32W96yYVj5W2VarrVqseq3Nrcdbz7Gus/7dRtPGx0Zis9bmjM1bWzvbNNtvbRtsu+wM7WLsSu3q7O7as+2D7Avta+yvOdAdfBzyHDY5XHbEHT0dJY7VjpeccCcvJ6nTJqf2UbRRvqNko2pG3XRmOYc4lzjXOT8YzRsdN3rR6IbRz8dYj8kYs3LMmTGfXTxd8l22u9xx1XMd57rItcn1pZujm9Ct2u2aO9s90n2+e6P7Cw8nD7HHZo9bnlzP8Z7ferZ4fvLy9lJ47fXq9rb2zvTe6H3TR98nwWepz1lfmm+o73zfI77v/bz8iv0O+P3l7+yf57/bv2us3Vjx2O1jHwVYBggCtgZ0BPIDMwN/COwIsggSBNUEPQy2ChYF7wh+EuIQkhuyJ+R5qEuoIvRQ6Nswv7C5Yc3hRHhUeHl4W4ReRErEhoj7kZaROZF1kb1RnlGzo5qjadGx0Sujb8aYxghjamN6x3mPmzuuNZYVmxS7IfZhnGOcIq5pPD5+3PhV4+9OsJkgm9AQD/Ex8avi7yXYJRQm/DqRPjFhYvXEx4muiXMSzyRxk6Yl7U56kxyavDz5Top9ijKlJVU7dXJqberbtPC0yrSOSWMmzZ10Id04XZremMHISM3YkdH3VcRXa77qnOw5uWzyjSl2U2ZOOTfVeGr+1KPTtKcJph3MpGWmZe7O/CiIF9QI+rJisjZm9QrDhGuFz0TBotWibnGAuFL8JDsguzK7KycgZ1VOtyRIUiXpkYZJN0hf5Ebnbsl9mxeftzNvID8tf1+BRkFmwWGZnixP1jrdbPrM6e1yJ3mZvKPQr3BNYa8iVrGjCCuaUtRYrI82zxeV9spvlA9KAkuqS97NSJ1xcKbuTNnMi7McZy2Z9aQ0svTH2eRs4eyWORZzFs55MDdk7tZ52LyseS3zreYvnt+5IGrBroXMhXkLf1vksqhy0euv075uWmy6eMHiR99EfVNXxilTlN381v/bLd+R30m/a1vivmT9ks/lovLzFS4VVRUflwqXnv/e9ft13w8sy17Wttxr+eYV9BWyFTdWBq3cValbWVr5aNX4VfWr+avLV79eM23NuSqPqi1rmWuVazvWxa1rXG+9fsX6jxskG65Xh1bv22iyccnGt5tEm65sDt68d4vplootH36Q/nBra9TW+hrbmqpt9G0l2x5vT91+5kefH2t3GO+o2PFpp2xnx67EXa213rW1u012L6/D65R13Xsm77n8U/hPjXud927dx9tXsR/2K/c//Tnz5xsHYg+0HPQ5uPcXm182HuIeKq/H6mfV9zZIGjoa0xvbD4873NLk33To19G/7jxicaT6qMHR5ceYxxYfGzheeryvWd7ccyLnxKOWaS13Tk46ea11YmvbqdhTZ09Hnj55JuTM8bMBZ4+c8zt3+LzP+YYLXhfqL3pePPSb52+H2rza6i95X2q87Hu5qX1s+7ErQVdOXA2/evpazLUL1ydcb7+RcuPWzck3O26JbnXdzr/94veS3/vvLLhLu1t+T+de1X2T+zX/cfjPvg6vjqMPwh9cfJj08M4j4aNnfxT98bFz8WP246on5k9qu9y6jnRHdl9++tXTzmfyZ/09ZX/q/rnxuf3zX/4K/uti76TezheKFwMvl74yerXztcfrlr6EvvtvCt70vy1/Z/Ru13uf92c+pH140j/jI+Pjuk8On5o+x36+O1AwMCAXKASqvQCBejw7G+DlTgB2Oto7XAZgcgbPXCoPbPCciDA21Cj6H3jwXEYZ0B4CdgYDpCwAiGsG2IyaDcIsdKe238nBgLu7DzfEUFdRtrubCmAsBdqavBsYeGUKwGgC+KQYGOjfNDDwaTvaq98GaC4cPOtR3tQZ8ge0twe4MHMwHQqrr/8CGwxpxJZopZAAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAGbaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA1LjQuMCI+CiAgIDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjcyPC9leGlmOlBpeGVsWERpbWVuc2lvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxZRGltZW5zaW9uPjY0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+Cjr3c2kAAABkSURBVFgJ7dWxDcAwDANBO7D2H1YDyEEW+C5g8W7ZECcC3t09K+g9QV2+KhaiiyikEAlQ7oYUIgHK4zZ0ZqL+1nWqihR/zfcrFEUUtyEL0SAVUogEKHdDCpEA5W5IIRKgPG5DFy8vCyP/wfEsAAAAAElFTkSuQmCC') repeat;
	border:#ccc 2px solid;
	box-shadow:#ccc 0 0 6px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.fsize11 	{ font-size:11px !important; line-height:15px !important; }
.fsize12 	{ font-size:12px !important; line-height:16px !important; }
.fsize13 	{ font-size:13px !important; line-height:17px !important; }
.fsize14 	{ font-size:14px !important; line-height:18px !important; }
.fsize15 	{ font-size:15px !important; line-height:19px !important; }
.fsize16 	{ font-size:16px !important; line-height:20px !important; }
.fsize17 	{ font-size:17px !important; line-height:23px !important; }
.fsize18 	{ font-size:18px !important; line-height:24px !important; }
.fsize19 	{ font-size:19px !important; line-height:25px !important; }
.fsize20 	{ font-size:20px !important; line-height:26px !important; }
.fsize26 	{ font-size:26px !important; line-height:30px !important; }
.fsize30 	{ font-size:30px !important; line-height:36px !important; }
.fsize40 	{ font-size:40px !important; line-height:46px !important; }

.font300 	{ font-weight:300 !important; 	}
.font500 	{ font-weight:500 !important; 	}
.font400 	{ font-weight:400 !important; 	}
.font600 	{ font-weight:600 !important; 	}
.font700 	{ font-weight:700 !important; 	}
.font800 	{ font-weight:800 !important; 	}

.w10		{ width:10px; }
.w20		{ width:20px; }
.w30		{ width:30px; }
.w40		{ width:40px; }
.w50		{ width:50px; }
.w100		{ width:100px; }
.w150		{ width:150px; }
.w200		{ width:200px; }
.w250		{ width:250px; }
.w300		{ width:300px; }
.w350		{ width:350px; }
.w400		{ width:400px; }
.w450		{ width:450px; }
.w500		{ width:500px; }

.h10		{ height:10px; }
.h20		{ height:20px; }
.h30		{ height:30px; }
.h40		{ height:40px; }
.h50		{ height:50px; }
.h100		{ height:100px; }
.h150		{ height:150px; }
.h200		{ height:200px; }
.h250		{ height:250px; }
.h300		{ height:300px; }
.h350		{ height:350px; }
.h400		{ height:400px; }
.h450		{ height:450px; }
.h500		{ height:500px; }

.padding3 	{ padding:3px !important; 	}
.padding6 	{ padding:6px !important; 	}
.padding8 	{ padding:8px !important; 	}
.padding10 	{ padding:10px !important; 	}
.padding15 	{ padding:15px !important; 	}
.padding20 	{ padding:20px !important; 	}
.padding30 	{ padding:30px !important; 	}		
.padding40 	{ padding:40px !important; 	}
.padding50 	{ padding:50px !important; 	}
.padding60 	{ padding:60px !important; 	}
.padding70 	{ padding:70px !important; 	}
.padding80 	{ padding:80px !important; 	}
.padding90 	{ padding:90px !important; 	}
.padding100 	{ padding:100px !important; }

.padding-top10		{ padding-top:10px; }
.padding-top20		{ padding-top:20px; }
.padding-top30		{ padding-top:30px; }
.padding-top40		{ padding-top:40px; }
.padding-top50		{ padding-top:50px; }
.padding-top60		{ padding-top:60px; }
.padding-top80		{ padding-top:80px; }
.padding-top100		{ padding-top:100px; }
.padding-top130		{ padding-top:130px; }
.padding-top150		{ padding-top:150px; }
.padding-top180		{ padding-top:180px; }
.padding-top200		{ padding-top:200px; }

.margin-top3		{ margin-top:3px; }
.margin-top6		{ margin-top:6px; }
.margin-top8		{ margin-top:8px; }
.margin-top10		{ margin-top:10px; }
.margin-top20		{ margin-top:20px; }
.margin-top30		{ margin-top:30px; }
.margin-top40		{ margin-top:40px; }
.margin-top50		{ margin-top:50px; }
.margin-top60		{ margin-top:60px; }
.margin-top80		{ margin-top:80px; }
.margin-top100		{ margin-top:100px; }
.margin-top130		{ margin-top:130px; }
.margin-top150		{ margin-top:150px; }
.margin-top180		{ margin-top:180px; }
.margin-top200		{ margin-top:200px; }

.margin-bottom3		{ margin-bottom:3px; }
.margin-bottom6		{ margin-bottom:6px; }
.margin-bottom8		{ margin-bottom:8px; }
.margin-bottom10	{ margin-bottom:10px; }
.margin-bottom20	{ margin-bottom:20px; }
.margin-bottom30	{ margin-bottom:30px; }
.margin-bottom40	{ margin-bottom:40px; }
.margin-bottom50	{ margin-bottom:50px; }
.margin-bottom60	{ margin-bottom:60px; }
.margin-bottom80	{ margin-bottom:80px; }
.margin-bottom100	{ margin-bottom:100px; }
.margin-bottom130	{ margin-bottom:130px; }
.margin-bottom150	{ margin-bottom:150px; }
.margin-bottom180	{ margin-bottom:180px; }
.margin-bottom200	{ margin-bottom:200px; }


.radius3 {
	-webkit-border-radius: 3px !important;
	   -moz-border-radius: 3px !important;
			border-radius: 3px !important;
}
.radius6 {
	-webkit-border-radius: 6px !important;
	   -moz-border-radius: 6px !important;
			border-radius: 6px !important;
}
.radius8 {
	-webkit-border-radius: 8px !important;
	   -moz-border-radius: 8px !important;
			border-radius: 8px !important;
}

.img-responsive 		{ display:inline-block; 		}
.fixed 				{ position:fixed !important; 	}
.relative 			{ position:relative !important;	}
.nopadding 			{ padding:0 !important; 		}
.nopadding-left 		{ padding-left:0 !important; 	}
.nopadding-right 	{ padding-right:0 !important; 	}
.nopadding-top 		{ padding-top:0 !important; 	}
.nopadding-bottom	{ padding-bottom:0 !important; 	}
.nomargin 			{ margin:0 !important; 			}
.nomargin-left 		{ margin-left:0 !important; 	}
.nomargin-right 		{ margin-right:0 !important; 	}
.nomargin-top		{ margin-top:0 !important; 	}
.nomargin-bottom	{ margin-bottom:0 !important; 	}
.noborder 			{ border:0 !important; 			}
.noradius			{ -webkit-border-radius:0 !important; -moz-border-radius:0 !important; border-radius:0 !important; }
.absolute 			{ position:absolute !important; }
.lowercase 			{ text-transform:lowercase; 	}
.uppercase 			{ text-transform:uppercase; 	}
.no-text-transform	{ text-transform:none !important; }
.italic 				{ font-style:italic; 			}
.pointer 			{ cursor:pointer; 				}
.block 				{ display:block !important; 	}
.bold 				{ font-weight:bold !important; 	}
.fullwidth 			{ width:100% !important; max-width:100% !important; 		}
.halfwidth 			{ width:50% !important; 		}
.container			{ position:relative; 			}
i.fa 				{ text-decoration:none !important;}
.justify 			{ text-align:justify; 			}
.btn i.fa			{ padding-right:10px; 			}
.btn-margin-top		{ margin-top:30px;			 	}
.text-underline		{ text-decoration:underline;  	}
.nowrap				{ white-space: nowrap !important;	}
.wrap				{ white-space: normal !important;	}
.transparent		{ background:transparent !important;}
.color-white		{ color:#fff !important;		}
.color-black		{ color:#000 !important;		}
.line-through		{ text-decoration:line-through;	}
.transparent 		{ background-color:transparent;	}
img.pull-left 		{ margin:0 20px 10px 0; }
img.pull-right 		{ margin:0 10px 20px 0; }
.hide 				{ display:none; }
.nofloat			{ float:none !important; }

	.default-gradient {
		background-image: -webkit-gradient(linear,left top,right bottom,color-stop(0.25,rgba(0,0,0,.03)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(0,0,0,.03)),color-stop(0.75,rgba(0,0,0,.03)),color-stop(0.75,transparent),to(transparent));
		background-image: -webkit-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
		background-image: -moz-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
		background-image: -ms-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
		background-image: -o-linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
		background-image: linear-gradient(135deg,rgba(0,0,0,.03)25%,transparent 25%,transparent 50%,rgba(0,0,0,.03)50%,rgba(0,0,0,.03)75%,transparent 75%,transparent);
		background-color: #FAFCFD;
		background-size: 18px 18px;
	}

	@media only screen and (max-width: 768px) {
		.mobile-nopadding			{ padding:0 !important; 		}
		.mobile-nopadding-left		{ padding-left:0 !important; 	}
		.mobile-nopadding-right		{ padding-right:0 !important; 	}
		.mobile-nopadding-top		{ padding-top:0 !important; 	}
		.mobile-nopadding-bottom	{ padding-bottom:0 !important; 	}
		.mobile-nofloat				{ float:none !important; 		}
	}

	.elipsis {
		width:100%;
		text-overflow:ellipsis; 
		white-space: nowrap;
	}

	.cover {
		width: 100%;
		position:relative;

		background-repeat: no-repeat;
		background-position: 50% 50%;

		-webkit-background-size: cover;
		   -moz-background-size: cover;
			 -o-background-size: cover;
				background-size: cover;
	}
	.hover-scale {
		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	.hover-scale:hover {
		-webkit-transform:scale(1.1);
		   -moz-transform:scale(1.1);
			 -o-transform:scale(1.1);
				transform:scale(1.1);
	}

	.label,
	.nav-pills>li a,
	.thumbnail,
	textarea.form-control,
	select.form-control,
	input.form-control,
	.dropdown-menu {
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

form .input-group-btn .btn i.fa { 
	padding-right:0;
}
form.input-group {
	padding:0;
}

.label a,
.label a:hover,
a.label,
a.label:hover {
	color:#fff;
}
label.disabled {
	color:#888 !important;
}

/* social icons */
a.social								{ 
	display:inline-block; 
	width:38px; height:38px; 
	line-height:38px; 
	font-size:18px; 
	text-align:center; 
	background:rgba(0,0,0,0.3); 
	color:#fff; 
	margin:10px 1px; 
	text-decoration:none;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
a.social.fa-twitter:hover				{ background:#41b7d8!important; color:#fff!important; }
a.social.fa-facebook:hover 				{ background:#3b5997!important; color:#fff!important; }
a.social.fa-google-plus:hover 			{ background:#d64937!important; color:#fff!important; }
a.social.fa-linkedin:hover 				{ background:#0073b2!important; color:#fff!important; }
a.social.fa-vimeo-square:hover 			{ background:#388fc5!important; color:#fff!important; }
a.social.fa-youtube-square:hover 		{ background:#A40F09!important; color:#fff!important; }
a.social.fa-flickr:hover 				{ background:#ff0084!important; color:#fff!important; }
a.social.fa-pinterest:hover 				{ background:#cb2027!important; color:#fff!important; }
a.social.fa-skype:hover 					{ background:#00aff0!important; color:#fff!important; }
a.social.fa-rss:hover					{ background:#e0812a!important; color:#fff!important; }
a.social.default:hover					{ background:#37353A!important; color:#fff!important; }
a.social.rounded 						{ width:38px; height:38px; line-height:38px; }



/* page header */
h2.page-header,
h2.page-header a,
h3.page-header,
h3.page-header a {
	color:#ccc;
}

/* overlay */
.overlay {
	background:rgba(0,0,0, 0.2);
	position:absolute; 
	left:0; right:0; top:0; bottom:0;

	-webkit-transition: all 1s;
	   -moz-transition: all 1s;
		 -o-transition: all 1s;
			transition: all 1s;
}

.overlay.gray { 
	background:rgba(33,33,33,0.9) !important; 
}


/* image rounded */
.rounded {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* paddings , margins */
section.margin {
	margin:60px 0;
}
section.margin-top {
	margin-top:60px;
}
section.margin-bottom {
	margin-bottom:60px;
}
section.paddings {
	padding:60px 0;
}

.styleBackground h1,
.styleBackground h2,
.styleBackground h3,
.styleBackground h4,
.styleBackground h5,
.styleBackground h6,
.styleBackground p,
.styleBackground .btn {
	color:#fff;
}


/* star rating */
ul.star-rated {
	margin-bottom:0;
}
ul.star-rated,
ul.list-style-none {
	clear:both;
	display:inline-block;
	margin:; padding:0;
	list-style:none;
}

ul.star-rated li {
	float:left;
	padding:0 2px;
}
ul.star-rated.pointer li {
	cursor:pointer;
}


/* list icon */
ul.list-icon {
	margin:0 0 10px 25px; padding:0;
}
ul.list-icon li {
	list-style:none;
}
ul.list-icon li:before {
	display: inline-block;
	height: 18px;
	width: 18px;
	line-height:18px;
	font-family: FontAwesome;
	content: ' ';
	float: left;
	margin:3px 0 0 -25px;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	text-align: center;

	-webkit-border-radius: 18px;
	   -moz-border-radius: 18px;
			border-radius: 18px;
}
ul.list-icon.circle li:before {
	color:#fff;
	background-color:#333;
}
	/* star */
	ul.list-icon.star li:before {
		content:'\f005';
	}
	ul.list-icon.star-o li:before {
		content:'\f006';
	}

	/* check */
	ul.list-icon.check li:before {
		content:'\f00c';
	}
		ul.list-icon li.check:before {
			content:'\f00c';
		}
	ul.list-icon.check-square li:before {
		content:'\f14a';
	}
		ul.list-icon li.check-square:before {
			content:'\f14a';
		}
	ul.list-icon.check-circle li:before {
		content:'\f058';
	}
		ul.list-icon li.check-circle:before {
			content:'\f058';
		}

	/* misc */
	ul.list-icon.times li:before {
		content:'\f00d';
	}
		ul.list-icon li.times:before {
			content:'\f00d';
		}
		ul.list-icon li.x:before {
			content:'\f00d';
			color:#ccc;
		}

	ul.list-icon.ban li:before {
		content:'\f05e';
	}
	ul.list-icon.dot-circle li:before {
		content:'\f192';
	}
	ul.list-icon.exclamation-circle li:before {
		content:'\f06a';
	}
	ul.list-icon.icon-circle li:before {
		content:'\f05a';
	}
	ul.list-icon.heart-o li:before {
		content:'\f08a';
	}
	ul.list-icon.heart li:before {
		content:'\f004';
	}	
	ul.list-icon.angle-right li:before {
		content:'\f105';
	}	
ul.list-icon.spaced li {
	padding-top:4px;
	padding-bottom:4px;
}


.form-bordered .form-group > label {
	padding: 10px 15px;
}
.form-bordered .form-group {
	margin: 0;
	border-bottom: 1px solid #ededed !important;
}
.form-bordered .form-group > div {
	padding: 15px;
	border-left: 1px solid #efefef;
}


	
/** 06. Callouts
 *  Not quite alerts, but custom and helpful notes for folks reading the docs.
 **************************************************************** **/
.bs-callout {
	clear:both;
	position:relative;
	overflow:hidden;
	background:#ddd;
	margin:60px 0;
	padding:36px 0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.bs-callout.whiteBg {
	background:#fff !important;
}
.bs-callout h1, .bs-callout h2, .bs-callout h3 {
	margin:0;
	text-transform:none;
	line-height:30px;
}
.bs-callout.margin-top {
	margin:60px 0 0 0;
}
.bs-callout.margin-bottom {
	margin:0 0 60px 0;
}
.bs-callout.margin-footer {
	margin:0 0 -60px 0;
}
.bs-callout.styleBackground {
	padding:50px 0;
}
.bs-callout .btn {
	margin:0 20px;
}

.callout  .row {
	margin-left: 0;
	margin-right: 0;
}
.callout .container .row {
	margin-left: -15px;
	margin-right: -15px;
}
.alert .btn {
	margin-top:4px;
}

/* alert callouts */
.alert.callout {
	padding:15px;
}
.alert.callout h4 {
	margin-bottom:3px;
}
.alert.callout .btn {
	margin-top:4px;
}
.alert.callout .row>div {
	padding:0;
}



/** 07. Headings
 **************************************************************** **/
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0; color:#000;
	font-family:'Open Sans';
	font-weight:300;
	letter-spacing:-1px;
}

h1 {
	font-size: 3em;
	line-height: 44px;
	margin: 0 0 44px 0;
}

h2 {
	font-size: 2.2em;
	line-height: 42px;
	margin: 0 0 32px 0;
}

h3 {
	font-size: 1.8em;
	letter-spacing: normal;
	line-height: 24px;
	margin: 0 0 32px 0;
}

h4 {
	font-size: 1.4em;
	letter-spacing: normal;
	line-height: 27px;
	margin: 0 0 14px 0;
}

h5 {
	font-size: 1em;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}

h6 {
	font-size: 1em;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}
h1 span.subtitle,
h2 span.subtitle,
h3 span.subtitle {
	display:block;
	font-size:15px;
	padding:0; margin:-10px 0 0 0;
}



/** 08. Paragraphs
 **************************************************************** **/
p {
	line-height: 22px;
	margin: 0 0 20px;
}
p.featured {
	font-size: 1.6em;
	line-height: 1.5em;
	font-weight:200;
}




/** 09. Drop Caps & Cite
 **************************************************************** **/
p.drop-caps:first-child:first-letter {
	float: left;
	font-size: 75px;
	line-height: 60px;
	padding: 4px;
	margin-right: 5px;
	margin-top: 5px;
	font-family: Georgia;
}

p.drop-caps.secundary:first-child:first-letter {
	background-color: #CCC;
	color: #FFF;
	padding: 6px;
	margin-right: 5px;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

cite:after {
	content: '\00A0 \2014';
}

cite:before {
	content: '\2014 \00A0';
}




/** 10. Blockquote
 **************************************************************** **/
blockquote {
	border-left: 5px solid #CCC;
	font-size: 1.3em;
	font-style: normal;
	letter-spacing: -1px;
	margin: 25px 0 25px 12px;
	padding: 0 0 0 25px;
	position: relative;
}
blockquote p {
	margin:0;
	padding:0;
}
blockquote cite {
	display: block;
	font-size: 0.75em;
	color: #9CA6B4;
}




/** 11. Progress Bar
 **************************************************************** **/
.progress {
	overflow:visible;
	background:#FAFAFA;
	position:relative;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.progress.slim {
	height:3px;
}
.progress.thin {
	height:6px;
}
.progress-bar {
	position: relative;

	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
span.progress-bar-tooltip {
	padding: 4px 8px;
	background-color: #2E363F;
	color: #FFF;
	line-height: 15px;
	font-size: 11px;
	display: block;
	position: absolute;
	top: -28px;
	right: 5px;
	-o-border-radius: 3px;
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}

span.progress-bar-tooltip:after {
	border-color:#2E363F transparent;
	border-style:solid;
	border-width:5px 5px 0;
	bottom: -5px;
	content: "";
	display: block;
	left: 13px;
	position: absolute;
	width: 0;
}

h6.progress-head {
	margin-bottom:2px;
}

	/* Circular Bar */
	div.circular-bar {
		margin:30px 0;
		text-align:center;
		display:inline-block;
		height:200px; width:200px;
		position:relative;
	}

	div.circular-bar strong {
		display: block;
		font-size: 17px;
		font-weight: 600;
		line-height: 30px;
	}

	div.circular-bar label {
		display: block;
		font-size: 16px;
		font-weight: 300;
	}

	div.circular-bar-content {
		position:absolute;
		top:50%; left:0; right:0;
		margin-top:-20px;
		text-align:center;
	}
	div.circular-bar canvas {
		margin:0;
		vertical-align:top;
		z-index:0; margin-left:-100px;
		width:200px; height:200px;
	}
	@media only screen and (max-width: 600px) {
		div.circular-bar ,
		div.circular-bar canvas {
			width:130px; height:130px;
			content:' ';
			clear:both;
		}
		div.circular-bar canvas {
			margin-left:-0;
			margin-top:-70px;
		}
		div.circular-bar strong {
			font-weight:400;
			font-size:14px;
			line-height:25px;
		}
		div.circular-bar-content {
			margin-top:-30px;
		}
	}


/** 12. Buttons
 **************************************************************** **/
.btn, .btn:hover {
	border: 0;
	padding: 8px 18px;
	margin-bottom:3px;
	border:rgba(255,255,255,0) 1px solid;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}

.btn.notransition {
	-webkit-transition: all 0s;
	   -moz-transition: all 0s;
		 -o-transition: all 0s;
			transition: all 0s;
}

.btn:active,
.btn:focus,
.btn.active {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.btn.disabled {
	background-color: #999;
	border: #bbb 1px solid;
}

.btn-default,
.btn-default:hover,
.btn-default.active {
	background:transparent;
	border:rgba(0,0,0,0.2) 1px solid;
	padding:8px 18px;
}
.btn-default:hover,
.btn-default.active {
	background:rgba(0,0,0,0.04);
}
.btn-white:hover,
.btn-white {
	color:#333 !important;
	background-color:rgba(255,255,255,0.8);
}
.btn-white:hover {
	background-color:#fff;
}
.btn[disabled] {
	background-color:rgba(0,0,0,0.4);
	border:rgba(0,0,0,0) 1px solid;
}
.btn-link[disabled] {
	background-color:transparent;
	border:0;
}
.btn-default[disabled] {
	background-color:transparent;
	border:rgba(0,0,0,0.2) 1px solid;
}
.btn-lg,.btn-lg:hover {
	padding: 12px 32px;
}
.btn-sm, .btn-sm:hover {
	padding: 6px 16px;
}
.btn-xs, .btn-xs:hover {
	padding: 3px 13px;
}

.btn.pull-right {
	margin-left:20px;
}

.btn-lg, 
.btn-group-lg>.btn {
	padding: 10px 16px !important;
}

.btn-sm, .btn-group-sm>.btn {
	padding: 5px 10px !important;
}

.btn-xs, .btn-group-xs>.btn {
	padding: 1px 5px !important;
}

.btn-lg, .btn-group-lg>.btn {
	padding: 10px 16px !important;
}

.btn-sm, .btn-group-sm>.btn {
	padding: 5px 10px !important;
}

.btn-group,
.btn-toolbar {
	margin-bottom:10px;
}

/* custom buttons */
.btn-facebook {
	color:#fff!important;
	background-color:#4863ae;
}
.btn-facebook:hover {
	background-color:#445fa4;
}

.btn-twitter {
	color:#fff!important;
	background-color:#46c0fb;
}
.btn-twitter:hover {
	background-color:#33bafb;
}

.btn-google-plus { 
	color:#fff!important;
	background:#d64937;
}
.btn-google-plus:hover { 
	background:#d1412c;
}

.btn-youtube { 
	color:#fff!important;
	background:#ff0000;
}
.btn-youtube:hover { 
	background:#e80000;
}

.btn-vimeo { 
	color:#fff!important;
	background:#00a2cd;
}
.btn-vimeo:hover { 
	background:#0093b7;
}

.btn-android { 
	color:#fff!important;
	background:#a4c639;
}
.btn-android:hover { 
	background:#97b834;
}

.btn-linkedin {
	color:#fff!important;
	background:#0083bb;
 }
.btn-linkedin:hover {
    background-color: #0076a8;
}

.btn-pinterest {
	color:#fff!important;
	background:#c91618;
 }
.btn-pinterest:hover {
    background-color: #b31313;
}

.btn-flickr {
	color:#fff!important;
	background:#ff0084;
 }
.btn-flickr:hover {
    background-color: #e60078;
}

.btn-tumblr {
	color:#fff!important;
	background:#374a61;
 }
.btn-tumblr:hover {
    background-color: #2f3f53;
}

.btn-skype {
	color:#fff!important;
	background:#00b6f3;
 }
.btn-skype:hover {
    background-color: #00a3d9;
}

.btn-stackoverflow {
	color:#fff!important;
	background:#f49336;
 }
.btn-stackoverflow:hover {
    background-color: #f28415;
}

.btn-instagram {
	color:#fff!important;
	background:#3f729b;
 }
.btn-instagram:hover {
    background-color: #386589;
}

.btn-dribbble {
	color:#fff!important;
	background:#ea4c89;
 }
.btn-dribbble:hover {
    background-color: #e93f7e;
}

.btn-rss {
	color:#fff!important;
	background:#ff7f25;
 }
.btn-rss:hover {
    background-color: #fd6b00;
}


.btn-fixed {
	text-align:center;
	width:155px;
}

.btn.text-left {
	text-align:left !important;
}
.btn.text-right {
	text-align:right !important;
}
.btn.text-center {
	text-align:center !important;
}

.btn.ico-only {
	padding:0 !important;
	width:38px;
	height:38px;
	line-height:38px;
	font-size:18px;
}
	.btn.ico-only.btn-xs {
		width:22px;
		height:22px;
		line-height:22px;
		font-size:13px;
	}
	.btn.ico-only.btn-sm {
		width:30px;
		height:30px;
		line-height:30px;
		font-size:15px;
	}
	.btn.ico-only.btn-lg {
		width:45px;
		height:45px;
		line-height:45px;
		font-size:25px;
	}
.btn.ico-only>i.fa {
	padding-right:0;
}
.btn.rounded { 
	padding:0; 
	width:40px; height:40px;
	
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%; 
}


/** 13. Labels
 **************************************************************** **/
.label {
	font-weight: normal;
	padding: 0.4em 0.8em 0.5em;
	display: inline-block;
}

.label-default {
	border: 1px solid #CCC;
	padding: 0.3em 0.7em 0.4em;
}



/** 14. Alerts
 **************************************************************** **/
.alert {
	border: 0;

	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
.alert i.fa {
	font-size:20px;
	margin-right:10px;
}
.alert.alert-success {
	background-color:#d2ebb8;
	border-left:#3C763D 3px solid;
}
.alert.alert-info {
	background-color:#aae1f5;
	border-left:#31708F 3px solid;
}
.alert.alert-warning {
	background-color:#fce3a3;
	border-left:#8A6D3B 3px solid;
}
.alert.alert-danger {
	background-color:#f8bac0;
	border-left:#A94442 3px solid;
}
.alert.alert-default {
	background-color:rgba(0,0,0,0.08);
	border-left:rgba(0,0,0,0.6) 3px solid;
}


/** 15. Pagination
 **************************************************************** **/
.pager li>a, .pager li>span,
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	background: #F5F7F7;
}


/** 16. Parallax
 **************************************************************** **/
.parallax {
	overflow:hidden;
	background-color:#333;
	
	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;
			background-size: cover !important;
 
}

.parallax * {
	color:#fff;
	text-shadow:#000 1px 1px 1px;
}
	.parallax .btn {
		text-shadow:none;
	}

	
	

/** 17. Isotope Filtering
 **************************************************************** **/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

ul.isotope-filter {
	margin-top:30px;
	margin-bottom:10px;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom:#ddd 1px dotted;
	border-top:#ddd 1px dotted;
}

ul.isotope {
	margin:0;
	padding:0;
	list-style:none;
}

/* 
	Isotope CSS3 transitions 
*/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}


/*
	Disabling Isotope CSS3 Transitions 
**/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/** 18. Dividers
 **************************************************************** **/
hr {
	border:0;
	margin:60px 0;
	border-top:#ddd 1px solid;
	border-bottom:#fff 1px solid;
}
	hr.half-margins {
		margin:30px 0;
	}
hr.no-lines {
	border:transparent 0px solid;
}
article hr {
	margin:30px 0;
}

.divider {
	border: 0;
	margin: 60px 0;
	height: 4px;
	border-top: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
	text-align: center;
	position: relative;
	clear: both;
}
	.divider.half-margins {
		margin:30px 0;
	}

.divider .fa {
	color: #bbb;
	background: #fff; /* same as background color */
	text-align: center;
	display: inline-block;
	height: 50px; line-height: 50px;
	text-align: center;
	width: 50px;
	font-size: 20px;

	position: absolute;
	top: -25px; left: 50%;
	margin: 0 auto 0 -25px;

}

.divider.white .fa { /* for white background color OR white rounded icon */
	background: #fff;
	color: #333;
}

li.divider {
	margin:6px;
}
.dark .divider {
	border-top: #555 1px solid;
	border-bottom: #555 1px solid;
}


/** 19. Forms
 **************************************************************** **/
.form-group:after {
	display:block; content:".";
	height:0; line-height:0;
	clear:both; visibility:hidden;
}

.form-control {
	height: 38px; padding: 0 12px;
	border:#e6e6e6 2px solid;

	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;

	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}
.form-control.has-error {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label,
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i,
.form-control:focus {
	border-color:#c6c6c6;

	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}

.sky-form label,
form label {
	font-weight:300;
}

textarea.form-control {
	padding:12px;
}


/** 20. Count To [number]
 **************************************************************** **/
div.countTo strong {
	display: block;
	font-size: 50px;
	line-height: 50px;
	font-weight: 400;
}

div.countTo label {
	font-weight: 300;
	font-size: 17px;
	line-height: 22px;
	padding-top:6px;
}

.countTo .boxed {
	margin-top:60px;
	border:#ddd 1px solid;
	padding-top:20px;
	padding-bottom:20px;
	display:block;
}

div.countTo.dark,
div.countTo.styleBackgroundColor {
	color:#fff;
}

div.countTo.paddings {
	padding:30px 0;
}

div.countTo.dark {
	background-color:rgba(0,0,0,0.5);
}

@media only screen and (max-width: 768px) {
	section .countTo {
		margin-top:60px;
	}
	.countTo .boxed {
		margin-top:15px;
	}

}


/** 21. Tabs
 **************************************************************** **/
div.tabs {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	margin:60px 0;
}

div.tabs div.tab-content {
	border: 0;
	padding: 17px;
	background-color:rgba(0,0,0,0.03);

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
div.tabs div.tab-content p:last-child {
	padding-bottom:0; margin-bottom:0;
}
div.tabs ul.nav-tabs {
	margin: 0;
	border: 0;
}

div.tabs ul.nav-tabs li.active a {
	border: 0;
	color: #333;
	background-color:rgba(0,0,0,0.03);
	padding-top:15px;
}

div.tabs ul.nav-tabs a {
	color: #666;
	margin-right: 1px;
	padding: 15px 25px;
	background-color:rgba(0,0,0,0.01);
	border:0 !important;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

div.tabs ul.nav-tabs a i.fa {
	padding-right:6px;
}

div.tabs div.tab-content.transparent {
	border-top:rgba(0,0,0,0.03) 1px solid;
	background:transparent;
}





/** 22. Accordion
 **************************************************************** **/
.panel-group {
	padding: 3px;
	background: #fff;
	border: 0;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}


/* pannel */
.panel {
	background: transparent;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.panel>.panel-heading {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.panel-default>.panel-heading {
	padding: 11px 15px;
	background:rgba(0,0,0,0.5);
	color:#fff;
}
.panel-default>.panel-heading small {
	color:rgba(255,255,255,0.7);
}
.panel-default {
	border:rgba(0,0,0,0.5) 1px solid;
}

.panel-light {
	border:rgba(0,0,0,0.1) 1px solid;
}
.panel-light>.panel-heading {
	padding: 11px 15px;
	background:transaprent;
	border-bottom:rgba(0,0,0,0.1) 1px solid;
}

.panel-heading .fa {
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    height: 25px;
    margin-right: 2px;
    padding: 5px;
    position: relative;
    text-align: right;
    top: -1px;
    width: 25px;
}

.panel-title a {
	text-decoration:none;
	display:block;
	color:#333;
}

.panel-body {
	padding: 21px;
}

.accordion.panel-group {
	border: rgba(0,0,0,0.03) 1px solid;
	background: rgba(0,0,0,0.03);

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.accordion .panel-default {
	border:0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
.accordion .panel-heading {
	background-color: rgba(0,0,0,0.1);

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	-webkit-transition: all .10s ease-out;
	   -moz-transition: all .10s ease-out;
		 -o-transition: all .10s ease-out;
			transition: all .10s ease-out;

	-webkit-touch-callout: none; 
	  -webkit-user-select: none; 
	   -khtml-user-select: none; 
		 -moz-user-select: none; 
		  -ms-user-select: none; 
			  user-select: none;
}
.accordion .panel-heading:hover {
	background-color: rgba(0,0,0,0.15);
}

.accordion.panel-group.transparent {
	background:transparent;
}
.accordion.panel-group.transparent .panel-heading {
	background-color: rgba(0,0,0,0.03);
}


/** 23. Toggle
 **************************************************************** **/
div.toggle {
	margin: 10px 0 0;
	position: relative;
	clear: both;
}

div.toggle > label {
	color: #333;
	background:rgba(0,0,0,0.1);

	cursor: pointer;
	font-size: 16px;
	font-weight:normal;
	padding: 10px 20px;
	position: relative;
	display: block;
	border-bottom: rgba(0,0,0,0.03) 1px solid;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	-webkit-transition: all .10s ease-out;
	   -moz-transition: all .10s ease-out;
		 -o-transition: all .10s ease-out;
			transition: all .10s ease-out;

	-webkit-touch-callout: none; 
	  -webkit-user-select: none; 
	   -khtml-user-select: none; 
		 -moz-user-select: none; 
		  -ms-user-select: none; 
			  user-select: none;
}

div.toggle div.toggle-content {
	border: rgba(0,0,0,0.03) 1px solid;
	display: none;
	background:rgba(0,0,0,0.03);
	margin-top: -5px;
	padding: 15px 20px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

div.toggle > label:before {
	content: '';
	border: 6px solid transparent;
	border-top-color: inherit;

	position: absolute;
	top: 50%; right: 14px;
	margin-top: -3px;
}

div.toggle > label:hover {
	background: rgba(0,0,0,0.15);
}

div.toggle > label + p {
	color: #888;
	height: 25px;
	display: block;
	overflow: hidden;
	padding-left: 10px;
}

div.toggle.active > label:before {
	border: 6px solid transparent;
	border-bottom-color:rgba(0,0,0,0.5);
	right: 14px; margin-top: -10px;
}

.toggle.transparent .toggle-content {
	background:transparent;
}
.toggle.transparent label {
	background: rgba(0,0,0,0.03);
}
.toggle.transparent label:hover {
	background: rgba(0,0,0,0.04);
}



/** 24. Featured Box & Featured Icons
 **************************************************************** **/
div.featured-box {
	padding:23px;
	background:rgba(0,0,0,0.01);
	text-align:center;

	-moz-transition: all 0.2s;
	  -o-transition: all 0.2s;
		 transition: all 0.2s;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
	div.featured-box:hover {
		background:rgba(0,0,0,0.03);
	}
	div.featured-box.transparent {
		background:transparent;
	}
	div.featured-box.nobg {
		background:none;
	}

div.featured-box i.fa {
	padding: 0;
	color: #fff;
	margin: 20px 0; 
	font-size: 40px;
	text-align:center;
	position: relative;
	background-color:#333;
	display: inline-block;

	width:100px; height:100px;
	line-height:100px;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

div.featured-box.nobg i.fa {
	font-size:30px;
	margin-top:0;

	width:70px; height:70px;
	line-height:70px;
}

div.featured-box.nobg.border-only i.fa {
	background:none !important;
	border:#333 1px solid;
	color:#333;
}

.featured-box-minimal>div {
	margin-bottom:30px;
}
.featured-box-minimal i.fa {
	color:#fff; padding:0;
	margin-right:10px;
	width:35px; height:35px;
	line-height:35px;
	font-size:17px;
	text-align:center;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.featured-box-minimal.border-top {
	border-top:#eee 1px solid;
	margin-top:30px;
}
.featured-box-minimal.border-bottom {
	border-bottom:#eee 1px solid;
	margin-bottom:60px;
	padding-bottom:30px;
}
	.featured-box-minimal.border-top div,
	.featured-box-minimal.border-bottom div {
		margin-bottom:0;
	}


	/* featured icons - alone */
	i.featured-icon {
		color: #FFF;
		margin: 25px 0;
		padding: 0;
		display: inline-block;
		font-size: 40px;
		width: 100px; height: 100px;
		line-height: 100px;
		position: relative;
		background-color:#333;
		border:#333 1px solid;
		text-align:center;

		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}
	i.featured-icon.half {
		width: 50px; height: 50px;
		line-height: 50px;
		font-size: 20px;
	}
	i.featured-icon:after {
	background: transparent;
	pointer-events: none;
	content: '';
	display: block;
	border-radius: 50%;
	border: 1px solid #333;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin-top: -100px;
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
	}
	i.featured-icon.half:after {
		margin-top: -50px;
	}
	i.featured-icon:hover:after {
		filter: alpha(opacity=100);
		opacity: 1;

		-webkit-transform:scale(1.1);
		   -moz-transform:scale(1.1);
			 -o-transform:scale(1.1);
				transform:scale(1.1);
	}
	i.featured-icon.half:hover:after {
		filter: alpha(opacity=100);
		opacity: 1;

		-webkit-transform:scale(1.2);
		   -moz-transform:scale(1.2);
			 -o-transform:scale(1.2);
				transform:scale(1.2);
	}
	i.featured-icon.empty {
		background:none !important;
		color:#333 !important;
	}
	i.featured-icon.pull-left {
		margin-right:20px;
	}
	i.featured-icon.pull-right {
		margin-left:20px;
	}

	/* Circle Icon */
	.circle-yes {
		padding:10px;
		border:transparent 1px solid;
		display:inner-block;

		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;

		-webkit-transition: all 0.2s;
		   -moz-transition: all 0.2s;
			 -o-transition: all 0.2s;
				transition: all 0.2s;
	}


/** 25. Image Thumbnail
 **************************************************************** **/
.thumbnail:hover {
	border:rgba(0,0,0,0.2) 1px solid !important;
}
.thumbnail.rounded {
	overflow:hidden;
	padding:0;
	width:189px; height:189px;
}
figure {
	margin-bottom:10px;
}

.img-thumbnail {
	position: relative;
	padding: 0; border: 0;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.img-thumbnail:after {
	content: '';
	display: block;
	width: 33px;
	height: 33px;
	position: absolute;
	top: 0; right: 0; 
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNrMlT1rwlAUhvMhImhEsRQEoRBag2t1Cjo4OmUpgj9D8D+4CeI/cFPcHR0iDiqdpBALgS46qFSKQhBSmwMNtJrozc2XB8Lh3gTuc8953xPyeDwSepAk+aKlZ8LjoE7WPe159RvCF5CAyX7vN2O1Jp/PhxKJBL3ZbNThcKjgQmCBwOHdbvchmUwG9b3lcnkol8sfl2DIE2EafYMk1kwmExyPx4+RSITe7XaqJEkKx3EhfV0qlWQzEArhgkgaqdfr93DgfD5XWJaVcrmcDBnWsF+r1e7sVAKpIovFgoM2FAqF9783hhaJovgE1WAY5g23EkgV0Q6gjfY1cX5DhmpYsSgWyGQy2UM+LTu0CfJgMPjCcYcl1zSbzXWxWIwKghCfTqfB0Wi053k+nM1mw/C+3W5/OqGJqxqpVqvxRqORMvoYBKrpQ16tVqqTEIYgYNVKpRKNxWL0drtVZVk+tFqtlO4cIxC7EEhzBBzS7/dZMxCKsB9X5whYFoYV2DSdToc6nU7Kjjtsg8AYn81mitPtsDzi7c4JR0a82xBYIG5AWAZxC8ISiJsQyCBuQyCBeAFxFcQriIsgXkKYgngNYQjiB8QZiF8Q/0AChL/RO/uL+hUUcQNxExA/AgwAQCThORpp8DAAAAAASUVORK5CYII=') no-repeat;
}
.img-thumbnail:hover:after {
	top:2px; right:2px;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;

	-webkit-transform:scale(1.1);
	   -moz-transform:scale(1.1);
		 -o-transform:scale(1.1);
			transform:scale(1.1);
}



/** 26. Modal
 **************************************************************** **/
.modal-content {
	overflow:hidden;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.modal-header {
	background-color:#333;
}
.modal-header  button,
h4.modal-title {
	color:#fff !important;
	opacity:1;
}
.modal-header  button {
	font-size:30px;
}
body {
	padding-right:0 !important;
}


/** 27. Carousel
 **************************************************************** **/
	.owl-carousel {
		margin-bottom:20px;
	}
	.owl-theme .owl-controls .owl-buttons div {
		opacity:1; color:#333;
		filter: Alpha(Opacity=100);
		background:#fff; border:#eee 1px solid;

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;
	}
	.owl-theme .owl-controls .owl-buttons div:hover {
		background:#F5F7F7;
	}

	.controlls-over .owl-controls {
		position:absolute;
		top:50%; left:0; right:0; bottom:0;
		margin-top:-20px;
		height:50px;
	}
	.controlls-over .owl-controls .owl-prev {
		float:left;
	}
	.controlls-over .owl-controls .owl-next {
		float:right;
	}
	.controlls-over .owl-pagination {
		position:absolute; width:60%; margin:auto;
		bottom:-300%; left:0; right:0;
	}
	.owl-theme.controlls-over .owl-controls .owl-page {
		background:rgba(0,0,0,0.3);
		margin-bottom:30px;
		position:relative;
		display:inline-block;

	}
	.owl-theme.controlls-over .owl-controls .owl-page:first-child {
		-webkit-border-top-left-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-bottomleft: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	.owl-theme.controlls-over .owl-controls .owl-page:last-child {
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.owl-theme.controlls-over .owl-controls .owl-page span {
		background:#fff;
	}
	.bottom-pagination .owl-controls .owl-page {
		margin-bottom:-40px !important;
	}


	/* top text caption */
	.owl-carousel .owl-item div {
		position:relative;
		text-align:center;
	}
	.owl-carousel .owl-caption {
		padding:10px;
		position:absolute !important;
		left:0; top:0; right:0;
		margin-top:0; max-width:100%;
		background:rgba(0,0,0,0.3);
		display:block; color:#fff;
	}

	.owl-carousel .owl-caption p {
		color:#fff;
		font-size:13px;
		line-height:20px;
		padding:0; margin:0;
	}
	.owl-carousel .owl-caption h1,
	.owl-carousel .owl-caption h1 a,
	.owl-carousel .owl-caption h2,
	.owl-carousel .owl-caption h2 a,
	.owl-carousel .owl-caption h3,
	.owl-carousel .owl-caption h3 a {
		color:#fff;
		font-size:21px;
		line-height:21px;
		font-weight:bold;
		margin-bottom:10px;
	}
	.owl-carousel .owl-caption a {
		color:#fff;
		font-weight:bold;
	}
	
	.owl-carousel.controls-hover-only .owl-controls {
		filter: alpha(opacity=0);
		opacity: 0;

		-webkit-transition: opacity 0.4s;
		   -moz-transition: opacity 0.4s;
			 -o-transition: opacity 0.4s;
				transition: opacity 0.4s;
	}
	.slider:hover .owl-carousel.controls-hover-only .owl-controls,
	.owl-carousel.controls-hover-only:hover .owl-controls {
		filter: alpha(opacity=100);
		opacity: 1;
	}


/* Featured Item */
.owl-carousel.featured .owl-featured-item {
	width:99%; padding-bottom:15px;
	text-align:center;
	background-color: #F4F4F4;
	display:block;

	webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.owl-carousel.featured .owl-featured-item:hover {
	background-color: #eaeaea;
}

.owl-carousel.featured .owl-featured-item a.figure {
	margin:0; padding:0;
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	z-index:0;
	position:relative;
}
.owl-carousel.featured .owl-featured-item a.figure>img {
	height:auto !important;
	width:100% !important;
	max-width: 100% !important;
	vertical-align:top;
}
.owl-carousel.featured .owl-featured-detail {
	position:relative;
}
.owl-carousel.featured .owl-featured-detail:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #F4F4F4;
	left: 50%;
	margin-left: -10px;
	top: -16px;
	z-index:10;

	webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
	.owl-carousel.featured .owl-featured-item:hover>.owl-featured-detail:after {
		border-bottom: 10px solid #eaeaea;
	}

.owl-carousel.featured .owl-featured-detail>a.featured-title {
	color:#333;
	margin-top:6px;
	display:block;
}
.owl-carousel.featured .owl-featured-detail>span.price {
	display:block;
	margin-bottom:6px;
}


.owl-carousel.featured {
	margin-top:6px;
}
.owl-carousel.featured .owl-controls.clickable {
	top:0 !important;
	margin-top:-50px;
	position:absolute;
	right:0; 
}
h2.owl-featured {
	font-size:19px;
	line-height:19px;
	border-bottom:rgba(0,0,0,0.2) 1px dashed;
	padding-bottom:6px;
	margin-bottom:0;
}

.owl-carousel.featured a.figure>span {
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	background-color:rgba(0,0,0,0.3);
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: opacity 0.3s;
	   -moz-transition: opacity 0.3s;
		 -o-transition: opacity 0.3s;
			transition: opacity 0.3s;
}
.owl-carousel.featured a.figure>span>i {
	color:#333;
	position:absolute;
	left:50%; top:50%;
	background:#fff;
	font-size:21px;
	width:40px; height:40px;
	line-height:42px;
	text-align:center;
	margin-left:-20px;
	margin-top:-20px;

	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}
.owl-carousel.featured a.figure:hover>span {
	filter: alpha(opacity=100);
	opacity: 1;
}


/* buttons bottom */
.owl-carousel.buttons-bottom  .owl-controls{
	top:auto !important;
}
.owl-carousel.buttons-bottom .owl-next,
.owl-carousel.buttons-bottom .owl-prev {
	margin-top:-20px !important;
}

/* special carousel title */
.owl-carousel .owl-carousel-caption {
	background-color:rgba(0,0,0,0.5);
	position:absolute !important;
	top:0; left:0; right:0;
	color:#fff; padding:20px;
	height:96px; overflow:hidden;
}
.owl-carousel .owl-carousel-caption.top {
	top:0;
	bottom:auto;
}
.owl-carousel .owl-carousel-caption.bottom {
	top:auto;
	bottom:29px;
}
.owl-carousel .owl-carousel-caption h2,
.owl-carousel .owl-carousel-caption h3,
.owl-carousel .owl-carousel-caption h4 {
	color:#fff;
	font-size:16px;
	line-height:16px;
	margin-bottom:10px;
	font-weight:bold;
	overflow:hidden; 
	display:block;
	width:100%;
	text-overflow:ellipsis; 
	white-space: nowrap;
}
.owl-carousel .owl-carousel-caption p {
	color:#fff;
	font-size:12px;
	line-height:15px;
	padding:0; margin:0;
}




/** 28. Breadcrumbs
 **************************************************************** **/
.breadcrumb {
	font-size:13px;
	margin: -3px 0 0;
	padding:0;
	position: relative;
	display: inline-block;
	background:none;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}





/** 29. Nav List (aside)
 **************************************************************** **/
aside ul.nav-list {
	padding:0; 
	margin:0;
}
aside h3,
aside h4 {
	font-size:16px;
	line-height:20px;
	margin-bottom:20px;
}
aside h4 {
	margin-top:60px;
}
aside ul.nav-list li{
	padding:0;
	border-bottom:#ccc 1px dotted;
}
aside ul.nav-list li a {
	padding-left:0;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
aside ul.nav-list li.active>a,
aside ul.nav-list li a:hover {
	padding-left:10px;
}
aside ul.nav-list li a i {
	padding-right:6px;
	color:#ddd;
}

/* bootstrap side navigation */
ul.side-nav span.badge {
	float:right;
	margin-top:6px;
	font-weight:400;

	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
}
ul.side-nav>li>span.badge {
	margin-top:12px;
	margin-right:6px;
}
ul.side-nav li.list-group-item>a>.label {
	margin-right:20px;
}
.list-group-item:first-child,
.list-group-item:last-child,
ul.side-nav {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
ul.side-nav li {
	list-style:none;
}
ul.side-nav ul {
	margin:0;
	padding:0;
	background-color:rgba(0,0,0,0.02);
}
ul.side-nav ul li {
	padding:0 15px;
	border-bottom:rgba(0,0,0,0.05) 1px solid;
}
ul.side-nav ul li:last-child {
	border-bottom:0;
}
ul.side-nav a {
	display:block;
	text-decoration:none;
	color:#333;
}
ul.side-nav a i.fa {
	width:20px;
}
ul.side-nav ul li a {
	padding:3px;
	font-size:13px;
}
ul.side-nav>li {
	padding:0;
}
ul.side-nav>li>a {
	padding:7px 10px;
}
ul.side-nav>li.list-group-item.active {
	border:0;
	background-color:transparent;
}
ul.side-nav>li.active>a {
	background-color:rgba(0,0,0,0.5);
}
ul.side-nav li.list-toggle.active:after,
ul.side-nav > li.active>a {
	color:#fff !important;
}
ul.side-nav li.list-toggle:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	font-size: 15px;
	right: 10px;
	top: 7px;
	color:#999;
}
ul.side-nav li.list-toggle.active:after {
	content: "\f107";
}
.list-group-item {
	border:0;
	background:transparent;
	border:rgba(0,0,0,0.1) 1px solid;
	border-left:0;
	border-right:0;
}




/** 30. Price Table
 **************************************************************** **/
div.price-table {
	background:rgba(0,0,0,0.03);
	margin:30px 0;
	text-align:center;
	padding-bottom:30px;
}
div.row.pricetable-container {
	padding:0 15px;
}
	div.price-table h3 {
		font-size:25px;
		line-height:25px;
		padding:30px 0;
		border-bottom: rgba(0,0,0,0.1) 2px solid;
		text-transform:uppercase;
	}
	div.price-table p {
		color: #666;
		font-size: 36px;
		padding: 30px 0;
		font-weight: 400;
		width: 150px;
		height: 150px;
		padding-top: 60px;
		display: inline-block;
		background-color: rgba(0,0,0,0.05);
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	div.price-table p span {
		display:block;
		font-size:10px;
		font-weight:300;
		text-transform:uppercase;
	}
	div.price-table ul {
		margin:0;
		padding:0;
	}
	div.price-table ul li {
		list-style:none;
		font-size:12px;
		border-bottom: rgba(0,0,0,0.1) 1px solid;
		padding:8px;
		text-transform:uppercase;
	}
	div.price-table.popular,
	div.price-table.popular ul li,
	div.price-table.popular p,
	div.price-table.popular p span,
	div.price-table.popular h3 {
		color:#fff;
	}
	div.price-table.popular {
		background:#676767;
	}
	div.price-table .btn {
		color:#fff;
		margin-top:30px;
	}

/* mega price table */
div.mega-price-table {
	margin-top:60px;
}
div.mega-price-table .btn .caret.pull-right {
	margin-top:8px;
}
div.mega-price-table .pricing-title,
div.mega-price-table .pricing-head {
	color:#fff;
	text-align:center;
	background-color:rgba(0,0,0,0.6);
	height:75px;
}
	div.mega-price-table .pricing-title {
		background-color:transparent !important;
		padding:15px 0 0 0;
		margin:0;
		height:160px;
	}
	div.mega-price-table .pricing-title h3 {
		font-size:50px;
		line-height:50px;	
	}

div.mega-price-table .pricing-head h3 {
	margin-bottom:3px;
	display:block;
	color:#fff;
	font-size:30px;
	padding-top:12px;
	height:36px;
}
div.mega-price-table h4 {
	display:block;
	text-align:center;
	font-size:60px;
	padding:20px 0; margin:0;
	font-weight:400;
	color:#666;
	height:85;
	background-color:rgba(0,0,0,0.03);
}
div.mega-price-table .pricing:hover h4 {
	color:#333;
	text-align:center;
}
div.mega-price-table .pricing h4 sup,
div.mega-price-table .pricing h4 sub {
	font-size:34px;
}
div.mega-price-table .pricing-head small {
	font-size:12px;
	display:block;
	color:rgba(255,255,255,0.7);
	font-weight:300;
}

div.mega-price-table .pricing-desc li,
div.mega-price-table ul.pricing-table li {
	padding: 10px;
	font-style: normal;
	min-height: 41px;
	text-align:center;
}
	div.mega-price-table ul li.alternate {
		background-color:rgba(0,0,0,0.03);
	}

div.mega-price-table {
	padding-left:15px;
	padding-right:15px;
}
div.mega-price-table div {
	padding:0;
}
div.mega-price-table .pricing {
	margin-left:1px;
	background: rgba(0,0,0,0.03);
}
div.mega-price-table .pricing-desc div,
div.mega-price-table .pricing-desc li {
	text-align:left !important;
}
div.mega-price-table .btn,
div.mega-price-table .list-unstyled,
div.mega-price-table .btn-group, 
div.mega-price-table .btn-toolbar {
	margin-bottom:0;
}

div.mega-price-table .pricing.popular {
	background-color:#676767;
}
div.mega-price-table .pricing.popular,
div.mega-price-table .pricing.popular h3,
div.mega-price-table .pricing.popular h4,
div.mega-price-table .pricing.popular li,
div.mega-price-table .pricing.popular div,
div.mega-price-table  .pricing.popular .pricing-table i.fa {
	color:#fff !important;
}
div.mega-price-table .dropdown-menu {
	width:100%;
}



/** 31. Animation
 **************************************************************** **/
.appear-animation {
	opacity: 0;
}

.animation-visible {
	opacity: 1 !important;
}

.animated,
.appear-animation {
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		 -o-animation-fill-mode: both;
			animation-fill-mode: both;

	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
		-ms-animation-duration: 1s;
		 -o-animation-duration: 1s;
			animation-duration: 1s;
}




/** 32. Dropcap
 **************************************************************** **/
p.dropcap:first-letter {
	float: left;
	font-size: 70px;
	line-height: 60px;
	padding: 4px 8px 4px 4px;
	margin-right: 6px;
	margin-top: -3px;
	display:inline-block;
	color:#333;
}
p.dropcap.color:first-letter {
	color:#fff;
	background:#333;
	margin-top: 8px;
	padding: 0 8px 3px 4px;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}



/** 33. Masonry
 **************************************************************** **/
.masonry-list {
	margin: 0; padding: 0;
	width: 100%; list-style: none;

	-webkit-transition: opacity 1s;
	   -moz-transition: opacity 1s;
		 -o-transition: opacity 1s;
			transition: opacity 1s;
}




/** 34. Media Elements
 **************************************************************** **/
/* 
	video cover 
	WARNING! JS USED!
	See: MEDIA ELEMENTS
*/
.video-wrap {
    top: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
	z-index:0;
}
.video-wrap .mejs-inner {
	width:100% !important;
	height:100% !important;
}
.video-wrap .mejs-poster {
	-webkit-background-size: cover!important;
	   -moz-background-size: cover!important;
		 -o-background-size: cover!important;
			background-size: cover!important;
}




/** 35. Testimonials
 **************************************************************** **/
.testimonial {
	margin-bottom:60px;
}

/* carousel style */
.testimonial.white p,
.testimonial.white cite {
	background-color:#fff;
}
.testimonial cite {
	background:#F6F6F6;
	display:inline-block;
	padding:0 10px 6px 10px;

	-webkit-border-bottom-right-radius: 6px;
	 -webkit-border-bottom-left-radius: 6px;
	    -moz-border-radius-bottomright: 6px;
		 -moz-border-radius-bottomleft: 6px;
			border-bottom-right-radius: 6px;
			 border-bottom-left-radius: 6px;
}
.testimonial p {
	color:#000;
	background:#F6F6F6;
	padding:20px;
	font-size:14px;
	margin-bottom:0;
	font-style:italic;

	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}

.cover .testimonial p,
.cover .testimonial cite {
	background:none !important;
	color:#fff;
	font-size:24px;
}

/* single style */
.testimonial.classic p {
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;

	-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
			border-bottom-left-radius: 0;
}

.testimonial.male p,
.testimonial.female p {
	padding-left:52px;
	background-image:url('../images/female.png');
	background-repeat:no-repeat;
	background-position:16px 25px;
}
.testimonial.male p {
	background-image:url('../images/male.png');
}






/**36. Background Patterns
*************************************************** **/
.pattern1 {
	background:url('../images/patterns/pattern1.png') repeat fixed;
}
.pattern2 {
	background:url('../images/patterns/pattern2.png') repeat fixed;
}
.pattern3 {
	background:url('../images/patterns/pattern3.png') repeat fixed;
}
.pattern4 {
	background:url('../images/patterns/pattern4.png') repeat fixed;
}
.pattern5 {
	background:url('../images/patterns/pattern5.png') repeat fixed;
}
.pattern6 {
	background:url('../images/patterns/pattern6.png') repeat fixed;
}
.pattern7 {
	background:url('../images/patterns/pattern7.png') repeat fixed;
}
.pattern8 {
	background:url('../images/patterns/pattern8.png') repeat fixed;
}
.pattern9 {
	background:url('../images/patterns/pattern9.png') repeat fixed;
}
.pattern10 {
	background:url('../images/patterns/pattern10.png') repeat fixed;
}
.pattern11 {
	background:url('../images/patterns/pattern11.png') repeat fixed;
}



/**	37. Ion.RangeSlider [1.9.2]
*************************************************** **/
.irs {
    position: relative; display: block;
}
    .irs-line {
        position: relative; display: block;
        overflow: hidden;
    }
        .irs-line-left, .irs-line-mid, .irs-line-right {
            position: absolute; display: block;
            top: 0;
        }
        .irs-line-left {
            left: 0; width: 10%;
        }
        .irs-line-mid {
            left: 9%; width: 82%;
        }
        .irs-line-right {
            right: 0; width: 10%;
        }

    .irs-diapason {
        position: absolute; display: block;
        left: 0; width: 100%;
    }
    .irs-slider {
        position: absolute; display: block;
        cursor: default;
        z-index: 1;
    }
        .irs-slider.single {
            left: 10px;
        }
            .irs-slider.single:before {
                position: absolute; display: block; content: "";
                top: -30%; left: -30%;
                width: 160%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.from {
            left: 100px;
        }
            .irs-slider.from:before {
                position: absolute; display: block; content: "";
                top: -30%; left: -30%;
                width: 130%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.to {
            left: 300px;
        }
            .irs-slider.to:before {
                position: absolute; display: block; content: "";
                top: -30%; left: 0;
                width: 130%; height: 160%;
                background: rgba(0,0,0,0.0);
            }
        .irs-slider.last {
            z-index: 2;
        }

    .irs-min {
        position: absolute; display: block;
        left: 0;
        cursor: default;
    }
    .irs-max {
        position: absolute; display: block;
        right: 0;
        cursor: default;
    }

    .irs-from, .irs-to, .irs-single {
        position: absolute; display: block;
        top: 0; left: 0;
        cursor: default;
        white-space: nowrap;
    }


.irs-grid {
    position: absolute; display: none;
    bottom: 0; left: 0;
    width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
    display: block;
}
    .irs-grid-pol {
        position: absolute;
        top: 0; left: 0;
        width: 1px; height: 8px;
        background: #000;
    }
    .irs-grid-pol.small {
        height: 4px;
    }
    .irs-grid-text {
        position: absolute;
        bottom: 0; left: 0;
        width: 100px;
        white-space: nowrap;
        text-align: center;
        font-size: 9px; line-height: 9px;
        color: #000;
    }

.irs-disable-mask {
    position: absolute; display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}
.irs-disabled {
    opacity: 0.4;
}

	.irs-line-mid,
	.irs-line-left,
	.irs-line-right,
	.irs-diapason,
	.irs-slider {
		background:#E5E5E5;
	}

	.irs-diapason {
		background: #ffb848;
	}

	.irs {
		height: 40px;
	}
	.irs-with-grid {
		height: 60px;
	}
	.irs-line {
		height: 8px; top: 25px;
	}
		.irs-line-left {
			height: 8px;
		}
		.irs-line-mid {
			height: 8px;
		}
		.irs-line-right {
			height: 8px;
		}

	.irs-diapason {
		height: 8px; top: 25px;
	}

	.irs-slider {
		width: 13px;
		height: 24px;
		top: 17px;
		border:1px solid #fefefe;
		background:#777;
	}
	#irs-active-slider, .irs-slider:hover {
		
	}

	.irs-min, .irs-max {
	   color: #999;
		font-size: 10px;
		line-height: 1.333;
		text-shadow: none;
		top: 0; padding: 1px 3px;
		background: rgba(0,0,0,0.1);
		border-radius: 0;
	}
	.lt-ie9 .irs-min, .lt-ie9 .irs-max {
		background: #ccc;
	}

	.irs-from, .irs-to, .irs-single {
		color: #fff;
		font-size: 10px; line-height: 1.333;
		text-shadow: none;
		padding: 1px 5px;
		background: rgba(0,0,0,0.3);
		border-radius: 3px;
	}
	.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
		background: #999;
	}

	.irs-grid-pol {
		background: #99a4ac;
	}
	.irs-grid-text {
		color: #99a4ac;
	}

/**	38. Datepicker
*************************************************** **/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 220px;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background-color: #ffcd70;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f7ca77;
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background-color: #f4bb51;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background-color: #858585;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background-color: #999999;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}



/**	39. Summernote
*************************************************** **/
.note-editor {
    position: relative;
    border: rgba(0,0,0,0.1) 1px solid;
}
.note-editor .row-fluid p {
	display:none;
}
.note-editor .note-dropzone {
    position: absolute;
    z-index: 1;
    display: none;
    color: #87cefa;
    background-color: white;
    border: 2px dashed #87cefa;
    opacity: .95;
    pointer-event: none;
}

.note-editor .note-dropzone .note-dropzone-message {
    display: table-cell;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.note-editor .note-dropzone.hover {
    color: #098ddf;
    border: 2px dashed #098ddf;
}

.note-editor.dragover .note-dropzone {
    display: table;
}

.note-editor .note-toolbar {
    background-color: rgba(0,0,0,0.01);
    border-bottom: 1px solid #eee;
}

.note-editor.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
	background-color:#1F252D;
}

.note-editor.fullscreen .note-editable {
    background-color: white;
}

.note-editor.fullscreen .note-resizebar {
    display: none;
}

.note-editor.codeview .note-editable {
    display: none;
}

.note-editor.codeview .note-codable {
    display: block;
}

.note-editor .note-statusbar {
    background-color: #f5f5f5;
}

.note-editor .note-statusbar .note-resizebar {
    width: 100%;
    height: 8px;
    cursor: ns-resize;
    border-top: 1px solid #a9a9a9;
}

.note-editor .note-statusbar .note-resizebar .note-icon-bar {
    width: 20px;
    margin: 1px auto;
    border-top: 1px solid #a9a9a9;
}

.note-editor .note-editable {
    padding: 10px;
    overflow: auto;
    outline: 0;
}

.note-editor .note-editable[contenteditable="false"] {
    background-color: #e5e5e5;
}

.note-editor .note-codable {
    display: none;
    width: 100%;
    padding: 10px;
    margin-bottom: 0;
    font-family: Menlo,Monaco,monospace,sans-serif;
    font-size: 14px;
    color: #ccc;
    background-color: #222;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

.note-air-editor {
    outline: 0;
}

.note-popover .popover {
    max-width: none;
}

.note-popover .popover .popover-content a {
    display: inline-block;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.note-popover .popover .arrow {
    left: 20px;
}

.note-popover .popover .popover-content,.note-toolbar {
    padding: 0 5px 5px 5px;
    margin: 0;
}

.note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group {
    margin: 5px 5px 0 0;
}
.note-popover .popover .popover-content>.btn-group,.note-toolbar>.btn-group>button {
	margin:0;
	border: rgba(0,0,0,0.2) 1px solid;
	background-color:#fff;
}
.note-popover .popover .popover-content .note-table .dropdown-menu,.note-toolbar .note-table .dropdown-menu {
    min-width: 0;
    padding: 5px;
}

.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,.note-toolbar .note-table .dropdown-menu .note-dimension-picker {
    font-size: 18px;
}

.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
    position: absolute!important;
    z-index: 3;
    width: 10em;
    height: 10em;
    cursor: pointer;
}

.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
    position: relative!important;
    z-index: 1;
    width: 5em;
    height: 5em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}

.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
    position: absolute!important;
    z-index: 2;
    width: 1em;
    height: 1em;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
}

.note-popover .popover .popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .popover .popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .popover .popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .popover .popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .popover .popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .popover .popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .popover .popover-content .note-style blockquote,.note-toolbar .note-style blockquote {
    margin: 0;
}

.note-popover .popover .popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle {
    width: 20px;
    padding-left: 5px !important;
	text-align:center;
	padding:0;
}

.note-popover .popover .popover-content .note-color .dropdown-menu,.note-toolbar .note-color .dropdown-menu {
    min-width: 340px;
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,.note-toolbar .note-color .dropdown-menu .btn-group {
    margin: 0;
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.note-toolbar .note-color .dropdown-menu .btn-group:first-child {
    margin: 0 5px;
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
    margin: 2px 7px;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
    padding: 0 3px;
    margin: 3px;
    font-size: 11px;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {
    height: 20px;
}

.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
    background: #eee;
}

.note-popover .popover .popover-content .note-para .dropdown-menu,.note-toolbar .note-para .dropdown-menu {
    min-width: 216px;
    padding: 5px;
}

.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,.note-toolbar .note-para .dropdown-menu>div:first-child {
    margin-right: 5px;
}

.note-popover .popover .popover-content .dropdown-menu,.note-toolbar .dropdown-menu {
    min-width: 90px;
}

.note-popover .popover .popover-content .dropdown-menu.right,.note-toolbar .dropdown-menu.right {
    right: 0;
    left: auto;
}

.note-popover .popover .popover-content .dropdown-menu.right::before,.note-toolbar .dropdown-menu.right::before {
    right: 9px;
    left: auto!important;
}

.note-popover .popover .popover-content .dropdown-menu.right::after,.note-toolbar .dropdown-menu.right::after {
    right: 10px;
    left: auto!important;
}

.note-popover .popover .popover-content .dropdown-menu li a i,.note-toolbar .dropdown-menu li a i {
    color: deepskyblue;
    visibility: hidden;
}

.note-popover .popover .popover-content .dropdown-menu li a.checked i,.note-toolbar .dropdown-menu li a.checked i {
    visibility: visible;
}

.note-popover .popover .popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10 {
    font-size: 10px;
}

.note-popover .popover .popover-content .note-color-palette,.note-toolbar .note-color-palette {
    line-height: 1;
}

.note-popover .popover .popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
}

.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover {
    border: 1px solid #000;
}

.note-dialog>div {
    display: none;
}

.note-dialog .note-image-dialog .note-dropzone {
    min-height: 100px;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 4;
    color: lightgray;
    text-align: center;
    border: 4px dashed lightgray;
}

.note-dialog .note-help-dialog {
    font-size: 12px;
    color: #ccc;
    background: transparent;
    background-color: #222!important;
    border: 0;
    -webkit-opacity: .9;
    -khtml-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: alpha(opacity=90);
    filter: alpha(opacity=90);
}

.note-dialog .note-help-dialog .modal-content {
    background: transparent;
    border: 1px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.note-dialog .note-help-dialog a {
    font-size: 12px;
    color: white;
}

.note-dialog .note-help-dialog .title {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    border-bottom: white 1px solid;
}

.note-dialog .note-help-dialog .modal-close {
    font-size: 14px;
    color: #dd0;
    cursor: pointer;
}

.note-dialog .note-help-dialog .note-shortcut-layout {
    width: 100%;
}

.note-dialog .note-help-dialog .note-shortcut-layout td {
    vertical-align: top;
}

.note-dialog .note-help-dialog .note-shortcut {
    margin-top: 8px;
}

.note-dialog .note-help-dialog .note-shortcut th {
    font-size: 13px;
    color: #dd0;
    text-align: left;
}
.note-dialog .note-help-dialog .note-shortcut th,
.note-dialog .note-help-dialog .note-shortcut tr {
	background:transparent !important;
}
.note-dialog .note-help-dialog .note-shortcut td:first-child {
    min-width: 110px;
    padding-right: 10px;
    font-family: "Courier New";
    color: #dd0;
    text-align: right;
}

.note-handle .note-control-selection {
    position: absolute;
    display: none;
    border: 1px solid black;
}

.note-handle .note-control-selection>div {
    position: absolute;
}

.note-handle .note-control-selection .note-control-selection-bg {
    width: 100%;
    height: 100%;
    background-color: black;
    -webkit-opacity: .3;
    -khtml-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: alpha(opacity=30);
    filter: alpha(opacity=30);
}

.note-handle .note-control-selection .note-control-handle {
    width: 7px;
    height: 7px;
    border: 1px solid black;
}

.note-handle .note-control-selection .note-control-holder {
    width: 7px;
    height: 7px;
    border: 1px solid black;
}

.note-handle .note-control-selection .note-control-sizing {
    width: 7px;
    height: 7px;
    background-color: white;
    border: 1px solid black;
}

.note-handle .note-control-selection .note-control-nw {
    top: -5px;
    left: -5px;
    border-right: 0;
    border-bottom: 0;
}

.note-handle .note-control-selection .note-control-ne {
    top: -5px;
    right: -5px;
    border-bottom: 0;
    border-left: none;
}

.note-handle .note-control-selection .note-control-sw {
    bottom: -5px;
    left: -5px;
    border-top: 0;
    border-right: 0;
}

.note-handle .note-control-selection .note-control-se {
    right: -5px;
    bottom: -5px;
    cursor: se-resize;
}

.note-handle .note-control-selection .note-control-selection-info {
    right: 0;
    bottom: 0;
    padding: 5px;
    margin: 5px;
    font-size: 12px;
    color: white;
    background-color: black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-opacity: .7;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    -ms-filter: alpha(opacity=70);
    filter: alpha(opacity=70);
}





/**	40. Markdown
*************************************************** **/
.md-editor {
    display: block;
    border: 1px solid #ddd;
}

.md-editor>.md-header,.md-editor .md-footer {
    display: block;
    padding: 6px 4px;
    background: #fff;
}

.md-editor>.md-header {
    margin: 0;
}

.md-editor>.md-preview {
    background: #fff;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    min-height: 10px;
    overflow: auto;
}

.md-editor>textarea {
    font-size: 14px;
    outline: 0;
    outline: thin dotted \9;
    margin: 0;
    display: block;
    padding: 0;
    width: 100%;
    border: 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    box-shadow: none;
    background: #fafafa;
}

.md-editor>textarea:focus {
    box-shadow: none;
    background: #fff;
}

.md-editor.active {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,0.1);
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
	margin-bottom:0;
}
.btn-toolbar>.btn>i.fa,
.btn-toolbar>.btn>span.glyphicon  {
	color:#fff !important;
}


/**	41. CKEditor
*************************************************** **/
/**
 *	CKEditor editables are automatically set with the "cke_editable" class
 *	plus cke_editable_(inline|themed) depending on the editor type.
 */

/* Style a bit the inline editables. */
.cke_editable.cke_editable_inline
{
	cursor: pointer;
}

/* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
.cke_editable.cke_editable_inline.cke_focus
{
	box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
	outline: none;
	background: #eee;
	cursor: text;
}

/* Avoid pre-formatted overflows inline editable. */
.cke_editable_inline pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}

.cke_top {
	background: #f9fafc !important;
	background-size: 100% !important;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9fafc), color-stop(100%, #f7f7f7)) !important;
	background-image: -webkit-linear-gradient(top, #f9fafc, #f7f7f7) !important;
	background-image: -moz-linear-gradient(top, #f9fafc, #f7f7f7) !important;
	background-image: -o-linear-gradient(top, #f9fafc, #f7f7f7) !important;
	background-image: linear-gradient(top, #f9fafc, #f7f7f7) !important;
	border-bottom: #eee 1px solid !important;
	-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.03) !important;
	-moz-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.03) !important;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.03) !important;
}
.cke_chrome {
	-moz-box-shadow:none !important;
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}
.panel-body.nopadding .cke_chrome {
	border:0 !important;
}



/**	42. Colors
   colors.css v2.0.0
   http://clrs.cc

   SKINS
   - Backgrounds
   - Colors
   - Border colors
   - SVG fills
   - SVG Strokes

*************************************************** **/
/* Backgrounds */
.bg-navy {
  background-color: #001F3F !important; }

.bg-blue {
  background-color: #0074D9 !important; }

.bg-aqua {
  background-color: #7FDBFF !important; }

.bg-teal {
  background-color: #39CCCC !important; }

.bg-olive {
  background-color: #3D9970 !important; }

.bg-green {
  background-color: #2ECC40 !important; }

.bg-lime {
  background-color: #01FF70 !important; }

.bg-yellow {
  background-color: #FFDC00 !important; }

.bg-orange {
  background-color: #FF851B !important; }

.bg-red {
  background-color: #FF4136 !important; }

.bg-fuchsia {
  background-color: #F012BE !important; }

.bg-purple {
  background-color: #B10DC9 !important; }

.bg-maroon {
  background-color: #85144B !important; }

.bg-white {
  background-color: #fff !important; }

.bg-gray {
  background-color: #aaa !important; }

.bg-silver {
  background-color: #ddd !important; }

.bg-black {
  background-color: #111 !important; }

/* Colors */
.navy {
  color: #001F3F !important; }

.blue {
  color: #0074D9 !important; }

.aqua {
  color: #7FDBFF !important; }

.teal {
  color: #39CCCC !important; }

.olive {
  color: #3D9970 !important; }

.green {
  color: #2ECC40 !important; }

.lime {
  color: #01FF70 !important; }

.yellow {
  color: #FFDC00 !important; }

.orange {
  color: #FF851B !important; }

.red {
  color: #FF4136 !important; }

.fuchsia {
  color: #F012BE !important; }

.purple {
  color: #B10DC9 !important; }

.maroon {
  color: #85144B !important; }

.white {
  color: #fff !important; }

.silver {
  color: #ddd !important; }

.gray {
  color: #aaa !important; }

.black {
  color: #111 !important; }

/* Border colors 

   Use with another border utility that sets border-width and style 
   i.e .border { border-width: 1px; border-style: solid !important; }     
*/
.border-navy {
  border-color: #001F3F !important; }

.border-blue {
  border-color: #0074D9 !important; }

.border-aqua {
  border-color: #7FDBFF !important; }

.border-teal {
  border-color: #39CCCC !important; }

.border-olive {
  border-color: #3D9970 !important; }

.border-green {
  border-color: #2ECC40 !important; }

.border-lime {
  border-color: #01FF70 !important; }

.border-yellow {
  border-color: #FFDC00 !important; }

.border-orange {
  border-color: #FF851B !important; }

.border-red {
  border-color: #FF4136 !important; }

.border-fuchsia {
  border-color: #F012BE !important; }

.border-purple {
  border-color: #B10DC9 !important; }

.border-maroon {
  border-color: #85144B !important; }

.border-white {
  border-color: #fff !important; }

.border-gray {
  border-color: #aaa !important; }

.border-silver {
  border-color: #ddd !important; }

.border-black {
  border-color: #111 !important; }

/* Fills for SVG */
.fill-navy {
  fill: #001F3F !important; }

.fill-blue {
  fill: #0074D9 !important; }

.fill-aqua {
  fill: #7FDBFF !important; }

.fill-teal {
  fill: #39CCCC !important; }

.fill-olive {
  fill: #3D9970 !important; }

.fill-green {
  fill: #2ECC40 !important; }

.fill-lime {
  fill: #01FF70 !important; }

.fill-yellow {
  fill: #FFDC00 !important; }

.fill-orange {
  fill: #FF851B !important; }

.fill-red {
  fill: #FF4136 !important; }

.fill-fuchsia {
  fill: #F012BE !important; }

.fill-purple {
  fill: #B10DC9 !important; }

.fill-maroon {
  fill: #85144B !important; }

.fill-white {
  fill: #fff !important; }

.fill-gray {
  fill: #aaa !important; }

.fill-silver {
  fill: #ddd !important; }

.fill-black {
  fill: #111 !important; }

/* Strokes for SVG */
.stroke-navy {
  stroke: #001F3F !important; }

.stroke-blue {
  stroke: #0074D9 !important; }

.stroke-aqua {
  stroke: #7FDBFF !important; }

.stroke-teal {
  stroke: #39CCCC !important; }

.stroke-olive {
  stroke: #3D9970 !important; }

.stroke-green {
  stroke: #2ECC40 !important; }

.stroke-lime {
  stroke: #01FF70 !important; }

.stroke-yellow {
  stroke: #FFDC00 !important; }

.stroke-orange {
  stroke: #FF851B !important; }

.stroke-red {
  stroke: #FF4136 !important; }

.stroke-fuchsia {
  stroke: #F012BE !important; }

.stroke-purple {
  stroke: #B10DC9 !important; }

.stroke-maroon {
  stroke: #85144B !important; }

.stroke-white {
  stroke: #fff !important; }

.stroke-gray {
  stroke: #aaa !important; }

.stroke-silver {
  stroke: #ddd !important; }

.stroke-black {
  stroke: #111 !important; }

  

/**	--. Printable Div
	If want to dismiss these rules, 
	add to body: class="printable"
	Or simply delete custom rules!
*************************************************** **/
@media print {
	/* 
		@CUSTOM RULES 
	*/
	#topBar, #navBar, #topNav, #footer, #header, .page-title {
		display:none !important;
	}
	body * {
		visibility: hidden;
		margin:0; padding:0;
	}
	.printable * { 
		visibility: visible;
	}

	/* print resets */
	#wrapper {
		margin:0 !important;
		padding:20px 0 0 0 !important;
	}

	/* display none for all other elements - remove whitespaces */
	#topNav, #header_shadow, #footer,
	#page-title, .btn { display:none; }


	/* 
		@REQUIRED RULES
	*/
	.col-sm-1, .col-sm-2, .col-sm-3, 
	.col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, 
	.col-sm-10, .col-sm-11, 
	.col-sm-12 	{ float: left; }
	.col-sm-12 	{ width: 100%; }
	.col-sm-11 	{ width: 91.66666666666666%; }
	.col-sm-10 	{ width: 83.33333333333334%; }
	.col-sm-9 	{ width: 75%; }
	.col-sm-8 	{ width: 66.66666666666666%; }
	.col-sm-7 	{ width: 58.333333333333336%; }
	.col-sm-6 	{ width: 50%; }
	.col-sm-5 	{ width: 41.66666666666667%; }
	.col-sm-4 	{ width: 33.33333333333333%; }
	.col-sm-3 	{ width: 25%; }
	.col-sm-2 	{ width: 16.666666666666664%; }
	.col-sm-1 	{ width: 8.333333333333332%; }
}