/*****************************************/ /************* MAIN SETTINGS *************/ /*****************************************/ body { font-family: "Roboto", "Arial", sans-serif; font-size: 14px; font-weight: 400; -webkit-font-smoothing: antialiased; color: #ffffff; background: #091a9e url(../../img/afn/bg.jpg) center center no-repeat; background-position: top; background-attachment: fixed; } *:before, *:after { -webkit-transform: rotateZ(360deg); } .mask { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; z-index: 100000; top: -45px; padding-bottom: 45px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mask #loader { background: url(../../img/loader.gif) center center no-repeat; height: 15px; width: 15px; left: 50%; top: 50%; position: absolute; margin: -25px 0 0 -25px; } h2 { font-size: 32px; } /**************************************/ /************* NAVIGATION *************/ /**************************************/ .navbar-fixed-top { background-color: gold; border: 0; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); z-index: 99999 !important; } .navbar-fixed-top .navbar-header { width: 224px; position: relative; z-index: 99; margin-left: 0; margin-right: 0; } .navbar-fixed-top .navbar-header .navbar-brand { padding: 0; margin-left: 0; width: 210px; height: 63px; background: url(../../img/afn/logo.png) no-repeat; background-size: 210px 63px; } .navbar-fixed-top .navbar-header .navbar-brand .subheading { display: block; font-size: 11px; line-height: normal; color: #b1b1b1; } .navbar-fixed-top .navbar-header .sidebar-collapse { display: inline-block; float: right; line-height: 43px; } .navbar-fixed-top .navbar-header .sidebar-collapse a { font-size: 18px; line-height: 45px; color: #f2f2f2; } .navbar-fixed-top .navbar-header .sidebar-collapse a:hover { color: white; } .navbar-fixed-top .navbar-nav { float: right; } .navbar-fixed-top .navbar-nav > li:not(.search) > a { padding: 30px 25px 22px; -webkit-transition: background-color 0.2s linear, color 0.2s linear; -moz-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; color: #747474; } .navbar-fixed-top .navbar-nav > li:not(.search) > a:hover { color: white; background: #1476d1; /* Old browsers */ background: -moz-linear-gradient(left, #1476d1 1%, #1eada9 100%, #1eada9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#1476d1), color-stop(100%,#1eada9), color-stop(100%,#1eada9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* IE10+ */ background: linear-gradient(to right, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1476d1', endColorstr='#1eada9',GradientType=1 ); /* IE6-9 */ border-bottom: 4px solid white; -webkit-box-shadow: 0 4px 0 #1d98c2; box-shadow: 0 4px 0 #1d98c2; } .navbar-fixed-top .navbar-nav > li:not(.search).active > a { color: white; background: #1476d1; /* Old browsers */ background: -moz-linear-gradient(left, #1476d1 1%, #1eada9 100%, #1eada9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#1476d1), color-stop(100%,#1eada9), color-stop(100%,#1eada9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* IE10+ */ background: linear-gradient(to right, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1476d1', endColorstr='#1eada9',GradientType=1 ); /* IE6-9 */ border-bottom: 4px solid white; -webkit-box-shadow: 0 4px 0 #1d98c2; box-shadow: 0 4px 0 #1d98c2; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown > a:focus { background: transparent; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown.active .dropdown-menu { margin-top: 0px !important; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown .dropdown-menu { border: 0; border-top: 4px solid #1d98c2; margin-top: 4px !important; padding: 0; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown .dropdown-menu > li > a { color: #747474; font-size: 12px; padding: 8px 10px; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown .dropdown-menu > li > a:hover { color: white; background-color: #535353; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown .dropdown-menu > li:last-child > a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown .dropdown-menu > li.active > a { color: white; background-color: #464646; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown.open > a { color: white; background-color: #535353; border-bottom: 4px solid white; -webkit-box-shadow: 0 4px 0 #5597d0; box-shadow: 0 4px 0 #5597d0; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown.open .dropdown-menu { margin-top: 0 !important; } .navbar-fixed-top .navbar-nav > li.search { position: relative; margin-left: 20px; width: 30px; } .navbar-fixed-top .navbar-nav > li.search input { -webkit-box-shadow: none; box-shadow: none; color: #d7d7d7; position: absolute; right: 0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; border: 1px solid; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; width: 30px; height: 30px; margin-top: 23px; line-height: 24px; } .navbar-fixed-top .navbar-nav > li.search input::-webkit-input-placeholder { font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d7d7d7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 7px; line-height: 24px; } .navbar-fixed-top .navbar-nav > li.search input:-moz-placeholder { font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d7d7d7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 7px; line-height: 24px; } .navbar-fixed-top .navbar-nav > li.search input::-moz-placeholder { font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d7d7d7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 7px; line-height: 24px; } .navbar-fixed-top .navbar-nav > li.search input:-ms-input-placeholder { font-family: FontAwesome; font-style: normal; font-weight: normal; color: #d7d7d7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 7px; line-height: 24px; } .navbar-fixed-top .navbar-nav > li.search input:hover { border-color: #b1b1b1; } .navbar-fixed-top .navbar-nav > li.search input:hover::-webkit-input-placeholder { color: #b1b1b1; } .navbar-fixed-top .navbar-nav > li.search input:hover:-moz-placeholder { color: #b1b1b1; } .navbar-fixed-top .navbar-nav > li.search input:hover::-moz-placeholder { color: #b1b1b1; } .navbar-fixed-top .navbar-nav > li.search input:hover:-ms-input-placeholder { color: #b1b1b1; } .navbar-fixed-top .navbar-nav > li.search input:focus { width: 180px; outline: 0; border-color: #b1b1b1; color: #717171; padding: 0 15px; } .navbar-fixed-top .navbar-nav > li.search input:focus::-webkit-input-placeholder { color: #b1b1b1; padding-left: 0; } .navbar-fixed-top .navbar-nav > li.search input:focus:-moz-placeholder { color: #b1b1b1; padding-left: 0; } .navbar-fixed-top .navbar-nav > li.search input:focus::-moz-placeholder { color: #b1b1b1; padding-left: 0; } .navbar-fixed-top .navbar-nav > li.search input:focus:-ms-input-placeholder { color: #b1b1b1; padding-left: 0; } .navbar-fixed-top .navbar-nav > li.search > a { padding: 10px; margin-top: 13px; } .navbar-fixed-top .navbar-nav > li.search > a > i { position: absolute; right: 0; color: #d7d7d7; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } .navbar-fixed-top .navbar-nav > li.search > a:hover, .navbar-fixed-top .navbar-nav > li.search > a:focus { background-color: transparent; } .navbar-fixed-top .navbar-nav > li.search > a:hover > i, .navbar-fixed-top .navbar-nav > li.search > a:focus > i { color: #b1b1b1; } @media only screen and (max-width: 992px) { .navbar-fixed-top .navbar-nav > li:not(.search) > a { padding-left: 15px !important; padding-right: 15px !important; font-size: 11px; } .navbar-fixed-top .navbar-nav > li:not(.search).dropdown .dropdown-menu > li > a { font-size: 11px; } } @media only screen and (max-width: 768px) { .navbar-fixed-top { line-height: normal !important; height: auto !important; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important; } .navbar-fixed-top .navbar-header { width: 100%; } .navbar-fixed-top .navbar-header .navbar-brand { margin-top: 5px; background-size: 115px 40px; height: 40px !important; } .navbar-fixed-top .navbar-header .navbar-brand .subheading { font-size: 9px !important; line-height: 8px !important; } .navbar-fixed-top .navbar-header .navbar-toggle { height: 40px; line-height: 36px; margin: 0; } .navbar-fixed-top .navbar-header .navbar-toggle > a { color: #ffa800; } .navbar-fixed-top .navbar-header .navbar-toggle > a:hover, .navbar-fixed-top .navbar-header .navbar-toggle > a:focus { color: #e09400; } .navbar-fixed-top .navbar-header .navbar-toggle > a i { font-size: 21px; } .navbar-fixed-top .navbar-collapse { max-height: 380px; } .navbar-fixed-top .navbar-collapse .navbar-nav { float: none; margin: 0 -15px; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search) > a { padding: 15px 25px; -webkit-transition: background-color 0.2s linear, color 0.2s linear; -moz-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; color: #717171; font-size: 12px; border-left: 4px solid transparent; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search) > a:hover { color: white; background-color: #edf0f5; border-bottom: 0; border-left: 4px solid #5597d0; -webkit-box-shadow: none; box-shadow: none; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search).active > a { color: white; background-color: #464646; border-bottom: 0; border-left: 4px solid #418bca; -webkit-box-shadow: none; box-shadow: none; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search).dropdown .dropdown-menu { border-left: 4px solid #418bca; border-top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search).dropdown .dropdown-menu > li:last-child > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search).dropdown.open .dropdown-menu { display: block !important; } .navbar-fixed-top .navbar-collapse .navbar-nav > li:not(.search).dropdown.open > a { color: white; background-color: #535353; border-bottom: 0; border-left: 4px solid #5597d0; -webkit-box-shadow: none; box-shadow: none; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search { margin: 0; width: 100%; padding: 10px 15px 20px; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search input { position: static; width: 100%; margin: 0; padding: 0 15px; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search input::-webkit-input-placeholder { padding: 0; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search input:-moz-placeholder { padding: 0; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search input::-moz-placeholder { padding: 0; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search input:-ms-input-placeholder { padding: 0; } .navbar-fixed-top .navbar-collapse .navbar-nav > li.search input:focus { width: 100%; } .navbar-fixed-top .navbar-collapse .login { float: right; margin-right: 15px; margin-bottom: 20px; } } /************************************/ /************* MEGAMENU *************/ /************************************/ .megamenu-content { padding: 20px 30px; min-width: 600px; } .megamenu-content .megamenu-col { padding: 0; } .megamenu-content h4 { font-weight: 700; font-size: 14px; margin-bottom: 8px; padding: 10px 10px 5px; border-bottom: 1px solid #eee; } .megamenu-content ul { padding: 0; margin: 0 0 10px; list-style: none; } .megamenu-content ul li { padding: 0; } .megamenu-content ul li > a { display: block; line-height: 34px; color: #a4a4a4; font-size: 12px; padding: 0 15px; } .megamenu-content ul li > a:hover { color: white; background-color: #464646; text-decoration: none; } /**********************************/ /************* SLIDER *************/ /**********************************/ .slider, .breadcrumbs { padding-top: 0px; position: relative; } .slider.bg-1, .breadcrumbs.bg-1 { background-image: url(../img/noise.png), url(../img/backgrounds/1.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; } .slider.bg-2, .breadcrumbs.bg-2 { background-image: url(../img/noise.png), url(../img/backgrounds/2.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; } .slider.bg-3, .breadcrumbs.bg-3 { background-image: url(../img/noise.png), url(../img/backgrounds/3.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; } .slider.bg-4, .breadcrumbs.bg-4 { background-image: url(../img/noise.png), url(../img/backgrounds/4.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; } .slider.bg-5, .breadcrumbs.bg-5 { background-image: url(../img/noise.png), url(../img/backgrounds/5.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; } .slider.bg-6, .breadcrumbs.bg-6 { background-image: url(../img/noise.png), url(../img/backgrounds/6.jpg); background-repeat: repeat, no-repeat; background-position: left top; background-size: auto, cover; } .slider .navigation { position: absolute; width: 100%; top: 50%; z-index: 99; } .slider .navigation .btn { background-color: rgba(0, 0, 0, 0.2); padding: 25px 8px; position: absolute; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .slider .navigation .btn i { font-size: 26px; color: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; position: relative; top: 2px; } .slider .navigation .btn:focus { outline: 0; } .slider .navigation .btn:hover { background-color: rgba(0, 0, 0, 0.3); } .slider .navigation .btn:hover i { color: rgba(255, 255, 255, 0.7); } .slider .navigation .btn.next { right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .slider .navigation .btn.prev { left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .slider #progressBar { position: absolute; bottom: 0; width: 100%; background: rgba(255, 255, 255, 0.2); z-index: 1000; } .slider #progressBar #bar { width: 0%; max-width: 100%; height: 5px; background: #e5bd38; } .slider .owl-carousel { height: 480px; } .slider .owl-carousel .owl-controls { position: absolute; width: 100%; bottom: 5px; } .slider .owl-carousel .owl-controls .owl-pagination .owl-page span { margin: 5px 2px 7px; background-color: white; width: 8px; height: 8px; } .slider .owl-carousel .owl-controls .owl-pagination .owl-page.active span { width: 12px; height: 12px; margin: 5px 2px; } .slider .owl-carousel .item { padding: 0px 0; color: white; } .slider .owl-carousel .item .caption { filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; transition: opacity 1s linear; } .slider .owl-carousel .item .caption.animated { filter: alpha(opacity=100); opacity: 1; } .slider .owl-carousel .item img { max-width: 100%; } .slider .owl-carousel .item h1, .slider .owl-carousel .item h2, .slider .owl-carousel .item h3, .slider .owl-carousel .item h4, .slider .owl-carousel .item h5, .slider .owl-carousel .item h6 { font-weight: 700; } .slider .owl-carousel .item h1 { font-size: 60px; margin-bottom: 20px; } .slider .owl-carousel .item h2 { font-size: 36px; margin-bottom: 20px; } .slider .owl-carousel .item h3 { font-size: 28px; margin-bottom: 20px; } .slider .owl-carousel .item h4 { font-size: 22px; } .slider .owl-carousel .item h5 { font-size: 18px; } .slider .owl-carousel .item h6 { font-size: 16px; } .slider .owl-carousel .item p.lead { font-size: 22px; margin-bottom: 20px; } .slider .owl-carousel .item .btn { margin: 20px 0; -webkit-transition: all 0.15s linear !important; -moz-transition: all 0.15s linear !important; transition: all 0.15s linear !important; } @media only screen and (max-width: 992px) { .slider .owl-carousel { height: auto; } .slider .owl-carousel .item { padding: 0; } .slider .owl-carousel .item h1 { font-size: 40px; margin-bottom: 10px; } .slider .owl-carousel .item h2 { font-size: 26px; margin-bottom: 10px; } .slider .owl-carousel .item h3 { font-size: 22px; margin-bottom: 10px; } .slider .owl-carousel .item h4 { font-size: 18px; } .slider .owl-carousel .item h5 { font-size: 14px; } .slider .owl-carousel .item h6 { font-size: 12px; } .slider .owl-carousel .item p.lead { font-size: 16px; margin-bottom: 10px; } .slider .owl-carousel .item .btn.btn-lg { font-weight: 400; font-size: 14px; padding: 5px 20px; } .slider .owl-carousel .item .btn.btn-bordered { border-width: 1px; } } @media only screen and (max-width: 768px) { .slider .owl-carousel .container { padding-left: 45px; padding-right: 45px; } .slider .owl-carousel .item { padding: 30px 0; } .slider .owl-carousel .item h1 { font-size: 28px; margin-bottom: 10px; } .slider .owl-carousel .item h2 { font-size: 24px; margin-bottom: 10px; } .slider .owl-carousel .item h3 { font-size: 20px; margin-bottom: 10px; } .slider .owl-carousel .item h4 { font-size: 16px; } .slider .owl-carousel .item h5 { font-size: 12px; } .slider .owl-carousel .item h6 { font-size: 10px; } .slider .owl-carousel .item p.lead { font-size: 12px; margin-bottom: 10px; } .slider .owl-carousel .item .btn.btn-lg { font-weight: 400; font-size: 12px; padding: 5px 20px; } .slider .owl-carousel .item .btn.btn-bordered { border-width: 1px; } } @media only screen and (max-width: 560px) { .slider .owl-carousel .item .row div[class*="col"] { float: none; width: 100%; text-align: center; } } /***************************************/ /************* BREADCRUMBS *************/ /***************************************/ .breadcrumbs { padding: 30px 0; color: white; } .breadcrumbs > .container { height: 20px; } @media only screen and (max-width: 768px) { .breadcrumbs { padding: 29px 0; color: white; } } .breadcrumbs h2 { margin: 0; } .breadcrumbs .breadcrumb { background-color: transparent; padding: 0; margin: 0; } .breadcrumbs .breadcrumb > li { font-weight: 300; font-size: 13px; } .breadcrumbs .breadcrumb > li.active { color: rgba(255, 255, 255, 0.8); } .breadcrumbs .breadcrumb > li + li:before { content: "//"; color: #fff; } /**************************************/ /************* ANIMATIONS *************/ /**************************************/ .animation-pulseSlow { -webkit-animation-name: pulseSlow; -moz-animation-name: pulseSlow; animation-name: pulseSlow; -webkit-animation-duration: 30s; -moz-animation-duration: 30s; animation-duration: 30s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes pulseSlow { 0% { -webkit-transform: scale(1.1); } 50% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); } } @-moz-keyframes pulseSlow { 0% { -moz-transform: scale(1.1); } 50% { -moz-transform: scale(1); } 100% { -moz-transform: scale(1.1); } } @-o-keyframes pulseSlow { 0% { -o-transform: scale(1.1); } 50% { -o-transform: scale(1); } 100% { -o-transform: scale(1.1); } } @keyframes pulseSlow { 0% { transform: scale(1.1); } 50% { transform: scale(1); } 100% { transform: scale(1.1); } } /***********************************/ /************* APPEARS *************/ /***********************************/ .appear-el { opacity: 0; } /***********************************/ /************ CONTAINER ************/ /***********************************/ .section .container { /*background-image: linear-gradient(to bottom, rgba(136, 95, 31, 0.90), rgba(30, 16, 2, 0.90)); background-image: -webkit-linear-gradient(to bottom, rgba(136, 95, 31, 0.90), rgba(30, 16, 2, 0.90)); background-image: -o-linear-gradient(to bottom, rgba(136, 95, 31, 0.90), rgba(30, 162, 2, 0.90)); background-image: linear-gradient(to bottom, rgba(136, 95, 31, 0.90), rgba(30, 16, 2, 0.90)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgba(136, 95, 31, 0.90)', endColorstr='rgba(30, 16, 2, 0.90)',GradientType=0 );*/ /* background: #040404; background-image: -moz-linear-gradient(top, #040404 0%, #292929 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#040404), color-stop(100%,#292929)); background-image: -webkit-linear-gradient(top, #040404 0%,#292929 100%); background-image: -o-linear-gradient(top, #040404 0%,#292929 100%); background-image: linear-gradient(top, #040404 0%,#292929 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040404', endColorstr='#292929',GradientType=0 );*/ padding: 0 20px 15px 20px; /* background: #430d0d;*/ background: rgba(88, 208, 251, 0.90); } #bank.section .container { /* background: #430d0d;*/ background: rgba(88, 208, 251, 0.90); } /************************************/ /************* SECTIONS *************/ /************************************/ section.section { padding: 0px 0 0 0; } section.section.featured .btn { margin-top: 30px; } section.section:not(.featured) p.lead { font-size: 18px; color: #b1b1b1; } section.section.error { margin-top: 120px; } section.section .block { padding-top: 20px; } section.section .block h3 { margin-bottom: 20px; } section.section .block h3 + .subheading { margin-top: -20px; margin-bottom: 30px; } section.section .block > p { margin-bottom: 20px; } section.section .block > p + h3 { margin-top: 40px; } section.section-bg-1 { background-image: url(../img/section-bg-1.jpg); } section.section-bg-2 { background-image: url(../img/section-bg-2.jpg); } section .section-overlay { padding: 60px 0; min-height: 320px; color: white; } section .section-overlay p { color: white; } section .section-overlay.black { background-color: rgba(0, 0, 0, 0.7); } section#map-canvas { width: 100%; height: 530px; z-index: 0; position: relative; } section.parallax { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-attachment: fixed !important; padding: 0; } /*************************************/ /************* ACCORDION *************/ /*************************************/ .panel-group .panel { -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0; background-color: #f8f8f8; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); } .panel-group .panel .panel-heading { position: relative; } .panel-group .panel .panel-heading .panel-title { font-size: 13px; margin-left: 30px; } .panel-group .panel .panel-heading + .panel-collapse .panel-body { border-top: 0; } .panel-group .panel .panel-heading:before { content: "\f0da"; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; padding: 10px 15px; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.1); border-radius: 4px 0 0 0; } .panel-group .panel.active .panel-heading:before { content: "\f0d7"; padding: 10px 14px 10px 13px; } .panel-group .panel.panel-default > .panel-heading { color: #717171; } .panel-group .panel.panel-theme { overflow: hidden; } .panel-group .panel.panel-theme > .panel-heading { background-color: #418bca; } .panel-group .panel.panel-theme > .panel-heading .panel-title { color: rgba(255, 255, 255, 0.8); } .panel-group .panel.panel-theme > .panel-heading .panel-title a:hover { color: white; } .panel-group .panel.panel-theme > .panel-heading:before { color: rgba(255, 255, 255, 0.8); } .panel-group .panel.panel-theme.active > .panel-heading .panel-title { color: white; } .panel-group .panel.panel-theme.active > .panel-heading:before { color: white; } .panel-group .panel .panel-body { font-size: 12px; color: #b1b1b1; line-height: 20px; } /*****************************************/ /************* PROGRESS BARS *************/ /*****************************************/ .progress { height: 30px; -webkit-box-shadow: none; box-shadow: none; background: #e6e6e6; overflow: visible; margin-bottom: 50px; } .progress .progress-bar { text-align: left; padding: 5px 10px; font-size: 13px; font-weight: 300; -webkit-box-shadow: none; box-shadow: none; background: #418bca; width: 0; -webkit-transition: all 3s cubic-bezier(0.785, 0.135, 0.15, 0.86); -moz-transition: all 3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 3s cubic-bezier(0.785, 0.135, 0.15, 0.86); position: relative; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .progress .progress-bar i { font-size: 14px; margin-right: 10px; } .progress .progress-bar .progress-status { position: absolute; right: 0; top: -35px; font-size: 11px; line-height: 14px; color: rgba(0, 0, 0, 0.4); background-color: white; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .progress .progress-bar .progress-status:after { content: ''; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 6px; border-top-color: white; position: absolute; bottom: -11px; left: 30%; } .progress .progress-bar .progress-status:before { content: ''; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 6.5px; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -12px; left: 30%; } /****************************************/ /************* ROTATE WORDS *************/ /****************************************/ .rotate-words { white-space: nowrap; background-color: #418bca; color: white; padding: 5px 10px; } .rotate-words .rotating.flip { z-index: 3; } /**************************************/ /************* HIGHLIGHTS *************/ /**************************************/ .highlight { text-align: center; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color 0.15s ease-out; -moz-transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out; } .highlight i { font-size: 46px; } .highlight h5 { margin: 15px auto 20px; } .highlight:focus, .highlight:hover { background-color: #418bca; color: white; -webkit-box-shadow: 0 3px 0 0 #91bce0; box-shadow: 0 3px 0 0 #91bce0; } .highlight:focus p, .highlight:hover p { color: white; } /************************************/ /************* SERVICES *************/ /************************************/ .service { text-align: center; padding: 20px 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15); border: 1px solid #cccccc; margin-top: 10px; } .service i { font-size: 46px; margin: 20px 0 10px 0; } .service h5 { margin: 15px auto 20px; } .service p { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; } .service .btn.btn-sm { text-transform: uppercase; font-size: 10px; margin-top: 10px; } /*********************************/ /************* FORMS *************/ /*********************************/ form label { font-weight: 300; } form .form-control { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #a5a5a5; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } form .form-control:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; border-color: #999999; } form .btn[type="reset"] { background-color: transparent; border: 1px solid #cccccc; color: #b3b3b3; } form .btn[type="reset"]:hover { border: 1px solid #999999; color: gray; } form.form-block { padding: 20px; background-color: #f2f2f2; border-bottom: 3px solid #418bca; } form .form-group.legend { margin-top: 20px; } form .form-group.legend h4 { margin-bottom: 0; } /*********************************/ /************* MEDIA *************/ /*********************************/ .media .media-icon { width: 55px; height: 55px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 55px; background: #418bca; font-size: 26px; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .media > .pull-left { margin-right: 25px; } .media .media-body p { margin-bottom: 10px !important; } .media:hover .media-icon { background: #2f71a9; color: white; } /**************************************/ /************* TYPOGRAPHY *************/ /**************************************/ p:not(.lead) { font-size: 14px; line-height: 20px; color: #b1b1b1; font-weight: 300; } p.less-width { max-width: 760px; margin: 0 auto 40px auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto Slab", serif; -webkit-font-smoothing: antialiased; font-weight: 300; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 > i { font-weight: bold; color: #000000; } h1.sans-serif, h2.sans-serif, h3.sans-serif, h4.sans-serif, h5.sans-serif, h6.sans-serif, .h1.sans-serif, .h2.sans-serif, .h3.sans-serif, .h4.sans-serif, .h5.sans-serif, .h6.sans-serif { font-family: "Roboto", "Arial", sans-serif; } h1.headline { font-size: 36px; text-align: center; text-transform: uppercase; } h1.headline:after { content: ""; display: block; width: 130px; height: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #b1b1b1; margin: 20px auto; } h1.headline + p.lead { margin-bottom: 40px; } h5.subheading { margin-top: -10px; margin-bottom: 20px; color: #979797; } .block address { font-size: 13px; font-weight: 300; line-height: 22px; } .block address .social { margin-top: 20px; margin-bottom: 30px; } .block address .social > a { font-size: 18px; display: inline-block; width: 36px; height: 36px; background-color: #cccccc; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 36px; padding-left: 10px; } .block address .social > a:hover { color: white; background-color: #418bca; } /***********************************/ /************* BUTTONS *************/ /***********************************/ button.btn-theme, .btn.btn-theme { background: #2424e9; /* Old browsers */ background-image: -webkit-linear-gradient(top, #2424e9 0%, #191972 100%); background-image: linear-gradient(to bottom, #2424e9 0%, #191972 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2424e9', endColorstr='#191972', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; /* background: -moz-linear-gradient(top, #fcfefc 0%, #aa2201 100%); FF3.6+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa2201), color-stop(100%,#fca104)); Chrome,Safari4+ background: -webkit-linear-gradient(top, #fcfefc 0%,#aa2201 100%); Chrome10+,Safari5.1+ background: -o-linear-gradient(top, #fcfefc 0%,#aa2201 100%); Opera 11.10+ background: -ms-linear-gradient(top, #fcfefc 0%,#aa2201 100%);IE10+ background: linear-gradient(to bottom, #fcfefc 0%,#aa2201 100%); W3C filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfefc', endColorstr='#aa2201',GradientType=1 );*/ color: #ffffff; border: 0px solid #b7ebff !important; border-width: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; /*box-shadow:inset 0 -3px 0 #635339;*/ font-weight: 600; padding: 8px 12px; letter-spacing: 2px; font-weight: bolder; } button.btn-theme:hover, .btn.btn-theme:hover, button.btn-small:hover, .btn.btn-small:hover { color: #000000; background-color: #2424e9; background: -webkit-linear-gradient(#2424e9, #2424e9); /*border: 1px solid #efca2a !important;*/ } button.btn-small, .btn.btn-small { background: #2424e9; /* Old browsers */ background: -moz-linear-gradient(top, #2424e9 0%, #191972 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2424e9), color-stop(100%,#191972)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2424e9 0%,#191972 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2424e9 0%,#191972 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2424e9 0%,#191972 100%); /* IE10+ */ background: linear-gradient(to bottom, #2424e9 0%,#191972 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2424e9', endColorstr='#191972',GradientType=1 ); /* IE6-9 */ color: #ffffff; border: 0px solid #b7ebff !important; border-width: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } button.uppercase, .btn.uppercase { text-transform: uppercase; font-size: 14px; font-weight: 400; } button.divided, .btn.divided { border-top-right-radius: 0; border-bottom-right-radius: 0; padding-right: 15px; border: 0; position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } button.divided .btn-side, .btn.divided .btn-side { display: inline-block; float: right; background-color: #464646; padding: 2px 10px; position: absolute; bottom: 0; margin-left: 15px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; font-size: 26px; } button.divided:focus, button.divided:hover, .btn.divided:focus, .btn.divided:hover { background-color: #464646; } button.btn-bordered, .btn.btn-bordered { background-color: transparent; border: 3px solid white; color: white; padding: 8px 30px; } button.btn-bordered:hover, .btn.btn-bordered:hover { background-color: #418bca; border-color: transparent; } button.btn-lg, .btn.btn-lg { font-weight: 700; } .btn-group.custom-navigation { margin: 30px 0 20px; } .btn-group.custom-navigation button, .btn-group.custom-navigation .btn, .btn-group.custom-navigation button:focus, .btn-group.custom-navigation .btn:focus { background-color: white; border: 1px solid #e6e6e6; } .btn-group.custom-navigation button i, .btn-group.custom-navigation .btn i, .btn-group.custom-navigation button:focus i, .btn-group.custom-navigation .btn:focus i { color: #ffb400; } .btn-group.custom-navigation button:hover, .btn-group.custom-navigation .btn:hover, .btn-group.custom-navigation button:focus:hover, .btn-group.custom-navigation .btn:focus:hover { background-color: #fff; border-color: transparent; } .btn-group.custom-navigation button:hover i, .btn-group.custom-navigation .btn:hover i, .btn-group.custom-navigation button:focus:hover i, .btn-group.custom-navigation .btn:focus:hover i { color: white; } .btn-group.custom-navigations { margin: 30px 0 13px; } .btn-group.custom-navigations button, .btn-group.custom-navigations .btn, .btn-group.custom-navigations button:focus, .btn-group.custom-navigations .btn:focus { background: rgba(0, 0, 0, 0); /*background-color: #312907;*/ border: 1px solid #312907; } .btn-group.custom-navigations button i, .btn-group.custom-navigations .btn i, .btn-group.custom-navigations button:focus i, .btn-group.custom-navigations .btn:focus i { color: #FFF; } .btn-group.custom-navigations button:hover, .btn-group.custom-navigations .btn:hover, .btn-group.custom-navigations button:focus:hover, .btn-group.custom-navigations .btn:focus:hover { background-color: #000000; border-color: transparent; } .btn-group.custom-navigations button:hover i, .btn-group.custom-navigations .btn:hover i, .btn-group.custom-navigations button:focus:hover i, .btn-group.custom-navigations .btn:focus:hover i { color: #ffffff; } .btn-group.with-heading { position: relative; width: 100%; } .btn-group.with-heading h3 { margin-bottom: 0 !important; } .btn-group.with-heading button, .btn-group.with-heading .btn { position: absolute; top: 0; } .btn-group.with-heading button:last-of-type, .btn-group.with-heading .btn:last-of-type { right: 0; } .btn-group.with-heading button:first-of-type, .btn-group.with-heading .btn:first-of-type { right: 28px; } .btn-group.circle-navigation button, .btn-group.circle-navigation .btn, .btn-group.circle-navigation button:focus, .btn-group.circle-navigation .btn:focus { border: 0; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding: 3px 10px; } .btn-group.circle-navigation button i, .btn-group.circle-navigation .btn i, .btn-group.circle-navigation button:focus i, .btn-group.circle-navigation .btn:focus i { font-size: 18px; color: #fff; position: relative; top: 1px; } .btn-group.circle-navigation button:last-of-type i, .btn-group.circle-navigation .btn:last-of-type i { right: -1px; } .btn-group.circle-navigation button:first-of-type i, .btn-group.circle-navigation .btn:first-of-type i { left: -1px; } .btn-group.circle-navigations button, .btn-group.circle-navigations .btn, .btn-group.circle-navigations button:focus, .btn-group.circle-navigations .btn:focus { border: 0; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding: 2px 6px; } .btn-group.circle-navigations button i, .btn-group.circle-navigations .btn i, .btn-group.circle-navigations button:focus i, .btn-group.circle-navigations .btn:focus i { font-size: 18px; color: #1a1a7d; position: relative; top: 1px; } .btn-group.circle-navigations button:last-of-type i, .btn-group.circle-navigations .btn:last-of-type i { right: 0px; } .btn-group.circle-navigations button:first-of-type i, .btn-group.circle-navigations .btn:first-of-type i { left: 0px; } /***********************************/ /************* GALLERY *************/ /***********************************/ .gallery-img { padding-top: 15px; padding-bottom: 15px; } .gallery-img a { position: relative; display: block; } .gallery-img a img { position: relative; z-index: 1; } .gallery-img a .overlay { position: absolute; display: block; width: 100%; height: 100%; background-color: black; top: 0; z-index: 2; overflow: hidden; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .gallery-img a .overlay i { position: absolute; top: 43%; left: 45%; border: 2px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 10px; padding-left: 12px; width: 48px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: white; margin: -12px 0 0 -12px; font-size: 24px; line-height: 24px; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); } .gallery-img a:hover .overlay { filter: alpha(opacity=80); opacity: 0.8; } .gallery-img a:hover .overlay i { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } figure .img-view { overflow: hidden; position: relative; text-align: center; } figure .img-view .overlay { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: rgba(0, 0, 0, 0.4); z-index: 99; } figure .img-view .overlay .overlay-controls { text-align: center; position: relative; padding: 10px; margin: 0; -webkit-transform: translateY(-150px); -moz-transform: translateY(-150px); -ms-transform: translateY(-150px); -o-transform: translateY(-150px); transform: translateY(-150px); filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 999; top: 50%; margin-top: -32px; } figure .img-view .overlay .overlay-controls > a { color: white; } figure .img-view .overlay .overlay-controls > a > i { font-size: 18px; border: 2px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 10px; width: 42px; margin: 0 5px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } figure .img-view .overlay .overlay-controls > a:hover { text-decoration: none; } figure .img-view .overlay .overlay-controls > a:hover > i { background-color: #418bca; border-color: transparent; } figure .img-view img { max-width: 100%; min-width: 100%; height: auto; vertical-align: middle; border: 0; display: block; position: relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } figure:hover { -webkit-box-shadow: 0 3px 0 0 #91bce0; box-shadow: 0 3px 0 0 #91bce0; } figure:hover .img-view img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } figure:hover .img-view .overlay { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } figure:hover .img-view .overlay .overlay-controls { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); filter: alpha(opacity=100); opacity: 1; } figure:hover figcaption { background: #418bca; color: white; } figure:hover figcaption span { color: rgba(255, 255, 255, 0.8); } figure:hover figcaption span:after { visibility: hidden; } /****************************************/ /************* OWL CAROUSEL *************/ /****************************************/ #latest-projects .owl-carousel .item { margin: 3px 10px; } #our-clients .owl-carousel .item { margin: 3px; background-color: rgba(0, 0, 0, 0.05); padding: 20px 20px; } #our-clients .owl-carousel .item img { width: 100%; filter: url("data:image/svg+xml;utf8,
  <svg xmlns="http://www.w3.org/2000/svg">
   <filter id="grayscale">
    <fecolormatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0" />
   </filter>
  </svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; transition: all 0.4s linear; } #our-clients .owl-carousel .item:hover img { filter: url("data:image/svg+xml;utf8,
  <svg xmlns="http://www.w3.org/2000/svg">
   <filter id="grayscale">
    <fecolormatrix type="matrix" values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" />
   </filter>
  </svg>#grayscale"); -webkit-filter: grayscale(0%); } #clients-feedback .owl-carousel .item { margin: 0 3px; } /***************************************/ /************* TESTIMONIAL *************/ /***************************************/ .testimonial { font-size: 18px; font-weight: 300; border: 0; background-color: #f7f7f7; padding: 30px; color: #979797; position: relative; margin-bottom: 25px; } .testimonial:after { content: ""; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 15px; border-top-color: #f7f7f7; position: absolute; bottom: -30px; left: 24px; } .testimonial-author img { width: 80px; display: inline-block; margin-right: 10px; } .testimonial-author div { display: inline-block; vertical-align: middle; } .testimonial-author div h4 { margin: 0; } .testimonial-author div span { display: block; font-size: 12px; font-weight: 300; } /********************************/ /************* TEAM *************/ /********************************/ .team-avatar { position: relative; overflow: hidden; margin-top: 10px; } .team-avatar img { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; filter: url("data:image/svg+xml;utf8,
  <svg xmlns="http://www.w3.org/2000/svg">
   <filter id="grayscale">
    <fecolormatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0" />
   </filter>
  </svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .team-avatar h4, .team-avatar span { position: absolute; } .team-avatar h4 { top: 10px; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 10px 15px; } .team-avatar span { top: 60px; background-color: rgba(65, 139, 202, 0.7); color: white; padding: 5px 30px; font-size: 12px; font-weight: 700; } .team-avatar:hover img { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); filter: url("data:image/svg+xml;utf8,
  <svg xmlns="http://www.w3.org/2000/svg">
   <filter id="grayscale">
    <fecolormatrix type="matrix" values="1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0" />
   </filter>
  </svg>#grayscale"); -webkit-filter: grayscale(0%); } .team-note { padding: 15px 20px; background-color: #f7f7f7; } .team-note p { font-size: 12px; color: #717171; } .team-note .social { margin-top: 20px; } .team-note .social &gt; a { font-size: 18px; display: inline-block; width: 36px; height: 36px; background-color: #e6e6e6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; line-height: 36px; padding-left: 10px; } .team-note .social &gt; a:hover { color: white; background-color: #418bca; } /***********************************/ /************* FIGURES *************/ /***********************************/ figure { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow: hidden; } figure figcaption { padding: 10px 10px 0; text-align: center; background: white; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } figure figcaption h5 { font-weight: 700; text-transform: uppercase; margin-bottom: 0; } figure figcaption span { font-size: 12px; color: #b1b1b1; } figure figcaption span:after { content: ""; display: block; width: 100px; height: 1px; background-color: rgba(0, 0, 0, 0.1); margin: 15px auto 0 auto; } /****************************************/ /************* TWITTER FEED *************/ /****************************************/ section.twitter-holder { min-height: 320px; text-align: center; } section.twitter-holder .icon-rounded { display: block; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; width: 80px; margin: 0 auto; position: relative; top: 0; padding-bottom: 10px; } section.twitter-holder .icon-rounded:hover { top: -10px; text-decoration: none; } section.twitter-holder .icon-rounded:hover .twitter-author { color: white; } section.twitter-holder .icon-rounded .twitter-author { font-size: 16px; font-weight: 300; margin: 5px 0; color: rgba(255, 255, 255, 0.5); display: block; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } section.twitter-holder .twitter-feed { margin-top: 20px; } section.twitter-holder .twitter-feed .tweet_list &gt; li { color: white; font-size: 16px; font-weight: 300; } section.twitter-holder .twitter-feed .tweet_list &gt; li .tweet_time a { font-weight: 700; font-style: normal; } section.twitter-holder .twitter-feed .tweet_list &gt; li a { color: white; font-style: italic; } /*****************************************/ /************* SPECIAL OFFER *************/ /*****************************************/ .special-offer-holder h1 { font-size: 46px; margin-bottom: 40px; } .special-offer-holder p { margin-bottom: 20px; } .special-offer-holder .btn { margin-top: 30px; } /******************************************/ /************* PRICING TABLES *************/ /******************************************/ .pricing-tables { margin-top: 20px; } .pricing-tables .plan { position: relative; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .pricing-tables .plan .plan-type { color: white; background-color: gray; padding: 10px 0; border-top-left-radius: 4px; border-top-right-radius: 4px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .pricing-tables .plan .plan-type h4 { margin: 0; text-align: center; } .pricing-tables .plan .plan-pricing { color: white; background-color: #666666; padding: 10px 0; text-align: center; font-size: 24px; font-weight: 300; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .pricing-tables .plan .plan-pricing strong { font-weight: 500; } .pricing-tables .plan .plan-pricing span { font-size: 14px; font-weight: 300; } .pricing-tables .plan .plan-pricing span.price { font-size: 42px; line-height: 42px; display: inline-block; vertical-align: sub; } .pricing-tables .plan .plan-features { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .pricing-tables .plan .plan-features ul { list-style: none; padding: 30px 20px; margin: 0; } .pricing-tables .plan .plan-features ul &gt; li { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 300; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 0; text-align: center; } .pricing-tables .plan .order-btn { text-align: center; padding-bottom: 20px; border: 1px solid #cccccc; border-top: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .pricing-tables .plan .order-btn .btn { text-transform: uppercase; font-weight: 700; } .pricing-tables .plan.popular .plan-type, .pricing-tables .plan:hover .plan-type { background-color: #69a3d5; } .pricing-tables .plan.popular .plan-pricing, .pricing-tables .plan:hover .plan-pricing { background-color: #418bca; } .pricing-tables .plan.popular .plan-features, .pricing-tables .plan.popular .order-btn, .pricing-tables .plan:hover .plan-features, .pricing-tables .plan:hover .order-btn { border-color: #418bca; } .pricing-tables .plan.popular { margin-top: -15px; } .pricing-tables .plan.popular .plan-pricing { padding: 20px 0; } .pricing-tables .plan.popular .plan-features, .pricing-tables .plan.popular .order-btn { border-width: 2px; } .pricing-tables .plan.popular .order-btn { padding-bottom: 30px; } @media only screen and (max-width: 992px) { .pricing-tables .plan { margin-bottom: 20px; } } @media only screen and (max-width: 768px) { .pricing-tables .plan.popular { margin-top: 20px; } } /*************************************/ /************* PORTFOLIO *************/ /*************************************/ .mix-filter { list-style: none; margin: 0 0 20px; padding: 0; } .mix-filter li { color: #717171; cursor: pointer; padding: 6px 15px; margin-right: 2px; margin-bottom: 5px; background: #eee; display: inline-block; } .mix-filter li:hover, .mix-filter li.active { color: #fff; background: #418bca; } .mix-grid .mix { display: none; position: relative; overflow: hidden; margin-bottom: 15px; } .mix-grid .mix:hover { -webkit-box-shadow: none; box-shadow: none; } /*******************************/ /************* FAQ *************/ /*******************************/ .tabs-menu { padding: 0; margin: 0 0 15px 0; list-style: none; border-left: solid 2px #418bca; } .tabs-menu li { position: relative; margin-bottom: 1px; } .tabs-menu li a { color: #717171; display: block; background: #f5f5f5; padding: 12px 10px 11px 8px; } .tabs-menu li:hover a, .tabs-menu li.active a { background: #464646; text-decoration: none; color: white; } .tabs-menu li.active a { border-left: solid 4px #418bca; } .tabs-menu li.active:after { content: ''; display: inline-block; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 6px; border-left-color: #464646; position: absolute; top: 16px; right: -12px; } /******************************************/ /************* SEARCH RESULTS *************/ /******************************************/ .search-results { list-style: none; padding: 10px 0; margin: 0; } .search-results &gt; .search-result { padding: 5px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .search-results &gt; .search-result:last-child { border-bottom: 0; padding-bottom: 0; } .search-results &gt; .search-result .cover { padding: 15px 10px; background-color: #1a1a7d; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .search-results &gt; .search-result .cover h4 { padding: 0; margin: 0 0 10px 0; font-weight: 700; } .search-results &gt; .search-result .cover h4 a { color: #ffb400; } .search-results &gt; .search-result .cover h4 a:hover { text-decoration: none; color: #418bca; } .search-results &gt; .search-result .cover &gt; p { font-size: 12px; color: #8b8b8b; } .search-results &gt; .search-result .cover &gt; a { font-size: 11px; color: #ffb400; } .search-results &gt; .search-result .cover &gt; a:hover { color: #ffb400; text-decoration: underline; } .search-results &gt; .search-result:hover .cover { background-color: #e5bd39; } .search-results &gt; .search-result .cover .image { float: left; margin: 0 40px 0 0; width: 75px; height: 75px; } /**********************************/ /************* ERRORS *************/ /**********************************/ h1.error { font-size: 62px; text-align: center; font-family: "Roboto Condensed", sans-serif; font-weight: 300; } h1.error strong { color: #418bca; display: inline-block; } section.error p { text-align: center; } section.error p.lead { margin-top: 60px; margin-bottom: 0; color: #418bca !important; font-weight: 700; } section.error .controls { text-align: center; margin-top: 40px; } section.error .controls .btn { margin-right: 10px; margin-bottom: 10px; } /*********************************/ /************* LOGIN *************/ /*********************************/ .social-login a { background-color: #d9d9d9; width: 35px; height: 35px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 2px; position: relative; overflow: hidden; } .social-login a &gt; i { font-size: 18px; color: #b1b1b1; padding: 9px; position: relative; z-index: 2; } .social-login a .overlay { display: block; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background-color: #418bca; } .social-login a:hover &gt; i { color: white; } .social-login a:hover .overlay { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /********************************/ /************* BLOG *************/ /********************************/ .blog-posts h3 { margin-top: 0; margin-bottom: 5px; } .blog-posts p { color: #ffffff; } .blog-posts a.read-more { float: right; font-family: "Roboto Condensed", sans-serif; font-weight: 300; font-size: 12px; color: #a4a4a4; } .blog-posts a.read-more i { font-size: 14px; margin-right: 2px; background-color: #f2f2f2; padding: 2px 6px; border-radius: 50%; } .blog-posts a.read-more:hover { color: #418bca; text-decoration: none; } .blog-posts a.read-more:hover i { background-color: #418bca; color: white; } .blog-posts ol, ul { color: #fff; line-height: 20px; padding: 0 25px; font-weight: 300; } .blog-divider { margin: 20px 0; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ffffff; } a { color: #e4302f; text-decoration: none; } a:hover { color: #ffffff; text-decoration: underline; } .blog-sidebar h3 { margin-top: 0; } .blog-sidebar .sidebar-widget { margin-bottom: 0px; } .blog-sidebar .sidebar-nav { margin-top: 10px; margin-bottom: 15px; } .blog-sidebar .sidebar-button { margin-bottom: 15px; } .blog-sidebar .nav.menu &gt; li &gt; a { color: #000000; padding: 10px 0; border-bottom: 1px solid #ffffff; font-size: 16px; padding-left: 10px; } .blog-sidebar .nav.menu &gt; li &gt; a &gt; i { padding-right: 10px; color: #000000; background: -webkit-linear-gradient(#000000, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .blog-sidebar .nav.menu &gt; li &gt; a:hover &gt; i { color: #ffffff; background: -webkit-linear-gradient(#ffffff, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .blog-sidebar .nav.menu &gt; li &gt; a:hover, a:active, a:focus { color: #ffffff; /*background: -webkit-linear-gradient(#e2c161, #a07b35);*/ /* background: rgba(0, 0, 0, 0);*/ background: #1a1a7d; } .blog-sidebar .nav.categories &gt; li &gt; a { color: #000; padding: 10px 0; border-bottom: 1px solid #eee; font-size: 12px; } .blog-sidebar .nav.categories &gt; li &gt; a img { padding-right: 10px; } .blog-sidebar .nav.categories &gt; li &gt; a em { color: #979797; font-size: 11px; } .blog-sidebar .nav.categories &gt; li &gt; a:hover { color: #ffffff; background: #1476d1; /* Old browsers */ background: -moz-linear-gradient(left, #1476d1 1%, #1eada9 100%, #1eada9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#1476d1), color-stop(100%,#1eada9), color-stop(100%,#1eada9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* IE10+ */ background: linear-gradient(to right, #1476d1 1%,#1eada9 100%,#1eada9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1476d1', endColorstr='#1eada9',GradientType=1 ); /* IE6-9 */ } .blog-sidebar .nav.categories &gt; li &gt; a:hover em { color: #418bca; } .blog-sidebar .nav.categories &gt; li &gt; a:before { /* content: "\f0da"; font-family: FontAwesome !important; */ font-size: 12px; padding-right: 10px; position: relative; top: -1px; } .results { background: rgba(0, 0, 0, 0); /*background: #680d0d;*/ /* background-image: -moz-linear-gradient(top, #88501e 0%, #efa200 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88501e), color-stop(100%,#efa200)); background-image: -webkit-linear-gradient(top, #88501e 0%,#efa200 100%); background-image: -o-linear-gradient(top, #88501e 0%,#efa200 100%); background-image: linear-gradient(top, #88501e 0%,#efa200 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88501e', endColorstr='#efa200',GradientType=0 );*/ padding: 10px; margin-bottom: 15px; color: #1a1a7d; border: 1px #ffffff solid; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; /* border: 1px solid transparent;*/ /* -moz-border-image: -moz-linear-gradient(top, #f69e5a 0%, #f25b5c 100%); -webkit-border-image: -webkit-linear-gradient(top, #f69e5a 0%, #f25b5c 100%); border-image: linear-gradient(to bottom, #f69e5a 0%, #f25b5c 100%); border-image-slice: 1;*/ position: relative; } .results &gt; h4 &gt; i { color: #000000; background: -webkit-linear-gradient(#000000, #000000 ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .results h4 { color: #000000; } .results-detail { width: 100%; display: inline-block; background: rgba(255, 255, 255, 1); padding: 5px 15px; color: #023760; /* border: 1px solid #393522;*/ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .news-detail { width: 100%; height: 143px; display: inline-block; background: rgba(255, 255, 255, 1); padding: 5px 15px; color: #023760; /*border: 1px solid #393522;*/ -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow-x: hidden ! important; overflow-y: auto ! important; } .results-pool { font-size: 15px; float: left !important; color: #023760; } .results-number{ font-size: 16px; font-weight: bold; float: right !important; color: #ffae00; } .latest-news { font-size: 15px; display: block; margin-bottom: 4px; } .latest-news &gt; a { color: #023760; } .latest-news &gt; a:hover { text-decoration: underline; } .latest-news .dates { font-size: 12px; color: #023760; } .blog-sidebar .recent-posts .media &gt; a { display: inline-block; width: 64px; overflow: hidden; border-radius: 50%; margin-right: 15px; } .blog-sidebar .recent-posts .media &gt; a img { height: 64px; } .blog-sidebar .recent-posts .media .media-body p { font-size: 11px; line-height: 16px; } .blog-sidebar .tags { list-style: none; padding: 0; } .blog-sidebar .tags li { position: relative; margin: 0 15px 5px 0; display: inline-block; } .blog-sidebar .tags li a { color: #717171; background: #f2f2f2; display: inline-block; padding: 2px 5px 3px; -webkit-transition: all ease-out 0.15s; -moz-transition: all ease-out 0.15s; transition: all ease-out 0.15s; font-size: 12px; font-family: "Roboto Condensed", sans-serif; font-weight: 300; } .blog-sidebar .tags li a i { color: #418bca; margin-right: 2px; -webkit-transition: all ease-out 0.15s; -moz-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .blog-sidebar .tags li a:after { top: 50%; width: 0; left: 100%; height: 0; z-index: 2; content: ""; display: block; margin-top: -11px; position: absolute; height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 11.5px; border-left-color: #f2f2f2; -webkit-transition: all ease-out 0.15s; -moz-transition: all ease-out 0.15s; transition: all ease-out 0.15s; } .blog-sidebar .tags li a:hover { background-color: #418bca; color: white; text-decoration: none; } .blog-sidebar .tags li a:hover i { color: white; } .blog-sidebar .tags li a:hover:after { border-left-color: #418bca; } .blog-details { list-style: none; padding: 0; } .blog-details &gt; li { display: inline-block; font-family: "Roboto Condensed", sans-serif; font-weight: 300; font-size: 12px; margin-right: 10px; color: #a4a4a4; } .blog-details &gt; li:last-child { margin-right: 0; } .blog-details &gt; li i { color: #418bca; font-size: 14px; margin-right: 2px; } .blog-item h2 { margin-top: 0; margin-bottom: 30px; } .blog-item p { margin-bottom: 20px; } .blog-item blockquote { margin-left: 50px; border-color: #418bca; background-color: #f7f7f7; padding: 20px; } .blog-item blockquote p { color: #717171; font-size: 18px; } .blog-item blockquote footer { color: #a4a4a4; } .blog-item .blog-details { padding: 10px; background-color: #f7f7f7; margin-top: 20px; margin-bottom: 30px; } .blog-item .blog-details li { border-right: 1px dotted rgba(0, 0, 0, 0.15); padding-right: 10px; } .blog-item .blog-details li:last-child { padding: 0; border: 0; } .blog-item .comments .comment { margin-bottom: 20px; } .blog-item .comments .comment .profile-photo { width: 10%; max-width: 80px; display: inline-block; vertical-align: top; } .blog-item .comments .comment .profile-photo &gt; a img { width: 80%; max-width: 68px; } .blog-item .comments .comment .comment-container { width: 85%; display: inline-block; vertical-align: top; border-bottom: 1px solid #eee; padding-bottom: 20px; } .blog-item .comments .comment .comment-container header { margin-bottom: 10px; } .blog-item .comments .comment .comment-container header .author { color: #a4a4a4; } .blog-item .comments .comment .comment-container header .author a { font-weight: 700; color: #585858; } .blog-item .comments .comment .comment-container header .author a:hover { color: #8b8b8b; } .blog-item .comments .comment .comment-container header .author small { display: block; color: #a4a4a4; font-size: 11px; } .blog-item .comments .comment .comment-container .comment-content p { font-size: 12px; color: #717171; } .blog-item .comments .comment .comment-container footer { margin-top: 15px; } .blog-item .comments .comment .comment-container footer &gt; a { color: #585858; font-size: 12px; display: inline-block; margin-right: 20px; } .blog-item .comments .comment .comment-container footer &gt; a &gt; i { margin-right: 3px; } .blog-item .comments .comment .comment-container footer &gt; a:hover { color: #8b8b8b; text-decoration: none; } .blog-item .comments .comment .comment-container footer &gt; a span { color: #a4a4a4; font-size: 11px; } .blog-item .comments .comment .comment-container footer &gt; a.liked &gt; i { color: #ff4a43; } .blog-item .comments .comment .comment-container footer .replies { list-style-type: none; margin: 0; padding: 0; margin-top: 20px; border-top: 1px solid #e2e2e2; padding-top: 20px; } .blog-item .comments .comment .comment-container footer .replies &gt; li:not(:first-child) { margin-top: 15px; } .blog-item .comments .comment .comment-container footer .replies &gt; li .profile-photo, .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container { display: table-cell; vertical-align: top; width: 100%; } .blog-item .comments .comment .comment-container footer .replies &gt; li .profile-photo { width: 1%; padding-right: 15px; } .blog-item .comments .comment .comment-container footer .replies &gt; li .profile-photo &gt; img { width: 36px; } .blog-item .comments .comment .comment-container footer .replies &gt; li:last-child .reply-container { border-bottom: 0; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container { font-size: 12px; color: #717171; border-bottom: 1px solid #eee; padding-bottom: 15px; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-author { font-weight: 700; color: #585858; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-author:hover { color: #8b8b8b; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-meta { font-size: 11px; margin-top: 15px; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-meta &gt; a { color: #a4a4a4; display: inline-block; margin: 0 5px; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; transition: all 0.15s linear; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-meta &gt; a:first-child { margin-left: 0; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-meta &gt; a:hover { color: #717171; text-decoration: none; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-meta &gt; a.liked &gt; i { color: #ff4a43; } .blog-item .comments .comment .comment-container footer .replies &gt; li .reply-container .reply-meta &gt; i { font-size: 5px; position: relative; top: -1.6px; } @media only screen and (max-width: 768px) { .blog-posts h3 { margin-top: 15px; } } /***********************************/ /************* RIBBONS *************/ /***********************************/ .ribbon .text { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-weight: 700; text-align: center; } .ribbon.ribbon-small .text { font-size: 10px; padding: 4px 0; } .ribbon.no-border .banner:before, .ribbon.no-border .banner:after { height: 13px; } .ribbon.no-border .banner:after { top: 31px; } .ribbon.no-border.ribbon-large .banner:before, .ribbon.no-border.ribbon-large .banner:after { height: 19px; } .ribbon.no-border.ribbon-large .banner:after { top: 46px; } .ribbon.no-border.ribbon-small .banner:before, .ribbon.no-border.ribbon-small .banner:after { height: 7px; } .ribbon.no-border.ribbon-small .banner:after { top: 19px; right: -11px; } /**********************************/ /************* FOOTER *************/ /**********************************/ footer#footer { background-color: #1a1a1a; border-top: 10px solid #2b2b2b; color: rgba(255, 255, 255, 1); font-weight: 300; font-size: 12px; } footer#footer h1, footer#footer h2, footer#footer h3, footer#footer h4, footer#footer h5, footer#footer h6, footer#footer .h1, footer#footer .h2, footer#footer .h3, footer#footer .h4, footer#footer .h5, footer#footer .h6 { color: white; } footer#footer .footer-main { padding: 0 0; } footer#footer .footer-main .widget h4 { margin-bottom: 15px; margin-top: 50px; } footer#footer .footer-main .widget p { font-size: 12px; color: rgba(255, 255, 255, 1); font-weight: 300; margin-bottom: 15px; margin-top: 15px; text-align: justify; } footer#footer .footer-main .widget address { line-height: 18px; } footer#footer .footer-main .widget input { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-right: 0; color: white; font-size: 12px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } footer#footer .footer-main .widget input::-webkit-input-placeholder { font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 16px; } footer#footer .footer-main .widget input:-moz-placeholder { font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 16px; } footer#footer .footer-main .widget input::-moz-placeholder { font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 16px; } footer#footer .footer-main .widget input:-ms-input-placeholder { font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 16px; } footer#footer .footer-main .widget input:focus { border-color: rgba(255, 255, 255, 0.3); outline: none; -webkit-box-shadow: none; box-shadow: none; background-color: rgba(255, 255, 255, 0.05); } footer#footer .footer-main .widget a:hover { color: #7db0db; } footer#footer .footer-main .widget.widget-social a { background-color: #4d4d4d; width: 35px; height: 35px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; margin: 0 2px; position: relative; overflow: hidden; } footer#footer .footer-main .widget.widget-social a &gt; i { font-size: 18px; color: #b1b1b1; padding: 9px; position: relative; z-index: 2; } footer#footer .footer-main .widget.widget-social a .overlay { display: block; position: absolute; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; background-color: #418bca; } footer#footer .footer-main .widget.widget-social a:hover &gt; i { color: white; } footer#footer .footer-main .widget.widget-social a:hover .overlay { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } footer#footer .footer-main .widget.widget-photo-stream .photo-stream { list-style-type: none; margin: 0; padding: 0; } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li { display: inline-block; margin: 2px; position: relative; overflow: hidden; } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li a { position: relative; z-index: 2; } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li a img { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 75px; height: 75px; } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li a:hover img { filter: alpha(opacity=30); opacity: 0.3; } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li a:hover + .photo-stream-overlay i { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li .photo-stream-overlay { position: absolute; display: block; width: 100%; height: 100%; background-color: #418bca; top: 0; z-index: 1; text-align: center; } footer#footer .footer-main .widget.widget-photo-stream .photo-stream &gt; li .photo-stream-overlay i { color: white; margin-top: 25px; font-size: 24px; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } footer#footer .footer-bottom { padding: 20px 0; background-color: #000; font-size: 12px; font-weight: 300; color: rgba(255, 255, 255, 1); vertical-align: middle; } footer#footer .footer-bottom .copyright { padding-top: 5px; text-align: center; } footer#footer .footer-bottom .copyright a { color: #ffb400; } footer#footer .footer-bottom .copyright a:hover { color: #dc9b00; } footer#footer .footer-bottom nav { text-align: right; } footer#footer .footer-bottom nav .footer-nav { list-style-type: none; padding: 0; margin: 0; } footer#footer .footer-bottom nav .footer-nav &gt; li { display: inline-block; margin-right: 10px; } footer#footer .footer-bottom nav .footer-nav &gt; li:last-child { margin-right: 0; } footer#footer .footer-bottom nav .footer-nav &gt; li.active &gt; a, footer#footer .footer-bottom nav .footer-nav &gt; li.active &gt; a:hover { color: white; } footer#footer .footer-bottom nav .footer-nav &gt; li &gt; a { text-transform: uppercase; color: rgba(255, 255, 255, 0.5); padding: 3px; } footer#footer .footer-bottom nav .footer-nav &gt; li &gt; a:hover { text-decoration: none; color: rgba(255, 255, 255, 0.8); } @media only screen and (max-width: 992px) { footer .footer-bottom .row div[class*="col"] { float: none; width: 100%; text-align: center; } footer .footer-bottom .row div[class*="col"]:first-child { margin-bottom: 10px; } footer .footer-bottom .row div[class*="col"] nav { text-align: center; } } /**************************************/ /************* PAGINATION *************/ /**************************************/ .pagination &gt; li &gt; a, .pagination &gt; li &gt; span { border: 0; color: #979797; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding: 3px 8px; margin: 0 3px; font-size: 12px; margin-top: 4px; } .pagination &gt; li &gt; span { background-color: #418bca; color: white; } .pagination &gt; li &gt; span:hover { background-color: #418bca; color: white; } .pagination &gt; li &gt; a:hover { color: #418bca; } .pagination &gt; li:first-child &gt; a, .pagination &gt; li:last-child &gt; a { color: #717171; background-color: #f5f5f5; font-size: 18px; width: 40px; height: 40px; line-height: 28px; padding: 6px 12px; margin-top: -4px; } .pagination &gt; li:first-child &gt; a:hover, .pagination &gt; li:last-child &gt; a:hover { color: white; background-color: #418bca; } /**************************************/ /************* SCROLL TOP *************/ /**************************************/ .scroll-top { display: none; } .scroll-top &gt; a { z-index: 99; width: 45px; height: 45px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 42px; background: rgba(0, 0, 0, 0.4); position: fixed; bottom: 20px; left: 20px; font-size: 22px; color: rgba(255, 255, 255, 0.6); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .scroll-top &gt; a:hover { background-color: #e5bd38; color: white; } /********************************/ /************* MISC *************/ /********************************/ .corner-flip { position: relative; } .corner-flip:before { content: ""; position: absolute; top: 0; right: 0; height: 0; width: 0; border-bottom: 20px solid #418bca; border-right: 20px solid transparent; border-right-color: white; z-index: 99; } .fa-rounded { border: 1px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 8px; } .bg-gray { background-color: #f7f7f7; } .bg-cyan { background-color: #22beef !important; } .bg-red { background-color: #ff4a43 !important; } .bg-blue { background-color: #418bca !important; } .bg-hotpink { background-color: #ff0066 !important; } .lead { font-weight: 300; font-size: 24px; } .el-active { color: #418bca; } .uppercase { text-transform: uppercase; } .separator { background: url(../img/separator.png) no-repeat center; height: 40px; margin-bottom: 40px; margin-top: 0; border: none; clear: both; } .separator + section { padding-top: 0; } .separator + section .block { padding-top: 0; } .no-top-padding { padding-top: 0 !important; } .no-bottom-padding { padding-bottom: 0 !important; } .no-top-margin { margin-top: 0 !important; } .no-margin { margin: 0 !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .block { display: block; } .icon-rounded { color: white; } .icon-rounded:hover { color: white; } .icon-rounded &gt; i { font-size: 26px; border: 2px solid white; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; padding: 10px; } h1 .overline, span.overline { position: relative; } h1 .overline:before, span.overline:before { content: ""; position: absolute; display: block; width: 50px; height: 6px; background-color: #418bca; top: -5px; left: 0; } span.overline:before { height: 5px; width: 40px; } .small-link { font-size: 11px; } .required { color: #ff4a43; } .text-underline { border-bottom: 1px solid #eee; padding-bottom: 10px; } @media only screen and (max-width: 478px) { .col-xxs-12 { float: none; width: 100%; } } .news-head { background: #2323e1; height: 35px; } .news-head &gt; h5 { color: #ffffff; font-weight: bold; } .news-head &gt; h5 &gt; i { color: #ffffff; background: -webkit-linear-gradient(#ffffff, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } ul.newsticker &gt; li &gt; a { color: #ffffff; } .news-body { background: #2323e1 url(../../img/afn/point.jpg) left center no-repeat; height: 35px; overflow: hidden; } .news-body a:hover { text-decoration: none; } .news-body a &gt; span { font-weight: bold; color: #ffffff; } @media only screen and (max-width: 768px) { .news-head { display: none; } } .pools-bg { background: #f76f9f url(../../img/afn/24d-bg.png) center no-repeat; /* Old browsers */ background: -moz-linear-gradient(45deg, #f76f9f 0%, #f6926e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f76f9f), color-stop(100%,#f6926e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #f76f9f 0%,#f6926e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #f76f9f 0%,#f6926e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #f76f9f 0%,#f6926e 100%); /* IE10+ */ background: linear-gradient(45deg, #f76f9f 0%,#f6926e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76f9f', endColorstr='#f6926e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .hongkong { background: rgb(27,149,82); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(27,149,82,1) 0%, rgba(115,203,123,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(27,149,82,1)), color-stop(100%,rgba(115,203,123,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,123,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,123,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,123,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,123,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9552', endColorstr='#73cb7b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .osaka { background: rgb(67,56,125); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(67,56,125,1) 0%, rgba(99,49,170,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(67,56,125,1)), color-stop(100%,rgba(99,49,170,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(67,56,125,1) 0%,rgba(99,49,170,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(67,56,125,1) 0%,rgba(99,49,170,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(67,56,125,1) 0%,rgba(99,49,170,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(67,56,125,1) 0%,rgba(99,49,170,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43387d', endColorstr='#6331aa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .live-24d { background: rgb(153,68,61); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(153,68,61,1) 0%, rgba(236,93,60,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(153,68,61,1)), color-stop(100%,rgba(236,93,60,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(153,68,61,1) 0%,rgba(236,93,60,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(153,68,61,1) 0%,rgba(236,93,60,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(153,68,61,1) 0%,rgba(236,93,60,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(153,68,61,1) 0%,rgba(236,93,60,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99443d', endColorstr='#ec5d3c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bola-gelinding { background: rgb(27,149,82); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(27,149,82,1) 0%, rgba(115,203,132,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(27,149,82,1)), color-stop(100%,rgba(115,203,132,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,132,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,132,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,132,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(27,149,82,1) 0%,rgba(115,203,132,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9552', endColorstr='#73cb7b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .roulette { background: rgb(61,150,153); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(61,150,153,1) 0%, rgba(101,226,225,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(61,150,153,1)), color-stop(100%,rgba(101,226,225,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(61,150,153,1) 0%,rgba(101,226,225,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(61,150,153,1) 0%,rgba(101,226,225,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(61,150,153,1) 0%,rgba(101,226,225,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(61,150,153,1) 0%,rgba(101,226,225,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9699', endColorstr='#65e2e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .sicbo { background: rgb(60,95,151); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(60,95,151,1) 0%, rgba(135,51,254,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(60,95,151,1)), color-stop(100%,rgba(135,51,254,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(60,95,151,1) 0%,rgba(135,51,254,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(60,95,151,1) 0%,rgba(135,51,254,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(60,95,151,1) 0%,rgba(135,51,254,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(60,95,151,1) 0%,rgba(135,51,254,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5f97', endColorstr='#8733fe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .dragon-tiger { background: rgb(201,131,84); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(201,131,84,1) 0%, rgba(226,155,79,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(201,131,84,1)), color-stop(100%,rgba(226,155,79,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, rgba(201,131,84,1) 0%,rgba(226,155,79,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, rgba(201,131,84,1) 0%,rgba(226,155,79,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(201,131,84,1) 0%,rgba(226,155,79,1) 100%); /* IE10+ */ background: linear-gradient(45deg, rgba(201,131,84,1) 0%,rgba(226,155,79,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c98354', endColorstr='#e29b4f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .bg-pool { background: url(../../img/afn/pool-bg.png) center no-repeat; background-position: 50% 20px; } .bg-24d { background: url(../../img/afn/24d-bg.png) center no-repeat; background-position: 50% 20px; } .bg-bogil { background: url(../../img/afn/bogil-bg.png) center no-repeat; background-position: 50% 20px; } .bg-sicbo { background: url(../../img/afn/sicbo-bg.png) center no-repeat; background-position: 50% 20px; } .bg-roulette { background: url(../../img/afn/roulette-bg.png) center no-repeat; background-position: 50% 20px; } .bg-dragontiger { background: url(../../img/afn/dragontiger-bg.png) center no-repeat; background-position: 50% 20px; } .date { padding: 5px 10px; font-size: 14px; text-transform: uppercase; color: #ffffff; text-align: right; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.3))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 */ } .blocks { padding: 5px 10px; color: #ffffff; text-align: center; height: 175px; } .pools { width: 100%; font-size: 18px; display: inline-block; } .number { font-size: 45px; display: inline-block; } .view-results { padding: 5px 10px; font-size: 12px; color: #ffffff; text-align: center; background: -moz-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.2)), color-stop(100%,rgba(255,255,255,0.2))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.2) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80ffffff',GradientType=1 ); /* IE6-9 */ } .view-results a { color: #ffffff; cursor: pointer; } .view-results a:hover { color: rgba(255, 255, 255, 0.5); cursor: pointer; text-decoration: none; } .view-results a &gt; i { border: 1px solid #ffffff; background: 0; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding: 4px 8px; } .view-results a:hover &gt; i { color: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5); } .bank { width: 145px; height: 50px; padding: 12px 10px 10px 10px; background-color: #fff; border: 1px solid #9d9d9d; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .nav-bank { display: none; } @media only screen and (max-width: 992px) { .nav-bank { display: block; } } .online{ float: left; width: 18px; height: 17px; margin-top: 5px; margin-right: 15px; background: url(../../img/indicator.png) 0px 0px no-repeat; } .offline{ float: left; width: 18px; height: 17px; margin-top: 5px; margin-right: 15px; background: url(../../img/indicator.png) 0px -17px no-repeat; } .margin { margin: 0 32px; } @media only screen and (max-width: 1200px) { .margin { margin: 0; } } @media only screen and (max-width: 992px) { .margin { margin: 0; } } ::-webkit-input-placeholder { font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 18px; font-style: italic; } :-moz-placeholder { /* Firefox 18- */ font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 18px; font-style: italic; } ::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 18px; font-style: italic; } :-ms-input-placeholder { font-size: 12px; color: rgba(255, 255, 255, 0.3); line-height: 18px; font-style: italic; } .legend { margin-top: 20px; } .extra_space { padding: 20px 0; background: none; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .padding-top-20 { padding-top: 20px; } thead th { background: #e5bd39; color: #000; } tbody { color: #1e201c; } table tr { background-color: rgb(234, 234, 234); } .table .even { background-color: rgb(247, 247, 247); } .vertical-slider { height: 147px; margin: auto; } .control-label { color: #000000; } .fa-history { color: #000000; background: -webkit-linear-gradient(#000000, #000000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }