.careerBg_img{background-image: url(../image/slider_08.jpg);background-repeat: no-repeat;height: 396px;width: 100%;background-size: cover;z-index: 9;} .career_formbg{background-color: rgba(12, 12, 12, 0.09);margin: auto;float: none;height: 396px;padding:0px;} .careerPage_Search>input{width: 55%;float: right;border-radius: 3px;} .careerPage_Search{margin-top: 10px;} .career_formheader{margin-top: 50px;padding: 0px;} .career_heading{padding:0px;} .career_heading>h1{margin-top: 10px;margin-bottom: 10px;color: #238fcf;font-weight: bold;border-bottom: 1px solid #238fcf; width: 39%; padding-bottom: 15px;} .careerPage_input{background-color: rgba(0, 0, 0, 0.06);padding: 60px 60px 60px 60px;margin-bottom: 50px;margin-top: 20px;} .careerPage_input>div>input{height: 35px;border-radius: 3px;font-size: 12px;} .careerPage_input>div>textarea{height: 35px;resize: none;} .careerFile_btn{position: absolute;top: 32px;left: 17px;} .careerPage_wrapper{margin: auto;margin-top: 20px;float: none;} .careerPage_input>div>label{color: #a0a0a0;} .careerPage_input>div{margin-bottom: 15px;} .careerPage_sndBtn>button{position: absolute;right: 116px;top: -124px;border-radius: 3px; font-size: 18px;background-color: #1e93e1;border-color: #1e93e1;} .careerPage_sndBtn>button:hover{background-color: #1e93e1;border-color: #1e93e1;} .careerPage_sndBtn>button:focus{background-color: #1e93e1;border-color: #1e93e1;} .careerPage_sndBtn{margin-top: 20px;} .captcha_img{height: 25px} .careersFormHeading{text-align: center;margin-top: 233px;font-size: 60px;letter-spacing: 0.5px;line-height: 66px; font-weight: bold;padding: 0;color: #fff;} body.boxed #wrapper .header-style-2 .container {width: 100%;} .header-style-2 {background-color:rgba(255, 255, 255, 0.8);z-index: 2;display: block;position: absolute;width: 100%;border-bottom: 1px solid #f7f7f7; } .header-style-2 .topbar strong {padding-left: 30px;} .header-style-2 .navbar-brand {padding:10px;position: relative;display: block;float:none;} .header-style-2 .social {display: inline-block;float: right;padding-right: 30px;margin-top: 30px;} .header-style-2 .navbar-brand {width: 100%;text-align: center;} .header-style-2 .navbar-brand img {margin: auto;max-width: 153px;} .header-style-2 .topbar {border-right: 1px solid #f7f7f7} .header-style-2 .navbar-nav > li > a {padding:15px;} .header-style-2 .yamm .dropdown.yamm-fw .dropdown-menu {left: -20%;} .header-style-2 .navbar-brand {border-left: 1px solid #f7f7f7;border-right: 1px solid #f7f7f7;height: 83px;padding: 0 20px;} .header-style-2 .cartdropdown, .header-style-2 .searchdropdown {border:0;} .header-style-2 .searchdropdown .rotateicon {width: 28px;height: 28px;display: inline-block;line-height: 28px; text-align: center;color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .header-style-2 .searchdropdown .rotateicon {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;} .header-style-2.header-absolute .topbar span, .header-style-2.header-absolute .topbar span a, .header-absolute .navbar-nav > li > a {color:#ffffff !important;} .header-style-2.header-absolute {top:0;} .header-style-2.header-absolute, .header-style-2.header-absolute .topbar, .header-style-2.header-absolute .header, .header-absolute .navbar-default, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: transparent !important;} .header-style-2.header-absolute .navbar-brand {border-left: 1px solid rgba(255,255,255,0.3);border-right: 1px solid rgba(255,255,255,0.3);} .header-style-2.header-absolute .topbar,.header-style-2.header-absolute {border-bottom-color: rgba(255,255,255,0.3);} .header-style-2.header-absolute .topbar,.header-style-2.header-absolute .navbar {border-right-color: rgba(255,255,255,0.3);} .nopad {padding:0 !important;} .nopadtop {padding-top: 0 !important;} .nopadbot {padding-bottom: 0 !important;} .big-box.nopad {padding:0 !important;} #vertical .navbar-default, #vertical .navbar-default .nav, #vertical .navbar-default .collapse, #vertical .navbar-default .dropup, #vertical .navbar-default .dropdown {position: static;width: 100% !important;left:0;} #vertical .navbar-collapse { padding: 0 } #vertical .navbar-default .navbar-nav li .vertical-menu { left: 300px !important; right: 0 !important; top:auto; margin-top: -60px !important; max-width: 300px; padding:10px 0; } #vertical .navbar-default .navbar-nav li .vertical-dropdown-menu { opacity: 1; position: relative; left: 300px !important; right: 0 !important; top:auto; margin-top: -65px !important; max-width: 300px; padding:20px 0; } #vertical .navbar-default .navbar-nav li .dropdown { width: 280px !important } #vertical .navbar-default .navbar-nav li ul { width: 100% !important } #vertical .navbar-nav .has-submenu .dropdown-menu { top:-13px; } #vertical .navbar-default .fa-angle-right { top:22px; } #vertical .navbar-default .dropdown-menu .fa-angle-right { top:12px; } #vertical .yamm-fw .dropdown-menu { background-color: #111; min-width: 1180px; } .navbar-default .yamm-fw li a, .navbar-default .dropdown-menu > li > a{font-family: 'Oswald', sans-serif !important;} .navbar-default { background: none; border:0; z-index: 1000; box-shadow: none; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #ffffff !important; } .navbar-default .dropdown-menu { box-shadow: none; padding:20px; background-color: #f7f7f7 !important; border-color:#f7f7f7; border-bottom: 2px solid #ffffff; } .navbar-default .fa-angle-down { padding-left: 5px; } .navbar-default .fa-angle-right { position: absolute; right: 20px; top:13px; } .navbar-default .yamm-fw ul { padding:0; } .navbar-default .yamm-fw li { list-style: none; } .navbar-default .yamm-fw li a, .navbar-default .dropdown-menu > li > a { letter-spacing: 0.3px; font-size: 14px; font-weight: 400 !important; padding:10px 30px; } .navbar-default .yamm-fw li a { padding: 0 !important; } #vertical .navbar-header { border:0 !important; padding-left: 0 !important; margin-left: 0 !important; } #vertical .navbar-header { width: 100%; display: block; margin:50px auto 10px;} .navbar-header {background: #FFF} .social a i,{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .social a { width: 28px; height: 28px; margin:0 0 0 15px; background-color: #f7f7f7; text-align: center; font-size: 14px; display: inline-block; line-height: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .social a i { color:#bababa; } .social a:hover i { color:#ffffff; } .social.defaultstyle a { background-color: #f7f7f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; height: 47px; line-height: 47px; margin: 0 12px; text-align: center; width: 47px; } .social.borderradius a { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .social.noradius i, .social.noradius a { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .social.noradius a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social.backwhite a:hover, .social.backwhite a { background-color: #ffffff !important; border:1px solid #e3e3e3 !important; box-shadow: none !important; } .social a i { color:#bababa; } .social a:hover i { color:#ffffff; } .social.defaultstyle a { background-color: #f7f7f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; height: 47px; line-height: 47px; margin: 0 12px; text-align: center; width: 47px; } .social.borderradius a { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .social.noradius i, .social.noradius a { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .social.noradius a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social.backwhite a:hover, .social.backwhite a { background-color: #ffffff !important; border:1px solid #e3e3e3 !important; box-shadow: none !important; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; } .header-style-4 .container-fluid { padding-left: 60px; padding-right: 60px; } body.leftside .container-fluid { max-width: 1180px; } *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } body{ color: #999999; background-color: #ffffff; font-size: 14px; padding:0; line-height: 26px; font-weight: 400; } body.boxed #wrapper { margin: 30px auto; overflow: hidden; max-width: 1280px } body.boxed .transparent-header { padding-top: 6em; } .comingsoon { background: url(upload/comingsoon.jpg) repeat center center scroll; } body.boxed { background: url(images/pattern.png) repeat center center scroll; } body.boxed #wrapper .header-style-2 .container { width: 100%; } body.landingpage .btn-normal { border-radius: 7px; font-size: 16px !important; font-weight: bold; color:#ffffff !important; letter-spacing: 0.6px; line-height: 1 !important; padding: 14px 35px 14px !important; } a { color: #c0474d; text-decoration: none; outline: none; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a:hover, a:focus { color: #D7898D; outline: none; } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-15 { width: 20%; float: left; } .first{clear:both} .last{margin-right:0} h1, h2, h3, h4, h5, h6 { color:#222222; } .alignleft { float:left; display: table-cell; margin:0 10px 10px 0; } .check1 { padding:0; list-style: none; } .check1 li:before { content: "\f00c"; font-family: "FontAwesome"; font-size: 13px; left: 0; color:#121212; padding-right:8px; position: relative; top: 0; } .hoverlist ul { list-style: none; padding:0; } ul > li > div.blog-post .StyleNumber { background-color: #f7f7f7; border-bottom: 1px solid #d7d5d2; border-radius: 2px; display: block; color:#222222; float: left; font-size: 12px !important; margin: 6px 0 0; padding: 0 10px 0; position: relative; } .hoverlist ul > li { margin-bottom: 15px; display: block; } .hoverlist .VisibleButtons { padding-left: 0; } /****************************************** HEADER & TOPBAR ******************************************/ .abutton { background-color: #111 !important; display: block; height: 30px !important; line-height: 30px !important; position: absolute; right: -16px !important; text-align: center; top: 48px; width: 30px !important; } .abutton a { color:#ffffff !important; } .topbar { position: relative; display: block; /*background-color: #ffffff;*/ padding:18px 0; line-height: 22px; border-bottom: 1px solid #f7f7f7; } .topbar strong { font-size: 15px; font-weight: 400; letter-spacing: 0.3px; line-height: 22px; } .topbar span, .topbar span a { line-height: 22px; font-size: 14px; color:#FFF !important; text-decoration: none; } .topbar span { padding-left: 20px; } .polygonaccordion .accordion-heading .accordion-toggle > em, .icon-absolute span, .abutton, .contactdiv span, .topbar span small { width: 28px; height: 28px; margin:0 10px 0 0; background-color: #f7f7f7; text-align: center; font-size: 14px; display: inline-block; line-height: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); } .abutton i, .icon-absolute span i, .contactdiv span i, .footer-social span i, .visible-buttons span i, .icon-container i, .social a i, .topbar span small i{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .footer-social span, .social a { width: 28px; height: 28px; margin:0 0 0 15px; background-color: #f7f7f7; text-align: center; font-size: 14px; display: inline-block; line-height: 28px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .social a i { color:#bababa; } .social a:hover i { color:#ffffff; } .social.defaultstyle a { background-color: #f7f7f7; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 18px; height: 47px; line-height: 47px; margin: 0 12px; text-align: center; width: 47px; } .social.borderradius a { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .social.noradius i, .social.noradius a { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .social.noradius a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .social.backwhite a:hover, .social.backwhite a { background-color: #ffffff !important; border:1px solid #e3e3e3 !important; box-shadow: none !important; } .yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown.yamm-fw { position: static; float: left; } .yamm .container { position: relative; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 0; right: 0; } .container > .navbar-collapse { margin-right: -15px; } .navbar { margin:0; } .navbar-default { background: none; border:0; z-index: 1000; box-shadow: none; } .navbar-brand { border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; height: 120px; padding: 40px 20px; } .yamm-content p { font-size: 18px; font-weight: 400; line-height: 40px; padding:0 !important; letter-spacing: 0.5px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; } .navbar-nav > li > a { color: #999999 !important; font-size: 15px; font-weight: 400; letter-spacing: 0.3px; line-height: 60px; padding: 30px 15px; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #ffffff !important; } .navbar-default .dropdown-menu { box-shadow: none; padding:20px; background-color: #f7f7f7 !important; border-color:#f7f7f7; border-bottom: 2px solid #ffffff; } .navbar-default .fa-angle-down { padding-left: 5px; } .navbar-default .fa-angle-right { position: absolute; right: 20px; top:13px; } .navbar-default .yamm-fw ul { padding:0; } .navbar-default .yamm-fw li { list-style: none; } .navbar-default .yamm-fw li a, .navbar-default .dropdown-menu > li > a { letter-spacing: 0.3px; font-size: 14px; font-weight: 400 !important; padding:10px 30px; } .navbar-default .yamm-fw li a { padding: 0 !important; } .cartdropdown li a { font-weight: bold; font-size: 14px; } .cartdropdown i { padding:0 3px 0 0; } .cartdropdown .cartcount { padding:0 0 0 3px; } .cartdropdown { border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; } .searchdropdown { border-left: 1px solid #f7f7f7; } .navbar-nav { margin: 0; } .yamm-content { padding:20px 30px !important; } .yamm-content li a { text-decoration: none; } .header .btn-lg { border-radius: 0; } .header .form-control { border-radius: 0; border-color:#f7f7f7; border:1px solid #ffffff; box-shadow: none; font-size: 13px; } .border-right { padding-left: 60px; border-right: 1px solid #e9e9e9; } .border-right.noborder { border-right:0 !important; } .header { /*background-color: #fff;*/ z-index: 2; } .header-style-2 { background-color:rgba(255, 255, 255, 0.8); z-index: 2; display: block; position: absolute; width: 100%; border-bottom: 1px solid #f7f7f7; } .header-style-2 .topbar strong { padding-left: 30px; } .header-style-2 .navbar-brand { padding:10px; position: relative; display: block; float:none; } .header-style-2 .social { display: inline-block; float: right; padding-right: 30px; margin-top: 30px; } .header-style-2 .navbar-brand { width: 100%; text-align: center; } .header-style-2 .navbar-brand img { margin: auto; max-width: 153px; } .afterbanner, .section.afterarrrow { z-index: 1; position: relative; } .afterbanner:after, .section.afterarrrow:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #ffffff; border-width: 35px; margin-left: -35px; } .nopad { padding:0 !important; } .nopadtop { padding-top: 0 !important; } .nopadbot { padding-bottom: 0 !important; } .masonrypad { padding:15px 10px !important; } .section.littlepad { padding: 60px 0; } .section.custompad { padding: 60px 0 90px; } .header-style-2 .topbar { border-right: 1px solid #f7f7f7 } .header-style-2 .navbar-nav > li > a { padding:15px; } .navbar { border:0; border-radius: 0 !important; margin-bottom: 0; border-right: 1px solid #f7f7f7; } .header-style-2 .yamm .dropdown.yamm-fw .dropdown-menu { left: -20%; } .header-style-2 .navbar-brand {border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7;height: 83px;padding: 0 20px;} .header-style-2 .cartdropdown, .header-style-2 .searchdropdown { border:0; } .header-style-2 .searchdropdown .rotateicon { width: 28px; height: 28px; display: inline-block; line-height: 28px; text-align: center; color:#ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .header-style-2 .searchdropdown .rotateicon { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rotateicon small{ padding-left: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header-absolute { background:none; background-color: transparent !important; position: absolute; top:30px; left: 0; width: 100%; right: 0; } body.boxed .header-absolute { position: relative; background-color: #111111 !important; } .header-style-2.header-absolute .topbar span, .header-style-2.header-absolute .topbar span a, .header-absolute .navbar-nav > li > a { color:#ffffff !important; } .header-style-2.header-absolute { top:0; } .header-style-2.header-absolute, .header-style-2.header-absolute .topbar, .header-style-2.header-absolute .header, .header-absolute .navbar-default, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent !important; } .header-absolute .searchdropdown, .header-absolute .cartdropdown, .header-absolute .navbar-brand { border:0; } .header-style-2.header-absolute .navbar-brand { border-left: 1px solid rgba(255,255,255,0.3); border-right: 1px solid rgba(255,255,255,0.3); } .header-style-2.header-absolute .topbar, .header-style-2.header-absolute { border-bottom-color: rgba(255,255,255,0.3); } .header-style-2.header-absolute .topbar, .header-style-2.header-absolute .navbar { border-right-color: rgba(255,255,255,0.3); } .header-dark-transparent { top:0; background-color: rgba(0,0,0,0.2) !important } .header-border .container { border:1px solid rgba(255,255,255,0.3); } .header-border .navbar-brand { border-right: 1px solid rgba(255,255,255,0.3); } .parallax .stat-count, .header-dark-links .navbar-nav > li > a { color:#222222 !important; } .whitecolor.parallax h3 span { color:#ffffff !important; } .header-fullwidth { top:0; border:0 !important; } .header-fullwidth .container { border-left: 0 !important; border-right: 0 !important; width: 100%; border-top: 0; } .header-fullwidth .searchdropdown{ padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.3); } .header-fullwidth .yamm.navbar { border:0 !important; padding:0 !important; margin:0 !important; box-shadow: none !important } .header-light .abutton i{ color:#222222 !important; } .header-light .abutton { background-color: #ffffff !important; } .header-onepage .navbar-nav > li > a { letter-spacing: 0.3px; line-height: 35px; padding: 0 23px; margin-top: 45px; -webkit-border-radius: 5px !important; -moz-border-radius:5px !important; border-radius: 5px !important; } .header-onepage.header-fullwidth .searchdropdown { border-left: 0; } .header-onepage .navbar-nav .has-submenu .dropdown-menu { margin-top:41px; } .header-onepage.affix { position: fixed; background-color: rgba(18, 18, 18, 0.97) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } .header-onepage { left: 0; position: absolute; top: 0; width: 100%; z-index: 1030; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } .header-style-4 .navbar-nav > li > a { color: #022222 !important; } .header-style-4 .searchdropdown { margin-left: 80px; } .header-style-4 .container-fluid { padding-left: 60px; padding-right: 60px; } /****************************************** OVERLAY MENU ******************************************/ /* Overlay style */ .overlay { position: fixed; width: 100%; height: 100%; top: 0; z-index: 9999; left: 0; background-color: rgba(0,0,0,0.9); } /* Overlay closing cross */ .overlay .overlay-close { width: 40px; height: 40px; position: absolute; right: 40px; top: 40px; overflow: hidden; border: none; background: url(images/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; } /* Menu style */ .overlay nav { text-align: center; position: relative; top: 50%; height: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; } .overlay ul li { display: block; padding:10px; letter-spacing: 15px; margin:15% 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .overlay ul li a { font-size: 30px; font-weight: bold; letter-spacing: 0.4px; display: block; text-transform: uppercase; line-height: 38px; text-decoration: none; color: #fff !important; -webkit-transition: color 0.2s; transition: color 0.2s; } /* Effects */ .overlay-door { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s; transition: width 0.5s 0.3s, visibility 0s 0.8s; } .overlay-door.open { visibility: visible; width: 100%; -webkit-transition: width 0.5s; transition: width 0.5s; } .overlay-door nav { position: absolute; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .overlay-door nav, .overlay-door .overlay-close { opacity: 0; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; } .overlay-door.open nav, .overlay-door.open .overlay-close { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .overlay-door.close nav, .overlay-door.close .overlay-close { -webkit-transition-delay: 0s; transition-delay: 0s; } /****************************************** OFFCANVAS SIDEBAR ******************************************/ body.leftside .container-fluid { max-width: 1180px; } #sidebar-fix { width: inherit; min-width: 300px; max-width: 300px; background-color:#fff; float: left; height:100%; bottom:0; left: :0; overflow-y:auto; z-index: 9991; overflow-x:hidden; border-right: 1px solid #f7f7f7; position: fixed; top: 0; height: 100%; -webkit-overflow-scrolling:touch; overflow:visible; } #sidebar-fix hr { border:0; margin-top: 60px; } #main { height:100%; overflow:auto; margin-left:300px; } .mobile-menu { z-index: 9999; display: block; position: fixed; top:0; left: 0; display: none; line-height: 0; background-color: #ffffff; } .mobile-menu button { background-color: #ffffff !important; border:0 !important; } .mobile-menu .fa-bars { border:0 solid #dddddd; padding:10px; background-color: #ffffff !important; border-radius: 0 !important; font-size: 14px !important; } body.leftside .navbar-toggle { border: 0 none; width: 40px; border-radius: 0; margin-bottom: 35px; margin-right: -1px; margin-top: -50px; } /* MENU VERTICAL */ #vertical .navbar-brand { width: 100%; border:0 !important; padding:0; display: block; margin:auto; border-bottom:1px solid #f7f7f7 !important; } #vertical .navbar-brand img { margin:0 auto; } #vertical .navbar-default, #vertical .navbar-default .nav, #vertical .navbar-default .collapse, #vertical .navbar-default .dropup, #vertical .navbar-default .dropdown { position: static; width: 100% !important; left:0; } #vertical .navbar-collapse { padding: 0 } #vertical .navbar-default .navbar-nav li .vertical-menu { left: 300px !important; right: 0 !important; top:auto; margin-top: -60px !important; max-width: 300px; padding:10px 0; } #vertical .navbar-default .navbar-nav li .vertical-dropdown-menu { opacity: 1; position: relative; left: 300px !important; right: 0 !important; top:auto; margin-top: -65px !important; max-width: 300px; padding:20px 0; } #vertical .navbar-default .navbar-nav li .dropdown { width: 280px !important } #vertical .navbar-default .navbar-nav li ul { width: 100% !important } #vertical .navbar-nav .has-submenu .dropdown-menu { top:-13px; } #vertical .navbar-nav > li > a { padding:10px 25px; line-height: 40px; } #vertical .nav, #vertical .navbar, #vertical .navbar-header { border:0 !important; padding-left: 0 !important; margin-left: 0 !important; } #vertical .navbar-header { width: 100%; display: block; margin:50px auto 10px; } #vertical .navbar-default .fa-angle-right { top:22px; } #vertical .navbar-default .dropdown-menu .fa-angle-right { top:12px; } #vertical .yamm-fw .dropdown-menu { background-color: #111; min-width: 1180px; } /****************************************** HEADER CART ******************************************/ .cartdropdown .table > thead > tr > th, .cartdropdown .table > tbody > tr > th, .cartdropdown .table > tfoot > tr > th, .cartdropdown .table > thead > tr > td, .cartdropdown .table > tbody > tr > td, .cartdropdown .table > tfoot > tr > td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #3a3a3a; border-image: none; border-style: none none none; padding:15px; border-width: 0 0 0; vertical-align: top; } .cartdropdown li strong, .cartdropdown li a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important; display: block; color:#999999; font-size: 14px; line-height: 1 !important; padding: 0 !important; } .navbar-nav .cartdropdown .dropdown-menu { width: 315px; } .navbar-nav .languagebutton .dropdown-menu { min-width: 50px; max-width:50px !important; padding:10px !important; } .navbar-nav .languagebutton .dropdown-menu img { width: 100%; } .navbar-nav .languagebutton .dropdown-menu li { margin: 5px 0 } .table hr { border:0 !important; margin:15px 0 0; } .cartdropdown h4 { padding-left: 15px; font-size: 14px; font-weight: bold; } .cartdropdown .btn { color: #ffffff !important; font-size: 14px; font-weight: 400; padding: 10px !important; } .cartdropdown strong { font-weight: 400 !important; letter-spacing: 0.5px; } .cartdropdown small a { display: block; font-family: Arial; font-style: normal; margin: 10px 0 !important; } /****************************************** SECTIONS ******************************************/ .custom-styles:hover img { margin-top: -10px; } .custom-styles img { -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .custom-styles h4 { color:#ffffff; padding:10px 0 0; font-size: 21px; } .section.darkbg { background-color: #111111; } .bluebg .general-title hr { border-color:#ffffff !important; } .bluebg .general-title p, .bluebg h2, .darkbg h2 { color:#ffffff !important; } .home-text h4 a { text-decoration: underline; } .home-text h4 { font-weight: bold; letter-spacing: 0.4px; font-size: 36px; line-height: 60px; margin:0 !important; padding:0 !important; } .home-text p { font-style: italic; font-size: 18px; font-weight: 400; color:#999999; line-height: 36px; letter-spacing: 0.6px; } #slider_before { right:120px; bottom:-20px; position:absolute; width:790px; z-index:1;height:477px; margin:0; background:url('images/slider_laptop_right.png'); overflow:hidden; } #slider_after { left:120px; bottom:-20px; position:absolute; width:790px; z-index:1;height:477px; margin:0; background:url('images/slider_laptop_left.png'); overflow:hidden; } #slider-mid { left:0; right: 0; position:relative; margin:0 auto; width:832px; z-index:2;height:494px; background:url('images/slider.gif'); overflow:hidden; } .home-section { padding:120px 0 !important; } .f48 { margin:0 !important; padding: 0 0 10px !important; line-height: 1 !important; font-size: 48px !important; text-transform: uppercase; } .section-absolute { left: 0; padding: 0; position: absolute; right: 0; top: -134px; border-bottom:1px solid #eee; z-index: 100; } .home-stats .border-right { border-right: 1px solid #eee; } .home-stats { padding:0; background-color: #ffffff; } .home-widget { padding:30px; } .home-stats h3 { font-size: 35px; margin:0; padding:0; font-weight: bold; letter-spacing: 0.5px; } .home-stats p { font-style: italic; font-size: 18px; color:#b8b8b8; margin:0; padding:10px 0 0; } .home-text-wrapper{ display: table; width: 100%; height: 100%; text-align: center; } .home-content{ position: relative; } .home-message{ display: table-cell; height: 100%; vertical-align: middle; } .home-message .skills small { background-color: transparent; border-radius: 5px; color: #fff; font-size: 18px; font-style: normal; font-weight: bold; letter-spacing: 0.4px; line-height: 1; padding: 6px 10px; position: absolute; right: 0; top: 20px; } .home-message h1 { color:#ffffff; text-transform: uppercase; letter-spacing: 0.4px; font-size: 90px; padding-top: 0; margin-top: 0; line-height: 66px; font-weight: bold; } .home-message .progress { background-color: rgba(255, 255, 255, 0.3); } .grey .progress { background-color: #ffffff; } .home-message .skills p { text-align: left; font-style: normal; padding: 20px 0; color:#fff !important; } .home-message p { font-style: italic; color:#fff; letter-spacing: 0.7px; } .border-top { border-top:1px solid #f7f7f7; } .row { margin-left: -15px; margin-right: -15px; } .parallax { /* fix background */ background-attachment: fixed; /* center it */ background-position: center center; /* Scale it nicely to the element */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .banner-wrapper { background-attachment: scroll !important; background-position: center center !important; background-repeat: no-repeat !important; } .box-shadow { -webkit-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.15); -moz-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.15); box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.15); } .section { position: relative; display: block; background-color: #ffffff; padding:90px 0; } .section.grey { background-color: #f7f7f7; } .general-title h2, .intro h2 { color:#ffffff; padding:0; font-size: 30px; letter-spacing: 0.6px; margin:0; line-height: 1; font-weight:bold; } .demo-title h2 { color:#ffffff; padding:0; font-size: 36px; letter-spacing: 0.6px; margin:40px 0 0; line-height: 54px; font-weight:bold; } .demo-title p { font-size: 18px; line-height: 36px; font-style: italic; color:#ffffff; } .intro h1 { color:#ffffff; padding:0; font-size: 36px; text-transform: uppercase; letter-spacing: 0.6px; margin:0; line-height: 1; font-weight:bold; } .lovertext h2{ text-transform: none !important; } .dark .general-title h2 { color:#ffffff; } .small-title h2 { font-size: 24px; text-transform: uppercase; padding-top: 0; margin-top: 0; font-weight: bold; letter-spacing: 0.7px; } .creative-title h2 { padding-top: 0; margin-top: 0; line-height: 68px; letter-spacing: 0.6px; font-weight: 300; font-size: 48px; } .biggersize { font-size:36px; } .general-title h5 { font-size: 36px; line-height: 76px; letter-spacing: 0.6px; text-transform: capitalize; padding:0; margin:0; font-weight: normal; } .intro h2 { text-transform: uppercase; } .intro h2 span { text-decoration: underline; } .themecolor { padding:85px 0; position: relative; } .themecolor:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index: 10; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #88b7d5; border-width: 30px; margin-left: -30px; } .general-title h2 { color: #222222; } .statwrap small, .general-title p { font-style: italic; font-size: 15px; line-height: 30px; padding:0; letter-spacing: 0.6px; color:#999999; } .general-title hr { width: 140px; margin: 20px auto; } hr.height5 { border-width: 5px; } hr.dotted { border-style: dotted; border-width: 3px 0 0; } hr.dashed { border-style: dashed; border-width: 2px 0 0; } hr.circle1 { width:100%; margin:40px 0 30px !important; display: block; padding:0; list-style: none; } hr.circle1:before { content: "\f005"; font-family: "FontAwesome"; font-size: 14px; color:#121212; position: relative; top: -14px; bottom:0; height: 30px; display: inline-block; line-height: 31px; text-align: center; float:left; width: 30px; -webkit-border-radius: 100px !important; -moz-border-radius:100px !important; border-radius: 100px !important; } .circleright:before { float:right !important; } .circlemid:before { float:none !important; margin:0 auto !important; display: block !important; } .general-title { display: block; padding: 0; position: relative; text-align: center; } .general-title.text-left { text-align: left; } .general-title.text-left hr { margin:20px 0; } .hi-icon { display: inline-block; cursor: pointer; text-align: center; position: relative; } .hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .hi-icon:before { speak: none; -webkit-font-smoothing: antialiased; } .rounded-services .box .hi-icon:after { -webkit-border-radius: 100px !important; -moz-border-radius:100px !important; border-radius: 100px !important; } /****************************************** PORTFOLIO ******************************************/ .portfolioprevnext h3, .portfolioprevnext h3 a { font-size: 24px; letter-spacing: 0.6px; color: #999999 !important; font-weight: bold; padding:0 10px; } .portfolioprevnext h3 a i { padding:0 10px; } .sharebuttons a { font-size: 18px; margin: 0 8px; color:#999999 !important; } .portfolio-detail .fa { font-size: 16px !important; margin-right: -2px; } .portfolio-detail .fa-star { color:#ffc20a !important; } .portfolio-detail .fa-star-o { color:#dbdbdb !important; } .portfolio-detail p { padding-bottom: 0; margin-bottom: 0; } .portfolio-detail h3 a { color:#999999 !important; font-size: 14px; font-style: italic; padding-left: 4px; letter-spacing: 0.4px; font-weight: 400; } .portfolio-detail h3 { font-size: 18px; letter-spacing: 0.6px; padding:0; margin:0; line-height: 1; font-weight: bold; } .portfolio-detail { border:1px solid #f7f7f7; padding:20px; margin-bottom: 5px; } .single-portfolio h2 { letter-spacing: 0.6px; font-size: 30px; padding-bottom: 40px; font-weight: bold; } .filterfull { padding:60px 0 20px; } .filterfull .portfolio-filter li { background-color: transparent !important; border: 0 none; border-radius: 8px; box-shadow: none !important; color: #ffffff !important; margin: 0 4px !important; font-size: 18px; font-weight: bold; padding: 10px 10px; } .filterfull .portfolio-filter li a { font-size: 18px; font-weight: bold; } .filterfull .portfolio-filter li.active a { border-bottom: 2px solid #ffffff; } .filterfull .portfolio-filter li a { color:#ffffff !important; } .filterfullwhite { padding:60px 0 0; } .filterfullwhite .portfolio-filter li { background-color: transparent !important; border: 0 none; border-radius: 8px; box-shadow: none !important; color: #999 !important; margin: 0 4px !important; font-size: 18px; font-weight: bold; padding: 10px 10px; } .filterfullwhite .portfolio-filter li a { font-size: 18px; font-weight: bold; } .filterfullwhite .portfolio-filter li.active a { border-bottom: 2px solid #ffffff; } .filterfullwhite .portfolio-filter li a { color:#999 !important; } .gridlayout .item { margin-bottom: 40px; } .onecolportfolio .portfolio-desc small a, .onecolportfolio .portfolio-desc small { font-style: italic; font-size: 14px; line-height: 1; color:#999999 !important; padding:5px 0 10px; display: block; } .onecolportfolio .portfolio-desc .check1 { padding:10px 0; display: block; } .onecolportfolio .portfolio-desc h3, .onecolportfolio .portfolio-desc h3 a { font-size: 24px; font-weight: bold; letter-spacing: 0.6px; color:#222222 !important; } .onecolportfolio .portfolio-desc { padding:30px 30px; } .onecolportfolio { background-color: #f7f7f7; margin-bottom: 30px; z-index: 1 !important; } .portfolio-filter { margin-bottom: 45px; } .portfolio-filter li { padding:0 !important; margin:0 4px !important; } .portfolio-filter li a{ background-color: #f7f7f7; border:1px solid #f3f3f3; padding: 10px 20px; margin: 0 !important; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; -webkit-box-shadow: 0px 1px 0px 0px #e6e6e6; -moz-box-shadow: 0px 1px 0px 0px #e6e6e6; box-shadow: 0px 1px 0px 0px #e6e6e6; } .portfolio-filter li a { color:#999999 !important; font-size: 14px; text-decoration: none; letter-spacing: 0.5px; } .filterfull .portfolio-filter li a { color:#fff !important; } .filterfullwhite .portfolio-filter li:hover a, .filterfullwhite .portfolio-filter a:hover, .filterfullwhite .portfolio-filter a.active { border:0 !important; } .masonry_wrapper { display: block; position: relative; padding:0; background-color: transparent; } .isotope-item { z-index: 1; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .item-h2, .item-h1 { height: 100% !important; height: auto !important; } .entry { position:relative; overflow:hidden; padding:0 !important; margin-bottom:0; } .entry img { width:100%; } .magnifier { position:absolute; top:0; background-color: rgba(38,200,221,0.9); left:0; bottom:0; right:0; zoom: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; } .whitehover .magnifier { background-color: rgba(255,255,255,0.8); } .homeitems .magnifier { background-color: rgba(0,0,0,0.5); } .whitehover .visible-buttons span { background-color: #ffffff; display: inline-block; font-size: 14px; height: 80px; line-height: 80px; margin: 0 10px !important; width: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; } .whitehover .visible-buttons { top:45% !important; } .entry:hover .visible-buttons, .entry:hover .magnifier { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .visible-buttons span { width: 43px; height: 43px; background-color: #ffffff; margin:0 10px !important; line-height: 43px; font-size: 14px; display: inline-block; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .visible-buttons{ margin: -20px auto; opacity: 0; position: absolute; text-align: center; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; top:45%; left:0; width: 100%; right: 0; position: absolute; text-align: center; } .portfolio-item .visible-buttons { top:0; } .portfolio-item:hover .visible-buttons { top:45%; } .blog-item:hover .visible-buttons { top:50%; } .animationwrapper img { margin:0 auto; } .visible-buttons h3, .visible-buttons h3 a, .visible-buttons small { text-decoration: none; padding:0; letter-spacing: 0.6px; font-size: 18px; color:#ffffff !important; } .visible-buttons h3, .visible-buttons h3 a { padding: 10px 0 0; } .invisible-buttons small, .visible-buttons small { font-style: italic; font-size: 14px; letter-spacing: 0.4px; } .twocolportfolio .portfolio-item { padding:14px !important; } .oncolumnsportfolio .portfolio-item { padding:14px 0 !important; } .twocolportfolio .portfolio-item .magnifier { top:14px; bottom:14px; left:14px; right:14px; } .oncolumnsportfolio .portfolio-item .magnifier { top:14px; bottom:14px; left:0; right:0; } .twocolportfolio .visible-buttons span { background-color: #f7f7f7; } .portfolio-item:hover .invisible-buttons { bottom:14px; } .invisible-buttons { background: #f7f7f7; position: absolute; bottom:-100px; left:14px; right: 14px; padding:25px; text-align: center; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .grey .invisible-buttons { background-color: #ffffff; } .invisible-buttons h3, .invisible-buttons h3 a { margin:0 0 5px; color:#222222 !important; font-size: 18px; font-weight: bold; letter-spacing: 0.5px; text-decoration: none; } .twocolportfolio.descvisible .portfolio-item:hover .invisible-buttons, .twocolportfolio.descvisible .invisible-buttons { position: relative; bottom:0; border-bottom:2px solid #fff; } .descvisible .invisible-buttons { left: 0 !important; } .masonryfourcol .portfolio-item { padding:15px !important; } .masonryfourcol .portfolio-item .magnifier { top:15px; bottom:15px; left:15px; right:15px; } .masonryfourcol .portfolio-item:hover .visible-buttons { top: 60%; } .masonryfourcol .visible-buttons h3, .masonryfourcol .visible-buttons h3 a { font-size: 24px; } .masonrythreecol .portfolio-item { padding:20px !important; } .masonrythreecol .portfolio-item .magnifier { top:20px; bottom:20px; left:20px; right:20px; } .masonrythreecol .portfolio-item:hover .visible-buttons { top: 70%; } .masonrythreecol .visible-buttons h3, .masonrythreecol .visible-buttons h3 a { font-size: 24px; } /****************************************** FORMS ******************************************/ .login-form { background-color: #fbfbfb; padding:20px 30px 40px; } .login-form .form-control::-moz-placeholder { color: #999999; opacity: 1; } .login-form label { color: #222222; display: block; font-size: 16px; letter-spacing: 0.6px; margin-bottom: 10px; width: 100%; } form[role=login] input { background: #ffffff; letter-spacing: 0.4px; border: none; height: 45px; padding: 10px 20px; position: relative; border-radius: 3px; box-shadow: none !important; } form[role=login] > div { margin: 20px 0; position: relative; } .form-control + .fa { color: #999; font-size: 17px; padding: 0; position: absolute; right: 19px; top: 59%; } .register-form form[role=login] > div { margin: 5px 0; } .register-form p { padding-bottom: 10px; } .register-form .form-control + .fa { right: 33px; top: 52%; } /****************************************** ICON EFFECTS ******************************************/ .big-box { position: relative; display: block; height:100%; min-height:100%; padding:90px 40px !important; } .big-box.nobg { padding:0 60px !important; } .big-box p { padding-bottom: 0; margin-bottom: 0; } .whitecolor h3 { color:#ffffff; } .big-box h4 { color: #ffffff; font-size: 24px; letter-spacing: 0.6px; padding:20px 0 10px; } .big-box.nopad { padding:0 !important; } .stats-fun .icon-container { width: 58px !important; height: 58px !important; margin-bottom: 30px !important; line-height: 56px !important; } .stats-fun .icon-container i { color:#ffffff; font-size: 18px; } .stats-fun small { display: block; margin-top: 10px; } .milestone-counter .highlight { color:#ffffff; font-size: 72px; line-height: 1; } .milestone-details { font-size: 36px; padding-top: 20px; letter-spacing: 0.5px; font-weight: bold; color:#ffffff; line-height: 1; text-transform: uppercase; } .stat-count { display: block; color:#222222; font-weight: bold; font-size: 36px; line-height: 40px; } .lightcolor .stat-count, .lightcolor small { color:#ffffff !important; } .withbg i{ width: 60px; height: 60px; line-height: 60px; font-size: 18px !important; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; display: inline-block; } .box .hi-icon { background: rgba(255,255,255,0.1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; } .box .hi-icon:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 1px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .box:hover .hi-icon { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff; } .box:hover .hi-icon::after { -webkit-animation: sonarEffect 0.8s ease-out 75ms; -moz-animation: sonarEffect 0.8s ease-out 75ms; animation: sonarEffect 0.8s ease-out 75ms; } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 1px 1px #26c8dd, 0 0 0 5px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 1px 1px #26c8dd, 0 0 0 5px rgba(255,255,255,0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 1px 1px #26c8dd, 0 0 0 5px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 1px 1px #26c8dd, 0 0 0 5px rgba(255,255,255,0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 1px 1px #26c8dd, 0 0 0 5px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 1px rgba(255,255,255,0.1), 0 0 1px 1px #26c8dd, 0 0 0 5px rgba(255,255,255,0.5); transform: scale(1.5); opacity: 0; } } /****************************************** FOOTER & COPYRIGHTS ******************************************/ .flogo img { margin: -33px auto; } .footertop .footer-social li, .footertop .footer-social li a { color:#ffffff !important; font-size: 16px; text-decoration: none; letter-spacing: 0.4px; } .footertop .border-right { border-right: 1px solid #303033; } .footertop .border-left { border-left: 1px solid #303033; } .footertop .footer-social { margin-top: 5px; } .footer-social .tooltip { width:100px; } .footer-social li:hover .showhover { display: block; position: absolute; top:0; left:0; right: 0; } .footertop .footer-social span { margin-right: 13px; background-color: #303033; } .footertop .footer-social span i { color:#999999 !important; } .flogo { border-left: 1px solid #303033; height: 117px; padding-top: 40px; } .footertop { line-height: 100px; z-index: 1; border-bottom: 1px solid #303033; } .footertop, .footer { background-color: #2a2b2e; } .footer { display: block; position: relative; overflow: hidden; padding:60px 0; } .projectgallery .list-inline, .instawidget .list-inline { margin: 0; padding:0; } .instalink a { font-size: 16px; letter-spacing: 0; text-decoration: none !important; text-transform: capitalize; line-height: 1.6; position: absolute; border-bottom: 1px solid #fff; right: 0; } .projectgallery .list-inline li { margin: 0 2px 0 0; max-width: 175px; padding:0; } .instawidget .list-inline li { margin: 0 2px 0 0; max-width: 80px; padding:0; } .widget-title { display: block; position: relative; margin-bottom: 30px; } .widget-title h4 { color:#ffffff; font-size: 24px; letter-spacing: 0.6px; text-transform: uppercase; } .footer .text-widget h4 { font-size: 16px; font-weight: bold; line-height: 36px; padding:0; letter-spacing: 0.6px; margin:0; color:#ffffff; } .contactto p { font-size: 18px; line-height: 34px; margin: 0 0 10px; } .contactwidgets .widget-title h4 { color:#222222; font-weight: bold; } .contactwidgets .widget-title { padding-bottom: 5px; } .contactwidgets .widget-title hr { width: 100px; margin:20px 0; } .contactwidget .contactdiv h4 { color:#222222; font-weight: bold; letter-spacing: 0.6px; } .contactwidget .contactdiv span { background-color: #f7f7f7; margin-right: 25px; display: inline-block; } .copyrights { z-index: 2; position: relative; padding:40px 0 30px; background-color: #303033; } .copyrights p { padding:0; font-size: 14px; font-weight: bold; line-height: 22px; letter-spacing: 0.4px; color:#999999; margin:0; } .copyrights li { margin-bottom:0; padding-bottom: 0; } .copyrights li a { text-transform: uppercase; line-height: 22px; font-size: 14px; font-weight: bold; letter-spacing: 0.4px; color:#999999 !important; } .footer.lightversion .contactdiv h4, .footer.lightversion .blog-list h3, .footer.lightversion .blog-list h3 a, .footer.lightversion .text-widget h4, .footer.lightversion .widget-title h4 { color:#222222 !important; font-weight: bold; } .footertop.lightversion, .footer.lightversion { background-color: #ffffff; } .footertop.lightversion .footer-social span, .footer.lightversion .contactdiv span, .copyrights.lightversion { background-color: #f7f7f7 !important; } .footertop.lightversion .footer-social li a { color:#222222 !important; } .footertop.lightversion .border-left, .footertop.lightversion .border-right, .footertop.lightversion .flogo, .footertop.lightversion { border-color: #f7f7f7 } .custombg { background:url(images/custombg.jpg) center center repeat-y #ffffff; } .custombg2 { background:url(images/custombg2.jpg) center center repeat-y #ffffff; } .footer-links { list-style: none; padding:0; } .footer-links li, .footer-links li a { font-size: 14px; line-height: 1; margin-bottom: 20px; letter-spacing: 0.4px; color:#999999 !important; } .footer .contact_form .form-control { background: #2a2b2e none repeat scroll 0 0; border-color: #303033; font-size: 14px; letter-spacing: 0.5px; color: #555555; box-shadow: none !important; font-size: 12px; height: 42px; margin-bottom: 30px; } .footer .contact_form textarea { min-height: 150px; } .dark .form-control { background-color: #222222 !important; border-color: #303033 !important; } .footer.lightversion .contact_form .form-control { background: #ffffff none repeat scroll 0 0; border-color: #f7f7f7; } .footertop.lightversion .footer-social li, .footertop.lightversion .footer-social li a { color:#222222 !important; } .footer .contactwidget .contactdiv h4 { color:#ffffff; } .footer .contactwidget .contactdiv span { background-color: #303033 } /****************************************** SHOP ******************************************/ #ShopCarousel img { width: 100%; } .shoptab .tab-content { padding:30px 0; } .shoptab .nav-tabs { border-bottom:1px solid #f7f7f7; } .shoptab .nav-tabs > li.active > a, .shoptab .nav-tabs > li.active > a:hover, .shoptab .nav-tabs > li.active > a:focus { border:0 !important; border-bottom: 1px solid #222 !important } .shoptab .nav-tabs > li { margin-right: 20px; } .shoptab .nav-tabs > li > a { font-size: 14px; padding-left: 0 !important; border:0 !important; background-color: #ffffff !important; text-transform: uppercase; padding-bottom: 20px; margin-right: 30px; font-weight: bold; letter-spacing: 0.5px; color:#222222 !important; } .shophero { background-color: #f7f7f7; padding:30px; } .singleshopwrapper.shop-title { padding-top: 0 !important; margin-top: 0 !important; } .carousel-inner .right-button h4 { padding-top:23px; font-weight: bold; } .size-options { margin-bottom: 30px; } .shop-share, .pad30 .shop-title-bottom { margin-top: 30px; } .size-options, .color-options { margin-top: 30px; display: block; position: relative; } .shop-share{ margin-top: 40px; line-height: 1 !important; } .shop-share h4 { padding:0 !important; margin:0 !important; line-height: 1 !important } .shop-share a { color: #222222 !important; font-size: 16px; margin: 0 0 0 9px; } .shopcats a { font-style: italic; color:#999999 !important; } .shopcats h4 { text-transform: uppercase; padding-left: 20px; margin-right: 10px; display: inline-block; } .shopcats h4, .shop-share h4, .size-options h4, .color-options h4 { font-weight: bold; padding-bottom: 10px; font-size: 14px; letter-spacing: 0.5px; } .sizeoptions { padding:0; } .sizeoptions > li { display: inline-block; width: 45px; height: 45px; line-height: 45px; font-weight: bold; font-size: 18px; margin-right: 7px; text-align: center; display: inline-block; background-color: #f7f7f7; color:#222222; } .sizeoptions .selected { opacity: 0.8; } .sizeoptions > li a { color:#222222 !important; } .single-shop-desc { margin-top: 15px; } .single-shop-desc p { padding-bottom: 10px !important; } .pad30 { padding-left: 30px; padding-right: 30px; } .shophero { position: relative; } .shophero .btn { color:#ffffff !important; position: absolute; right: 30px; top:38px; } .shophero h4 { font-size: 14px; font-weight: bold; padding-top: 5px; text-transform: uppercase; margin-top: 0; letter-spacing: 0.5px; } .shophero a{ color:#999999 !important; font-size: 14px; margin:0 5px; } .shop-title-top small { font-size: 14px; margin-left: 5px; } .single-shop-price .new-price { font-size: 24px; } .listviewshop .shop-item { margin-bottom: 30px; } .shop-title-top .rating { margin-bottom: 20px; } .shop-title-bottom { position: relative; display: block; } .shop-title-bottom .cart-button a { position: relative; margin-left: 5px; margin-top: 3px; background-color: #f7f7f7 !important; } .color-widget ul { list-style: none; padding:0; } .color-widget ul li { margin: 10px 0; } .color-widget ul li a { font-size: 14px; font-weight: bold; letter-spacing: 0.4px; color:#999999 !important; } .color-widget ul li i { margin-right: 5px; } .priceslider { font-size: 14px; letter-spacing: 0.5px; font-weight: bold; } .ui-slider { background-color: #f7f7f7; margin-bottom: 20px; position: relative; text-align: left; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.05); } .ui-slider-horizontal { margin-top:20px; margin-left:7px; height:.8em; } .ui-slider-vertical { width:.8em; height:100px; } .ui-slider-handle { background-color:#999999 !important; border:7px solid #ffffff !important; border-radius:20px; outline:none!important; -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.05); box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,0.05); } .ui-slider-handle:before { display:inline-block; content:" "; font-size:7px; font-family:Arial,Helvetica,sans-serif; position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; line-height:14px; background:#999999; border-radius:20px; } .ui-slider-handle:hover { background-color:#ffffff; } .ui-slider-handle:hover,.ui-slider-handle:focus,.ui-slider-handle:active { outline:none; box-shadow:1px 1px 1px 0 rgba(0,0,0,0.3); text-decoration:none; } .ui-slider-handle:hover:before,.ui-slider-handle:focus:before,.ui-slider-handle:active:before { text-shadow:1px 1px 1px rgba(0,0,0,0.3); } .ui-slider-small.ui-slider-horizontal { height:5px; } .ui-slider-small.ui-slider-vertical { width:5px; } .ui-slider-small .ui-slider-handle { border-radius:24px; width:14px; height:14px; top:-5px; } .ui-slider-small .ui-slider-handle:before { font-size:6px; line-height:13px; } .ui-slider-range { background-color:#333; } .ui-slider-handle,.ui-slider-handle:hover,.ui-slider-handle:focus,.ui-slider-handle:active { color:#000; border-color:#000; } .ui-slider-green .ui-slider-range { background-color:#48ca3b; } .ui-slider-green .ui-slider-handle,.ui-slider-green .ui-slider-handle:hover,.ui-slider-green .ui-slider-handle:focus,.ui-slider-green .ui-slider-handle:active { color:#48ca3b; border-color:#48ca3b; } .ui-slider-red .ui-slider-range { background-color:#ad1d28; } .ui-slider-red .ui-slider-handle,.ui-slider-red .ui-slider-handle:hover,.ui-slider-red .ui-slider-handle:focus,.ui-slider-red .ui-slider-handle:active { color:#ad1d28; border-color:#ad1d28; } .ui-slider-purple .ui-slider-range { background-color:#00bce1; } .ui-slider-purple .ui-slider-handle,.ui-slider-purple .ui-slider-handle:hover,.ui-slider-purple .ui-slider-handle:focus,.ui-slider-purple .ui-slider-handle:active { color:#00bce1; border-color:#00bce1; } .ui-slider-orange .ui-slider-range { background-color:#df6e1e; } .ui-slider-orange .ui-slider-handle,.ui-slider-orange .ui-slider-handle:hover,.ui-slider-orange .ui-slider-handle:focus,.ui-slider-orange .ui-slider-handle:active { color:#df6e1e; border-color:#df6e1e; } .ui-slider-dark .ui-slider-range { background-color:#111111; } .ui-slider-dark .ui-slider-handle,.ui-slider-dark .ui-slider-handle:hover,.ui-slider-dark .ui-slider-handle:focus,.ui-slider-dark .ui-slider-handle:active { color:#111111; border-color:#111111; } .ui-helper-hidden-accessible { border:0; clip:rect(0000); height:1px; overflow:hidden; position:absolute; width:1px; margin:-1px; padding:0; } .ui-helper-reset { border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; margin:0; padding:0; } .ui-helper-clearfix:before,.ui-helper-clearfix:after { content:""; display:table; border-collapse:collapse; } .ui-helper-clearfix:after { clear:both; } .ui-helper-clearfix { min-height:0; } .ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; filter:Alpha(Opacity=0); } .ui-front { z-index:100; } .ui-state-disabled { cursor:default!important; } .ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; } .ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; } .ui-resizable { position:relative; } .ui-resizable-handle { position:absolute; font-size:.1px; display:block; } .ui-resizable-n { cursor:n-resize; height:7px; width:100%; top:-5px; left:0; } .ui-resizable-s { cursor:s-resize; height:7px; width:100%; bottom:-5px; left:0; } .ui-resizable-e { cursor:e-resize; width:7px; right:-5px; top:0; height:100%; } .ui-resizable-w { cursor:w-resize; width:7px; left:-5px; top:0; height:100%; } .ui-resizable-se { cursor:se-resize; width:12px; height:12px; right:1px; bottom:1px; } .ui-resizable-sw { cursor:sw-resize; width:9px; height:9px; left:-5px; bottom:-5px; } .ui-resizable-nw { cursor:nw-resize; width:9px; height:9px; left:-5px; top:-5px; } .ui-resizable-ne { cursor:ne-resize; width:9px; height:9px; right:-5px; top:-5px; } .ui-slider .ui-slider-handle { position:absolute; z-index:2; width:1.4em; height:1.4em; cursor:default; } .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block; border:0; background-position:0 0; } .ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range { filter:inherit; } .ui-slider-horizontal .ui-slider-handle { top:-5px; margin-left:-.6em; } .ui-slider-horizontal .ui-slider-range { top:0; height:100%; } .ui-slider-horizontal .ui-slider-range-min { left:0; } .ui-slider-horizontal .ui-slider-range-max { right:0; } .ui-slider-vertical .ui-slider-handle { left:0; margin-left:0; margin-bottom:-.6em; } .ui-slider-vertical .ui-slider-range { left:0; width:100%; } .ui-slider-vertical .ui-slider-range-min { bottom:0; } .ui-slider-vertical .ui-slider-range-max { top:0; } .ui-helper-hidden,.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle { display:none; } .shoptop .display a { background-color: #f7f7f7; color:#222222 !important; font-size: 18px; width: 45px; line-height: 45px; margin-left: 7px; height: 45px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; text-align: center; } .shoptop .form-control { background-color: #f7f7f7; background-image: none; border: 1px solid #f4f4f4; border-radius: 0; box-shadow: none !important; color: #999999; height: 40px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .continueshop h4, .emtrycart h4 { font-size: 18px; font-weight: bold; letter-spacing: 0.5px; } .emtrycart h4 i { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; width: 50px; height: 50px; position: relative; font-size: 24px; line-height: 50px; margin-right: 10px; display: inline-block; } .continueshop h4 a { color:#ffffff !important; } .continueshop { margin-top: 60px; padding:15px; } .emtrycart { padding:60px 0 0; background-color: #f7f7f7; } .couponarea .form-control { font-size: 14px; margin-right: 10px; margin-top:2px; border-radius: 0; background-color: #f7f7f7 !important; letter-spacing: 0.5px; font-weight: bold; } .btn-primary.btn-grey:hover, .btn-primary.btn-grey { border:0 !important; box-shadow: none !important; border-radius: 0 !important; padding:15px 40px; margin-top: 12px; background-color: #f7f7f7 !important; color:#222222 !important; } .shopcart .fa-check-circle { margin-right: 5px; } .shopcart .fa-times-circle { margin-right: 5px; color:#222222; } .shopcart .btn-primary { padding:10px 20px; color:#ffffff !important; margin-right: 20px; } .shopcart .table > thead > tr { background-color: #f7f7f7; border:0 !important; } .shopcart .table > thead > tr > th { border: 0 none !important; box-shadow: none !important; color: #222222 !important; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; padding: 20px 15px; } .shopcart h4, .shopcart a { color:#222222 !important; font-weight: bold; letter-spacing: 0.5px; } .shopcart .fa-close { color:#999 !important; } .shopcart .table > tbody > tr > th, .shopcart .table > tfoot > tr > th, .shopcart .table > tbody > tr > td, .shopcart .table > tfoot > tr > td { vertical-align: middle; border:1px solid #f7f7f7; padding:20px 20px; } .orderbottom ul { padding:0; list-style: none; } .orderbottom ul li { position: relative; display: block; width: 100%; } .orderbottom { padding:30px; border-right:1px solid #f0efef; border-left:1px solid #f0efef; border-bottom:1px solid #f0efef; } .orderbody { padding:30px 30px 90px; border:1px solid #f0efef; } .orderbottom ul li h4 { position: relative; font-size: 14px; font-weight: bold; letter-spacing: 0.4px; } .orderbottom ul li { margin-bottom: 20px; } .orderbottom ul li:last-child { margin-bottom: 0; } .orderbottom ul li span { position: absolute; right: -5px; font-size: 14px; color:#999999; letter-spacing: 0.5px; } .orderbody span { position: absolute; right: 35px; } .ordertotal header h3 span { position: absolute; right: 20px; } .ordertotal header { padding:20px 10px 20px 30px; position: relative; background-color: #f0efef; } .orderbody a { color:#222222 !important; letter-spacing: 0.5px; } .orderbody span, .orderbody a, .ordertotal h3 { font-size: 18px; font-weight: bold; letter-spacing: 0.5px; margin: 0; padding: 0; } .checkout-tab .form-control { background-color: #fff; background-image: none; border: 1px solid #f3f3f3; border-radius: 0; box-shadow: none; color: #555; display: block; font-size: 14px; height: 45px; width: 100%; } .checkout-tab textarea { min-height: 120px; } .checkout-tab .form-group { margin: 10px 0; } .checkout-tab label { color:#222222; text-transform: uppercase; letter-spacing: 0.5px; } .checkout-tab .hero p { margin: 0; } .checkout-tab .hero { background-color: #f7f7f7; padding:20px 20px; margin: 15px 0; } .checkout-tab .widget-title h4 { font-size: 18px; font-weight: bold; letter-spacing: 0.6px; color:#222222; } ul.nav-wizard { background-color: #fff; border-radius: 0; display: block; margin: 0 auto 60px; max-width: 580px; overflow: hidden; position: relative; } ul.nav-wizard li a.active span { color:#222222 !important; } ul.nav-wizard:before { display: block; position: absolute; left: 0px; right: 0px; top: 46px; height: 47px; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; z-index: 1; content: " "; } ul.nav-wizard:after { display: block; position: absolute; left: 0px; right: 0px; top: 138px; height: 47px; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; z-index: 1; content: " "; } ul.nav-wizard li { position: relative; background-color: #f7f7f7; float: left; height: 46px; display: inline-block; text-align: middle; padding: 0 20px 0 30px; margin: 0 22px 0 0; font-size: 16px; line-height: 46px; } ul.nav-wizard li { border-radius: 100px 0 0 100px } ul.nav-wizard li a span { background-color: #ffffff; border: 3px solid #f7f7f7; border-radius: 45px; display: inline-block; height: 45px; line-height: 40px; margin-left: -30px; margin-right: 10px; position: relative; text-align: center; width: 45px; } ul.nav-wizard li a { color: #222222 !important; padding: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; } ul.nav-wizard li a:hover { background-color: transparent; } ul.nav-wizard li:before { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #f7f7f7; border-right: 0; top: -1px; z-index: 0; content: ''; right: -16px; } ul.nav-wizard li:after { position: absolute; display: block; border: 24px solid transparent; border-left: 16px solid #f7f7f7; border-right: 0; top: -1px; z-index: 0; content: ''; right: -15px; } ul.nav-wizard li.active { color: #3a87ad; background: #d9edf7; } ul.nav-wizard li.active:after { border-left: 16px solid #f7f7f7; } ul.nav-wizard li.active a, ul.nav-wizard li.active a:active, ul.nav-wizard li.active a:visited, ul.nav-wizard li.active a:focus { color: #3a87ad; background: #d9edf7; } ul.nav-wizard .active ~ li { color: #999999; background: #f7f7f7; } ul.nav-wizard .active ~ li:after { border-left: 16px solid #f7f7f7; } ul.nav-wizard .active ~ li a, ul.nav-wizard .active ~ li a:active, ul.nav-wizard .active ~ li a:visited, ul.nav-wizard .active ~ li a:focus { color: #999999; background: #f7f7f7; } ul.nav-wizard.nav-wizard-backnav li:hover { color: #468847; background: #f7f7f7; } ul.nav-wizard.nav-wizard-backnav li:hover:after { border-left: 16px solid #f7f7f7; } ul.nav-wizard.nav-wizard-backnav li:hover a, ul.nav-wizard.nav-wizard-backnav li:hover a:active, ul.nav-wizard.nav-wizard-backnav li:hover a:visited, ul.nav-wizard.nav-wizard-backnav li:hover a:focus { color: #468847; background: #f7f7f7; } ul.nav-wizard.nav-wizard-backnav .active ~ li { color: #999999; background: #f7f7f7; } ul.nav-wizard.nav-wizard-backnav .active ~ li:after { border-left: 16px solid #f7f7f7; } ul.nav-wizard.nav-wizard-backnav .active ~ li a, ul.nav-wizard.nav-wizard-backnav .active ~ li a:active, ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited, ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus { color: #999999; background: #f7f7f7; } .shop-widget-wrapper .widget-title { display: block; padding-bottom: 15px; } .shop-widget-wrapper .widget-title hr { width: 120px; margin: 20px 0 0 } .shop-widget-wrapper .widget-title h4 { font-weight: bold; color:#222222; } .shop-list .visible-buttons span i { font-size: 21px; padding-top: 10px; } .shop-list .visible-buttons span { background-color: transparent !important; width: 20px; height: 20px; line-height: 20px; padding: 1px 10px; text-align: center; } .shop-list { padding:0; list-style: none; } .shop-list li { margin: 25px 0; display: table; width: 100%; position: relative; } .shop-list .alignleft { margin-right: 20px; } .shop-list h3, .shop-list h3 a { color: #222222 !important; font-size: 18px; font-weight: bold; letter-spacing: 0.8px; margin-bottom: 5px; padding-top: 0; margin-top: 0; } .shop-list small { font-style: italic; letter-spacing: 0.4px; font-size: 14px; } .shop-list .new-price { display: inline-block; margin-top: 5px; font-size: 16px font-weight: 400 !important; } .banner-item { padding:15px; } .shop-item .visible-buttons { top:50%; } .shop-list .magnifier, .shop-item .magnifier { background-color: rgba(255,255,255,0.8); } .shop-item .visible-buttons .btn { font-size: 14px; padding:13px 40px 10px; font-weight: bold; line-height: 1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 0.6px; } .shop-title { position: relative; z-index: 1; margin-top: 20px; } .shop-title h3 a, .shop-title h3 { font-size: 18px; padding:0; font-weight: bold; letter-spacing: 0.5px; margin-top: 0; color:#222222 !important; } .new-price, .old-price { text-decoration: line-through; font-size: 18px; letter-spacing: 0.4px; font-weight: 400 !important; color:#999999 !important; } .new-price{ text-decoration: none !important; padding-left: 5px !important; color:#222222; font-weight: bold !important; } .cart-button a { background-color: #fff; border: 1px solid #f2f2f2; color: #222222; display: inline-block; height: 40px; line-height: 40px; padding: 0; font-size: 14px; text-align: center; margin:0; width: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .cart-button { position: absolute; right:0; top:0px; } .tooltip-inner { padding:8px 20px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.4px; } .left-button { position: absolute; top:20px; left: 20px; width: 65px; z-index: 1000; height: 65px; display: block; text-align: center; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; } .right-button h4, .left-button h4 { color:#ffffff; text-transform: capitalize; letter-spacing: 0.5px; font-size: 16px; line-height: 18px; padding:20px 0 0; margin: 0; } .right-button { position: absolute; top:20px; z-index: 1000; right: 20px; width: 65px; height: 65px; display: block; text-align: center; background-color: #f95a3d; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; } .owl-custom .right-button, .owl-custom .left-button { width:45px; height: 45px; line-height: 45px; } .owl-custom .right-button h4, .owl-custom .left-button h4 { font-size: 14px; padding-top: 13px; } .shop-filter { margin-bottom: 45px; } .shop-filter li { padding: 5px 15px; margin: 0 4px !important; } .shop-filter li a { color:#999999 !important; font-size: 14px; text-transform: uppercase; text-decoration: none; font-weight: bold; letter-spacing: 0.5px; } .shop-masonry .shop-item { padding:15px; } .page-header { border:0; padding:150px 0 0; margin:0; } .page-header h1 { font-size: 60px; letter-spacing: 0.5px; line-height: 66px; font-weight: bold; margin: 0; padding: 0; } .page-header.withborder h1 { font-weight: bold; line-height: 90px; text-shadow:2px 4px 0px rgba(0,0,0,0.1); } .page-header h1 a { color:#ffffff !important; text-decoration: underline; } .darktext p, .darktext h1 { text-shadow:none !important; color:#222222 !important; } .page-header.withborder .lead { font-size: 18px; line-height: 36px; padding:0; margin:0; } .page-header.withborder hr { width: 160px; margin:30px 0 30px; } .banner .page-header .lead, .banner .page-header h1 { color:#ffffff; } .page-header .lead { font-style: italic; font-size: 18px; line-height: 30px; padding:30px 0 0; margin:0; letter-spacing: 0.6px; } .header-page .navbar-brand { border-right: 1px solid rgba(255, 255, 255, 0.3) !important; } .transparent-header { padding-top: 16em; } .header-page .searchdropdown { margin-left: 60px; } .fourcolshop .shop-item-grid { margin-bottom: 30px; } .sortby h4 { display: inline-block; font-size: 14px; font-weight: bold; margin-right: 10px; letter-spacing: 0.5px; } .shortform .form-group { margin-right: 30px; } /****************************************** SIDEBARS ******************************************/ .sidebar .box p { padding-bottom: 0; } .sidebar .box h3 { display: block; font-size: 14px; font-weight: bold; letter-spacing: 0.6px; padding-bottom: 0; padding-top: 15px; text-transform: uppercase; } .sidebar .icon-square .box span { background-color: #ffffff; border-radius: 5px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1); display: inline-block; float: left; height: 50px; line-height: 50px; margin: 10px 23px 0 0; text-align: center; width: 50px; } .sidebar .blog-list h3, .sidebar .blog-list h3 a { color:#222222 !important; } .cats { list-style: none; padding:0; } .cats li:hover a { color:#999999 !important; } .cats li { margin-bottom: 10px; position: relative; font-weight: bold; letter-spacing: 0.4px; font-size: 14px; } .cats li:last-child { margin-bottom: 0; } .cats li span { position: absolute; right: 0; } .sidebar .widget { margin-bottom: 60px; } .sidebar .widget-title h4 { color:#222222; margin-top: 0; font-weight: bold; font-size: 23px; } .sidebar .contact_form .form-control { background-color: #f7f7f7 !important; border:0px solid #f7f7f7 !important; box-shadow: none !important; height: 45px; padding:10px 15px; -webkit-border-radius: 9px !important; -moz-border-radius: 9px !important; border-radius: 9px !important; } .sidebar .contact_form textarea { min-height: 120px !important } .tags .btn { margin: 0 5px 10px 0; font-weight: 400; letter-spacing: 0.5px; border-color: #f7f7f7 !important; background-color: #f7f7f7 !important; color:#999999 !important; padding:7px 20px; -webkit-box-shadow: 0px 3px 0px 0px #eaeaea; -moz-box-shadow: 0px 3px 0px 0px #eaeaea; box-shadow: 0px 3px 0px 0px #eaeaea; } .sidebar .testi-lead p { color: #999; font-size: 16px; font-style: italic; font-weight: 400; line-height: 32px; padding: 0; } .sidebar .testi-lead h3 { color: #222; font-size: 15px; letter-spacing: 0.5px; line-height: 40px; margin: 20px 0 0; } .icon-left .text-item img { margin: 0 !important; width: auto !important; } /****************************************** FORUM ******************************************/ .forum-tab .btn { border-color: #f7f7f7 !important; background-color: #f7f7f7 !important; color:#999999 !important; margin: 10px 0 0 !important; -webkit-box-shadow: 0px 3px 0px 0px #eeeeee !important; -moz-box-shadow: 0px 3px 0px 0px #eeeeee !important; box-shadow: 0px 3px 0px 0px #eeeeee !important; } .forum-title blockquote { border:1px solid #eaeaea !important; color: #999999; font-size: 14px; font-weight: 400; line-height: 26px; } .forum-single .forum-title { padding:30px 30px 30px 0; margin:0; } .forum-single .forum-title h3, .forum-single .forum-title h3 a { padding-bottom: 15px; } .timezone { margin-left: 10px; } .forum-bottom h3 i { padding-left: 20px; } .forum-bottom h3, .forum-bottom h3 a{ color:#bdc3c7 !important; font-size: 16px; padding:0; margin:10px 0; } .timezone i { padding-right: 5px; } .timezone a, .sharealt a { color:#bdc3c7 !important; font-size: 16px; letter-spacing: 0.5px; margin:0 20px; } .thumbsup, .thumbsdown { font-size: 16px; margin: 0 10px; } .forum-bottom h4 { display: inline-block; margin-right: 40px; letter-spacing: 0.6px; } .forum-bottom span { margin-right: 10px; } .forum-layout .border-left { border-left:1px solid #eaeaea; } .forum-meta li { border-bottom:1px solid #eaeaea; font-size:16px; line-height: 2.4; padding:10px 20px; display: block; width: 92%; letter-spacing: 0.6px; } .forum-meta li:last-child { border-bottom: 0; } .forum-meta ul { padding:0; margin: 0; list-style: none; } .forum-meta li a { color:#999999 !important; } .forum-meta li i { margin-right: 5px; } .forum-title h3, .forum-title h3 a { color:#222222 !important; font-size: 18px; letter-spacing: 0.6px; font-weight: bold; margin-top: 0; padding:0 0 5px; line-height: 1; } .forum-title { margin-top: 30px; } .forum-title h4, .forum-title h4 a { font-size: 16px; letter-spacing: 0.6px; font-weight: 400; margin-top: 15px; padding:0 0 5px; line-height: 1; } .forum-layout { border:1px solid #eaeaea; padding:0; margin-bottom: 30px; } .forum-single .forum-bottom { border-top:1px solid #eaeaea; padding:10px 40px; } .user-status { width: 15px; height: 15px; display: block; position: absolute; top:1px; left: 0; margin: 0 auto; right: -50px; border:2px solid #ffffff; -webkit-border-radius: 51px; -moz-border-radius: 51px; border-radius: 51px; } .user-status.offline { background-color: #f24a3e; } .forum-bottom .thumbsdown a{ color:#f24a3e !important; } .user-avatar { position: relative; margin-top: 30px; } .user-avatar img { margin:0 auto; width: 90px; display: block; } .forum-profile .user-avatar img { width: 120px; } .forum-profile .forum-title h3, .forum-profile .forum-title h3 a { font-size: 24px; } .forum-profile h4 { display: inline-block; margin-right: 60px; } .forumtop #custom-search-input1 button { right: 35px !important; z-index: 1; padding:15px !important; } .forumtop { border:1px solid #eaeaea; padding:15px; } .forumtop .dropdown-menu > li > a { clear: both; color: #222 !important; display: block; font-weight: normal; background-color: #ffffff !important; line-height: 1.42857; padding: 7px 20px; white-space: nowrap; } .forumtop h3 { font-size: 18px; display: inline-block; float:left; margin-right: 0; padding:0; margin-top: 15px; letter-spacing: 0.4px; font-weight: bold; } .forumtop .open > .dropdown-menu { display: block; left: auto; right: 0; box-shadow: none; } .forumtop .border-right { border-right: 1px solid #eaeaea; } .forumtop .btn-normal { margin-top: 3px; } .forumtop .dropdown .btn { font-size: 18px; letter-spacing: 0.4px; font-weight: bold; background-color: transparent !important; box-shadow: none !important; margin-top: 6px; border:0; } .media-element video { width: 100% !important; height: auto !important; } /****************************************** BLOG and PAGES ******************************************/ .timeline { margin: 0 0 30px 0; padding: 0; list-style: none; } .timeline:before { content: ''; position: absolute; top: 0px; bottom: 0; width: 5px; background: #f7f7f7; left: 45px; border: 1px solid #eee; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .timeline > li { position: relative; margin-right: 10px; margin-bottom: 15px; } .timeline > li:before, .timeline > li:after { display: table; content: " "; } .timeline > li:after { clear: both; } .timeline > li > .timeline-item { margin-top: 60px; margin-left: 80px; position: relative; } .timeline > li > .timeline-item > .time { color: #999; float: right; margin: 2px 0 0 0; } .timeline > li.time-label > span { background-color: #f7f7f7; border-radius: 0; box-shadow: none; color: #999999; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; padding: 8px 40px; text-transform: uppercase; } .timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion { background: #f7f7f7 none repeat scroll 0 0; border-radius: 50%; box-shadow: none; color: #666; font-size: 16px; height: 25px; left: 20px; line-height: 25px; position: absolute; text-align: center; top: 60px; width: 25px; } .blog_masonry .blog-item { padding:15px; } .customtitle h3 { font-weight: bold; font-size: 24px; margin: 30px 0; letter-spacing: 0.6px; } hr.makeborder { margin:40px 0; } .singleblog .blog-item { padding-bottom: 0 !important; margin-bottom: 20px !important } .blog-share .footer-social a { color:#222222 !important; font-size: 16px; margin-right: 20px; letter-spacing: 0.5px; font-weight: bold; } .blog-share .footer-social i { color:#999999 !important; } .blog-share .footer-social span { margin-right: 10px; margin-left: 0 !important } .linkpost { padding:60px 30px !important; text-align: center; } .linkpost small a { color: #ffffff !important; font-weight: 300; letter-spacing: 0.5px; font-size: 30px; line-height: 50px; } .blog-three-column .blog-title, .blog-three-column .blog-title a { font-size: 18px !important; padding: 10px 0 0; margin-bottom: 0; } .blog-three-column .blog-item { margin-bottom: 60px; } .blog-two-column .blog-title, .blog-two-column .blog-title a { font-size: 24px !important; padding: 10px 0 0; } .blog-two-column .blog-item { margin-bottom: 60px; } .blog-list-column .blog-item { border:1px solid #f7f7f7; padding:30px 15px; } .blog-list-column .blog-title, .blog-list-column .blog-title a { font-size: 30px !important; padding: 10px 0 0; } .blog-list-column .blog-item { margin-bottom: 30px; } .blog-list-column-sidebar .blog-title, .blog-list-column .blog-title { padding-top: 0; margin-top: 0; } .blog-big-column .blog-title, .blog-big-column .blog-title a { font-size: 30px !important; padding: 10px 0 0; } .blog-big-column .blog-item { margin-bottom: 60px; } .blog-list-column-sidebar .blog-item { border:1px solid #f7f7f7; padding:30px 15px; } .blog-list-column-sidebar .blog-title, .blog-list-column-sidebar .blog-title a { font-size: 24px !important; padding: 10px 0 0; } .blog-list-column-sidebar .blog-item { margin-bottom: 30px; } .quotepost blockquote { border-left: 0; } blockquote.bluebg { border:0; padding:20px 40px; margin: 20px 0; } .quotepost blockquote small:before { content: ""; } blockquote.bluebg small, blockquote.bluebg h3, .quotepost small a { color:#ffffff !important; } .singleblog p, .singleblog .media-element { margin-bottom: 30px; } blockquote.bluebg small, .quotepost small { font-size: 18px; line-height: 1; color:#ffffff; margin: 10px 0 0; padding:0; } .quotepost { padding:20px; position: relative; } blockquote.bluebg h3, .quotepost h3 { font-size: 30px; line-height: 50px; padding:0; margin:0; color:#ffffff; } .quotepost i { font-size: 19px; position: absolute; right: 30px; bottom:30px; } .page-title h2 { font-size: 21px; padding:0; margin: 0; line-height: 1; color:#999999; letter-spacing: 0.6px; } .page-title { padding: 60px 0; background-color: #f7f7f7; } .breadcrumb li { letter-spacing: 0.5px; font-size: 14px; } .breadcrumb { background-color: transparent; border-radius: 0; margin-bottom:0; font-size: 12px; list-style: outside none none; margin-top: 0; padding: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li > a, .pagination > li > span { background-color: #f7f7f7; border: 1px solid #e8e8e8; color: #999 !important; float: left; font-size: 14px; line-height: 1.42857; margin-right: 10px; padding: 12px 19px; position: relative; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: 0; } #custom-search-input1{ padding: 0; border-radius: 6px; background-color: #fff; } #custom-search-input .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: 0 none !important; box-shadow: none !important; max-width: 50px !important; padding: 10px 13px !important; } #custom-search-input1 .form-control { background-color: #f7f7f7; height: 50px; border:1px solid #e9e9e9; font-size: 14px; z-index: 1; letter-spacing: 0.5px; } .header #custom-search-input1 .form-control { background-color: #ffffff; } #custom-search-input1 input{ border: 0; box-shadow: none; } #custom-search-input1 button{ border-radius: 0 !important; font-size: 14px; height: 50px; } .searchlist span { background-color: #f7f7f7 !important; } .searchlist p { padding-bottom: 0 !important; } .searchlist .readmore { font-style: normal !important; font-weight: bold; letter-spacing: 0.4px; padding-left: 87px; text-decoration: underline; } .searchtitle h2 { text-transform: uppercase; font-size: 24px; letter-spacing: 0.5px; font-weight: bold; padding-top:0; margin-top: 0; } .searchtitle p { font-size: 15px; font-style: italic; letter-spacing: 0.5px; } p.dropcaps::first-letter { color: #903; float: left; font-size: 48px; font-weight: bold; line-height: 1; margin: 8px 20px 0 0; border-radius: 0 !important; padding: 9px 15px; } p.dropcaps.wbr::first-letter { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } p.dropcaps.wbrf::first-letter { -webkit-border-radius: 40px !important; -moz-border-radius: 40px !important; border-radius: 40px !important; } .content p { padding-bottom: 20px; } .page-header.notfound h1 { font-size: 300px; font-family: Hind; padding-bottom: 0; margin-bottom: 0; font-weight: bold; line-height: 1; display: block; } .page-header.notfound h2 { color: #ffffff; font-size: 30px; font-style: italic; line-height: 1; margin: 0; padding: 0; } .withborder .blog-item { padding:20px; border:1px solid #f7f7f7; } .section.grey .withborder .blog-item, .withborder .categorymeta { background-color: #ffffff !important } .nomediablog .blog-title, .nomediablog .blog-title a { font-size: 24px; line-height: 38px; } .nomediablog .blog-meta { border-bottom: 0px solid #f7f7f7; border-top: 0px solid #f7f7f7; margin: 5px 0 0px; padding: 5px 0 0; } .categorymeta a { font-style: italic; } .blog-list li { margin-bottom: 19px; } .blog-list .visible-buttons span { background-color: transparent; } .blog-list { padding:0; list-style: none; } .blog-list .blog-meta { border:0; margin: 10px 0 0 0; display: inline-block; padding:0; } .blog-list h3, .blog-list h3 a { font-size: 14px; color:#ffffff !important; text-decoration: none !important; margin: 0 !important; padding:0 !important; line-height: 1; letter-spacing: 0.5px; font-weight: bold; } .contactdiv { margin-bottom: 5px; display: block; width: 100%; position: relative; } .contactdiv h4 { color:#ffffff; font-size: 14px; letter-spacing: 0.5px; margin:0 0 5px; padding:0; line-height: 1; } .contactdiv span { float:left; margin:0 10px 40px 0; background-color: #303033; } .media-element iframe { border:1px solid #ffffff; } .blog-item .visible-buttons h3, .blog-item .visible-buttons h3 a { padding: 0; font-size: 30px; font-weight: 300; margin-top: 7px; } .readmore { text-decoration: underline; } .blog-title, .blog-title a { color:#222222 !important; font-size: 18px; font-weight: bold; letter-spacing: 0.6px; } .blog-meta { margin:15px 0 10px; display: block; position: relative; padding:5px 0; border-top:1px solid #f7f7f7; border-bottom:1px solid #f7f7f7; } .banner .blog-meta { border:0; margin-top: 40px; display: block; } .banner .blog-meta span { padding:10px 10px; } .banner .blog-meta a { color: #ffffff !important; font-size: 16px; } .blog-meta span { padding-right: 5px; } .blog-meta span a { color:#999999 !important; font-style: italic; font-size: 12px; } .blog-meta span i { margin-right: 4px; } .blog-border { border:1px solid #f7f7f7; padding:20px; } .blog-border .blog-title { padding-top: 0; margin-top: 0; } .blog-border .blog-meta { border-bottom: 0 solid #f7f7f7; border-top: 0 solid #f7f7f7; margin: 5px 0 0px; padding: 0px 0 5px; } /****************************************** CONTACT ******************************************/ .section.contactbg { position: relative; } .section.contactbg img { position: absolute; top:0; left: 0; right: 0; } .contact_form .form-control { background-color: #fff; background-image: none; border: 1px solid #f7f7f7; border-radius: 2px; box-shadow: none; color: #555; display: block; font-size: 14px; height: 48px; line-height: 1.42857; padding: 6px 12px; width: 100%; margin-bottom: 20px; } .contact_form textarea { min-height: 160px !important; } .contact_form h3 span { font-weight: bold; font-size: 30px; } .contact_form h3 { font-weight: 400; padding-top: 0; margin-top: 0; font-size: 24px; color:#999999; text-transform: uppercase; letter-spacing: 0.6px; } .mapdesc { font-size: 18px; color:#999999; padding-top: 20px; } .mapdesc i { padding-right: 10px; } #map{ height:700px; width:45%; left:0; bottom:0; top:0; z-index: 1; position: absolute; } #map.fullwidthmap { height:550px; width:100%; left:0; bottom:0; top:0; z-index: 1; position: relative; } #map.fullmap { height:450px; width:100%; left:0; bottom:0; top:0; z-index: 1; position: relative; } #map.showmap { height:350px; width:100%; left:0; bottom:0; top:0; z-index: 1; position: relative; } #map5 { height:450px; width:100%; left:0; bottom:0; top:0; z-index: 1; position: relative; } #map6 { height:550px; width:100%; left:0; bottom:0; top:0; z-index: 1; position: relative; } #map3, #map1 { height:350px; width:100%; left:0; bottom:0; top:0; z-index: 1; position: relative; } #map img{ max-width:inherit } .map{ position:relative } .map .row{ position:relative } .infobox img { width:100% !important; } .map .searchmodule { padding:18px 10px } .infobox { display: inline-block; padding: 5px; position: relative; width: 270px; } .infobox img { width:80px !important; padding-right:10px } .infobox .title { font-size:13px; font-weight:bold; margin-top:0; margin-bottom:0; text-transform:uppercase; padding-bottom:5px; } .infobox .title a { font-weight:bold; color:#121212 !important; } /****************************************** SERVICES ******************************************/ .hover-services .box i { color:#222222; } .hover-services .box { padding:60px 40px; border:1px solid #f7f7f7; } .feature_list { padding:0 35px; } .feature_list h3 { font-size: 24px; letter-spacing: 0.5px; padding:0 0 20px; margin:0; color:#ffffff; } .feature_list p { padding:0; margin:0; color:#000000; } .icon-absolute { position: absolute; right: -35px; top:40%; } .icon-absolute.left-side { right: auto; left: -25px; } .icon-absolute span { font-size: 18px; width: 40px; height: 40px; line-height: 40px; } .rounded-services .box h3 { font-size: 24px; font-weight: bold; letter-spacing: 0.6px; padding-bottom: 10px; padding-top: 10px; } .rounded-services i { -webkit-border-radius: 115px; -moz-border-radius: 115px; font-size: 24px; width: 90px; height: 90px; color:#ffffff !important; line-height: 90px; background: #ddd; border-radius: 115px; } .rounded-services .hi-icon { background-color: transparent !important; } .lists-elements { margin: 0; overflow: hidden; padding: 0 0 1px 1px; width: calc(100% - 1px); } .lists-elements li { float: left; cursor: default; list-style: none outside none; margin: 0; width: 33.3333%; } .lists-elements li .service-style-hover { border-width: medium medium 1px 1px; display: block; padding:65px 30px; width: 100%; height: 100%; text-align: center; margin: 0; overflow: hidden; position: relative; background: #ffffff none repeat scroll 0 0; border-color: #f3f3f3; border-image: none; border-style: none none solid solid; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .lists-elements li:nth-child(1) .service-style-hover, .lists-elements li:nth-child(2) .service-style-hover, .lists-elements li:nth-child(3) .service-style-hover { border-top: 1px solid #f3f3f3; } .lists-elements li:nth-child(4) .service-style-hover, .lists-elements li:nth-child(1) .service-style-hover { border-left:1px solid #f3f3f3; } .lists-elements li:nth-child(6) .service-style-hover, .lists-elements li:nth-child(3) .service-style-hover { border-right:1px solid #f3f3f3; } .lists-elements li:nth-child(4) .service-style-hover, .lists-elements li:nth-child(5) .service-style-hover, .lists-elements li:nth-child(6) .service-style-hover { border-bottom: 1px solid #f3f3f3; } .customtab li:hover .service-style-hover, .lists-elements li:hover .service-style-hover { background-color: #FAFAFA; } .customtab h3 { margin-bottom: 20px } .customtab li .service-style-hover { display: block; width: 100%; height:140px; border:0; line-height: 140px; text-align: center; margin: 0; padding:0; overflow: hidden; position: relative; background: #ffffff none repeat scroll 0 0; border-image: none; border-style: none none solid solid; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .service-style-hover i { font-size: 30px; } .customtab li.active .backend, .portfolio-item:hover .invisible-buttons, .customtab li:hover .backend, .customtab li .frontend, .lists-elements li:hover .backend, .lists-elements li .frontend { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .customtab li.active .frontend i, .portfolio-item .invisible-buttons, .customtab li .backend, .customtab li:hover .frontend, .lists-elements li .backend, .lists-elements li:hover .frontend { zoom: 1; filter: alpha(opacity=0); opacity: 0; } .descvisible .portfolio-item .invisible-buttons, .descvisible .portfolio-item:hover .invisible-buttons{ zoom: 1; filter: alpha(opacity=100) !important; opacity: 1 !important; } .customtab .nav > li > a { padding:0 !important; margin:0 !important; } .customtab .nav > li { padding-left: 0 !important; padding-right: 0 !important; border:1px solid #f7f7f7 !important; background: #88b7d5; } .customtab .nav > li.active:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #88b7d5; border-width: 15px; margin-left: -15px; } .customtab .nav-tabs > li > a, .customtab .nav-tabs > li.active > a, .customtab .nav-tabs > li.active > a:hover, .customtab .nav-tabs > li.active > a:focus, .customtab .nav > li.active { border:0 !important; } .customtab li .backend { left: 0; margin: -30px auto; position: absolute; right: 0; top: 55%; line-height: 1.2; } .lists-elements li .backend { position: absolute; top:50%; margin:-30px auto; left:0; right: 0; } .customtab li .backend h4, .lists-elements li .backend h4 { letter-spacing: 0.5px; } .customtab li .backend h4 { color:#222222 !important; } .box { position: relative; display: block; margin-top: 30px; clear:both; } .box a { font-style: italic; } .box h3 { font-size: 18px; letter-spacing: 0.6px; padding-bottom: 5px; font-weight: bold; } .box i { font-size: 30px; color:#999999; } hr.invis { border:0; } hr { border-color:#f7f7f7; } .margintop80px { border:0; display: block; margin:80px !important; } .margintop60px { border:0 !important; margin:60px !important; } .margintop50px { border:0 !important; margin:50px !important; } .margintop40px { border:0 !important; margin:40px !important; } .margintop30px { border:0; margin:30px !important; } .margintop20px { border:0; margin:20px !important; } .box .icon-container { width: 90px; height: 90px; line-height: 100px; margin:0 auto 45px; font-size: 24px; background-color: #f7f7f7; text-align: center; display: block; -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; transform: rotate(45deg) !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-primary { font-size: 14px; padding:13px 30px 10px; font-weight: bold; line-height: 1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 0.6px; } .btn-normal { font-size: 14px; padding:13px 50px 10px; font-weight: bold; line-height: 1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 0.6px; } .about-widget p { padding:20px 0 5px; } h4.customh4 { font-size: 24px; letter-spacing: 0.6px; line-height: 40px; padding:0; } .services-list-style .box h3 { margin-top: 0 !important; } .services-list-style .box .alignleft { display: inline-block; float: left; width: 60px; height: 60px; font-size: 24px; line-height: 60px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 30px 55px 0; } .services-list-style .box p { padding:0; } .services-list-style .box { padding:0; margin:0; } .icon-square .box .icon-container i { color:#ffffff !important; font-size: 18px !important } .icon-square .box .icon-container { width: 60px; height: 60px; margin:10px 30px 30px 0; background-color: #ffffff; float:left; text-align: center; display: inline-block; line-height: 60px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); } .icon-square .box span i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); color:#999999; font-size: 18px; transform: rotate(-45deg); } /****************************************** PRICING TABLES ******************************************/ .pricing-tables .plan.recommended .head { margin-bottom: 20px; } .pricing-style-2 .plan .btn, .pricing-tables .plan .head { -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .pricing-tables.attached .col-sm-4, .pricing-tables.attached .col-md-4, .pricing-tables.attached .col-sm-3, .pricing-tables.attached .col-md-3 { padding-left: 0; padding-right: 0; } .plan { min-height: 100px; background: #fff; border-radius: 4px; margin: 20px 0; padding-bottom: 25px; text-align: center; } .plan .head { padding:50px 30px; background: #ffffff; border-bottom:1px solid #f7f7f7; color: #fff; } .plan .head h1, .plan .head h2, .plan .head h3 { padding: 0; margin: 0; line-height: 1; font-size: 50px; color: #999999; font-weight: bold; } .plan .head sup { font-size: 18px; top:-20px; right: 5px; } .plan .price { border-bottom: 1px solid #f7f7f7; margin: 0 auto; padding:20px 0 20px; width: 100%; } .plan .price h3 { padding:5px 0 10px; margin:0; font-size: 24px; font-weight: bold; letter-spacing: 0.5px; line-height: 1; } .plan .price h4 { color: #aaa; padding:3px; font-style: italic; margin:0; display: inline-block; font-size: 14px; } .plan .btn { padding: 10px 40px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: bold; } .plan ul { list-style-type: none; padding: 20px 20px 10px; margin-top: 20px; } .plan ul li { line-height: 22px; margin-bottom: 15px; font-size: 14px; color:#999999; font-weight: 400 !important; letter-spacing: 0.4px; } .plan.recommended { margin-top: 0px; position: relative; z-index: 99; border-bottom: 20px solid #ffffff; } .plan.recommended .head { background: #171717; } .plan.recommended .btn { margin-bottom: 10px; } .plan.recommended .head h2{ color:#ffffff; } .pricing-style-2 .head, .pricing-style-2 .plan { background-color: #fbfbfb; } .pricing-style-2 .plan .price { background-color: #ffffff; } .pricing-style-2 .plan.recommended .head { margin: 0; padding: 60px 0px; } .pricing-transparent.pricing-style-2 .plan { border:1px solid rgba(255,255,255,0.3); } .pricing-transparent .plan .price h3 { color:#ffffff !important; } .pricing-transparent .plan.recommended .head, .pricing-transparent .plan .head, .pricing-transparent .plan .price { border-bottom: 1px solid rgba(255,255,255,0.3) !important; } /************************************************ CAROUSEL ************************************************/ .selected { opacity: 0.3; } #slider-thumbs .list-inline { text-align: center; } #slider-thumbs .list-inline li { max-width: 120px } .singleshopimages#slider-thumbs .list-inline li { max-width: 92px; } .right.carousel-control { right: 20px; background-color: #f1f1ef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .left.carousel-control { left: 20px; background-color: #f1f1ef; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .owl-custom .owl-nav{ text-align: center; position: absolute; top:-22%; right: 0; } .owl-custom .owl-nav .owl-next, .owl-custom .owl-nav .owl-prev { display: inline-block; width: 40px; line-height: 36px; font-size: 24px; height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; border:2px solid #eaeaea; color:#eaeaea; margin: 0 0 0 10px; } .owl-banners { position: relative; } .carousel-control { background-image: none !important; background-repeat: repeat-x; top:50%; margin: -20px 0; background: #ffffff; opacity: 1 !important; width: 40px; height: 40px; line-height: 40px; } .carousel-control .fa-angle-right, .carousel-control .icon-next { margin-right: -5px; } .carousel-control .fa-angle-left, .carousel-control .icon-prev { margin-left: -5px; } .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 20px; color:#222222 !important; text-shadow:none !important; height: 40px; margin-top: -10px; width: 40px; } /****************************************** SLIDER ******************************************/ .tparrows.preview4:after { background-color: rgba(0,0,0,0.9); } .tp-caption.slider_text_01, .slider_text_01 { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 48px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); line-height: 76px; color:#222222 !important; } .shop_text_01, .tp-caption.shop_text_01 span { font-size: 72px; } .shop_text_02, .tp-caption.shop_text_02 { font-size: 72px; letter-spacing: 0.6px; } .tp-caption.slider_text_02.whitecolor, .slider_text_02.whitecolor, .tp-caption.slider_text_01.whitecolor, .slider_text_01.whitecolor, .tp-caption.slider_text_03.whitecolor, .slider_text_03.whitecolor { color:#ffffff !important; } .tp-caption.slider_text_03.darkcolor, .slider_text_03.darkcolor { color:#222222 !important; } .tp-caption.slider_text_04, .slider_text_04 { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 60px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); line-height: 65px; color:#ffffff !important; } .tp-caption.slider_text_21, .slider_text_21 { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 70px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); line-height: 65px; color:#26c8dd !important; } .tp-caption.slider_text_05.darktext, .slider_text_05.darktext, .tp-caption.slider_text_04.darktext, .slider_text_04.darktext { color:#222222 !important; } .tp-caption.slider_text_05, .slider_text_05 { text-transform: none; letter-spacing: 2px; font-weight: bold; font-size: 60px; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1); line-height: 94px; color:#ffffff !important; } .tp-caption.slider_text_02, .slider_text_02 { letter-spacing: 2px; font-weight: bold; font-size: 72px; line-height: 76px; } .tp-caption.slider_text_09, .slider_text_09 { letter-spacing: 2px; font-weight: normal; color:#39c173; font-size: 72px; line-height: 76px; } .tp-caption.slider_text_22, .slider_text_22 { letter-spacing: 1px; font-size: 24px; font-style: italic; line-height: 40px; color:#ffffff !important; } .tp-caption.slider_text_03, .slider_text_03 { letter-spacing: 1px; font-size: 18px; font-style: italic; line-height: 30px; color:#999999 !important; } .tp-caption.slider_text_03.white_color, .slider_text_03.white_color { color:#ffffff !important; letter-spacing: 0; } .tp-caption.slider_text_10, .slider_text_10 { text-transform: capitalize; letter-spacing: 0.7px; font-weight: bold; font-size: 100px; line-height: 65px; color:#ffffff !important; } .tp-caption.slider_text_11, .slider_text_11 { text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 72px; line-height: 90px; color:#222222 !important; } .slider_btn, .tp-caption.slider_btn { text-transform: uppercase; } .boxedcontainer { max-width: 1170px; margin:auto; padding:0px 30px; } .tp-banner-container{ width:100%; position:relative; padding:0; z-index: 1; } .tp-banner{ width:100%; position:relative; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } .tp-bannertimer { display: none; } /****************************************** PROGRESS BAR ******************************************/ .statwrap .fa-3x { font-size: 80px; margin-bottom: 20px; } .pie-elements h4 { color:#222222; font-size: 18px; font-weight: bold; letter-spacing: 0.6px; } .pie-title-center { display:block; position: relative; margin:0 auto; text-align: center; } .pie-value { display: block; position: absolute; font-size: 30px; height: 40px; top: 50%; left: 0; font-style: italic; color:#999999; right: 0; margin-top: -20px; line-height: 40px; } .skills { position: relative; } .skills p { font-size: 18px; padding:0; color:#222222; font-weight: bold; letter-spacing: 0.8px; } .skills small { font-style: italic; font-size: 12px; position: absolute; right: 0; background-color: #ececec; padding:6px 10px; line-height: 1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; top:3px; } .progress { background-color: #f7f7f7; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: none; height: 15px; overflow: hidden; } .progress-striped .progress-bar, .progress-bar-striped { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .nostyle { list-style: none; padding:0; } .nostyle li { font-size: 14px; font-style: italic; line-height: 30px; letter-spacing: 0.4px; } /****************************************** ACCORDION ******************************************/ .accordion-filterable .accordion-group, #accordion-first .accordion-group{ margin-bottom:10px; } .accordion-filterable .accordion-heading, #accordion-first .accordion-heading{ border-bottom:0; font-size:16px; } .accordion-filterable .accordion-heading .accordion-toggle, #accordion-first .accordion-heading .accordion-toggle{ display:block; font-size: 16px; letter-spacing: 0.6px; border-bottom: 1px solid #f7f7f7; cursor:pointer; font-weight: bold; padding:5px 0 10px !important; color:#222222 !important; outline:none!important; text-decoration:none } .accordion-filterable .accordion-heading, .accordion-filterable .accordion-toggle:hover, .accordion-filterable .accordion-heading .accordion-toggle.active, #accordion-first .accordion-heading, #accordion-first .accordion-toggle:hover, #accordion-first .accordion-heading .accordion-toggle.active{ background:none; } .accordion-filterable .accordion-heading .accordion-toggle > em, #accordion-first .accordion-heading .accordion-toggle > em { background-color: #fff; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; border:1px solid #fff; color: #FFFFFF; font-size:14px; height: 32px; line-height: 32px; margin-right: 10px; text-align: center; width: 32px; } .accordion-filterable .accordion-inner, #accordion-first .accordion-inner{ padding:9px 10px; } .accordion-inner p { margin:5px 0 0; } .bluebg .tagline-message h4, .bluebg .tagline-message h4 a { font-size: 24px; letter-spacing: 0.6px; } .dark .tagline-message h4, .dark .tagline-message h4 a { letter-spacing: 0.5px; font-size: 24px; color:#ffffff !important; } .tagline-message h2 { font-size: 48px; letter-spacing: 0.6px; line-height: 30px; font-weight: bold; padding:0; margin:0; } .customtagline { font-size: 24px; line-height: 48px; letter-spacing: 0.4px; padding:0; margin:0; font-weight: 400; font-style: italic; } .tagline-message h2, .tagline-message h4, .tagline-message .btn { display: inline-block; } .creativetext { font-style: italic; font-size: 18px; letter-spacing: 0.5px; line-height: 36px; } #accordion-first.accordion-style-2 .accordion-heading .accordion-toggle { border: 1px solid #f7f7f7 !important; padding: 0 !important; position: relative; height: 52px; font-size: 16px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; line-height: 52px; } #accordion-first.accordion-style-2 .accordion-heading .accordion-toggle > em { background-color:transparent !important; border: 0px solid #fff !important; border-radius: 0 !important; height: 50px !important; color:#222222 !important; font-size: 18px; line-height: 52px !important; position: relative; width: 50px !important; border-right: 1px solid #f7f7f7 !important; } #accordion-first.accordion-style-2 .accordion-inner { padding: 10px 20px; border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; } #accordion-first.awbb.accordion-style-2 .accordion-heading:hover .accordion-toggle, #accordion-first.awbb.accordion-style-2 .accordion-heading:focus .accordion-toggle { background-color: #ffffff !important; border-color:#f7f7f7 !important; color:#222222 !important; } .dark .accordion-filterable .accordion-heading .accordion-toggle, .dark #accordion-first .accordion-heading .accordion-toggle { border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; } .rounddedaccourdion .accordion-heading .accordion-toggle > em { background-color: #fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:0 solid #fff; color: #FFFFFF; font-size:14px; height: 32px; line-height: 34px; margin-right: 10px; text-align: center; width: 32px; } .polygonaccordion .accordion-heading .accordion-toggle > em { background-color: #f7f7f7; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:0 solid #fff; color: #FFFFFF; font-size:14px; height: 32px; line-height: 34px; margin-right: 10px; text-align: center; width: 32px; } /****************************************** TEAM MEMBERS ******************************************/ .team-members .magnifier { -webkit-border-radius:500px; -moz-border-radius:500px; border-radius:500px; } .team-members.normalversion .magnifier { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .team-member h4 { font-size: 18px; font-weight: bold; letter-spacing: 0.6px; display: block; margin: 30px 0 10px; } .team-member small { font-style: italic; font-size: 14px; line-height: 1.4; display: inline-block; margin:0 0 15px; } .team-member .nobg { margin-bottom: 10px; background-color: #ffffff !important; color:#999999 !important; } .normalversion .social a { margin:0 20px 0 0; height: 34px; font-size: 18px; line-height: 34px; width: 34px; } .team-member .social { margin-top: 20px; } .full-image-section .background-image { bottom: 0; position: absolute; left: -3%; height: 100%; width: 50%; top:0; } .background-image-wrapper h3 { position: absolute; color:#ffffff; text-align: center; left:0; right: 0; } .testibg.full-image-section .background-image { left: 0; width: 45%; } /****************************************** TESTIMONIALS ******************************************/ .leftside .testi-lead p, .bgdarkblue .testi-lead p { font-size: 24px; line-height: 40px; } .leftside .testi-lead p { color:#999999 !important; } .client_list_v_2 img { border:1px solid #f7f7f7; padding:10px; } .client_list li { border:1px solid #f7f7f7; margin: 0 30px 30px 0 } .grey .client_list li { border: 1px solid #eeeeee; margin: 20px 30px 20px 0; } .testi-lead h3 { font-size: 18px; margin:20px 0 0; color:#f7f7f7; line-height: 40px; letter-spacing: 0.5px; } .testi-lead h3 span { font-size: 14px; font-style: italic; letter-spacing: 0.5px; line-height: 40px; padding:0; } .testi-lead p { font-size: 30px; padding:0; line-height: 56px; color:#f7f7f7; font-weight: 400; font-style: italic; } .section.white .testi-lead p, .section.grey .testi-lead p { color: #999999; } .section.white .testi-lead h3, .section.grey .testi-lead h3 { color:#333333; } .section.dark { background-color: #222222; } /****************************************** TABS ******************************************/ #tab-style-left .nav-tabs > li.active > a, #tab-style-left .nav-tabs > li.active > a:hover, #tab-style-left .nav-tabs > li.active > a:focus { border:1px solid #ededed !important; border-left: 2px solid #111111 !important; outline: none; } #tab-style-left .nav-tabs > li:focus, #tab-style-left .nav-tabs > li:hover a { background-color: transparent !important; } #tab-style-left .nav-tabs > li { border-radius: 0; color: #c1c1c1 !important; font-size: 14px; line-height: 1; margin-right: 10px; min-width: 250px; padding: 0; } /* custom inclusion of right, left and below tabs */ #tab-style-left .tab-content .tab-pane { padding:0; } .tabs-left > .nav-tabs { border-bottom: 0; min-height: 240px; } .tabs-left > .nav-tabs > li { float: none; background-color: #ffffff; } .tabs-left .nav-tabs > li > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; line-height: 30px; margin-right: 2px; padding: 12px 28px !important; } .tabs-left > .nav-tabs > li > a{ margin-right: 0; font-weight: bold; padding:10px; border-radius: 0; border:1px solid #ededed !important; color:#999999 !important; width: 100%; letter-spacing: 0.9px; margin-bottom: 0; } .tabs-left > .nav-tabs { float: left; margin-right: 20px; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .customtab_style_one .btn-primary { background-color: #f7f7f7 !important; color:#999999 !important; font-weight: 400; border-color:#ffffff !important; letter-spacing: 0.5px; font-size: 14px; box-shadow: none !important } .customtab_style_one .nav-tabs > li, .nav-pills > li { float:none; display:inline-block; *display:inline; /* ie7 fix */ margin:0 3px; zoom:1; /* hasLayout ie7 trigger */ } .customtab_style_one .nav-tabs, .nav-pills { text-align:center; } .customtab_style_one .nav-tabs { border-bottom: 0 solid #ddd; margin-bottom: 60px; } .customtab_style_one h3 { font-size: 24px; letter-spacing: 0.6px; margin: 0; padding:0 0 20px; font-weight: bold; } .customtab_style_two .btn-primary { background-color: #ffffff !important; color:#999999 !important; border-color:#ffffff !important; font-weight: 400; letter-spacing: 0.8px; font-size: 14px !important; border-radius: 0 !important; box-shadow: none !important } .customtab_style_one li:hover .btn-primary, .customtab_style_one li.active .btn-primary, .customtab_style_two li:hover .btn-primary, .customtab_style_two li.active .btn-primary { box-shadow: none !important; } .customtab_style_two .nav-tabs > li, .nav-pills > li { margin:0 6px 0 0; } .customtab_style_two .nav-tabs { border-bottom: 0 solid #ddd; margin-bottom: 60px; } .customtab_style_two h3 { font-size: 24px; letter-spacing: 0.6px; margin: 0; padding:0 0 20px; font-weight: bold; } /****************************************** ALERTS ******************************************/ .alert { padding:25px; } .alert .close { color: #fff !important; float: right; font-size: 24px; font-weight: bold; line-height: 1; opacity: 1; text-shadow: none; } .alert i { font-size: 24px; padding: 0 20px 0 10px; vertical-align: sub; } .alert-danger, .alert-success, .alert-warning, .alert-info { background-color: #297ad3; color:#ffffff; font-size: 14px; font-weight: 600; } .alert-danger { background-color: #e33131; } .alert-success { background-color: #42a367; } .alert-warning { background-color: #e9a00a; } .lightalert.alert-info { background-color: #cde8f6 !important; color:#297ad3 !important; } .lightalert.alert-success { background-color: #ddf3d5 !important; color:#42a367 !important; } .lightalert.alert-warning { background-color: #fce1a7 !important; color:#e9a00a !important; } .lightalert.alert-danger { background-color: #edc8c5 !important; color:#e33131 !important; } .withborder.alert-info { background-color: transparent !important; color:#297ad3 !important; border:1px solid #297ad3 !important; } .withborder.alert-success { background-color: transparent !important; color:#42a367 !important; border:1px solid #42a367 !important; } .withborder.alert-warning { background-color: transparent !important; color:#e9a00a !important; border:1px solid #e9a00a !important; } .withborder.alert-danger { background-color: transparent !important; color:#e33131 !important; border:1px solid #e33131 !important; } .withborderlight.alert-info { background-color: transparent !important; color:#297ad3 !important; border:1px solid #cde8f6 !important; } .withborderlight.alert-success { background-color: transparent !important; color:#42a367 !important; border:1px solid #ddf3d5 !important; } .withborderlight.alert-warning { background-color: transparent !important; color:#e9a00a !important; border:1px solid #fce1a7 !important; } .withborderlight.alert-danger { background-color: transparent !important; color:#e33131 !important; border:1px solid #edc8c5 !important; } .alert { position: relative; } .withboxed { padding-left: 80px; } .boxesicon { background-color: #ddd; bottom: 0; display: inline-block; left: 0; line-height: 77px; padding-left: 10px; position: absolute; text-align: center; top: 0; width: 70px; } .withboxed.alert-success .boxesicon { background-color: #3a935c !important; } .withboxed.alert-info .boxesicon { background-color: #2b73c2 !important; } .withboxed.alert-warning .boxesicon { background-color: #d79306 !important; } .withboxed.alert-danger .boxesicon { background-color: #ce2828 !important; } .lightalert.alert-success .boxesicon { background-color: #d0edc6 !important; } .lightalert.alert-info .boxesicon { background-color: #bddcec !important; } .lightalert.alert-warning .boxesicon { background-color: #f1d598 !important; } .lightalert.alert-danger .boxesicon { background-color: #e8c0bc !important; } .withborder.alert-success .boxesicon { background-color: transparent !important; border-right: 1px solid #42a367; } .withborder.alert-info .boxesicon { background-color: transparent !important; border-right: 1px solid #297ad3; } .withborder.alert-warning .boxesicon { background-color: transparent !important; border-right: 1px solid #e9a00a; } .withborder.alert-danger .boxesicon { background-color: transparent !important; border-right: 1px solid #e33131; } .withborderlight.alert-success .boxesicon { background-color: transparent !important; border-right: 1px solid #ddf3d5; } .withborderlight.alert-info .boxesicon { background-color: transparent !important; border-right: 1px solid #cde8f6; } .withborderlight.alert-warning .boxesicon { background-color: transparent !important; border-right: 1px solid #fce1a7; } .withborderlight.alert-danger .boxesicon { background-color: transparent !important; border-right: 1px solid #edc8c5; } .alert p { color:#ffffff; font-weight: 600 !important; } .alert h3 { color:#ffffff; line-height: 1; padding:0 0 20px 0; margin:0; } .alert h3 i { padding:8px 10px; vertical-align: baseline } .customalert p { padding-left: 40px; } /****************************************** BUTTONS ******************************************/ .btn1 { background-color: #f39705 !important; border-color: #f39705 !important; -webkit-box-shadow: 0px 3px 0px 0px #db8a0a !important; -moz-box-shadow: 0px 3px 0px 0px #db8a0a !important; box-shadow: 0px 3px 0px 0px #db8a0a !important; } .btn1:focus, .btn1:hover { background-color: #db8a0a !important; border-color: #db8a0a !important; -webkit-box-shadow: 0px 3px 0px 0px #f39705 !important; -moz-box-shadow: 0px 3px 0px 0px #f39705 !important; box-shadow: 0px 3px 0px 0px #f39705!important; } .btn1.btnnob:hover, .btn1.btnnob:focus, .btn1.btnnob { background-color: #ffffff !important; color:#f39705 !important; border:2px solid #f39705 !important; } .btn2 { background-color: #f37d6b !important; border-color: #f37d6b !important; -webkit-box-shadow: 0px 3px 0px 0px #e57260 !important; -moz-box-shadow: 0px 3px 0px 0px #e57260 !important; box-shadow: 0px 3px 0px 0px #e57260 !important; } .btn2:focus, .btn2:hover { background-color: #e57260 !important; border-color: #e57260 !important; -webkit-box-shadow: 0px 3px 0px 0px #f37d6b !important; -moz-box-shadow: 0px 3px 0px 0px #f37d6b !important; box-shadow: 0px 3px 0px 0px #f37d6b!important; } .btn2.btnnob:hover, .btn2.btnnob:focus, .btn2.btnnob { background-color: #ffffff !important; color:#f37d6b !important; border:2px solid #f37d6b !important; } .btn3 { background-color: #40548e !important; border-color: #40548e !important; -webkit-box-shadow: 0px 3px 0px 0px #34477d !important; -moz-box-shadow: 0px 3px 0px 0px #34477d !important; box-shadow: 0px 3px 0px 0px #34477d !important; } .btn3:focus, .btn3:hover { background-color: #34477d !important; border-color: #34477d !important; -webkit-box-shadow: 0px 3px 0px 0px #40548e !important; -moz-box-shadow: 0px 3px 0px 0px #40548e !important; box-shadow: 0px 3px 0px 0px #40548e!important; } .btn3.btnnob:hover, .btn3.btnnob:focus, .btn3.btnnob { background-color: #ffffff !important; color:#34477d !important; border:2px solid #34477d !important; } .btn4 { background-color: #97c200 !important; border-color: #97c200 !important; -webkit-box-shadow: 0px 3px 0px 0px #8cb207 !important; -moz-box-shadow: 0px 3px 0px 0px #8cb207 !important; box-shadow: 0px 3px 0px 0px #8cb207 !important; } .btn4:focus, .btn4:hover { background-color: #8cb207 !important; border-color: #8cb207 !important; -webkit-box-shadow: 0px 3px 0px 0px #97c200 !important; -moz-box-shadow: 0px 3px 0px 0px #97c200 !important; box-shadow: 0px 3px 0px 0px #97c200!important; } .btn4.btnnob:hover, .btn4.btnnob:focus, .btn4.btnnob { background-color: #ffffff !important; color:#97c200 !important; border:2px solid #97c200 !important; } .btn5 { background-color: #62a783 !important; border-color: #62a783 !important; -webkit-box-shadow: 0px 3px 0px 0px #529673 !important; -moz-box-shadow: 0px 3px 0px 0px #529673 !important; box-shadow: 0px 3px 0px 0px #529673 !important; } .btn5:focus, .btn5:hover { background-color: #529673 !important; border-color: #529673 !important; -webkit-box-shadow: 0px 3px 0px 0px #62a783 !important; -moz-box-shadow: 0px 3px 0px 0px #62a783 !important; box-shadow: 0px 3px 0px 0px #62a783!important; } .btn5.btnnob:hover, .btn5.btnnob:focus, .btn5.btnnob { background-color: #ffffff !important; color:#529673 !important; border:2px solid #529673 !important; } .btn6 { background-color: #f82f54 !important; border-color: #f82f54 !important; -webkit-box-shadow: 0px 3px 0px 0px #e02749 !important; -moz-box-shadow: 0px 3px 0px 0px #e02749 !important; box-shadow: 0px 3px 0px 0px #e02749 !important; } .btn6:focus, .btn6:hover { background-color: #e02749 !important; border-color: #e02749 !important; -webkit-box-shadow: 0px 3px 0px 0px #f82f54 !important; -moz-box-shadow: 0px 3px 0px 0px #f82f54 !important; box-shadow: 0px 3px 0px 0px #f82f54!important; } .btn7 { background-color: #1cc0be !important; border-color: #1cc0be !important; -webkit-box-shadow: 0px 3px 0px 0px #19aeac !important; -moz-box-shadow: 0px 3px 0px 0px #19aeac !important; box-shadow: 0px 3px 0px 0px #19aeac !important; } .btn7:focus, .btn7:hover { background-color: #19aeac !important; border-color: #19aeac !important; -webkit-box-shadow: 0px 3px 0px 0px #1cc0be !important; -moz-box-shadow: 0px 3px 0px 0px #1cc0be !important; box-shadow: 0px 3px 0px 0px #1cc0be!important; } .btn8 { background-color: #e25611 !important; border-color: #e25611 !important; -webkit-box-shadow: 0px 3px 0px 0px #cb4a0a !important; -moz-box-shadow: 0px 3px 0px 0px #cb4a0a !important; box-shadow: 0px 3px 0px 0px #cb4a0a !important; } .btn8:focus, .btn8:hover { background-color: #cb4a0a !important; border-color: #cb4a0a !important; -webkit-box-shadow: 0px 3px 0px 0px #e25611 !important; -moz-box-shadow: 0px 3px 0px 0px #e25611 !important; box-shadow: 0px 3px 0px 0px #e25611!important; } .btn9 { background-color: #007c8e !important; border-color: #007c8e !important; -webkit-box-shadow: 0px 3px 0px 0px #025e6b !important; -moz-box-shadow: 0px 3px 0px 0px #025e6b !important; box-shadow: 0px 3px 0px 0px #025e6b !important; } .btn9:focus, .btn9:hover { background-color: #025e6b !important; border-color: #025e6b !important; -webkit-box-shadow: 0px 3px 0px 0px #007c8e !important; -moz-box-shadow: 0px 3px 0px 0px #007c8e !important; box-shadow: 0px 3px 0px 0px #007c8e!important; } .btn10 { background-color: #21c2f8 !important; border-color: #21c2f8 !important; -webkit-box-shadow: 0px 3px 0px 0px #18a6d6 !important; -moz-box-shadow: 0px 3px 0px 0px #18a6d6 !important; box-shadow: 0px 3px 0px 0px #18a6d6 !important; } .btn10:focus, .btn10:hover { background-color: #18a6d6 !important; border-color: #18a6d6 !important; -webkit-box-shadow: 0px 3px 0px 0px #21c2f8 !important; -moz-box-shadow: 0px 3px 0px 0px #21c2f8 !important; box-shadow: 0px 3px 0px 0px #21c2f8!important; } .btn11 { background-color: #695b7a !important; border-color: #695b7a !important; -webkit-box-shadow: 0px 3px 0px 0px #524660 !important; -moz-box-shadow: 0px 3px 0px 0px #524660 !important; box-shadow: 0px 3px 0px 0px #524660 !important; } .btn11:focus, .btn11:hover { background-color: #524660 !important; border-color: #524660 !important; -webkit-box-shadow: 0px 3px 0px 0px #695b7a !important; -moz-box-shadow: 0px 3px 0px 0px #695b7a !important; box-shadow: 0px 3px 0px 0px #695b7a!important; } .btn12 { background-color: #2e313d !important; border-color: #2e313d !important; -webkit-box-shadow: 0px 3px 0px 0px #191a21 !important; -moz-box-shadow: 0px 3px 0px 0px #191a21 !important; box-shadow: 0px 3px 0px 0px #191a21 !important; } .btn12:focus, .btn12:hover { background-color: #191a21 !important; border-color: #191a21 !important; -webkit-box-shadow: 0px 3px 0px 0px #2e313d !important; -moz-box-shadow: 0px 3px 0px 0px #2e313d !important; box-shadow: 0px 3px 0px 0px #2e313d!important; } .btn13 { background-color: #87a6b0 !important; border-color: #87a6b0 !important; -webkit-box-shadow: 0px 3px 0px 0px #60828d !important; -moz-box-shadow: 0px 3px 0px 0px #60828d !important; box-shadow: 0px 3px 0px 0px #60828d !important; } .btn13:focus, .btn13:hover { background-color: #60828d !important; border-color: #60828d !important; -webkit-box-shadow: 0px 3px 0px 0px #87a6b0 !important; -moz-box-shadow: 0px 3px 0px 0px #87a6b0 !important; box-shadow: 0px 3px 0px 0px #87a6b0!important; } .btn14 { background-color: #fa973c !important; border-color: #fa973c !important; -webkit-box-shadow: 0px 3px 0px 0px #e1842f !important; -moz-box-shadow: 0px 3px 0px 0px #e1842f !important; box-shadow: 0px 3px 0px 0px #e1842f !important; } .btn14:focus, .btn14:hover { background-color: #e1842f !important; border-color: #e1842f !important; -webkit-box-shadow: 0px 3px 0px 0px #fa973c !important; -moz-box-shadow: 0px 3px 0px 0px #fa973c !important; box-shadow: 0px 3px 0px 0px #fa973c!important; } .btn15 { background-color: #24d78a !important; border-color: #24d78a !important; -webkit-box-shadow: 0px 3px 0px 0px #16c177 !important; -moz-box-shadow: 0px 3px 0px 0px #16c177 !important; box-shadow: 0px 3px 0px 0px #16c177 !important; } .btn15:focus, .btn15:hover { background-color: #16c177 !important; border-color: #16c177 !important; -webkit-box-shadow: 0px 3px 0px 0px #24d78a !important; -moz-box-shadow: 0px 3px 0px 0px #24d78a !important; box-shadow: 0px 3px 0px 0px #24d78a!important; } .btn16 { background-color: #9a2c4a !important; border-color: #9a2c4a !important; -webkit-box-shadow: 0px 3px 0px 0px #7d243c !important; -moz-box-shadow: 0px 3px 0px 0px #7d243c !important; box-shadow: 0px 3px 0px 0px #7d243c !important; } .btn16:focus, .btn16:hover { background-color: #7d243c !important; border-color: #7d243c !important; -webkit-box-shadow: 0px 3px 0px 0px #9a2c4a !important; -moz-box-shadow: 0px 3px 0px 0px #9a2c4a !important; box-shadow: 0px 3px 0px 0px #9a2c4a!important; } .btn17 { background-color: #f0ca3d !important; border-color: #f0ca3d !important; -webkit-box-shadow: 0px 3px 0px 0px #d8b533 !important; -moz-box-shadow: 0px 3px 0px 0px #d8b533 !important; box-shadow: 0px 3px 0px 0px #d8b533 !important; } .btn18 { background-color: #626073 !important; border-color: #626073 !important; -webkit-box-shadow: 0px 3px 0px 0px #4f4e5d !important; -moz-box-shadow: 0px 3px 0px 0px #4f4e5d !important; box-shadow: 0px 3px 0px 0px #4f4e5d !important; } .btn18:focus, .btn18:hover { background-color: #4f4e5d !important; border-color: #4f4e5d !important; -webkit-box-shadow: 0px 3px 0px 0px #626073 !important; -moz-box-shadow: 0px 3px 0px 0px #626073 !important; box-shadow: 0px 3px 0px 0px #626073!important; } .btn19 { background-color: #b8b8b8 !important; border-color: #b8b8b8 !important; -webkit-box-shadow: 0px 3px 0px 0px #a4a3a3 !important; -moz-box-shadow: 0px 3px 0px 0px #a4a3a3 !important; box-shadow: 0px 3px 0px 0px #a4a3a3 !important; } .btn19:focus, .btn19:hover { background-color: #a4a3a3 !important; border-color: #a4a3a3 !important; -webkit-box-shadow: 0px 3px 0px 0px #b8b8b8 !important; -moz-box-shadow: 0px 3px 0px 0px #b8b8b8 !important; box-shadow: 0px 3px 0px 0px #b8b8b8!important; } .btn20 { background-color: #bbb83f !important; border-color: #bbb83f !important; -webkit-box-shadow: 0px 3px 0px 0px #a3a034 !important; -moz-box-shadow: 0px 3px 0px 0px #a3a034 !important; box-shadow: 0px 3px 0px 0px #a3a034 !important; } .btn20:focus, .btn20:hover { background-color: #a3a034 !important; border-color: #a3a034 !important; -webkit-box-shadow: 0px 3px 0px 0px #bbb83f !important; -moz-box-shadow: 0px 3px 0px 0px #bbb83f !important; box-shadow: 0px 3px 0px 0px #bbb83f!important; } .btn21 { background-color: #a9d300 !important; border-color: #a9d300 !important; -webkit-box-shadow: 0px 3px 0px 0px #93b703 !important; -moz-box-shadow: 0px 3px 0px 0px #93b703 !important; box-shadow: 0px 3px 0px 0px #93b703 !important; } .btn21:focus, .btn21:hover { background-color: #93b703 !important; border-color: #93b703 !important; -webkit-box-shadow: 0px 3px 0px 0px #a9d300 !important; -moz-box-shadow: 0px 3px 0px 0px #a9d300 !important; box-shadow: 0px 3px 0px 0px #a9d300 !important; } .btn22 { background-color: #00d7e9 !important; border-color: #00d7e9 !important; -webkit-box-shadow: 0px 3px 0px 0px #05c3d3 !important; -moz-box-shadow: 0px 3px 0px 0px #05c3d3 !important; box-shadow: 0px 3px 0px 0px #05c3d3 !important; } .btn22:focus, .btn22:hover { background-color: #05c3d3 !important; border-color: #05c3d3 !important; -webkit-box-shadow: 0px 3px 0px 0px #00d7e9 !important; -moz-box-shadow: 0px 3px 0px 0px #00d7e9 !important; box-shadow: 0px 3px 0px 0px #00d7e9 !important; } .btn23 { background-color: #40538e !important; border-color: #40538e !important; -webkit-box-shadow: 0px 3px 0px 0px #334374 !important; -moz-box-shadow: 0px 3px 0px 0px #334374 !important; box-shadow: 0px 3px 0px 0px #334374 !important; } .btn23:focus, .btn23:hover { background-color: #334374 !important; border-color: #334374 !important; -webkit-box-shadow: 0px 3px 0px 0px #40538e !important; -moz-box-shadow: 0px 3px 0px 0px #40538e !important; box-shadow: 0px 3px 0px 0px #40538e !important; } .btn.btn-with-icon { padding-left: 50px !important; padding-right: 50px !important; width: 200px; text-align: center; } .btn.btn-with-icon i { padding:0 0 0 10px; } .btn.btn-with-icon i { opacity: 1; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn.btn-with-icon:hover i { opacity: 0; font-size: 0; padding:0 !important; } .btnnb { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .btnb4 { -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; } .btnb8 { -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } .btnb15 { -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; border-radius: 15px !important; } .btnb32 { -webkit-border-radius: 32px !important; -moz-border-radius: 32px !important; border-radius: 32px !important; } .btnns:hover, .btnns:focus, .btnns { padding-left: 60px !important; padding-right: 60px !important; padding-bottom: 13px !important; -webkit-box-shadow:none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .btn.borderdot:hover, .btn.borderdot:focus, .btn.borderdot { border-style: dashed !important; } .btn-lg, .btn-group-lg > .btn { font-size: 18px !important; line-height: 1 !important; padding: 13px 65px !important; } .btn-xlg, .btn-group-xlg > .btn { font-size: 24px !important; line-height: 1 !important; padding: 25px 80px !important; } /****************************************** ACTION BOXES ******************************************/ .actionboxes { padding:40px 20px; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; border-radius: 8px !important; } .actionboxes h2 { font-size: 30px; letter-spacing: 0.6px; font-weight: bold; padding:0 !important; color:#ffffff !important; margin:0 !important; } .actionboxes p { font-size: 16px; letter-spacing: 0.6px; color:#ffffff; padding:10px 0 0; margin: 0; font-style: italic; } .greenbg .tagline-message .btn, .yellowbg .tagline-message .btn, .darkbluebg .tagline-message .btn { background-color: #ffffff !important; color:#222222 !important; border:1px solid #ffffff !important; box-shadow: none !important; } .actionboxes .btn { background-color: #ffffff !important; color:#222222 !important; margin-top:10px; box-shadow: none !important; padding:15px 20px; border:0; text-transform: uppercase; } .actionboxes.greybg { background-color: #f7f7f7 } .actionboxes.greybg h2 { color:#222222 !important; } .actionboxes.greybg p { color:#999999 !important; } .actionboxes.whitebg { border:3px solid #f7f7f7; background-color: #ffffff } .actionboxes.whitebg h2 { color:#222222 !important; } .actionboxes.whitebg p { color:#999999 !important; } .darkbluebg .tagline-message h4 a, .yellowbg .tagline-message h4 a, .greenbg .tagline-message h4 a { color:#ffffff !important; text-decoration: underline; } .darkbluebg .tagline-message h4, .yellowbg .tagline-message h4, .greenbg .tagline-message h4, .darkbluebg .tagline-message h2, .yellowbg .tagline-message h2, .greenbg .tagline-message h2 { color:#ffffff !important; } /****************************************** IMAGE BOXES ******************************************/ .creative-title hr { margin:20px 0; width: 140px; } .image-boxes-one h2 { font-size: 29px; line-height: 45px; letter-spacing: 0.6px; font-weight: bold; } .image-boxes-one img { width: 100%; } .image-box h4 { font-weight: bold; font-size: 20px; padding:20px 0 10px; } .featurelist p { line-height: 26px; } .featurelist { border:1px solid #ececec; padding:10px; margin-bottom: 30px; } .featurelist h3, .featurelist h4 { font-weight: 400; font-size: 24px; } .featurelist h3 span, .featurelist h4 span { color:#ed3334; } .featurelist h3 { display: block; margin-bottom: 19px; margin-top: 14px; } .image-box .readmore { font-weight: bold; font-size: 14px; margin-top: 15px; display: block; width: 100%; letter-spacing: 0.5px; } .image-big-boxes h4 { font-size: 24px; letter-spacing: 0.6px; } .image-big-boxes .visible-buttons { top:50%; } .img-thumbnail { background-color: #fff; border: 1px solid #f7f7f7; border-radius: 0; padding: 10px; } .popover-title { background-color: #fff; border-bottom: 0 none; border-radius: 5px 5px 0 0; font-size: 18px; margin: 0; padding: 12px 14px 0; } .popover { box-shadow: none; border-color: #e2e2e2; padding:10px; text-align: center; } /****************************************** OTHERS ******************************************/ #loader { overflow-x: hidden; overflow-y: hidden; vertical-align: middle; background-color: #ffffff; position:fixed; display: table; width: 100%; top:0; height: 100%; min-height: 100%; z-index:99999; } .loader-container { position: relative; display: table-cell; vertical-align: middle; z-index: 12; text-align:center; } .loader { margin-left: 20px; margin-top: 5px; vertical-align: top; } /****************************************** FONTS ******************************************/ .forum-title blockquote, .ContentWrapperB .ContentB .Content p, body{ font-family: 'Raleway', sans-serif; } .onecolportfolio .portfolio-desc small, .page-header .lead, .shop-list small, .customtagline, .tp-caption.slider_text_03, .creativetext, .categorymeta a, .slider_text_03, .invisible-buttons small, .testi-lead h3 span, .testi-lead p, .page-header.notfound h2, .team-member small, .plan .price h4, .searchtitle p, .pie-value, .skills small, .home-message p, .shopcats a, .tp-caption.slider_text_22, .slider_text_22, .portfolio-detail h3 a, .nostyle li, .actionboxes p, .visible-buttons small, .box a, .blog-meta span a, .statwrap small, .home-text p, .home-stats p, .demo-title p, .general-title p { font-family: 'Droid Serif', serif; } .tp-caption.slider_text_11, .slider_text_11, .new-price, .old-price, .tp-caption.slider_text_10, .slider_text_10, .tp-caption.slider_text_05, .slider_text_05, .tp-caption.slider_text_04, .slider_text_04, .tp-caption.slider_text_01, .slider_text_01, .tp-caption.slider_text_21, .slider_text_21, .btn, #accordion-first .accordion-heading .accordion-toggle, .accordion-filterable .accordion-heading .accordion-toggle, .skills p, .stat-count, h1, h2, h3, h4, h5, h6, .cartdropdown strong, .cartdropdown .btn, .milestone-details, .plan ul li, .instalink, .readmore, .portfolio-filter li a, .cartdropdown h4, .copyrights p, .copyrights li, .login-form label, .overlay ul li a, p.dropcaps:first-letter, .header .form-control, .forum-meta li, .topbar strong, .yamm-content p, .tooltip-inner, .shop-filter li a, .home-message .skills small, .searchlist .readmore, .orderbody, .orderbody span, .forumtop .dropdown-menu > li > a, .footertop .footer-social li, .thumbsup, .shopcart .table > thead > tr > th, .shoptab .nav-tabs > li > a, .thumbsdown, .size-options li a, .couponarea .form-control, .linkpost small a, .timeline > li.time-label > span, .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li, ul.nav-wizard li a, .ReadMore .btn, .checkout-tab label, .shoptop .form-control, .timezone a, .navbar-default .yamm-fw li a, .blog-share .footer-social, .navbar-default .dropdown-menu > li > a, .navbar-nav > li > a { font-family: 'Oswald', sans-serif !important; } .shop_text_02, .tp-caption.shop_text_02, .general-title h5, .tp.caption.slider_text_02, .slider_text_02 { font-family: "againtsregular" !important; } .tp.caption.slider_text_09, .slider_text_09 { font-family: "badhead_typefaceregular"; } /****** New Style****/ .navbar-brand img { margin: -36px 0; } . { background: #FFF; } .navbar .container{padding:0px} .box .btn { color: #fff !important; } .testi-lead img { width: 150px !important; border-radius: 50%; padding: 2px; border: 1px solid; } .distribution-partners img { opacity: 0.7; -webkit-filter: grayscale(100%); filter: grayscale(100%); cursor:pointer } .distribution-partners img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); opacity: 1; } .header-onepage.affix { position: fixed; background-color: rgba(255, 255, 255, 0.8) !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); } /*============ start career page css ================*/ .career_backgroundImg{background-image: url(image/bg_img.jpg);background-repeat: no-repeat;height: 100%;width: 100%;background-size: cover;position: fixed;width: 100%;height: 100%;z-index: 9;} /*============ end career page css ================*/ @media (max-width: 992px) { .header-style-4 .container-fluid { padding-left: 15px; padding-right: 15px; } .section-absolute { position: relative; } .page-header.notfound h1 { font-size: 180px; } .header-onepage .navbar-nav > li > a { margin-top: 0; } #openmenu.collapse { display: block } .abutton { display: none; } #vertical .yamm-fw .dropdown-menu { min-width: 100%; } #vertical .col-sm-6 { width: 100%; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { position: relative; } #vertical .navbar-brand { border-bottom: 0 !important; } #sidebar-fix { position: relative; box-shadow: none; } .mobile-menu{ display: normal!important; } } @media screen and (max-width: 1180px) { .row-offcanvas { position: relative; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; width:calc(100% + 300px); } .row-offcanvas-left { left: -300px; } .row-offcanvas-left.active { left: 0; } .sidebar-offcanvas { position: absolute; top: 0; } } @media (max-width: 1380px) { .header-onepage .navbar-nav > li > a { letter-spacing: 0.3px; line-height: 0px; padding: 0 13px; } } @media (max-width: 1130px) { .header-style-2 .social { display: none; } } @media (max-width: 1230px) { .header-onepage .navbar-nav > li > a { letter-spacing: 0.3px; line-height: 35px; padding: 0 13px; } .header-style-2 .navbar-nav > li > a { padding:10px; } .navbar-nav > li > a { padding:30px 10px; font-size: 14px; } } @media (max-width: 600px) { .client_list li { border: 1px solid #f7f7f7; margin: 0 !important; width: 50%; text-align: center; } .tagline-message .text-right { text-align: center !important; margin: 10px 0; } .portfolio-filter li { margin-bottom: 20px !important; text-align: center !important; } .lists-elements li { width: 100%; } .about-widget .col-md-4 img { width: 100% !important; } .slider-section .btn { display:none !important; } .copyrights { text-align: center; } .copyrights .list-inline > li { display: block; text-align: center; } .footer .widget { margin-bottom: 30px; } .btn-normal { display: block; } .demo-title p, .home-text p { font-size: 14px; letter-spacing: 0.6px; line-height: 26px; } .general-title h2, .intro h2, .demo-title h2, .home-text h4, .intro h1, .f48 { font-size: 24px !important; line-height: 32px !important; } .footertop .footer-social li, .footertop .footer-social li a { line-height: 1.6; } .projectgallery .list-inline li { width: 300px; } .center-image img { width: 100% !important; } .testi-lead p { font-size: 24px; line-height: 34px; } .topbar strong { display: none; } .header-style-2 .topbar span { display: block; } } @media (max-width: 991px) { #vertical .navbar-default .navbar-nav li .vertical-menu { margin-top: 0 !important; } .header-style-2.header-absolute .topbar, .header-style-2.header-absolute .navbar, .header-style-2.header-absolute .topbar, .header-style-2.header-absolute , .header-style-2.header-absolute .navbar-brand { border:0; } .header-style-2.header-absolute, .header-style-2.header-absolute .topbar, .header-style-2.header-absolute .header, .header-absolute { position: relative; background: #222222 !important; top:0; background-color: #222222; } .header-dark-links { background: #ffffff !important; background-color: #ffffff; } .header-absolute .navbar-default, .header-absolute .navbar-nav li a { border-color: #333333; } .header-dark-links .navbar-default, .header-dark-links .navbar-nav li a { border:0 !important; } .feature-list img { margin: 20px auto; } .tagline-message { text-align: center; } .services-list-style .box, .team-member, .general-title h2, .feature_list, .blog-item { margin:20px 0; } .big-box { position: relative; display: block; max-height: 100%; padding:80px 40px !important; } .header-style-2 .navbar-brand { height: 60px; padding:30px 20px 40px; z-index: 100; } .header-style-2 .navbar-toggle { margin-top: 10px; } .cartdropdown li strong, .cartdropdown li a { padding:0 !important; } .cartdropdown small a { display:none !important; } .cartdropdown .table > thead > tr > th, .cartdropdown .table > tbody > tr > th, .cartdropdown .table > tfoot > tr > th, .cartdropdown .table > thead > tr > td, .cartdropdown .table > tbody > tr > td, .cartdropdown .table > tfoot > tr > td { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #3a3a3a; border-image: none; border-style: none; border-width: 0; padding: 15px; text-align: center; vertical-align: top; } .border-right { padding-left: 15px; border-right: 0 solid #e9e9e9; } .navbar-default .dropdown-menu { padding:10px; } .navbar-nav > li > a { line-height: 20px; } .navbar-toggle { margin-top: 45px; } .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } .navbar-nav .caret { position: absolute; top: 50%; right: 0.8em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .navbar-nav li a { padding: 0.8em !important; border-bottom: 1px solid #f7f7f7; margin-top: -1px; } .navbar-nav a.last { border-bottom: 0; } } @media (min-width: 992px) { .header-style-1 .navbar-nav { margin-left: 30px !important; } .navbar-nav > li { display: inline-block !important; } .navbar-nav .has-submenu { position: relative; } .navbar-nav .has-submenu:hover > ul { visibility: visible; opacity: 1; top: 100%; } .navbar-nav .has-submenu ul { -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; -moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; -o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; } .navbar-nav .has-submenu .dropdown-menu { min-width: 240px; padding: 10px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar-nav .has-submenu > ul { position: absolute; top: 130%; right: 0; width: 100%; visibility: hidden; opacity: 0; display: block; left: 0; } .navbar-right .has-submenu > ul { right: 0; left: auto; } .navbar-nav .has-submenu > ul.start-right { right: 0; left: auto; } .yamm-fw ul li, .navbar-nav .has-submenu > ul li { position: relative; } .navbar-nav .has-submenu > ul li:hover > ul { visibility: visible; opacity: 1; left: 100%; } .navbar-nav .has-submenu > ul li:hover > ul.show-right { right: 100%; } .navbar-nav .has-submenu > ul li ul { position: absolute; top: -13px; visibility: hidden; display: block; opacity: 0; left: 130%; } .navbar-nav .has-submenu > ul li ul.show-right { right: 130%; left: auto; } .navbar-fixed-bottom .navbar-nav .has-submenu:hover > ul { bottom: 100%; top: auto; } .navbar-fixed-bottom .navbar-nav .has-submenu > ul { top: auto; bottom: 130%; } .navbar-fixed-bottom .navbar-nav .has-submenu > ul li ul { top: auto; bottom: 0; } .yamm-fw { position: relative; } .yamm-fw:hover > ul { visibility: visible; opacity: 1; top: 100%; } .navbar-nav .yamm-fw ul { -webkit-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; -moz-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; -o-transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; transition: visibility 0.35s ease-in-out, opacity 0.35s ease-in-out, top 0.35s ease-in-out, bottom 0.35s ease-in-out, left 0.35s ease-in-out, right 0.35s ease-in-out; } .yamm-fw .dropdown-menu { min-width: 240px; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .yamm-fw > ul { position: absolute; top: 130%; visibility: hidden; display: block; opacity: 0; left: 0; } .yamm-fw > ul.start-right { right: 0; left: auto; } .yamm-fw > ul li { position: relative; line-height: 40px; } .yamm-fw > ul li:hover > ul { visibility: visible; opacity: 1; left: 100%; } .yamm-fw > ul li:hover > ul.show-right { right: 100%; } } @media (max-width: 980px) { .yamm .dropdown.yamm-fw .dropdown-menu { margin-top: 0; } .yamm .dropdown.yamm-fw .yamm-content ul li:hover, .yamm .dropdown.yamm-fw .yamm-content ul li:focus { background-color: transparent !important; } .yamm .dropdown.yamm-fw .dropdown-menu ul li a { padding: 5px 0 !important; width: 100%; display: block; } .navbar-default .navbar-nav .dropdown-menu li a { line-height: 1.6; color: #222 !important; border: 0 !important; background: none !important; } .navbar-default .navbar-nav .dropdown-menu li a { line-height: 1.6; } } @media screen and (max-width: 968px) { .topbar span small { display:none; } .topbar .social { margin-top: 10px; } .topbar, .topbar .text-right { text-align: center; } } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } footer .visible-buttons span{ background:none; width:auto; height:auto;} footer .visible-buttons a i { color: #FFF; }