/* Theme Name: JAL */ /*----------------------------------------------------------------------------------- 1.CSS Reset 2.Basic Typography 3.Basic Document Structure and Styling 3.1.Tables, Forms / Inputs and Text Area 3.2.Content Elements 3.3.Navigation Menu 3.4.Basic Structure And Containers (Containers, Sidebars, Footer etc.) 3.5.WordPress Default Elements 3.6.Comments 4.Theme Colors & Stylings 4.1.Navigation 4.2.Sidebars 4.3.Footer 4.5.Blog 4.6.Services Boxes 4.7.Sliders (Content Slider, Thumbnails Slider, Nivo Slider) 4.8.Quick Gallery 5.Widgets and Page Templates 6.Others 7.Responsive And Media Queries 8.Updates -----------------------------------------------------------------------------------*/ /* ################### LESS ###################### */ /* Vertivacal align any element */ .vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* ------------------------------- W P L O C K E R .C O M ------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-size: 100%; } table { border-spacing: 0; border-collapse: collapse; } caption, th, td { text-align: left; font-weight: normal; } h1, h2, h3, h4, h5, h6 { clear: both; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { line-height: 1; } a:focus { outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { margin: 24px; margin-bottom: 1.714285714rem; height: 1px; border: 0; background-color: #b3b3b1; } sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* ---------- END CSS Reset ---------- */ /*------------------------------- 2. Basic Typography ------------------------------- */ body { color: #000000; font-size: 14px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.7; } img { max-width: 100%; height: auto; vertical-align: bottom; } a { color: #000000; text-decoration: none; } a:focus { outline: none; outline-width: 0; outline-style: none; outline-color: transparent; } a:hover { color: #ffcc00; } hr { margin: 5px 0; height: 1px; border: 0; background-color: #b3b3b1; } h1, h2, h3, h4, h5, h6 { padding: 5px 0; color: #333332; font-weight: 100; line-height: 1.3; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; } h1 { font-size: 30px; } h2 { font-size: 25px; } h3 { font-size: 22px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } p { margin: 7px 0; padding: 0; } ol { margin-left: 20px; list-style-type: decimal; } ul { margin-left: 20px; } dl { margin-left: 20px; } dt { font-weight: bold; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; font-size: 110%; } q { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } /* Blockquote */ blockquote { margin: 0 0 20px; padding: 0 0 0 15px; border-left: 4px solid rgba(0, 0, 0, 0.1); text-align: left; font: italic 120%/170% Georgia, "Times New Roman", Times, serif; } blockquote p { font-weight: 300; } blockquote small { display: block; font-style: normal; font-size: 12px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.8em; } blockquote small:before { content: '\2014 \00A0'; } blockquote cite { font-weight: bold; } /* ------------------------------- END Basic Typography ------------------------------- */ /* ------------------------------- 3. Basic Document Structure and Stylings ------------------------------- */ /* ----------- 3.1 Tables, Forms / Inputs and Text Area --------------- */ input, textarea, select, input[type=search], button { max-width: 100%; font-size: 100%; } input[type=text], input[type=password], textarea, input[type=search], input[type=email] { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 8px; border: solid 1px rgba(0, 0, 0, 0.1); background: #fcfcfc; font-size: 12px; } textarea { padding: 2%; max-width: 96%; font-family: 'Open Sans', Helvetica, Arial, sans-serif; line-height: 1.5em; } /* --- form focus --- */ textarea:focus, input[type=password]:focus, input[type=text]:focus, input[type=search]:focus { -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); outline: none; background: #ffffff; } /* ------ Tables -------- */ table { max-width: 100%; width: 100%; border-spacing: 0; border-collapse: collapse; background-color: transparent; } table th, table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.05); vertical-align: top; text-align: left; } table thead { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } table th { font-weight: bold; } .table { width: 100%; } .table th, .table td { padding: 8px; border-top: 1px solid rgba(0, 0, 0, 0.1); vertical-align: top; text-align: left; line-height: 20px; } .table-bordered { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); border-collapse: separate; border-left: 0; } .table-bordered th, .table-bordered td { border-left: 1px solid rgba(0, 0, 0, 0.1); } /* -------------------- 3.2 Content Elements -------------------- */ /* Buttons */ button, .button, input[type="submit"], input[type="button"], #submit { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; margin: 2px 0; padding: 12px 25px; background: none; background-image: none; background-color: #fdd200; /* button color */ color: #ffffff; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-weight: normal; font-size: 13px; font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif; line-height: 20px; cursor: pointer; -webkit-appearance: none; border: 0px; } /*#main-container button,#main-container .button ,#main-container input[type="submit"],#main-container input[type="button"],#main-container #submit { color: @color-white;}*/ button:hover, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, #submit:hover { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); color: #ffffff; } button:active, .button:active, input[type="submit"]:active, input[type="button"]:active, #submit:active { -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 rgba(0, 0, 0, 0); position: relative; bottom: -1px; } a.btn-alt { background-color: #000000; background-color: rgba(0, 0, 0, 0); -webkit-box-shadow: inset 0 0 0 2px #ffffff; -moz-box-shadow: inset 0 0 0 2px #ffffff; box-shadow: inset 0 0 0 2px #ffffff; color: #ffffff; } a.btn-alt:active { -webkit-box-shadow: inset 0 0 0 2px #ffffff; -moz-box-shadow: inset 0 0 0 2px #ffffff; box-shadow: inset 0 0 0 2px #ffffff; } input[type="submit"], input[type="button"] { margin-top: -1px; border-style: none; text-transform: none; letter-spacing: 0; font-size: 11px; line-height: 14px; text-transform: uppercase; } /* ------ Info Boxes ------ */ .info-box, .note-box, .tip-box, .error-box { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 20px 0; padding: 10px; background: #eee; color: #777777; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); text-align: left; } .info-box .box-icon, .note-box .box-icon, .tip-box .box-icon, .error-box .box-icon { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); position: relative; top: 3px; display: inline-block; margin-right: 10px; margin-left: 0; padding-right: 10px; width: 16px; height: 16px; border-right: 1px solid rgba(0, 0, 0, 0.3); background-image: url(images/px_sprites.png); background-size: 528px 16px; background-repeat: no-repeat; } .info-box { background: #b8dbfe; } .info-box .box-icon { background-position: -159px 0; } .note-box { background: #faf1a9; } .note-box .box-icon { background-position: -224px 0; } .error-box { background: #fcb4ad; } .error-box .box-icon { background-position: -352px 0; } .tip-box { background: #dceaa9; } .tip-box .box-icon { background-position: -319px 0; } /* --------------------- BULLETS --------------------- */ .imglist { margin-left: 0; list-style: none; } .imglist li { padding: 3px 0; } .imglist li:before { margin: 7px; margin-left: 0; padding: 0; padding-left: 15px; width: 16px; height: 16px; background: url(images/list-sprites.png); background-position: left center; background-size: 10px; background-repeat: no-repeat; list-style: none; content: ""; line-height: 18px; } .bullet_star li:before { background-position: 0 5px; } .bullet_check li:before { background-position: 0 -15px; } .bullet_plus li:before { background-position: 0 -36px; } .bullet_arrow li:before { background-position: 0 -55px; } .bullet_arrow2 li:before { background-position: 0 -76px; } .bullet_arrow4 li:before { background-position: 0 -96px; } .bullet_numeric li { padding-left: 20px; list-style: none; list-style: decimal; } /* -------- Tabs and Panes -------- */ .tabs-container { margin-bottom: 30px; } .tabs-container a { outline-width: 0; outline-style: none; } .tabs-container > ul { margin-left: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .tabs-container > ul li { display: inline-block; margin-bottom: -1px; } .tabs-container > ul li a { display: block; margin-right: 3px; padding: 8px 15px; border-radius: 5px 5px 0 0; background: #f7f7f7; box-shadow: 0 -1px 0 0 #dddddd inset; text-transform: uppercase; font-size: 10px; border-bottom: 0; color: #777777; } .tabs .current a { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 0; background: #ffffff; box-shadow: none; color: #fdd200; font-weight: bold; } .tabs > ul a:hover { background-color: #dddddd; } .tabs-container .panes { padding: 12px; border: 1px solid rgba(0, 0, 0, 0.1); border-top: 0; } .accordion-container { margin-bottom: 15px; } .accordion-title { margin-bottom: 2px; padding: 10px 7px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0; background: #f7f7f7; text-transform: uppercase; font-size: 11px; cursor: pointer; } .accordion-title.current { border-bottom: 2px solid #fdd200; font-weight: bold; } .accordion-container .pane { display: none; } .pane { padding: 7px; } .panes > div { display: none; } .ac-indicator { float: right; margin-top: 4px; margin-right: 4px; width: 10px; height: 10px; background-image: url(images/ac_ind2x.png); background-size: 10px 20px; } .current .ac-indicator { background-position: left bottom; } /* Alighns */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .relative { position: relative; } img.alignright { margin: 8px 0 15px 15px; } img.alignnone { display: block; margin: 15px 15px 15px 0; } img.alignleft { margin: 8px 15px 15px 0; } img.aligncenter { display: block; margin: 15px; margin-right: auto; margin-left: auto; } .wp-caption.alignnone { margin: 5px 15px 15px 0; } .wp-caption.alignleft { margin: 5px 15px 15px 0; } .wp-caption.alignright { margin: 5px 0 15px 15px; } .wp-caption.aligncenter { display: block; margin-right: auto; margin-left: auto; } /* Clearing floats */ .clear { clear: both; margin: 0; padding: 0; } .clear:after { clear: both; } .clear:before, .clear:after { display: table; content: ""; } .divider-line { display: block; width: 100%; height: 5px; background-color: #000; } /* Selecton Color */ ::selection { background: #fbf6d6; /* Safari */ color: #555555; } ::-moz-selection { background: #fbf6d6; /* Firefox */ color: #555555; } .highlight1 { background-color: #FBF6D6; } .highlight2 { background-color: #FECBC6; } .post-info { text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } .post-info a { margin-right: 5px; margin-left: 5px; } .post-info a:hover { color: #fdd200; border-bottom: 1px solid; } .img-loading { padding: 0; background: url(images/cs-loader.gif) no-repeat center; background-size: 20px 20px; } .drop-caps { position: relative; top: 6px; float: left; margin-right: 0.2em; padding-bottom: 0.1em; text-transform: uppercase; font-size: 300%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 0.8em; } .read-more { display: inline-block; margin-bottom: 5px; margin-top: 10px; padding: 4px 0; line-height: 1em; border-bottom: 1px solid #fdd200; color: #fdd200; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; } .more-arrow { position: relative; top: 0px; display: inline-block; margin-left: 3px; font-weight: normal; font-size: 18px; } .left-arrow, .right-arrow, .ps-left-arrow, .ps-right-arrow, .cs-arrows, .nivo-nextNav, .nivo-prevNav { position: absolute; top: 50%; right: 0px; z-index: 100; display: block; margin-top: -35px; width: 43px; height: 70px; color: #ffffff; text-align: center; font-size: 20px; background-color: rgba(37, 37, 37, 0.8); line-height: 50px; cursor: pointer; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .left-arrow, .ps-left-arrow, .cs-prev-arrow, .nivo-prevNav { -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .left-arrow:hover, .right-arrow:hover, .ps-left-arrow:hover, .ps-right-arrow:hover, .cs-arrows:hover, .nivo-nextNav:hover, .nivo-prevNav:hover { color: #252525; } .ps-left-arrow { left: 0; text-indent: -3px; } .ps-right-arrow { right: 0; } .left-arrow:hover, .right-arrow:hover, .ps-left-arrow:hover, .ps-right-arrow:hover, .cs-arrows:hover, .nivo-nextNav:hover, .nivo-prevNav:hover { background-color: #fdd200; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); cursor: pointer; } /*----------------------------- 3.3 Navigation Menu --------------------------------*/ .navigation-container { float: right; } .nav-menu ul { margin-left: -10px; } .nav-menu ul li { position: relative; display: inline; float: left; } .nav-menu ul li a { display: block; padding: 2px 14px; } .nav-menu ul ul { position: absolute; top: 45px; z-index: 20000; display: none; margin-top: 0px; padding-top: 5px; width: 210px; background:#180504; } .nav-menu ul ul ul { top: 7px; left: 210px; } .nav-menu ul ul li { display: block; float: left; padding: 4px 0 4px 0; width: 100%; } .nav-menu ul ul li a { letter-spacing: 0; line-height: 1.8em; } .nav-menu li:hover ul { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .mob-nav-menu { display: none; } /*----------------------------- END Navigation Menu --------------------------------*/ /*-------------------- 3.4 Basic Structure And Containers -------------------------- */ .center { margin-right: auto; margin-left: auto; } .page-wrapper { margin: 0 auto; max-width: 100%; } .mobile-nav, .mob-nav-menu { display: none ; } #main-container { min-width: 250px; } /* ---------------- Logo ---------------- */ #logo-container { float: left; margin: 0 3.06%; margin-top: 3px; margin-left: 0; } #logo-container a { display: block; float: left; } #logo-container img { width: 60px; } .header-separator { overflow: hidden; width: 100%; border-top: none; } #header { padding-top: 20px; padding-right: 5%; padding-left: 5%; width: 90%; background: transparent; position: relative; } .header-wrapper { position: relative; width: 100%; } .fixed-header .header-wrapper { padding-top: 20px; background:#eeeeee; } .slider-active .header-wrapper { padding-top: 0; } .header-wrapper .full-bg-image { top: 0; } /* ---------------- Content ---------------- */ .section-boxed { position: relative; margin: 0 auto; padding: 0 3%; max-width: 990px; } .page-template-template-full-custom-php .section-boxed { max-width: 990px; } #content-container .section-boxed { margin: 30px auto; } .content-boxed { margin: 0 auto; padding: 0 3%; max-width: 990px; } .section-header { padding: 0; padding-bottom: 20px; } .no-slider.no-title .section-header { border-bottom-width: 0; } #content-container { padding: 20px 3%; } .page-wrapper { background: #eeeeee; } .page-template-template-full-custom-php .page-wrapper { } .page-template-template-full-custom-php #content-container { padding: 0; } #content { float: left; max-width: 72%; width: 100%; } .content { /*word-wrap: break-word;*/ } .content-box { padding: 0 4%; width: 92%; min-height: 400px; } .post-type-archive.woocommerce .content-box, .post-type-archive.woocommerce-page .content-box { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; width: 100%; min-height: 400px; } #sidebar { float: right; max-width: 24%; width: 24%; } .sidebar-box ul { margin-left: 0; list-style: none; } .sidebar-box input[type="text"], .sidebar-box input[type="password"], .sidebar-box textarea, .sidebar-box input[type="search"] { padding: 8px 0; width: 100%; text-indent: 8px; } #sidebar .sidebar-box:last-child { margin-bottom: 0; } #full-width { position: relative; max-width: 100%; min-height: 400px; } .page-template-template-portfolio-gallery-php #full-width, .page-template-template-full-custom-php #full-width, .page-template-template-blog-php #full-width, .single-portfolio #full-width { padding: 0; background-color: transparent; } .page-template-template-portfolio-gallery-php #content-container { padding-top: 0; padding-bottom: 38px; overflow: hidden; } .layout-left #content { float: right; padding-right: 0; padding-left: 3.06%; } .layout-left #sidebar { float: left; } #footer { position: relative; display: block; overflow: hidden; height: auto; background-image: url(http://emmanueljal.com/wp-content/uploads/2015/01/Jal-footer-bg.png); background-color:#eeeeee; color: #000000; font-size: 13px; } #footer ul { list-style: none; } .footer-widgets { max-width: 1170px; } .footer-widgets a { color: #ffffff; } .footer-widgets a:hover { color: #fdd200; } /*-------------- 3.5 Grid And Columns -------------------*/ .cols-wrapper { overflow: hidden; } /* single column */ .col { float: left; margin-right: 3.2%; margin-bottom: 30px; } /* 4 columns */ .cols-4 .col { width: 22.6%; } /* 3 columns */ .cols-3 .col { width: 31.2%; } /* 2 columns */ .cols-2 .col { width: 48.4%; } /* 1 column - for footer*/ .cols-1 .col { width: 100%; } .cols-5 .col { width: 17.44%; } .cols-5 .col:nth-of-type(5n), .cols-4 .col:nth-of-type(4n), .cols-3 .col:nth-of-type(3n), .cols-2 .col:nth-of-type(2n) { clear: right; margin-right: 0; } /* -------------- 3.5 WordPress Default Elements -----------------*/ /* Wordpress Widgets */ .widget_categories li a, .widget_nav_menu li a, .widget_archive li a, .widget_links li a, .widget_recent_entries li a, .widget_links li a, .widget_pages li a, .widget_recent_entries li a, .recentcomments, .widget_meta li a, .product-categories li a { padding: 5px 0; color: #777777; } .wp-caption { max-width: 100%; padding: 0; } .wp-caption a { display: block; padding: 5px; padding-bottom: 0px; } .wp-caption-text { margin-bottom: 7px; padding-left: 7px; text-align: center; font-size: 13px; } .wp-caption-text, .gallery-caption, .entry-caption { line-height: 1.5em; } img.wp-smiley, .rsswidget img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0; margin-bottom: 0; padding: 0; box-shadow: none; } /* WP Quick Gallery*/ .entry-content dl.gallery-item { margin: 0; } .gallery dl { display: inline-block; float: none; width: auto; vertical-align: top; text-align: center; } .gallery-item a { display: block; width: 90%; } .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { padding: 5%; max-width: 90%; height: auto; } .gallery-icon img { padding: 3%; } .sticky { position: static; } .bypostauthor { position: static; border-top: 3px solid #fdd200; } .sticky { border-top: 5px solid #fdd200; } /*----------------------- 3.6 Comments ---------------------------*/ #comments { margin-top: 50px; } .page-template-template-full-custom-php #comments { margin: auto; margin-top: 20px; width: 60%; } #comments textarea { width: 100%; } #comments ul { list-style: none; } .commentlist { margin-left: 0; } .commentlist .children { margin-left: 0; padding-left: 3%; } .comment-box { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); clear: both; margin-bottom: 20px; padding: 3%; background-color: #ffffff; } .avatar { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; margin: 0 0 10px; padding: 4px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; } .comment-autor { float: left; margin-right: 20px; text-align: center; } .comment-autor img { width: 40px; height: auto; } .coment-autor-name { margin-right: 10px; text-transform: capitalize; font-weight: bold; } .coment-autor-name cite { font-size: 14px; } .comment-date { color: #b3b3b1; font-size: 12px; } .comment-info .reply { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: right; padding: 0 9px 2px 9px; color: #fdd200; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; line-height: 2.2em; } .comment-info .reply a { position: relative; top: 1px; color: #fdd200; } .comment-info { float: right; padding: 0; width: 100%; } .comment-info { border-bottom: 0px; color: #fdd200; font-size: 19px; line-height: 1em; } #reply-title, .comments-titile { margin-bottom: 25px; padding-bottom: 7px; border-bottom: 3px solid #bebebe; border-bottom: 3px solid rgba(0, 0, 0, 0.1); text-transform: capitalize; font-size: 18px; } #reply-title { margin-top: 20px; } .pexeto-contact-form label { display: block; line-height: 2.5em; } #full-width #commentform { width: 60%; } .woocommerce #full-width #commentform { width: 100%; } .page-template-template-full-custom-php #full-width #commentform { width: 100%; } #full-width #commentform textarea, #full-width #commentform select, #full-width #commentform input[type=search] { width: 100%; } #commentform input[type="text"], #commentform input[type="password"], #commentform textarea, #commentform input[type="search"] { margin-bottom: 7px; margin-top: 7px; padding: 12px 0; max-width: 100%; width: 100%; text-indent: 8px; } .pingback { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .ping-title { font-size: 12px; } .form-submit { padding: 0; margin-bottom: 0; } /*Contact Form*/ .pexeto-contact-form .error-box, .pexeto-contact-form .info-box { display: none; } .pexeto-contact-form input[type="text"], .pexeto-contact-form input[type="password"], .pexeto-contact-form textarea, .pexeto-contact-form input[type="search"] { margin-bottom: 8px; padding: 12px 0; max-width: 100%; width: 100%; text-indent: 8px; } #content .pexeto-contact-form textarea { min-height: 170px; } .pexeto-contact-form .button { margin-top: 10px; } #full-width #submit-form { width: 600px; } /*reCaptcha*/ #recaptcha_image { max-width: 100%; } .contact-captcha-container { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; margin-bottom: 15px; max-width: 100%; width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #ffffff; } .contact-captcha-container h6, #recaptcha_image { padding: 5px 15px; } .recaptcha-input-wrap { -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 0 0 5px 5px; -moz-border-radius-topright: 0 0 5px 5px; border-top-right-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; padding: 10px; border-top: 1px solid rgba(0, 0, 0, 0.1); background-color: #f7f7f7; } #recaptcha_response_field { margin: 0; } .recaptcha-reload { position: absolute; top: 22px; right: 20px; } .recaptcha-reload a { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); display: block; width: 20px; height: 20px; background-image: url(images/reload.png); background-size: 20px 20px; } .recaptcha-link { margin-top: 14px; font-size: 11px; } .recaptcha-link a { -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .invalid input, .invalid textarea, #recaptcha_response_field.invalid, input.invalid, textarea.invalid { border: 1px solid #D3B5BA !important; background-color: #F2DEDE !important; } #submit-form .invalid input, #submit-form .invalid textarea, #submit-form #recaptcha_response_field.invalid, #submit-form input.invalid, #submit-form textarea.invalid { color: #B45B5B; } .contact-loader { position: relative; top: 3px; left: 10px; display: inline-block; visibility: hidden; width: 16px; height: 16px; background: url("images/ajax-loader-small2.gif") no-repeat; } /*----------------------- END COMMENTS ---------------------------*/ /*----------------------- 4. Theme Colors & Stylings -----------------------*/ /* ----------------- 4.1 Navigation ----------------- */ .nav-menu ul { margin-top: 10px; } .nav-menu ul li a { -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight:600; letter-spacing: 1px; } .nav-menu ul li a:hover { color: #ffcc00; } .nav-menu .mega-menu-item > ul > li > a:hover { color: #ffcc00; } .nav-menu > ul > li > a:after, .nav-menu > div.menu-ul > ul > li > a:after { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; bottom: 5px; left: 50%; display: block; overflow: hidden; margin-left: 0px; width: 0px; height: 0px; background: transparent; content: none; border-radius: 0px; } .nav-menu > ul > li > a:hover:after, .nav-menu > div.menu-ul > ul > li > a:hover:after, .nav-menu > ul > li:hover > a:after { bottom: 5px; height: 2px; width: 40px; margin-left: -10px; margin-top: -2px; } .nav-menu ul ul li .drop-arrow { -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); position: relative; right: -10px; top: 7px; float: right; display: inline-block; width: 10px; height: 10px; background-image: url(images/drop-nav-arrow.png); background-size: 5px; background-repeat: no-repeat; } .nav-menu ul .current-menu-item a, .nav-menu li:hover a, .nav-menu .current-menu-parent a, .nav-menu .current-menu-ancestor a { color: #ffcc00; } .nav-menu ul .current-menu-item > a, .nav-menu > ul > li:hover > a, .current-menu-ancestor > a { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .nav-menu ul ul .current-menu-item, .nav-menu ul ul .current-menu-parent, .nav-menu ul ul .current-menu-ancestor { margin-top: 0; border-top: 0; } .nav-menu ul ul li a { border-right: 0; letter-spacing: 1px; font-size: 10px; } .nav-menu ul ul li { position: relative; } .nav-menu ul li:last-child a { border-right: 0; } .nav-menu ul ul ul, .fixed-header-scroll .nav-menu ul ul ul { padding: 0; } .fixed-header-scroll .nav-menu ul ul ul { margin-top: 0; } .fixed-header-scroll .content-slider-wrapper { padding-top: 0 !important; } .nav-menu .sub-menu li:first-child, .nav-menu .children li:first-child { border-top: none; } .nav-menu > ul > li:not(.mega-menu-item) ul > li:first-child { padding-top: 15px; } .nav-menu > ul > li:not(.mega-menu-item) ul > li:last-child { padding-bottom: 15px; } .nav-menu li:not(.mega-menu-item) li a { padding-left: 22px; padding-right: 22px; } .nav-menu .sub-menu li:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } /* -------------- MEGA MENU -------------- */ #menu { float: left; } #menu > ul { position: relative; } .nav-menu ul li.mega-menu-item { position: static; } .nav-menu li.mega-menu-item ul ul { display: block; } .nav-menu li.mega-menu-item > ul { width: auto; top: 34px; padding: 0 15px 20px 15px; background-color: #1e1e1e; border-top: 2px solid rgba(0, 0, 0, 0.2); } .nav-menu li.mega-menu-item > ul ul { position: relative; left: 0; top: 0; } .nav-menu li.mega-menu-item ul li { display: inline-block; width: 200px; background: none; box-shadow: none; border-top-width: 0 !important; padding: 2px 0; } .nav-menu .mega-menu-item > ul > li { margin: 0; margin-left: 16px; margin-right: 16px; } .nav-menu .mega-menu-item ul li a { padding: 4px 0; } .nav-menu .mega-menu-item > ul > li > a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 10px; font-weight: bold; } .nav-menu li.mega-menu-item li li li a:before { content: '>'; padding-right: 5px; -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); display: inline-block; } .nav-menu li.mega-menu-item ul ul a { font-weight: normal; letter-spacing: 1px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .nav-menu > ul > li > a:after, .nav-menu > div.menu-ul > ul > li > a:after { position: relative; top: 4px; } .header-layout-center .nav-menu ul ul { display: none; text-align: left; margin-top:30px; } .header-layout-center .nav-menu li.mega-menu-item ul ul { display: block; } .fixed-header-scroll .nav-menu li.mega-menu-item > ul { top: 30px; } .mega-columns-2 > li:nth-of-type(2n+1) { clear: left; } .mega-columns-3 > li:nth-child(3n+1) { clear: left; } .mega-columns-4 > li:nth-child(4n+1) { clear: left; } .nav-menu li.mega-menu-item > ul > li { margin-top: 20px; } .nav-menu li.mega-menu-item > ul { padding-top: 0; } .mega-menu-item > ul > li > a { opacity: 1; } /* ----------- Page Titile ----------- */ .page-title-wrapper { display: table; width: 100%; min-height: 300px; height: 300px; padding-bottom: 10px; } .archive:not(.post-type-archive-product) .page-title-wrapper, .search-results .page-title-wrapper, .error404 .page-title-wrapper { min-height: 150px; } .archive:not(.post-type-archive-product) .page-title h1, .search-results .page-title h1, .error404 .page-title h1 { font-size: 35px; } .large-header .page-title-wrapper { min-height: 400px; height: 400px; } .page-title { position: relative; z-index: 10; display: table-cell; vertical-align: middle; text-align: center; padding-bottom: 8px; margin-top:45px; } .page-title h1 { padding: 10px 0; padding-top: 30px; color: #ffffff; vertical-align: middle; text-transform: uppercase; font-size: 58px; font-weight: bold; line-height: 4em; text-align: center; display: inline-block; letter-spacing: -1px; } .page-title h1:after { content: ""; display: block; width: 62%; height: 1px; background-color: #ffffff; margin: auto; margin-top: 10px; } #content-container .page-title { padding-top: 0; margin-top: 0; } .woocommerce .page-title { padding: 0; margin: 0; } .page-subtitle { content: "sharp modern clear"; display: block; color: #ffffff; margin: auto; text-transform: uppercase; font-size: 15px; letter-spacing: 7px; margin-top: 1px; } .content-page-title { font-size: 20px; padding-top: 0; padding-bottom: 20px; } /* ----------------- 4.2 Sidebars ----------------*/ .sidebar-box { margin-bottom: 40px; font-size: 13px; } .sidebar-box .title { margin-bottom: 20px; padding: 7px 0; text-transform: uppercase; font-weight: bold; font-size: 16px; } #sidebar > .sidebar-box h4 { margin-top: -5px; padding-top: 0; } .sidebar-box .title a { color: #333332; } .sidebar-box .title:after { /* content:""; display: block; width: 57px; height: 1px; background-color: @color; margin-top: 4px; opacity: 0.1;*/ } /* Sidebar Widgets */ .widget_categories ul, .widget_nav_menu ul, .widget_archive ul, .widget_links ul, .widget_recent_entries ul, .widget_pages ul, .sidebar-latest-posts, #recentcomments, .widget_meta ul, .widget_rss ul, .product-categories ul { margin-top: -7px; /*Same as li top paddings*/ } .widget_categories li, .widget_nav_menu li, .widget_archive li, .widget_links li, .widget_recent_entries li, .widget_pages li, #recentcomments li, .widget_meta li, .widget_rss li, .product-categories li { padding: 10px 0; padding-left: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .widget_categories ul ul li, .widget_nav_menu ul ul li, .widget_archive ul ul li, .widget_links ul ul li, .widget_recent_entries ul ul li, .widget_pages ul ul li, #recentcomments ul ul li, .widget_meta ul ul li, .widget_rss ul ul li, .product-categories ul li { padding-left: 10px; border-bottom: 0; } .widget-contact-form { margin-top: 15px; } .widget_calendar #wp-calendar { width: 100%; } #wp-calendar caption { padding: 2px 0 7px 0; border-bottom: 3px solid #383838; text-align: center; text-transform: uppercase; font-weight: bold; } #wp-calendar tbody td a { color: #fdd200; } .widget_nav_menu ul ul, .widget_categories ul ul, .product-categories ul { margin-top: 7px; border-top: 1px solid #f7f7f7; } .widget_nav_menu ul ul li, .widget_categories ul ul li, .product-categories ul li { margin-left: 10px; padding-left: 0; border-bottom: 1px solid #f7f7f7; } .widget_nav_menu ul ul li:last-child, .widget_categories ul ul li:last-child, .product-categories ul li:last-child { padding-bottom: 0; border-bottom: 0; } .widget_nav_menu li.current-menu-item > a { padding-left: 5px; color: #fdd200; } #SGM { margin-top: 15px; } .rsswidget img { vertical-align: middle; } /* ------------------ 4.3 Footer -------------------*/ #footer-cta { padding: 50px 0; background-color: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.03); } .footer-cta-first { width: 100%; text-align: center; } .footer-cta-first h5 { margin-top: 2px; margin-bottom: 2px; padding: 0; letter-spacing: -1px; font-size: 30px; line-height: 1em; } .footer-cta-disc { margin-top: 5px; width: 100%; color: #777777; text-align: center; } .footer-cta-disc p { display: inline; margin: 0; padding: 0; font-size: 15px; line-height: 1.4em; } .footer-cta-button { display: block; width: 100%; vertical-align: middle; text-align: center; margin-top: 10px; } .footer-cta-button a { text-transform: uppercase; } .scroll-to-top { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: fixed; right: 15px; bottom: 15px; z-index: 100; margin-bottom: -30px; width: 35px; height: 35px; background: #ffcc00; text-align: center; cursor: pointer; } .scroll-to-top span { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; display: inline-block; margin-top: 4px; width: 35px; height: 30px; color: #ffffff; text-align: center; font-size: 26px; } .scroll-to-top:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background: #990000; } .footer-widgets { overflow: hidden; margin-top: 50px; padding-bottom: 50px; } .footer-widgets .col { margin-bottom: 0; } .footer-box { margin-bottom: 10px; color: #ffffff; } .footer-box ul { margin-left: 0; } .footer-box ul li a { color: #ffffff; } .footer-box .title { margin-bottom: 10px; padding-top: 11px; color: #ffffff; text-indent: 2px; text-transform: uppercase; letter-spacing: normal; font-weight: bold; font-size: 17px; } .footer-box:first-child .title { margin-right: -15%; } .footer-bottom { float: left; padding: 25px 0; width: 100%; height: auto; color:#000000; background-image: url(http://emmanueljal.com/wp-content/uploads/2015/01/Jal-footer-bg.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .footer-nav, .copyrights { float: left; text-transform: uppercase; letter-spacing: 2px; color:#000000; font-size: 10px; } .footer-nav li { display: inline; letter-spacing: 1px; } .footer-nav li a { margin-right: 7px; margin-left: 7px; color: #ffffff; } .footer-nav li:after { content: "/"; margin-left: 5px; } .footer-nav li:last-child:after { content: ""; } .copyrights { float: left; color: #b3b3b1; } /* Header Social Icons */ .social-profiles { float: right; margin: 0 0 0 5px; } .social-icons { margin-left: 0; list-style: none; } .social-icons li { float: left; overflow: hidden; padding: 0px; width: 25px; height: 25px; line-height: 1em; margin-right: 2px; } .social-icons li:hover { } .social-icons li:hover img { } .footer-bottom .social-profiles { display: none; margin: 0 3.06%; } .footer-box table th, table th, table td, .footer-box table th, table td { padding: 0.75em 0; text-align: center; } table th, table td { text-align: left; } /*td#prev,td#next{.opacity(0.5);}*/ .footer-widgets .widget_categories li, .footer-widgets .widget_nav_menu li, .footer-widgets .widget_archive li, .footer-widgets .widget_links li, .footer-widgets .widget_recent_entries li, .footer-widgets .widget_pages li, .footer-widgets #recentcomments li, .footer-widgets .widget_meta li, .footer-widgets .widget_rss li, .footer-widgets .widget_nav_menu ul ul li, .footer-widgets .widget_nav_menu ul ul, .footer-widgets .lp-wrapper, .footer-widgets table thead, .footer-widgets table td { border-color: #444444; border-color: rgba(255, 255, 255, 0.14); border-bottom-color: rgba(255, 255, 255, 0.14); } .footer-widgets del { color: rgba(255, 255, 255, 0.3); } .footer-widgets ins { background: #B1A74E; } /* Header Search */ #header .search-wrapper { position: absolute; top: 5px; right: 27px; z-index: 10; display: none; width: 200px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .fixed-header-scroll #header .search-wrapper { top: 5px; } #header .search-button { display: none; } .header-buttons { display: inline-block; margin-top: 8px; float: right; } .blog-non-single-post { margin-bottom: 45px; } .post { } .post-content { padding-bottom: 20px; position: relative; } .post-title { padding-bottom: 15px; padding-top: 0; font-size: 32px; font-weight: bold; line-height: 1.1; margin-bottom: 0; } .post-title a { color: #333332; } .post-title a:hover { color: #fdd200; } .post-info { padding-bottom: 10px; padding-top: 10px; line-height: 17px; letter-spacing: 2px; color: #b3b3b1; } .post-info a { color: #b3b3b1; } .post-info.bottom { float: right; padding-top: 14px; padding-bottom: 0; } .post-info.top { padding-top: 0; padding-bottom: 9px; } .page-heading { margin-bottom: 20px; padding: 0; border-bottom: 3px solid #bebebe; border-bottom: 3px solid rgba(0, 0, 0, 0.1); color: #333332; font-weight: bold; font-size: 18px; text-transform: uppercase; } .blog-single-post .social-share { float: right; margin-right: 5%; margin-bottom: 2%; max-width: 50%; } .blog-single-post .social-share .share-item { margin-right: 0; margin-left: 4px; } .blog-single-post .social-share .share-title { margin-right: 0; } .blog-single-post .post-tags { float: left; margin-top: 5px; margin-left: 5%; margin-bottom: 30px; width: 50%; text-align: left; } .post-tags a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; margin-left: 5px; padding: 0 5px; background: #f7f7f7; color: #fdd200; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } /* Blog Columns */ .blog-twocolumn .post { float: left; margin-left: 0; width: 569px; } .blog-twocolumn-sidebar .post { width: 406px; } .blog-threecolumn .qg-title, .blog-twocolumn .qg-title { display: none; } .blog-threecolumn .post { float: left; width: 369px; } .blog-post-img img { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); max-width: 100%; width: 100%; height: auto; } #blog-pagination { overflow: hidden; } /* Blog Post Types */ /* Blog Post Type Icons */ .post-content { padding: 5%; } #full-width .post-content { padding: 4%; } .post-type-icon-wrap { display: inline-block; float: left; } .format-standard .post-type-icon { background-position: -192px 1px; } .format-quote .post-type-icon { margin-left: 5px; width: 18px; height: 18px; background-position: -255px 0; } .format-gallery .post-type-icon { background-position: -32px 0; } .format-video .post-type-icon { background-position: -128px 1px; } .format-quote, .format-aside { position: relative; background-position: 3% center; background-size: 50px 50px; background-repeat: no-repeat; } .format-aside .post-type-icon-wrap { position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; color: rgba(0, 0, 0, 0.05); display: block; font-size: 70px; padding: 0; line-height: 70px; } .format-quote blockquote { margin: 0; padding: 7%; border-left-width: 0; font-size: 30px; line-height: 1.3; text-align: center; margin: auto; } .format-quote blockquote p { margin-bottom: 15px; } .format-quote blockquote:before, .format-quote blockquote:after { content: ""; display: block; width: 60px; height: 3px; background-color: #777777; margin: 10px auto; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .format-aside aside { padding: 50px; text-align: center; font-size: 20px; text-transform: uppercase; font-weight: bold; line-height: 1.3em; position: relative; z-index: 100; } .format-aside aside a { color: inherit; } .format-aside aside a:hover { color: #fdd200; } /*Blog Masonry*/ .page-masonry .post { font-size: 13px; } .page-masonry .post-title { margin: 0; padding: 0; padding-bottom: 0; margin-bottom: 5px; font-size: 24px; line-height: 1.3; } .page-masonry .post-info { padding: 7px 0px; } .page-masonry .post-info.bottom { margin-top: 7px; } .page-masonry .post-autor, .page-masonry .comments-number { display: none; } .post-gallery { position: relative; } .post-gallery a.nivo-nextNav, .post-gallery a.nivo-prevNav, .post-gallery .nivo-controlNav { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .post-gallery .nivo-wrapper:hover a.nivo-nextNav, .post-gallery .nivo-wrapper:hover a.nivo-prevNav, .post-gallery .nivo-wrapper:hover .nivo-controlNav { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .post-gallery a.nivo-prevNav { -webkit-transform-origin: -50% 100%; -moz-transform-origin: -50% 100%; -ms-transform-origin: -50% 100%; -o-transform-origin: -50% 100%; transform-origin: -50% 100%; } .post-gallery a.nivo-nextNav { -webkit-transform-origin: 150% 100%; -moz-transform-origin: 150% 100%; -ms-transform-origin: 150% 100%; -o-transform-origin: 150% 100%; transform-origin: 150% 100%; } /* -------------------- 4.6 Services Boxes ---------------------*/ .services-wrapper { width: 100%; } .services-box, .services-title-box { display: inline-block; float: none; vertical-align: top; text-align: left; font-size: 14px; line-height: 1.7em; } .services-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; position: relative; top: 0; margin-top: 10px; margin-bottom: 10px; text-align: center; font-size: 14px; line-height: 1.7em; } .services-box h3 { padding-top: 5px; padding-bottom: 0; font-weight: 600; font-size: 17px; } .services-title-box { margin-bottom: 10px; color: #777777; } .services-title-box h2 { padding-top: 0; text-transform: uppercase; font-size: 18px; line-height: 1.5em; font-weight: bold; } .services-content { padding: 10px; } .columns-wrapper { margin-bottom: 30px; } .services-default img { max-width: 100%; height: auto; } /* Services Icon Style */ .services-default .services-content { padding-bottom: 0; } .services-default .services-box { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .services-default .col { margin: 0; margin: 20px 0; padding-right: 1.6%; padding-left: 1.6%; } .services-default .services-title-box.col { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; } .services-default .services-box:first-child { border-left: none; } .services-default.cols-4 .col:nth-of-type(4n+1) { border-left: 0; } .services-default.cols-5 .col { width: 20%; } .services-default.cols-4 .col { width: 25%; } .services-default.cols-3 .col { width: 33%; } .services-default.cols-2 .col { width: 50%; } /* Services Photo Style */ .services-boxed-photo .col { margin-top: 20px; margin-bottom: 20px; } .services-boxed-photo .services-box { padding: 30px 0; background: rgba(0, 0, 0, 0.05); text-align: left; } .services-boxed-photo .services-content { margin: auto; padding: 0; max-width: 75%; } .services-boxed-photo .services-box h3 { padding: 12px 0; font-style: normal; } .services-boxed-photo .services-box h3:after { display: block; overflow: hidden; margin-top: 5px; width: 60px; height: 2px; background: #bebebe; background: rgba(0, 0, 0, 0.1); content: '-'; text-indent: -999em; } .services-boxed-photo .services-box h3 { padding-bottom: 6px; padding-top: 25px; } .services-boxed-photo .services-box img { max-width: 100%; width: 100%; height: auto; } .services-boxed-photo .services-box.col { padding-top: 0; } .services-icon .img-container { background-color: #fdd200; width: 40px; height: 40px; padding: 25px; display: block; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; margin: auto; } /* Services Circle */ .services-thumbnail { text-align: center; } .services-thumbnail h3 { margin: 0; margin: auto; margin-bottom: 2px; padding: 0; padding-top: 2px; padding-bottom: 2px; max-width: 85%; } .services-thumbnail h3:after { content: ""; display: block; width: 60px; height: 2px; background-color: #fdd200; margin: auto; margin-top: 5px; margin-bottom: 11px; position: absolute; left: 50%; margin-left: -30px; } .services-thumbnail .services-img { width: 220px; height: 220px; background-size: cover; color: #ffffff; } .services-thumbnail .services-title-box { width: 232px; text-align: left; } .services-thumbnail .services-content { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); position: absolute; top: 0; left: -12px; z-index: 100; display: table; padding: 20px; width: 180px; height: 180px; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.9); color: #252525; line-height: 1.5em; } .services-thumbnail .services-content .sc-wraper { display: table-cell; vertical-align: middle; } .services-thumbnail .services-content p { display: none; } .services-wrapper.services-thumbnail .services-box { margin-right: 40px; margin-bottom: 30px; } .services-thumbnail .services-box:after { position: absolute; top: -5px; left: -5px; z-index: 10; display: block; width: 230px; height: 230px; box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); content: ""; } .services-thumbnail .services-box .services-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 0.4 ease; -moz-transition: all 0.4 ease; -ms-transition: all 0.4 ease; -o-transition: all 0.4 ease; transition: all 0.4 ease; } .services-thumbnail .services-box:hover .services-content { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .services-thumbnail .services-content { left: 0; } .services-thumbnail .services-title-box h2 { padding: 5px 0; } .services-thumbnail .services-content h3 { color: #333332; } /* --------------- 4.7 Sliders ----------------*/ #slider-container { position: relative; overflow: hidden; } #slider-container .full-bg-image { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /* ------- Content Slider -------- */ .content-slider { position: relative; } .content-slider .section-boxed { padding: 0 5%; } .cs-small-title, .cs-title { text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2); } .cs-title { padding-top: 0; padding-bottom: 0; color: inherit; text-transform: uppercase; font-weight: bold; font-size: 60px; line-height: 1.2em; } .cs-content-centered .cs-title:before { margin: auto; } .cs-loading { background: url("images/cs-loader-w.gif") no-repeat center; background-size: 20px 20px; } .cs-small-title { margin: 0; margin-bottom: 0; text-transform: uppercase; letter-spacing: 7px; font-size: 15px; } .content-slider .button { margin-top: 18px; margin-right: 21px; padding-right: 30px; padding-left: 30px; width: auto; text-transform: uppercase; } .content-slider .arrows { position: absolute; top: 50%; margin-top: -10px; } .content-slider .arrow-prev { left: 10px; } .content-slider .arrow-next { right: 10px; } .content-slider .col { margin-bottom: 0; } .content-slider { position: relative; overflow: hidden; padding: 180px 0 130px 0; color: #ffffff; } ul#cs-slider-ul { position: relative; overflow: hidden; margin-left: 0; min-height: 320px; width: 100%; list-style: none; } #cs-slider-ul li { position: absolute; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 100%; } #cs-slider-ul .two-columns { display: none; } #cs-navigation { position: absolute; bottom: 5px; display: none; margin: 0; padding-left: 0; width: 100%; list-style: none; text-align: center; } #cs-navigation li { position: relative; display: inline-block; margin: 0; padding: 2px; width: 12px; height: 15px; cursor: pointer; } .cs-content-left, .cs-content-right { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: relative; } .cs-content-right img { float: right; } .cs-content-centered { width: 100%; text-align: center; } .cs-content-centered.col { max-width: 80%; width: 100%; } .content-slider .cs-content-centered .button { margin-right: 10px; margin-left: 10px; } .cs-layout-img-text .cs-content-right.col { margin-right: 0; } .cs-layout-img-text .cs-content-left.col { clear: left; } ul#cs-navigation li span { -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top: 2px; left: 2px; display: inline-block; width: 6px; height: 6px; background-color: #ffffff; border: 2px solid #ffffff; } #cs-navigation li.selected span { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); border: 2px solid #ffffff; background-color: transparent; } .cs-arrows { margin-top: -30px; background-color: none; } .cs-arrows:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; } .cs-prev-arrow { left: 0; background-position: left top; } .cs-thumbnail { position: absolute; height: 70px; width: 70px; max-width: none; opacity: 0; transition: all 0.5s ease; } .cs-next-arrow .cs-thumbnail { left: -50px; } .cs-prev-arrow .cs-thumbnail { right: -50px; max-width: none; } .cs-next-arrow:hover .cs-thumbnail { opacity: 1; left: -70px; max-width: none; } .cs-prev-arrow:hover .cs-thumbnail { opacity: 1; right: -70px; } #slider-container .full-bg-image { background-attachment: fixed; } .cs-content-centered { float: none; margin: 0 auto; } .cs-content-left, .cs-content-right, .cs-content-centered { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .cs-content-right { float: right; } .cs-element { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: relative; } .cs-element.cs-animate { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } ul#cs-slider-ul { -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -ms-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; overflow: visible; } ul#cs-slider-ul li { display: none; } .content-slider-wrapper { -webkit-transition: background-color 0.5s ease; -moz-transition: background-color 0.5s ease; -ms-transition: background-color 0.5s ease; -o-transition: background-color 0.5s ease; transition: background-color 0.5s ease; } /* Nivo Slider */ .nivo-slider { position: relative; overflow: hidden; width: 100%; height: auto; background: url("images/cs-loader.gif") no-repeat center center; background-size: 16px 16px; } .nivo-slider img { position: absolute; top: 0; left: 0; display: none; max-width: none; } .nivo-main-image { position: relative !important; display: block !important; width: 100% !important; } /* If an image is wrapped in a link */ .nivo-slider a.nivo-imageLink { position: absolute; top: 0; left: 0; z-index: 6; display: none; margin: 0; padding: 0; width: 100%; height: 100%; border: 0; } /* The slices and boxes in the Slider */ .nivo-slice { position: absolute; top: 0; z-index: 5; display: block; height: 100%; } .nivo-box { position: absolute; z-index: 5; display: block; overflow: hidden; } .nivo-box img { display: block; } /* Caption styles */ .nivo-caption { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; position: absolute; bottom: 0; left: 0; z-index: 8; display: none; overflow: hidden; padding: 5px 10px; width: 100%; color: #ffffff; } .nivo-caption p { margin: 0; padding: 5px; } .nivo-caption a { display: inline !important; } .nivo-html-caption { display: none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 50%; z-index: 9; cursor: pointer; } .nivo-prevNav { left: 0; text-indent: -3px; } .nivo-nextNav { right: 0; text-indent: 3px; } .rp-header .nivo-nextNav { right: 5px; } .rp-header .nivo-prevNav { left: 5px; } .post-gallery .nivo-prevNav { left: 5px; } .post-gallery .nivo-nextNav { right: 5px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position: absolute; bottom: 10px; z-index: 100; padding: 15px 0; padding: 0; width: 100%; text-align: center; line-height: 10px; } .nivo-controlNav a { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); top: 50%; display: inline-block; margin: 0 3px; width: 7px; height: 7px; background: #ffffff; border: 2px solid #ffffff; list-style: none; vertical-align: middle; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); cursor: pointer; } .nivo-controlNav a.active { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); border: 2px solid #ffffff; background: transparent; font-weight: bold; } /* Nivo Custom */ #content-container .nivoSlider { height: auto !important; background-image: url(images/cs-loader.gif); } .post-gallery .nivo-nextNav, .post-gallery .nivo-prevNav { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .nivo-nextNav:after, .nivo-prevNav:a { -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; top: -2px; left: -2px; display: block; width: 35px; height: 35px; border: 2px red solid; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; content: ""; } .nivo-nextNav:hover:after, .nivo-prevNav:hover:after { -webkit-transform: scale(1.35); -moz-transform: scale(1.35); -ms-transform: scale(1.35); -o-transform: scale(1.35); transform: scale(1.35); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .nivo-nextNav:active:after, .nivo-prevNav:active:after { -webkit-transform: scale(1.35); -moz-transform: scale(1.35); -ms-transform: scale(1.35); -o-transform: scale(1.35); transform: scale(1.35); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .nivo-nextNav:hover, .nivo-prevNav:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); color: #ffffff; } .nivo-caption { margin: 3%; padding: 9px 14px; width: auto; height: auto; border: 2px solid #ffffff; background-color: rgba(0, 0, 0, 0.07); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); letter-spacing: 2px; text-transform: uppercase; font-size: 16px; line-height: 1.3em; font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif; } .nivo-caption p { padding-left: 19px; font-size: 14px; } .post-gallery .nivo-caption { border: 0px; text-transform: none; letter-spacing: normal; font-size: 13px; } #nivo-controlNav-holder { display: block; width: 100%; height: 50px; } .nivo-wrapper { position: relative; } #slider-container .nivo-wrapper { min-height: 400px; background: url('images/cs-loader-w.gif') no-repeat center center; background-size: 15px 15px; } /* Nivo slider in content */ .custom-page-content .nivo-content { margin: 0; } .cs-type-video.loading { background: url(images/cs-loader-w.gif) no-repeat center center; background-size: 15px 15px; } .cs-layout-video-text .cs-content-right.col { margin-right: 0; } .cs-layout-video-text .cs-content-left.col { clear: left; } /* --------------- 4.8 Quick Gallery ---------------*/ .quick-gallery { margin-left: -11px; } .qg-img { position: relative; display: inline-block; float: none; margin-bottom: 10px; margin-left: 10px; vertical-align: top; } .qg-img img { width: 100%; } .qg-img a { position: relative; display: block; min-height: 50px; background: url("images/ajax-loader-small.gif") #ffffff no-repeat center center; background-size: 16px 16px; } .qg-overlay { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .qg-title { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; position: absolute; bottom: 10%; display: block; padding: 9px; width: 100%; color: #ffffff; text-align: center; font-weight: bold; font-size: 11px; } .qg-overlay:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .qg-overlay:hover .qg-title { bottom: 13px; } .qg-img .icon-circle { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); top: 14px; left: 14px; display: block; padding: 15px; } .page-masonry .qg-img img { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); width: 100%; height: auto; } .hoverable { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } img.loadable { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /* ------------------------------ 5.Widgets and Page Templates -------------------------------- */ /* Archive Page Template */ .archive-page h2 { margin: 0; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 16px; } .archive-page ul { margin-left: 0; padding-top: 12px; border-top: 1px solid #f7f7f7; list-style: none; } .archive-page .col > ul { width: 90%; } .archive-page li { padding: 6px 0; padding-left: 2px; } .archive-page ul ul li:last-child { padding-bottom: 0; border-bottom: 0; } .archive-page ul ul { margin-top: 0; margin-left: 15px; padding-top: 2px; } .archive-page a { color: #777777; } .archive-page a:hover { color: #fdd200; } /* Search Form */ .search-wrapper { position: relative; } .search-wrapper .searchform, #searchform { position: relative; } #searchform .screen-reader-text { display: none; } input[type="submit"].search-button, input[type="submit"]#searchsubmit { position: absolute; top: 9px; right: 7px; display: block; padding: 0; width: 15px; height: 20px; border: 0; background-color: transparent; background-image: url(images/search_icon-b.png); background-position: center center; background-size: 12px 12px; background-repeat: no-repeat; box-shadow: none; text-indent: -1000000000px; } input[type="text"].search-input, #searchform input[type="text"] { padding: 8px 0; width: 100%; text-indent: 12px; } .ie10 input.search-input { padding-left: 5px; } /* Search Results Page*/ .search-results .post-content { padding-top: 5%; background-color: #ffffff; } /* WP Page navigation Styles */ .wp-pagenavi { text-align: center; margin-top: -15px; } #content-container .wp-pagenavi a, #content-container .wp-pagenavi span { border: 0; } #content-container .wp-pagenavi .pages, #content-container .wp-pagenavi a.last, #content-container .wp-pagenavi a.first { display: none; } /* Portfolio Gallery Template */ .single-portfolio #content-container { padding: 60px 3%; } .pg-page-content { padding-bottom: 20px; } .pg-cat-filter { padding-top: 20px; padding-bottom: 20px; width: 100%; } .pg-cat-filter ul { display: inline-block; margin-left: 0; padding: 0; max-width: 90%; } .pg-cat-filter li { display: inline; text-transform: capitalize; font-size: 12px; cursor: pointer; } .pg-cat-filter a { -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -o-transition: color 0.2s ease; transition: color 0.2s ease; margin: auto 8px; padding: 3px 0; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-size: 13px; cursor: pointer; } .pg-cat-filter a.current { border-bottom: 2px solid #fdd200; } .pg-filter-btn { display: none; } .pg-items { margin-left: -7px; width: 5000px; } .pg-pagination { position: relative; top: 33px; float: left; width: 100%; text-align: center; } .pg-pagination ul { display: inline-block; margin: 0; padding: 0 20px; } .pg-pagination .pg-loading { position: absolute; top: 0; right: 0; float: none; margin-top: 0; background-image: url(images/cs-loader.gif); } .pg-cat-filter .pg-loading { margin-top: -1px; margin-right: 0px; } .pg-pagination li { display: inline; margin-right: 5px; } .pg-pagination li:last-child { border-right: 0; } .pg-pagination li:last-child:after { content: ""; } .pg-pagination a, #content-container .wp-pagenavi a, #content-container .wp-pagenavi span, #blog-pagination a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; margin-top: -2px; padding: 5px; width: 17px; height: 17px; outline: none; outline-style: none; outline-color: transparent; border: 1px solid rgba(0, 0, 0, 0.06); background-color: #ffffff; color: #252525; font-size: 10px; line-height: 17px; } .pg-pagination a.current, .pg-pagination a:hover, #content-container .wp-pagenavi span.current, #content-container .wp-pagenavi a:hover, #blog-pagination a:hover { background: #fdd200; color: #ffffff; } .pg-pagination a:hover, .wp-pagenavi a:hover { color: #ffffff; } #content-container .wp-pagenavi .previouspostslink, #content-container .wp-pagenavi .nextpostslink { display: none; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; line-height: 10px; } #blog-pagination a { width: auto; margin-top: 0; text-transform: uppercase; letter-spacing: 1px; padding: 5px 12px; } #blog-pagination a span { font-size: 13px; } .pg-item a { display: block; } .pg-item.masonry { float: left; } .pg-item { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: relative; display: inline-block; float: none; min-height: 100px; vertical-align: top; } .pg-spacing .pg-item { margin-bottom: 12px; margin-left: 12px; } .pg-img-wrapper { background-color: #252525; } .pg-item img, .pc-item img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .pg-item img { display: block; width: 100%; } .pg-item:hover img, .pc-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -moz-opacity: 0.6 !important; -khtml-opacity: 0.6 !important; -webkit-opacity: 0.6 !important; opacity: 0.6 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; } .pg-img-wrapper { overflow: hidden; } .pg-item h2 { width: auto; text-transform: uppercase; font-weight: normal; font-size: 18px; padding: 0; } .pg-item h2:after, .pc-item h2:after { content: ""; display: block; width: 60px; height: 2px; background-color: #fdd200; margin: auto; margin-top: 6px; margin-bottom: 11px; } .pg-item a { display: block; } .pg-img-wrapper { -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; -ms-transition: opacity 0.1s ease; -o-transition: opacity 0.1s ease; transition: opacity 0.1s ease; position: relative; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ } .pg-hover { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; top: 0; z-index: 10; width: 100%; height: 100%; } .pg-info { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; padding: 15px 0; width: 100%; height: 100%; min-height: 70px; background-color: #ffffff; text-align: left; position: relative; z-index: 10; } .pg-info:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .pg-details { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; padding: 0; width: 100%; text-align: center; } .pg-info:hover .pg-details { bottom: 25%; bottom: calc(50% - 50px); } .ie10 .pg-info:hover .pg-details { bottom: 25%; } .pg-categories { display: block; padding-top: 0px; width: 100%; color: #b3b3b1; text-transform: uppercase; letter-spacing: 2px; font-size: 10px; margin-bottom: 3px; } .icon-circle { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: absolute; top: 50%; left: 50%; z-index: 100; display: none; margin-right: -10px; margin-bottom: -10px; padding: 4px; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.7); text-align: center; } .pg-info-dis .icon-circle { bottom: 5px; } .pg-info-dis .pg-info { min-height: 0; padding: 0; } .pg-info-dis img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #portfolio-gallery { overflow: hidden; padding: 0; min-height: 300px; padding-bottom: 40px; } .pg-page-wrapper { float: left; width: 1200px; } .pg-loading { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); float: right; width: 25px; height: 25px; background: url('images/cs-loader-w.gif') no-repeat center center; background-size: 21px 21px; display: inline-block; } .pg-img-wrapper .pg-loading { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: calc(50% - 23px); left: 50%; z-index: 1000; margin-top: -25px; margin-left: -25px; padding: 5px; width: 40px; height: 40px; background: url('images/ajax-loader-bb.gif') no-repeat center center #000000; background-size: 17px 17px; } .pg-nocat-loading { position: absolute; top: -36px; right: 0; display: block; width: 16px; height: 16px; } .pg-nav-wrapper { position: relative; overflow: hidden; margin-bottom: 40px; } .pg-nocat-loading { top: 5px; left: 50%; } .pg-nocat-loading .pg-loading { background-image: url(images/cs-loader.gif); } .pg-navigation { background-color: #252525; color: #ffffff; margin: 0 -1000px; padding: 0 1000px; } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes spin { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .pg-element-loading .icon-circle:after { -webkit-transform: rotate 65deg; -moz-transform: rotate 65deg; -ms-transform: rotate 65deg; -o-transform: rotate 65deg; transform: rotate 65deg; position: absolute; top: 14px; left: 14px; width: calc(50%); height: calc(50%); border: 1px solid #252525; border-top-color: #fdd200; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; content: ''; -webkit-animation: spin 1.3s infinite linear; -moz-animation: spin 1.3s infinite linear; -o-animation: spin 1.3s infinite linear; animation: spin 1.3s infinite linear; } .pg-icon { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .pg-element-loading .pg-icon { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /* ------- Portfolio Gallery Slider -----*/ #portfolio-slider { overflow: hidden; min-height: 300px; } .portfolio-featured { margin-bottom: 30px; } .single #portfolio-slider { background: url(images/ajax-loader-small2.gif) no-repeat; background-position: center 150px; } .ps-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; position: relative; float: left; padding: 30px 3%; width: 30%; font-size: 14px; } .ps-title { margin: 0; padding: 0; color: #777777; font-weight: bold; font-size: 22px; line-height: 1.3em; text-transform: uppercase; } .ps-categories { display: inline-block; padding: 4px 0 8px 0; color: #b3b3b1; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; } .ps-content-text { margin-top: 0px; } .ps-share { bottom: 0; margin-top: 15px; margin-bottom: -2px; padding-top: 0px; } .ps-share:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ps-share .social-share { margin-top: 0; } .share-fb { position: relative; top: 1px; width: 46px; } .ps-images { position: relative; float: right; overflow: hidden; width: 70%; } .ps-fullwidth .ps-images, .ps-fullwidth .ps-content { float: none; width: 100%; } .ps-images img { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; z-index: 10; max-width: 100%; width: 100%; } .ps-video { position: relative; float: right; overflow-x: hidden; overflow-y: hidden; width: 70%; background: url(images/ajax-loader-small2.gif) no-repeat center; } .ps-video p { margin-top: 0; margin-bottom: 0; line-height: 0; } .ps-fullwidth .ps-video { float: none; width: 100%; } .ps-wrapper { display: none; margin-bottom: 30px; min-height: 200px; background-color: #ffffff; } .ps-loading { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); position: absolute; top: 50%; left: 50%; z-index: 100; margin-top: -14px; margin-left: -14px; padding: 5px; width: 21px; height: 21px; background: url('images/cs-loader.gif') no-repeat center center; background-color: #f7f7f7; background-size: 15px 15px; } .ps-imgnum { color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } /* ps new loading */ .ps-new-loading { margin: 0 auto; width: 35px; height: 35px; line-height: 0; } .ps-new-loading span { display: inline-block; width: 12px; height: 12px; margin: 2px; background: #ffffff; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; opacity: 1; } .ps-nav-loading .ps-new-loading span { animation: loading 0.7s ease infinite; -webkit-animation: loading 0.7s ease infinite; -moz-animation: loading 0.7s ease infinite; -o-animation: loading 0.7s ease infinite; } .ps-new-loading span:nth-of-type(1) { animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; } .ps-new-loading span:nth-of-type(2) { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; } .ps-new-loading span:nth-of-type(3) { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; } .ps-new-loading span:nth-of-type(4) { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; } @keyframes loading { 0 { transform: scale(1, 1); opacity: 0.8; } 50% { transform: scale(1.2, 1.2); opacity: 1; } 100% { transform: scale(1, 1); opacity: 0.8; } } @-webkit-keyframes loading { 0 { -webkit-transform: scale(1, 1); opacity: 0.8; } 50% { -webkit-transform: scale(1.2, 1.2); opacity: 1; } 100% { -webkit-transform: scale(1, 1); opacity: 0.8; } } @-moz-keyframes loading { 0 { -moz-transform: scale(1, 1); opacity: 0.8; } 50% { -moz-transform: scale(1.2, 1.2); opacity: 1; } 100% { -moz-transform: scale(1, 1); opacity: 0.8; } } @-o-keyframes loading { 0 { -o-transform: scale(1, 1); opacity: 0.8; } 50% { -o-transform: scale(1.2, 1.2); opacity: 1; } 100% { -o-transform: scale(1, 1); opacity: 0.8; } } .ie .ps-nav-loading .ps-new-loading span { display: none; } .ie .ps-nav-loading .ps-new-loading { background: url('images/cs-loader-w.gif') no-repeat center center; background-color: rgba(0, 0, 0, 0.5); background-size: 20px 20px; } .ie9 .pg-element-loading .icon-circle:after { display: none; border-width: 0; } .ie9 .pg-element-loading .icon-circle { background: url('images/cs-loader-w.gif') no-repeat center center; background-color: rgba(0, 0, 0, 0.5); background-size: 20px 20px; } /* Portfolio Gallery Navigation */ /* Navigation Container */ .ps-navigation { padding: 20px 0; } /* Previous Project Link */ .ps-prev-project-link { float: left; } /* Next Project Link */ .ps-next-project-link { float: right; text-align: right; } .ps-next-project-link span { float: right; } /* Navigation Icon Container */ .ps-icon { background-color: #fdd200; color: #252525; width: 30px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .ps-icon:hover { background-color: #ffffff; color: #252525; } .ps-next-project-link .ps-icon { text-indent: 2px; margin-left: 10px; } .ps-prev-project-link .ps-icon { text-indent: 0px; margin-right: 10px; } .ps-next-project-link:active .ps-icon { text-indent: 8px; } .ps-prev-project-link:active .ps-icon { text-indent: -8px; } /* No more next/previus projects */ .disabled.ps-next-project-link:active .ps-icon, .disabled.ps-prev-project-link:active .ps-icon { text-indent: -7px; } .ps-nav-text, .ps-back-text { color: #ffffff; letter-spacing: 2px; font-size: 13px; line-height: 30px; text-transform: uppercase; } .ps-prev-project-link .ps-nav-text { position: relative; top: -2px; } .ps-back-link { position: relative; text-align: center; } .ps-back-text { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: none; line-height: 1.3em; } .ps-back { margin-top: 1px; margin: auto; position: absolute; left: 50%; margin-left: -17px; top: inherit; } .ps-back-link { width: 30px; } .ps-back .ps-icon { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: inline-block; float: none; width: 30px; height: 30px; background: url(images/back_to_gallery.png) no-repeat center center; background-size: 26px 26px; font-size: 0; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .ps-nav-loading .ps-back .ps-icon { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); margin-top: 5px; width: 20px; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: url(images/loading-gal.gif) no-repeat center center; background-size: 20px 20px; } .ps-imgnum { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; bottom: 0px; right: 5px; z-index: 100; padding: 10px; font-size: 12px; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5); } .ps-desc { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; left: 10px; bottom: 0px; z-index: 100; display: none; padding: 5px 10px; background: url(images/trans05.png); background: #000000; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 12px; } .ps-left-arrow { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .ps-right-arrow { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .ps-images:hover .ps-desc { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); bottom: 10px; } .ps-images:hover .ps-left-arrow { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ps-images:hover .ps-right-arrow { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .ps-left-arrow:hover, .ps-right-arrow:hover { background-color: #fdd200; } /*------------ PORTFOLIO CAROUSEL -------------*/ .portfolio-carousel { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: relative; text-align: center; width: 100%; margin: 30px 0; opacity: 1 IE9; } .pc-wrapper { position: relative; float: left; clear: both; overflow: hidden; margin-left: -1px; padding-right: 1px; padding-left: 1px; width: 100%; height: auto; } .pc-item a { position: relative; display: block; font-size: 12px; } #content-container .pc-item h2, #content-container .qg-title { padding: 0; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; font-weight: normal; font-size: 18px; letter-spacing: 1px; } #content-container .qg-title { padding: 0 3%; width: 94%; font-size: 13px; } .pc-page-wrapper { float: left; } .pc-holder { position: relative; display: inline-block; margin-left: -6px; } .pc-holder .pc-item { display: block; float: left; } .pc-spacing .pc-item { padding: 0px 6px 0 6px; } .pc-wrapper img { position: relative; z-index: 1; display: block; width: 100%; vertical-align: bottom; } .pc-header { position: relative; margin-top: 20px; margin-bottom: 16px; padding-bottom: 2px; max-width: 100%; width: auto; } .pc-header .carousel-title { margin: auto; width: 100%; border-bottom: 0px; text-align: center; font-weight: bold; font-size: 16px; } .carousel-title h4.small-title, .carousel-title .link-title { display: block; margin-top: 2px; margin-bottom: 3px; width: auto; text-transform: uppercase; font-size: 18px; line-height: 1em; font-weight: 400; } .portfolio-carousel .link-title { text-transform: uppercase; letter-spacing: 2px; background: rgba(0, 0, 0, 0.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 4px 26px 8px 26px; margin-top: 20px; display: inline-block; font-weight: normal; font-size: 11px; text-align: center; } .portfolio-carousel .link-title .more-arrow { top: 1px; } .portfolio-carousel .link-title:hover { background: rgba(0, 0, 0, 0.6); } .carousel-title .link-title:before { margin-right: 7px; content: ""; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); font-style: normal; font-size: 15px; } .carousel-title .small-title { font-weight: bold; } .carousel-title .link-title .more-arrow { position: relative; top: 3px; left: -2px; } .carousel-title .link-title:hover .more-arrow { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); left: 0; } .pg-no-spacing .pg-items { margin-left: 0px; } .pc-no-spacing .pc-holder { margin-left: 0; } .portfolio-carousel { overflow: hidden; } .pc-item { width: 137px; } .pc-item .pg-img-wrapper { /*background-image: url(images/ajax-loader-small.gif);*/ background-repeat: no-repeat; background-position: center center; background-size: 16px 16px; } .pc-next, .pc-prev { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-left-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: absolute; top: 50%; margin-top: -26px; right: 0; padding: 4px; width: 25px; height: 45px; background-color: #000000; background-color: rgba(0, 0, 0, 0.73); color: #ffffff; text-align: center; font-size: 14px; cursor: pointer; z-index: 10; } .pc-next:hover, .pc-prev:hover { border-color: transparent; background-color: #fdd200; } .pc-next:active, .pc-prev:active { text-indent: 3px; } .ie9 .pc-next, .ie9 .pc-prev { padding-top: 6px; } .ie9 .pc-prev { padding-right: 6px; } .ie9 .pc-next { padding-left: 6px; } .pc-prev { left: 0; background-position: left top; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .pc-prev:active { text-indent: -3px; } .ps-navigation .disabled { -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); cursor: default; } .pc-wrapper .icon-circle, .pg-item .icon-circle, .qg-img .icon-circle { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 50%; left: 50%; z-index: 15; display: block; margin-top: -30px; margin-left: -30px; padding: 0; padding: 10px; background: #fdd200; } .pg-element-loading .icon-circle { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .qg-overlay .icon-circle { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .pc-item a:hover .icon-circle, .pg-item:hover .icon-circle { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .qg-overlay:hover .icon-circle { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .pg-element-loading .pg-info .pg-icon { background: url('images/ajax-loader.gif') no-repeat center center; background-image: none; background-size: 15px 15px; } .pg-element-loading .pg-info { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .pg-element-loading .icon-circle { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); display: inline-block; } .pc-no-title .pc-header { margin: 7px 0; border-bottom: 0; } .pc-no-title .carousel-title { font-size: 18px; } /* ------ jScrollPane CSS ------ */ .jspContainer { position: relative; overflow: hidden; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 12px; right: 20px; width: 16px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; display: none; width: 100%; height: 16px; background: #1a1a1a; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { position: relative; } .jspDrag { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; left: 30px; width: 5px; background: none repeat scroll 0 0 #eee; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { display: block; background: #50506d; text-indent: -20000px; cursor: pointer; } .jspArrow.jspDisabled { background: #80808d; cursor: default; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { float: left; width: 16px; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { float: left; height: 100%; background: #eeeef4; } .password-content-box { margin-top: 40px; } /*------ Testimonials ------------*/ .testimonial-container { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; } .testimonial-container h2 { display: block; padding: 3px 0; padding-top: 12px; color: inherit; font-weight: normal; font-style: normal; font-size: 18px; } .testimonial-container blockquote { padding-left: 0; max-width: 80%; width: 80%; border-left-width: 0px; text-align: center; margin: auto; } .testimonial-wrapper { overflow: hidden; margin: auto; width: 90%; } .testimonial-info blockquote:before { content: 'red'; font-size: 20px; } .section-boxed blockquote { margin-bottom: 0; font: italic 170%/150% Georgia, "Times New Roman", Times, serif; } .custom-page-content .section-boxed blockquote { margin-bottom: 0; } .custom-page-content { min-height: 300px; } .testimonial-info { /*float: left;*/ max-width: 50%; width: 50%; text-align: center; margin: auto; } .testimonials-details { text-align: center; font-size: 12px; } .testimonials-details a { color: #fdd200; } .testimonials-details span { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); display: inline-block; text-transform: uppercase; letter-spacing: 1px; } .testimonial-img { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; margin-top: 14px; max-width: 90px; height: auto; } .testimonial-slider { position: relative; margin-right: auto; margin-left: auto; min-height: 100px; padding-bottom: 50px; } .ts-arrow { position: absolute; bottom: 0; margin-right: -32px; cursor: pointer; color: #ffffff; width: 30px; height: 30px; font-size: 16px; line-height: 30px; text-align: center; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; z-index: 20; background-color: rgba(0, 0, 0, 0.8); } .ts-arrow:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: #fdd200; } .ts-left-arrow { left: 50%; margin-left: -32px; text-indent: -3px; } .ts-right-arrow { right: 50%; text-indent: 2px; } .format-quote blockquote blockquote { padding: 0; } .format-quote blockquote blockquote:before, .format-quote blockquote blockquote:after { display: none; } /*-----Social Share Icons------*/ .social-share { clear: both; margin-top: 20px; } .social-share ul { display: inline-block; margin-left: 0; } .social-share ul li { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 3px; } .share-title, .post-tag-title { display: inline-block; margin-top: -8px; margin-right: 5px; vertical-align: middle; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } .share-title { margin-right: 7px; margin-bottom: 5px; padding-right: 7px; } .post-tag-title { margin-top: 0; } .share-item { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; display: inline-block; overflow: hidden; margin-right: 7px; width: 16px; height: 16px; background-image: url(images/px_sprites_w.png); background-size: 528px 16px; background-repeat: no-repeat; cursor: pointer; } .social-share { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .social-share:hover { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .post .social-share { margin-top: 10px; } .post .social-share + .clear { display: none; } .page .social-share { float: left; } .share-item { -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .share-item:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .share-fb { position: relative; top: 0px; background-color: #3d599b; background-position: -445px 3px; } .share-tw { background-color: #60d7fd; background-position: -477px 3px; } .share-gp { background-color: #e54a4f; background-position: -413px 3px; } .share-pn { background-color: #E85D3A; background-position: -509px 3px; } .page-template-template-full-custom-php .social-share { float: none; margin-bottom: 10px; text-align: center; } .custom-page-content > p { /* Hide custom page p tag between sections */ margin: 0; } /*----404 page not found -----*/ #not-found { margin: auto; width: 300px; text-align: center; margin-top: 45px; } #not-found h1 { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: auto; padding: 0; width: 200px; height: 200px; border: 8px solid #f7f7f7; color: #f7f7f7; text-align: center; font-weight: normal; font-size: 100px; line-height: 200px; font-family: arial; } #not-found h2 { padding: 20px 0; text-align: center; font-size: 14px; font-weight: normal; } /* Latest Post Loader Widget*/ .lp-wrapper { padding: 3px 0 2px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .lp-wrapper img { margin-right: 10px; margin-bottom: 5px; } .lp-wrapper .img-frame { padding: 3px; } .lp-title { display: block; margin-top: 13px; vertical-align: middle; line-height: 1.5em; } .lp-title a { color: #252525; } .lp-post-info { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .footer-widgets .lp-title a { color: #ffffff; } .lp-title a:hover { color: #fdd200; } .lp-post-info a { color: inherit; text-transform: uppercase; font-size: 10px; } .sidebar-box .recentcomments a { color: #777777; } /* Portfolio Post Loader Widget*/ .portfolio-items-widget { overflow: hidden; padding-top: 7px; } .portfolio-items-widget li { float: left; margin-right: 3.2%; padding-bottom: 8px; width: 22.2%; } .portfolio-items-widget li:nth-of-type(4n) { margin-right: 0; } .portfolio-items-widget img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; max-width: 100%; width: 100%; } .portfolio-items-widget img:hover { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } /* From The Blog Section */ .pexeto-recent-posts { margin: 30px 0; text-align: left; color: inherit; } .pexeto-recent-posts blockquote { font: italic 125%/150% Georgia, "Times New Roman", Times, serif; } .pexeto-recent-posts .format-quote, .pexeto-recent-posts .format-aside { -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); margin: 1px; } .pexeto-recent-posts a.nivo-nextNav, .pexeto-recent-posts a.nivo-prevNav, .pexeto-recent-posts .nivo-controlNav { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); margin-top: -44px; } .pexeto-recent-posts .nivo-wrapper:hover a.nivo-nextNav, .pexeto-recent-posts .nivo-wrapper:hover a.nivo-prevNav, .pexeto-recent-posts .nivo-wrapper:hover .nivo-controlNav { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .pexeto-recent-posts a.nivo-prevNav { -webkit-transform-origin: -50% 100%; -moz-transform-origin: -50% 100%; -ms-transform-origin: -50% 100%; -o-transform-origin: -50% 100%; transform-origin: -50% 100%; } .pexeto-recent-posts a.nivo-nextNav { -webkit-transform-origin: 150% 100%; -moz-transform-origin: 150% 100%; -ms-transform-origin: 150% 100%; -o-transform-origin: 150% 100%; transform-origin: 150% 100%; } .pexeto-recent-posts .nivo-caption { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; visibility: hidden; } .pexeto-recent-posts .format-aside aside, .pexeto-recent-posts .format-quote blockquote { margin-left: 0; border-left: 0px; } .rp-title { margin: auto; padding-bottom: 20px; width: 100%; border-bottom: 0px; text-align: left; text-transform: uppercase; font-weight: bold; font-size: 20px; } .rp-post-title { padding: 20px 0 4px 0; font-size: 18px; line-height: 1.4em; } .rp-post-title a { color: inherit; } .rp-header img { width: 100%; } .post-type-icon-wrap { display: none; } /* List Style Blod Section */ .rp-list ul { margin-left: 0; list-style: none; } .rp-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.06); text-align: center; padding: 25px 0; } .rp-list h3 { display: inline-block; padding: 0; font-size: 20px; } .rp-list a { color: inherit; } .rp-list .rp-info { display: inline-block; width: auto; } .rp-list .rp-title { font-weight: bold; text-align: center; } .rp-list .rp-info h3:after { content: "/"; margin: 0 10px; } .rp-list .rp-info h3:before { content: "/"; margin: 0 10px; } .rp-list .rp-cat a { margin-left: 0; } .rp-columns .read-more { padding-top: 7px; } .section-full-width .rp-list h3 { color: inherit; } .rp-list li:hover { background-color: rgba(0, 0, 0, 0.02); } .rp-date { display: inline-block; text-align: right; min-width: 200px; } .rp-cat { text-align: left; min-width: 200px; display: inline-block; } .rp-cat a { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); margin-left: 2%; } .rp-cat a, .rp-date { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); text-transform: uppercase; letter-spacing: 2px; } /* END List Style Blod Section */ /* Full-Width Custom Page Sections */ .section-full-width { box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.03) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.03) inset; } #content-container .section-full-width .section-boxed { margin: 90px auto; } .section-full-width .section-title { margin: 0; padding: 0; text-align: left; text-transform: uppercase; letter-spacing: -2px; font-weight: bold; font-size: 40px; line-height: 1.3em; } .section-full-width .sub-title { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); margin: 0; margin-bottom: 1em; padding: 0; font-size: 20px; line-height: 1.3em; } .section-full-width .services-box, .section-full-width .services-title-box { color: inherit; } .section-full-width h1, .section-full-width h2, .section-full-width h3, .section-full-width h4, .section-full-width h5, .section-full-width h6 { color: inherit; } /* Section Light */ .section-light { background: #f7f7f7; text-align: left; } .section-light .section-title { display: table; margin-right: auto; margin-bottom: 35px; margin-left: auto; text-align: center; letter-spacing: -3px; font-weight: normal; } .section-light .section-title:before { content: ""; display: block; background-color: #fdd200; width: 30%; height: 2px; margin: auto; margin-bottom: 3px; } .section-light .sub-title { margin: 0; margin-bottom: 12px; color: #102119; text-align: center; line-height: 1em; } .section-light h4.sub-title { text-transform: uppercase; letter-spacing: 5px; font-style: normal; font-size: 14px; font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif; } .content .section-light h1, .content .section-light h2, .content .section-light h3, .content .section-light h4, .content .section-light h5, .content .section-light h6 { color: #102119; } /* Section Light 2 */ .section-light2 { background: #EDF5F7; } .section-light2 .section-title { margin-bottom: 0px; text-align: center; text-transform: capitalize; font-weight: normal; display: table; margin: auto; } .section-light2 .section-title:after { content: ""; display: block; width: 62%; height: 2px; background: #fdd200; margin: auto; margin-top: 11px; margin-bottom: 5px; } .section-light2 .sub-title { margin-bottom: 35px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; margin-top: 14px; } .content .section-light2 h1, .content .section-light2 h2, .content .section-light2 h3, .content .section-light2 h4, .content .section-light2 h5, .content .section-light2 h6 { color: #252525; } /* Section Light With Background Image */ .section-light-bg { position: relative; background-color: #f7f7f7; background-position: center; background-size: cover; color: #373737; } .section-light-bg .section-title, .section-light-bg .sub-title { display: table; padding: 10px 0 ; color: #373737; } .section-light-bg .section-title { margin-bottom: 10px; font-weight: bold; } .section-light-bg .section-title:after { content: ""; width: 62%; display: block; height: 2px; background: #fdd200; margin-top: 10px; margin-bottom: 2px; } .section-light-bg .sub-title { padding: 7px; text-transform: uppercase; font-style: normal; font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif; font-size: 16px; letter-spacing: 2px; } .content .section-light-bg h1, .content .section-light-bg h2, .content .section-light-bg h3, .content .section-light-bg h4, .content .section-light-bg h5, .content .section-light-bg h6 { color: #373737; } /* Section Dark */ .section-dark { background: #252525; color: #ffffff; } .section-dark .section-title { margin-bottom: 5px; color: #ffffff; text-align: center; letter-spacing: normal; display: table; margin: auto; } .section-dark .section-title:after { content: ""; width: 62%; display: block; height: 2px; background: #fdd200; margin: auto; margin-top: 4px; margin-bottom: 7px; } .section-dark .sub-title { margin: auto; margin-bottom: 1.1em; text-align: center; } .section-dark .sub-title + * { margin-top: 30px; } .content .section-dark h1, .content .section-dark h2, .content .section-dark h3, .content .section-dark h4, .content .section-dark h5, .content .section-dark h6 { color: #ffffff; } .content .section-dark .services-thumbnail .services-content h3 { color: #333332; } .section-dark .pg-info { background-color: rgba(255, 255, 255, 0.07); } .testimonial-container .double-line { margin-bottom: 15px; border-top: 0 solid #383838; } /* Section Dark With Background Image */ .section-dark-bg { position: relative; background-color: #3ca4cf; background-position: center; background-size: cover; color: #ffffff; } .section-dark-bg .section-title, .section-dark-bg .sub-title { color: #ffffff; } .section-dark-bg .sub-title { display: table; margin-bottom: 1.1em; width: auto; text-transform: uppercase; font-style: normal; font-weight: normal; line-height: 1.7em; font-size: 16px; letter-spacing: 2px; } .section-dark-bg .section-title { margin-bottom: 3px; font-weight: normal; text-transform: none; } .content .section-dark-bg h1, .content .section-dark-bg h2, .content .section-dark-bg h3, .content .section-dark-bg h4, .content .section-dark-bg h5, .content .section-dark-bg h6 { color: #ffffff; } .content .section-dark-bg .services-thumbnail .services-content h3 { color: #333332; } .section-dark-bg .pg-info { background-color: rgba(255, 255, 255, 0.07); } .section-dark-bg .services-default .services-box { border-left-color: rgba(255, 255, 255, 0.21); } .bg-image-1 { position: relative; padding: 50px 0; min-height: 600px; background-position: center; background-size: cover; } .section-half-width .cols-wrapper { margin-right: auto; margin-left: auto; width: 50%; font-size: 16px; } /* Section Custom */ .content .section-custom h1, .content .section-custom h2, .content .section-custom h3, .content .section-custom h4, .content .section-custom h5, .content .section-custom h6 { color: inherit; } /* CTA Circle */ .cta-element { margin: auto; padding: 20px 0; text-align: center; } .content .cta-element .cta-title { margin: 0; font-size: 32px; line-height: 45px; -webkit-font-smoothing: antialiased; } .cta-title:after { display: block; overflow: hidden; margin: auto; margin-top: 13px; width: 70px; height: 2px; background: rgba(0, 0, 0, 0.3); content: ''; text-indent: -999em; } .content .cta-element .cta-small-title { margin: 0; padding: 0; text-transform: uppercase; letter-spacing: 6px; font-size: 12px; line-height: 12px; opacity: 0.5; } .cta-element .button { margin-top: 8px; } .full-bg-image { position: absolute; right: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; } .parallax-scroll .full-bg-image { -webkit-transition: top 0.05s ease; -moz-transition: top 0.05s ease; -ms-transition: top 0.05s ease; -o-transition: top 0.05s ease; transition: top 0.05s ease; height: 160%; } .pexeto-parallax .sl-icons li { opacity: 1; /* OVERWRITE THE EXISTING CSS */ } .parallax-element { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .ie10 .parallax-scroll .full-bg-image { -webkit-transition: top 0.3s ease; -moz-transition: top 0.3s ease; -ms-transition: top 0.3s ease; -o-transition: top 0.3s ease; transition: top 0.3s ease; } .parallax-fixed .full-bg-image { background-attachment: fixed; } .section-full-width { position: relative; overflow: hidden; } /* END Full-width section */ /* Full-Width Slider Page template */ .page-template-template-fullscreen-slider-php #content-container { padding: 0; } .page-template-template-fullscreen-slider-php .header-wrapper { position: fixed; z-index: 100; width: 100%; } .page-template-template-fullscreen-slider-php .page-wrapper { background-color: inherit; } .page-template-template-fullscreen-slider-php .header-wrapper { background-color: #180706; min-height: 0; } .section-slider img { width: 100%; } .section { position: relative; } .section .tableCell { padding-left: 3%; padding-right: 3%; } .section-slider { padding: 0 !important; } .section-slider .tableCell { padding-left: 0; padding-right: 0; } .section-title { font-size: 35px; letter-spacing: -1px; line-height: 1em; padding: 0; margin: 0; padding-bottom: 10px; } .section-desc { line-height: 1.5em; padding-top: 0; } .section-text, .section-textimg { background-position: center center; background-size: cover; } .section-text .section-title, .section-textimg .section-title, .section-text .section-desc, .section-textimg .section-desc { color: #ffffff; } .section-text .section-title, .section-text .section-desc { max-width: 600px; } .section-text .section-title { padding-bottom: 7px; } .section-text .section-desc p { margin: 0; } .section-content .button { margin-top: 13px; } /* Section Text Layout Center Center */ .layout-cc { width: 100%; text-align: center; } .layout-cc .section-content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; } .layout-cc .section-title, .layout-cc .section-desc { margin: auto; } /* Section Text Layout Center Top */ .layout-ct { text-align: center; } .layout-ct .section-content { margin-top: 3%; } .layout-ct .section-title, .layout-ct .section-desc { margin: auto; } /* Section Text Layout Center Bottom */ .layout-cb { text-align: center; } .layout-cb .section-content { position: absolute; bottom: 50px; width: 100%; } .layout-cb .section-title, .layout-cb .section-desc { margin: auto; } /* Section Text Layout Left Top */ .layout-lt .section-content { margin-left: 3%; margin-top: 3%; } /* Section Text Layout Left Center */ .layout-lc { width: 100%; } .layout-lc .section-content { padding-left: 3%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); vertical-align: middle; } /* Section Text Layout Left Bottom */ .layout-lb .section-content { margin-left: 3%; position: absolute; bottom: 50px; } /* Section Text Layout Right Top */ .layout-rt .section-content { float: right; margin-top: 3%; margin-right: 50px; } /* Section Text - Layout Right Center */ .layout-rc { width: 100%; } .layout-rc .section-content { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); float: right; vertical-align: middle; margin-right: 50px; } /* Section Text - Layout Right Bottom */ .layout-rb .section-content { margin-right: 50px; position: absolute; bottom: 50px; right: 0; } /* Section Text And Images - Layout Image on Left */ .section-wrapper:after { content: ""; display: block; clear: both; } .layout-left .section-wrapper { max-width: 1200px; margin: auto; width: 90%; } .layout-left .section-img { max-width: 66%; float: left; margin-right: 3%; } .layout-left .section-content { float: left; max-width: 27%; width: 27%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; } .layout-left > .section-wrapper, .layout-right > .section-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .layout-bottom > .section-wrapper, .layout-top > .section-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Section Text And Images - Layout Image on Right */ .layout-right .section-wrapper { max-width: 1200px; margin: auto; width: 90%; } .layout-right .section-img { max-width: 66%; float: right; margin-left: 3%; } .layout-right .section-content { float: left; max-width: 27%; width: 27%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; /*padding-left: 5%;*/ } /* Section Text And Images - Layout Centered */ .layout-top .section-wrapper, .layout-bottom .section-wrapper { max-width: 980px; text-align: center; margin-left: auto; margin-right: auto; } .layout-top .section-img, .layout-bottom .section-img { margin-bottom: 3%; } .layout-top .section-img img, .layout-bottom .section-img img { max-height: 70%; } .layout-top .section-title, .layout-bottom .section-title { padding-bottom: 10px; } .layout-bottom .section-img { margin-bottom: 0; margin-top: 3%; } /* Fullscreen Slider Template */ #fullPage-nav span, .fullPage-slidesNav span { border-color: rgba(0, 0, 0, 0.5); background-color: rgba(255, 255, 255, 0.2); } #fullPage-nav li .active span, .fullPage-slidesNav .active span { background-color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0); } .fullpage-wrapper.loading { background: url('images/cs-loader.gif') no-repeat center center; background-size: 15px 15px; } .loading .fullpage-nav li.current { background: url('images/cs-loader-w.gif') no-repeat center center; background-color: rgba(0, 0, 0, 0.5); background-size: 10px 10px; } .section-slider .slide { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; } .slide-caption { position: absolute; left: 45px; bottom: 40px; background: rgba(0, 0, 0, 0.7); color: #ffffff; text-transform: uppercase; padding: 9px 16px; transition: opacity 0.5s ease; opacity: 0; letter-spacing: 2px; font-size: 13px; } .fullpage-data { position: fixed; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .fullpage-nav li { width: 12px; height: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #ffffff; display: block; opacity: 0.8; margin: 7px 0; cursor: pointer; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07); } .fullpage-nav li.current { opacity: 0.3; } .page-template-template-fullscreen-slider-php { background: #b3b3b1; } .page-template-template-fullscreen-slider-php:before { content: ""; width: 30px; height: 30px; position: fixed; top: 50%; left: 50%; background: url('images/cs-loader-w.gif'); background-size: 30px 30px; } .mobile.page-template-template-fullscreen-slider-php:before { content: ""; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; background: url('images/cs-loader-w.gif'); background-size: 30px 30px; } .fullpage-wrapper { transition: opacity 0.5s ease; } .fullpage-wrapper.loading { opacity: 0; } .section-bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-template-template-fullscreen-slider-php #header { position: fixed; top: 0; left: 0; } .mobile.page-template-template-fullscreen-slider-php #header { position: absolute; } .section { width: 100%; padding-top: 75px; padding-bottom: 35px; background-color: #b3b3b1; } .section { overflow: hidden; } .jspVerticalBar { top: 0px; } .section-wrapper > .element-animated, .section > .element-animated, .slide .element-animated { -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .fadeIn { -webkit-animation-duration: 1s; animation-duration: 1s; } .slideInRight, .slideInUp, .slideInLeft { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .slideInRightFast { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes slideInRight { 0% { opacity: 0; right: -300px; } 100% { opacity: 1; right: 0; } } @keyframes slideInRight { 0% { opacity: 0; right: -300px; } 100% { opacity: 1; right: 0; } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { opacity: 0; margin-top: 300px; } 100% { opacity: 1; margin-top: 0; } } @keyframes slideInUp { 0% { opacity: 0; margin-top: 300px; } 100% { opacity: 1; margin-top: 0; } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; left: -300px; } 100% { opacity: 1; left: 0; } } @keyframes slideInLeft { 0% { opacity: 0; left: -300px; } 100% { opacity: 1; left: 0; } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRightFast { 0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRightFast { 0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRightFast { -webkit-animation-name: slideInRightFast; animation-name: slideInRightFast; } .section-content, .section-img { border: 1px solid transparent; } .mobile .fullpage-wrapper { opacity: 1; } .mobile #superContainer { -webkit-transform: none !important; overflow: auto !important; } .mobile .fullpage-wrapper.loading { opacity: 1; } .mobile .section-text, .mobile .section-textimg { height: auto !important; } .mobile.page-template-template-fullscreen-slider-php .header-wrapper { position: static; padding-top: 89px !important; } body.page-template-template-fullscreen-slider-php.mobile { overflow: auto !important; height: auto !important; } .mobile .section .section-img { float: none; max-width: none; margin: 0; width: 90%; padding: 5%; } .mobile .section .section-content { float: none; width: 90%; max-width: none; padding: 5%; } .mobile .section .section-wrapper { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0; } .mobile .section .section-content { -webkit-transform: none; top: 0; position: static; } .mobile .layout-top .section-wrapper, .mobile .layout-bottom .section-wrapper { max-width: none; } .mobile .fullpage-data { display: none; } /* ------------------------------ END Widgets and Page Templates -------------------------------- */ /* ------------------------------ 6. Others -------------------------------- */ /* ------------ ICON FONTS CSS -------------*/ /*------ Icon Fonts Arrows --------*/ @font-face { font-weight: normal; font-style: normal; font-family: 'PexetoArrows'; src: url('images/fonts/PexetoArrows.eot'); src: url('images/fonts/PexetoArrows.eot?#iefix') format('embedded-opentype'), url('images/fonts/PexetoArrows.woff') format('woff'), url('images/fonts/PexetoArrows.ttf') format('truetype'), url('images/fonts/PexetoArrows.svg#PexetoArrows') format('svg'); } .icon-arrow-left, .icon-arrow-down, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left-2, .icon-arrow-down-2, .icon-arrow-up-2, .icon-arrow-right-2, .nivo-prevNav, .nivo-nextNav, .left-arrow, .right-arrow, .ps-left-arrow, .ps-right-arrow, .cs-arrows, .pc-next, .pc-prev, .scroll-to-top span, .ts-left-arrow, .ts-right-arrow, .mob-nav-arrow span, .mob-sub-opened span, .controlArrow.prev, .controlArrow.next { text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'PexetoArrows'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .nivo-prevNav, .nivo-nextNav, .left-arrow, .right-arrow, .ps-left-arrow, .ps-right-arrow, .cs-next-arrow, .cs-prev-arrow, .ps-left-arrow, .ps-right-arrow { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; line-height: 70px; } .nivo-prevNav:hover, .nivo-nextNav:hover, .left-arrow:hover, .right-arrow:hover, .ps-left-arrow:hover, .ps-right-arrow:hover, .cs-next-arrow:hover, .cs-prev-arrow:hover, .ps-left-arrow:hover, .ps-right-arrow:hover { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .nivo-prevNav, .left-arrow, .cs-prev-arrow { text-indent: -5px; } /* animate the arrow on click */ .nivo-prevNav:active, .left-arrow:active, .cs-prev-arrow:active { text-indent: -12px; } .ps-left-arrow:active, .ps-left-arrow:active { text-indent: -7px; } .ps-icon, .ts-arrow { line-height: 30px; } .nivo-nextNav, .right-arrow, .ps-right-arrow, .cs-next-arrow, .ps-right-arrow { text-indent: 0px; } /* animate the arrow on click */ .nivo-nextNav:active, .right-arrow:active, .ps-right-arrow:active, .cs-next-arrow:active, .ps-right-arrow:active { text-indent: 3px; } .pc-next, .pc-prev { line-height: 45px; } .icon-arrow-left:before, .nivo-prevNav:before, .cs-prev-arrow:before, .pc-prev:before, .ps-left-arrow:before, .ts-left-arrow:before { content: "\e000"; } .icon-arrow-right:before, .nivo-nextNav:before, .cs-next-arrow:before, .pc-next:before, .ps-right-arrow:before, .ts-right-arrow:before { content: "\e001"; } .icon-arrow-down:before { content: "\e001"; } .icon-arrow-up:before, .scroll-to-top span:before { content: "\e002"; } .icon-arrow-left-2:before { content: "\e002"; } .icon-arrow-down:before { content: "\e003"; } .icon-arrow-up:before { content: "\e004"; } .icon-arrow-left-3:before { content: "\e006"; } .icon-arrow-down-2:before, .mob-nav-arrow span:before { content: "\e007"; } .icon-arrow-up-2:before, .scroll-to-top span:before, .mob-sub-opened span:before { content: "\e008"; } .icon-arrow-right-2:before { content: "\e009"; } .icon-arrow-down-3:before { content: "\e00a"; } .icon-arrow-up-3:before { content: "\e00b"; } /* Icons Fonts Icons*/ @font-face { font-weight: normal; font-style: normal; font-family: 'PexetoIcons'; src: url('images/fonts/PexetoIcons.eot'); src: url('images/fonts/PexetoIcons.eot?#iefix') format('embedded-opentype'), url('images/fonts/PexetoIcons.woff') format('woff'), url('images/fonts/PexetoIcons.ttf') format('truetype'), url('images/fonts/PexetoIcons.svg#PexetoIcons') format('svg'); } .icon-page, .icon-lightbox, .icon-photo, .icon-resize-full, .icon-camera, .icon-note, .icon-video, .icon-external-link, .icon-link, .icon-clip, .smallslider-icon, .fullslider-icon, .fullslider-icon, .smallslider-icon, .lightbox-icon, .icon-document, .standard-icon, .video-icon, .fullvideo-icon, .smallvideo-icon, .custom-icon, .icon-basket, .pex-woo-cart-btn, .format-aside .post-type-icon { text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'PexetoIcons'; line-height: 1; speak: none; -webkit-font-smoothing: antialiased; } .icon-photo:before, .smallslider-icon:before, .fullslider-icon:before, .fullslider-icon:before, .smallslider-icon:before { content: "\f701"; } .icon-resize-full:before { content: "\f704"; } .icon-lightbox:before, .icon-camera:before, .lightbox-icon:before { content: "\f704"; } .icon-page:before, .icon-note:before, .icon-document:before, .standard-icon:before { content: "\f703"; } .icon-video:before, .video-icon:before, .fullvideo-icon:before, .smallvideo-icon:before { content: "\f702"; } .icon-external-link:before { content: "\f705"; } .icon-link:before, .icon-link:before, .custom-icon:before, .format-aside .post-type-icon:before { content: "\f705"; } .icon-clip:before { content: "\f702"; } .icon-basket:before, .pex-woo-cart-btn:before { content: "\f706"; } /* Icons PG-Items Sprites */ .pg-icon { font-size: 30px; line-height: 40px; color: #252525; } /* LightBox Theme Design */ div.pp_overlay { position: fixed; } div.pp_default .pp_top { height: 0; } div.pp_default .pp_content_container .pp_left, div.pp_default .pp_content_container .pp_right, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_right { background: none; } div.pp_default .pp_nav { margin-right: 7px; margin-left: 7px; padding-right: 7px; width: auto; height: 17px; border-right: 1px dotted #b3b3b1; } div.pp_default a.pp_arrow_previous { margin-top: 0; width: 12px; height: 20px; background: url(images/prettyPhoto/pexeto/sprite.png) -33px -3px no-repeat; } div.pp_default a.pp_arrow_next { margin-top: 0; width: 12px; height: 20px; background: url(images/prettyPhoto/pexeto/sprite.png) no-repeat; background-position: -88px -3px; } div.pp_default .pp_nav .currentTextHolder { position: static; top: 0; left: 0; padding: 0 2px; letter-spacing: 1px; font-style: normal; font-family: helvetica,Arial; line-height: 19px; } div.pp_default .pp_close { width: 20px; height: 17px; border-left: 1px dotted #b3b3b1; background: url(images/prettyPhoto/pexeto/sprite.png) 0 -4px no-repeat; cursor: pointer; } div.pp_default .pp_overlay { opacity: 0.9 !important; } div.pp_default .pp_next { background: url(images/prettyPhoto/pexeto/sprite_next.png) center right no-repeat; background-position: 97% 50%; cursor: pointer; } div.pp_default .pp_next:hover { background: url(images/prettyPhoto/pexeto/sprite_next.png) center right no-repeat; background-position: 97% 50%; } div.pp_default .pp_previous { background: url(images/prettyPhoto/pexeto/sprite_prev.png) center left no-repeat; background-position: 3% 50%; cursor: pointer; } div.pp_default .pp_previous:hover { background: url(images/prettyPhoto/pexeto/sprite_prev.png) center left no-repeat; background-position: 3% 50%; cursor: pointer; } div.pp_default .pp_expand { width: 28px; height: 28px; background: url(images/prettyPhoto/pexeto/sprite.png) 0 -29px no-repeat; cursor: pointer; } div.pp_default .pp_expand:hover { background: url(images/prettyPhoto/pexeto/sprite.png) 0 -56px no-repeat; cursor: pointer; } div.pp_default .pp_contract { width: 28px; height: 28px; background: url(images/prettyPhoto/pexeto/sprite.png) 0 -84px no-repeat; cursor: pointer; } div.pp_default .pp_contract:hover { background: url(images/prettyPhoto/pexeto/sprite.png) 0 -113px no-repeat; cursor: pointer; } div.pp_default a.pp_expand, div.pp_default a.pp_contract { top: 5px; right: 30px; } div.pp_default .pp_close { margin-top: 0; margin-right: 10px; } div.pp_default .pp_social { margin-top: 0; margin-left: 10px; } div.pp_default .pp_description { margin: 3px 50px 0 10px; } div.pp_default .pp_nav { margin: 0; margin-right: 10px; margin-left: 10px; } div.pp_default .pp_content_container .pp_details { margin: 0 0; } div.pp_default .pp_content_container .pp_details { margin-top: 9px; } /*END LightBox Theme Design*/ .pex-tooltip { display: none; } .animated-element { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } pre { overflow: auto; } ul.menu-ul > li, div.menu-ul > ul > li { padding-bottom: 10px; } ul.mob-nav-menu > li, div.mob-nav-menu > ul > li { padding-bottom: 0; } .contact-loader, #content-container .nivoSlider, .single #portfolio-slider, .ps-video { background-size: 16px 16px; } .pexeto-parallax .services-box { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .pexeto-parallax.services-thumbnail .services-box { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } .parallax-scaled-original, .services-thumbnail .services-box.parallax-scaled-original { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .slider-active #header { position: absolute; z-index: 100; width: 90%; } /* Sticky menu */ .fixed-header #header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: fixed; top: 0; width: 90%; z-index: 500; } .fixed-header .page-wrapper { -webkit-transition: padding-top 0.3s ease; -moz-transition: padding-top 0.3s ease; -ms-transition: padding-top 0.3s ease; -o-transition: padding-top 0.3s ease; transition: padding-top 0.3s ease; padding-top: 0 !important; } .fixed-header-scroll #header { padding-top: 7px; padding-bottom: 7px; width: 90%; background: #180706; } .fixed-header-scroll .section-header { padding: 0; border-bottom: 0; } .fixed-header-scroll .nav-menu ul { margin-top: 11px; } .fixed-header-scroll .nav-menu > ul > li > ul { padding-top: 13px; } .fixed-header-scroll div.menu-ul > ul > li > ul { margin-top: 3px; } .admin-bar.fixed-header #header { top: 28px; } .fixed-header-scroll #logo-container { margin-top: 3px; } .fixed-header-scroll #logo-container img { max-height: 40px; width: auto; } /* END Sticky menu */ /* Icons Light */ .icons-light .imglist li:before { background: none; background: url(images/list-sprites_w.png); } .light-icons .info-box .box-icon, .light-icons .note-box .box-icon, .light-icons .tip-box .box-icon, .light-icons .error-box .box-icon, .light-icons .share-item, .light-icons .post-type-icon { background-image: url(images/px_sprites_w.png); } .light-icons .social-icons img { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .static-header-img img { min-height: 96px; width: 100%; } .dark-header #header { background-color: #180706; } .dark-header .section-header { border-width: 0; } .woocommerce, .woocommerce-page { /* =Price Filter Widget -------------------------------------------------------------- */ } .woocommerce ul.cart_list, .woocommerce-page ul.cart_list, .woocommerce ul.product_list_widget, .woocommerce-page ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; margin-top: -12px; } .woocommerce ul.cart_list li, .woocommerce-page ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.product_list_widget li { padding: 12px 0; margin: 0; *zoom: 1; list-style: none; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .woocommerce ul.cart_list li:before, .woocommerce-page ul.cart_list li:before, .woocommerce ul.product_list_widget li:before, .woocommerce-page ul.product_list_widget li:before, .woocommerce ul.cart_list li:after, .woocommerce-page ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.product_list_widget li:after { content: " "; display: table; } .woocommerce ul.cart_list li:after, .woocommerce-page ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.product_list_widget li:after { clear: both; } .woocommerce ul.cart_list li a, .woocommerce-page ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.product_list_widget li a { display: block; font-weight: bold; color: #000000; } .woocommerce ul.cart_list li img, .woocommerce-page ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.product_list_widget li img { float: left; margin-right: 12px; width: 50px; height: auto; background: #eeeeee; padding: 4px; } .woocommerce ul.cart_list li dl, .woocommerce-page ul.cart_list li dl, .woocommerce ul.product_list_widget li dl, .woocommerce-page ul.product_list_widget li dl { margin: 0; padding-left: 1em; border-left: 2px solid rgba(0, 0, 0, 0.1); *zoom: 1; } .woocommerce ul.cart_list li dl:before, .woocommerce-page ul.cart_list li dl:before, .woocommerce ul.product_list_widget li dl:before, .woocommerce-page ul.product_list_widget li dl:before, .woocommerce ul.cart_list li dl:after, .woocommerce-page ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after, .woocommerce-page ul.product_list_widget li dl:after { content: " "; display: table; } .woocommerce ul.cart_list li dl:after, .woocommerce-page ul.cart_list li dl:after, .woocommerce ul.product_list_widget li dl:after, .woocommerce-page ul.product_list_widget li dl:after { clear: both; } .woocommerce ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.product_list_widget li dl dt, .woocommerce ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd, .woocommerce-page ul.product_list_widget li dl dd { display: inline-block; float: left; margin-botom: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce-page ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.product_list_widget li dl dt { font-weight: bold; padding: 0 0 .25em 0; margin: 0 4px 0 0; clear: left; } .woocommerce ul.cart_list li dl dd, .woocommerce-page ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd, .woocommerce-page ul.product_list_widget li dl dd { padding: 0 0 .25em 0; } .woocommerce ul.cart_list li dl dd p:last-child, .woocommerce-page ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child, .woocommerce-page ul.product_list_widget li dl dd p:last-child { margin-bottom: 0; } .woocommerce ul.cart_list li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating { float: none; } .woocommerce.widget_shopping_cart .total, .woocommerce-page.widget_shopping_cart .total, .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border-top: 2px solid rgba(0, 0, 0, 0.1); padding: 7px 0; margin-top: -1px; } .woocommerce.widget_shopping_cart .total strong, .woocommerce-page.widget_shopping_cart .total strong, .woocommerce .widget_shopping_cart .total strong, .woocommerce-page .widget_shopping_cart .total strong { min-width: 40px; display: inline-block; } .woocommerce.widget_shopping_cart .buttons, .woocommerce-page.widget_shopping_cart .buttons, .woocommerce .widget_shopping_cart .buttons, .woocommerce-page .widget_shopping_cart .buttons { *zoom: 1; } .woocommerce.widget_shopping_cart .buttons:before, .woocommerce-page.widget_shopping_cart .buttons:before, .woocommerce .widget_shopping_cart .buttons:before, .woocommerce-page .widget_shopping_cart .buttons:before, .woocommerce.widget_shopping_cart .buttons:after, .woocommerce-page.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after, .woocommerce-page .widget_shopping_cart .buttons:after { content: " "; display: table; } .woocommerce.widget_shopping_cart .buttons:after, .woocommerce-page.widget_shopping_cart .buttons:after, .woocommerce .widget_shopping_cart .buttons:after, .woocommerce-page .widget_shopping_cart .buttons:after { clear: both; } .woocommerce .widget_price_filter .price_slider, .woocommerce-page .widget_price_filter .price_slider { margin-bottom: 1em; } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { font-size: 1.15em; } .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { float: left; } .woocommerce .widget_price_filter .ui-slider, .woocommerce-page .widget_price_filter .ui-slider { position: relative; text-align: left; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 18px; height: 18px; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; cursor: pointer; background: #ffffff; outline: none; top: -5px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.65); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.65); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 0 rgba(255, 255, 255, 0.65); } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05); background: #fdd200; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); background: #fff; } .woocommerce .widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal { height: .7em; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } body > iframe { float: left; } .controlArrow.prev, .controlArrow.next { -webkit-transform: translate3d(0, 0, 0); } /* ------------------------------ END Others -------------------------------- */ /* ------------------------------ 7. Responsive and Media Queries -------------------------------- */ /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; } img.size-full { margin-top: 15px; } /* Make sure videos and embeds fit their containers */ .video-wrap { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; } .video-wrap iframe, .video-wrap object, .video-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mobile .services-thumbnail .services-box .services-content { -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Quick Gallery items on mobile devices */ .mobile #content-container .qg-overlay { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); top: auto; bottom: 0; padding: 0; height: auto; background-color: rgba(0, 0, 0, 0.5); } .mobile .qg-img .icon-circle { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; } .mobile #content-container .qg-title { position: relative; margin: 0; padding: 9px 0; padding-left: 4%; max-width: 72%; width: auto; text-align: left; font-weight: normal; font-size: 14px; } .mobile .cs-element.cs-animate { -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -ms-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } .mobile.page-template-template-fullscreen-slider-php #header, .mobile.page-template-template-fullscreen-slider-php .header-wrapper { background-color: #252525; } .iphone .pp_overlay { width: 100% !important; } .ie9 .pg-element-loading .icon-circle .pg-icon { font-size: 0px; width: 30px; height: 30px; display: block; background: url('../images/ajax-loader-small2.gif'); margin: auto; top: 50%; position: relative; margin-top: -15px; } .ie9 .pg-item:hover img, .ie9 .pc-item:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .ie9 .pg-element-loading .icon-circle .pg-icon { font-size: 0px; width: 30px; height: 30px; display: block; background: url(images/ajax-loader-small2.gif); margin: auto; top: 50%; position: relative; margin-top: -15px; } /* Reset the parallax for the mobile devices */ .mobile #slider-container .full-bg-image, .mobile .parallax-fixed .full-bg-image { background-attachment: scroll; } /* Alll New CSS */ input.plus, input.minus { font-family: "Lucida Grande"; } /* Different Logo Layouts */ /* Logo on right menu on left layout */ .header-layout-right #logo-container { float: right; margin-right: 0; } .header-layout-right .navigation-container { float: left; } /* Logo and Navigation is centered layout*/ .header-layout-center #logo-container { float: none; margin: 10px 0; } .header-layout-center #logo-container a { float: none; text-align: center; } .header-layout-center .header-buttons { float: none; } .header-layout-center .navigation-container { float: none; text-align: center; } .header-layout-center .nav-menu ul { display: inline-block; text-align: left; } .header-layout-center #menu { float: none; display: inline-block; } .header-layout-center .header-buttons { margin-right:30px; margin-top: 10px; padding-bottom: 10px; float:right; } /* Full Page Slider Navigation */ .controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #ffffff; text-align: center; font-weight: bold; } .controlArrow.prev, .controlArrow.next { left: 45px; width: 40px; height: 40px; line-height: 40px; border-width: 0px; border-color: #ffffff; background-color: #252525; font-weight: bold; z-index: 100; } .controlArrow.prev:hover, .controlArrow.next:hover { background-color: #fdd200; } .controlArrow.next { left: auto; right: 45px; } .controlArrow.prev:before { content: "\e000"; } .controlArrow.next:before { content: "\e001"; } /* WooCcommerce */ .pex-woo-cart, .pex-woo-cart-btn { display: none; } .pex-woo-cart-holder { position: absolute; right: -7px; top: 21px; padding-top: 22px; } /*------------- Media Queries ----------------*/ @media screen and (max-width: 1000px) { /* COLUMNS - Changing From 4 column to 2 Column */ .cols-4 .col { width: 48.4%; } .cols-4 .col:nth-of-type(2n) { clear: right; margin-right: 0; } .services-default.cols-4 .col:nth-of-type(2n+1) { border-left: 0; } .services-default.cols-4 .col { width: 50%; margin-right: 0; } /* COLUMNS - Changing From 5 column to 3 Column */ .cols-5 .col { width: 31.2%; } .cols-5 .col:nth-of-type(5n) { clear: none; margin-right: 3.2%; } .cols-5 .col:nth-of-type(3n) { clear: right; margin-right: 0; } .services-default.cols-5 .col { width: 50%; margin-right: 0; } .services-default.cols-5 .col:nth-of-type(2n+1) { border-left: 0; } .mobile body { font-size: 12px; } .page-title h1 { font-size: 42px; } .fixed-header-scroll #header { background: transparent; } /* Portfolio Slider change from t2 columns to full-width layout */ .ps-images, .ps-video, .ps-content { float: none; margin-top: 10px; width: 100%; } .ps-content { padding: 20px 5%; } .ps-wrapper { height: auto !important; } /* Hide Elemnts for small-screen devices */ .social-profiles, .navigation-container { display: none; } .footer-bottom .social-profiles { display: block; float: none; } .footer-bottom .social-icons { margin-bottom: 10px; text-align: center; } .footer-bottom .social-icons ul { margin-left: 0; text-align: center; } .footer-bottom .social-icons li { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: inline-block; float: none; border: 0px; background: rgba(255, 255, 255, 0.1); } .footer-bottom .social-icons img { -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .footer-nav, .copyrights { display: block; float: none; margin: 10px auto; text-align: center; line-height: 1.7em; } .footer-nav ul { margin-left: 0; } .footer-nav ul li { margin-left: 0; } .cs-element { font-size: 12px; } .cs-title { font-size: 32px; } .cs-small-title { font-size: 13px; } .content-slider { padding: 150px 0 110px 0; } ul#cs-slider-ul { min-height: 150px !important; } #cs-navigation { visibility: hidden; } /*------ Mobile Navigation --------*/ .mobile-nav { display: block; float: right; margin: 22px 3.06%; margin-right: 0px; cursor: pointer; } .mob-nav-btn { display: block; padding-left: 27px; height: 15px; background: url(images/mob-nav-icon_w.png) no-repeat; background-size: 20px 15px; color: #ffffff; text-transform: uppercase; line-height: 15px; } .mob-nav-menu { position: absolute; z-index: 100; margin-top: -1px; margin-bottom: -21px; margin-left: -5%; width: 100%; background: rgba(17, 17, 17, 0.96); text-transform: uppercase; font-size: 12px; } .mob-nav-menu ul { margin-left: 0; list-style: none; } .mob-nav-menu li { padding-bottom: 0; position: relative; } .mob-nav-menu ul li a { display: block; padding: 15px 3%; border-bottom: 1px solid rgba(255, 255, 255, 0.07); color: #ffffff; } .mob-nav-menu ul ul { background-color: rgba(255, 255, 255, 0.11); display: none; } .mob-nav-menu ul ul li { padding-left: 2%; } .mob-nav-arrow { position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; border-left: 1px dotted rgba(255, 255, 255, 0.11); color: #ffffff; text-align: center; font-size: 20px; line-height: 30px; cursor: pointer; } .mob-nav-arrow span { margin-top: 15px; display: block; } .header-layout-right #logo-container { float: left; } .header-layout-center #logo-container { float: left; } .pg-cat-filter ul { display: none; } .pg-filter-btn { display: block; padding: 10px 0; width: 80%; cursor: pointer; } .pg-filter-btn span { display: block; margin-left: 10px; padding-left: 20px; height: 15px; background: url(images/mob-nav-icon_w.png) no-repeat; background-position: left center; background-size: 14px; text-transform: uppercase; font-size: 12px; line-height: 1.3em; } .pg-cat-filter { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; display: inline-block; max-width: 100%; } .pg-cat-filter ul { position: relative; top: 0px; z-index: 1000; max-width: 100%; padding: 0; min-width: 250px; background: #000000; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .pg-cat-filter ul li { display: list-item; padding: 10px 0; border-top: 1px solid #252525; list-style: none; } .pg-cat-filter ul li a { margin-left: 10px; color: #ffffff; font-size: 12px; line-height: 1.7em; cursor: pointer; padding: 0 2px; } .pg-cat-filter ul li:first-child { border-top: 0; } .pg-cat-filter .pg-loading { position: absolute; top: 15px; right: 0px; } .ps-nav-wrapper { width: 100%; } .ps-content-text { font-size: 12px; } .ts-pointer { right: -4px; } /* Footer CTA section */ .footer-cta-first { float: none; max-width: 100%; width: 100%; text-align: center; } .footer-cta-disc { float: none; max-width: 100%; width: 100%; text-align: center; } .footer-cta-button a { float: none; margin: auto; text-align: center; font-size: 15px; } .testimonial-container { margin: 20px 0; } .testimonial-info { float: none; margin: auto; max-width: 100%; width: 100%; text-align: center; } .testimonial-container blockquote { float: none; max-width: 100%; width: 100%; text-align: center; font: italic 130%/170% Georgia, "Times New Roman", Times, serif; } .content-slider .button { margin-right: 10px; margin-left: 10px; padding-right: 25px; padding-left: 25px; } #logo-container { margin-top: 4px; } #logo-container a img { max-width: 100%; max-height: 40px; width: auto; } #slider-container .nivo-wrapper { min-width: auto; } .fixed-header #header { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .slider-active.fixed-header #header { position: absolute; } .admin-bar.fixed-header #header { top: 0; } .fixed-header-scroll #logo-container { max-width: 70%; } #slider-container .nivo-wrapper { min-height: 0; } .fixed-header .header-wrapper { padding-top: 0px !important; } .fixed-header #header { position: relative; } .page-template-template-fullscreen-slider-php.fixed-header #header { position: absolute; } .mobile.page-template-template-fullscreen-slider-php.fixed-header #header { position: absolute; } #full-width #commentform { width: 100%; } .with-nivo-slider.fixed-header #header { position: relative; } .with-nivo-slider.fixed-header .section-header { border-bottom: 0px; } /*END of max-width: 1000px*/ } @media screen and (max-width: 768px) { /* COLUMNS - Changing 4 column and 3 column to 2 column*/ /* change grid4 to 2-column */ .cols-4 .col { width: 48.4%; } .cols-4 .col:nth-of-type(3n) { clear: none; margin-right: 3.2%; } .cols-4 .col:nth-of-type(2n) { clear: right; margin-right: 0; } /* change grid5 to 2-column */ .cols-5 .col { width: 48.4%; } .cols-5 .col:nth-of-type(3n) { clear: none; margin-right: 3.2%; } .cols-5 .col:nth-of-type(2n) { clear: right; margin-right: 0; } .services-default.cols-4 .col { margin-right: 0; } .services-default.cols-5 .col { margin-right: 0; } /* change grid3 to 2-column */ .cols-3 .col { width: 48.4%; } .cols-3 .col:nth-of-type(3n) { clear: none; margin-right: 3.2%; } .cols-3 .col:nth-of-type(2n) { clear: right; margin-right: 0; } .services-default.cols-3 .col { width: 50%; } .services-default.cols-3 .col:nth-of-type(3n), .services-default.cols-2 .col:nth-of-type(3n) { border-left: 0px; } #sidebar { float: none; margin: 0 3%; margin-top: 30px; max-width: 100%; width: 94%; } #content, .contains-posts #content, .single-post #content { float: none; max-width: 100%; width: 100%; } .contains-posts #content, .single-post #content { max-width: 100%; } .layout-left #content { padding-left: 0; } /*Footer CTA section */ .footer-cta-first { width: 100%; text-align: center; line-height: 1.5em; } .footer-cta-first h5 { width: 100%; line-height: 1.5em; } .footer-cta-disc { width: auto; text-align: center; } .footer-cta-disc p { line-height: 1.5em; } .footer-cta-button { margin-top: 20px; width: 100%; } .cs-content-centered .cs-title { font-size: 35px; } .cs-content-right img { width: 100%; } .content-slider .col { width: 100%; text-align: center; } .ts-thumbnail-container .selected .ts-pointer { display: none; } .ts-thumbnail-container .selected img { -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); } .ts-desc { font-size: 12px; } .small-title span { display: block; margin-left: 0; padding-left: 0; border-left: 0; text-align: center; } .services-title-box h1 { margin-top: 0; } .pc-header .small-title { text-align: left; } .footer-box:first-child .title { margin-right: -7%; } .cta-element { padding: 20px 0; text-align: center; } .cta-element .cta-title { font-size: 30px; line-height: 40px; } .cta-element .cta-small-title { font-size: 10px; line-height: 10px; } .page #comments { width: 100%; } .scroll-to-top { display: none; } #portfolio-gallery { padding: 15px 0 25px 0; } .section-full-width .section-title { font-size: 30px; } #content-container { padding: 20px 3%; } .single-portfolio #content-container { padding: 10px 3%; } .pg-info:hover .pg-details { bottom: 25%; bottom: calc(50% - 20px); } .sl-wrapper .col { margin-bottom: 0; padding: 0; width: 100%; } .sl-description { max-width: 100%; text-align: center; } .sl-icons li { padding-left: 5px; } .pg-pagination { margin-bottom: 14px; } .ps-nav-text, .ps-back-text { display: none; } /*recent post section*/ .rp-date { width: 100%; text-align: left; padding-top: 15px; padding-left: 5px; } .rp-list .rp-info { width: 100%; text-align: left; } .rp-list li { padding: 0; } .rp-list h3 { display: inline-block; padding: 10px 0; padding-left: 5px; } .rp-list .rp-title { margin-left: 5px; } .rp-cat { display: none; } .rp-list .rp-info h3:before, .rp-list .rp-info h3:after { display: none; } .footer-widgets { max-width: 90%; } .layout-left .section-wrapper, .layout-right .section-wrapper { max-width: 1170px; margin: auto; } .layout-left .section-img, .layout-right .section-img { max-width: 90%; width: 100%; float: none; margin: auto; text-align: center; } .layout-left .section-img img, .layout-right .section-img img { max-height: 50%; } .layout-left .section-content, .layout-right .section-content { float: none; max-width: 90%; width: 100%; position: static; text-align: center; margin: auto; padding-left: 0; padding-right: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .layout-left .section-content h2, .layout-right .section-content h2 { font-size: 27px !important; margin-top: 10px; } .layout-left > .section-wrapper, .layout-right > .section-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .layout-bottom > .section-wrapper, .layout-top > .section-wrapper { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Section Text And Images - Layout Image on Right */ .layout-right .section-wrapper { max-width: 1170px; margin: auto; } .layout-right .section-img { max-width: 90%; float: none; margin: auto; } .layout-right .section-img img { max-height: 50%; } .layout-right .section-content { float: none; max-width: 90%; position: static; } /* Section Text And Images - Layout Centered */ .layout-top .section-wrapper, .layout-bottom .section-wrapper { max-width: 50%; text-align: center; margin-left: auto; margin-right: auto; } .layout-top .section-img img, .layout-bottom .section-img img { max-height: 50%; } .layout-bottom .section-img { margin-bottom: 0; margin-top: 3%; } .cs-arrows { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); top: auto; right: 50%; bottom: 20px; margin-right: -41px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .cs-arrows:hover { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .cs-prev-arrow { left: 50%; margin-left: -41px; } .cs-thumbnail { display: none !important; } /*END of max-width: 768px */ } @media screen and (max-width: 520px) { /* COLUMNS - Making all columns Fullwidth */ .col { clear: none !important; margin-right: 0 !important; margin-left: 0 !important; max-width: 100% !important; width: 100% !important; } .services-wrapper.services-thumbnail .services-box { width: 220px !important; } .services-default .col { border-left: 0; border-right: 0; } .services-default.cols-4 .col { border-left: 0; } .content-slider { text-align: center; } #content-container .section-full-width .section-boxed, #content-container .section-boxed { margin: 30px auto; } .sl-description { float: none; max-width: 100%; text-align: center; } .carousel-title .link-title { display: none; } .comments-number { display: inline-block; float: none; } .nivo-caption { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; } #content-container .pc-item h2 { font-size: 14px; letter-spacing: 0; } .post-info.bottom { display: none; } .portfolio-carousel .pg-info { min-height: 0; } .portfolio-carousel .pg-categories { display: none; } .controlArrow.prev, .slide-caption { left: 25px; } .controlArrow.next { right: 25px; } /* END 520px */ } /*---------- Retina Display ------------*/ /* Retina Display Logo */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .arrow-prev { background: url(images/arrow-small-p@2x.png); background-size: 12px 20px; } .arrow-next { background: url(images/arrow-small-n@2x.png); background-size: 12px 20px; } } /* ------------------------------ END Responsive and Media Queries -------------------------------- */ /* ------------------------------ 8. Updates -------------------------------- */ /* ------------------------------ VERSION 1.0.1 -------------------------------- */ /* PRICING TABLES */ .price-table-wrapper .cols-wrapper { padding-top: 20px; padding-left: 1px; padding-right: 1px; } .pt-col { text-align: center; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); background-color: #ffffff; color: #777777; } .section-dark .pt-col { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2); } .pt-title { padding: 20px 10px; background-color: #252525; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif; } .pt-highlight { margin-top: -20px; } .pt-highlight .pt-title { padding-top: 30px; padding-bottom: 30px; } .pt-features li { padding: 14px 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); list-style: none; } .pt-features { margin-left: 0; } .pt-button { padding: 20px 0; } .pt-non-highlight .button { background-color: #252525; } .pt-highlight .pt-button { padding-top: 30px; padding-bottom: 30px; } .pt-highlight .pt-title { background: #fdd200; /*color: @color-dark;*/ } .pt-price-box { padding: 20px; background-color: #f7f7f7; } .pt-price { font-size: 46px; font-weight: bold; color: #333332; font-family: Montserrat, 'Open Sans', Helvetica, Arial, sans-serif; } .pt-period { display: block; opacity: 0.6; } .pt-cur { position: relative; top: -9px; opacity: 0.8; font-size: 19px; } .pt-position-left .pt-cur { margin-left: -10px; left: -5px; } .pt-position-right .pt-cur { margin-right: -10px; right: -5px; } .price-table-wrapper .cols-4 .col:nth-of-type(4n+1) { clear: left; } .fullpage-scroll-arrow .section:first-child:after { content: "\e007"; display: block; position: absolute; right: 50%; bottom: 40px; color: #FFF; font-size: 44px; margin-right: -22px; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: 'PexetoArrows'; line-height: 1; speak: none; text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3); -webkit-font-smoothing: antialiased; /*animation-name*/ -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; /*animation-iteration-count*/ -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; /*animation-duration*/ -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -ms-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; } @-webkit-keyframes bounce { 0%, 50%, 60%, 75%, 90%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 70% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 80% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 50%, 60%, 75%, 90%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 70% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 80% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } .fullpage-scroll-arrow .layout-cb.section:first-child:after { right: 0px; margin-right: 4px; } .mobile .fullpage-scroll-arrow .section:first-child:after { display: none; } @media screen and (max-width: 768px) { .layout-left .section-img img, .layout-right .section-img img { padding-top: 10px; padding-bottom: 10px; } } .widget_wysija input[name="wysija[user][email]"], .widget_wysija input[name="wysija[user][firstname]"] { float:left;background: #210a08; border-bottom: 1px solid #3c0501; color:#ffffff; width:90%;margin-bottom:5px;}