@charset "utf-8";
/* CSS Document */
/* apply a natural box layout model to all elements  */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline-style:none; outline-width:inherit; outline-color:none;}
::selection{color:#fff;background-color:#EC3D3D;text-shadow:none}::-moz-selection{color:#fff;background-color:#EC3D3D;}
/* -- Common element styles -- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none; padding-left:5px ; padding-right:5px;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #efefef;margin:20px 0;padding:0}
input,select{vertical-align:middle}

/* -- Place holder -- */
::-webkit-input-placeholder { font-style:inherit; color:#999;}
:-moz-placeholder { /* Firefox 18- */ 
	font-style:italic; color:#999;}
::-moz-placeholder {  /* Firefox 19+ */ 
   font-style:italic; color:#999; }
:-ms-input-placeholder {  font-style:italic; color:#999;}


a { color:#74a732; text-decoration:none}
a:hover {color:#416414}

h1 { font:300 24px/36px 'Roboto', sans-serif;}
h2 { font:300 18px/30px Arial, Helvetica, sans-serif; margin-bottom:5px;}
h3 { font:300 18px/26px 'Roboto', sans-serif; margin-bottom:5px; color: #282828;} 
h4 { font:400 16px/22px 'Roboto', sans-serif; margin-bottom:5px; color: #282828;}
h4 a{ font:300 16px/22px 'Roboto', sans-serif; margin-bottom:5px; color: #282828;}
h5 { font:400 16px/20px Arial, Helvetica, sans-serif; margin-bottom:5px; color:#72c20e}
h6 { font:400 13px/18px Arial, Helvetica, sans-serif; margin-bottom:5px;}

body { font:400 14px/24px  'Open Sans', sans-serif; color: #666;}
p { font:400 14px/24px  'Open Sans', sans-serif; margin-bottom:12px;}
strong { font-family: 'Open Sans', sans-serif; font-weight: 400; }
ul { list-style:none;}
ul li, ol li { margin-bottom:3px;} 
/* -- End common element styles -- */

/* Responsive Image -- */
img { max-width: 100%; height: auto;}

input:focus, select:focus, textarea:focus {outline: inherit;}

/* -- Clearfix copied from Bootstrap -- */
.clearfix {  *zoom: 1;}
.clearfix:before, .clearfix:after { display: table;  content: "";}
.clearfix:after {  clear: both;}

/* --- Font face -- */

/* -- ============== Custom Styles  =============== -- */

/* -- Table Layout styles -- */
.table { display:table; width:100%;}
.table-row { display:table-row; width:100%;}
.table-cell { display:table-cell; vertical-align:top;}

/* -- Styles for block and inline block -- */
.block { display:block;}
.in-block { display:inline-block} 

/* -- Various font styles -- */ 
.large { font-size:16px; line-height:24px;}
.small { font-size:11px;}
.light { font-weight:normal;}
.x-large { font-size:24px;}

/* -- Relative position -- */
.pos-rel { position:relative;}

/* -- Text Align -- */
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-left {text-align: left;}

/*--- Align Vertical -- */
.valign-top { vertical-align:top; display:inline-block}
.valign-middle { vertical-align:middle; display:inline-block}
.valign-bottom { vertical-align:bottom; display:inline-block}

/* -- Disabled font size -- */
.disabled {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	width: 100%; 
		
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

/* -- Webkit Custom scroll abr -- */
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background:#dcdcdc;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
	
    background: rgb(0, 0, 0); 
	border:1px solid #fff;
	
}


/* ---- Full width floated div -- */
.full-width { width:100%; float:left;}

/* -- =============== Custom margins Margins =================== -- */

/* -- Align Left or Right Based on Margin -- */
.margin-left { margin-left:auto; display:table !important;}
.margin-right { margin-right:auto; display:table !important;}

/* -- ZeroMargins -- */
.margin-0 { margin:0;}
.margin-t0 { margin-top:0 !important;}
.margin-b0 { margin-bottom:0 !important;}
.margin-l0 { margin-left:0 !important;}
.margin-r0 { margin-right:0 !important;} 

.margin-5 { margin:5px;}
.margin-10 { margin:10px;}
.margin-15 { margin:15px;}
.margin-20 { margin:20px;}

/* -- Margin Left and right -- */
.margin-lr5 { margin-left :5px; margin-right:5px;}
.margin-lr10 { margin-left:10px; margin-right:10px;}
.margin-lr15 { margin-left:15px; margin-right:15px;}
.margin-lr20 { margin-left:20px; margin-right:20px;}
.margin-lr25 { margin-left:25px; margin-right:25px;}
.margin-lr30 { margin-left:30px; margin-right:30px;}

/* -- MArgin top and bottom -- */
.margin-tb5 { margin-top:5px; margin-bottom:5px;}
.margin-tb10 { margin-top:10px; margin-bottom:10px;}
.margin-tb15 { margin-top:15px; margin-bottom:15px;}
.margin-tb20 { margin-top:20px; margin-bottom:20px;}
.margin-tb25 { margin-top:25px; margin-bottom:25px;}
.margin-tb30 { margin-top:30px; margin-bottom:30px;}
.margin-tb40 { margin-top:40px; margin-bottom:40px;}
.margin-tb50 { margin-top:50px; margin-bottom:50px;}

/* -- Margin Top -- */
.margin-t5 { margin-top:5px;}
.margin-t10 { margin-top:10px;}
.margin-t15 { margin-top:15px;}
.margin-t20 { margin-top:20px;}
.margin-t25 { margin-top:25px;}
.margin-t30 { margin-top:30px;}
.margin-t40 { margin-top:40px;}
.margin-t50 { margin-top:50px;}
.margin-t60 { margin-top:60px;}
.margin-t120 { margin-top:120px;}

/* -- Margin Bottom -- */
.margin-b5 { margin-bottom:5px;}
.margin-b10 { margin-bottom:10px;}
.margin-b15 { margin-bottom:15px;}
.margin-b20 { margin-bottom:20px;}
.margin-b25 { margin-bottom:25px;}
.margin-b30 { margin-bottom:30px;}
.margin-b40 { margin-bottom:40px;}
.margin-b50 { margin-bottom:50px;}

/* --  ======== Padding ======= -- */

.padding-0 { padding:0 !important;}
.padding-lr0 { padding-left:0 !important; padding-right:0 !important;}
.padding-tb0 {padddin-top:0; padding-bottom:0;}
.padding-b0 { padding-bottom:0 !important;} 
.padding-t0 { padding-top:0 !important;} 
.padding-l0 { padding-left:0 !important;} 
.padding-b0 { padding-right:0 !important;} 

.padding-5 { padding:5px;}
.padding-10 { padding:10px;}
.padding-15 { padding:15px;}
.padding-20 { padding:20px;}
.padding-25 { padding:25px;}
.padding-30 { padding:30px;}
.padding-40 { padding:40px;}
.padding-50 { padding:50px;}

.padding-lr5 { padding-left:5px; padding-right:5px;}
.padding-lr10 { padding-left:10px; padding-right:10px;}
.padding-lr15 { padding-left:15px; padding-right:15px;}
.padding-lr20 { padding-left:20px; padding-right:20px;}
.padding-lr50 { padding-left:50px; padding-right:50px;}
.padding-lr60 { padding-left:60px; padding-right:60px;}
.padding-lr80 { padding-left:80px; padding-right:80px;}

.padding-tb5 { padding-top:5px !important; padding-bottom:5px !important;}
.padding-tb10 { padding-top:10px !important; padding-bottom:10px !important;}
.padding-tb15 { padding-top:15px !important; padding-bottom:15px !important;}
.padding-tb20 { padding-top:20px !important; padding-bottom:20px !important;}
.padding-tb25 { padding-top:25px !important; padding-bottom:25px !important;}
.padding-tb30 { padding-top:30px !important; padding-bottom:30px !important;}
.padding-tb40 { padding-top:40px !important; padding-bottom:40px !important;}
.padding-tb50 { padding-top:50px !important; padding-bottom:50px !important;}

/*.btn { cursor: url('../img/pointer.png') 10 5, move;}*/