body { font-family: Open Sans, Helvetica, Arial, sans-serif; color: #333333; background-color: #ffffff; font-size: 14px; line-height: 21px; margin: 0; } /* Mobile */ @media (max-width: 767px) { body { padding-left: 0!important; padding-right: 0!important; } } a { color: #1CA0D6; text-decoration: none; } a:hover, a:focus { color: #aeaeb2; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: Open Sans, Helvetica, Arial, sans-serif; font-weight: 300!important; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; } p { margin: 0 0 10px; } hr { margin: 20px 0; border: 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #fff; border: #DDDDDD -moz-use-text-color #FFFFFF !important; } img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* 2. HEADER ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #fav-containerwrap { background: url('../images/wood_pattern.png') repeat ; } #fav-container { background-color: #fff; margin-top: 9px; margin-bottom: 9px; -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.47); -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.47); box-shadow: 0 0 6px 0 rgba(0,0,0,.47); } #fav-headerwrap { margin-bottom: 9px; padding-top: 7px; padding-bottom: 30px; border-bottom: 1px solid #ddd; } /* Mobile */ @media handheld, only screen and (max-width: 768px) { #fav-header { padding-top: 20px; } } /* LOGO ---------------------------------------------------------------------------- */ #fav-logo { height: 100%; margin: 0; padding: 22px 0 0; text-align: left ; } #fav-logo h1 { margin: 0; } .defaultLogo, .mediaLogo { display: block; padding: 0; margin: 0; } .textLogo { color: #111; font-size: 40px; padding: 10px 0; margin: 10px 0; line-height: 30px; } .slogan { color: #777; font-size: 14px; line-height: 21px; padding: 0; margin: 0; } .showRetinaLogo { display: none; } /* Mobile */ @media (max-width: 1199px) { .row #fav-logo { width: 100%; padding-top: 0; } #fav-logo { text-align: center; float: none; width: 100%; } } @media handheld, only screen and (max-width: 768px) { #fav-logo { margin-top: 0; padding-top: 0; } #fav-logo.span3 { margin-bottom: 0; } } /* NAVIGATION ---------------------------------------------------------------------------- */ #fav-nav { z-index: 100; position: relative; float: right; } #fav-nav .moduletable { background: none; overflow: visible; margin: 0; } #fav-nav .moduletable ul.nav.menu { float:right; } #fav-nav .moduletable ul.nav.menu li, #fav-nav .moduletable ul.nav.menu li li, #fav-nav .moduletable ul.nav.menu li li li, #fav-nav .moduletable ul.nav.menu li li li li { line-height: 20px; padding-left: 0; } #fav-nav .navigation { margin-top: 26px; } #fav-nav .navigation li a { color: #777; padding: 14px 21px; margin: 0 0 0 14px; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } #fav-nav .navigation li a:before { content: none; } #fav-nav .navigation .nav-pills > .active > a, #fav-nav .navigation .nav-pills > li > a:hover { background-color: #0099FF; color: #fff; text-decoration: none; } .navigation .nav-pills { margin-bottom: 0; } /* Subnav */ .navigation ul.nav-child { position: absolute; left: 10px; z-index: 1000; display: none; min-width: 200px; padding: 5px 0; margin: 0; list-style: none; background-color: #fff; border: 1px solid #ddd; *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .navigation ul.nav > li { position: relative; float: left; } .navigation ul.nav > li:hover > .nav-child, .navigation ul.nav > li > a:focus + .nav-child, .navigation ul.nav-child li:hover > ul { display: block; } #fav-nav .nav-pills ul.nav-child li > ul { margin: -38px 0 0 190px; padding: 0; } .navigation ul.nav-child a { display: block; clear: both; color: #333; font-size: 14px; padding: 3px 20px; font-weight: normal; line-height: 2em!important; white-space: nowrap; } #fav-nav .navigation .nav-pills .nav-child { padding-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #fav-nav .navigation .nav-pills .nav-child a { margin: 0; padding: 4px 20px; font-size: 14px; border-top: none!important; border-bottom: 1px solid #ddd; } #fav-nav .navigation .nav-pills .nav-child > .active > a, #fav-nav .navigation .nav-pills .nav-child > li > a:hover { text-decoration: none; color: #0099ff; } .navigation .nav-child.pull-right { right: 0; left: auto; } .navigation .nav-child .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .navigation .nav-child:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0,0,0,0.2); content: ''; } .navigation .nav-child:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .navigation .nav-child li > ul:before { top: 10px; left: -7px; border-left: none; border-bottom: 7px solid transparent; border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent; } .navigation .nav-child li > ul:after { top: 11px; left: -6px; margin-top: 0; border-left: none; border-top: 6px solid transparent; border-right: 6px solid #fff; border-bottom: 6px solid transparent; } /* Mobile */ @media (min-width: 1200px) { #fav-nav-sm { display: none; } } @media (min-width: 768px) and (max-width: 1199px) { #fav-nav-sm { border-bottom: 1px solid #ddd; } #fav-header #fav-nav { display: none; } #fav-nav-sm #fav-nav { padding: 7px 0px 16px; float: none; } #fav-nav-sm .moduletable ul.nav.menu { float: none; } #fav-nav-sm .navigation { display: table; margin: 0 auto; } #fav-nav-sm .navigation .nav-pills { margin-top: 0; } } /* Mobile */ @media (min-width: 768px) and (max-width: 979px) { #fav-nav-sm .navigation li a { padding: 10px; } } @media (min-width: 768px) { #fav-navbar { display: none; } } /* IE */ .lt-ie9 #fav-navbar, .lt-ie9 #fav-nav-sm { display: none; } .lt-ie9 #fav-header { position: relative; z-index: 9999; } .lt-ie9 .navigation ul.nav-child { padding-top: 0; } .lt-ie9 .navigation ul.nav-child a:hover { background-color: #fff; } /* Navbar for mobile view ---------------------------------------------------------------------------- */ @media handheld, only screen and (max-width: 767px) { #fav-nav { display: none; } /* Navbar */ #fav-navbar .moduletable { margin: 0; padding: 7px 0 0; } #fav-navbar .navbar { margin-bottom: 0; } #fav-navbar .navbar-inner { padding: 0; } #fav-navbar a.btn.btn-navbar { margin-bottom: 0; border-width: 1px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) } /* Navbar collapse */ #fav-navbar-collapse .moduletable ul li, #fav-navbar-collapse ul { background: none; float: none; padding: 0; margin: 0; } #fav-navbar-collapse li a { padding-left: 14px; } #fav-navbar-collapse li li a { padding-left: 28px; } #fav-navbar-collapse li li li a { padding-left: 42px; } #fav-navbar-collapse li li li li a { padding-left: 56px; } #fav-navbar-collapse li li li li li a { padding-left: 70px; } #fav-navbar-collapse a { display: block; padding: 4px 14px 2px; font-size: 14px; line-height: 2em; font-weight: normal; text-decoration: none; margin: 0; } #fav-navbar-collapse a:before { font-family: FontAwesome; content: "\f105"; padding-left: 10px; padding-top: 0; float: right; font-size: 15px; line-height: 2em; font-weight: normal; } .navbar-inverse .nav .active > a, .navbar .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar .nav .active > a:hover, .navbar-inverse .nav .active > a:focus, .navbar .nav .active > a:focus { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Navbar Light */ div.navbar #fav-navbar-collapse li a:hover, div.navbar #fav-navbar-collapse li li a:hover, div.navbar #fav-navbar-collapse li li li a:hover, div.navbar #fav-navbar-collapse li li li li a:hover, div.navbar #fav-navbar-collapse li a:focus, div.navbar #fav-navbar-collapse li li a:focus, div.navbar #fav-navbar-collapse li li li a:focus, div.navbar #fav-navbar-collapse li li li li a:focus, div.navbar #fav-navbar-collapse li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li[class*=" item-"].current.active, div.navbar #fav-navbar-collapse li li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active, div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active, div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active, div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active { background-color: #eee!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.navbar #fav-navbar-collapse li li:hover, div.navbar #fav-navbar-collapse li li li:hover, div.navbar #fav-navbar-collapse li li li li:hover { background: none; } div.navbar #fav-navbar-collapse li { border-top: 1px solid #ddd; } div.navbar #fav-navbar-collapse a { color: #444; } div.navbar #fav-navbar-collapse a:before { color: #aaa; } div.navbar #fav-navbar-collapse li a:hover:before, div.navbar #fav-navbar-collapse li[class^="item-"].current.active a:before, div.navbar #fav-navbar-collapse li[class*=" item-"].current.active a:before, div.navbar #fav-navbar-collapse li li[class^="item-"].current.active a:before, div.navbar #fav-navbar-collapse li li[class*=" item-"].current.active a:before, div.navbar #fav-navbar-collapse li li li[class^="item-"].current.active a:before, div.navbar #fav-navbar-collapse li li li[class*=" item-"].current.active a:before, div.navbar #fav-navbar-collapse li li li li[class^="item-"].current.active a:before, div.navbar #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before { color: #777; } div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul, div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul { color: #333; background-color: #fff; } div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before, div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before { color: #aaa; } div.navbar #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before, div.navbar #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before { color: #444; } .navbar .btn-navbar .icon-bar { background-color: #444; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } /* Navbar Inverse */ div.navbar.navbar-inverse #fav-navbar-collapse li a:hover, div.navbar.navbar-inverse #fav-navbar-collapse li li a:hover, div.navbar.navbar-inverse #fav-navbar-collapse li li li a:hover, div.navbar.navbar-inverse #fav-navbar-collapse li li li li a:hover, div.navbar.navbar-inverse #fav-navbar-collapse li a:focus, div.navbar.navbar-inverse #fav-navbar-collapse li li:focus, div.navbar.navbar-inverse #fav-navbar-collapse li li li:focus, div.navbar.navbar-inverse #fav-navbar-collapse li li li li:focus, div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active, div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active { background-color: #333!important; } div.navbar.navbar-inverse #fav-navbar-collapse li li:hover, div.navbar.navbar-inverse #fav-navbar-collapse li li li:hover, div.navbar.navbar-inverse #fav-navbar-collapse li li li li:hover { background: none; } div.navbar.navbar-inverse #fav-navbar-collapse li { border-top: 1px solid #222; } div.navbar.navbar-inverse #fav-navbar-collapse a { color: #fff; } div.navbar.navbar-inverse #fav-navbar-collapse a:before { color: #777; } div.navbar.navbar-inverse #fav-navbar-collapse li a:hover:before, div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li li[class^="item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li li[class*=" item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li li li[class^="item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li li li[class*=" item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class^="item-"].current.active a:before, div.navbar.navbar-inverse #fav-navbar-collapse li li li li[class*=" item-"].current.active a:before { color: #fff; } div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul, div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul { color: #fff; background-color: #111; } div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:before, div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:before { color: #777; } div.navbar.navbar-inverse #fav-navbar-collapse li[class^="item-"].current.active.deeper.parent ul a:hover:before, div.navbar.navbar-inverse #fav-navbar-collapse li[class*=" item-"].current.active.deeper.parent ul a:hover:before { color: #fff; } div.navbar.navbar-inverse .btn-navbar .icon-bar { background-color: #f5f5f5; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } #fav-navbar.navbar.navbar-inverse a.btn.btn-navbar { border-color: #040404 #040404 #000; } } /* 3. CONTENT BLOCKS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #fav-slide, #fav-intro, #fav-showcase, #fav-top, #fav-maintop, #fav-bottom, #fav-footer { padding-top: 11px; padding-bottom: 0px; } /* Mobile */ @media handheld, only screen and (max-width: 767px) { #fav-slide, #fav-intro, #fav-showcase, #fav-top, #fav-maintop, #fav-bottom, #fav-footer { padding-top: 0; padding-bottom: 0; } } /* SLIDE ---------------------------------------------------------------------------- */ #fav-slide .moduletable li, #fav-slide div[class^="moduletable-"] li, #fav-slide div[class*=" moduletable-"] li { background: none; } #fav-slide .moduletable li ul, #fav-slide div[class^="moduletable-"] li ul, #fav-slide div[class*=" moduletable-"] li ul { margin-bottom: 14px; } /* Mobile */ @media (max-width: 767px) { #fav-slide .moduletable li ul, #fav-slide div[class^="moduletable-"] li ul, #fav-slide div[class*=" moduletable-"] li ul { margin-bottom: 0; } } /* BREADCRUMBS ---------------------------------------------------------------------------- */ #fav-breadcrumbs .moduletable, #fav-breadcrumbs div[class^="moduletable-"], #fav-breadcrumbs div[class*=" moduletable-"] { font-size: 0.9em; margin: 5px 0px 2px; } #fav-breadcrumbs .moduletable img, #fav-breadcrumbs div[class^="moduletable-"] img, #fav-breadcrumbs div[class*=" moduletable-"] img { display: none; } /* Mobile */ @media handheld, only screen and (max-width: 767px) { #fav-breadcrumbs .moduletable, #fav-breadcrumbs div[class^="moduletable-"], #fav-breadcrumbs div[class*=" moduletable-"] { margin-top: 10px; margin-bottom: 0; } } /* TOP ---------------------------------------------------------------------------- */ #fav-topwrap { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: 14px; margin-bottom: 18px; } /* MAIN ---------------------------------------------------------------------------- */ #fav-messagewrap .row-fluid [class*="span"] { min-height:0; } #system-message { margin-top: 10px; } #fav-mainwrap .row-fluid [class*="span"] { min-height: 10px; } /* COPYRIGHT ---------------------------------------------------------------------------- */ #fav-copyrightwrap { border-top: 0px solid #ddd; background: none; margin-top: 0px; } #fav-copyright ul.nav.menu { float: right; margin: 10px 0; } #fav-copyright ul.nav.menu li { float: left; list-style:none; background: none; line-height: 21px; } #fav-copyright ul.nav.menu li a { display: block; color: #333333; margin-left: 21px; } #fav-copyright ul.nav.menu li.active a, #fav-copyright ul.nav.menu li a:hover, #fav-copyright ul.nav.menu li:hover a { color: #0099FF; text-decoration:none; } #fav-showcopyright p { padding: 21px 0 7px; line-height: 21px; font-size: 14px; } /* Mobile */ @media (max-width: 768px) { #fav-copyright .moduletable ul.nav.menu { margin: 0 auto; display: table; } #fav-copyright ul.nav.menu { float: none; } #fav-copyright ul.nav.menu li a { margin: 0 21px 0 0; } #fav-showcopyright { text-align: center; } } @media (max-width: 480px) { #fav-copyright ul.nav.menu li { float: none; text-align: center; padding: 4px; } #fav-copyright ul.nav.menu li a { margin: 0; } } /* BACKTOP ---------------------------------------------------------------------------- */ a.backtop i { background-color: #777; color: #FFFFFF; font-size: 2em; padding-right: 0; padding: 0.3em 0.5em; display: block; border-radius: 4px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .backtop i:hover { opacity: 0.8; } #fav-backtotop { position: fixed; bottom: 3em; right: 3em; width: 55px; } #fav-backtotop .backtop { float: right; } @media (max-width: 1199px) { #fav-backtotop { position: relative; bottom: 0; right: 0; margin-bottom: 36px; float: right; } } /* Mobile */ @media (min-width: 768px) { #fav-backtotop-mobile { display: none; } } @media handheld, only screen and (max-width: 767px) { #fav-backtotop { display: none; } #fav-backtotop-mobile { text-align: center; margin-bottom: 10px; } } /* IE */ .lt-ie9 #fav-backtotop { padding-bottom: 1em; } .lt-ie9 #fav-backtotop-mobile { display: none; } /* STYLES ---------------------------------------------------------------------------- */ @media (min-width: 1100px) { #fav-styles { width: 60px; top: 141px; left: 0; position: fixed; } #fav-styles .moduletable, #fav-styles div[class^="moduletable-"], #fav-styles div[class*=" moduletable-"] { background-color: #fff; border: 1px solid #ddd; margin-top: 0; padding: 0 0 10px 0; border-radius: 4px; } #fav-styles .moduletable h3, #fav-styles div[class^="moduletable-"] h3, #fav-styles div[class*=" moduletable-"] h3 { color: #444; font-size: 14px; text-transform: uppercase; text-align:center; margin-bottom: 18px; padding-top: 7px; padding-bottom: 10px; font-weight: 400; } #fav-styles p { margin-bottom: 7px; text-align:center; } } /* Mobile */ @media (max-width: 1099px) { #fav-styles { background-color: #ffffff; border: 1px solid #ddd; position:relative; bottom:0; left:0; width: 100%; z-index: 999; } #fav-styles .moduletable, #fav-styles div[class^="moduletable-"], #fav-styles div[class*=" moduletable-"] { border-radius: 0 0 0 0; display: table; margin: 0 auto; padding: 7px 14px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #fav-styles .moduletable h3, #fav-styles div[class^="moduletable-"] h3, #fav-styles div[class*=" moduletable-"] h3 { display: none; } #fav-styles .moduletable p, #fav-styles div[class^="moduletable-"] p, #fav-styles div[class*=" moduletable-"] p { float: left; padding: 4px; line-height: 4px; margin: 0; } } /* IE */ .lt-ie9 #fav-styles { width: 60px; top: 180px; left: 0; position:fixed; } .lt-ie9 #fav-styles .moduletable, .lt-ie9 #fav-styles div[class^="moduletable-"], .lt-ie9 #fav-styles div[class*=" moduletable-"] { background-color: #ffffff; border: 1px solid #dddddd; margin-top: 0; padding: 0 0 10px 0; } .lt-ie9 #fav-styles .moduletable h3, .lt-ie9 #fav-styles div[class^="moduletable-"] h3, .lt-ie9 #fav-styles div[class*=" moduletable-"] h3 { font-size: 18px; text-align:center; padding: 7px; margin-top: 0; margin-bottom: 1em; } .lt-ie9 #fav-styles p { margin-bottom: 7px; text-align:center; } /* MOBILE PARAMETERS ---------------------------------------------------------------------------- */ @media (max-width: 480px) { #fav-main img, .moduletable .custom img, div[class^="moduletable-"] div[class^="custom-"] img, div[class*=" moduletable-"] div[class*=" custom-"] img, .img-left, .img-right { display: inline-block ; } #fav-advertwrap, #fav-intro1, #fav-intro2, #fav-intro3, #fav-intro4, #fav-intro5, #fav-slide1, #fav-slide2, #fav-showcase1, #fav-showcase2, #fav-showcase3, #fav-showcase4, #fav-top1, #fav-top2, #fav-top3, #fav-top4, #fav-maintop1, #fav-maintop2, #fav-maintop3, #fav-sidebar1, #fav-sidebar2, #fav-mainbottom1, #fav-mainbottom2, #fav-mainbottom3, #fav-bottom1, #fav-bottom2, #fav-bottom3, #fav-bottom4, #fav-footer1, #fav-footer2, #fav-footer3, #fav-footer4, #fav-copyright1, #fav-copyright2, #fav-debug { color: #fff !important; display: block ; } } /* 4. EXTENSIONS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* FAVSLIDER ---------------------------------------------------------------------------- */ #fav-slide .home-slider .fav-control-nav { bottom: 14px!important; } #fav-slide .home-slider #slider.favslider { margin-bottom: 10px!important; } #slider.favslider { position: relative; } .favslider .fav-next, .favslider .fav-prev { opacity: 1; } .favslider:hover .fav-next:hover, .favslider:hover .fav-prev:hover { opacity: 0.8; } .favslider .fav-prev, .favslider:hover .fav-prev { left: 5px!important; } .favslider .fav-next, .favslider:hover .fav-next { right: 5px!important; } #fav-caption { left: 0; right: 0; margin: 0 auto; top: 36%; bottom: auto; width: 60%; padding: 21px; text-shadow: none; background-color: rgba(255, 255, 255, 0.7); cursor: pointer; } #fav-caption h3 { font-size: 36px; color: #333; margin: 6px 0 4px; padding: 0; line-height: 1.2em; text-transform: uppercase; text-align:center; font-weight: 300; border: none; } @media handheld, only screen and (max-width: 990px) { #fav-caption h3 { font-size: 30px; } } @media handheld, only screen and (max-width: 767px) { #fav-caption { top: 30%; } #fav-caption h3 { font-size: 26px; margin-bottom: 0; } .fav-direction-nav li .fav-next, .favslider:hover .fav-direction-nav li .fav-next, .fav-direction-nav li .fav-prev, .favslider:hover .fav-direction-nav li .fav-prev { top: 50%; } } @media handheld, only screen and (max-width: 600px) { #fav-caption { top: 30%; } #fav-caption h3 { font-size: 24px; } #fav-caption p { font-size: 16px; margin-bottom: 0; } } @media handheld, only screen and (max-width: 480px) { #fav-caption { top: 20%; padding: 7px; } #fav-caption h3 { font-size: 21px; } #fav-caption p { font-size: 12px; } } @media handheld, only screen and (max-width: 320px) { #fav-caption { top: 10%; padding: 7px; } #fav-caption h3 { font-size: 18px; } } /* IE */ .lt-ie9 #fav-caption { background-color: #FFFFFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)"; filter: alpha(opacity=67); padding: 1% 3% 2%; } /* FAVGLYPH ---------------------------------------------------------------------------- */ .favglyph-intro h2 { font-weight: 400!important; } .favglyph-bottom #favglyph { margin-top: 0; margin-bottom: 21px; } .favglyph-intro #favglyph i { color: #0099ff; } .favglyph-bottom #favglyph-icon { border-color: #0099ff; } .favglyph-bottom #favglyph i { background-color: #0099ff; } /* FAVSOCIAL ---------------------------------------------------------------------------- */ .favsocial-copyright div[id^="favsocial"] a, .favsocial-copyright div[id*=" favsocial"] a { border: 1px solid #ddd; } .favsocial-copyright #favsocial { margin-top: 3px; } /* FAVEFFECTS ---------------------------------------------------------------------------- */ .faveffects-footer #faveffects { margin-top: 40px; } .faveffects-footer #faveffects i { color: #0099ff; } .faveffects-footer #faveffects i:hover { color: #444!important; } .faveffects-footer #faveffects p[id^="faveffects-title"] a, .faveffects-footer #faveffects p[id*=" faveffects-title"] a { font-weight: 300; } @media handheld, only screen and (max-width: 990px) { .faveffects-footer #faveffects p[id^="faveffects-title"], .faveffects-footer #faveffects p[id*=" faveffects-title"] { font-size: 16px!important; } } @media handheld, only screen and (max-width: 767px) { .faveffects-footer #faveffects p[id^="faveffects-title"], .faveffects-footer #faveffects p[id*=" faveffects-title"] { font-size: 14px!important; } } @media handheld, only screen and (max-width: 480px) { .faveffects-footer #faveffects p[id^="faveffects-title"], .faveffects-footer #faveffects p[id*=" faveffects-title"] { font-size: 21px!important; } } /* 5. CUSTOM STYLES ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #fav-download p { margin: 0; } #fav-download #fav-download-message { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 21px; line-height: 1.3em; float: left; padding-top: 15px; padding-bottom: 10px; } #fav-download #fav-download-btn { float: right; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; margin-top: 4px; } #fav-download a.btn.btn-primary.btn-large { margin-bottom: 9px; } /* Mobile */ @media handheld, only screen and (max-width: 1199px) { #fav-download #fav-download-message { float: none; text-align: center; padding: 4px 0; } #fav-download #fav-download-btn { float: none; font-size: 16px; text-align: center; bottom: 4px; margin-top: 4px; position: relative; } }