/* Theme Name: Sonec Theme URI: http://www.smooththemes.com Version: 1.7 Description: A premium WordPress theme by SmoothThemes. Author: SmoothThemes. Author URI: http://www.smooththemes.com Tags: full-width-template, custom-colors, right-sidebar, left-sidebar, custom-menu, featured-images, two-columns, translation-ready License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html Copyright: (c) 2013 SmoothThemes. */ /* --------------------------------------------------------------------------------------------- WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use Custom CSS in WordPress admin (wp-admin/admin.php?page=st-framework-css-editor) to edit your styles. You have been warned! :) -------------------------------------------------------------------------------------------*/ /*Ganeral ----------------------------------------------------------------------------------------*/ html, body{ height: 100%; display: block;} body {background: #f4f4f4; font-size: 14px; font-family: 'Open Sans', Arial,sans-serif;color: #555555;line-height:22px;position: relative; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;margin:0;padding:0px} body.admin-bar{ padding-top: 28px;} body.page-template-tmpl-gallery-fullscreen-php{display: block;height: 100%;} body.page-template-tmpl-gallery-fullscreen-php #footer, body.page-template-tmpl-gallery-flip-php #footer, body.page-template-tmpl-gallery-kenburnst-php #footer, body.page-template-tmpl-gallery-image-flow-php #footer, body.page-template-tmpl-gallery-fixed-height-php #footer {display: none;} /*Fullwidth or Boxed-Mode ----------------------------------------------------------------------------------------*/ .sonec-wrapper{ overflow-x: hidden; } .boxed-mod .sonec-wrapper{max-width: 1230px; margin:0 auto; background: #F4F4F4; box-shadow:0 7px 14px rgba(0, 0, 0, 0.15) } .boxed-mod .main-wrapper{ background: #F4F4F4; } body.boxed-mod .section.full-width-mod{ margin-left: -30px !important; margin-right: -30px !important;} /*Typography ----------------------------------------------------------------------------------------*/ h1,h2,h3,h4,h5,h6 {font-weight: 400;padding: 0;color: #333;margin-top:0px;letter-spacing: -0.1px;font-family: 'Open Sans',Arial,sans-serif;line-height: 1.5;} h1,h2,h3{margin-bottom:15px;} h4,h5,h6{margin-bottom:10px;} a{color:#222222;} a:hover, a:focus{ text-decoration: none; } .subheader { color: #777; font-weight: 300; margin-bottom: 24px; } p {line-height: inherit; margin: 0.84em 0; } p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; } ::selection{background:#fff2a8;color:#111111;}::-moz-selection{background:#fff2a8;color:#111111} /*Form ----------------------------------------------------------------------------------------*/ fieldset{ padding:20px; border:1px solid #e0e0e0;} input[type=text],input[type=password],textarea{ color:#757575; padding:0.7em 10px; border:1px solid #f0f0f0; background:#e5e5e5;font-size: 12px;} textarea{ width:90%; font-size:13px; background:#e5e5e5; overflow:auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;color:#757575;margin-top:3px;line-height: 24px;min-height: 100px;} input, textarea,input[type="submit"]:focus{outline:0 none;} input[type="radio"],input[type="checkbox"]{margin-right:10px; margin-left:10px;} button::-moz-focus-inner { border: 0; padding: 0;} input[type="reset"],input[type="submit"],input[type="button"], button{ border:none;margin:0; outline-width:0; padding:8px 22px 10px;text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);text-align:center} input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover, input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus, button:hover,button:focus{cursor:pointer;} select{ max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e0e0e0; padding: 5px; 10px;} /*Links ----------------------------------------------------------------------------------------*/ a { color: #757575;text-decoration: none;line-height: inherit;} a:hover {color: #00A6D5; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s;} a:focus {outline: medium none;} p a, p a:visited { line-height: inherit; } /*List ----------------------------------------------------------------------------------------*/ ul, ol { margin-bottom: 18px; } ul,ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc, ul.default { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } li { list-style-position: outside;} ul.large li { line-height: 21px; } ul.arrow-style, ul.pencil-style, ul.arrow-2-style, ul.check-style, ul.square-style, ul.star-style, ul.dash-style { margin: 0 0 18px; list-style: none; } ul.iconfont {list-style: none;} ul.arrow-style li, ul.pencil-style li, ul.arrow-2-style li, ul.check-style li, ul.square-style li, ul.star-style li, ul.dash-style li { padding: 1px 0 1px 24px; } ul.arrow-style li:before {content:"\e879"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px} ul.arrow-2-style li:before {content:"\e885"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px} ul.pencil-style li:before {content:"\e836"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px} ul.check-style li:before {content:"\e812"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px; font-size: 10px; top: -2px;} ul.square-style li:before {content:"\e8bd"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px; font-size: 23px; top: 4px;} ul.star-style li:before {content:"\e808"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px; font-size: 10px; top: -1px;} ul.dash-style li:before {content:"\e819"; font-family: 'fontello'; font-style: normal; font-weight: normal; position: relative; left: -10px} ul li, ol li{ margin-bottom: 10px;} #footer ul li ,#footer ol li, #header ul li, #header ol li, .layout-title ul li, .layout-title ol li{ margin-bottom: 0px; } /*Images ----------------------------------------------------------------------------------------*/ object, embed { max-width: 100%; height: auto;} img { -ms-interpolation-mode: bicubic;border: 0;vertical-align:middle;height: auto;} #main img{max-width:100%;} #map_canvas img, .map_canvas img {max-width: none!important;} /*Wordpress Style ----------------------------------------------------------------------------------------*/ .alignleft, img.alignleft { float:left; margin: 5px 20px 20px 0px; } .alignright, img.alignright { float:right; margin: 5px 0px 20px 20px; } .aligncenter, img.aligncenter { display:block; margin: 5px auto; } .alignnone, img.alignnone { margin: 5px 0px 20px 0; max-width: 100%; } .wp-caption { text-align: center; padding:0; max-width: 100%; } .wp-caption img { border: 0 none; padding: 0; margin: 0; max-width: 100%; width: auto;display: block;} .wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px; margin: 0;padding-top:5px;} .wp-smiley { margin: 0 !important; max-height: 1em; } .gallery dl {} .gallery dt {} .gallery dd {} .gallery dl a {} .gallery dl img {} .gallery-caption {} .size-full {} .size-large {} .size-medium {} .size-thumbnail {} .sticky{} .bypostauthor{} /*Custom Css ----------------------------------------------------------------------------------------*/ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-bold { font-weight:bold;} .hide { display: none; } .clear,br.clear{clear: both;} #googlemap img, object, embed { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } .t0{margin-top:0px !important;}.t10{margin-top:10px !important;}.t15{margin-top:15px !important;}.t20{margin-top:20px !important;} .t30{margin-top:30px !important;}.t35{margin-top:35px !important;}.t40{margin-top:40px !important;} .t50{margin-top: 50px !important;} .b0{margin-bottom:0px !important;}.b10{margin-bottom:10px !important;}.b20{margin-bottom:20px !important;} .b30{margin-bottom:30px !important;}.b35{margin-bottom:35px !important;}.b40{margin-bottom:40px !important;} .b50{margin-bottom:50px !important;} .p20 {padding: 20px !important;} .pb20 {padding-bottom: 20px !important;} .p50 {padding-top: 50px !important;} .pb40 {padding-bottom: 40px !important;} .divider {border-top: 1px solid #d5d5d5; border-bottom: 1px solid #FFF;} .woocommerce .products .product{margin-bottom:30px;} .parallax h1,.parallax h3,.parallax h2,.parallax h4,.parallax h5,.parallax h6{color:#fff;} .parallax {color:#fff;} /* DDsmoothmenu ----------------------------------------------------------------------------------------*/ .slideMenu{} .slideMenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;} /*Top level list items*/ .slideMenu ul li{position: relative;float: none; margin: 0px; display: inline-block; height: 100%;vertical-align: middle; } /*Top level menu link items style*/ .slideMenu ul li a{display: block;padding: 8px 10px;text-decoration: none;z-index: 0;position: relative;} * html .slideMenu ul li a{ display: inline-block;} .slideMenu ul li a:link, .slideMenu ul li a:visited{} .slideMenu ul li a.selected{ background: 0 none; } .slideMenu ul li a:hover{} /*1st sub level menu*/ .slideMenu ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/ z-index: 100;} /*Sub level menu list items (undo style from Top level List Items)*/ .slideMenu ul li ul li{display: list-item;float: none; margin: 0px} /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .slideMenu ul li ul li ul{top: 0;} /* Sub level menu links style */ .slideMenu ul li ul li a{min-width: 130px; /*width of sub menus*/padding:8px 13px 8px;display: block;z-index: 100;} /* Holly Hack for IE \*/ * html .slideMenu{height: 1%;} /*Holly Hack for IE7 and below*/ /* Site Structure --------------------------------------------------------------------------------------------*/ .fullwidth .row {margin: 0} .container.main-wrapper {margin-left: 270px;} .body-outer-wrapper {} #container {width: 100%; margin-top: 75px;} .sonec-wrapper { width: 100%; position: relative; min-height: 100%;background: none repeat scroll 0 0 #F4F4F4;} .site-content-wrapper { height: auto; } .home-slider {overflow: hidden;} /* Header Wrapper ----------------------------------------------------------------------------------------*/ .sticky-wrapper{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; position: relative; } .sticky-wrapper #header{ position: fixed; } .sticky-wrapper.is-stuck{ height: 60px !important;} #header.stuck{ position: fixed; width: 100%; height: 60px; } .boxed-mod .sticky-wrapper #header{ max-width: 1230px; } .sticky-wrapper #header.stuck{ } #header { background: #FFF; width: 100%;z-index: 10; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); border-top: 0px none; height: 100px; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; z-index: 60; position: relative; } #header.stuck{background: rgba(0, 0, 0, 0.91);} #header-wapper-inner, .header-inner, #primary-nav-id, #primary-nav-inner, .right-header, .left-header, .logo-wrapper, .header-social{ height: 100%; display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #primary-nav-inner{ display: table !important; height: 100%; } #primary-nav-inner li{ display: inline-block; vertical-align: middle; } body.admin-bar.page-template-tmpl-gallery-fullscreen-php #header{ } .home-slider #header, .kenburns #header {background: #FFF !important; position: static !important;} .gallery-flip #header {background: #FFF !important; position: inherit; !important;} .header-inner {padding: 0px 30px;text-align: center;} .boxed .header-inner {padding: 0px;} .left-header {display: block;} #header-wapper-inner.container{ padding-right: 0px; padding-left: 0px;} .header-social{margin:0px;padding-left:10px;} .logo-wrapper h1{height: 100%; margin: 0; display: table; line-height: 0px; } .logo-wrapper h1 a { padding-top: 10px; vertical-align: middle; height: 100%; line-height: 0; text-align: center; display:table-cell; } .logo-wrapper img { max-height: 60px; max-width: 340px; } #header.stuck .logo-wrapper img{ max-height: 60px;} .logo-wrapper h1 a:hover img{ opacity:.6;} /* Header Social */ .social-share, .social-share ul, .social-share ul li, .social-share ul li a{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s;transition: all 0.5s;} .social-share ul {display: block; } .social-share ul li.rep{ color: #E5E5E5; line-height: 70px; font-weight: normal; font-size: 15px; margin:0px 20px 0px 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .social-share ul li {float: left; margin-left: 12px; display: table; height: 75px ; margin-bottom: 0px; z-index: 60; } .social-share ul li.social-twitter {margin-left: 0;} .social-share > ul > li > a , .social-share .st-cart-icon{display: table-cell; vertical-align: middle; color: #AAAAAA} .social-share > ul > li >a:hover {color: #000000} .social-share ul li a i {font-size: 16px;} #header.stuck .social-share ul li{ height: 60px; } #header.stuck .social-share ul li.rep{ height: 55px; line-height: 55px; } /* Primary Navigation */ #primary-nav-id > ul > li > a { line-height: 100px; padding: 0px 20px;font-size: 13px; display: inline-block; vertical-align: middle; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } #header.stuck #primary-nav-id > ul > li > a{ line-height: 60px; } #primary-nav-id > ul > li > a >span{ position: absolute; top: 1px; right:20px; } #primary-nav-id ul li ul, #primary-nav-id ul li ul li, #primary-nav-id ul li ul li a{ -webkit-transition: none; -moz-transition: none; transition: none; height: auto; !important; } #primary-nav-id ul li a.hasSubMenu {padding-right: 31px;} #primary-nav-id ul li ul {right: 0; left: auto; visibility: visible !important; height: auto;border-top:2px solid #000000;margin-top:-2px;} #primary-nav-id ul li ul li ul{margin-top:-2px;} #primary-nav-id ul li ul li {padding: 0; display: block;} #primary-nav-id ul li ul li a {line-height: inherit; padding: 8px 12px; min-width: 200px;border-bottom:1px solid #f6f6f6;font-size: 12px;text-align: left;} #primary-nav-id ul li ul li:last-child a {border: none;} #primary-nav-id .subDown, #primary-nav-id .subRight {display: inline-block;} #primary-nav-id .subDown:before { content: '\e877'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 15px; display: inline-block; height: 100%; margin-left: 4px; } #primary-nav-id .subRight:before {content: '\e879'; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 15px; position: absolute; right: 18px; top: 9px;} #primary-nav-id ul li ul {background: #FFFFFF !important;box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15)} #primary-nav-id li a:hover, #primary-nav-id ul li.current li a, #primary-nav-id >ul >li.current-menu-item > a, #primary-nav-id >ul >li.current-menu-ancestor > a, #primary-nav-id >ul >li.current-menu-parent > a{color: #000000;} #primary-nav-id li a:hover .subDown:before, #primary-nav-id ul li.current li a .subDown:before, #primary-nav-id >ul >li.current-menu-item > a .subDown:before , #primary-nav-id >ul >li.current-menu-ancestor > a .subDown:before, #primary-nav-id >ul >li.current-menu-parent > a .subDown:before{color:#000000;} #primary-nav-id li.li_hover li a:hover, #primary-nav-id ul li.current_li_hover li a, #primary-nav-id ul li.current-menu-item li a:hover {/*background: #f6f6f6*/} #primary-nav-id li a {color: #7e7e7e;} #primary-nav-id .subDown:before, #primary-nav-id .subRight:before {color: #7e7e7e} /* Mobile Version */ #mobile-menu-wrapper{display: none; width: 0px; max-width: 100%; position: relative; height: 100%; z-index: 500;} #mobile-menu-inner{ width: 100%; position: relative; height: 100%; display: block;} .menu-element-inner { max-width: 100%; z-index: 70; overflow-x: hidden; overflow-y:auto; top: 0px; left: 0px; max-width: 100%; width: 100%; height: 100%; display: block;} #primary-nav-mobile-a{ display: none; position: relative; cursor: pointer; text-align: center; position: absolute; right: -50px; z-index: 66; top: 22px; } body.admin-bar.page-template-tmpl-gallery-fullscreen-php #primary-nav-mobile-a{ top: 45px; } #primary-nav-mobile-a i { color: #000; font-size: 30px; width: 100%; height: 100%; display: inline-block; } #primary-nav-mobile-id{ } #primary-nav-mobile-id{margin:0px;padding-bottom:8px; display: block; padding-left: 0px;} #primary-nav-mobile-id li{margin-bottom:0px;} #primary-nav-mobile-id li ul {display: block !important; padding:0px; } #primary-nav-mobile-id li a{text-transform:uppercase; padding:6px 19px 6px;font-size: 12px;text-shadow: none !important; display: block; text-align: left;} #primary-nav-mobile-id li ul li a {padding-left:35px;} #primary-nav-mobile-id li ul ul li a {padding-left:70px;} .primary-nav-opened span{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);} #primary-nav-mobile { padding-bottom: 35px; background: #333333; } .page-template-tmpl-gallery-fullscreen-php #primary-nav-mobile{ padding-top: 26px; } #primary-nav-mobile ul{ z-index: 50;} #mobile-menu-wrapper{background: #333333;} #primary-nav-mobile-id{background: #333333;} #primary-nav-mobile-id li{border-top:1px solid #222222; list-style: none; } #primary-nav-mobile-id li a{border-top:1px solid #444444;color:#cccccc;} #primary-nav-mobile-id li ul li a{color:#999999 !important;} #primary-nav-mobile-id li a:hover, #primary-nav-mobile-id li a:active{color:#fff !important;background: #444444;} .primary-nav-mobile-id li a:hover, .primary-nav-mobile-id li.current-menu-item a{background: #16a1e7;} /*Slider Full Width */ #sliderfull {width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 75px;} #slidertop {display: block; position: relative; height: 100%; width: 100%;} #slidertop .desc a:hover {text-shadow: none;} #slidecaption {position: absolute; left: 30px; top: 50%; max-width: 475px; text-align: left; margin-top: -100px;} #slidecaption h2 {font-family: 'Lato',Arial,sans-serif; font-size: 46px; text-transform: uppercase; font-weight: 800; line-height: 56px; letter-spacing: 0px;} #slidecaption .desc {font-family: 'Lato',Arial,sans-serif; width: 100%; font-size: 14px;} #slidecaption a {font-size: 14px; font-weight: bold; margin-top: 30px; background: #FFF; color: #000;} #slidecaption h2, #slidecaption .desc{color: #FFF; } #slidecaption .desc a:hover {background: #000; color : #FFF} #slide-list {position: absolute; top: 45%; right: 20px;} #slide-list {margin: 0px; padding: 0px; list-style: none;} #slide-list li {display: block; margin-bottom: 6px;} #slide-list li a {background: url(/wp-content/themes/Sonec/assets/images/bullet-slider.png) no-repeat left center; cursor: pointer; display: block; width: 13px; height: 13px; overflow: hidden; text-indent: -999px;} #slide-list li.current-slide a {background: url(/wp-content/themes/Sonec/assets/images/bullet-slider-active.png) no-repeat left center;} html.supersized-appened, html.supersized-appened body { overflow: hidden; } #supersized { display:none; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; margin:0px; padding:0px; } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; max-width: none !important;} #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0px; left:0; width:100%; height:100%; background:#111; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index:-20; } #supersized li.activeslide { z-index:-10; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } /* Main. ----------------------------------------------------------------------------------------*/ .home-gallery .page-title-wrap {height: 50px;} /* Page title */ .page-title-wrapper {padding: 0px 30px; position: relative; z-index: 28; } .page-title-wrap {display: table;width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .layout-title.boxed .boxed-w{ max-width: 1170px; margin-right: auto; margin-left: auto; } .page-title-inner {display: table-cell; vertical-align: middle;} h1.page-title {font-size: 26px; line-height: 35px; font-weight: normal; text-transform: uppercase; float: left; margin: 30px 0;letter-spacing:1px;} p.page-title-desc {color: rgba(255, 255, 255, 0.7); font-size: 14px; margin:0; display: inline-block;margin-top:25px;} p.page-title-desc span.sec {font-weight: normal; font-size: 24px; line-height: 44px; margin: 0 10px 0 10px} .has-filter h1.page-title, .has-filter p.page-title-desc{margin-bottom: 0px; margin-top: 25px;} .page-title-wrapper {background: #000;} h1.page-title{color:#fff;} /* Portfolio Nav */ .portfolio-nav{ position: fixed; height: 100%; top: 0px; left: -150px; width: 150px; z-index: 70; display: table; vertical-align: middle; } .portfolio-nav.portfolio-next{ right:-150px; left: auto; } .portfolio-nav .portfolio-nav-inner { height: 100%; display: table-cell; vertical-align: middle; } .portfolio-nav a{ position: absolute; display: block; background: #222222; padding: 10px; min-height: 45px; left: -150px; width: 150px; color: #ffffff; } .portfolio-nav i{margin-left:5px;} .portfolio-nav a:hover{ color: #fff; } .portfolio-nav span{ display: block; margin-left: 25px; text-align: left; } .portfolio-nav span.next_prev_text{color:#aaaaaa;font-size: 11px;text-transform: uppercase;} .portfolio-nav i{ font-size: 30px; height: 30px; margin-top: -15px; position: absolute; top: 50%; left: 5px;color:#aaaaaa;} .portfolio-nav.portfolio-next a{ right: -150px; left: auto;} .portfolio-nav.portfolio-next i{ right: 5px; left: auto;} .portfolio-nav.portfolio-next span{ margin-left: 0px; margin-right: 25px; text-align: right; } .portfolio-prev .opened{border-bottom-right-radius: 3px; border-top-right-radius: 3px;} .portfolio-next .opened{border-bottom-left-radius: 3px; border-top-left-radius: 3px;} /* Search form in Page title area */ .search-box {display: table; float: right; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; visibility: hidden; z-index: 36; } .search-box #searchform {display: table-cell; vertical-align: middle; } /*.search-form-inner {width: 190px; border-radius: 40px 40px 40px 40px; position: relative; margin-bottom: 0px; } .search-box #s {background: 0 none; border: none; padding: 5px 10px 5px 15px; width: 89%} .search-box #searchsubmit {background: url(/wp-content/themes/Sonec/assets/images/search-bg.png) no-repeat left 9px; width: 26px; height: 27px; position: absolute; top: 0px; right: 0px; padding: 0; text-indent: -999px; overflow: hidden;} .search-form-inner {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF,endColorstr=#33FFFFFF); } */.search-form-inner input {box-shadow: none !important} .search-box #s { background-color: transparent; background-image: url(/wp-content/themes/Sonec/assets/images/search-bg.png); background-position: 15px center; background-repeat: no-repeat; background-size: 13px 13px; border-radius: 40px 40px 40px 40px; border: none; cursor: pointer; height: 37px; margin: 3px 0; padding: 0 0 0 34px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; width: 0; } .search-box #s:focus { background-color: rgba(255, 255, 255, 0.4); cursor: text; outline: 0; width: 190px; } .search-box #searchsubmit { display: none; } /* Loop Posts */ .post{ position: relative; } .post-format-icon{ position: absolute; height: 40px; height: 40px; font-size: 40px; line-height: 0px; left: -75px; } /* Post title */ .entry-header {margin: 15px 0px;} .entry-header h2.entry-title {font-size: 26px;} .entry-title{font-size: 23px} .entry-title a:hover{ text-decoration: none; } .entry-date .post-date{color: #777} /*Entry content */ .entry-content {margin-bottom: 30px;} .use-builder .entry-content {margin-bottom: 0px;} .entry-content p:last-child,.stpb-text p:last-child{margin-bottom: 0px;} .entry-content p:first-child,.stpb-text p:first-child {margin-top: 0px;} .txt-content ul,.txt-content ol,.stpb-text ul,.stpb-text ol,.entry-content ul,.entry-content ol{padding-left:30px;margin-bottom:0px;margin-left:0px;} .entry-content ul,.entry-content ol{margin:8px 0px;} .txt-content ul li,.stpb-text ul li,.entry-content ul li{list-style: disc;margin:0;padding:5px 0px;} .txt-content ol li,.stpb-text ol li,.entry-content ol li{list-style: decimal;margin:0;padding:5px 0px;} .entry-content ul.nav{margin:0px;padding:0px;} .entry-content ul.nav li{margin:0px;padding:0px;list-style: none;} .entry-content .carousel-indicators{margin-bottom: 20px; margin-left: -30%; padding-left: 0;} /* Post meta*/ .entry-date {margin-bottom: 5px;} .entry-date .post-date {font-size: 11px; text-transform: uppercase;} .meta-entry { margin-bottom: 20px; } .post-categories {margin: 0 15px 0px 0px; padding: 0; float: left;} .post-categories {display: inline-block; } .post-categories a {display: inline-block; font-size: 10px; margin-right: 5px; margin-bottom: 5px; padding: 2px 10px; text-transform: uppercase;} .meta-entry .post-charactor {color: #C1C1C1;} .post-categories a {background: #000; color: #FFFFFF; } .post-categories a:hover {background: #c1c1c1} .post-date, .post-time, .post-comments a {color: #888888;} .post-comments a:hover {color: #00A6D5} .post-time i, .post-comments i {color: #c1c1c1;} .page-tags a, .page-tags i, .entry-share{color: #777;} .entry-share .genericon-downarrow:before {color: #E5E5E5; } .post-date, .post-time, .post-comments a {font-size: 11px; text-transform: uppercase;} .post-time {margin-left: 0px;} .post-time i, .post-comments i {padding-right: 5px; font-size: 14px;} .permalink-icon {float: right;} .permalink-icon a {display: block;} .permalink-icon a:hover i{color: #00a6d5} .permalink-icon a i {font-size: 16px; padding-right: 0;} .meta-entry .post-charactor {padding: 0 10px; position: relative; top: -1px;} .meta-entry .post-comments {margin-left: 0px;} .meta-entry .post-comments i {position: relative; top: 2px;} .entry-tags {margin-bottom: 5px;} body.single .divider {margin-top: 0px;} .page-tags {float: left;} .page-tags i {padding-right: 5px;} .page-tags i:before { } .page-tags a {font-size: 11px; text-transform: uppercase;} .entry-share {cursor: pointer; float: right; position: relative; text-align: right; font-size: 11px; text-transform: uppercase;} .entry-share i {padding-right: 5px;} .entry-share .share-tooltip {background: #E5E5E5; color: #FFFFFF; } .entry-share .share-tooltip { border-radius: 4px 4px 4px 4px; display: none; font-size: 14px; height: auto; line-height: 20px; max-width: 300px; padding: 10px; position: absolute; text-align: left; width: auto; z-index: 999; } .entry-share .share-tooltip span.entry-social-share { display: block; width: 100%; } .entry-share .st-facebook-share { margin-bottom: 5px; } .entry-share .genericon-downarrow:before { bottom: -22px; font-size: 25px; left: 34%; position: absolute; } .readmore{margin-top:20px;} .readmore a.readmore {font-size: 12px; text-transform: uppercase; } .readmore a.readmore { color: #49BAC0; } .post .divider {margin: 40px 0px;} /* Loop post masonry */ .full-width-mod .blog-masonry.blog-masonry-auto .blog-list-masonry{ margin-left: 15px; margin-right: 15px;} .blog-list-masonry {padding: 0 !important;} .masonry-blog-item { margin-bottom: 30px; visibility: hidden; } .blog-masonry.not-apply .masonry-blog-item { margin-bottom: 0px; visibility: visible; } .blog-list-masonry article {margin: 0 0px;} .blog-list-masonry h2.entry-title {font-size: 18px; margin-bottom: 0; font-weight: normal; line-height: 24px;} .blog-list-masonry .post-time {margin: 0; padding: 0;} .blog-list-masonry .post-time .ptime {font-size: 11px;} .blog-list-masonry .post-time .ptime {color: #999999; } .blog-list-masonry ul.flex-direction-nav a {width: 28px; height: 60px; line-height: 60px; margin-top: -30px; } .blog-list-masonry ul.flex-direction-nav a i {font-size: 20px;} /* Post format */ .masonry-blog-item article {background: #FFF} .masonry-blog-item .feature-post {margin-bottom: 0px;} .masonry-blog-item .entry-header {margin: 0px 0px 20px;} .masonry-blog-item .post-elements-inner {padding: 0 20px; margin-top: 25px;} .masonry-blog-item .entry-header, .masonry-blog-item .entry-excerpt, .masonry-blog-item .post-time { padding:0} .masonry-blog-item .post-time {padding: 10px 0; border-top: 1px solid #ededed;} .format-standard {} .format-quote blockquote p {font-size: 15px; letter-spacing: -0.5px; line-height: 23px; margin-bottom: 0; font-style: italic; padding-bottom: 10px;} .format-quote blockquote p:before { background: url("/wp-content/themes/Sonec/assets/images/icon_quote.png") repeat scroll 0 0 transparent; content: ""; display: inline-block; height: 22px; margin-right: 11px; opacity: 0.5; position: relative; width: 28px;} .format-quote figcaption {text-transform: uppercase; padding: 0px 15px;} .format-quote blockquote {background: #000} .entry-status {padding: 20px 20px 0px 20px;} .entry-status p:last-child {margin-bottom: 0;} .audio-content {padding: 0px;} .audio-content .mejs-controls .mejs-time-rail .mejs-time-total, .audio-content .mejs-controls .mejs-time-rail span {border-radius: inherit} .audio-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{border-radius:inherit} .audio-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {border-radius: inherit;} .audio-content .mejs-controls .mejs-time-rail .mejs-time-loaded{background: #9e9e9e;} .audio-content .mejs-controls .mejs-time-rail .mejs-time-current {background: #FFF;} .audio-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{background: #9e9e9e; } .audio-content .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #FFFFFF} .entry-link {padding: 15px; } .entry-link a {padding-left: 10px; margin-left: 25px; position: relative;color:#cccccc;} .entry-link a:hover{color:#fff;} .entry-link a:before {content: '\e822'; font-family: 'fontello'; font-size: 18px; position: absolute; left: -25px; top: -2px;} .entry-link {background: #000; } .entry-link a {border-left: 1px solid #ededed;} .entry-link a:before {color: #ededed;} /* for gallery shortcode */ .gallery .gallery-item{ margin: 0px !important; } .gallery .gallery-item img{ border: none !important;; padding: 2px; line-height: 0px; !important; } .gallery-img-small{ padding:0px 5px; margin-bottom: 5px;} .gallery-item .wp-caption-text, .gallery-item .gallery-caption{ display: none; } .st-gallery .small-items{ padding: 15px 10px 0px; } .gird .st-gallery .small-items{ padding: 15px 25px 0px; } /* Single title */ .single h1.entry-title {font-size: 36px; line-height: 40px; font-weight: bold;margin-bottom:35px;} /* Post feature media */ .entry-media {margin-bottom: 10px;} /* Load more*/ .blog-more {width: 100%;} body input[type="text"], body input[type="password"], body input[type="email"] , body textarea { padding: 10px; width: 100%; border: 0px; font-family: 'Lato',Arial,sans-serif; font-size: 13px; line-height: 22px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } input.wpcf7-submit {padding: 8px 22px 10px; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: bold;} input.wpcf7-submit:hover { -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } /* About author */ .author-info {margin: 35px 0; overflow: hidden;} .t-avt img {float: left; height: 90px; margin-right: 25px; width: 90px;} .entry-author .media-heading , .comments-title, h3#reply-title { font-size: 15px;margin-bottom: 10px;text-transform: uppercase;} .entry-author img{margin-right: 15px;} .author-text {padding-left: 115px;} /*Comments*/ #comments .comments-title{padding-left: 0; margin-bottom: 30px;} #comments{margin-top: 30px; margin-bottom: 40px;} .use-builder #comments, .use-builder > .divider{margin-left: 15px; margin-right: 15px;} .comment-list {list-style: none; margin: 0 ; padding:0px;} .comment-header img.avatar {float: left; margin-right: 20px;} .comment-header-right a, .comment-header-right p { display: inline; } .comment-header-right a { font-weight: bold; margin-right: 10px;} #comments li ul {padding-left: 80px; list-style: none;} .comment-item {margin-bottom: 25px; padding: 20px;} .form-line input {border: medium none;margin-bottom: 20px;width: 290px;} .form-line textarea {margin-bottom: 20px;} #comments input#submit {height: auto;} .comment-content {font-size: 13px; padding-left: 80px; margin-top: -25px; } .comment-content p:last-child {margin-bottom: 0;} .author_name, .comment-reply-link {font-size: 13px; font-weight: bold;} .comment-date {font-size: 11px; text-transform: uppercase;} #respond h3#reply-title {padding-left: 0px;} p.comment-notes {margin-bottom: 25px;} #commentform .form-line{ margin-bottom: 20px;} #commentform .required{ color: #ff6244; } #commentform .input-group-addon{ box-shadow:none; border: none; background: none; text-align: left; padding-left: 0px;} .comment-form-comment label{font-weight: normal;} #commentform .form-control { background: #EBEBEB; } #commentform .form-line .input-group-addon{ min-width: 64px; } #respond #submit {width: auto; height: auto; font-size: 14px; font-weight: bold} .form-allowed-tags code, .form-allowed-tags pre{ white-space: pre-wrap; } /* Gallery page */ .rc-full-with .sonec-gallery .isotope-items.gallery-inner{ } /*Portfolio page*/ /* Portfolio Homepage */ .full-width-mod .is-portfolio.is-mansory.is-auto{ padding-left: 0px; padding-right: 0px; margin: 0px; max-width: 100%;} .full-width-mod .rc-boxed .loadmore{ } .portfolio-fullwidth {margin: -10px 25px 30px 25px;} .portfolio-fullwidth .row {width: 100% !important; } .portfolio-masonry {} .portfolio-fullwidth .isotope-item {padding: 0;} .isotope-item .thumb-wrapper {margin: 0 0px 10px;} .isotope-item .thumb-wrapper img {height: auto; width: 100%;} .ajax-action, .ajax-action-lightbox {cursor: pointer;} .isotope-items.gn-4 { margin:0px; } .isotope-items.gn-4 .isotope-item { padding-left:0px; padding-right: 0px; } .isotope-items.gn-4 .isotope-item .item-inner { padding-left: 15px; padding-right: 15px;} .isotope-items.gn-4 .isotope{margin:0px;} .isotope-items.gn-4 .isotope.not-apply.not-auto{ margin-right: -15px; margin-left: -15px; } .isotope-items.gn-4 .isotope.not-apply.not-auto .item-inner{padding:0px; } .isotope-items.gn-4 .isotope.not-apply.not-auto .isotope-item { padding-left:15px; padding-right: 15px; } .isotope.not-auto .isotope-item{ margin-bottom: 20px;} .thumb-wrapper-show-desc .thumb-hover-outer{position: relative;} .thumb-wrapper-show-desc .portfolio-thumb-hover{ display: none; } .thumb-wrapper-show-desc .thumb-hover-outer .portfolio-detail{ -webkit-transform: none; -moz-transform: none;-ms-transform: none;-o-transform: none; transform: none; height: auto; opacity: 1; filter:alpha(opacity=100); } .thumb-wrapper-show-desc a{ overflow: hidden; } .thumb-wrapper-show-desc img{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .thumb-wrapper-show-desc:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .filter-portfolio {margin: 0; padding: 0; list-style: none; height: auto; } .filter-portfolio li {float: left; margin-right: 35px; margin-bottom: 0px;} .filter-portfolio li.f-icon { margin-right: 18px; } .filter-portfolio li a{display: inline-block; font-size: 12px;padding: 20px 0px; line-height: 1; text-transform: uppercase; position: relative;} .filter-portfolio li span {display: inline-block; font-size: 13px;padding: 15px 0px; line-height: 1; text-transform: uppercase; position: relative;} .filter-portfolio li.show-all a{ position: relative; padding-left: 30px; } .filter-portfolio li.show-all a i{ font-size: 20px; position: relative; height: 20px; width: 30px; position: absolute; top: 50%; left: 0px; margin-top: -9px; } .sonec-filter .filter-portfolio li.show-all a i{ font-size: 20px; height: 20px; width: 20px; position: absolute; margin-top: -9px; } .sonec-filter .filter-portfolio li.show-all a{ padding-left: 23px; } /* Mobile filter */ .filter.filter-portfolio{ } .mobile-filter{ position: relative; display: none; } .mobile-filter a{text-transform: uppercase; } .mobile-filter .toggle-filter{ display: block; position: relative; padding: 20px 0px 20px 30px; } .mobile-filter .toggle-filter i{ position: absolute; width: 30px; height: 30px; top: 50%; left: 0px; font-size: 26px; margin-top: -13px; } .mobile-filter ul.filter{ position: absolute; top: 60px; left: 0px; padding: 0px; z-index: 60; display: none; padding:10px 20px; } .mobile-filter ul li{ list-style: none; display: block; float: none; padding: 3px 0px; } .mobile-filter ul li a{ font-size: 12px; padding: 0px 10px; } .mobile-filter ul li i{ display: none; } .mobile-filter ul.filter{ background: none repeat scroll 0 0 #FFFFFF ; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125); } .mobile-filter ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.15) } .mobile-filter ul li:last-child{ border-bottom: 0px none;} .page-title-wrapper .mobile-filter ul.filter{ background: #000; } .filter-portfolio li span i{ font-size: 23px; } .filter-portfolio li a:before {content:'\e8bd'; font-family: 'fontello'; font-size: 15px; font-style: normal; font-weight: normal; position: absolute; right: -20px;color: rgba(0, 0, 0, 0.7);} .page-title-wrap .filter-portfolio li a:before{color: rgba(255, 255, 255, 0.7);} .filter-portfolio li:last-child a:before {display: none} .filter-portfolio li a:hover, .filter-portfolio li a.selected {color: #bbbbbb} .filter-portfolio li.filter-rep {color: #c3c3c3;} .filter-portfolio li a {color: #FFF;} .portfolio-columns .filter-portfolio {display: inline-block; margin: 10px 0 10px 30px} .portfolio-columns .filter-portfolio:before {content: '\e811'; font-family: 'fontello'; font-style: normal; font-size: 15px; font-weight: normal; color: #757575; position: absolute; left: 15px; top: 27px; } .portfolio-columns .filter-portfolio li a {color: #757575; } .portfolio-columns .filter-portfolio li a:hover, .portfolio-columns .filter-portfolio li a.selected {color: #00a6d5;} .portfolio-columns .filter-portfolio .fillter-icon {margin-right: 15px;} .portfolio-columns .filter-portfolio .fillter-icon i{height: 52px; line-height: 52px; text-align: left;} .is-portfolio.is-mansory .portfolio-detail{box-shadow: 0 0 0.5px #dddddd inset;-moz-box-shadow: 0 0 0.5px #dddddd inset;-webkit-box-shadow: 0 0 0.5px #dddddd inset;} .portfolio-detail {background: #FFF; } .portfolio-detail h2.portfolio-title {color: #FFF; } .portfolio-detail h2.portfolio-title a {color: #FFF;} .portfolio-detail h2.portfolio-title a:hover {color: #00A6D5;} .portfolio-detail .desc {color: #bbbbbb; border-top: 1px solid #eeeeee; } .thumb-wrapper {position: relative; overflow: hidden;} .thumb-wrapper a img {display: block; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;} .thumb-hover-outer {position: absolute; bottom: 0; left: 0; width: 100%;} .portfolio-thumb-hover {} .portfolio-detail {padding: 15px 20px; height: 100%; text-align: center; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; opacity: 0;} h3.portfolio-title a{font-size: 16px; margin-bottom: 10px; text-transform: uppercase; display: block;} .portfolio-detail .desc {font-size: 11px; text-transform: uppercase; padding-top: 10px; display: inline-block; font-style: italic;} .thumb-wrapper:hover .portfolio-detail {opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;} .thumb-wrapper:hover a img {-webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px);} /* Portfolio columns */ .portfolio-columns {margin-top: -10px !important;} .portfolio-columns .isotope-item .thumb-wrapper {margin: 0;} /* PortFolio detail */ .portfolio-detail-inner {padding-left: 50px !important; background: url(/wp-content/themes/Sonec/assets/images/boder-y.jpg) repeat-y 10px 0; height: 100%;} h3.portfolio-heading { background: url("/wp-content/themes/Sonec/assets/images/border-x.jpg") repeat-x scroll left bottom transparent; font-size: 16px; font-weight: bold; margin-bottom: 15px; padding-bottom: 12px; text-transform: uppercase; } h3.portfolio-heading {margin-bottom: 30px;} .project-meta {list-style: none} .project-meta li {font-style: italic;padding:4px 0px;} .project-meta li span{font-style: normal;} .project-nav li {margin-right: 7px; display: inline-block} .single-portfolio-list a{display: block; margin-bottom: 30px;} .single-portfolio-list a:last-child {margin-bottom: 0;} .single-portfolio-list a img {width: 100%; height: auto;} /* FlexSlider style */ .flexslider .gallery-wrap{height: 100%; display: block;} .gallery-wrap {margin-top: 30px;} .gallery-wrap .fws, .gallery-wrap{ position: relative; } .fw-carousel-wrap #carousel {} .fw-carousel{ margin: 0px ; } .gallery-wrap .flex-direction-nav {display: block;} .fw-carousel .flex-direction-nav a{ position: absolute; top: 50%; margin-top: -20px; width: 24px; height: 40px; line-height: 40px;} .fw-carousel .flex-direction-nav a i{font-size: 17px;} .fw-carousel .flex-direction-nav .flex-prev{ } .fw-carousel .flex-direction-nav .flex-prev:hover{} .fw-carousel .slides li{ display: block; float: left; cursor: pointer; width: auto !important;} .fw-carousel .slides li img{ max-width: 75px; max-height: 75px; } .fw-carousel .slides li{ opacity: .6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .fw-carousel .slides li.flex-active-slide{ opacity: 1; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .fw-carousel .flex-direction-nav .flex-next{ left: auto;} .fw-carousel .flex-direction-nav .flex-next:hover{ } .fw-carousel .flex-direction-nav .flex-next.flex-disabled{ opacity: .6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .fw-carousel .flex-direction-nav .flex-prev.flex-disabled{ opacity: .6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .fw-flexslider .flex-direction-nav a{ position: absolute; top: 50%; margin-top: -35px; width: 40px; height: 70px; font-size: 20px; line-height: 70px; } .fw-flexslider .flex-direction-nav a.flex-next i {right: 0px;} .fw-flexslider .flex-direction-nav .flex-prev{ left: 0px; right: auto;} .fw-flexslider .flex-direction-nav .flex-prev:hover{ } .fw-carousel { max-width: 675px; margin: 0 20px; float: left; position: absolute; bottom: 0px; left: 0px; height: 75px; } .fw-flexslider .flex-direction-nav .flex-next{ right: 0px; left: auto} .fw-flexslider .flex-direction-nav .flex-next:hover{ } .fw-flexslider .flex-direction-nav .flex-next.flex-disabled{ opacity: .6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .fw-flexslider .flex-direction-nav .flex-prev.flex-disabled{ opacity: .6; filter:alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .fw-flexslider .slides li{min-height: 100%; text-align: center; vertical-align: middle;} .fw-flexslider .slides li img {} .fw-slider-wrap { padding-bottom: 0px;} /* fix height */ .fw-flexslider{ width: 100%; display: block; /* height: 600px; */ } .fw-flexslider .flex-viewport{ max-height: 100%; display: table-cell; vertical-align: middle; height: 100% !important} .fw-flexslider .slides li img{ /* max-height: 600px; */ width: auto; width: auto; max-width: 100%;} .fw-flexslider .flex-direction-nav a i{ line-height: 70px; margin-left: 10px;} .fw-carousel .flex-direction-nav a i{ line-height: 40px; margin: 0px 0px 0px 7px;} /**** Isotope CSS3 transitions ****/ .isotope-item { z-index: 2; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in;} .isotope-item .first{ clear: left; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transform, opacity; transition-property: transform, opacity; } .isotope.is-mansory .isotope-item{ visibility: hidden; } .isotope.not-apply .isotope-item.first{ clear: left; } .isotope.not-apply .isotope-item{ position: inherit !important;; } .isotope.not-apply .isotope-item.isotope-hidden{ display: none !important;; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .isotope.is-auto{margin-left: -5px; margin-right: -5px;} .isotope.is-auto .isotope-item{ padding:0px 5px; } /*Portfolio */ .isotope.is-auto.is-portfolio .isotope-item{ padding:0px; margin:0;} .isotope.is-auto.is-portfolio .isotope-item .item-inner, .isotope.is-auto.is-portfolio .isotope-item .thumb-wrapper { margin-bottom:0px;} .no-padding .rc-full-with .lv-2 .sonec-portfolio{ } .no-padding .rc-full-with .lv-2.index-1 .sonec-portfolio{ } /*Contact page*/ input.error {border: 1px solid red !important} .notice_ok{color:green !important;} .notice_error{color: red !important;} .loading{margin-left:0px;} .mapct {width: 100%; height: 350px; margin-bottom: 35px;} /* Search result page */ .search-result-wrap h2.post-title {font-size: 24px; font-weight: bold; line-height: 1; background: url(/wp-content/themes/Sonec/assets/images/border-x.jpg) repeat-x left bottom; text-transform: uppercase; padding-bottom: 40px; margin: 0} .search-result-wrap h2.post-title span {color: #bbbbbb;} .search-result-wrap .post-type {background: url(/wp-content/themes/Sonec/assets/images/boder-y.jpg) repeat-y right 0; padding-right: 65px !important;} .search-result-wrap .post-type span {font-size: 16px; color: #bbbbbb; text-transform: uppercase; display: block; text-align: right; padding: 40px 0px 0px 0px} .s-result {padding-left: 0 !important} .s-result .post {background: url(/wp-content/themes/Sonec/assets/images/border-x.jpg) repeat-x left bottom; } .s-result-element .post:last-child {background: 0 none} #s-result{min-height: 100px; margin: 0; padding: 0px; position: absolute; right: 0; top: 40px; width: 140%; display: none; background: #FFF; -webkit-box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.2); z-index: 99} #s-result:before { background: none repeat scroll 0 0 #FFFFFF; color: #FFFFFF; content: ""; font-family: 'fontello'; font-size: 25px; font-weight: normal; height: 20px; line-height: 1; position: absolute; right: 35px; top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: top; width: 20px;} .s-result-ajax-wapper {} .s-result-ajax-wapper a {font-size: 12px; text-transform: uppercase; color: #393939;} .s-result-ajax-wapper .show-all {border-bottom: 1px solid #ededed; padding: 10px 20px;} .result-element {width: 100%; float: left; border-bottom: 1px solid #ededed; display: table; } .result-element a, .result-element span {display: block; text-transform: uppercase; font-size: 12px; color: #393939; } .result-element span {padding: 10px;} .result-element a:last-child {border: none;} .result-element .post-type {width: 30%; display: table-cell ; border-right: 1px solid #ededed; vertical-align: middle; } .result-element.last .post-type {border-bottom: none} .result-element .result-wrap { overflow: hidden; display: table-cell; vertical-align: middle; } .result-wrap a {padding: 6px 0px; border-bottom: 1px solid #ededed; padding-left: 15px; padding-right: 15px;} .result-wrap a:hover {background: #ededed; color: #393939; } /* SLY SLIDER --------------------------------------------------------*/ .portfolio-fullwidth .gallery-details-wrapper{ margin: 0px 5px; } .full-width .gallery-details-wrapper{ margin: 0px 7px; } .gallery-details{ margin: 0px 0px; display: block; background: #FFF; position: relative;} .gallery-desc{ width: 300px; float: left; position: relative; font-size: 13px;} .gallery-desc-inner{ margin: 25px; padding-bottom: 40px; } .gallery-desc .g-title{font-size: 24px; margin: 20px 0px;} .g-meta{ margin-bottom: 10px; } .g-desc{ max-height: 370px; overflow: auto; } .g-controls{ position: absolute; bottom: 0px; left: 0px; width: 100%; display: block; text-align: center; background: #000} .g-controls button{ background: none; padding: 0px 5px; margin: 0px 5px } .g-controls button i{ color: #FFF; font-size: 17px;} .g-controls button:hover i{ color: #999;} .sly-slider{ position: relative; margin-left: 300px;} .sly-frame {} .sly-frame ul{ margin: 0px !important; } .sly-frame li{ float: left; list-style: none !important; margin: 0px 5px 0px 0px; padding: 0px;} /* Next and back button */ .sly-slider .controls button {background: rgba(0,0,0, 0.6); position: absolute; top: 50%; margin-top: -35px; width: 34px; height: 70px; cursor: pointer; text-align: center; line-height: 70px; padding: 0px; text-shadow: none;} .sly-slider .controls button:hover {background: #000} .sly-slider .controls button.prev { left: 0px; border-radius: 0px 3px 3px 0px;} .sly-slider .controls button.next{right: 0px; border-radius: 3px 0 0 3px;} .sly-slider .controls button i{ font-size: 24px; line-height: 70px; font-weight: normal; color: #FFF;} .sly-slider .scrollbar{ height: 6px; display: block; background: #000000; cursor: pointer;} .sly-slider .handle{ height: 6px; } .sly-slider .mousearea{height: 6px; background: #ededed} /* loading gallery */ .gallery-details-wrapper.loading{ min-height: 0px; display: block; position: relative; } .gallery-details-wrapper.loading .gallery-details { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);} .gallery-details-wrapper.loading.control-actions .gallery-details { opacity: .7 !important; filter:alpha(opacity=70) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; } .gallery-details-wrapper.loading .g-overlay{ position: absolute; top: 0px; left: 0px; display: block; height: 100%; width: 100%; } .gallery-details-wrapper.loading .g-overlay .loading-icon { display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; margin: 0;} .gallery-details-wrapper.loading .g-overlay .loading-icon span {display: none;} /* Flow Gallery */ .imageflow img {-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1))); } .imageflow .text{ text-align: center; } /* KenBurn Gallery */ .page-template-tmpl-gallery-kenburnst-php .site-content-wrapper{ padding-top: 0px !important; } #kenburns_overlay {left: 0; position: fixed; top: 0; z-index: 1; } #kenburns {left: 0; position: fixed; top: 2; } /* Black - White Gallery */ .isotope-item .item-inner {margin: 0px 0px 10px;} .isotope-item .item-inner .caption {background: #232323; display: block; padding: 20px;} .isotope-item .item-inner .caption p {font-size: 11px; line-height: 14px; margin-bottom: 5px; text-transform: uppercase;} .isotope-item .item-inner .caption h3 {color: #FFF; font-size: 15px; line-height: 20px; margin-bottom: 0; text-transform: uppercase;} .isotope-item .item-inner .caption h3 a {color: #FFF} .isotope-item .item-inner .caption h3 a:hover {color: #00a6d5} .isotope .overlay {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width:100%; height: 100%; display: block; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); overflow:visible; background: rgba(0, 0, 0, 0.0); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .isotope .overlay .info {background: url("/wp-content/themes/Sonec/assets/images/search.png") no-repeat center center ; width:100%; height: 100%; display: block; position:relative; top:0px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s 0s ease-in-out; -moz-transition: opacity 0.5s 0s ease-in-out; -o-transition: opacity 0.5s 0s ease-in-out; -ms-transition: opacity 0.5s 0s ease-in-out; transition: opacity 0.5s 0s ease-in-out; } .isotope .item-inner:hover .overlay{opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background: rgba(0, 0, 0, 0.4); } .isotope .item-inner:hover .overlay .info {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; } .black-and-white .isotope .overlay{ display: none; } .item-inner .img-wrapper{position: relative; display: block;} .item-inner .img-wrapper img {width: 100%;} .gallery-item.black-and-white {margin-top: -10px !important;} .gallery-columns .isotope-item .item-inner {margin: 0px;} /* Sidebar. ----------------------------------------------------------------------------------------*/ .page-has-leftsidebar .main-content {float: right;} .page-has-leftsidebar .left-sidebar {float: left;} .widget_posttitle{ font-size: 14px; margin-bottom: 0px;} .main-wrapper-inner .sidebar-wrapper {padding-left: 65px ; padding-top: 40px ;background: url(/wp-content/themes/Sonec/assets/images/boder-y.jpg) repeat-y 25px 0; height: 100%;} .main-wrapper-inner .sidebar-wrapper.left-sidebar { background: none; padding-left: 15px; } .left-sidebar {padding-left: 15px ; padding-right: 25px ; background: 0 none ; padding-top: 0 ; margin-top: 0;} .main-wrapper-inner .sidebar-wrapper.left-sidebar .left-sidebar-inner{ background: url(/wp-content/themes/Sonec/assets/images/boder-y.jpg) top right repeat-y ; padding-right: 40px; margin-top: -40px; padding-top: 40px; } .right-sidebar-inner{ padding-bottom: 40px;} .sidebar-wrapper, ul .sidebar ul, .sidebar-wrapper ol, .sidebar ol{ padding-left: 0px; list-style: inside;margin-left: 0px; } .sidebar-inner{ padding-bottom: 40px;} .widget {margin-bottom: 30px;} .sidebar-wrapper .widget:last-child{ margin-bottom: 0px;} .widget {font-size: 13px;} .widget ul, .widget ol{ padding-left: 0px;} .widget ul ul, .widget ol ol{ padding-left: 25px;} /* .iconentypo-right-open-mini:before { content: '\e879'; } .widget li{display: block; background: url(/wp-content/themes/Sonec/assets/images/bullet-cat.png) no-repeat left 13px; padding: 4px 0; padding-left: 15px; margin-bottom: 5px;} */ .widget li{ list-style: none; padding: 4px 0; margin-bottom: 0px;} .widget.widget_categories li:before, .widget.widget_nav_menu li:before, .widget.widget_pages li:before, .widget.widget_meta li:before, .widget.widget_archive li:before { content: '\e879'; font-family: "fontello"; font-size: 1em; padding-right: 10px; margin-bottom: 5px;} /* Widget title */ h3.widget-title {background: url(/wp-content/themes/Sonec/assets/images/border-x.jpg) repeat-x left bottom; font-size: 13.5px; text-transform: uppercase; font-weight: normal; margin-bottom: 9px; padding-bottom: 7px;} /* Search form */ .searchform{} .searchform .input-group-addon{ cursor: pointer; } .searchform .input-group-addon i { font-size: 18px;} /* Recent Post Widget */ .widget_recent_posts ul {list-style: none; padding-left: 0px;} .widget_recent_posts li {margin-bottom: 15px;} .widget_recent_posts img {float: left; margin-right: 15px; width: 50px; height: 50px;} .widget_recent_posts a {display: block; padding-left: 65px; font-size: 13px; font-family: 'Lato',Arial,sans-serif;} .widget_recent_posts a:hover {color: #00A6D5} /* Categories List*/ .widget_categories li ul{margin:10px 0px 0px 0px; padding-left: 25px;} .widget_categories li a {} .widget_categories ul.children {} /*TagCloud Widget*/ .widget_tag_cloud a {background: #aaaaaa; color: #FFF; display: inline-block;line-height: 1;font-size: 12px !important; margin: 0 3px 6px 0; padding: 9px 10px;border-radius: 2px;} .widget_tag_cloud a:hover {background: #CCC;} /*Contact Custom Text Widget*/ .widget_text p.local-add {max-width: 235px;} .widget_text .address-wrap p i {float: left; padding-top: 5px; } .widget_text .address-wrap p span {display: block; padding-left: 25px;} /* ST Widget */ .widget.widget_strecentcomments li, .widget.widget_strecentposts li, .widget.widget_stpopularposts li{ background: none; padding-left:0px; padding-bottom: 10px; } /* ADS */ .ads125 ul{margin-bottom:0px;} .ads125 ul li{float:left;margin:0px 36px 20px 10px; list-style: none !important; float: left; padding:0px;} .ads125 ul li:nth-child(2n){margin-right:0px;margin-left:0px;} /* Flicker Widget ----------------*/ .flickr_badge_image{float:left;margin:0 5px 9px;} .flickr_badge_image img{padding:3px;border:1px solid #d3d3d3;} .flickr_badge_image img{width: 63px;height: 63px;} .widget_rss ul li{ list-style: none; background: none; padding-left: 0px;} /* Calendar */ #wp-calendar { width: 100%; } #wp-calendar #next{ text-align: right; } #wp-calendar tbody td, #wp-calendar tbody th, #wp-calendar thead th{ text-align: center; } /* Footer. ----------------------------------------------------------------------------------------*/ .home-slider #footer, .kenburns #footer, .gallery-flip #footer {position: absolute; left: 0; bottom: 0; z-index: 20} #footer {display: block; } #footer { background: #FFF; width: 100%; } body.admin-bar.page-template-tmpl-gallery-fullscreen-php #footer{ } .footer-inner {padding: 15px 30px} .footer-inner.sidebars {padding: 60px 30px 0px; ;} .footer-inner.boxed {padding-left: 0px; padding-right: 0px;} /* Footer widgets*/ .footer-sidebar .widget ul, .footer-sidebar .widget ol{ padding-left: 0px;} .footer-sidebar .widget ol ol, .footer-sidebar .widget ul ul{ padding-left: 20px;} .footer-sidebar .widget-title{ background: none;padding-bottom:0px;} #footer.footer-dark{ background: #444444;} #footer.footer-dark .sidebars{ background: #222222;} #footer.footer-dark .footer-sidebar .widget-title { color: #d6d6d6;} #footer.footer-dark .footer-sidebar .widget-title { color: #d6d6d6;} .footer-sidebar .widget-title{ background: none; } #footer .footer-widget.first{ border: 0px none !important;padding-left:0px;} #footer .footer-widget.last{padding-right:0px;} /*Footer gird*/ #footer .sidebar.footer-sidebar{ } #footer .sidebar.footer-sidebar .footer-widget{ } /*#footer .sidebar.footer-sidebar .footer-widget .widget:last-child, .footer-widget .widget > ul{ margin-bottom: 0px;}*/ #footer.footer-dark{ background: #444444; } #footer.footer-dark .footer-widgets{ background: #222222; padding-bottom: 60px;} #footer .footer-widget{ border-left: 1px solid #444444; margin-bottom: 0px;padding-left:30px;padding-right:30px;} #footer.footer-dark .menu a, #footer.footer-dark .coryright a{ color: #aaaaaa;} #footer.footer-dark .menu a:hover, #footer.footer-dark .coryright a:hover{ color: #eeeeee;} #footer.footer-dark .coryright { color: #bbb;} #footer.footer-dark .flickr_badge_image img , #footer.footer-dark .widget_sttwitter .twitter-user img{ border-color: #444444; padding: 2px; } #footer.footer-dark .footer-sidebar .widget-title { color: #d6d6d6;} #footer.footer-dark .footer-sidebar .widget-title { color: #d6d6d6;} #footer.footer-light{ background: #ffffff;} #footer .footer-widgets{ padding-bottom: 30px;} #footer.footer-light .footer-widgets{ background: #ffffff; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;} #footer .widget{margin-bottom:30px;} #footer.footer-light .footer-widgets .footer-widget{ border-left: 1px solid #dddddd; margin-bottom: 0px; } #footer.footer-light .flickr_badge_image img , #footer.footer-light .widget_sttwitter .twitter-user img{ border-color: #D3D3D3; padding: 2px; } .footer-left .menu, .menu-footer-menu-container ul {margin: 0px; padding: 0; list-style: none;} .footer-left .menu li {float: left; margin-right: 35px; list-style: none; margin-top: 6px;} .footer-left .menu li a:before {content: '\e8bd'; font-family: 'fontello'; font-style: normal; font-weight: normal; font-size: 15px; color: #bbb; right: -20px; position: absolute;bottom: -2px;} .footer-left .menu li a {line-height: 1; padding: 0px 0px; display: block; font-size: 11px; color: #555555; text-transform: uppercase; position: relative;} .footer-left .menu li a:hover{color: #bbbbbb;} .footer-left .menu li:last-child a:before {display: none;} .footer-right .coryright { vertical-align: middle; color: #555555; text-transform: uppercase; font-size: 11px;} .coryright a {color: #555555} .coryright a:hover {color: #bbbbbb;} /* Blockquote */ .st-blockquote{font-style: italic;} /* Pagination - Not a shortcode */ .loadmore{margin-top:40px;} .loadmore a.btn.btn-block{background: #fff;padding:18px 0px;text-transform: uppercase;} .loadmore a.btn.btn-block:hover{color:#fff;} .st-pagination-wrap{ clear: both;} .st-pagination-wrap .pagination.st-pagination{ margin: 0px;} .st-pagination{} .st-pagination li{display: inline-block;} .st-pagination li a, .st-pagination li span{padding:6px 12px;background: #000;color:white; font-size: 15px; border: none; } .st-pagination li span, .st-pagination li a, .st-pagination li.active span{ border-radius: 0px ; -moz-border-radius: 0px ; -webkit-border-radius: 0px ; border: none ; border-width: 0px; } .st-pagination li a:hover, .st-pagination li a.page-current, .st-pagination li span.current, .st-pagination li a:hover, .st-pagination li.active a:hover, .st-pagination li.active span:hover{color:white; background: #c1c1c1;} .home-slider #sttotop {display: none !important} #sttotop {background: #333333; z-index: 999; border-radius: 2px 2px 2px 2px; bottom: 10px; cursor: pointer; display: none; height: 45px; padding: 5px; position: fixed; right: 10px; text-align: center; width: 45px;} #sttotop i { color: #FFFFFF; font-size: 26px; line-height: 33px;} /* Comments */ .comment-item{background: #FFF; } .comment-date {color: #aaaaaa;} #respond #submit {color: #FFF; background: #aaaaaa} /* Form Style */ body input[type="text"], body input[type="password"], body input[type="email"] , body textarea {border-bottom: 1px solid #fff; color: #555;background-color: #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*Contact*/ .wpcf7-form p span {color: #00a6d5} /* Back to blog posts */ #backto a {background: #000;} #backto a:hover {background: #C1c1c1;} /* animate in */ .mfp-wrap.mfp-ready .mfp-container {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); } /* animate out */ .mfp-wrap.mfp-removing .mfp-container {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /* Dark overlay, start state */ .mfp-wrap.mfp-bg {opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .mfp-wrap.mfp-ready.mfp-bg {opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } /* animate out */ .mfp-wrap.mfp-removing.mfp-bg {opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } /*Effect when search ajax*/ .loading-icon{ display: block; height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; } .loading-icon .shape { width: 20px; height: 20px; display: block; -webkit-border-radius: 7.5em; -moz-border-radius: 7.5em; border-radius: 7.5em; margin-right: 2px; position: absolute; float: left; z-index: 999; top: 50%; margin-top: -15px; } .loading-icon .shape1 { background: #1abc9c; } .loading-icon .shape2 { background: #e74c3c; } #s-result .loading-icon span.searching {display: block; text-align: center; padding-top: 65px; text-transform: uppercase; color: #bbb;} /*Effect when load Slider*/ #supersized-loader {display: none; height: 100%; width: 100%;} .loading-icon { position: absolute; z-index: 999; top: 50%; margin-top: -55px; display: table-cell; vertical-align: middle; width: 100%;} .loading-icon .loading-wrap { font-size: 100px; width: 1em; height: 1em; position: relative; margin: 0px auto; border-radius: 50%; list-style: none; } .loading-icon .loading-wrap li { position: absolute; width: .2em; height: .2em; border-radius: 50%; } .loading-icon .loading-wrap li:nth-child(1) { left: 50%; top: 0; margin: 0 0 0 -.1em; background: #00C176; -webkit-transform-origin: 50% 250%; -moz-transform-origin: 50% 250%; -ms-transform-origin: 50% 250%; -o-transform-origin: 50% 250%; transform-origin: 50% 250%; -webkit-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -moz-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -ms-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; -o-animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } .loading-icon .loading-wrap li:nth-child(2) { top: 50%; right: 0; margin: -.1em 0 0 0; background: #FF003C; -webkit-transform-origin: -150% 50%; -moz-transform-origin: -150% 50%; -ms-transform-origin: -150% 50%; -o-transform-origin: -150% 50%; transform-origin: -150% 50%; -webkit-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -moz-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -ms-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; -o-animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } .loading-icon .loading-wrap li:nth-child(3) { left: 50%; bottom: 0; margin: 0 0 0 -.1em; background: #FABE28; -webkit-transform-origin: 50% -150%; -moz-transform-origin: 50% -150%; -ms-transform-origin: 50% -150%; -o-transform-origin: 50% -150%; transform-origin: 50% -150%; -webkit-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -moz-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -ms-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; -o-animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } .loading-icon .loading-wrap li:nth-child(4) {top: 50%; left 0; margin: -.1em 0 0 0; background: #88C100; -webkit-transform-origin: 250% 50%; -moz-transform-origin: 250% 50%; -ms-transform-origin: 250% 50%; -o-transform-origin: 250% 50%; transform-origin: 250% 50%; -webkit-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -moz-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -ms-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; -o-animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } @-webkit-keyframes rota {to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rota {to { -moz-transform: rotate(360deg); } } @-ms-keyframes rota {to { -ms-transform: rotate(360deg); } } @-o-keyframes rota {to { -o-transform: rotate(360deg); } } @keyframes rota {to { transform: rotate(360deg); } } @-webkit-keyframes opa {12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-moz-keyframes opa {12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-ms-keyframes opa {12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @-o-keyframes opa {12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } @keyframes opa {12.0% { opacity: 0.80; } 19.5% { opacity: 0.88; } 37.2% { opacity: 0.64; } 40.5% { opacity: 0.52; } 52.7% { opacity: 0.69; } 60.2% { opacity: 0.60; } 66.6% { opacity: 0.52; } 70.0% { opacity: 0.63; } 79.9% { opacity: 0.60; } 84.2% { opacity: 0.75; } 91.0% { opacity: 0.87; } } /* THEME ANIMATIONS -----------------------------------------------------------------------------------*/ /* BASE ANIMATION - ADD TO ANY ANIMATED OBJECTS */ .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } /* BOUNCE IN FROM BOTTOM */ .BottomToTop { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: BottomToTop; -moz-animation-name: BottomToTop; -o-animation-name: BottomToTop; animation-name: BottomToTop; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; } @-webkit-keyframes BottomToTop { 0% { opacity: 0; -webkit-transform: translateY(50px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes BottomToTop { 0% { opacity: 0; -moz-transform: translateY(50px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes BottomToTop { 0% { opacity: 0; -o-transform: translateY(50px); } 100% { -o-transform: translateY(0); } } @keyframes BottomToTop { 0% { opacity: 0; transform: translateY(50px); } 100% { transform: translateY(0); } } /* Mics*/ ul.no-margin{ margin-left: 0px; list-style: none; padding-left: 0px;} /*----------// Boostrap Hack //----------*/ .radio, .checkbox{ display: inline; vertical-align: top; height: auto; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{ background: #C1C1C1; color: #fff; } .input-group-addon{ border-bottom: 1px solid #FFFFFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; } .form-control{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; height: auto; border-bottom: 1px solid #fff; color: #555;background-color: #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-control:focus{ box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none; border-color: #EBEBEB; border-bottom: 1px solid #fff !important; background: #E1E1E1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset; } textarea.form-control:focus{ background-color: #E1E1E1; border-bottom: 1px solid #fff !important; color: #555; box-shadow: none; border-color: #CCCCCC; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset !important; } .carousel-inner > .item{ float: none !important;; } .btn{ -webkit-border-radius:2px ; -moz-border-radius: 2px; border-radius: 2px ;box-shadow: 0 -1.3px 0 0 rgba(0, 0, 0, 0.1) inset} .carousel-control{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); cursor: pointer; height: 70px; line-height: 70px; margin-top: -35px; position: absolute; text-align: center; top: 50%; width: 34px; } .carousel-control.left{ -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .carousel-control.right{ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } [class^="iconentypo-"]:before, [class*=" iconentypo-"]:before{margin-left:0px;width: auto;} .carousel-indicators li.active{border:none;} .carousel-indicators li{margin:0px 3px !important;} .carousel-indicators li,.carousel-indicators li.active{padding:0px !important;height:10px;width:10px;} /*----------// Config Megamenu //----------*/ #megaMenu #megaST .no-megamenu .menu-row.sub-menu-0 {margin-top:-2px;} #megaMenu #megaST .no-megamenu .menu-row li a{} #megaMenu #megaST .nav-dd{margin-top:-2px;} /*----------// Responsive Hack //----------*/ /* Responsive Grid For Mobile ----------------------------------------------------------------------------------------*/ @media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container{ margin: 0px auto;} .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; } .row .column, .row .columns { width: 100%; float: none; } .column:last-child, .columns:last-child { float: none; } [class*="column"] + [class*="column"]:last-child { float: none; } .main-content .list-post .post, [class*="col"]{ padding-left: 0px; padding-right: 0px; } .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; } .column:after, .columns:after { clear: both; } .container.main-wrapper-outer{ padding: 30px;} .footer-widgets{ padding-left: 30px; padding-right: 30px;} .main-wrapper-inner .main-content.has-right-sidebar{ padding-left: 0px;} .main-wrapper-inner .sidebar-wrapper.right-sidebar{ padding-left: 0px; padding-right: 15px;} .main-wrapper-inner .main-content.has-left-sidebar{ padding-right: 0px;} .main-wrapper-inner .sidebar-wrapper.left-sidebar{ padding-right: 0px; padding-right: 15px;} } .widget{ font-size: 14px; } .footer-widget.widget-1{ font-size: 14px; line-height: 16px; } ul.recent-projects li { float: left; margin: 5px 5px 5px 0; } ul.recent-projects li a { display: block; } ul.recent-projects li a img{ width: 70px; border:2px solid #444; } .isotope-items.gn-4 .isotope-item .press-magazine{ padding: 0; } .press-magazine .box{ position: relative; overflow: hidden; } .press-magazine .box:hover{ background: #000; overflow: hidden; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; } .press-magazine .img-wrapper{ float: left; width: 50%; } .press-magazine .detail{ float: left; width: 50%; } .press-magazine .detail h3.title{ color: #333; text-transform: uppercase; line-height: 26px; padding: 15px 0 0 15px; font-size: 17px; } .press-magazine .detail .desc{ padding: 0 0 0 15px; } .press-magazine .img-wrapper:hover + .detail h3.title a, .press-magazine .box:hover .detail h3.title a, .press-magazine .box:hover .detail h3.title{ color: #F90; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; } .press-magazine .detail .read { margin-top: 20px; background: #333; padding:0 15px; position: absolute; bottom:20px; } .press-magazine .detail .read a{ font-style: italic; color: #fff; line-height: 40px; } #primary-nav-mobile-a i{ color: #fff; } #primary-nav-mobile-a { top:40px; right:-40px; } #primary-nav-id{ float: left; } #primary-nav-id #menu-item-1199{ background: #BCA474; } #primary-nav-id #menu-item-1199 a{ color: #665C48; } #primary-nav-id #menu-item-1199 a:hover{ color: #7E7E7E; } #primary-nav-id #menu-item-1417{ background: #BCA474; } #primary-nav-id #menu-item-1417 a{ color: #665C48; } #primary-nav-id #menu-item-1417 a:hover{ color: #7E7E7E; } .home-links .builder-column .lv-3{ margin-bottom: 20px; } .home-links .four{ padding: 0; } .home-links .four a{overflow: hidden; display: block} .home-links .four img{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .home-links .four:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .dropdown-menu.filters{ border:0; background:rgba(45, 45, 45, 0.89); z-index:10; border-radius: 0px; } .filter-portfolio .dropdown-menu.filters li{ margin: 0; float: none; } .filter-portfolio .dropdown-menu.filters li a{ padding: 5px 0px 5px 15px; color: #fff; font-size: 11px; } .filter-portfolio .dropdown-menu.filters li a:hover{ background: none; } .filter-portfolio .caret{ margin:0px 0 2px 5px; border-top-color:#5b5b5b; } .filter-portfolio .dropdown-menu.filters li a:before{ content:""; } .post-1560.thumb-wrapper a.img-wrapper, .post-2820.thumb-wrapper a.img-wrapper, .post-2825.thumb-wrapper a.img-wrapper, .post-2827.thumb-wrapper a.img-wrapper, .post-2838.thumb-wrapper a.img-wrapper, .post-2840.thumb-wrapper a.img-wrapper { pointer-events: none; cursor: default; } .post-1560.thumb-wrapper:hover a.img-wrapper img, .post-2820.thumb-wrapper:hover a.img-wrapper img, .post-2825.thumb-wrapper:hover a.img-wrapper img, .post-2827.thumb-wrapper:hover a.img-wrapper img, .post-2838.thumb-wrapper:hover a.img-wrapper img, .post-2840.thumb-wrapper:hover a.img-wrapper img { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .post-1560.thumb-wrapper:hover .thumb-hover-outer, .post-2820.thumb-wrapper:hover .thumb-hover-outer, .post-2825.thumb-wrapper:hover .thumb-hover-outer, .post-2827.thumb-wrapper:hover .thumb-hover-outer, .post-2838.thumb-wrapper:hover .thumb-hover-outer, .post-2840.thumb-wrapper:hover .thumb-hover-outer { display: none; } .back-link{ margin-top: 32px; display: inline-block; padding:6px 50px; font-size: 15px; line-height: 20px; float: right; text-transform: uppercase; color: #FFF; } .single-portfolio .section.large-padding{ padding-top: 30px; } .single-post .post-charactor{ display: none; } .single-post . .post-comments{ display: none; } .single h1.page-title{ max-width: 800px; } .isotope.is-auto.is-portfolio .isotope-item.current .img-wrapper{ background: black; } .isotope.is-auto.is-portfolio .isotope-item.current .img-wrapper img{ opacity: 0.2; } .search-box{ max-height: 95px; } #header.stuck .search-box #searchform{ margin-top: 10px; display: block; } /* Media Queries ----------------------------------------------------------------------------------------*/ /* Smaller than standard 960 (devices and browsers) (ALL) */ @media only screen and (max-width: 1030px) { #slidecaption {width: 100%; padding: 0px ;overflow: hidden; left: 0 !important} #slidecaption h2, #slidecaption .desc {padding: 0px 50px} .has-filter h2.page-title, .has-filter p.page-title-desc {margin-top: 15px;} .has-filter.has-page-title .filter-portfolio li a {padding: 10px 0px 10px 30px;} .sonec-wrapper {position: absolute; left: 0; top: 0;} body.admin-bar .sonec-wrapper { top: 28px;} } /* Tablet Portrait size to standard 960 (devices and browsers) (4)*/ @media only screen and (min-width: 768px) and (max-width: 959px) { .stuck .header-inner .social-share{ top:0px;} .logo-wrapper{ margin-left: 40px;} .body-stuck #primary-nav-mobile-a{ top: 15px; } /* Primary Nav */ #mobile-menu-wrapper, #primary-nav-mobile-a{display: block;} #primary-nav-id, .search-box{display: none;} .header-inner {position: relative;} .left-header {float:none !important;} .logo-wrapper {padding: 0;} .header-inner .social-share {position: absolute; top: 25px; right: 30px;} .header-inner .social-share li {height: auto;} .social-share ul li.rep {display: none;} .page-title-inner {display: block;} h2.page-title{font-size: 34px; line-height: 40px; margin-top: 20px; margin-bottom: 20px;} p.page-title-desc {margin-top: 20px; margin-bottom: 20px;} p.page-title-desc span.sec {font-size: 34px; line-height: 40px;} .footer-right {width: 40%;} ul.post-categories {float: none;} .meta-outer {margin-top: 10px;} .post-time {margin-left: 0px;} body.admin-bar .sonec-wrapper { top: 28px;} } /* All Mobile Sizes (devices and browser)(1,2,3) */ @media only screen and (max-width: 768px){ .stuck .header-inner .social-share{ top: 5px;} .logo-wrapper{ margin-left: 40px;} .body-stuck #primary-nav-mobile-a{ top: 15px; } .container.main-wrapper-outer{ padding-top: 0px; padding-bottom: 0px;} .full-width-mod .rc-inside{ padding-left: 30px; padding-right: 30px;} .full-width-mod.has-custom > .rc-inside.rc-boxed > .bd-row{ margin-right: 0px !important; margin-left: 0px !important;} .full-width-mod.has-custom > .rc-inside.rc-boxed >.bd-row > .item-inner{ padding-left: 0px !important; padding-right: 0px !important; } .portfolio-nav{ display: none;} .st-breadcrumb{ display: none;} /* Primary Nav */ #primary-nav-mobile-a{display: block;} #primary-nav-mobile{display: block;} #primary-nav-id{display: none;} .primary-nav{ display: none; } .mobile-menu{ display: block !important; } /* header logo */ .header-left{ width: 100%; text-align: center;} .isotope.is-mansory .isotope-item{ width: 100%; } .isotope.is-mansory .isotope-item{ width: 100%; } /* Primary Nav */ #mobile-menu-wrapper, #primary-nav-mobile-a{display: block;} #primary-nav-id, .search-box {display: none;} #slidecaption {top: 40%;} #slidecaption h2, h2.page-title, h2.parallax-title {font-size: 30px; line-height: 38px;} .left-header {float:none !important;} .logo-wrapper {padding: 0;} .social-share {display: block; float: none; position: absolute; top: 30px; right: 30px; } .stuck .social-share {top: 25px; } body.admin-bar.page-template-tmpl-gallery-fullscreen-php .social-share{ top : 50px; } .social-share ul.header-social {text-align: center; display: block; margin: 0;} .social-share ul.header-social li {display: inline-block; vertical-align: top; float: none; height: auto; padding-bottom: 15px; margin-left: 5px;} .social-share ul li.rep {display: none;} .page-title-inner{display: block;} .has-filter h2.page-title {font-size: 32px; line-height: 36px; float: none; margin-bottom: 10px;} p.page-title-desc {display: none;} .page-wrapper .left-sidebar {padding-right: 15px !important;} .left-sidebar .left-sidebar-inner {padding-right: 0; background: 0 none;} .main-wrapper-inner .sidebar-wrapper { background: 0 none !important; padding-top: 0px; } .main-wrapper-inner .sidebar-wrapper.right-sidebar{ padding-left: 15px;} .main-wrapper-inner .sidebar-wrapper.left-sidebar{ padding-right: 15px; padding-left: 15px;} .main-wrapper-inner .sidebar-wrapper.left-sidebar .left-sidebar-inner { background: 0 none; margin-top: 00px; padding-right: 0px; padding-top: 0px; } .page-has-leftsidebar .main-content {float: left;} ul.post-categories {float: none;} .meta-outer {margin-top: 10px;} .post-time {margin-left: 0px;} .entry-header {margin: 15px 0px;} .section .bd-row > .builder-column{ margin-top: 0px;} .no-page-title.has-filter .filter-portfolio {display: inline-block; padding: 5px 0px;} .no-page-title.has-filter .filter-portfolio li a {padding: 10px 0 5px 0px} .single h2.entry-title {font-size: 26px; line-height: 30px; margin-bottom: 10px;} .meta-entry {margin-bottom: 10px;} #comments li ul.children {padding: 0;} .footer-left .menu {display: block; text-align: center;} .footer-left .menu li {float: none; display: inline-block; } .coryright {text-align: center;} .footer-left .menu li a {padding: 10px 0px} .footer-left .menu li.menu-rep {height: 30px; line-height: 30px;} .s-result-element .post-type {display: none;} .portfolio-detail-inner {background: 0 none; padding-left: 0 !important;} .footer-inner {padding: 10px 30px;} .footer-inner {font-size:12px;} .footer-right {float: none !important; height: auto; display: block; text-align: center; width: 100%; } .footer-right .coryright {display: inline-block !important} body.admin-bar .sonec-wrapper { top: 28px;} .st-pagination-wrap.loadmore{ margin-top: 15px; padding-top: 0px;} .footer-widgets{ padding-right: 25px; padding-left: 25px;} .footer-widget{ border: 0px none !important;} /*Footer gird*/ #footer .sidebar.footer-sidebar{ display: block; } /* #footer .sidebar.footer-sidebar .footer-widget{ float: none; display: block; padding-left: 0px; padding-right: 0px;} */ .filter.filter-portfolio{ display: none; } .mobile-filter{ display: block; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) (3) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .stuck .header-inner .social-share{ top: 20px;} .logo-wrapper{ margin-left: 0px;} .body-stuck #primary-nav-mobile-a{ top: 15px; } .logo-wrapper h1{ margin: 0 auto; } .filter.filter-portfolio{ display: none; } .mobile-filter{ display: block; } .sidebar-wrapper{ margin-top: 0px; margin-bottom: 0px;} /* .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{ padding-left:0px; padding-right: 0px; } */ .main-content{ padding-left: 0px !important; padding-right: 0px !important;} .main-content .use-editor{ padding-left: 15px ; padding-right: 15px ;} .st-pagination-wrap{ padding-top: 20px; text-align: center;} .blog-list-masonry{ height: auto !important;} .masonry-blog-item{ position: relative !important; visibility: visible !important; top: auto !important; left: auto !important; clear: both; margin-left: auto; margin-right: auto; } #footer .sidebar.footer-sidebar .footer-widget{ float: none; display: block; padding-left: 0px; padding-right: 0px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) (1, 2) */ @media only screen and (max-width: 480px) { .stuck .header-inner .social-share{ top: 20px;} .logo-wrapper{ margin-left: 0px;} .body-stuck #primary-nav-mobile-a{ top: 15px; } .logo-wrapper h1{ margin: 0 auto; } .filter.filter-portfolio{ display: none; } .mobile-filter{ display: block; } [class*="column"] + [class*="column"]:last-child { float: none; } .main-content .list-post .post, [class*="col"]{ padding-left: 0px; padding-right: 0px; } .full-width-mod .rc-inside{ padding-left: 30px; padding-right: 30px;} .full-width-mod.has-custom > .rc-inside.rc-boxed > .bd-row{ margin-right: 0px !important; margin-left: 0px !important;} #slidecaption h2, h2.page-title {font-size: 22px; line-height: 26px;} .footer-left .menu li.menu-rep {margin: 0px} h2.page-title {margin: 15px 0px;} #slidecaption h2, #slidecaption .desc {padding-left: 25px !important;} body.admin-bar .sonec-wrapper { top: 28px;} .sidebar-wrapper{ margin-top: 0px; margin-bottom: 0px;} .main-content { padding-left: 0px !important; padding-right: 0px !important;} .main-content .use-editor{ padding-left: 15px ; padding-right: 15px ;} .container.main-wrapper-outer{ padding: 0px;} body.use-builder .main-wrapper-inner{ padding: 0px 30px; } .st-pagination-wrap{ padding-top: 20px; text-align: center; } .blog-list-masonry{ height: auto !important;} .masonry-blog-item{ position: relative !important; visibility: visible !important; top: auto !important; } .masonry-blog-item{ position: relative !important; visibility: visible !important; top: auto !important; left: auto !important; clear: both; } #footer .sidebar.footer-sidebar .footer-widget{ float: none; display: block; padding-left: 0px; padding-right: 0px;} } @media only screen and (max-width: 320px) { .stuck .header-inner .social-share{ top: 20px;} .logo-wrapper{ margin-left: 0px;} .body-stuck #primary-nav-mobile-a{ top: 15px; } .logo-wrapper h1{ margin: 0 auto; } .filter.filter-portfolio{ display: none; } .mobile-filter{ display: block; } .full-width-mod .rc-inside{ padding-left: 30px; padding-right: 30px;} .full-width-mod.has-custom > .rc-inside.rc-boxed > .bd-row{ margin-right: 0px !important; margin-left: 0px !important;} body.use-builder .main-wrapper-inner{ padding:0px 30px;} } /* Mobile Portrait Size to Mobile Landscape Size SMALL phone (devices and browsers) (1) */ @media only screen and (min-width: 240px) and (max-width: 320px) { #slidecaption h2, h2.page-title {font-size: 18px; line-height: 22px;} body.admin-bar .sonec-wrapper { top: 28px;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{ padding-left:0px; padding-right: 0px; } .blog-list-masonry{ height: auto !important;} .masonry-blog-item{ position: relative !important; visibility: visible !important; top: auto !important; } } @media (min-width: 768px) { .layout-boxed-mod .page-outer-wrapper{ max-width: 750px; } } @media (max-width: 992px) { } @media (min-width: 992px) { .layout-boxed-mod .page-outer-wrapper{ max-width: 970px; } } @media (min-width: 1200px) { .layout-boxed-mod .page-outer-wrapper{ max-width: 1170px; } .home .section-2 p{ padding: 0 15%;} }