html,body{ padding:0; margin:0; font-family:Dinot_Regular, arial; font-size:13px;line-height:18px; text-align:left; }
a,img{ padding:0; margin:0; border:0; outline:0; vertical-align:top; text-decoration:none; }
ul, ul li, ol, ol li, form, input, textarea, label { padding:0; margin:0; list-style:none; border:0; }
p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal; }
input{ background:none; border:none; }
input[type=button], input[type=submit]{ cursor:pointer; border:0; }
input:focus{ outline: none; box-shadow:0px; }
.clear{ clear:both; }
/*-----Safari-----*/
@media only screen and (min-width : 0px) and (max-width : 640px) and (-webkit-min-device-pixel-ratio:0) {
input[type='text'],input[type='number'],textarea, .inputfocus {font-size:16px !important;}
}
-webkit-tap-highlight-color: rgba(0,0,0,0);
/*-----Safari-----*/
header, nav, section, article, aside, footer, hgroup{ display: block; }
/* [ EXTERNAL FONTS ] */
/* DIN OT - Regular */
@font-face {
font-family: 'Dinot_Regular';
src: url('../fonts/DINOT.eot');
src: url('../fonts/DINOT.eot') format('embedded-opentype'),
url('../fonts/DINOT.woff') format('woff'),
url('../fonts/DINOT.ttf') format('truetype'),
url('../fonts/DINOT.svg#DINOT') format('svg');
font-weight: normal;
font-style: normal;
}
/* DIN OT - Medium */
@font-face {
font-family: 'Dinot_Medium';
src: url('../fonts/DINOT-Medium.eot');
src: url('../fonts/DINOT-Medium.eot') format('embedded-opentype'),
url('../fonts/DINOT-Medium.woff') format('woff'),
url('../fonts/DINOT-Medium.ttf') format('truetype'),
url('../fonts/DINOT-Medium.svg#DINOT-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
/* DIN OT - Bold */
@font-face {
font-family: 'Dinot_Bold';
src: url('../fonts/DINOT-Bold.eot');
src: url('../fonts/DINOT-Bold.eot') format('embedded-opentype'),
url('../fonts/DINOT-Bold.woff') format('woff'),
url('../fonts/DINOT-Bold.ttf') format('truetype'),
url('../fonts/DINOT-Bold.svg#Dinot_Bold') format('svg');
font-weight: normal;
font-style: normal;
}
/* Rockwell - Light */
@font-face {
font-family: 'Rockwell_Light';
src: url('../fonts/rockwell_light.eot');
src: url('../fonts/rockwell_light.eot') format('embedded-opentype'),
url('../fonts/rockwell_light.woff') format('woff'),
url('../fonts/rockwell_light.ttf') format('truetype'),
url('../fonts/rockwell_light.svg#Rockwell_Light') format('svg');
font-weight: normal;
font-style: normal;
}
/* Rockwell - Regular */
@font-face {
font-family: 'Rockwell_Regular';
src: url('../fonts/rockwell_regular.eot');
src: url('../fonts/rockwell_regular.eot') format('embedded-opentype'),
url('../fonts/rockwell_regular.woff') format('woff'),
url('../fonts/rockwell_regular.ttf') format('truetype'),
url('../fonts/rockwell_regular.svg#Rockwell_Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/* Rockwell - Bold */
@font-face {
font-family: 'Rockwell_Bold';
src: url('../fonts/rockwell_bold.eot');
src: url('../fonts/rockwell_bold.eot') format('embedded-opentype'),
url('../fonts/rockwell_bold.woff') format('woff'),
url('../fonts/rockwell_bold.ttf') format('truetype'),
url('../fonts/rockwell_bold.svg#Rockwell_Bold') format('svg');
font-weight: normal;
font-style: normal;
}
/* [ /EXTERNAL FONTS ] */
/* Dinot_Bold */
.dinot-bold { font-family:"Dinot_Bold", Verdana, Geneva, sans-serif!important; }
/* Dinot_Regular */
.dinot-regular, .footer-nav { font-family:"Dinot_Regular", Verdana, Geneva, sans-serif!important; }
/* Dinot_Medium */
.dinot-medium, #profile_footer p.links a { font-family:"Dinot_Medium", Verdana, Geneva, sans-serif!important; }
/* Rockwell_Regular */
.rockwell-regular {font-family:Rockwell_Regular;}
/* Rockwell_Regular */
/* Rockwell_Bold */
.rockwell-bold{ font-family:Rockwell_Bold;}
/* Rockwell_Bold */
/* ARIAL */
.ff_arial, #profile_footer ul li a, #profile_footer ul li{font-family:Arial, Helvetica, sans-serif;}
/* Font-Size 8px */
.font-8 { font-size:8px;}
/* Font-Size 9px */
.font-9{ font-size:9px; }
/* Font-Size 10px */
.font-10{ font-size:10px; }
/* Font-Size 11px */
.font-11, .footer-nav, .copyright { font-size:11px; }
/* Font-Size 12px */
.font-12 { font-size:12px; }
/* Font-Size 13px */
.font_13 { font-size:13px; }
/* Font-Size 14px */
.font_14 { font-size: 14px; }
/* Font-Size 15px */
.font-15{ font-size:15px; }
/* Font-Size 16px */
.font-16{ font-size:16px; }
/* Font-Size 18px */
.font-18{ font-size:18px; }
/* Font-Size 22px */
.font-22{ font-size:22px; }
/* Color Black */
.color-black{ color:#000000;}
h1, h2, h3, h4, h5, h6{ font-family:Dinot_Medium; color:#9d9d9d; }
/* [ GENERAL STYLES ] */
h1{ font-size:18px; }
h2{ font-size:18px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:12px; }
h6{ font-size:10px; }
a { text-decoration:none; color:#58b5ee; }
a:hover { text-decoration:none; cursor:pointer; color:#0080e2; }
/* [ /GENERAL STYLES ] */
.float-l, .footer-top, .footer-logo, .footer-social > a, .footer-social > a > i { float:left; position:relative; }
.float-r, .footer-social { float:right; }
.float-0{ float:none; }
.bold { font-weight: bold !important; }
.italic-font{ font-style: italic; }
a, a > span, span, .button_submit, .btn_yellow, .btn_green{
transition-property:all;
transition-duration:0.2s;
transition-timing-function:ease;
transition-delay:0s;
/* Safari */
-webkit-transition-property:all;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:ease;
-webkit-transition-delay:0s;
}
.desktop-only{ display:inline; }
.desktop-none{ display:none; }
.tab-only{ display:none; }
.mobile-only{ display:none; }
.mobile-none{ display:block; }
.d-block{ display: block !important;}
.fa{ background-image:none !important;}
.pos-rel{ position:relative; float:none; }
.pos-center{ position:absolute; left:50%; }
.width-5{ width:5%; }
.width-10{ width:10%; }
.width-15{ width:15%; }
.width-20{ width:20%; }
.width-25{ width:25%; }
.width-30{ width:30%; }
.width-35{ width:35%; }
.width-40{ width:40%; }
.width-45{ width:45%; }
.width-50{ width:50%; }
.width-55{ width:55%; }
.width-60{ width:60%; }
.width-65{ width:65%; }
.width-70{ width:70%; }
.width-75{ width:75%; }
.width-80{ width:80%; }
.width-85{ width:85%; }
.width-90{ width:90%; }
.width-95{ width:95%; }
.width-100 { width:100%; float:left; }
.padding-bottom-10{ padding-bottom: 10px !important;}
.margin-bottom-10{ margin-bottom: 10px !important; }
img{max-width:100%;}
.zindex-1{z-index:1; position:relative;}
.zindex-2 {z-index:2; position:relative;}
.button_submit, .btn_yellow, .btn_green, .btn_active, .button_cancels { box-shadow: 0 2px 0 #f5b800 !important; font-size:12px; color:#ffffff !important; background:#ffd500 !important; border: 0 none; border-radius: 4px; cursor: pointer; height: 34px; line-height: 34px; outline: 0 none; padding: 0 12px; text-decoration: none !important; text-transform: uppercase; cursor: pointer;}
.button_submit:hover, .btn_yellow:hover{background:#f6c61d !important; box-shadow: 0 2px 0 #d7aa0d !important;}
.btn_green, .btn_active{ background:#8ec640 !important; box-shadow:0 2px 0 #73a234 !important;}
.btn_green:hover, .btn_active:hover{ background:#78ad2f !important; box-shadow: 0 2px 0 #57831d !important;}
.no-border { border:none !important; }
.border-bottom { border-bottom:1px solid #c7c7c7; width:100%; padding:0px 0px 6px 0px; float: left;}
.txt-uppr, h1, h2, h3, h4, h5, h6{ text-transform:uppercase; }
.txtalign-l{ text-align:left;}
.txtalign-r{ text-align:right;}
.txtalign-c, .copyright, i, .compet-title{ text-align:center;}
.txtalign-jst{ text-align:justify;}
.valign-par{ display:table;}
.valign-ch{ display:table-cell; vertical-align:middle; }
.display_table, .display-table{ display: table; }
.display-table-cell{ display: table-cell;}
.v-align-middle{ vertical-align: middle; }
.menu-footer{width:100%; margin:20px 0px 0px 0px; float:left; padding:0px 0px 20% 0px;}
@media only screen and (min-width : 0px) and (max-width : 1024px) {
.desktop-only{ display:none !important; }
.desktop-none{ display:inline-block !important; }
}
@media only screen and (min-width : 641px) and (max-width : 1024px) {
.tab-only{ display:block !important; }
}
@media only screen and (min-width : 0px) and (max-width : 640px) {
.mobile-only{ display:block !important; }
}
.page-container .resp_container .resp_gutters{ float: left; width: 100%; padding: 0 0 100px 0;}
/*------------------------- Non Login Footer -------------------------*/
#profile_footer { background-color: #e0e0e0; clear: both; overflow: hidden; padding: 35px 0 40px;}
.footer_logo{text-align:center;}
.footer_content > p.links { color: #d1d1d1; padding: 15px 0; text-align: center; line-height: 27px; font-size: 16px;}
.footer_content > p.links > a { color: #bb572d; padding: 0 5px; font-size:20px;}
.footer_content > ul.links { float: left; width: 100%; text-align: center; margin: 0 auto; clear: both; padding: 0px 0 20px 0;}
.footer_content > ul.links > li { border-right: 1px solid #979797; display: inline; font-size:11px;}
.footer_content > ul.links > li:last-child{ border:none; padding:0px 10px 0 8px;}
.footer_content > ul.links > li, .footer_content > ul.links > li a { color: #979797;}
.footer_content > ul.links > li > a { color: #979797; padding: 0 10px 0 8px;}
.footer_content > ul.links > li > a:hover{color:#000000;}
.footer_content > ul.social { clear: both; float: left; margin: 0 auto; text-align: center; width: 100%;}
.footer_content > ul.social > li { border-right: medium none; display: inline-block; margin-right: 6px; width:30px; height:30px; text-align:center; font-size:20px;}
ul.social > li.footer-linked{ background:#017bb3;}
ul.social > li.footer-twitter{ background:#5eaadd;}
ul.social > li.footer-fb{ background:#20569c;}
ul.social > li.footer-gplus{ background:#de4932;}
ul.social > li.footer-rss{ background:#f26b27;}
.footer_content > ul.social > li > a{ width:30px; height:30px; float:left; opacity:1; color:#ffffff; line-height:28px;}
.footer_content > ul.social > li > a:hover{opacity:0.5;}
/*------------------------- Non Login Footer -------------------------*/
.footer-logo-container{ margin: 0 auto; max-width: 1100px; float: none; display: table; }
i.comp-graph{ width: 35px; height: 50px; display: block; margin: 6px 4px 0px 5px; color:#01B1F0; font-size: 42px !important;float: left; }
.text-comp-graph{ color: #65b1ea; position: relative; top: -4px; }
#profile_footer .footer_logo { max-width: 150px !important; height: auto !important; text-indent: -9999px; margin: 0 auto; display: block; clear: both; }
.footer-owler-logo-section, .text-competitive-graph-section{ display: table-cell; vertical-align: middle; }
.text-competitive-graph-section{ vertical-align: bottom; position: relative; bottom: -5px; padding-left: 5px; }
.footer_content ul.links li a{ position: relative; top: 2px; }
@media only screen and (min-width : 0px) and (max-width : 640px) {
.footer-owler-logo-section, .text-competitive-graph-section{ display: block; width: 100%; }
.text-competitive-graph-section{ padding-left: 0; padding-top: 5px; }
.footer_content > p.links{ padding: 15px 0px 7px 0px; }
.footer_content > ul.links{ line-height: 18px; }
#profile_footer{ padding: 30px 0px; }
#profile_footer p.links a{ font-size: 16px !important; }
}
footer{ padding: 0; margin: 0; bottom: 0; border: 0; display: block; }
#profile_footer ul.social li a { float: left; display: inline-block; }
#profile_footer ul.social li a:hover{ opacity: 0.9; }
#profile_footer ul.social li{ background: transparent; margin-right: 6px; }
#profile_footer ul.social li .ico{ background-color: #FFF !important; width: 30px; height: 30px; float: left; position: relative; z-index: 1; text-indent: 0; }
#profile_footer ul.social li .ico.olr-icon-linkedin{ color: #007ab1; font-size: 30px; }
#profile_footer ul.social li .ico.olr-icon-twitter{ color: #79a7da; font-size: 30px; }
#profile_footer ul.social li .ico.olr-icon-facebook{ color: #3a5899; font-size: 30px; }
#profile_footer ul.social li .ico.olr-icon-googleplus{ color: #c24a36; font-size: 30px; }