/* ## ========================================================================== ## font imports ## ========================================================================== */ @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i,800,800i'); @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic'); @import url('https://fonts.googleapis.com/css?family=Kurale'); @import url('https://fonts.googleapis.com/css?family=Arvo:400,700'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,800,800i,900,900i'); @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i'); @import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,700,700i,800,800i,900,900i'); /* ## ========================================================================== ## general styles ## ========================================================================== */ html{ background:#efefef !important; } body { font-family: 'Roboto Condensed', sans-serif; font-family: 'Lato', sans-serif; font-family: 'Montserrat', sans-serif; font-family: 'Raleway', sans-serif; font-family: 'Merriweather', serif; font-family: 'Muli', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Poppins', sans-serif; font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight:500; color: #ddd; line-height: 1.8em; padding: 0; background:#efefef; } /* button */ /* ------------------------------ */ .btn-bernardo { border:solid 1px #FAB702; color:#111 !important; background: #FAB702; font-weight: 400; font-size:12px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:3px; padding-left:30px; padding-right:30px; text-transform:uppercase; display:inline-block; text-align:center; letter-spacing:2px; text-decoration:none; } .btn-bernardo:hover { border:solid 1px #FAB702; color:#111 !important; text-decoration:none; } .text-left { text-align: left; } /* ## ========================================================================== ## header logo styles ## ========================================================================== */ header div#logo { margin-top: 10px; } header div#logo .logo { max-width: 260px; } .header-inside { background: #ffffff; } header.header-light .info { display: block !important; color:#fff; text-align:right; padding:10px 0 10px 0; width:100%; z-index:100; border-bottom:solid 1px rgba(255,255,255,.2); background: #112758; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } header .info .col { padding:0 15px 0 15px; font-size: 13px; } header .info i { font-size:17px; } header .info strong{ font-size:18px; } header .info .col.slogan { display: block; text-align: left; } header.header-light .info .col.text-left { text-align: left !important; } header.header-light .info .social i{ color:#fff; } header.transparent.header-light .info, header.transparent.header-light .info .social i{ color:#fff; } .header-light .container { width: 92%; } .header-bottom { border: solid #ff0000 0px; height: 150px; } /* ## ========================================================================== ## home slider styles ## ========================================================================== */ #section-welcome-6 {background:url(../img/bernardo-recreational-tube-chairs-50.jpg) top fixed;} #section-welcome-6 h2.hero{ font-size:39px; font-weight:900; text-transform:uppercase; letter-spacing: 5px; font-family: 'Lato', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Merriweather', serif; font-family: 'Montserrat', sans-serif; font-family: 'Raleway', sans-serif; font-family: 'Roboto Condensed', sans-serif; font-family: 'Muli', sans-serif; } #section-side-2.side-bg .background-image{background:url(/assets/themes/site/images/background/bg-side-6.jpg);} /* ## ========================================================================== ## mainmenu styles ## ========================================================================== */ #mainmenu { font-family:"Raleway", Arial, Helvetica, sans-serif; font-family: 'Roboto Condensed', sans-serif; font-family: 'Open Sans', sans-serif; float: right; font-size:14px; font-weight:700; letter-spacing:3px; text-transform:uppercase; margin-bottom: 0 !important; } #mainmenu a { display: inline-block; padding: 32px 0px 32px 20px; line-height: 35px; } #mainmenu li a:after { font-size:6px; margin-left:20px; color:#FAB702; } .nav-row { background-color: #ffffff; } /* ## ========================================================================== ## footer styles ## ========================================================================== */ footer { background: #112758; color: #fff; font-family: 'Open Sans', sans-serif; } footer p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 17px; } footer img { width: 100%; max-width: 340px; } .logo-small{ margin-bottom:7px; } .iso-cert { text-align: center; width: 100% !important; display: block; } #logo .iso-cert { color: #003da7; line-height: 17px; padding: 0; font-size: 14px; margin-top: 5px; } footer h3, .de_light footer h3 { color:#fff; font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; } footer a { color: #ffffff; } footer a:visited { color: #ffffff; } footer a:hover { color:#FAB702; } .widget_recent_post li a { color: #ffffff; } .widget_recent_post li a:hover { color: #ffffff; } .widget_recent_post li.active a { color: #FAB702; } footer .widget_recent_post li { padding-left: 20px; border-bottom: solid 1px #172e62; padding-bottom: 7px; margin-bottom: 5px; } address span { display: block; border-bottom: solid 1px #172e62; padding-bottom:5px; margin-bottom:5px; font-weight:300; } .widget-address address span a { color:#ffffff; } .widget-address address span a:hover { color:#ffffff; } .subfooter .social-icons a { margin-right: 10px; color: #fff; } .subfooter .social-icons a:hover { color: #ddd; } .subfooter .social-icons a:last-child { margin-right: 0; } /* ## ========================================================================== ## page title styles ## ========================================================================== */ #subheader { padding: 140px 0 140px 0; margin:0; } .wrapper { padding-top: 0px; } #subheader{ margin-top: 130px; background-image: url(/assets/media/g10001/bernardo_blank_banner-r-1560567120.png); border: solid #ff0000 0px; background-repeat: no-repeat; background-position: 0 60px; } #subheader h1 { color:#eceff3; margin: 0 0 0 0; font-size: 40px; letter-spacing: 5px; float: none; padding-right: 40px; margin-right: 40px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; text-align: left; } #subheader .crumb { font-size:15px; letter-spacing:3px; margin-top: 20px; color:#111111; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-weight: 400; } #subheader .crumb li { color:#111111; font-weight: 400; } #subheader .crumb li.sep { color:#ffffff; } #subheader .crumb a { color:#fff; } #subheader .crumb a:hover { color:#fff; } .crumb { float: none; display: block; padding-left: 0; } /* ## ========================================================================== ## container styles ## ========================================================================== */ .container.padding-bottom, .container-fluid.padding-bottom, .padding-bottom { padding-bottom: 60px; } .container.no-padding-bottom, .container-fluid.no-padding-bottom, .no-padding-bottom { padding-bottom: 0; } .container.padding-top, .container-fluid.padding-top, .padding-top { padding-top: 60px; } .container.no-padding-top, .container-fluid.no-padding-top, .no-padding-top { padding-top: 0; } .container.no-padding, .container-fluid.no-padding, .no-padding { padding-top: 0; padding-bottom: 0; } .container.no-padding-left, .container-fluid.no-padding-left, .no-padding-left { padding-left: 0; } .container.no-padding-right, .container-fluid.no-padding-right, .no-padding-right { padding-right: 0; } .container.no-all-padding, .container-fluid.no-all-padding, .no-all-padding { padding: 0 !important; } .xl-padding { padding-top: 120px; padding-bottom: 120px; } .container.lg-padding, .container-fluid.lg-padding, .lg-padding { padding-top: 90px; padding-bottom: 90px; } .container.md-padding, .container-fluid.md-padding, .md-padding { padding-top: 60px; padding-bottom: 60px; } .container.md-padding-top, .container-fluid.md-padding-top, .md-padding-top { padding-top: 60px; } .container.md-padding-bottom, .container-fluid.md-padding-bottom, .md-padding-bottom { padding-bottom: 60px; } .container.sm-padding-top, .container-fluid.sm-padding-top, .sm-padding-top { padding-top: 30px; } .container.sm-padding-bottom, .container-fluid.sm-padding-bottom, .sm-padding-bottom { padding-bottom: 30px; } .container.sm-padding, .container-fluid.sm-padding, .sm-padding { padding-top: 30px; padding-bottom: 30px; } .container.xs-padding-top, .container-fluid.xs-padding-top, .xs-padding-top { padding-top: 15px; } .container.xs-padding-bottom, .container-fluid.xs-padding-bottom, .xs-padding-bottom { padding-bottom: 15px; } .container.xs-padding, .container-fluid.xs-padding, .xs-padding { padding-top: 15px; padding-bottom: 15px; } /* ## ========================================================================== ## content block styles ## ========================================================================== */ /* ## ========================================================================== ## content block styles ## ========================================================================== */ .theme-row-section-5537-1020 { border: solid #0000ff 0px; } .cdata-media-group-row { border: solid #ff0000 0px; max-width: 100%; } .cdata-column { border: solid #000 0px; } .theme-row-section { padding-top: 45px !important; padding-bottom: 45px !important; text-align: left; background-color: #ffffff; } .theme-row-section-tb0 { padding-top: 0px !important; padding-bottom: 0px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb5 { padding-top: 5px !important; padding-bottom: 5px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb10 { padding-top: 10px !important; padding-bottom: 10px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb15 { padding-top: 15px !important; padding-bottom: 15px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb20 { padding-top: 20px !important; padding-bottom: 20px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb25 { padding-top: 25px !important; padding-bottom: 25px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb30 { padding-top: 30px !important; padding-bottom: 30px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb35 { padding-top: 35px !important; padding-bottom: 35px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb40 { padding-top: 40px !important; padding-bottom: 40px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb45 { padding-top: 45px !important; padding-bottom: 45px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb50 { padding-top: 50px !important; padding-bottom: 50px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb55 { padding-top: 55px !important; padding-bottom: 55px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb60 { padding-top: 60px !important; padding-bottom: 60px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb65 { padding-top: 65px !important; padding-bottom: 65px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb70 { padding-top: 70px !important; padding-bottom: 70px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb75 { padding-top: 75px !important; padding-bottom: 75px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb80 { padding-top: 80px !important; padding-bottom: 80px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb85 { padding-top: 85px !important; padding-bottom: 85px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb90 { padding-top: 90px !important; padding-bottom: 90px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb95 { padding-top: 95px !important; padding-bottom: 95px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb100 { padding-top: 100px !important; padding-bottom: 100px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb105 { padding-top: 105px !important; padding-bottom: 105px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb110 { padding-top: 110px !important; padding-bottom: 110px !important; -webkit-font-smoothing: antialiased; } .theme-row-section-tb115 { padding-top: 115px !important; padding-bottom: 115px !important; -webkit-font-smoothing: antialiased; } .theme-row-section.container-80 .container { width: 80%; min-width: 1190px; } .theme-row-section.container-85 .container { width: 85%; min-width: 1190px; } .theme-row-section.container-90 .container { width: 90%; min-width: 1190px; } .theme-row-section.container-95 .container { width: 95%; min-width: 1190px; } .theme-row-section.container-100 .container { width: 100%; min-width: 1190px; } .container-80.container { width: 80%; min-width: 1190px; } .container-85.container { width: 85%; min-width: 1190px; } .container-90.container { width: 90%; min-width: 1190px; } .container-95.container { width: 95%; min-width: 1190px; } .container-100.container { width: 100%; min-width: 1190px; } .theme-row-section.no-spacing { padding: 0 !important; } .theme-row-section.no-spacing .cdata-column { padding: 0 !important; } .theme-row-section.no-spacing .cdata-media-column { padding: 0 !important; } .theme-row-section .whiteonwhite-bg { background-color: #333333; } .theme-row-section .whiteonwhite-btn-bg { background: #333333; padding: 0 2px 0 2px; } .theme-row-section .blackonblack-bg { background-color: #fefefe; } .theme-row-section .blackonblack-btn-bg { background: #fefefe; padding: 0 2px 0 2px; } /* ## ========================================================================== ## content block H tag styles ## ========================================================================== */ .theme-row-section h1 { width: 100%; text-align: left; font-size: 38px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section h2 { width: 100%; text-align: left; font-size: 34px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section h3 { width: 100%; text-align: left; font-size: 28px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section h4 { width: 100%; text-align: left; font-size: 24px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section h5 { width: 100%; text-align: left; font-size: 20px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section h6 { width: 100%; text-align: left; font-size: 16px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section .h1 { width: 100%; text-align: left; font-size: 38px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section .h2 { width: 100%; text-align: left; font-size: 34px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section .h3 { width: 100%; text-align: left; font-size: 28px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section .h4 { width: 100%; text-align: left; font-size: 24px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section .h5 { width: 100%; text-align: left; font-size: 20px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } .theme-row-section .h6 { width: 100%; text-align: left; font-size: 16px; position: relative; font-family: 'Open Sans', sans-serif;; font-weight: 400; color: #222222; text-transform: none; margin-bottom: 0; } /* ## ========================================================================== ## content P tag styles ## ========================================================================== */ .theme-row-section .theme-text-def p { margin-bottom: 10px; font-family: 'Open Sans', sans-serif;; font-size: 18px; font-weight: 300; line-height: 1.7 !important; color: #222222; -webkit-font-smoothing: antialiased; text-align: inherit; letter-spacing: 0.03em; } /* ## ========================================================================== ## content block spacing ## ========================================================================== */ .theme-row-section .theme-media-def + h1 { margin-top: 12px; } .theme-row-section .theme-media-def + h2 { margin-top: 12px; } .theme-row-section .theme-media-def + h3 { margin-top: 12px; } .theme-row-section .theme-media-def + h4 { margin-top: 12px; } .theme-row-section h1 + h2 { margin-top: 12px; margin-bottom: 0; } .theme-row-section h1 + .theme-text-def { margin-top: 12px; } .theme-row-section h2 + .theme-text-def { margin-top: 12px; } .theme-row-section h2 + .theme-btn-row { margin-top: 12px; } .theme-row-section .theme-text-def + .theme-btn-row { margin-top: 12px; } .theme-row-section .theme-text-def .img-responsive { width: 100%; } .theme-row-section .theme-media-def + h1 { margin-top: 12px; } .theme-row-section .theme-media-def + h2 { margin-top: 12px; } .theme-row-section .theme-media-def + h3 { margin-top: 12px; } .theme-row-section .theme-media-def + h4 { margin-top: 12px; } .theme-row-section h1 + h2 { margin-top: 12px; margin-bottom: 0; } .theme-row-section h1 + .theme-text-def { margin-top: 12px; } .theme-row-section h2 + .theme-text-def { margin-top: 12px; } .theme-row-section h2 + p { margin-top: 12px; } .theme-row-section .theme-text-def + p { margin-top: 12px; } .theme-row-section .theme-text-def .img-responsive { width: 100%; } .cdata-media-group-row img, .cdata-media-column img { max-width: 100%; } .cdata-media-column h2 { border: solid #ff0000 0px; margin: 0; width: 100%; } .cdata-media-column div { border: solid #ff0000 0px; margin: 0; width: 100%; } .cdata-media-column div p { border: dashed #ff0000 0px; } .theme-row-section .cdata-media-column h1 + .theme-text-def { margin: 0px; } .theme-row-section .cdata-media-column h2 + .theme-text-def { margin: 0px; } .theme-row-section .cdata-media-column h2 + .theme-btn-row { margin: 0px; } .cdata-media-group-row h2 { border: solid #ff0000 0px; margin: 0; } .cdata-media-group-row div { border: solid #ff0000 0px; margin: 0; } .cdata-media-group-row div p { border: dashed #ff0000 0px; } .theme-row-section .embed-responsive { display: block; height: 0; overflow: hidden; padding: 0; position: relative; } .theme-row-section .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .theme-row-section .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .theme-row-section .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { border: 0 none; bottom: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } /*------------------------------------------------------------------ [ BUTTONS ] -------------------------------------------------------------------*/ .theme-row-section .theme-btn-row { text-align: inherit; } .theme-row-section .theme-btn-def, .theme-btn-def { font-family: 'Montserrat', sans-serif; font-family: 'Muli', sans-serif; font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;; font-size: 13px; color: #ffffff !important; font-style: normal; font-weight: 800; text-transform: uppercase; cursor: pointer; text-align: center; border-radius: 1px; border: 2px solid #000000; background-color: #000000; vertical-align: middle; display: inline-block; padding: 4px 20px 5px; position: relative; outline: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; letter-spacing: 0.1em; } .theme-row-section .theme-btn-def:active, .theme-row-section .theme-btn-def:focus, .theme-row-section .theme-btn-def:hover { box-shadow: none; color: #000000 !important; border-color: #000000; background-color: transparent; text-decoration: none; } .theme-btn-def:active, .theme-btn-def:focus, .theme-btn-def:hover { box-shadow: none; color: #000000 !important; border-color: #000000; background-color: transparent; text-decoration: none; } .theme-btn-danger { background-color: #D9534F; border-color: #D9534F; } .theme-btn-danger:hover { background-color: #CF312D; border-color: #CF312D; } .theme-btn-info { background-color: #5BC0DE; border-color: #5BC0DE; } .theme-btn-info:hover { background-color: #34B1D6; border-color: #34B1D6; } .theme-btn-success { background-color: #5CB85C; border-color: #5CB85C; } .theme-btn-success:hover { background-color: #47A347; border-color: #47A347; } .theme-row-section .theme-btn-xs { padding: 4px 11px !important; font-size: 13px; } .theme-row-section .theme-btn-sm { padding: 7px 15px !important; font-size: 15px; } .theme-row-section .theme-btn-lg { padding: 14px 40px !important; font-size: 21px; } .theme-row-section .theme-btn-fw { width: 100%; min-width: 100%; } .theme-row-section .theme-btn-round { border-radius: 3px !important; } /* ## ========================================================================== ## button color styles ## ========================================================================== */ /* button 1 */ .theme-row-section .theme-btn-1 { background-color: #000000 !important; border-color: #000000 !important; color: #ffffff !important; } .theme-row-section .theme-btn-1:active, .theme-row-section .theme-btn-1:focus, .theme-row-section .theme-btn-1:hover { background-color: #777777 !important; border-color: #777777 !important; color: #ffffff !important;} .theme-row-section .theme-btn-1-outline { background-color: transparent !important; border-color: #000000 !important; color: #000000 !important; } .theme-row-section .theme-btn-1-outline:active, .theme-row-section .theme-btn-1-outline:focus, .theme-row-section .theme-btn-1-outline:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } .theme-btn-1 { background-color: #000000 !important; border-color: #000000 !important; color: #ffffff !important; } .theme-btn-1:active, .theme-btn-1:focus, .theme-btn-1:hover { background-color: #777777 !important; border-color: #777777 !important; color: #ffffff !important;} .theme-btn-1-outline { background-color: transparent !important; border-color: #000000 !important; color: #000000 !important; } .theme-btn-1-outline:active, .theme-btn-1-outline:focus, .theme-btn-1-outline:hover { background-color: #000000 !important; color: #ffffff !important; border-color: #000000 !important; } /* button 2 */ .theme-row-section .theme-btn-2 { background-color: #fab702 !important; border-color: #fab702 !important; color: #ffffff !important; } .theme-row-section .theme-btn-2:active, .theme-row-section .theme-btn-2:focus, .theme-row-section .theme-btn-2:hover { background-color: #f2cf70 !important; border-color: #f2cf70 !important; color: #ffffff !important;} .theme-row-section .theme-btn-2-outline { background-color: transparent !important; border-color: #fab702 !important; color: #fab702 !important; } .theme-row-section .theme-btn-2-outline:active, .theme-row-section .theme-btn-2-outline:focus, .theme-row-section .theme-btn-2-outline:hover { background-color: #fab702 !important; color: #ffffff !important; border-color: #fab702 !important; } .theme-btn-2 { background-color: #fab702 !important; border-color: #fab702 !important; color: #ffffff !important; } .theme-btn-2:active, .theme-btn-2:focus, .theme-btn-2:hover { background-color: #f2cf70 !important; border-color: #f2cf70 !important; color: #ffffff !important;} .theme-btn-2-outline { background-color: transparent !important; border-color: #fab702 !important; color: #fab702 !important; } .theme-btn-2-outline:active, .theme-btn-2-outline:focus, .theme-btn-2-outline:hover { background-color: #fab702 !important; color: #ffffff !important; border-color: #fab702 !important; } /* button 3 */ .theme-row-section .theme-btn-3 { background-color: #112758 !important; border-color: #112758 !important; color: #ffffff !important; } .theme-row-section .theme-btn-3:active, .theme-row-section .theme-btn-3:focus, .theme-row-section .theme-btn-3:hover { background-color: #2e4987 !important; border-color: #2e4987 !important; color: #ffffff !important;} .theme-row-section .theme-btn-3-outline { background-color: transparent !important; border-color: #112758 !important; color: #112758 !important; } .theme-row-section .theme-btn-3-outline:active, .theme-row-section .theme-btn-3-outline:focus, .theme-row-section .theme-btn-3-outline:hover { background-color: #112758 !important; color: #ffffff !important; border-color: #112758 !important; } .theme-btn-3 { background-color: #112758 !important; border-color: #112758 !important; color: #ffffff !important; } .theme-btn-3:active, .theme-btn-3:focus, .theme-btn-3:hover { background-color: #2e4987 !important; border-color: #2e4987 !important; color: #ffffff !important;} .theme-btn-3-outline { background-color: transparent !important; border-color: #112758 !important; color: #112758 !important; } .theme-btn-3-outline:active, .theme-btn-3-outline:focus, .theme-btn-3-outline:hover { background-color: #112758 !important; color: #ffffff !important; border-color: #112758 !important; } /* button 4 */ .theme-row-section .theme-btn-4 { background-color: #646464 !important; border-color: #646464 !important; color: #ffffff !important; } .theme-row-section .theme-btn-4:active, .theme-row-section .theme-btn-4:focus, .theme-row-section .theme-btn-4:hover { background-color: #878888 !important; border-color: #878888 !important; color: #ffffff !important;} .theme-row-section .theme-btn-4-outline { background-color: transparent !important; border-color: #646464 !important; color: #646464 !important; } .theme-row-section .theme-btn-4-outline:active, .theme-row-section .theme-btn-4-outline:focus, .theme-row-section .theme-btn-4-outline:hover { background-color: #646464 !important; color: #ffffff !important; border-color: #646464 !important; } .theme-btn-4 { background-color: #646464 !important; border-color: #646464 !important; color: #ffffff !important; } .theme-btn-4:active, .theme-btn-4:focus, .theme-btn-4:hover { background-color: #878888 !important; border-color: #878888 !important; color: #ffffff !important;} .theme-btn-4-outline { background-color: transparent !important; border-color: #646464 !important; color: #646464 !important; } .theme-btn-4-outline:active, .theme-btn-4-outline:focus, .theme-btn-4-outline:hover { background-color: #646464 !important; color: #ffffff !important; border-color: #646464 !important; } /* button 5 */ .theme-row-section .theme-btn-5 { background-color: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } .theme-row-section .theme-btn-5:active, .theme-row-section .theme-btn-5:focus, .theme-row-section .theme-btn-5:hover { background-color: #555555 !important; border-color: #555555 !important; color: #ffffff !important;} .theme-row-section .theme-btn-5-outline { background-color: transparent !important; border-color: #ffffff !important; color: #ffffff !important; } .theme-row-section .theme-btn-5-outline:active, .theme-row-section .theme-btn-5-outline:focus, .theme-row-section .theme-btn-5-outline:hover { background-color: #ffffff !important; color: #000000 !important; border-color: #ffffff !important; } .theme-btn-5 { background-color: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } .theme-btn-5:active, .theme-btn-5:focus, .theme-btn-5:hover { background-color: #555555 !important; border-color: #555555 !important; color: #ffffff !important;} .theme-btn-5-outline { background-color: transparent !important; border-color: #ffffff !important; color: #ffffff !important; } .theme-btn-5-outline:active, .theme-btn-5-outline:focus, .theme-btn-5-outline:hover { background-color: #ffffff !important; color: #000000 !important; border-color: #ffffff !important; } /* button 6 */ .theme-row-section .theme-btn-6 { background-color: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } .theme-row-section .theme-btn-6:active, .theme-row-section .theme-btn-6:focus, .theme-row-section .theme-btn-6:hover { background-color: #fab702 !important; border-color: #fab702 !important; color: #ffffff !important;} .theme-row-section .theme-btn-6-outline { background-color: transparent !important; border-color: #ffffff !important; color: #ffffff !important; } .theme-row-section .theme-btn-6-outline:active, .theme-row-section .theme-btn-6-outline:focus, .theme-row-section .theme-btn-6-outline:hover { background-color: #ffffff !important; color: #000000 !important; border-color: #ffffff !important; } .theme-btn-6 { background-color: #ffffff !important; border-color: #ffffff !important; color: #000000 !important; } .theme-btn-6:active, .theme-btn-6:focus, .theme-btn-6:hover { background-color: #fab702 !important; border-color: #fab702 !important; color: #ffffff !important;} .theme-btn-6-outline { background-color: transparent !important; border-color: #ffffff !important; color: #ffffff !important; } .theme-btn-6-outline:active, .theme-btn-6-outline:focus, .theme-btn-6-outline:hover { background-color: #ffffff !important; color: #000000 !important; border-color: #ffffff !important; } /* ## ========================================================================== ## header color styles ## ========================================================================== */ .theme-row-section .theme-header-1 { color: #000000 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-2 { color: #ffffff !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-3 { color: #111111 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-4 { color: #222222 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-5 { color: #333333 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-6 { color: #555555 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-7 { color: #777777 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } .theme-row-section .theme-header-8 { color: #112758 !important; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; } /* ## ========================================================================== ## body color styles ## ========================================================================== */ .theme-row-section .theme-text-1 { color: #000000 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-1 p { color: #000000 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-2 { color: #ffffff !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-2 p { color: #ffffff !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-3 { color: #111111 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-3 p { color: #111111 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-4 { color: #222222 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-4 p { color: #222222 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-5 { color: #333333 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-5 p { color: #333333 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-6 { color: #555555 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-6 p { color: #555555 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-7 { color: #777777 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-7 p { color: #777777 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-8 { color: #112758 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } .theme-row-section .theme-text-8 p { color: #112758 !important; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.7; } /* ## ========================================================================== ## row color styles ## ========================================================================== */ .theme-row-section.theme-bg-1 { background-color: #000000 !important; } .theme-row-section.theme-bg-2 { background-color: #ffffff !important; } .theme-row-section.theme-bg-3 { background-color: #efefef !important; } .theme-row-section.theme-bg-4 { background-color: #111111 !important; } .theme-row-section.theme-bg-5 { background-color: #222222 !important; } .theme-row-section.theme-bg-6 { background-color: #333333 !important; } .theme-row-section.theme-bg-7 { background-color: #555555 !important; } .theme-row-section.theme-bg-8 { background-color: #777777 !important; } .theme-row-section.theme-bg-9 { background-color: #999999 !important; } .theme-row-section.theme-bg-10 { background-color: #cccccc !important; } .theme-row-section.theme-bg-11 { background-color: #dddddd !important; } .theme-row-section.theme-bg-12 { background-color: #eeeeee !important; } .theme-row-section.theme-bg-13 { background-color: #112758 !important; } .theme-row-section.theme-bg-14 { background-color: #cce3f4 !important; } .theme-row-section.theme-bg-15 { background-color: #fab702 !important; } .theme-row-section.theme-row-section-1005-1013, .theme-row-section-1005-1013 { text-align: left !important; margin-bottom: 40px !important; } .theme-row-section.theme-row-section-5501-1051, .theme-row-section-5501-1051 { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; } .theme-row-section.theme-row-section-2-1001, .theme-row-section-2-1001 { width: 100% !important; } .theme-row-section.theme-row-section-5602-1011, .theme-row-section-5602-1011 { background-color: #636363 !important; } .theme-row-section.theme-row-section-5601-1020, .theme-row-section-5601-1020 { text-align: left !important; } .theme-row-section.theme-row-section-5604-1020, .theme-row-section-5604-1020 { text-align: left !important; } .theme-row-section .theme-header-1242-1011-title_1 { margin-bottom: 12px !important; }.theme-row-section .theme-header-1242-1011-title_2 { margin-bottom: 16px !important; }.theme-row-section .theme-text-1242-1011-desc_1 p { margin-bottom: 20px !important; }.theme-row-section .theme-header-5231-1011-title_1 { margin-bottom: 12px !important; }.theme-row-section .theme-header-5231-1011-title_2 { margin-bottom: 16px !important; }.theme-row-section .theme-text-5231-1011-desc_1 p { margin-bottom: 20px !important; }.theme-row-section .theme-header-5411-1011-title_1 { margin-bottom: 12px !important; }.theme-row-section .theme-header-5411-1011-title_2 { margin-bottom: 16px !important; }.theme-row-section .theme-text-5411-1011-desc_1 p { margin-bottom: 20px !important; }.theme-row-section .theme-btn-wrapper-5525-1011-button_1, .theme-btn-wrapper-5525-1011-button_1 { } .theme-row-section .theme-btn-5525-1011-button_1, .theme-btn-5525-1011-button_1 { text-transform: uppercase !important; }.theme-row-section .theme-btn-5525-1011-button_1:hover { } .theme-row-section .theme-btn-wrapper-5525-1011-button_2, .theme-btn-wrapper-5525-1011-button_2 { } .theme-row-section .theme-btn-5525-1011-button_2, .theme-btn-5525-1011-button_2 { text-transform: uppercase !important; }.theme-row-section .theme-btn-5525-1011-button_2:hover { } .theme-row-section .theme-btn-wrapper-5525-1011-button_3, .theme-btn-wrapper-5525-1011-button_3 { } .theme-row-section .theme-btn-5525-1011-button_3, .theme-btn-5525-1011-button_3 { text-transform: uppercase !important; }.theme-row-section .theme-btn-5525-1011-button_3:hover { } .theme-row-section .theme-header-5525-1011-title_1 { font-weight: 700 !important; text-align: center !important; }.theme-row-section .theme-header-5525-1011-title_3 { font-weight: 700 !important; width: 100% !important; color: #15c231 !important; }.theme-row-section .theme-header-5525-1011-title_4 { font-weight: 700 !important; width: 100% !important; color: #15c231 !important; }.theme-row-section .theme-header-5525-1011-title_5 { font-weight: 700 !important; width: 100% !important; color: #15c231 !important; }.theme-row-section .theme-header-5525-1011-title_6 { font-weight: 700 !important; width: 100% !important; color: #15c231 !important; }.theme-row-section .theme-header-5525-1011-title_7 { font-weight: 700 !important; width: 100% !important; color: #15c231 !important; }.theme-row-section .theme-text-5525-1011-desc_2 p { width: 100% !important; }.theme-row-section .theme-text-5525-1011-desc_3 p { width: 100% !important; }.theme-row-section .theme-header-5537-1020-title_1 { text-align: left !important; }.theme-row-section .theme-header-5602-1011-title_1 { color: #ffffff !important; text-align: center !important; margin-top: 100px !important; margin-bottom: 100px !important; }.theme-row-section .theme-header-5601-1020-title_1 { text-align: left !important; }.theme-row-section .theme-header-5603-1068-title_1 { font-size: 18px !important; margin-top: 25px !important; margin-bottom: 12px !important; }.theme-row-section .theme-header-5603-1068-title_2 { font-size: 18px !important; margin-top: 25px !important; margin-bottom: 12px !important; }.theme-row-section .theme-header-5603-1068-title_3 { font-size: 18px !important; margin-top: 25px !important; margin-bottom: 12px !important; }.theme-row-section .theme-header-5603-1068-title_4 { font-size: 18px !important; margin-top: 25px !important; margin-bottom: 12px !important; }.theme-row-section .theme-header-5603-1068-title_5 { text-align: center !important; margin-bottom: 12px !important; }.theme-row-section .theme-text-5603-1068-desc_1 p { margin-bottom: 20px !important; }.theme-row-section .theme-text-5603-1068-desc_2 p { margin-bottom: 20px !important; }.theme-row-section .theme-text-5603-1068-desc_3 p { margin-bottom: 20px !important; }.theme-row-section .theme-text-5603-1068-desc_4 p { margin-bottom: 20px !important; }.theme-row-section .theme-btn-wrapper-2-1001-button_1, .theme-btn-wrapper-2-1001-button_1 { } .theme-row-section .theme-btn-2-1001-button_1, .theme-btn-2-1001-button_1 { text-transform: uppercase !important; margin-top: 8px !important; }.theme-row-section .theme-btn-2-1001-button_1:hover { } .theme-row-section .theme-header-2-1001-title_1 { text-transform: uppercase !important; width: 100% !important; color: #ffffff !important; text-align: center !important; margin-top: 5px !important; }.theme-row-section .theme-btn-wrapper-38-1065-line_button_1, .theme-btn-wrapper-38-1065-line_button_1 { text-align: right; } .theme-row-section .theme-btn-38-1065-line_button_1, .theme-btn-38-1065-line_button_1 { width: 100% !important; }.theme-row-section .theme-btn-38-1065-line_button_1:hover { } .theme-row-section .theme-header-38-1065-title_1, .theme-header-38-1065-title_1 { font-weight: 400 !important; margin-top: 20px !important; margin-bottom: 40px !important; }.theme-row-section .theme-header-38-1065-line_title_1 { text-transform: uppercase !important; font-family: "Open Sans", sans-serif !important; font-weight: 400 !important; text-align: left !important; }.theme-row-section .theme-text-38-1065-line_desc_1 p { text-align: left !important; margin-bottom: 40px !important; }.theme-row-section .theme-text-38-1065-line_desc_1 { text-align: left !important; margin-bottom: 40px !important; }.theme-row-section .theme-header-1005-1013-title_1 { text-align: left !important; }.theme-row-section .theme-text-1005-1013-desc_1 p { font-size: 16px !important; margin-bottom: 20px !important; }.theme-row-section .theme-media-1022-104744-1291-group_1022_media_image { margin-top: 20px !important; }.theme-row-section .theme-btn-1008-104645-1267-group_1008_button_1 { width: 100% !important; border-width: 1px !important; }.theme-row-section .theme-btn-1008-104645-1267-group_1008_button_1:hover { } .theme-row-section .theme-header-1008-104645-1267-group_1008_title_1 { font-family: Arvo, serif !important; font-size: 22px !important; }.theme-row-section .theme-text-1008-104645-1267-group_1008_desc_1 p { color: #f2e9e9 !important; text-align: left !important; margin-top: 10px !important; }.theme-row-section .theme-btn-1009-104645-1268-group_1009_button_1 { width: 100% !important; border-width: 1px !important; }.theme-row-section .theme-btn-1009-104645-1268-group_1009_button_1:hover { } .theme-row-section .theme-header-1009-104645-1268-group_1009_title_1 { font-family: Arvo, serif !important; font-size: 22px !important; }.theme-row-section .theme-text-1009-104645-1268-group_1009_desc_1 p { color: #f2e9e9 !important; text-align: left !important; margin-top: 10px !important; }.theme-row-section .theme-btn-1010-104645-1270-group_1010_button_1 { width: 100% !important; border-width: 1px !important; }.theme-row-section .theme-btn-1010-104645-1270-group_1010_button_1:hover { } .theme-row-section .theme-header-1010-104645-1270-group_1010_title_1 { font-family: Arvo, serif !important; font-size: 22px !important; }.theme-row-section .theme-text-1010-104645-1270-group_1010_desc_1 p { color: #f2e9e9 !important; text-align: left !important; margin-top: 10px !important; }.theme-row-section .theme-media-1036-104744-1322-group_1036_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1024-104745-1292-group_1024_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1035-104745-1320-group_1035_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1026-104746-1293-group_1026_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1032-104746-1294-group_1032_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1028-104747-1295-group_1028_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1030-104748-1297-group_1030_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1037-104748-1324-group_1037_media_image { margin-top: 20px !important; }.theme-row-section .theme-media-1038-104747-1350-group_1038_media_image { margin-top: 20px !important; } /* ## ========================================================================== ## content block styles ## ========================================================================== */ #section-welcome-6 { margin-bottom: 5px; } .main-content-container { margin-top: 84px; min-height: 600px; border: solid #ff0000 0px; } /*---- design consulting -----*/ .theme-row-section .theme-header-5601-1020-title_1 { padding-top: 38px; } /* ## ==================================== ## homepage styles ## ==================================== */ .shadow-soft { min-height: 420px; background-repeat: no-repeat; background-size: cover; } .padding40.overlay60 { min-height: 420px !important; height: 100% !important; border: solid #ff0000 0px; } .service-row .media-col-data img { width: 100%; } .service-row.no-spacing .media-col-data { padding: 0 !important; } .service-row.no-spacing .content-col-data { text-align: left; } .service-row.no-spacing .content-col-data span { display: inline-block; text-align: left; padding: 110px 80px 140px 80px; } .service-row h2 { margin-bottom: 0px; } .service-row h2 + .theme-text-def { margin-top: 12px; } .service-row h1 + .theme-text-def { margin-top: 12px; } .service-row .theme-media-wrapper { max-height: 440px; overflow: hidden; width: 100%; } .gallery-row { border: solid #ff0000 0px; padding-top: 0px !important; padding-bottom: 0px !important; } .gallery-row .container-fluid { border: solid #ff0000 0px; padding: 0; } .gallery-row .content-col-data { display: inline-block; text-align: left; } .gallery-row .content-col-data span { display: inline-block; padding: 80px 80px 140px 40px; } .gallery-row h1 { margin-bottom: 0px; text-align: left; } .gallery-row h1 + .theme-text-def { margin-top: 12px; } /* .row_CdataContent_1020 h1 { margin: 100px 0 0 40px; } .row_CdataContent_1020 .theme-text-def { margin: 0 0 0 40px; } .theme-row-section-5537-1020 .container-fluid { border: solid #ff0000 0px; } .theme-text-5537-1020-desc_1 { } */ img.theme-media-def { width: 100%; } .cdata-column { position: relative; } .row_CdataContent_1020 .theme-header-def, .row_CdataContent_1021 .theme-header-def { margin-left: 4%; max-width: 91%; margin-top: 4%; } .row_CdataContent_1020 .theme-text-def, .row_CdataContent_1021 .theme-text-def { margin-left: 4%; max-width: 91%; margin-bottom: 25px; } .row_CdataContent_1020 .theme-btn-row, .row_CdataContent_1021 .theme-btn-row { margin-left: 4%; } .theme-row-section-5601-1020 .theme-header-def { margin-left: 1%; max-width: 91%; margin-top: 2%; } .theme-row-section-5601-1020 .theme-text-def { margin-left: 1%; max-width: 91%; margin-bottom: 25px; } .theme-row-section-5601-1020 .theme-btn-row { margin-left: 1%; } .theme-row-section-5411-1011 ul li { padding-top: 7px; padding-bottom: 7px; font-family: 'Open Sans', sans-serif;; } .theme-row-section-5411-1011 ul li a { font-size: 20px; font-weight: 400px; font-family: 'Open Sans', sans-serif;; } .theme-img-400 { float: left; position: relative; width: 100%; max-height: 400px; overflow: hidden; } .theme-img-400 img { margin-top: -30%; width: 100%; } .theme-img-450 { float: left; position: relative; width: 100%; max-height: 450px; overflow: hidden;} .theme-img-450 img { margin-top: -28%; width: 100%; } .theme-img-500 { float: left; position: relative; width: 100%; max-height: 500px; overflow: hidden;} .theme-img-500 img { margin-top: -25%; width: 100%; } .theme-img-550 { float: left; position: relative; width: 100%; max-height: 550px; overflow: hidden;} .theme-img-550 img { margin-top: -20%; width: 100%; } .theme-img-600 { float: left; position: relative; width: 100%; max-height: 600px; overflow: hidden;} .theme-img-600 img { margin-top: -15%; width: 100%; } .theme-img-650 { float: left; position: relative; width: 100%; max-height: 650px; overflow: hidden;} .theme-img-650 img { margin-top: -12%; width: 100%; } .theme-img-700 { float: left; position: relative; width: 100%; max-height: 700px; overflow: hidden;} .theme-img-700 img { margin-top: -8%; width: 100%; } .theme-img-750 { float: left; position: relative; width: 100%; max-height: 750px; overflow: hidden;} .theme-img-750 img { margin-top: -5%; width: 100%; } /* ## ==================================== ## our process styles ## ==================================== */ .theme-row-section-6500-1000 { padding-top: 100px !important; padding-bottom: 100px !important; } .theme-row-section-6500-1000 .theme-header-def { width: 100%; text-align: center;} .theme-row-section-6500-1000 .theme-header-6500-1000-title_2 { width: 100%; text-align: left; margin-bottom: 20px; margin-top: 20px; } .de_tab.tab_steps .de_nav li{ margin:0 12px 0px 12px; } .de_tab.tab_steps .de_nav li span { padding:40px 0 40px 0; border-radius: 100px; font-size: 15px; -moz-border-radius: 100px; -webkit-border-radius: 100px; line-height: 20px; width:130px; height:130px; } .de_tab.tab_steps .de_nav li span.top-pad { padding:54px 0 40px 0; } .row-break { } .theme-row-section-5602-1011 { position: relative; border: solid #ff0000 0px; padding-top: 0px !important; padding-bottom: 0px !important; background-image: url('../media/g10001/tube-fabrication-1837261141.jpg') !important; background-size:cover; background-position: 90% 56% !important; } .row-overlay { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0.5; } .theme-row-section-5603-1068 { padding-top: 0 !important;} .inner-padding-sm { padding: 50px 0 40px 70px; } .background-image-1015 { background:url('../media/g10001/Design-Consulting-1752302333.jpg') !important; } /* ## ========================================================================== ## pagination styles ## ========================================================================== */ .pagination li a{ color:#888; border:solid 1px #404040; background:none; margin:3px; padding:10px 15px 10px 15px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } ul.pagination .prev { padding:10px 15px 10px 15px; } ul.pagination .next { padding:10px 15px 10px 15px; } .pagination li.disabled a{ color:#bbb; border:solid 1px #ccc; background: #eeeeee; } .pagination li.active a{ color:#fff; border:solid 1px #FAB702; background: #FAB702; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#FAB702; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color:#FAB702; } /* ## ========================================================================== ## gallery styles ## ========================================================================== */ .project-name { font-family: 'Open Sans', sans-serif; font-size:22px; font-weight: 700; color: #0b1f4c; } /* ## ========================================================================== ## blog listing styles ## ========================================================================== */ .clear-search { font-family: 'Open Sans', sans-serif;; font-size: 18px;display: block; text-transform: uppercase; padding: 5px 0 0 5px; color: #c2a773; } .clear-search:hover { color: #333333; } #shareIcons { margin-top: 10px; margin-bottom: 10px; } /*------------------------------------------------------------------ [ FORMS ] -------------------------------------------------------------------*/ input[type=text], input[type=email], input[type=password], input[type=search], textarea, textarea.form-control { font-size: 16px; color: #333; width: 100%; height: 45px; border: 2px solid #E6E6E6; border-radius: 4px; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 1px 15px 0; background-color: #FFF; box-shadow: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, textarea.form-control:focus { border-color: #E6E6E6; } textarea, textarea.form-control { height: 210px; line-height: 26px; overflow: auto; resize: none; padding: 15px; } /* ## ========================================================================== ## map styles ## ========================================================================== */ .map-container { height: 440px; border: solid #ff0000 0px; padding: 0 !important; } .google-map { width: 100%; height: 100%; margin: 0 !important; } /*------------------------------------------------------------------ [ ALERTS ] -------------------------------------------------------------------*/ .alert { position: relative; font-family: 'Open Sans', sans-serif;; font-size: 19px; font-weight: 300; color: #fff; padding: 15px 30px; border: 0; } .alert:last-child { margin-bottom: 0; } .alert i { margin-right: 10px; } .alert .close { opacity: .7; position: absolute; right: 20px; top: 22px; } .alert .close:hover { opacity: 1; } .alert ul { margin: 20px 0 10px 25px; } .alert ul li { line-height: 28px; margin: 0; padding-left: 15px; color: #FFF; } .alert ul li:before { content: "�"; color: #FFF; } .alert.alert-default { background-color: #ffc157;} .alert.alert-danger { background-color: #ff4047; } .alert.alert-warning { background-color: #D9534F; } .alert.alert-info { background-color: #5BC0DE; } .alert.alert-success { background-color: #5CB85C; } .alert.alert-dark { background-color: #1F1F1F; } .alert.alert-light { background-color: #F2F2F2; color: #333; } .alert.alert-light ul li { color: #808080; } .alert.alert-light ul li:before { color: #808080; } .alert-error-title { font-weight: bold; padding-bottom: 8px; } .alert-error-item { font-size: 16px; } /* Media Queries /* ========================================================================== */ @media (max-width: 1699px) { .shadow-soft { min-height: 460px; background-repeat: no-repeat; background-size: cover; } .padding40.overlay60 { min-height: 460px !important; height: 100% !important; } }/* end @media (max-width: 1699px) */ @media (max-width: 1599px) { header div#logo { margin-top: 10px; } header div#logo .logo { max-width: 260px; } .header-light .container { width: 96%; } .shadow-soft { min-height: 500px; } .padding40.overlay60 { min-height: 500px !important; } .theme-row-section .theme-header-5601-1020-title_1 { margin-top: 40px !important; } .theme-media-def { height: 100%; } /*---- design consulting -----*/ .theme-media-1014-104721-1300-group_1014_media_image { margin-top: 42px; } .theme-row-section .theme-header-5601-1020-title_1 { padding-top: 0; } #subheader{ margin-top: 130px; background-repeat: no-repeat; background-position: 0 75px; } }/* end @media (max-width: 1599px) */ @media (max-width: 1499px) { header div#logo { margin-top: 10px; } header div#logo .logo { max-width: 240px; } .header-light .container { width: 98%; } #mainmenu { font-size:14px; letter-spacing:3px; } #mainmenu a { padding: 30px 0px 30px 15px; line-height: 35px; } #mainmenu li a:after { font-size:6px; margin-left:14px; } .shadow-soft { min-height: 560px; } .padding40.overlay60 { min-height: 560px !important; } #subheader{ margin-top: 130px; background-repeat: no-repeat; background-position: 0 90px; } }/* end @media (max-width: 1499px) */ @media (max-width: 1399px) { header div#logo { margin-top: 5px; } header div#logo .logo { max-width: 200px; } .header-light .container { width: 98%; } #mainmenu { font-size:13px; letter-spacing:3px; } #mainmenu a { padding: 25px 0px 25px 10px; line-height: 35px; } #mainmenu li a:after { font-size:4px; margin-left: 10px; } .theme-img-600 { border: solid #ff0000 0px; min-height: 580px; } .theme-img-600 img { min-height: 670px; border: solid #ff0000 0px; height: 100% !important; } #subheader { padding: 120px 0 120px 0; margin:0; margin-top: 130px; background-repeat: no-repeat; background-position: 0 95px; } #subheader h1 { font-size: 32px; } #subheader .crumb { font-size:14px; margin-top: 2px; } }/* end @media (max-width: 1399px) */ @media (max-width: 1199px) { .theme-row-section.container-80 .container { width: 92%; min-width: auto; } .theme-row-section.container-85 .container { width: 92%; min-width: auto; } .theme-row-section.container-90 .container { width: 92%; min-width: auto; } .theme-row-section.container-95 .container { width: 95%; min-width: auto; } .theme-row-section.container-100 .container { width: 100%; min-width: auto; } .container-80.container { width: 92%; min-width: auto; } .container-85.container { width: 92%; min-width: auto; } .container-90.container { width: 92%; min-width: auto; } .container-95.container { width: 95%; min-width: auto; } .container-100.container { width: 100%; min-width: auto; } footer p { font-size: 14px; } .widget_recent_post li { padding-left: 5px; } footer .widget_recent_post li { padding-left: 5px; } header div#logo { width: 100%; text-align: center; margin-top: 22px; } header div#logo .logo { max-width: 300px; } .header-light .container { width: 96%; } header nav { border: dashed #000 0px; width: 100%; text-align: center; } #mainmenu { float: none; border: solid #ff0000 0x; display: inline-block; width: auto; } #section-welcome-6 { margin-bottom: 120px; } .shadow-soft { min-height: 430px; } .padding40.overlay60 { min-height: 430px !important; } .theme-row-section .theme-btn-def { font-size: 14px; padding: 8px 28px; } .theme-row-section h1 { font-size: 28px; } .theme-row-section h2 { font-size: 24px; } .theme-row-section h3 { font-size: 20px; } .theme-row-section h4 { font-size: 17px; } .theme-row-section h5 { font-size: 15px; } .theme-row-section h6 { font-size: 13px; } .theme-row-section .theme-text-def p { font-size: 17px; line-height: 1.7 !important;} .theme-row-section .theme-header-5525-1011-title_1 { font-size: 25px !important; } .theme-row-section .theme-text-5525-1011-desc_1 p { font-size: 19px !important; } .row_CdataContent_1066 .padding40 { padding: 25px !important; } .row_CdataContent_1066 .theme-header-def.theme-header-2 { font-size: 18px; } .theme-row-section .theme-header-1008-104645-1169-group_1008_title_1 { font-family: Arvo, serif !important; font-size: 18px !important; } .theme-row-section .theme-header-1009-104645-1170-group_1009_title_1 { font-family: Arvo, serif !important; font-size: 18px !important; } .theme-row-section .theme-header-1010-104645-1171-group_1010_title_1 { font-family: Arvo, serif !important; font-size: 18px !important; } .row_CdataContent_1066 .theme-text-def p { font-size: 16px; } .theme-row-section.row_CdataContent_1066 .container { width: 100%; min-width: auto; } .side-bg .image-container{ position:relative; width:100%; height:400px !important; top:0; margin-bottom:60px; } .row_CdataContent_1020 .theme-header-def, .row_CdataContent_1021 .theme-header-def { margin-left: 5%; max-width: 91%; margin-top: 15%; } .row_CdataContent_1020 .theme-text-def, .row_CdataContent_1021 .theme-text-def { margin-left: 5%; max-width: 91%; } .row_CdataContent_1020 .theme-button-def, .row_CdataContent_1021 .theme-button-def { margin-left: 5%; } .theme-img-400 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden; } .theme-img-400 img { margin-top: 0; width: 100%; } .theme-img-450 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden;} .theme-img-450 img { margin-top: 0; width: 100%; } .theme-img-500 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden;} .theme-img-500 img { margin-top: 0; width: 100%; } .theme-img-550 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden;} .theme-img-550 img { margin-top: 0; width: 100%; } .theme-img-600 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden; min-height: 520px; } .theme-img-600 img { margin-top: 0; width: 100%; min-height: 570px; } .theme-img-650 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden;} .theme-img-650 img { margin-top: 0; width: 100%; } .theme-img-700 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden;} .theme-img-700 img { margin-top: 0; width: 100%; } .theme-img-750 { float: left; position: relative; width: 100%; max-height: auto; overflow: hidden;} .theme-img-750 img { margin-top: 0; width: 100%; } #subheader { padding: 130px 0 90px 0; margin:0; margin-top: 210px; background-repeat: no-repeat; background-position: 0 200px; } /*---- design consulting -----*/ .theme-media-1014-104721-1300-group_1014_media_image { margin-top: 0; } .theme-row-section .theme-header-5601-1020-title_1 { padding-top: 0; } .theme-row-section-5601-1020 { padding-top: 0; } .theme-row-section-5601-1020 .col-md-5 { width: 100%; } .theme-row-section-5601-1020 .col-md-7 { width: 100%; } /*---- design consulting -----*/ .side-bg.theme-row-section-5603-1068 .image-container { height: 900px !important; margin-bottom: 0px; max-height: 100% !important; } }/* end @media (max-width: 1199px) */ @media (max-width: 991px) { header { background: #ccc; padding: 0 !important; height: auto !important; border: solid #ff0000 0px !important; } .header-light .container { width: 100%; } header.header-light .info [class*="col-"] { margin-bottom: 0px; text-align: center; } .wrapper { padding: 0; } header.header-light { width: 100%; background: #fff; } header.header-light .info { text-align: center; padding:4px 0 4px 0; border-bottom:solid 0px rgba(255,255,255,.2); } header .info .col.slogan { display: block; text-align: center; } header .info .col { font-size: 12px; } header .info strong{ font-size:15px; } header div#logo { width: 240px; text-align: center; margin-top: 2px; } header div#logo .logo { max-width: 200px; } header nav { border: dashed #000 0px; width: auto; text-align: center; } .nav-row { padding: 0 !important; border: solid #ff0000 0px; width: 100%; margin: 0 !important; } .nav-row .container { padding: 0 !important; border: solid #000 0px; } .nav-row nav { background-color: #112758; margin: 0 !important; padding-bottom: 0; } .header-light .nav-row { padding-left: 0 !important; padding-right: 0 !important; } #mainmenu { float: right; border: solid #ff0000 0x; display: inline-block; width: auto; } #menu-btn{ margin-top: 22px; width:36px; height:36px; margin-right: 15px; } #mainmenu li { border-bottom: solid #fff 1px; } #mainmenu a { border: solid #ff0000 0px; display: block; color: #fff; } header.header-mobile #mainmenu a { padding-left: 20px; font-size: 15px; } header.header-mobile #mainmenu li ul li { padding-left: 0 !important; } header.header-mobile #mainmenu li ul li a { border-bottom:solid 1px #333; padding-left: 40px; font-size: 15px; } header.header-mobile #mainmenu > li > span{ right: 10px; margin-top:10px; } header.header-mobile #mainmenu li > ul > li > span{ right: 10px; margin-top:-45px; } .btn, .btn.btn-solid-1, .btn.btn-solid-2, .btn.btn-solid-3, .btn.btn-lines-1, .btn.btn-lines-2, .btn.btn-lines-3 { font-size: 16px; padding: 7px 28px; } header,header.fixed { padding:0px 0 0px 0; } #section-welcome-6 h2.hero{ font-size:29px; font-weight:900; } #section-welcome-6 { margin-bottom: 0; } .main-content-container { margin-top: 0px; } #subheader { padding: 78px 0 50px 0; margin:0; margin-top: 0px; background-repeat: no-repeat; background-position: 0 125px; } #subheader h1 { font-size: 28px; } #subheader .crumb { font-size:13px; margin-top: 2px; display: inline-block; } .row_CdataContent_1020 .theme-header-def, .row_CdataContent_1021 .theme-header-def { margin-left: 20px; max-width: 100%; margin-top: 50px; } .row_CdataContent_1020 .theme-text-def, .row_CdataContent_1021 .theme-text-def { margin-left: 20px; margin-bottom: 50px; max-width: 100%; } .row_CdataContent_1020 .theme-button-def, .row_CdataContent_1021 .theme-button-def { margin-left: 20px; } .theme-row-section-5603-1068 { padding-top: 0 !important;} .inner-padding-sm { padding: 0 20px 0 20px; } .subfooter [class*="col-"] { text-align: center; } .subfooter { font-size: 15px; } .footer-about { text-align: center; padding-bottom: 40px; } .widget { margin-bottom: 20px; padding-bottom: 20px; } .subfooter .social-icons a i { font-size: 21px; } .de_tab.tab_steps .de_nav li span { padding:30px 0 24px 0; font-size: 12px; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; line-height: 20px; width:105px; height:105px; border: solid #000 2px; } .de_tab.tab_steps .de_nav li span.top-pad { padding: 43px 0 24px 0; } .de_tab.tab_steps .de_nav { border: solid #ff0000 0px; height: 125px; width: 638px; margin: 0 auto; } .de_tab.tab_steps .de_nav li{ display:inline-block; float: left; margin:0 10px 0px 10px; border: solid #ff0000 0px; height: 105px; padding: 0 !important; } .de_tab.tab_steps .de_nav li .v-border{ display: none !important; } .de_tab.tab_steps.dark .de_nav li .v-border{ display: none !important; } /*---- design consulting -----*/ .side-bg.theme-row-section-5603-1068 .image-container { height: 800px !important; margin-bottom: 0px; } }/* end @media (max-width: 991px) */ @media (max-width: 768px) { .subfooter [class*="col-"] { text-align: center; } .subfooter { font-size: 15px; } .footer-about { text-align: center; padding-bottom: 40px; } .widget { margin-bottom: 20px; padding-bottom: 20px; } .subfooter .social-icons a i { font-size: 21px; } .btn, .btn.btn-solid-1, .btn.btn-solid-2, .btn.btn-solid-3, .btn.btn-lines-1, .btn.btn-lines-2, .btn.btn-lines-3 { font-size: 14px; padding: 7px 28px; } .theme-row-section .theme-btn-def { font-size: 14px; padding: 8px 28px; } .theme-row-section h1 { font-size: 26px; } .theme-row-section h2 { font-size: 22px; } .theme-row-section h3 { font-size: 18px; } .theme-row-section h4 { font-size: 16px; } .theme-row-section h5 { font-size: 14px; } .theme-row-section h6 { font-size: 12px; } .theme-row-section .theme-text-def p { font-size: 16px; line-height: 1.7 !important;} .theme-row-section .theme-header-5525-1011-title_1 { font-size: 23px !important; } .theme-row-section .theme-text-5525-1011-desc_1 p { font-size: 17px !important; } .theme-row-section { padding-top: 30px !important; padding-bottom: 30px !important;} .row_CdataCallToAction_1001 .cdata-column { } .row_CdataCallToAction_1001 [class*="col-"] { margin-bottom: 10px; } .row_CdataCallToAction_1001.theme-row-section { padding-top: 20px !important; padding-bottom: 20px !important; text-align: center;} .theme-row-section-5603-1068 { padding-top: 0 !important; } .theme-row-section-5602-1011 { padding-top: 0px !important; padding-bottom: 0px !important; } .theme-row-section-5528-1066 .col-md-12 { border: solid #ff0000 0px; padding: 0; } .theme-row-section-5528-1066 .col-md-12 .cdata-media-column { border: solid #ff0000 0px; width: 100% !important; padding: 0; } .inner-padding-sm { padding: 0 40px 40px 40px; } #section-welcome-6 h2.hero{ font-size: 20px; margin-left: 20px; margin-right: 20px; } .theme-header-6500-1000-title_2 { position: relative; margin: 0 auto; padding: 100px 0 24px 0; font-size: 12px; border-radius: 180px; -moz-border-radius: 180px; -webkit-border-radius: 180px; line-height: 20px; text-align: center !important; width:220px !important; height:220px !important; border: solid #000 2px; background: #fbc535; } #subheader { padding: 78px 0 50px 0; margin:0; margin-top: 0px; background-repeat: no-repeat; background-position: right 0px; } .theme-text-6500-1000-desc_1 { margin-bottom: 80px; } }/* end @media (max-width: 768px) */ @media (max-width: 600px) { }/* end @media (max-width: 600px)) */ @media (max-width: 540px) { }/* end @media (max-width: 540px)) */ #subheader h1 { color: #ffffff; }