/* Global */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
table {border-collapse: collapse;border-spacing: 0; width:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {margin: 20px 0 20px 15px;/*list-style: none;*/}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}


b {font-weight: bolder;}
strong {font-weight: bolder;}
.clear {clear:both;}

/* Table  */
/* Font Style */
.Uppercase {text-transform:uppercase;}

/* Percentages */
.full_width{width:98%; margin:1%; float:left;}
.one_half{width:48%; margin:1%; float:left;}
.one_third{width:31.33333%; margin:1%; float:left;}
.two_third{width:64.66666%; margin:1%; float:left;}
.one_fourth{width:23%; margin:1%; float:left;}
.two_fourth{width:48%; margin:1%; float:left;} /*----Same as one_half ---*/
.three_fourth{width:73%; margin:1%; float:left;}
.one_fifth{width:18%; margin:1%; float:left;}
.two_fifth{width:38%; margin:1%; float:left;}
.three_fifth{width:58%; margin:1%; float:left;}
.four_fifth{width:78%; margin:1%; float:left;}
.one_sixth{width:14.66666%; margin:1%; float:left;}
.two_sixth{width:31.33333%; margin:1%; float:left;} /*----Same as one_third ---*/
.three_sixth{width:47.99999%; margin:1%; float:left;}
.four_sixth{width:64.66666%; margin:1%; float:left;}
.five_sixth{width:81.33333%; margin:1%; float:left;}
.one_tenth{width:3.33333%; margin:1%; float:left;}

.full_width_nogutter{width:100%; margin:0%; float:left;}
.one_half_nogutter{width:50%; margin:0%; float:left;}
.one_third_nogutter{width:33.33333%; margin:0%; float:left;}
.two_third_nogutter{width:66.66666%; margin:0%; float:left;}
.one_fourth_nogutter{width:25%; margin:0%; float:left;}
.two_fourth_nogutter{width:50%; margin:0%; float:left;} /*----Same as one_half ---*/
.three_fourth_nogutter{width:75%; margin:0%; float:left;}
.one_fifth_nogutter{width:20%; margin:0%; float:left;}
.two_fifth_nogutter{width:40%; margin:0%; float:left;}
.three_fifth_nogutter{width:60%; margin:0%; float:left;}
.four_fifth_nogutter{width:80%; margin:0%; float:left;}
.one_sixth_nogutter{width:16.66666%; margin:0%; float:left;}
.two_sixth_nogutter{width:33.33333%; margin:0%; float:left;} /*----Same as one_third ---*/
.three_sixth_nogutter{width:49.99999%; margin:0%; float:left;}
.four_sixth_nogutter{width:66.66666%; margin:0%; float:left;}
.five_sixth_nogutter{width:83.33333%; margin:0%; float:left; }


/* Padding */
.pad-all-2 {padding:2px;}
.pad-all-5 {padding:5px;}
.pad-all-10 {padding:10px;}
.pad-all-15 {padding:15px;}
.pad-all-20 {padding:20px;}
.pad-all-30 {padding:30px;}
.pad-all-40 {padding:40px;}
.pad-all-50 {padding:50px;}
.pad-all-60 {padding:60px;}
.pad-all-70 {padding:70px;}
.pad-all-80 {padding:80px;}
.pad-all-90 {padding:90px;}
.pad-all-100 {padding:100px;}

.pad-tp-2 {padding-top:2px;}
.pad-tp-5 {padding-top:5px;}
.pad-tp-10 {padding-top:10px;}
.pad-tp-15 {padding-top:15px;}
.pad-tp-20 {padding-top:20px;}
.pad-tp-30 {padding-top:30px;}
.pad-tp-40 {padding-top:40px;}
.pad-tp-50 {padding-top:50px;}
.pad-tp-60 {padding-top:60px;}
.pad-tp-70 {padding-top:70px;}
.pad-tp-80 {padding-top:80px;}
.pad-tp-90 {padding-top:90px;}
.pad-tp-100 {padding-top:100px;}

.pad-rt-2 {padding-right:2px;}
.pad-rt-5 {padding-right:5px;}
.pad-rt-10 {padding-right:10px;}
.pad-rt-15 {padding-right:15px;}
.pad-rt-20 {padding-right:20px;}
.pad-rt-30 {padding-right:30px;}
.pad-rt-40 {padding-right:40px;}
.pad-rt-50 {padding-right:50px;}
.pad-rt-60 {padding-right:60px;}
.pad-rt-70 {padding-right:70px;}
.pad-rt-80 {padding-right:80px;}
.pad-rt-90 {padding-right:90px;}
.pad-rt-100 {padding-right:100px;}

.pad-bt-2 {padding-bottom:2px;}
.pad-bt-5 {padding-bottom:5px;}
.pad-bt-10 {padding-bottom:10px;}
.pad-bt-15 {padding-bottom:15px;}
.pad-bt-20 {padding-bottom:20px;}
.pad-bt-30 {padding-bottom:30px;}
.pad-bt-40 {padding-bottom:40px;}
.pad-bt-50 {padding-bottom:50px;}
.pad-bt-60 {padding-bottom:60px;}
.pad-bt-70 {padding-bottom:70px;}
.pad-bt-80 {padding-bottom:80px;}
.pad-bt-90 {padding-bottom:90px;}
.pad-bt-100 {padding-bottom:100px;}

