/* Theme Name: West Theme URI: http://synapsweb.com Author: Synapsweb Author URI: http://synapsweb.com Description: West is a modern and elegant WordPress theme for your business website. Every single detail is carefully designed in order to create a wonderful user experience. Business Guru is very easy to set up and customize. Version: 1.4 Tags: blue, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, featured-images, full-width-template, sticky-post, theme-options License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* ---------------------------------------------------------------------- */ /* Reset /* ---------------------------------------------------------------------- */ @font-face { font-family: "CountryBlueprint"; src: url("http://beta.shhhardware.com/wp-content/themes/west/fonts/CountryBlueprint.eot"); src: url("http://beta.shhhardware.com/wp-content/themes/west/fonts/CountryBlueprint.eot?#iefix") format("embedded-opentype"), url("http://beta.shhhardware.com/wp-content/themes/west/fonts/CountryBlueprint.woff") format("woff"), url("http://beta.shhhardware.com/wp-content/themes/west/fonts/CountryBlueprint.ttf") format("truetype"), url("http://beta.shhhardware.com/wp-content/themes/west/fonts/CountryBlueprint.svg#CountryBlueprint") format("svg"); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'DJB BLUEPRINT'; src: url('fonts/DJBBLUEPRINT.eot'); src: url('fonts/DJBBLUEPRINT.eot?#iefix') format('embedded-opentype'), url('fonts/DJBBLUEPRINT.woff2') format('woff2'), url('fonts/DJBBLUEPRINT.woff') format('woff'), url('fonts/DJBBLUEPRINT.ttf') format('truetype'), url('fonts/DJBBLUEPRINT.svg#DJBBLUEPRINT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DJB BLUEPRINT'; src: url('fonts/DJBBLUEPRINT_1.eot'); src: url('fonts/DJBBLUEPRINT_1.eot?#iefix') format('embedded-opentype'), url('fonts/DJBBLUEPRINT_1.woff2') format('woff2'), url('fonts/DJBBLUEPRINT_1.woff') format('woff'), url('fonts/DJBBLUEPRINT_1.ttf') format('truetype'), url('fonts/DJBBLUEPRINT_1.svg#DJBBLUEPRINT') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'hanwang_kaibold-gb5regular'; src: url('fonts/wts11-webfont.eot'); src: url('fonts/wts11-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/wts11-webfont.woff2') format('woff2'), url('fonts/wts11-webfont.woff') format('woff'), url('fonts/wts11-webfont.ttf') format('truetype'), url('fonts/wts11-webfont.svg#hanwang_kaibold-gb5regular') format('svg'); font-weight: normal; font-style: normal; } body { font-family:"Arial"; font - size: 14 px; color: #969CB3; word-wrap: break-word; line-height: 1.9; letter-spacing: 0.5px; text - rendering: optimizeLegibility; } h1, h2, h3, h4, h5, h6 { color: #2B2D3A; font-family: 'Montserrat', sans-serif; font-weight: 800;}a,a:hover { color: # EAAB1C; }.primary - color { color: #EAAB1C; } ul { list - style - type: square; } /*--------------------------------------------------------------# Tables--------------------------------------------------------------*/ table { width: 100 % ;margin - bottom: 20 px;border: 1 px solid# e0e0e0; } th { background - color: #f5f5f5; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 10 px;line - height: 1.42857143;vertical - align: top; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { border: 1 px solid# dddddd; } /*--------------------------------------------------------------Forms--------------------------------------------------------------*/ button, input, select, textarea { font - size: 100 % ; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical - align: baseline; /* Improves appearance and consistency in all browsers */ padding: 15 px; } button, .button, input[type = "button"], input[type = "reset"], input[type = "submit"] { font - size: 13 px; padding: 15 px 30 px; border: 0; font - weight: 700; color: #fff; background - color: #EAAB1C; - webkit - transition: all 0.3 s; transition: all 0.3 s; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ - webkit - appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ text - transform: uppercase; }.button { -webkit - appearance: none; } input[type = "submit"] { margin - top: 5 px; } button: hover, .button: hover, input[type = "button"]: hover, input[type = "reset"]: hover, input[type = "submit"]: hover { opacity: 0.9;text - decoration: none;color: #fff; } button: focus, input[type = "button"]: focus, input[type = "reset"]: focus, input[type = "submit"]: focus, button: active, input[type = "button"]: active, input[type = "reset"]: active, input[type = "submit"]: active { border - color: #aaa# bbb# bbb; box - shadow: inset 0 - 1 px 0 rgba(255, 255, 255, 0.5), inset 0 2 px 5 px rgba(0, 0, 0, 0.15); } input[type = "checkbox"], input[type = "radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type = "search"] { -webkit - appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ - webkit - box - sizing: content - box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ - moz - box - sizing: content - box; box - sizing: content - box; } input[type = "search"]::-webkit - search - decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit - appearance: none; } button::-moz - focus - inner, input::-moz - focus - inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0;padding: 0; } input[type = "text"], input[type = "email"], input[type = "url"], input[type = "password"], input[type = "search"], textarea { color: #666; border: 1px solid # ebebeb;border - radius: 3 px;font - weight: 400; } input[type = "text"]: focus, input[type = "email"]: focus, input[type = "url"]: focus, input[type = "password"]: focus, input[type = "search"]: focus, textarea: focus { color: #111;}input[type= "text"], input[type = "email"], input[type = "url"], input[type = "password"], input[type = "search"] { padding: 13 px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding - left: 8 px;vertical - align: top; /* Improves readability and alignment in all browsers */ width: 100 % ; }.header - buttons { text - align: center; position: relative; margin - top: 45 px; }.header - button { display: inline - block; }.header - button { background - color: transparent; border: 1 px solid rgba(255, 255, 255, 0.3); color: #fff; }.header - button.right - button { margin - left: 30 px; }.header - button: hover { background - color: #fff; color: #1c1c1c; opacity: 1;}/*--------------------------------------------------------------# Navigation-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- * //*--------------------------------------------------------------## Links--------------------------------------------------------------*/a:focus { outline: thin dotted;}a:hover,a:active { outline: 0;}/*--------------------------------------------------------------## Menus--------------------------------------------------------------*/.main-navigation { display: block; float: right;}.main-navigation ul { list-style: none; margin: 0; padding-left: 0; float: right;}.main-navigation li { float: left; position: relative; padding: 10px 20px; font-size: 17px; font-weight: 600; text-transform: uppercase;}.main-navigation li::before { font-family: Fontawesome; color: #EAAB1C; display: inline-block; margin-right: 7px; -webkit-transition: color 0.3s; transition: color 0.3s;}.main-navigation a { display: inline-block; text-decoration: none; color: #000; padding-bottom: 5px; -webkit-transition: color 0.3s; transition: color 0.3s;}.main-navigation ul ul { float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; background-color: #1C1E21;}.main-navigation ul ul ul { left: -999em; top: -1px; padding-top: 0;}.main-navigation ul ul a { width: 200px; color: #f3f3f3; padding: 0;}.main-navigation ul ul li { text-transform: none; padding: 10px; font-weight: 300; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}.main-navigation ul ul li:last-of-type { border-bottom: 0;}.main-navigation li:hover > a,.main-navigation li.focus > a {}.main-navigation ul ul:hover > a,.main-navigation ul ul .focus > a {}.main-navigation a:hover,.main-navigation ul ul a:hover,.main-navigation ul ul a.focus { color: #EAAB1C;}.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul { left: auto;}.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul { left: 100%;}.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_ancestor > a { border-bottom: 1px solid #EAAB1C;}.main-navigation ul ul .current_page_item > a,.main-navigation ul ul .current-menu-item > a,.main-navigation ul ul .current_page_ancestor > a { border-bottom: 0;}/* Mobile menu */.mobile-nav { display: none; text-align: center; width: 100%;}.slicknav_menu .slicknav_menutxt { display: block; font-size: 30px;}.slicknav_menu .slicknav_icon { display: none;}.slicknav_menu .slicknav_no-text { margin: 0}.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; border-radius: 1px;}.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em}.slicknav_nav { clear: both}.slicknav_nav ul,.slicknav_nav li { display: block; border: 0;}.slicknav_nav .slicknav_item { cursor: pointer;}.slicknav_nav .slicknav_row { display: block;}.slicknav_nav a { display: block}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a { display: inline}.slicknav_menu:before,.slicknav_menu:after { content: " "; display: table;}.slicknav_menu:after { clear: both}.mobile-nav { display: none;}.slicknav_menu { text-align: right;}.slicknav_nav .slicknav_arrow { font-size: 16px; margin: 0 0 0 7px; line-height: 1; display: inline-block; vertical-align: middle;}.slicknav_btn { margin: 5px 5px 6px; text-decoration: none; border-radius: 4px; display: inline-block;}.slicknav_menu .slicknav_menutxt { color: #fff;}.slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5;}.slicknav_nav { color: #ececec; margin: 0; padding: 0;}.slicknav_nav,.slicknav_nav ul { list-style: none; overflow: hidden;}.slicknav_nav { position: absolute; left: 0; background-color: #0C0E10; width: 100%; z-index: 999; text-align: center; margin-top: 15px;}.slicknav_nav ul { padding: 0; margin: 0;}.slicknav_nav .slicknav_row { padding: 10px;}.slicknav_nav a { padding: 10px; text-decoration: none; color: #fff !important; border-bottom: 1px solid #222;}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0;}.slicknav_nav .slicknav_row:hover { color: #fff;}.slicknav_nav .slicknav_txtnode { margin-left: 15px;}.slicknav_row a { border: 0;}.slicknav_nav .sub-menu { background-color: #1C1E21; font-size: 13px;}/* Posts and comments navigation */.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation { margin: 0 0 45px; overflow: hidden;}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous { float: left; width: 50%;}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next { float: right; text-align: right; width: 50%;}.comment-navigation a,.posts-navigation a,.post-navigation a { display: inline-block; font-size: 13px; padding: 15px 30px; border: 0; color: #fff; background-color: #EAAB1C; -webkit-transition: all 0.3s; transition: all 0.3s;}.comment-navigation a:hover,.posts-navigation a:hover,.post-navigation a:hover { opacity: 0.9; text-decoration: none; color: #fff;}/*--------------------------------------------------------------# Accessibility--------------------------------------------------------------*//* Text meant only for screen readers. */.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */}/*--------------------------------------------------------------# Alignments--------------------------------------------------------------*/.alignleft { display: inline; float: left; margin-right: 1.5em;}.alignright { display: inline; float: right; margin-left: 1.5em;}.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}/*--------------------------------------------------------------# Widgets--------------------------------------------------------------*/.widget-area .widget { margin: 0 0 30px; padding: 30px; background-color: #fff; border: 1px solid #f3f3f3;}.widget-area,.widget-area a { color: #969CB3;}.widget-title { margin: 0 0 15px; position: relative; padding-bottom: 15px;}.widget-title::after { position: absolute; content: ''; width: 50px; height: 2px; background-color: rgba(255, 255, 255, 0.1); bottom: 0; left: 0;}.widget-area .widget-title::after { background-color: rgba(28, 30, 41, 0.1);}.widget ul { padding: 0 0 0 20px;}.widget li { padding-top: 2px; padding-bottom: 2px;}.widget .children { padding-left: 30px;}/* Make sure select elements fit in widgets. */.widget select { max-width: 100%;}/* Contact widget */.west_contact_info_widget span { display: inline-block; margin-right: 10px; width: 30px; height: 30px; font-size: 16px; background-color: #eaab1c; line-height: 30px; color: #fff; border-radius: 50%; text-align: center; vertical-align: middle;}.contact-info { margin-bottom: 15px;}/* Search widget. */.widget_search .search-submit { display: none;}/* Recent posts */.widget_recent_posts ul { list-style: none; padding: 0;}.widget_recent_posts li { padding-bottom: 15px;}.widget_recent_posts li:last-of-type { padding-bottom: 0;}.widget_recent_posts .recent-thumb { padding: 0 15px 0 0;}.widget_recent_posts .recent-title { padding: 0;}.widget_recent_posts .post-date { display: block; font-size: 12px; padding: 3px; margin-top: 5px; background-color: #f3f3f3;}.widget_recent_posts .post-date .fa { margin-right: 6px;}/* Social widget */.social-menu-widget { padding: 0 !important; margin: 0 auto; display: table; text-align: left;}.social-menu-widget a { background-color: #eaab1c; text-decoration: none; display: inline-block; width: 40px; height: 40px; margin: 8px; line-height: 40px; border-radius: 50%;}.social-menu-widget li a,.social-menu-widget li a:hover { color: #fff;}.social-menu-widget li { display: inline-block; list-style: none; line-height: 1; text-align: center;}.social-widget li a::before,.social-menu-widget a:before { font-family: FontAwesome; color: inherit;}.social-menu-widget li a:hover,.social-widget a:hover {}.social-menu-widget a:before { font-size: 22px;}.social-menu-widget a[href*="twitter.com"]::before { content: '\f099';}.social-menu-widget a[href*="facebook.com"]::before { content: '\f09a';}.social-menu-widget a[href*="plus.google.com"]::before { content: '\f0d5';}.social-menu-widget a[href*="google.com/+"]::before { content: '\f0d5';}.social-menu-widget a[href*="dribbble.com"]::before { content: '\f17d';}.social-menu-widget a[href*="pinterest.com"]::before { content: '\f231';}.social-menu-widget a[href*="youtube.com"]::before { content: '\f167';}.social-menu-widget a[href*="flickr.com"]::before { content: '\f16e';}.social-menu-widget a[href*="vimeo.com"]::before { content: '\f194';}.social-menu-widget a[href*="instagram.com"]::before { content: '\f16d';}.social-menu-widget a[href*="linkedin.com"]::before { content: '\f0e1';}.social-menu-widget a[href*="foursquare.com"]::before { content: '\f180';}.social-menu-widget a[href*="tumblr.com"]::before { content: '\f173';}.social-menu-widget a[href*="behance.net"]::before { content: '\f1b4';}.social-menu-widget a[href*="deviantart.com"]::before { content: '\f1bd';}.social-menu-widget a[href*="soundcloud.com"]::before { content: '\f1be';}.social-menu-widget a[href*="spotify.com"]::before { content: '\f1bc';}.social-menu-widget a[href*="weibo.com"]::before { content: '\f18a';}.social-menu-widget a[href*="xing.com"]::before { content: '\f168';}.social-menu-widget a[href*="trello.com"]::before { content: '\f181';}/* Default widgets */.widget_recent_entries ul,.widget_archive ul,.widget_pages ul,.widget_recent_comments ul,.widget_categories ul { list-style: none; padding: 0;}.widget_recent_entries li::before,.widget_archive li::before,.widget_pages li::before,.widget_recent_comments li::before,.widget_categories li::before { font-family: Fontawesome; font-size: 15px;}.widget_recent_entries li::before { content: '\f040'; margin-right: 5px;}.widget_archive li::before { content: '\f133'; margin-right: 8px;}.widget_pages li::before { content: '\f016'; margin-right: 8px;}.widget_recent_comments li::before { content: '\f0e5'; margin-right: 8px;}.widget_categories li::before { content: '\f114'; margin-right: 8px;}.tagcloud a { border: 1px solid #41474F; padding: 5px; font-size: 13px !important; display: inline-block; margin-bottom: 8px; margin-right: 4px;}/*--------------------------------------------------------------# Content--------------------------------------------------------------*//*--------------------------------------------------------------## Posts and pages--------------------------------------------------------------*/.sticky { display: block;}.hentry { background-color: #fff; position: relative; border: 1px solid #f3f3f3;}.byline,.updated:not(.published) { display: none;}.single .byline,.group-blog .byline { display: inline;}.page-content,.entry-content,.entry-summary {}.page-links { clear: both; margin: 0 0 1.5em;}.entry-title,.entry-title a { color: #2B2D3A; transition: color 0.3s; -webkit-transition: color 0.3s;}.entry-title a:hover { color: #EAAB1C; text-decoration: none;}.entry-header { margin-bottom: 40px;}.inner-content .entry-header { margin-bottom: 15px;}.entry-title { margin: 0; font-size: 28px; line-height: 61px; }.entry-thumb { width: 40%; float: left;}.single-thumb { margin-bottom: 30px;}.has-post-thumbnail .inner-content { width: 60%; float: left; margin-bottom: 15px;}.entry-thumb { padding-right: 30px;}.entry-meta,.entry-footer { clear: both; background-color: #f3f3f3; padding: 10px; font-size: 13px; margin-top: 30px;}.entry-meta,.entry-meta a,.entry-footer,.entry-footer a { color: #838592;}.list-meta { position: absolute; bottom: -20px; right: 30px; font-size: 13px; border: 0; margin: 0;}.list-meta .byline { display: none;}.list-meta .posted-on,.list-meta .read-more { padding: 10px 15px; float: left; display: table;}.list-meta .posted-on { background-color: #1C1E29;}.list-meta .read-more { background-color: #EAAB1C;}.list-meta,.list-meta a,.list-meta a:hover { color: #fff;}.cat-links,.tags-links { margin-right: 10px;}/* Archive headers */.page-header { background-color: #fff; margin: 0; border: 1px solid #f3f3f3; padding: 30px; margin-bottom: 45px;}.page-title { margin: 0;}.taxonomy-description { margin-top: 15px;}.page-title .fa { margin-right: 15px;}/*--------------------------------------------------------------## Asides--------------------------------------------------------------*/.blog .format-aside .entry-title,.archive .format-aside .entry-title { display: none;}/*--------------------------------------------------------------## Comments--------------------------------------------------------------*/.comments-area { margin-bottom: 60px;}.comments-title { margin: 0; font-size: 24px; padding: 30px; border: 1px solid #f3f3f3; background-color: #fff; margin-bottom: 30px;}.comments-area ol { list-style: none;}.comments-area ol { padding: 0;}.comments-area .children { padding-left: 20px;}.comments-area .fn {}.comment-author .avatar { position: absolute;}.comment-author .fn,.comment-metadata { margin-left: 80px;}.comment-metadata { font-size: 12px; margin-bottom: 30px;}.comment-body { padding: 30px; border: 1px solid #f3f3f3; background-color: #fff; margin-bottom: 15px;}.comment-edit-link { margin-left: 5px;}.reply { text-align: right;}.comment-reply-link { padding: 5px; background-color: #fff; font-size: 12px; -webkit-transition: all 0.4s; transition: all 0.4s;}a.comment-reply-link { text-decoration: none;}a.comment-reply-link:hover { color: #000; box-shadow: 0 0 1px #505050;}.comments-area a.url { text-decoration: underline;}.comment-metadata a,.comments-area a.url { color: #444;}.bypostauthor {}.comment-respond { margin-top: 60px;}.comment-form .form-submit { margin-top: 30px;}/*--------------------------------------------------------------## Go to top button--------------------------------------------------------------*/.go-top { position: fixed !important; right: 20px; bottom: -45px; color: #fff; display: block; font-size: 22px; line-height: 35px; text-align: center; width: 40px; height: 40px; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; z-index: 9999; cursor: pointer; background-color: #3f00ff; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s;}.go-top:hover { background-color: #612dff;}.go-top.show { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; bottom: 11px;}/*--------------------------------------------------------------# Infinite scroll--------------------------------------------------------------*//* Globally hidden elements when Infinite Scroll is supported and in use. */.infinite-scroll .posts-navigation,/* Older / Newer Posts Navigation (always hidden) */.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none;}/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */.infinity-end.neverending .site-footer { display: block;}/*--------------------------------------------------------------# Media--------------------------------------------------------------*/.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0;}/* Make sure embeds and iframes fit their containers. */embed,iframe,object { max-width: 100%;}img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */}/*--------------------------------------------------------------## Captions--------------------------------------------------------------*/.wp-caption { margin-bottom: 1.5em; max-width: 100%;}.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto;}.wp-caption-text { text-align: center;}.wp-caption .wp-caption-text { margin: 0.8075em 0;}/*--------------------------------------------------------------## Galleries--------------------------------------------------------------*/.gallery { margin-bottom: 1.5em;}.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%;}.gallery-columns-2 .gallery-item { max-width: 50%;}.gallery-columns-3 .gallery-item { max-width: 33.33%;}.gallery-columns-4 .gallery-item { max-width: 25%;}.gallery-columns-5 .gallery-item { max-width: 20%;}.gallery-columns-6 .gallery-item { max-width: 16.66%;}.gallery-columns-7 .gallery-item { max-width: 14.28%;}.gallery-columns-8 .gallery-item { max-width: 12.5%;}.gallery-columns-9 .gallery-item { max-width: 11.11%;}.gallery-caption { display: block;}/*--------------------------------------------------------------## Header--------------------------------------------------------------*/.site-header { padding: 15px 0; width: 100%; z-index: 999; position: relative !important; background-color: #1C1E21;}.site-header.has-header { background-color: rgba(255, 255, 255, 0.9);}.site-header.header-scrolled { -webkit-transition: all 0.5s; transition: all 0.5s; background-color: rgba(255, 255, 255, 0.9); padding: 5px 0; position: fixed !important;}.header-scrolled a,.header-scrolled .site-title a { color: #1c1c1c;}.header-scrolled .site-title a:hover { color: #1c1c1c;}.site-header .container { display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}.site-logo { height:125px; max-width: 160%; width:50%; }.header-scrolled .site-logo { max-width: 100%; }.site-title { margin: 0;}.site-title a { -webkit-transition: color 0.4s; transition: color 0.4s; color: #fff; text-decoration: none;}.site-title a:hover { color: #fff;} .site-branding {padding-left: 0; margin-bottom:0px !important;}.main-navigation { padding-right: 0;}.site-description { font-size: 14px; color: #A2A2A2; font-weight: 400; margin: 15px 0 0; font-family: 'Open Sans', sans-serif;}.header-image { position: relative; text-align: center; width:90%; margin:0px auto !important;}.header-image::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.2);}.header-info { width: 100%; position: absolute; top: 26%; text-align: center; z-index: 11;}.header-text { margin: 0 auto; color: #fff; font-size: 42px; font-weight: 800; display: table; margin-top:80px; padding-top:70px; text-transform: uppercase; letter-spacing: 1px;}.small-header { display: none;}/*--------------------------------------------------------------## Live Composer--------------------------------------------------------------*//* Staff */#dslc-content .dslc-staff-member { position: relative; overflow: hidden;}#dslc-content .dslc-staff-member-social { position: absolute; top: -100px; left: 0; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s;}#dslc-content .dslc-staff-member:hover .dslc-staff-member-social { top: 0;}#dslc-content .dslc-staff-member-social a { margin: 3px 8px !important;}/* Social */.dslc-social-icon { -webkit-transition: all 0.3s; transition: all 0.3s;}/*--------------------------------------------------------------## Structure--------------------------------------------------------------*/.site-content { margin: 90px 0 60px;}.page-template-page_composer { background-color: #fff;}.page-template-page_composer .site-content { margin: 0;}.content-area { width: 740px; float: left;}.fullwidth,.error404 .content-area { width: 100% !important;}.widget-area { width: 360px; float: right;}.fullwidth,.fullwidth-single .content-area { width: 100%;}.site-footer { background-color: #1C1E29;}.site-info { padding: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center;}.site-footer,.site-footer a { color: #808080;}/* Masonry */.masonry-layout { width: 100% !important; padding: 0;}.masonry-layout .hentry { width: 350px; margin: 15px;}.masonry-layout .entry-thumb,.masonry-layout .inner-content { width: 100%; padding: 0;}.masonry-layout .entry-thumb { margin-bottom: 30px;}.masonry-layout .entry-title { font-size: 18px;}.masonry-layout .entry-meta { position: relative; bottom: 0; right: 0; clear: both; text-align: center;}.masonry-layout .entry-meta .read-more,.masonry-layout .entry-meta .posted-on { float: none; display: inline-block;}.masonry-layout .entry-meta .posted-on { margin-bottom: 5px;}/* 404 */.error404 .content-area { text-align: center;}.error404 .widget_recent_entries ul { list-style: none; padding: 0; margin: 0;}.footer-widgets { background-color: #1C1E29; padding: 45px 0;}.footer-widgets .widget-title { color: #EBEEF1; font-weight: 400;}.sidebar-column { padding-top: 15px; padding-bottom: 15px;}.footer-widgets .widget { margin: 30px 0;}.footer-widgets,.footer-widgets a { color: #9FA7AF;}.vc_row-fluid { padding: 0 15px; box-sizing: border-box;}.gform_wrapper { height: auto !important;}.gform_wrapper { height: auto !important;}#input_1_10 { float: right; margin-right: 21px;}.gfield_label[for='input_1_10'] { margin-right: 0 !important; float: left;}#gform_1 .gfield { margin-bottom: 8px;}.gform_wrapper .right_label input.medium,.gform_wrapper .right_label select.medium,.gform_wrapper .left_label input.medium,.gform_wrapper .left_label select.medium { box-sizing: border-box; border: 1px solid #ebebeb; padding: 5px 2px; border-radius: 5px; -webkit-appereance: none; -moz-appearance: none; appereance: none; margin-left: 0 !important;}.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select { background-image: url(http://synapsweb.com/shhhardware/wp-content/uploads/2015/12/down-arrow.png); background-repeat: no-repeat; background-position: top right;}#gform_submit_button_1 { margin-right: 0 !important; margin-left: 0px !important; margin-top: 10px; border-radius: 5px; width: 100%;}.gform_wrapper .gform_footer { margin: 0 !important; padding-right: 24px !important; padding-left: 158px !important;}article .entry-header,article .entry-content { margin-bottom: 0px; } article .entry-header {margin-bottom: 20px; text-indent: 30px; background-color: rgb(63, 0, 255); box-shadow: 0 8px 0px -4px rgba(97, 45, 255, 0.5); position: relative; z-index: 9; }article .entry-header .entry-title { color: #fffff4 !important;}.page-id-38 #contactus main { height: auto !important;}.page-id-38 #primary main h1 { line-height: 61px; margin-top: -15px;}.page-id-38 #primary main .wpb_row:first-of-type { padding-left: 0 !important; padding-right: 0 !important;}.page-id-38 #primary main .wpb_row:first-of-type .column_container { padding-left: 0; padding-right: 0;}.page-id-38 #primary main .wpb_row:first-of-type .vc_span8 { padding-right: 10px;}.page-id-38 #primary main .wpb_row:first-of-type .vc_span4 { padding-left: 10px;}table, tbody, td { border: none !important;}.page-id-38 .flexslider .slides img { visibility: hidden;}.flexslider .slides > li { background-repeat: no-repeat; background-size: cover; background-position: center; } .page - id - 7.wpb_gallery_heading { min - height: 50 px; font - size: 20 px; } .gallery_menu_container ul { padding: 0; margin: 0; list-style: none; display: inline-block; width: 100%; } .gallery_menu_container ul .gallery_menu_btn { display: inline-block; float: left; margin-right: 10px; } .gallery_menu_container a { display: inline-block; padding: 10px 20px; background-color: #1155A0; color: #fff; font-size: 16px; text-decoration: none; } section.gallery .gallery_block:not(:first-of-type) { margin-top: 80px; } section.gallery .gallery_block h1 { line-height: 60px; background-color: rgb(63, 0, 255); box-shadow: 0 8px 0px -4px rgba(97, 45, 255, 0.5); color: #fffff4; text-align: center; font-size:34px; } .page-id-38 #main .wpb_row { margin-left: 0; margin-right: 0; padding: 0; } .page-id-38 #main .wpb_text_column.wpb_content_element { padding: 0 15px; } .header-buttons { margin-top: 30px; } .header-buttons .button { display: inline-block; margin-right: 20px; padding: 5px 30px; font-size: 15px; background-color: #3f00ff; border-radius: 3px; border-bottom: 2px solid #8560f7; } .header-buttons .button:last-of-type { margin-right: 0; } .header-buttons .button:hover { text-decoration: none; color: #fff; transform: translate3d(0px, 2px, 0px) } /*--------------------------------------------------------------## Responsive--------------------------------------------------------------*/ @media only screen and(max - width: 1199 px) {.content - area { width: 550 px;float: left; }.masonry - layout.hentry { width: 283 px; }.header - text { font - size: 68 px; } } @media only screen and(max - width: 1024 px) {.main - navigation, .header - clone, .large - header { display: none; }.mobile - nav, .small - header { display: block; }.site - header, .site - header.has - header { position: relative!important;background - color: #1C1E21; } .header-scrolled a, .header-scrolled .site-title a { color: # fff; }.header - text { font - size: 52 px; } } @media only screen and(max - width: 991 px) {.content - area, .widget - area { width: 100 % ; }.masonry - layout.hentry { width: 330 px; } } @media only screen and(max - width: 767 px) {.masonry - layout.hentry { width: 100 % ;max - width: 380 px;margin: 0 0 15 px; }.posts - layout.masonry { display: table;margin - left: auto;margin - right: auto;width: 100 % !important;max - width: 380 px; }.header - text { font - size: 38 px; } h1 { font - size: 24 px!important; } h2 { font - size: 20 px!important; } h3 { font - size: 18 px!important; } } @media only screen and(max - width: 600 px) {.site - header.container { display: block; }.site - branding { text - align: center; padding: 0; }.slicknav_menu { clear: both;text - align: center; }.header - text { font - size: 22 px; }.header - button { padding: 5 px 10 px;font - size: 12 px; }.header - buttons { margin - top: 15 px; }.header - info { top: 15 % ; }.entry - thumb { margin - bottom: 15 px; }.entry - thumb, .has - post - thumbnail.inner - content { width: 100 % ;padding: 0; }.list - meta { position: relative;bottom: auto;right: auto;text - align: center; }.list - meta.posted - on { margin - bottom: 5 px; }.hentry { padding: 15 px;margin - bottom: 15 px; }.list - meta.posted - on, .list - meta.read - more { float: none;display: inline - block;padding: 5 px 10 px; } h1 { font - size: 20 px!important; } h2 { font - size: 18 px!important; } h3 { font - size: 16 px!important; } } @media only screen and(max - width: 320 px) {.header - text { font - size: 16 px; } } .site-branding img{ width: 954px !important; height:148px !important; } .container .col-md-4{ width: 50% !important; } .page-id-7 .site-header{ background-color: white; border-bottom: 1px solid silver; top: 0; } .page-id-7 .main-navigation ul li a{ color: black !important; } .page-id-7 .main-navigation ul li ul li a{ color: white !important; } body{ font-size: 16px !important; color: black !important; } /** VS **/ .entry-title { margin-left:-15px !important; } .contact_box td {color:#fffff4 !important; text-shadow:none !important;} .contact_box {background: #3f00ff !important;} p{font-size:22px;!important; text-align:justify !important; font-family: "DJB BLUEPRINT" !important; } #gform_submit_button_1 { background-color: #3f00ff !important;} .main-navigation li a:hover { color:#3f00ff;} .chinese_txt { letter-spacing:4.50px !important; color:#000; font-family: 'hanwang_kaibold-gb5regular' !important; } p span{font-family:"Arial";} .flexslider .slides img { height:880px !important;} @media (min-width:1200px){.container{width:90%}} .wpb_wrapper p, .entry-header { font-family: "DJB BLUEPRINT" !important;}