/* Main-color: #af5252 Main-Hover-color: Main-Active-color: Legend: ok Font Import Global Styles Backgrounds & Colours ok Loader ok Padding ok Margins ok Borders Specific Layout Adjustments Buttons Navigation Navigation Adjustments Global Header Styles Header Backgrounds Section Global Styles Section Services Section Portfolio CTA Sections Section Team Section Clients Section About Section Beliefs Section Testimonials Section Careers Section Contact Map Section Footer Social Buttons Portfolio Modals Job Application Modals Header Carousel Core Skills Section Features & Case Studies Section Pricing Tables Section Scroll to Arrow Styles App Toolkit Section Counter Divider Section Section Newsletter Single Portfolio Breadcrumbs Blog Styles Sidebar Pagination */ /********* Font Import *********/ @import url('https://fonts.googleapis.com/css?family=Anonymous+Pro:400,400i,700,700i|Ubuntu+Mono:400,400i,700,700i&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i&subset=cyrillic'); /********* Global Styles *********/ body {overflow-x: hidden;font-family: 'Ubuntu Mono', sans-serif;} .text-muted {color: #a0a0a0;} .text-primary {color: #af5252;} .text-bold {font-weight: 700;} p {font-size: 16px;line-height: 1.75;} .large-text {font-size: 18px;} .larger-text {font-size: 21px;} a, a:hover, a:focus, a:active, a.active {outline: 0;} a {color: #af5252;} a:hover, a:focus, a:active, a.active {color: #af5252;} h1, h2, h3, h4, h5, h6 {text-transform: uppercase;font-family: sans-serif;font-weight:300;} .img-centered {margin: 0 auto;} ::-moz-selection {text-shadow: none;background: #dceef6;} ::selection {text-shadow: none;background: #dceef6;} img::selection {background: 0 0;} img::-moz-selection {background: 0 0;} body {webkit-tap-highlight-color: #c53334;} h1,.h1{font-size:38px} h2,.h2{font-size:28px} h3,.h3{font-size:21px} h4,.h4{font-size:16px} h5,.h5{font-size:12px} h6,.h6{font-size:10px} h1.big{font-size:48px} h2.big{font-size:42px} h3.big{font-size:38px} h4.big{font-size:28px} h5.big{font-size:18px} h6.big{font-size:14px} /********* Backgrounds & Colours *********/ .white {color:#FFF} .dark {color:#1c1e21} .bg-white-10 {background-color:rgba(255,255,255,0.1);} .bg-white-80 {background-color:rgba(255,255,255,0.8);} .bg-white {background:#FFF;} .bg-lighter-gray {background: #f9f9f9} .bg-light-gray {background-color: #f7f7f7;} .bg-darkest-gray {background-color: #222;} .bg-dark {background: #1c1e21;} .bg-dark-blue {background:#4AA8D3} .bg-dark-80 {background-color:rgba(28,30,33,0.8);} /********* Loader *********/ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .loading {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%; z-index: 9999;background: url(../loader/preloader.GIF)center no-repeat #1c1e21;} /********* Padding *********/ .pddn-neg-10-top {padding-top: -10px} .pddn-0 {padding: 0px !important} .pddn-10 {padding: 10px} .pddn-20 {padding: 20px} .pddn-30 {padding: 30px} .pddn-40 {padding: 40px} .pddn-50 {padding: 50px} .pddn-60 {padding: 60px} .pddn-10-top {padding-top: 10px} .pddn-20-top {padding-top: 20px} .pddn-30-top {padding-top: 30px} .pddn-40-top {padding-top: 40px} .pddn-50-top {padding-top: 50px} .pddn-60-top {padding-top: 60px} .pddn-100-top {padding-top: 100px} .pddn-150-top {padding-top: 150px} .pddn-10-btm {padding-bottom: 10px} .pddn-20-btm {padding-bottom: 20px} .pddn-30-btm {padding-bottom: 30px} .pddn-40-btm {padding-bottom: 40px} .pddn-50-btm {padding-bottom: 50px} .pddn-60-btm {padding-bottom: 60px} .pddn-0-top-btm {padding:0} .pddn-10-top-btm {padding: 10px 0} .pddn-20-top-btm {padding: 20px 0} .pddn-30-top-btm {padding: 30px 0} .pddn-40-top-btm {padding: 40px 0} .pddn-50-top-btm {padding: 50px 0} .pddn-60-top-btm {padding: 60px 0} .pdd-section-portfolio {padding:50px 0 20px 0} .pdd-section-portfolio-top {padding:50px 0 0 0} /********* Margins *********/ .mrgn-10-top {margin-top: 10px} .mrgn-15-top {margin-top: 15px} .mrgn-20-top {margin-top: 20px} .mrgn-30-top {margin-top: 30px} .mrgn-40-top {margin-top: 40px} .mrgn-50-top {margin-top: 50px} .mrgn-60-top {margin-top: 60px} .mrgn-70-top {margin-top: 70px} .mrgn-80-top {margin-top: 80px} .mrgn-90-top {margin-top: 90px} .mrgn-100-top {margin-top: 100px} .mrgn-150-top {margin-top: 150px} .mrgn-10-btm {margin-bottom: 10px} .mrgn-20-btm {margin-bottom: 20px} .mrgn-30-btm {margin-bottom: 30px} .mrgn-40-btm {margin-bottom: 40px} .mrgn-50-btm {margin-bottom: 50px} .mrgn-60-btm {margin-bottom: 60px} .mrgn-10-top-btm {margin: 10px 0} .mrgn-20-top-btm {margin: 20px 0} .mrgn-30-top-btm {margin: 30px 0} .mrgn-40-top-btm {margin: 40px 0} .mrgn-50-top-btm {margin: 50px 0} .mrgn-60-top-btm {margin: 60px 0} .mrgn-mns-5-top{margin-top:-5px!important;} /********* Borders *********/ hr.border {max-width: 150px;border-color: #af5252;border-width: 5px;} hr.borderwhite {max-width: 150px;border-color: #FFF;border-width: 5px;} hr.borderRed {max-width: 150px;border-color: #af5252;border-width: 5px;} hr.border-sm {max-width: 50px;border-color: #af5252;border-width: 2px;} hr.borderwhite-sm {max-width: 50px;border-color: #FFF;border-width: 2px;} /********* Specific Layout Adjustments *********/ .no-gutter > [class*=col-] {padding-right: 0;padding-left: 0;} .no-gutter {padding-right: 0;padding-left: 0;} .no-padding {padding: 0;} /********* Buttons *********/ .btn{border-radius:0;} .btn:focus,.btn:active,.btn.active,.btn:active:focus{outline:0} /* Primary Button */ .btn-primary{border-color:#4AA8D3;text-transform:uppercase;font-family: sans-serif;font-weight:400;color:#4AA8D3;background-color:transparent} .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{border-color:#4AA8D3;color:#fff;background-color:#4AA8D3} .btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none} .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{border-color:#4AA8D3;background-color:#4AA8D3} .btn-primary .badge{color:#4AA8D3;background-color:#fff} /* Larger Button */ .btn-larger{padding:15px 35px;margin-bottom:10px;border-color:#af5252;border-radius:0;text-transform:uppercase;font-family: sans-serif;font-size:21px;font-weight:500;color:#af5252;background-color:transparent;border:2px solid;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-larger:hover,.btn-larger:focus,.btn-larger:active,.btn-larger.active,.open .dropdown-toggle.btn-larger{border-color:#af5252;color:#fff;background-color:#af5252} .btn-larger:active,.btn-larger.active,.open .dropdown-toggle.btn-larger{background-image:none} .btn-larger.disabled,.btn-larger[disabled],fieldset[disabled] .btn-larger,.btn-larger.disabled:hover,.btn-larger[disabled]:hover,fieldset[disabled] .btn-larger:hover,.btn-larger.disabled:focus,.btn-larger[disabled]:focus,fieldset[disabled] .btn-larger:focus,.btn-larger.disabled:active,.btn-larger[disabled]:active,fieldset[disabled] .btn-larger:active,.btn-larger.disabled.active,.btn-larger[disabled].active,fieldset[disabled] .btn-larger.active{border-color:#4AA8D3;background-color:#4AA8D3} .btn-larger .badge{color:#af5252;background-color:#fff} /* Blue Button Small */ .btn-blue-sm{padding:10px 25px;margin-bottom:10px;border-color:#4AA8D3;border-radius:0;text-transform:uppercase;font-family: sans-serif;font-size:16px;font-weight:500;color:#4AA8D3;background-color:transparent;border:2px solid;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-blue-sm:hover,.btn-blue-sm:focus,.btn-blue-sm:active,.btn-blue-sm.active,.open .dropdown-toggle.btn-blue-sm{border-color:#4AA8D3;color:#fff;background-color:#4AA8D3} .btn-blue-sm:active,.btn-blue-sm.active,.open .dropdown-toggle.btn-blue-sm{background-image:none} .btn-blue-sm.disabled,.btn-blue-sm[disabled],fieldset[disabled] .btn-blue-sm,.btn-blue-sm.disabled:hover,.btn-blue-sm[disabled]:hover,fieldset[disabled] .btn-blue-sm:hover,.btn-blue-sm.disabled:focus,.btn-blue-sm[disabled]:focus,fieldset[disabled] .btn-blue-sm:focus,.btn-blue-sm.disabled:active,.btn-blue-sm[disabled]:active,fieldset[disabled] .btn-blue-sm:active,.btn-blue-sm.disabled.active,.btn-blue-sm[disabled].active,fieldset[disabled] .btn-blue-sm.active{border-color:#4AA8D3;background-color:#4AA8D3} .btn-blue-sm .badge{color:#4AA8D3;background-color:#fff} /* RED Button Small */ .btn-red-sm{padding:10px 25px;margin-bottom:10px;border-color:#af5252;border-radius:0;text-transform:uppercase;font-family: sans-serif;font-size:16px;font-weight:500;color:#af5252;background-color:transparent;border:2px solid;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-red-sm:hover,.btn-red-sm:focus,.btn-red-sm:active,.btn-red-sm.active,.open .dropdown-toggle.btn-red-sm{border-color:#af5252;color:#fff;background-color:#af5252} .btn-red-sm:active,.btn-red-sm.active,.open .dropdown-toggle.btn-red-sm{background-image:none} .btn-red-sm.disabled,.btn-red-sm[disabled],fieldset[disabled] .btn-red-sm,.btn-red-sm.disabled:hover,.btn-red-sm[disabled]:hover,fieldset[disabled] .btn-red-sm:hover,.btn-red-sm.disabled:focus,.btn-red-sm[disabled]:focus,fieldset[disabled] .btn-red-sm:focus,.btn-red-sm.disabled:active,.btn-red-sm[disabled]:active,fieldset[disabled] .btn-red-sm:active,.btn-red-sm.disabled.active,.btn-red-sm[disabled].active,fieldset[disabled] .btn-red-sm.active{border-color:#4AA8D3;background-color:#4AA8D3} .btn-red-sm .badge{color:#af5252;background-color:#fff} /* White Button Small */ .btn-white-sm{padding:10px 25px;margin-bottom:10px;border-color:#FFF;border-radius:0;text-transform:uppercase;font-family: sans-serif;;font-size:16px;font-weight:300;color:#FFF;background-color:transparent;border:2px solid;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-white-sm:hover,.btn-white-sm:focus,.btn-white-sm:active,.btn-white-sm.active,.open .dropdown-toggle.btn-white-sm{border-color:#FFF;color:#af5252;background-color:#FFF} .btn-white-sm:active,.btn-white-sm.active,.open .dropdown-toggle.btn-white-sm{background-image:none} .btn-white-sm.disabled,.btn-white-sm[disabled],fieldset[disabled] .btn-white-sm,.btn-white-sm.disabled:hover,.btn-white-sm[disabled]:hover,fieldset[disabled] .btn-white-sm:hover,.btn-white-sm.disabled:focus,.btn-white-sm[disabled]:focus,fieldset[disabled] .btn-white-sm:focus,.btn-white-sm.disabled:active,.btn-white-sm[disabled]:active,fieldset[disabled] .btn-white-sm:active,.btn-white-sm.disabled.active,.btn-white-sm[disabled].active,fieldset[disabled] .btn-white-sm.active{border-color:#FFF;background-color:#FFF} .btn-white-sm .badge{color:#FFF;background-color:#4AA8D3} /* Dark Button Small */ .btn-dark-sm{padding:10px 25px;margin-bottom:10px;border-color:#1c1e21;border-radius:0;text-transform:uppercase;font-family: sans-serif;;font-size:16px;font-weight:300;color:#1c1e21;background-color:transparent;border:2px solid;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-dark-sm:hover,.btn-dark-sm:focus,.btn-dark-sm:active,.btn-dark-sm.active,.open .dropdown-toggle.btn-dark-sm{border-color:#FFF;color:#4AA8D3;background-color:#1c1e21} .btn-dark-sm:active,.btn-dark-sm.active,.open .dropdown-toggle.btn-dark-sm{background-image:none} .btn-dark-sm.disabled,.btn-dark-sm[disabled],fieldset[disabled] .btn-dark-sm,.btn-dark-sm.disabled:hover,.btn-dark-sm[disabled]:hover,fieldset[disabled] .btn-dark-sm:hover,.btn-dark-sm.disabled:focus,.btn-dark-sm[disabled]:focus,fieldset[disabled] .btn-dark-sm:focus,.btn-dark-sm.disabled:active,.btn-dark-sm[disabled]:active,fieldset[disabled] .btn-dark-sm:active,.btn-dark-sm.disabled.active,.btn-dark-sm[disabled].active,fieldset[disabled] .btn-dark-sm.active{border-color:#4AA8D3;background-color:#1c1e21} .btn-dark-sm .badge{color:#4AA8D3;background-color:#1c1e21} /* Blue Button Small Blog */ .btn-blue-sm-blog{padding:10px 25px;border-color:#4AA8D3;border-radius:0;margin-bottom:10px;text-transform:uppercase;font-family: sans-serif;font-size:16px;font-weight:500;color:#4AA8D3;background-color:transparent;border:2px solid;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-blue-sm-blog:hover,.btn-blue-sm-blog:focus,.btn-blue-sm-blog:active,.btn-blue-sm-blog.active,.open .dropdown-toggle.btn-blue-sm-blog{border-color:#4AA8D3;color:#fff;background-color:#4AA8D3} .btn-blue-sm-blog:active,.btn-blue-sm-blog.active,.open .dropdown-toggle.btn-blue-sm-blog{background-image:none} .btn-blue-sm-blog.disabled,.btn-blue-sm-blog[disabled],fieldset[disabled] .btn-blue-sm-blog,.btn-blue-sm-blog.disabled:hover,.btn-blue-sm-blog[disabled]:hover,fieldset[disabled] .btn-blue-sm-blog:hover,.btn-blue-sm-blog.disabled:focus,.btn-blue-sm-blog[disabled]:focus,fieldset[disabled] .btn-blue-sm-blog:focus,.btn-blue-sm-blog.disabled:active,.btn-blue-sm-blog[disabled]:active,fieldset[disabled] .btn-blue-sm-blog:active,.btn-blue-sm-blog.disabled.active,.btn-blue-sm-blog[disabled].active,fieldset[disabled] .btn-blue-sm-blog.active{border-color:#4AA8D3;background-color:#4AA8D3} .btn-blue-sm-blog .badge{color:#4AA8D3;background-color:#fff} /********* Circular Buttons (Added as an option if you are not keen on rectangular ones) *********/ .btn-blue-sm-circular{padding:10px 25px;border-color:#4AA8D3;border-radius:0;margin-bottom:10px;text-transform:uppercase;font-family: sans-serif;font-size:16px;font-weight:500;color:#4AA8D3;background-color:transparent;border:2px solid;border-radius:50px;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-blue-sm-circular:hover,.btn-blue-sm-circular:focus,.btn-blue-sm-circular:active,.btn-blue-sm-circular.active,.open .dropdown-toggle.btn-blue-sm-circular{border-color:#4AA8D3;color:#fff;background-color:#4AA8D3} .btn-blue-sm-circular:active,.btn-blue-sm-circular.active,.open .dropdown-toggle.btn-blue-sm-circular{background-image:none} .btn-blue-sm-circular.disabled,.btn-blue-sm-circular[disabled],fieldset[disabled] .btn-blue-sm-circular,.btn-blue-sm-circular.disabled:hover,.btn-blue-sm-circular[disabled]:hover,fieldset[disabled] .btn-blue-sm-circular:hover,.btn-blue-sm-circular.disabled:focus,.btn-blue-sm-circular[disabled]:focus,fieldset[disabled] .btn-blue-sm-circular:focus,.btn-blue-sm-circular.disabled:active,.btn-blue-sm-circular[disabled]:active,fieldset[disabled] .btn-blue-sm-circular:active,.btn-blue-sm-circular.disabled.active,.btn-blue-sm-circular[disabled].active,fieldset[disabled] .btn-blue-sm-circular.active{border-color:#4AA8D3;background-color:#4AA8D3} .btn-blue-sm-circular .badge{color:#4AA8D3;background-color:#fff} .btn-white-sm-circular{padding:10px 25px;border-color:#FFF;border-radius:0;margin-bottom:10px;text-transform:uppercase;font-family: sans-serif;font-size:16px;font-weight:300;color:#FFF;background-color:transparent;border:2px solid;border-radius:50px;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-white-sm-circular:hover,.btn-white-sm-circular:focus,.btn-white-sm-circular:active,.btn-white-sm-circular.active,.open .dropdown-toggle.btn-white-sm-circular{border-color:#FFF;color:#4AA8D3;background-color:#FFF} .btn-white-sm-circular:active,.btn-white-sm-circular.active,.open .dropdown-toggle.btn-white-sm-circular{background-image:none} .btn-white-sm-circular.disabled,.btn-white-sm-circular[disabled],fieldset[disabled] .btn-white-sm-circular,.btn-white-sm-circular.disabled:hover,.btn-white-sm-circular[disabled]:hover,fieldset[disabled] .btn-white-sm-circular:hover,.btn-white-sm-circular.disabled:focus,.btn-white-sm-circular[disabled]:focus,fieldset[disabled] .btn-white-sm-circular:focus,.btn-white-sm-circular.disabled:active,.btn-white-sm-circular[disabled]:active,fieldset[disabled] .btn-white-sm-circular:active,.btn-white-sm-circular.disabled.active,.btn-white-sm-circular[disabled].active,fieldset[disabled] .btn-white-sm-circular.active{border-color:#FFF;background-color:#FFF} .btn-white-sm-circular .badge{color:#FFF;background-color:#4AA8D3} .btn-dark-sm-circular{padding:10px 25px;border-color:#1c1e21;border-radius:0;margin-bottom:10px;text-transform:uppercase;font-family: sans-serif;font-size:16px;font-weight:300;color:#1c1e21;background-color:transparent;border:2px solid;border-radius:50px;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} .btn-dark-sm-circular:hover,.btn-dark-sm-circular:focus,.btn-dark-sm-circular:active,.btn-dark-sm-circular.active,.open .dropdown-toggle.btn-dark-sm-circular{border-color:#1c1e21;color:#4AA8D3;background-color:#1c1e21} .btn-dark-sm-circular:active,.btn-dark-sm-circular.active,.open .dropdown-toggle.btn-dark-sm-circular{background-image:none} .btn-dark-sm-circular.disabled,.btn-dark-sm-circular[disabled],fieldset[disabled] .btn-dark-sm-circular,.btn-dark-sm-circular.disabled:hover,.btn-dark-sm-circular[disabled]:hover,fieldset[disabled] .btn-dark-sm-circular:hover,.btn-dark-sm-circular.disabled:focus,.btn-dark-sm-circular[disabled]:focus,fieldset[disabled] .btn-dark-sm-circular:focus,.btn-dark-sm-circular.disabled:active,.btn-dark-sm-circular[disabled]:active,fieldset[disabled] .btn-dark-sm-circular:active,.btn-dark-sm-circular.disabled.active,.btn-dark-sm-circular[disabled].active,fieldset[disabled] .btn-dark-sm-circular.active{border-color:#1c1e21;background-color:#1c1e21;color:#4AA8D3;} .btn-dark-sm-circular .badge{color:#4AA8D3;background-color:#1c1e21} /********* Navigation *********/ .navbar {padding:10px 0} .navbar-brand.animated{padding:5px} .logo-adjustment{padding:0!important} /* Light Navigation */ #lightnav.navbar-default .dropdown-menu {min-width: auto;} #lightnav.navbar-default{border-color:transparent;background-color:rgba(249,249,249,1);} #lightnav.navbar-default .navbar-brand{font-family: sans-serif;color:#c53334} #lightnav.navbar-default .navbar-brand:hover,#lightnav.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{color:#3f90b5} #lightnav.navbar-default .navbar-collapse{border-color:rgba(249,249,249,.1)} #lightnav.navbar-default .navbar-toggle{border-color:transparent;background-color:transparent} #lightnav.navbar-default .navbar-toggle .icon-bar{background-color:#1c1e21} #lightnav.navbar-default .navbar-toggle:hover,#lightnav.navbar-default .navbar-toggle:focus{background-color:transparent} #lightnav.navbar-default .nav li a{text-transform:uppercase;font-family: sans-serif;font-weight:400;letter-spacing:1px;color:#1c1e21} #lightnav.navbar-default .nav li a:hover,#lightnav.navbar-default .nav li a:focus{outline:0;color:#af5252} #lightnav.navbar-default .navbar-nav>.active>a{border-radius:0;color:#af5252;background-color:transparent} #lightnav.navbar-default .navbar-nav>.active>a:hover,#lightnav.navbar-default .navbar-nav>.active>a:focus{color:#af5252;background-color:transparent} @media(min-width:768px) { #lightnav.navbar-default{padding:10px 0;border:0;background-color:rgba(249,249,249,1);-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s} #lightnav.navbar-default .navbar-brand{font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s} #lightnav.navbar-default .navbar-nav>.active>a{border-radius:3px} #lightnav.navbar-default.navbar-shrink{padding:10px 0;background-color:rgba(249,249,249,1)} #lightnav.navbar-default.navbar-shrink .navbar-brand{font-size:1.5em} } #lightnav.navbar-default .navbar-nav > .open > a,#lightnav.navbar-default .navbar-nav > .open > a:hover,#lightnav.navbar-default .navbar-nav > .open > a:focus {color: #1c1e21 !important;background-color: #f9f9f9;} #lightnav.navbar-default .dropdown-menu {background-color: #f9f9f9 !important;-webkit-background-clip: padding-box; background-clip: padding-box;border: 0px solid #ccc;border: 0px solid rgba(0, 0, 0, .15);border-radius: 0px; -webkit-box-shadow:none !important;box-shadow: none !important;} #lightnav.navbar-default .dropdown-menu > li > a {padding: 10px 20px;} #lightnav.navbar-default .dropdown-menu > li > a:hover {background:#af5252;color:#FFF} @media(max-width:991px) { #lightnav.navbar-default .dropdown-menu {right: auto;left: 0;}} #lightnav .navbar-nav > li > .dropdown-menu {margin-top:5px;} #lightnav .caret {display: inline-block;width: 0;height: 0;margin-left: 4px;vertical-align: middle;border-top: 0px dashed;border-right: 0px solid transparent;border-left: 0px solid transparent;margin-top: -25px;} #lightnav .lang-identifier {margin-left: 4px;} #lightnav .caret:before {font-family: FontAwesome;content: "\f107";} /********* Navigation Adjustments *********/ @media (max-width: 991px) { .navbar-header{float:none} #lightnav .navbar-default{background-color:#f9f9f9} .navbar-toggle{display:block} .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)} .navbar-collapse.collapse{display:none!important} .navbar-nav{float:none!important;margin:7.5px -15px} .navbar-nav>li{float:none} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px} } .navbar-collapse.collapse.in {display: block!important;} .collapsing {overflow: hidden!important;} /********* Global Header Styles *********/ header{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} header .header-text{padding-top:100px;padding-bottom:50px} header .header-text {padding-top: 200px;padding-bottom: 200px;} header h1 {font-size:48px;font-weight:300;line-height: 1.3;} header h2 {font-size:24px;font-weight:300} header .form-inline .form-control {border-radius: 0;margin-right: 10px; margin-bottom:10px; height:45px; min-width: 200px; background:rgba(255,255,255,0.1);color:#FFF} /* Hero Header */ header#hero{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} header#hero .header-text{padding-top:100px;padding-bottom:50px} @media(min-width:768px) { header#hero .header-text {padding-top: 250px;padding-bottom: 200px;} } /* Fullwidth Header del*/ header#fullwidth{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;} header#fullwidth .header-text{padding-top:200px;padding-bottom:50px;} header#fullwidth .form-inline .form-control {height: 46px;} @media(min-width:768px) { header#fullwidth .header-text {padding-top: 400px;padding-bottom: 200px;} } header#fullwidth {min-height: 100%; /* min. height for modern browser */ height:auto !important; /* important rule for modern Browser */ height:100%; /* min. height for IE */ overflow: hidden !important; /* FF scroll-bar */} @media(max-width:768px) {header#fullwidth {height:auto}} /* iPad styles */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ header#fullwidth .header-text {padding-top: 300px;padding-bottom: 200px;} } /* Small Hero Header del*/ header#hero-sm{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} header#hero-sm .header-text{padding-top:100px;padding-bottom:50px} @media(min-width:768px) { header#hero-sm .header-text {padding-top: 150px;padding-bottom: 100px;} } /* Fullwidth Hero Counter Header del*/ header#hero-counter {color:#FFF} header#hero-counter{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} header#hero-counter .header-text{padding-top:100px;padding-bottom:50px} header#hero-counter h1 { font-size:64px; color:#4AA8D3} header#hero-counter h2{ font-size:28px;} @media(min-width:768px) { header#hero-counter .header-text {padding-top: 250px;padding-bottom: 200px;} } header#hero-counter{min-height: 100%; /* min. height for modern browser */ height:auto !important; /* important rule for modern Browser */ height:100%; /* min. height for IE */ overflow: hidden !important; /* FF scroll-bar */} @media(max-width:768px) { header#hero-counter h1 { font-size:34px; color:#4AA8D3} header#hero-counter h2{ font-size:21px;} } header#hero-counter .form-inline .form-control {border-radius: 0;margin-right: 10px; height:45px; min-width: 260px; background:rgba(255,255,255,0.9);color:#1c1e21;} header#hero-counter .lightform .form-control {border-radius: 0;margin-right: 10px; margin-bottom:10px; height:45px; min-width: 260px; background:rgba(255,255,255,0.1);color:#fff; border:2px solid #4AA8D3;} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { header#hero-counter .header-text {padding-top: 200px;padding-bottom: 200px;} } /* 404 Fullwidth Header*/ header#hero-notfound {color:#FFF} header#hero-notfound{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} header#hero-notfound .header-text{padding-top:100px;padding-bottom:50px} header#hero-notfound h1 { font-size:64px; color:#4AA8D3} header#hero-notfound h2{ font-size:28px;} @media(min-width:768px) { header#hero-notfound .header-text {padding-top: 350px;padding-bottom: 200px;} } header#hero-notfound{min-height: 100%; /* min. height for modern browser */ height:auto !important; /* important rule for modern Browser */ height:100%; /* min. height for IE */ overflow: hidden !important; /* FF scroll-bar */} @media(max-width:768px) { header#hero-notfound h1 { font-size:34px; color:#4AA8D3} header#hero-notfound h2{ font-size:21px;} } header#hero-notfound .form-inline .form-control {border-radius: 0;margin-right: 10px; height:45px; min-width: 260px; background:rgba(255,255,255,0.9);color:#1c1e21; border-radius:50px;} header#hero-notfound .lightform .form-control {border-radius: 0;margin-right: 10px; height:45px; min-width: 260px; background:rgba(255,255,255,0.1);color:#fff; border:2px solid #4AA8D3; border-radius:50px;} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { header#hero-notfound .header-text {padding-top: 200px;padding-bottom: 200px;} } header#hero-notfound h1.big {font-size:142px;} /* Fullwidth Contact Header */ header#fullwidth-contact {color:#FFF} header#fullwidth-contact{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} header#fullwidth-contact .header-text{padding-top:100px;padding-bottom:50px} header#fullwidth-contact h1 { font-size:48px; color:#4AA8D3} header#fullwidth-contact h2{ font-size:28px;} @media(min-width:768px) { header#fullwidth-contact .header-text {padding-top: 200px;padding-bottom: 200px;} } header#fullwidth-contact {min-height: 100%; /* min. height for modern browser */ height:auto !important; /* important rule for modern Browser */ height:100%; /* min. height for IE */ overflow: hidden !important; /* FF scroll-bar */} @media(max-width:768px) { header#fullwidth-contact h1 { font-size:34px; color:#4AA8D3} header#fullwidth-contact h2{ font-size:21px;} } header#fullwidth-contact p {font-size:22px} header#fullwidth-contact p.help-block {font-size:14px;text-align:left} header#fullwidth-contact form#contactForm {margin-top:50px;} header#fullwidth-contact .form-group{margin-bottom:25px;color:#1c1e21} header#fullwidth-contact .form-group input,header#fullwidth-contact .form-group textarea{padding:20px} header#fullwidth-contact .form-group input.form-control{height:auto;background-color:rgba(255,255,255,0.8)} header#fullwidth-contact .form-control{border-radius:0;border:0px solid #fff} header#fullwidth-contact .form-group textarea.form-control{height:100px;background-color:rgba(255,255,255,0.8)} header#fullwidth-contact .form-control:focus{border-color:#4AA8D3;box-shadow:none} header#fullwidth-contact::-webkit-input-placeholder{text-transform:uppercase;font-weight:700;color:#1c1e21} header#fullwidth-contact:-moz-placeholder{text-transform:uppercase;font-weight:700;color:#1c1e21} header#fullwidth-contact::-moz-placeholder{text-transform:uppercase;font-weight:700;color:#1c1e21} header#fullwidth-contact:-ms-input-placeholder{text-transform:uppercase;font-weight:700;color:#1c1e21} header#fullwidth-contact .text-danger{color:#4AA8D3} /* Header Single Plain */ header#single-plain {text-align:left;color:#FFF;background-blend-mode: multiply; background-color: rgb(88, 34, 34);min-height:250px} header#single-plain .header-text{padding-top:100px} header#single-plain .header-text .header-subtitle{margin-bottom:25px;font-size:26px;line-height:32px} header#single-plain .header-text .header-heading{font-size:36px;font-weight:300;line-height:36px} @media(min-width:768px) { header#single-plain .header-text{padding-top:100px;padding-bottom:40px} header#single-plain .header-text .header-subtitle{margin-bottom:25px;font-size:18px;line-height:18px} header#single-plain .header-text .header-heading{font-size:42px;font-weight:300;line-height:42px} } header#single-plain .header-text .header-heading{padding:20px 0} /********* Backgrounds *********/ .indexbg1 {background-image:url(../images/hero-2.jpg)} .indexbg2 {background-image:url(../images/headers/header-bg2.jpg)} .indexbg3 {background-image: url(../images/headers/header-bg3.jpg)} .indexbg4 {background-image: url(../images/headers/header-bg4.jpg)} .indexbg5 {background-image:url(../images/headers/header-bg5.jpg)} .indexbg6 {background-image: url(../images/headers/header-bg-p.jpg)} .indexbg-launch {background-image: url(../images/headers/header-launch.jpg)} .indexbg-launch-light {background-image: url(../images/headers/header-launch-light.jpg)} .indexbg-404 {background-image: url(../images/headers/header-404.jpg)} .servicesbg1 {background-image: url(../images/headers/services-bg-01.jpg)} .portfoliobg1{background-image: url(../images/slider-03.jpg)} .portfoliobg2{background-image: url(../images/08.jpg)} .portfoliobg3{background-image: url(../images/background-industrial.jpg);background-blend-mode: multiply;background-color: rgb(88, 34, 34)} .teambg1{background-image: url(../images/headers/studio-slider.jpg)} .aboutbg1{background-image: url(../images/aboutus-bg.jpg)} .hero-1{background-image: url(../images/background-industrial.jpg)} .hero-2{background-image: url(../images/hero-2.jpg)} .hero-3{background-image: linear-gradient(to bottom, rgba(63,76,107,0.7) 0%,rgba(63,76,107,0.7) 100%),url(../images/hero-3.jpg)} .indi-1{background-image: linear-gradient(to bottom, rgba(63,76,107,0.7) 0%,rgba(63,76,107,0.7) 100%),url(../images/indi-1.JPG)} .indi-2{background-image: url(../images/indi-2.JPG)} .indi-3{background-image: url(../images/indi-3.JPG)} .indi-4{background-image: url(../images/indi-4.JPG)} .indi-5{background-image: url(../images/indi-5.JPG)} .indi-11{background-image: linear-gradient(to bottom, rgba(63,76,107,0.7) 0%,rgba(63,76,107,0.7) 100%),url(../images/indi-11.JPG)} .products-bg-1{background-image: url(../images/products-bg-1.jpg);} /********* Section Global Styles *********/ section {padding: 100px 0;} section h2.section-heading {margin-top: 0;margin-bottom: 15px;font-size: 24px;} section h2.section-pre-heading {margin-top: 0;margin-bottom: 15px;font-size: 22px;text-decoration: underline;} section h3.section-subheading {margin-bottom: 15px;text-transform: none;font-family: sans-serif;font-size: 16px;font-weight: 400;} @media(min-width:768px) { section {padding: 100px 0;} section h2.section-heading {margin-top: 0;margin-bottom: 15px;font-size: 28px;} } /********* Section Services *********/ section#services {} @media(max-width:767px) {#services p,#services h2 {text-align: center}} .service-title {margin: 15px 0;text-transform:none;text-transform: uppercase} /********* Section Portfolio *********/ section#products-portfolio {min-height: 700px} /*zz*/ section.top-border-dark { border-top: 1px solid #b7b5b5; } /********* CTA Sections *********/ section#cta {color: #FFF;padding:50px 0px 30px} section#lightcta {background-color: #f1f1f1;padding:30px 0} section#bluecta {background-color: #4AA8D3;color: #FFF;padding:40px 0 20px} /* Section Skills */ section#skills h3 {color:#acabb7;} section#skills .chart {position: relative; display: inline-block;margin: 20px 10px;color: #413e54;font-size: 32px;text-align: center;font-weight: 500;} section#skills .chart canvas {position: absolute;top: 0;left: 0;} section#skills sup {top: -.4em;} /* Section Testimonials */ section#testimonials{background:#FFF} section#testimonials .owl-theme .owl-controls .owl-buttons div{color:#1c1e21!important;display:inline-block;zoom:1;margin:5px;padding:0;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:transparent!important;filter:Alpha(Opacity=50);opacity:.5} section#testimonials p{font-family:'Playfair Display',serif;color:#1c1e21} /********* Section Clients *********/ section#clients img {margin: 50px auto;} section#clients-carousel{color:#1c1e21; padding: 40px 0;} section#clients-carousel img{margin:10px auto} section#clients-carousel .item {padding: 0 25px;} section#clients-carousel .owl-theme .owl-controls .owl-page span {background:#FFF !important;} /********* Section About *********/ section#about {background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;} section#about .section-heading,section#about .section-subheading {color: #fff;padding-top:30px;} section#about p {color: #fff;} section#about img {vertical-align:middle;} section#about-dark {background-position: center center;background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;} section#about-dark .section-heading,section#about-dark .section-subheading {color: #1c1e21;padding-top:30px;} section#about-dark p {color: #1c1e21;} section#about-dark img {vertical-align:middle;} /********* Section Machines *********/ /* Light Machines */ section#machines-light {color:#FFF} section#machines-light .owl-theme .owl-controls .owl-buttons div {color: #FFF !important;display: inline-block;zoom: 1;margin: 5px;padding: 0px;font-size: 12px;-webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px;background: transparent !important;filter: Alpha(Opacity=50);opacity: 0.5;} section#machines-light p {font-family: 'Anonymous Pro', serif;color:#000} section#machines-light p.lead {margin-top:20px} /* Dark Machines */ section#machines-dark {color:#1c1e21} section#machines-dark .owl-theme .owl-controls .owl-buttons div {color: #000 !important;display: inline-block;zoom: 1;margin: 5px;padding: 0px;font-size: 12px;-webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px;background: transparent !important;filter: Alpha(Opacity=50);opacity: 0.5;} section#machines-dark p {font-family: 'Anonymous Pro', serif;color:#000} section#machines-dark p.lead {margin-top:20px; padding-top: 20px;} /********* Section Careers *********/ section#careers img {vertical-align: middle} /********* Section Contact *********/ /* Section contact */ section#contact {background-repeat: no-repeat;background-repeat: none;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover; -o-background-size: cover;} section#contact .section-heading,section#contact .section-subheading {} section#contact .form-group {margin-bottom: 25px;} section#contact .form-group input, section#contact .form-group textarea {padding: 20px;} section#contact .form-group input.form-control {height: auto;background-color: rgba(230, 246, 253, 0.1);border:1px solid #efefef;} section#contact .form-control {border-radius: 0;box-shadow:none;} section#contact .form-group textarea.form-control {height: 242px;background-color: rgba(230, 246, 253, 0.1);border:1px solid #efefef;box-shadow:none;} section#contact .form-group .form-control:focus {border:1px solid #4AA8D3;border-color: #4AA8D3;box-shadow: none;rgba(50, 50, 50, 0.5);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;} section#contact::-webkit-input-placeholder {text-transform: uppercase;font-family: sans-serif;font-weight: 700;color: #bbb;} section#contact:-moz-placeholder {text-transform: uppercase;font-family: sans-serif;font-weight: 700;color: #bbb;} section#contact::-moz-placeholder {text-transform: uppercase;font-family: sans-serif;font-weight: 700;color: #bbb;} section#contact:-ms-input-placeholder {text-transform: uppercase;font-family: sans-serif;font-weight: 700;color: #bbb;} section#contact .text-danger {color: #4AA8D3;} /* Section contact-2 */ section#contact-2 {} section#contact-2 .section-heading{color:#1c1e21} section#contact-2 h2 {font-size:36px} section#contact-2 p {font-size:22px} section#contact-2 p.help-block {font-size:14px;} section#contact-2 .form-group{margin-bottom:25px;color:#1c1e21} section#contact-2 .form-group input,section#contact-2 .form-group textarea{padding:20px} section#contact-2 .form-group input.form-control{height:auto;background-color:rgba(28,30,30,0.1)} section#contact-2 .form-control{border-radius:0;border:2px solid #fff} section#contact-2 .form-group textarea.form-control{height:100px;background-color:rgba(28,30,30,0.1)} section#contact-2 .form-control:focus{border-color:#4AA8D3;box-shadow:none} section#contact-2::-webkit-input-placeholder{text-transform:uppercase;font-weight:700;color:#bbb} section#contact-2:-moz-placeholder{text-transform:uppercase;font-weight:700;color:#bbb} section#contact-2::-moz-placeholder{text-transform:uppercase;font-weight:700;color:#bbb} section#contact-2:-ms-input-placeholder{text-transform:uppercase;font-weight:700;color:#bbb} section#contact-2 .text-danger{color:#4AA8D3} section#contact-2 .list-inline > li {text-align:center} @media(max-width:767px) { section#contact-2 {text-align:center}} /********* Map Section *********/ section#map{} section#map iframe{padding:0;border:0;pointer-events: none;} section#map .embed-responsive-16by9{padding:10%} /********* Footer *********/ footer.pp-footer {background-blend-mode: multiply;background-color: rgb(88, 34, 34); color: #fff;} footer.pp-footer {padding: 15px 0; text-align:center} footer.pp-footer span.copyright {text-transform: uppercase;text-transform: none;font-family: sans-serif;line-height: 40px;font-weight: 400} footer.pp-footer ul.quicklinks {margin-bottom: 0;text-transform: uppercase;text-transform: none;font-family: sans-serif;line-height: 40px;font-weight: 600} footer.pp-footer ul.quicklinks li a {color: #1c1e21; margin-bottom:10px;} footer.pp-footer ul.quicklinks li a:hover, footer ul.quicklinks li a:focus, footer ul.quicklinks li a:active {} footer.pp-footer ul.social-buttons {margin-bottom: 0;} footer.pp-footer ul.social-buttons li a {display: block;width: 40px;height: 40px;border-radius: 0%;font-size: 20px;line-height: 40px;outline: 0;color: #262626;border: 2px solid #262626;margin-bottom:10px; background-color: transparent;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} footer.pp-footer ul.social-buttons li a:hover, footer ul.social-buttons li a:focus, footer ul.social-buttons li a:active {background-color: transparent;border: 2px solid #FFF;color: #FFF;} /********* Social Buttons *********/ ul.social-buttons { margin-bottom: 0;} ul.social-buttons li a {display: block;width: 40px;height: 40px;border-radius: 0%;font-size: 20px;line-height: 40px;outline: 0;color: #262626;border: 2px solid #262626;background-color: transparent;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} ul.social-buttons li a:hover, ul.social-buttons li a:focus, ul.social-buttons li a:active {background-color: transparent;border: 2px solid #4AA8D3;color: #4AA8D3;} /********* Header Carousel *********/ html,body{height:100%} .carousel,.item,.active{height:100%} .carousel-inner{height:100%} /* Carousel Fade */ .carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity} .carousel-fade .carousel-inner .active{opacity:1} .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1} .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1} .carousel-fade .carousel-control{z-index:2} @media all and (transform-3d),(-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next,.carousel-fade .carousel-inner > .item.active.right{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .carousel-fade .carousel-inner > .item.prev,.carousel-fade .carousel-inner > .item.active.left{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .carousel-fade .carousel-inner > .item.next.left,.carousel-fade .carousel-inner > .item.prev.right,.carousel-fade .carousel-inner > .item.active{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .fill{width:100%;height:100%;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover} .carousel-caption{right:20%;left:20%;padding-bottom:30px;top:0%;text-shadow:none;} .carousel-caption p.address{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;padding-top:150px;text-transform:uppercase;font-size:24px} .carousel-caption .intro-heading{margin-bottom:25px;text-transform:uppercase;font-family:'Amatic SC',cursive;font-size:50px;font-weight:700;line-height:50px} @media(max-width:767px) { .carousel-caption p.address{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;padding-top:10px;text-transform:uppercase;font-size:14px} .carousel-caption .intro-heading{margin-bottom:50px;text-transform:uppercase;font-family:'Amatic SC',cursive;font-size:35px;font-weight:700;line-height:normal} .carousel-caption{right:10%;left:10%;padding-bottom:30px;top:0%} } .carousel-control.left{background-image:none} .carousel-control.right{right:0;left:auto;background-image:none} .carousel .item{padding:0} @media screen and (min-width: 768px){ .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {border:1px solid;font-size: 25px;} } .carousel-indicators li {border-radius:0} /********* PP-services *********/ section#pp-services {color:#FFF} section#pp-services .section-heading {color:#000} section#pp-services .section-subheading {color:#000} section#pp-services .feature-box{padding:50px;width:75%;height: 670px;background: rgba(0,0,0,0.5)} section#pp-services .feature-box h2 {margin-top:50px;} section#pp-services .feature-item-one {background:url(../images/feature-item-02.jpg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:cover;-o-background-size:contain} section#pp-services .feature-item-two {background:url(../images/machine-2.jpg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:initial;-o-background-size:contain;background-blend-mode: multiply;background-color: rgb(88, 34, 34);} section#pp-services .feature-item-three {background:url(../images/machine-1.jpg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:cover;-o-background-size:contain;background-blend-mode: color-burn; background-color: rgba(156, 158, 8, 0.8);} section#pp-services .feature-item-four {background:url(../images/indi-5.JPG);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:cover;-o-background-size:contain;background-blend-mode: color-burn;background-color:rgba(0,0,0,0.8);} section#pp-services .feature-box-plain{padding:20px;width:100%} section#pp-services .feature-box-plain h2 {margin-top:30px;} section#pp-services .feature-plain-blue {background:#4AA8D3} section#pp-services .feature-plain-dark {background:#1c1e21} section#pp-services .feature-plain-darkblue {background:#276480} .case-study-01 {background: #4AA8D3 url(../images/case-studies/case-study-01.png);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:cover;-o-background-size:contain} .case-study-02 {background: #1c1e21 url(../images/case-studies/case-study-02.png);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:cover;-o-background-size:contain} .case-study-03 {background: #276480 url(../images/case-studies/case-study-03.png);background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;background-size:cover;-o-background-size:contain} @media screen and (max-width: 768px){ section#pp-services .feature-box{padding:50px;width:100%} } /********* Scroll to Arrow Styles *********/ .scroll-to{width:60px;height:60px;display:none;border-radius:50%;position:absolute;left:50%;text-indent:100%;overflow:hidden;z-index:10} @media (min-width: 43.75em) { .scroll-to{display:block} } /********* Section Beliefs *********/ section#beliefs .nav-tabs.nav-justified > li > a{text-transform:uppercase;font-size:16px;color:#555;} section#beliefs .nav > li > a:hover, section#beliefs .nav > li > a:focus {background-color:transparent !important;border-bottom:1px solid #4AA8D3} section#beliefs .nav-tabs.nav-justified > .active > a, section#beliefs .nav-tabs.nav-justified > .active > a:hover, section#beliefs .nav-tabs.nav-justified > .active > a:focus{border-bottom:1px solid #4AA8D3;border-left:0;border-right:0;border-top:0} section#beliefs .nav-tabs > li.active > a, section#beliefs .nav-tabs > li.active > a:hover, section#beliefs .nav-tabs > li.active > a:focus{cursor:default;background-color:transparent;border-bottom:1px solid #4AA8D3;-webkit-transition:all .6s;-moz-transition:all .6s;transition:all .6s} @media (min-width: 768px) { section#beliefs .nav-tabs.nav-justified > li > a{border-bottom:0 solid #eee;border-top:0;border-radius:0;border-left:0;border-right:0} section#beliefs .nav-tabs.nav-justified > li > a:hover{background-color:transparent;border-color:transparent;border-left:0;border-right:0;border-bottom:1px solid #4AA8D3} } section#beliefs .nav-tabs.nav-justified > li {display: table-cell;width: 1%;} section#beliefs .nav-tabs.nav-justified > li > a{margin-right:0;border-radius:0;margin-bottom:0;text-align:center;border-bottom:1px solid #eee} section#beliefs .nav-tabs{border-bottom:0px solid #eee} section#beliefs .tab-pane h2{margin-top:40px;color:#1c1e21} section#beliefs .tab-pane p.lead{margin-top:20px} section#beliefs .panel {border: 0px solid transparent; background:transparent;-webkit-box-shadow:none;box-shadow:none} section#beliefs .panel-default {border-color: #4AA8D3;} section#beliefs .panel-default > .panel-heading {background-color: transparent;border-color: transparent;border:1px solid #eee;padding:20px 15px 15px;} section#beliefs .panel-default > .panel-heading + .panel-collapse > .panel-body {border-bottom:0px solid #4AA8D3} section#beliefs .panel-default > .panel-heading .badge {color: #f5f5f5;background-color: #333;} section#beliefs .panel-default > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #4AA8D3;} section#beliefs .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {border-color: #4AA8D3;} section#beliefs .panel-title {font-size:21px; font-weight:400} section#beliefs .panel-title > a {text-decoration:none } section#beliefs .panel-title > a:hover, section#beliefs .panel-title > a:focus {text-decoration:none} .embed-responsive { height: 350px; } /*Machines*/ .machine-img {width: 120%;} /*Footer*/ .list-cleared {list-style-type: none;} /*Form*/ .form-control {color: #fff;} /*Languages*/ .icon-small { height:18px; margin:0; padding:0; } .icon-medium { /*margin-top: -5px!important;*/ height:28px; margin:0; padding:0; } .navbar-brand img {display: inline;width: 40%;} .navbar-brand p {display: inline;color: #c53334;font-size:12px} .hero-2 .text-primary, .hero-3 .text-primary { background: rgba(255,255,255,0.7); padding: 5px 8px; } .bg-pastel { background-color: #e8e5e5; } img.mfp-img { background: #fff; } @media (max-width: 991px) { section#contact .form-control { font-size: 18px; } } @media (max-width: 768px) { header .header-text {padding-top: 200px;padding-bottom: 200px;} header h1 {font-size:24px;font-weight:300;line-height: 1.3;padding: 10px 40px;} header h2 {font-size:18px;font-weight:300;padding: 0 40px;} header h2 .text-primary{display: inline-block;} section#pp-services .feature-item-one .feature-box {height: auto;} section#pp-services .feature-item-two .feature-box {height: auto;} section#pp-services .feature-item-three .feature-box {height: auto;} section#pp-services .feature-item-four .feature-box {height: auto;} section#pp-services .feature-box p {font-size: 15px;} .index section#cta {display: none;} section#machines-dark .machine-img {width: 100%} section#contact .form-control { font-size: 24px; } section#map .gm-style .default-card {padding: 30px!important;} .certificate-image { width:400px; } .pp-footer ul {padding: 0;} .pp-footer ul li {font-size: 18px;} .lead { font-size: 16px; } } @media (max-width: 480px) { .certificate-image { width:300px; } section#machines-dark .machine-img {width: 80%} }