.pad-lf-2 {padding-left:2px;}
.pad-lf-5 {padding-left:5px;}
.pad-lf-10 {padding-left:10px;}
.pad-lf-15 {padding-left:15px;}
.pad-lf-20 {padding-left:20px;}
.pad-lf-30 {padding-left:30px;}
.pad-lf-40 {padding-left:40px;}
.pad-lf-50 {padding-left:50px;}
.pad-lf-60 {padding-left:60px;}
.pad-lf-70 {padding-left:70px;}
.pad-lf-80 {padding-left:80px;}
.pad-lf-90 {padding-left:90px;}
.pad-lf-100 {padding-left:100px;}


/* Margins */
.mar-all-2 {margin:2px;}
.mar-all-5 {margin:5px;}
.mar-all-10 {margin:10px;}
.mar-all-15 {margin:15px;}
.mar-all-20 {margin:20px;}
.mar-all-30 {margin:30px;}
.mar-all-40 {margin:40px;}
.mar-all-50 {margin:50px;}
.mar-all-60 {margin:60px;}
.mar-all-70 {margin:70px;}
.mar-all-80 {margin:80px;}
.mar-all-90 {margin:90px;}
.mar-all-100 {margin:100px;}

.mar-tp-5 {margin-top:2px;}
.mar-tp-5 {margin-top:5px;}
.mar-tp-10 {margin-top:10px;}
.mar-tp-15 {margin-top:15px;}
.mar-tp-20 {margin-top:20px;}
.mar-tp-30 {margin-top:30px;}
.mar-tp-40 {margin-top:40px;}
.mar-tp-50 {margin-top:50px;}
.mar-tp-60 {margin-top:60px;}
.mar-tp-70 {margin-top:70px;}
.mar-tp-80 {margin-top:80px;}
.mar-tp-90 {margin-top:90px;}
.mar-tp-100 {margin-top:100px;}

.mar-rt-2 {margin-right:2px;}
.mar-rt-5 {margin-right:5px;}
.mar-rt-10 {margin-right:10px;}
.mar-rt-15 {margin-right:15px;}
.mar-rt-20 {margin-right:20px;}
.mar-rt-30 {margin-right:30px;}
.mar-rt-40 {margin-left:40px;}
.mar-rt-50 {margin-left:50px;}
.mar-rt-60 {margin-left:60px;}
.mar-rt-70 {margin-left:70px;}
.mar-rt-80 {margin-left:80px;}
.mar-rt-90 {margin-left:90px;}
.mar-rt-100 {margin-left:100px;}

.mar-bt-2 {margin-bottom:2px;}
.mar-bt-5 {margin-bottom:5px;}
.mar-bt-10 {margin-bottom:10px;}
.mar-bt-15 {margin-bottom:15px;}
.mar-bt-20 {margin-bottom:20px;}
.mar-bt-30 {margin-bottom:30px;}
.mar-bt-40 {margin-bottom:40px;}
.mar-bt-50 {margin-bottom:50px;}
.mar-bt-60 {margin-bottom:60px;}
.mar-bt-70 {margin-bottom:70px;}
.mar-bt-80 {margin-bottom:80px;}
.mar-bt-90 {margin-bottom:90px;}
.mar-bt-100 {margin-bottom:100px;}

.mar-lf-2 {margin-left:2px;}
.mar-lf-5 {margin-left:5px;}
.mar-lf-10 {margin-left:10px;}
.mar-lf-15 {margin-left:15px;}
.mar-lf-20 {margin-left:20px;}
.mar-lf-30 {margin-left:30px;}
.mar-lf-40 {margin-left:40px;}
.mar-lf-50 {margin-left:50px;}
.mar-lf-60 {margin-left:60px;}
.mar-lf-70 {margin-left:70px;}
.mar-lf-80 {margin-left:80px;}
.mar-lf-90 {margin-left:90px;}
.mar-lf-100 {margin-left:100px;}


/*---------------MEDIA QUERIES---------------*/
@media (max-width: 3000px) 
{
.heroContainer { width: 100%; margin: auto;}
.container {width: 60%; margin-left: 20%; margin-right: 20%;}
.container_right {width: 5%; margin-left: 10px; margin-right: 10px; }
}

@media (max-width: 1600px) {
.hero {background-position:40% 29%!important;}
.heroContainer { width: 100%; margin: auto;}
.container {width: 70%; margin-left: 15%; margin-right: 15%;}
.container_right {width: 5%; margin-left: 10px; margin-right: 10px; }
}

@media (max-width: 1200px) {
.hero {background-position:50% 29%!important;}
.heroContainer { width: 100%; margin: auto;}
.container {width: 80%; margin-left: 10%; margin-right: 10%;}
.container_right {width: 5%; margin-left: 10px; margin-right: 10px; }
}

@media (max-width: 992px) {
.hero {background-position:60% 29%!important;}
.tile_footer .one_third {width:40%; margin:1%; padding-top:10px;}
.container {width: 80%; margin-left: 10%; margin-right: 10%;}
.info .col_account.one_third {width:98%; margin:1%; padding-bottom:50px;}
.info .col_login.one_third, .info .col_password.one_third {width:48%; margin:1%; padding-bottom:50px;}
.my_profile.one_half {width:98%; margin:1%;}
}

@media (max-width: 768px) {
.hero {background-position:70% 29%!important;}
.container {width: 90%; margin-left: 5%; margin-right: 5%;}
.hero_tile {min-height:180px!important;}
.tile_footer .one_third {width:100%; margin:0%; padding-top:10px;}
.info .one_third {width:100%!important; margin:0%!important; padding-bottom:50px!important;}
.main-footer .align-right {text-align:left;}
.navigation li {padding:0 30px 0 0!important;}
.my_profile.one_half {width:98%; margin:1%;}
}