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