@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}
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;}

body, html {
    color: #353535;
    background: #eef4f8;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
}

/* -- Responsive Images -- */
img { max-width: 100%;}

a { color:#747c7e; text-decoration:none}
a:hover {color:#666666; text-decoration: none;}

h1 { font:normal 28px/40px 'great_vibesregular', Arial, Helvetica, sans-serif; margin-bottom:5px;}
h2 { font:normal 26px/28px 'Georgia', Arial, Helvetica, sans-serif; margin-bottom:15px; color: #272727;}
h3 { font:normal 19px/26px 'Georgia', Arial, Helvetica, sans-serif; margin-bottom:5px; color: #494949;}
h4 { font:normal 23px/36px 'Georgia', Arial, Helvetica, sans-serif; margin-bottom:20px; color: #272727;}
h5 { font:normal 14px/30px 'Georgia', Arial, Helvetica, sans-serif; margin-bottom:5px;}
h6 { font:bold 13px/20px Arial, Helvetica, sans-serif; margin-bottom:5px;}

p { font:normal 13px/20px Arial, Helvetica, sans-serif; margin-bottom:16px;}

ul { list-style:none;}
ul li, ol li { margin-bottom:3px;} 
/* -- End common element styles -- */

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 -- */
@font-face {
    font-family: 'great_vibesregular';
    src: url('fonts/greatvibes-regular_0-webfont.eot');
    src: url('fonts/fonts/fonts/fonts/greatvibes-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/greatvibes-regular_0-webfont.svg#great_vibesregular') format('svg');
         url('fonts/fonts/fonts/greatvibes-regular_0-webfont.woff') format('woff'),
         url('fonts/fonts/greatvibes-regular_0-webfont.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Georgia';
    src: url('fonts/georgia.eot');
    src: url('fonts/georgia.eot') format('embedded-opentype'),
         url('fonts/georgia.woff') format('woff'),
         url('fonts/georgia.ttf') format('truetype'),
         url('fonts/georgia.svg#GeorgiaRegular') format('svg');
}


/* -- ============== Custom Styles  =============== -- */
.left{float: left;}
.right{float: right;}
.center {display: table; margin: 0 auto}

/* -- Table Layout styles -- */
.table { display:table; width:100%;}
.table-row { display:table-row; width:100%;}
.table-cell { display:table-cell; vertical-align:top;}
ul.table-row li {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;}

/*--- 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!important;}
.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-b60 { padding-bottom:60px;}
.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;}

.padding-b60-t40 { padding-bottom:60px; padding-top: 40px;}

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

