/* Theme Name: BizPlus Theme URI: http://demo.evisionthemes.com/bizplus/ Author: eVision Themes Author URI: http://evisionthemes.com Description: BizPlus, a clean and professional WordPress Theme that looks awesome on any devices. It is really simple to configure the site yourself. No single coding is required to develop a travel website. Along the amazing layout this theme is customizable but yet powerful theme options. Some of the best features are featured post slider, social icons, custom logo, customizer API, translation ready (compatible with Popular plugin) and many more. Version: 1.0.2 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: bizplus Tags: full-width-template, left-sidebar, one-column, post-formats, right-sidebar, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, custom-background, custom-colors, custom-menu, custom-logo 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. Bizplus is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v3 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*====================================== BizPlus Table Of Content 1. Normalize ----------------------------------------- 2. General Styles 2.1 Links 2.2 Typography 2.3 Accessibility 2.4 Forms 2.5 Placeholder 2.6 Button 2.7 Clearings 2.8 Table ----------------------------------------- 3. Header 3.1 Header Top Bar 3.2 Header Nav Bar ----------------------------------------- 4. Sidebar 4.1 Widget 4.1 Widget_archive 4.2 Widget_calendar 4.3 Widget_categories 4.4 Widget_nav_menu 4.5 Widget_meta 4.6 Widget_pages 4.7 Widget_recent_comments 4.8 Widget_recent_entries 4.9 Widget_rss 4.10 Widget_search 4.11 Widget_tag_cloud 4.12 Widget_text ----------------------------------------- 5. Primary 5.1 Articles ----------------------------------------- 6. Footer 6.1 Site Info ----------------------------------------- 7. Content 7.1 Alignments 7.2 Posts and Pages 7.3 Asides 7.4 Comments 7.5 404 page ----------------------------------------- 8. Infinite scroll ----------------------------------------- 9. Media 9.1 Captions 9.2 Galleries ----------------------------------------- 10. Global ----------------------------------------- 11. Custom Pages 11.1 Custom Pages style ========================================= /* ====================================================== */ /* 1 Normalize */ /* --------------------------------------- */ .container {max-width: 1200px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row {margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .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 {float: left; } .col-xs-12 {width: 100%; } .col-xs-11 {width: 91.66666667%; } .col-xs-10 {width: 83.33333333%; } .col-xs-9 {width: 75%; } .col-xs-8 {width: 66.66666667%; } .col-xs-7 {width: 58.33333333%; } .col-xs-6 {width: 50%; } .col-xs-5 {width: 41.66666667%; } .col-xs-4 {width: 33.33333333%; } .col-xs-3 {width: 25%; } .col-xs-2 {width: 16.66666667%; } .col-xs-1 {width: 8.33333333%; } .col-xs-offset-12 {margin-left: 100%; } .col-xs-offset-11 {margin-left: 91.66666667%; } .col-xs-offset-10 {margin-left: 83.33333333%; } .col-xs-offset-9 {margin-left: 75%; } .col-xs-offset-8 {margin-left: 66.66666667%; } .col-xs-offset-7 {margin-left: 58.33333333%; } .col-xs-offset-6 {margin-left: 50%; } .col-xs-offset-5 {margin-left: 41.66666667%; } .col-xs-offset-4 {margin-left: 33.33333333%; } .col-xs-offset-3 {margin-left: 25%; } .col-xs-offset-2 {margin-left: 16.66666667%; } .col-xs-offset-1 {margin-left: 8.33333333%; } .col-xs-offset-0 {margin-left: 0; } @media (min-width: 768px) {.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 {float: left; } .col-sm-12 {width: 100%; } .col-sm-11 {width: 91.66666667%; } .col-sm-10 {width: 83.33333333%; } .col-sm-9 {width: 75%; } .col-sm-8 {width: 66.66666667%; } .col-sm-7 {width: 58.33333333%; } .col-sm-6 {width: 50%; } .col-sm-5 {width: 41.66666667%; } .col-sm-4 {width: 33.33333333%; } .col-sm-3 {width: 25%; } .col-sm-2 {width: 16.66666667%; } .col-sm-1 {width: 8.33333333%; } .col-sm-offset-12 {margin-left: 100%; } .col-sm-offset-11 {margin-left: 91.66666667%; } .col-sm-offset-10 {margin-left: 83.33333333%; } .col-sm-offset-9 {margin-left: 75%; } .col-sm-offset-8 {margin-left: 66.66666667%; } .col-sm-offset-7 {margin-left: 58.33333333%; } .col-sm-offset-6 {margin-left: 50%; } .col-sm-offset-5 {margin-left: 41.66666667%; } .col-sm-offset-4 {margin-left: 33.33333333%; } .col-sm-offset-3 {margin-left: 25%; } .col-sm-offset-2 {margin-left: 16.66666667%; } .col-sm-offset-1 {margin-left: 8.33333333%; } .col-sm-offset-0 {margin-left: 0; } } @media (min-width: 1024px) {.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 {float: left; } .col-md-12 {width: 100%; } .col-md-11 {width: 91.66666667%; } .col-md-10 {width: 83.33333333%; } .col-md-9 {width: 75%; } .col-md-8 {width: 66.66666667%; } .col-md-7 {width: 58.33333333%; } .col-md-6 {width: 50%; } .col-md-5 {width: 41.66666667%; } .col-md-4 {width: 33.33333333%; } .col-md-3 {width: 25%; } .col-md-2 {width: 16.66666667%; } .col-md-1 {width: 8.33333333%; } .col-md-offset-12 {margin-left: 100%; } .col-md-offset-11 {margin-left: 91.66666667%; } .col-md-offset-10 {margin-left: 83.33333333%; } .col-md-offset-9 {margin-left: 75%; } .col-md-offset-8 {margin-left: 66.66666667%; } .col-md-offset-7 {margin-left: 58.33333333%; } .col-md-offset-6 {margin-left: 50%; } .col-md-offset-5 {margin-left: 41.66666667%; } .col-md-offset-4 {margin-left: 33.33333333%; } .col-md-offset-3 {margin-left: 25%; } .col-md-offset-2 {margin-left: 16.66666667%; } .col-md-offset-1 {margin-left: 8.33333333%; } .col-md-offset-0 {margin-left: 0; } } @media (min-width: 1200px) {.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 {float: left; } .col-lg-12 {width: 100%; } .col-lg-11 {width: 91.66666667%; } .col-lg-10 {width: 83.33333333%; } .col-lg-9 {width: 75%; } .col-lg-8 {width: 66.66666667%; } .col-lg-7 {width: 58.33333333%; } .col-lg-6 {width: 50%; } .col-lg-5 {width: 41.66666667%; } .col-lg-4 {width: 33.33333333%; } .col-lg-3 {width: 25%; } .col-lg-2 {width: 16.66666667%; } .col-lg-1 {width: 8.33333333%; } .col-lg-offset-12 {margin-left: 100%; } .col-lg-offset-11 {margin-left: 91.66666667%; } .col-lg-offset-10 {margin-left: 83.33333333%; } .col-lg-offset-9 {margin-left: 75%; } .col-lg-offset-8 {margin-left: 66.66666667%; } .col-lg-offset-7 {margin-left: 58.33333333%; } .col-lg-offset-6 {margin-left: 50%; } .col-lg-offset-5 {margin-left: 41.66666667%; } .col-lg-offset-4 {margin-left: 33.33333333%; } .col-lg-offset-3 {margin-left: 25%; } .col-lg-offset-2 {margin-left: 16.66666667%; } .col-lg-offset-1 {margin-left: 8.33333333%; } .col-lg-offset-0 {margin-left: 0; } } .clearblock:before, .clearblock:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after{ content: " "; display: table; } .clearblock:after, .container:after, .container-fluid:after, .row:after{ clear: both; } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face {font-family: 'FontAwesome'; src: url('assets/fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('assets/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('assets/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('assets/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('assets/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('assets/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg {font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x {font-size: 2em; } .fa-3x {font-size: 3em; } .fa-4x {font-size: 4em; } .fa-5x {font-size: 5em; } .fa-fw {width: 1.28571429em; text-align: center; } .fa-ul {padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li {position: relative; } .fa-li {position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg {left: -1.85714286em; } .fa-border {padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left {float: left; } .fa-pull-right {float: right; } .fa.fa-pull-left {margin-right: .3em; } .fa.fa-pull-right {margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right {float: right; } .pull-left {float: left; } .fa.pull-left {margin-right: .3em; } .fa.pull-right {margin-left: .3em; } .fa-spin {-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse {-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% {-webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical {filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {filter: none; } .fa-stack {position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x {position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x {line-height: inherit; } .fa-stack-2x {font-size: 2em; } .fa-inverse {color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before {content: "\f000"; } .fa-music:before {content: "\f001"; } .fa-search:before {content: "\f002"; } .fa-envelope-o:before {content: "\f003"; } .fa-heart:before {content: "\f004"; } .fa-star:before {content: "\f005"; } .fa-star-o:before {content: "\f006"; } .fa-user:before {content: "\f007"; } .fa-film:before {content: "\f008"; } .fa-th-large:before {content: "\f009"; } .fa-th:before {content: "\f00a"; } .fa-th-list:before {content: "\f00b"; } .fa-check:before {content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before {content: "\f00d"; } .fa-search-plus:before {content: "\f00e"; } .fa-search-minus:before {content: "\f010"; } .fa-power-off:before {content: "\f011"; } .fa-signal:before {content: "\f012"; } .fa-gear:before, .fa-cog:before {content: "\f013"; } .fa-trash-o:before {content: "\f014"; } .fa-home:before {content: "\f015"; } .fa-file-o:before {content: "\f016"; } .fa-clock-o:before {content: "\f017"; } .fa-road:before {content: "\f018"; } .fa-download:before {content: "\f019"; } .fa-arrow-circle-o-down:before {content: "\f01a"; } .fa-arrow-circle-o-up:before {content: "\f01b"; } .fa-inbox:before {content: "\f01c"; } .fa-play-circle-o:before {content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before {content: "\f01e"; } .fa-refresh:before {content: "\f021"; } .fa-list-alt:before {content: "\f022"; } .fa-lock:before {content: "\f023"; } .fa-flag:before {content: "\f024"; } .fa-headphones:before {content: "\f025"; } .fa-volume-off:before {content: "\f026"; } .fa-volume-down:before {content: "\f027"; } .fa-volume-up:before {content: "\f028"; } .fa-qrcode:before {content: "\f029"; } .fa-barcode:before {content: "\f02a"; } .fa-tag:before {content: "\f02b"; } .fa-tags:before {content: "\f02c"; } .fa-book:before {content: "\f02d"; } .fa-bookmark:before {content: "\f02e"; } .fa-print:before {content: "\f02f"; } .fa-camera:before {content: "\f030"; } .fa-font:before {content: "\f031"; } .fa-bold:before {content: "\f032"; } .fa-italic:before {content: "\f033"; } .fa-text-height:before {content: "\f034"; } .fa-text-width:before {content: "\f035"; } .fa-align-left:before {content: "\f036"; } .fa-align-center:before {content: "\f037"; } .fa-align-right:before {content: "\f038"; } .fa-align-justify:before {content: "\f039"; } .fa-list:before {content: "\f03a"; } .fa-dedent:before, .fa-outdent:before {content: "\f03b"; } .fa-indent:before {content: "\f03c"; } .fa-video-camera:before {content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before {content: "\f03e"; } .fa-pencil:before {content: "\f040"; } .fa-map-marker:before {content: "\f041"; } .fa-adjust:before {content: "\f042"; } .fa-tint:before {content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before {content: "\f044"; } .fa-share-square-o:before {content: "\f045"; } .fa-check-square-o:before {content: "\f046"; } .fa-arrows:before {content: "\f047"; } .fa-step-backward:before {content: "\f048"; } .fa-fast-backward:before {content: "\f049"; } .fa-backward:before {content: "\f04a"; } .fa-play:before {content: "\f04b"; } .fa-pause:before {content: "\f04c"; } .fa-stop:before {content: "\f04d"; } .fa-forward:before {content: "\f04e"; } .fa-fast-forward:before {content: "\f050"; } .fa-step-forward:before {content: "\f051"; } .fa-eject:before {content: "\f052"; } .fa-chevron-left:before {content: "\f053"; } .fa-chevron-right:before {content: "\f054"; } .fa-plus-circle:before {content: "\f055"; } .fa-minus-circle:before {content: "\f056"; } .fa-times-circle:before {content: "\f057"; } .fa-check-circle:before {content: "\f058"; } .fa-question-circle:before {content: "\f059"; } .fa-info-circle:before {content: "\f05a"; } .fa-crosshairs:before {content: "\f05b"; } .fa-times-circle-o:before {content: "\f05c"; } .fa-check-circle-o:before {content: "\f05d"; } .fa-ban:before {content: "\f05e"; } .fa-arrow-left:before {content: "\f060"; } .fa-arrow-right:before {content: "\f061"; } .fa-arrow-up:before {content: "\f062"; } .fa-arrow-down:before {content: "\f063"; } .fa-mail-forward:before, .fa-share:before {content: "\f064"; } .fa-expand:before {content: "\f065"; } .fa-compress:before {content: "\f066"; } .fa-plus:before {content: "\f067"; } .fa-minus:before {content: "\f068"; } .fa-asterisk:before {content: "\f069"; } .fa-exclamation-circle:before {content: "\f06a"; } .fa-gift:before {content: "\f06b"; } .fa-leaf:before {content: "\f06c"; } .fa-fire:before {content: "\f06d"; } .fa-eye:before {content: "\f06e"; } .fa-eye-slash:before {content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before {content: "\f071"; } .fa-plane:before {content: "\f072"; } .fa-calendar:before {content: "\f073"; } .fa-random:before {content: "\f074"; } .fa-comment:before {content: "\f075"; } .fa-magnet:before {content: "\f076"; } .fa-chevron-up:before {content: "\f077"; } .fa-chevron-down:before {content: "\f078"; } .fa-retweet:before {content: "\f079"; } .fa-shopping-cart:before {content: "\f07a"; } .fa-folder:before {content: "\f07b"; } .fa-folder-open:before {content: "\f07c"; } .fa-arrows-v:before {content: "\f07d"; } .fa-arrows-h:before {content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before {content: "\f080"; } .fa-twitter-square:before {content: "\f081"; } .fa-facebook-square:before {content: "\f082"; } .fa-camera-retro:before {content: "\f083"; } .fa-key:before {content: "\f084"; } .fa-gears:before, .fa-cogs:before {content: "\f085"; } .fa-comments:before {content: "\f086"; } .fa-thumbs-o-up:before {content: "\f087"; } .fa-thumbs-o-down:before {content: "\f088"; } .fa-star-half:before {content: "\f089"; } .fa-heart-o:before {content: "\f08a"; } .fa-sign-out:before {content: "\f08b"; } .fa-linkedin-square:before {content: "\f08c"; } .fa-thumb-tack:before {content: "\f08d"; } .fa-external-link:before {content: "\f08e"; } .fa-sign-in:before {content: "\f090"; } .fa-trophy:before {content: "\f091"; } .fa-github-square:before {content: "\f092"; } .fa-upload:before {content: "\f093"; } .fa-lemon-o:before {content: "\f094"; } .fa-phone:before {content: "\f095"; } .fa-square-o:before {content: "\f096"; } .fa-bookmark-o:before {content: "\f097"; } .fa-phone-square:before {content: "\f098"; } .fa-twitter:before {content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before {content: "\f09a"; } .fa-github:before {content: "\f09b"; } .fa-unlock:before {content: "\f09c"; } .fa-credit-card:before {content: "\f09d"; } .fa-feed:before, .fa-rss:before {content: "\f09e"; } .fa-hdd-o:before {content: "\f0a0"; } .fa-bullhorn:before {content: "\f0a1"; } .fa-bell:before {content: "\f0f3"; } .fa-certificate:before {content: "\f0a3"; } .fa-hand-o-right:before {content: "\f0a4"; } .fa-hand-o-left:before {content: "\f0a5"; } .fa-hand-o-up:before {content: "\f0a6"; } .fa-hand-o-down:before {content: "\f0a7"; } .fa-arrow-circle-left:before {content: "\f0a8"; } .fa-arrow-circle-right:before {content: "\f0a9"; } .fa-arrow-circle-up:before {content: "\f0aa"; } .fa-arrow-circle-down:before {content: "\f0ab"; } .fa-globe:before {content: "\f0ac"; } .fa-wrench:before {content: "\f0ad"; } .fa-tasks:before {content: "\f0ae"; } .fa-filter:before {content: "\f0b0"; } .fa-briefcase:before {content: "\f0b1"; } .fa-arrows-alt:before {content: "\f0b2"; } .fa-group:before, .fa-users:before {content: "\f0c0"; } .fa-chain:before, .fa-link:before {content: "\f0c1"; } .fa-cloud:before {content: "\f0c2"; } .fa-flask:before {content: "\f0c3"; } .fa-cut:before, .fa-scissors:before {content: "\f0c4"; } .fa-copy:before, .fa-files-o:before {content: "\f0c5"; } .fa-paperclip:before {content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before {content: "\f0c7"; } .fa-square:before {content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: "\f0c9"; } .fa-list-ul:before {content: "\f0ca"; } .fa-list-ol:before {content: "\f0cb"; } .fa-strikethrough:before {content: "\f0cc"; } .fa-underline:before {content: "\f0cd"; } .fa-table:before {content: "\f0ce"; } .fa-magic:before {content: "\f0d0"; } .fa-truck:before {content: "\f0d1"; } .fa-pinterest:before {content: "\f0d2"; } .fa-pinterest-square:before {content: "\f0d3"; } .fa-google-plus-square:before {content: "\f0d4"; } .fa-google-plus:before {content: "\f0d5"; } .fa-money:before {content: "\f0d6"; } .fa-caret-down:before {content: "\f0d7"; } .fa-caret-up:before {content: "\f0d8"; } .fa-caret-left:before {content: "\f0d9"; } .fa-caret-right:before {content: "\f0da"; } .fa-columns:before {content: "\f0db"; } .fa-unsorted:before, .fa-sort:before {content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before {content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before {content: "\f0de"; } .fa-envelope:before {content: "\f0e0"; } .fa-linkedin:before {content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before {content: "\f0e2"; } .fa-legal:before, .fa-gavel:before {content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before {content: "\f0e4"; } .fa-comment-o:before {content: "\f0e5"; } .fa-comments-o:before {content: "\f0e6"; } .fa-flash:before, .fa-bolt:before {content: "\f0e7"; } .fa-sitemap:before {content: "\f0e8"; } .fa-umbrella:before {content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before {content: "\f0ea"; } .fa-lightbulb-o:before {content: "\f0eb"; } .fa-exchange:before {content: "\f0ec"; } .fa-cloud-download:before {content: "\f0ed"; } .fa-cloud-upload:before {content: "\f0ee"; } .fa-user-md:before {content: "\f0f0"; } .fa-stethoscope:before {content: "\f0f1"; } .fa-suitcase:before {content: "\f0f2"; } .fa-bell-o:before {content: "\f0a2"; } .fa-coffee:before {content: "\f0f4"; } .fa-cutlery:before {content: "\f0f5"; } .fa-file-text-o:before {content: "\f0f6"; } .fa-building-o:before {content: "\f0f7"; } .fa-hospital-o:before {content: "\f0f8"; } .fa-ambulance:before {content: "\f0f9"; } .fa-medkit:before {content: "\f0fa"; } .fa-fighter-jet:before {content: "\f0fb"; } .fa-beer:before {content: "\f0fc"; } .fa-h-square:before {content: "\f0fd"; } .fa-plus-square:before {content: "\f0fe"; } .fa-angle-double-left:before {content: "\f100"; } .fa-angle-double-right:before {content: "\f101"; } .fa-angle-double-up:before {content: "\f102"; } .fa-angle-double-down:before {content: "\f103"; } .fa-angle-left:before {content: "\f104"; } .fa-angle-right:before {content: "\f105"; } .fa-angle-up:before {content: "\f106"; } .fa-angle-down:before {content: "\f107"; } .fa-desktop:before {content: "\f108"; } .fa-laptop:before {content: "\f109"; } .fa-tablet:before {content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before {content: "\f10b"; } .fa-circle-o:before {content: "\f10c"; } .fa-quote-left:before {content: "\f10d"; } .fa-quote-right:before {content: "\f10e"; } .fa-spinner:before {content: "\f110"; } .fa-circle:before {content: "\f111"; } .fa-mail-reply:before, .fa-reply:before {content: "\f112"; } .fa-github-alt:before {content: "\f113"; } .fa-folder-o:before {content: "\f114"; } .fa-folder-open-o:before {content: "\f115"; } .fa-smile-o:before {content: "\f118"; } .fa-frown-o:before {content: "\f119"; } .fa-meh-o:before {content: "\f11a"; } .fa-gamepad:before {content: "\f11b"; } .fa-keyboard-o:before {content: "\f11c"; } .fa-flag-o:before {content: "\f11d"; } .fa-flag-checkered:before {content: "\f11e"; } .fa-terminal:before {content: "\f120"; } .fa-code:before {content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before {content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {content: "\f123"; } .fa-location-arrow:before {content: "\f124"; } .fa-crop:before {content: "\f125"; } .fa-code-fork:before {content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before {content: "\f127"; } .fa-question:before {content: "\f128"; } .fa-info:before {content: "\f129"; } .fa-exclamation:before {content: "\f12a"; } .fa-superscript:before {content: "\f12b"; } .fa-subscript:before {content: "\f12c"; } .fa-eraser:before {content: "\f12d"; } .fa-puzzle-piece:before {content: "\f12e"; } .fa-microphone:before {content: "\f130"; } .fa-microphone-slash:before {content: "\f131"; } .fa-shield:before {content: "\f132"; } .fa-calendar-o:before {content: "\f133"; } .fa-fire-extinguisher:before {content: "\f134"; } .fa-rocket:before {content: "\f135"; } .fa-maxcdn:before {content: "\f136"; } .fa-chevron-circle-left:before {content: "\f137"; } .fa-chevron-circle-right:before {content: "\f138"; } .fa-chevron-circle-up:before {content: "\f139"; } .fa-chevron-circle-down:before {content: "\f13a"; } .fa-html5:before {content: "\f13b"; } .fa-css3:before {content: "\f13c"; } .fa-anchor:before {content: "\f13d"; } .fa-unlock-alt:before {content: "\f13e"; } .fa-bullseye:before {content: "\f140"; } .fa-ellipsis-h:before {content: "\f141"; } .fa-ellipsis-v:before {content: "\f142"; } .fa-rss-square:before {content: "\f143"; } .fa-play-circle:before {content: "\f144"; } .fa-ticket:before {content: "\f145"; } .fa-minus-square:before {content: "\f146"; } .fa-minus-square-o:before {content: "\f147"; } .fa-level-up:before {content: "\f148"; } .fa-level-down:before {content: "\f149"; } .fa-check-square:before {content: "\f14a"; } .fa-pencil-square:before {content: "\f14b"; } .fa-external-link-square:before {content: "\f14c"; } .fa-share-square:before {content: "\f14d"; } .fa-compass:before {content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before {content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before {content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before {content: "\f152"; } .fa-euro:before, .fa-eur:before {content: "\f153"; } .fa-gbp:before {content: "\f154"; } .fa-dollar:before, .fa-usd:before {content: "\f155"; } .fa-rupee:before, .fa-inr:before {content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before {content: "\f158"; } .fa-won:before, .fa-krw:before {content: "\f159"; } .fa-bitcoin:before, .fa-btc:before {content: "\f15a"; } .fa-file:before {content: "\f15b"; } .fa-file-text:before {content: "\f15c"; } .fa-sort-alpha-asc:before {content: "\f15d"; } .fa-sort-alpha-desc:before {content: "\f15e"; } .fa-sort-amount-asc:before {content: "\f160"; } .fa-sort-amount-desc:before {content: "\f161"; } .fa-sort-numeric-asc:before {content: "\f162"; } .fa-sort-numeric-desc:before {content: "\f163"; } .fa-thumbs-up:before {content: "\f164"; } .fa-thumbs-down:before {content: "\f165"; } .fa-youtube-square:before {content: "\f166"; } .fa-youtube:before {content: "\f167"; } .fa-xing:before {content: "\f168"; } .fa-xing-square:before {content: "\f169"; } .fa-youtube-play:before {content: "\f16a"; } .fa-dropbox:before {content: "\f16b"; } .fa-stack-overflow:before {content: "\f16c"; } .fa-instagram:before {content: "\f16d"; } .fa-flickr:before {content: "\f16e"; } .fa-adn:before {content: "\f170"; } .fa-bitbucket:before {content: "\f171"; } .fa-bitbucket-square:before {content: "\f172"; } .fa-tumblr:before {content: "\f173"; } .fa-tumblr-square:before {content: "\f174"; } .fa-long-arrow-down:before {content: "\f175"; } .fa-long-arrow-up:before {content: "\f176"; } .fa-long-arrow-left:before {content: "\f177"; } .fa-long-arrow-right:before {content: "\f178"; } .fa-apple:before {content: "\f179"; } .fa-windows:before {content: "\f17a"; } .fa-android:before {content: "\f17b"; } .fa-linux:before {content: "\f17c"; } .fa-dribbble:before {content: "\f17d"; } .fa-skype:before {content: "\f17e"; } .fa-foursquare:before {content: "\f180"; } .fa-trello:before {content: "\f181"; } .fa-female:before {content: "\f182"; } .fa-male:before {content: "\f183"; } .fa-gittip:before, .fa-gratipay:before {content: "\f184"; } .fa-sun-o:before {content: "\f185"; } .fa-moon-o:before {content: "\f186"; } .fa-archive:before {content: "\f187"; } .fa-bug:before {content: "\f188"; } .fa-vk:before {content: "\f189"; } .fa-weibo:before {content: "\f18a"; } .fa-renren:before {content: "\f18b"; } .fa-pagelines:before {content: "\f18c"; } .fa-stack-exchange:before {content: "\f18d"; } .fa-arrow-circle-o-right:before {content: "\f18e"; } .fa-arrow-circle-o-left:before {content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before {content: "\f191"; } .fa-dot-circle-o:before {content: "\f192"; } .fa-wheelchair:before {content: "\f193"; } .fa-vimeo-square:before {content: "\f194"; } .fa-turkish-lira:before, .fa-try:before {content: "\f195"; } .fa-plus-square-o:before {content: "\f196"; } .fa-space-shuttle:before {content: "\f197"; } .fa-slack:before {content: "\f198"; } .fa-envelope-square:before {content: "\f199"; } .fa-wordpress:before {content: "\f19a"; } .fa-openid:before {content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before {content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before {content: "\f19d"; } .fa-yahoo:before {content: "\f19e"; } .fa-google:before {content: "\f1a0"; } .fa-reddit:before {content: "\f1a1"; } .fa-reddit-square:before {content: "\f1a2"; } .fa-stumbleupon-circle:before {content: "\f1a3"; } .fa-stumbleupon:before {content: "\f1a4"; } .fa-delicious:before {content: "\f1a5"; } .fa-digg:before {content: "\f1a6"; } .fa-pied-piper:before {content: "\f1a7"; } .fa-pied-piper-alt:before {content: "\f1a8"; } .fa-drupal:before {content: "\f1a9"; } .fa-joomla:before {content: "\f1aa"; } .fa-language:before {content: "\f1ab"; } .fa-fax:before {content: "\f1ac"; } .fa-building:before {content: "\f1ad"; } .fa-child:before {content: "\f1ae"; } .fa-paw:before {content: "\f1b0"; } .fa-spoon:before {content: "\f1b1"; } .fa-cube:before {content: "\f1b2"; } .fa-cubes:before {content: "\f1b3"; } .fa-behance:before {content: "\f1b4"; } .fa-behance-square:before {content: "\f1b5"; } .fa-steam:before {content: "\f1b6"; } .fa-steam-square:before {content: "\f1b7"; } .fa-recycle:before {content: "\f1b8"; } .fa-automobile:before, .fa-car:before {content: "\f1b9"; } .fa-cab:before, .fa-taxi:before {content: "\f1ba"; } .fa-tree:before {content: "\f1bb"; } .fa-spotify:before {content: "\f1bc"; } .fa-deviantart:before {content: "\f1bd"; } .fa-soundcloud:before {content: "\f1be"; } .fa-database:before {content: "\f1c0"; } .fa-file-pdf-o:before {content: "\f1c1"; } .fa-file-word-o:before {content: "\f1c2"; } .fa-file-excel-o:before {content: "\f1c3"; } .fa-file-powerpoint-o:before {content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before {content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before {content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before {content: "\f1c8"; } .fa-file-code-o:before {content: "\f1c9"; } .fa-vine:before {content: "\f1ca"; } .fa-codepen:before {content: "\f1cb"; } .fa-jsfiddle:before {content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {content: "\f1cd"; } .fa-circle-o-notch:before {content: "\f1ce"; } .fa-ra:before, .fa-rebel:before {content: "\f1d0"; } .fa-ge:before, .fa-empire:before {content: "\f1d1"; } .fa-git-square:before {content: "\f1d2"; } .fa-git:before {content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {content: "\f1d4"; } .fa-tencent-weibo:before {content: "\f1d5"; } .fa-qq:before {content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before {content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before {content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before {content: "\f1d9"; } .fa-history:before {content: "\f1da"; } .fa-circle-thin:before {content: "\f1db"; } .fa-header:before {content: "\f1dc"; } .fa-paragraph:before {content: "\f1dd"; } .fa-sliders:before {content: "\f1de"; } .fa-share-alt:before {content: "\f1e0"; } .fa-share-alt-square:before {content: "\f1e1"; } .fa-bomb:before {content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before {content: "\f1e3"; } .fa-tty:before {content: "\f1e4"; } .fa-binoculars:before {content: "\f1e5"; } .fa-plug:before {content: "\f1e6"; } .fa-slideshare:before {content: "\f1e7"; } .fa-twitch:before {content: "\f1e8"; } .fa-yelp:before {content: "\f1e9"; } .fa-newspaper-o:before {content: "\f1ea"; } .fa-wifi:before {content: "\f1eb"; } .fa-calculator:before {content: "\f1ec"; } .fa-paypal:before {content: "\f1ed"; } .fa-google-wallet:before {content: "\f1ee"; } .fa-cc-visa:before {content: "\f1f0"; } .fa-cc-mastercard:before {content: "\f1f1"; } .fa-cc-discover:before {content: "\f1f2"; } .fa-cc-amex:before {content: "\f1f3"; } .fa-cc-paypal:before {content: "\f1f4"; } .fa-cc-sportfolioe:before {content: "\f1f5"; } .fa-bell-slash:before {content: "\f1f6"; } .fa-bell-slash-o:before {content: "\f1f7"; } .fa-trash:before {content: "\f1f8"; } .fa-copyright:before {content: "\f1f9"; } .fa-at:before {content: "\f1fa"; } .fa-eyedropper:before {content: "\f1fb"; } .fa-paint-brush:before {content: "\f1fc"; } .fa-birthday-cake:before {content: "\f1fd"; } .fa-area-chart:before {content: "\f1fe"; } .fa-pie-chart:before {content: "\f200"; } .fa-line-chart:before {content: "\f201"; } .fa-lastfm:before {content: "\f202"; } .fa-lastfm-square:before {content: "\f203"; } .fa-toggle-off:before {content: "\f204"; } .fa-toggle-on:before {content: "\f205"; } .fa-bicycle:before {content: "\f206"; } .fa-bus:before {content: "\f207"; } .fa-ioxhost:before {content: "\f208"; } .fa-angellist:before {content: "\f209"; } .fa-cc:before {content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before {content: "\f20b"; } .fa-meanpath:before {content: "\f20c"; } .fa-buysellads:before {content: "\f20d"; } .fa-connectdevelop:before {content: "\f20e"; } .fa-dashcube:before {content: "\f210"; } .fa-forumbee:before {content: "\f211"; } .fa-leanpub:before {content: "\f212"; } .fa-sellsy:before {content: "\f213"; } .fa-shirtsinbulk:before {content: "\f214"; } .fa-simplybuilt:before {content: "\f215"; } .fa-skyatlas:before {content: "\f216"; } .fa-cart-plus:before {content: "\f217"; } .fa-cart-arrow-down:before {content: "\f218"; } .fa-diamond:before {content: "\f219"; } .fa-ship:before {content: "\f21a"; } .fa-user-secret:before {content: "\f21b"; } .fa-motorcycle:before {content: "\f21c"; } .fa-street-view:before {content: "\f21d"; } .fa-heartbeat:before {content: "\f21e"; } .fa-venus:before {content: "\f221"; } .fa-mars:before {content: "\f222"; } .fa-mercury:before {content: "\f223"; } .fa-intersex:before, .fa-transgender:before {content: "\f224"; } .fa-transgender-alt:before {content: "\f225"; } .fa-venus-double:before {content: "\f226"; } .fa-mars-double:before {content: "\f227"; } .fa-venus-mars:before {content: "\f228"; } .fa-mars-stroke:before {content: "\f229"; } .fa-mars-stroke-v:before {content: "\f22a"; } .fa-mars-stroke-h:before {content: "\f22b"; } .fa-neuter:before {content: "\f22c"; } .fa-genderless:before {content: "\f22d"; } .fa-facebook-official:before {content: "\f230"; } .fa-pinterest-p:before {content: "\f231"; } .fa-whatsapp:before {content: "\f232"; } .fa-server:before {content: "\f233"; } .fa-user-plus:before {content: "\f234"; } .fa-user-times:before {content: "\f235"; } .fa-hotel:before, .fa-bed:before {content: "\f236"; } .fa-viacoin:before {content: "\f237"; } .fa-train:before {content: "\f238"; } .fa-subway:before {content: "\f239"; } .fa-medium:before {content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before {content: "\f23b"; } .fa-optin-monster:before {content: "\f23c"; } .fa-opencart:before {content: "\f23d"; } .fa-expeditedssl:before {content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before {content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before {content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before {content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before {content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before {content: "\f244"; } .fa-mouse-pointer:before {content: "\f245"; } .fa-i-cursor:before {content: "\f246"; } .fa-object-group:before {content: "\f247"; } .fa-object-ungroup:before {content: "\f248"; } .fa-sticky-note:before {content: "\f249"; } .fa-sticky-note-o:before {content: "\f24a"; } .fa-cc-jcb:before {content: "\f24b"; } .fa-cc-diners-club:before {content: "\f24c"; } .fa-clone:before {content: "\f24d"; } .fa-balance-scale:before {content: "\f24e"; } .fa-hourglass-o:before {content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before {content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before {content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before {content: "\f253"; } .fa-hourglass:before {content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before {content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before {content: "\f256"; } .fa-hand-scissors-o:before {content: "\f257"; } .fa-hand-lizard-o:before {content: "\f258"; } .fa-hand-spock-o:before {content: "\f259"; } .fa-hand-pointer-o:before {content: "\f25a"; } .fa-hand-peace-o:before {content: "\f25b"; } .fa-trademark:before {content: "\f25c"; } .fa-registered:before {content: "\f25d"; } .fa-creative-commons:before {content: "\f25e"; } .fa-gg:before {content: "\f260"; } .fa-gg-circle:before {content: "\f261"; } .fa-portfolioadvisor:before {content: "\f262"; } .fa-odnoklassniki:before {content: "\f263"; } .fa-odnoklassniki-square:before {content: "\f264"; } .fa-get-pocket:before {content: "\f265"; } .fa-wikipedia-w:before {content: "\f266"; } .fa-safari:before {content: "\f267"; } .fa-chrome:before {content: "\f268"; } .fa-firefox:before {content: "\f269"; } .fa-opera:before {content: "\f26a"; } .fa-internet-explorer:before {content: "\f26b"; } .fa-tv:before, .fa-television:before {content: "\f26c"; } .fa-contao:before {content: "\f26d"; } .fa-500px:before {content: "\f26e"; } .fa-amazon:before {content: "\f270"; } .fa-calendar-plus-o:before {content: "\f271"; } .fa-calendar-minus-o:before {content: "\f272"; } .fa-calendar-times-o:before {content: "\f273"; } .fa-calendar-check-o:before {content: "\f274"; } .fa-industry:before {content: "\f275"; } .fa-map-pin:before {content: "\f276"; } .fa-map-signs:before {content: "\f277"; } .fa-map-o:before {content: "\f278"; } .fa-map:before {content: "\f279"; } .fa-commenting:before {content: "\f27a"; } .fa-commenting-o:before {content: "\f27b"; } .fa-houzz:before {content: "\f27c"; } .fa-vimeo:before {content: "\f27d"; } .fa-black-tie:before {content: "\f27e"; } .fa-fonticons:before {content: "\f280"; } .fa-reddit-alien:before {content: "\f281"; } .fa-edge:before {content: "\f282"; } .fa-credit-card-alt:before {content: "\f283"; } .fa-codiepie:before {content: "\f284"; } .fa-modx:before {content: "\f285"; } .fa-fort-awesome:before {content: "\f286"; } .fa-usb:before {content: "\f287"; } .fa-product-hunt:before {content: "\f288"; } .fa-mixcloud:before {content: "\f289"; } .fa-scribd:before {content: "\f28a"; } .fa-pause-circle:before {content: "\f28b"; } .fa-pause-circle-o:before {content: "\f28c"; } .fa-stop-circle:before {content: "\f28d"; } .fa-stop-circle-o:before {content: "\f28e"; } .fa-shopping-bag:before {content: "\f290"; } .fa-shopping-basket:before {content: "\f291"; } .fa-hashtag:before {content: "\f292"; } .fa-bluetooth:before {content: "\f293"; } .fa-bluetooth-b:before {content: "\f294"; } .fa-percent:before {content: "\f295"; } html { font-family: "lato", sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } * { -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; } body, button, input, select, textarea { color: #414141; background-color: #ffffff; font: normal 15px/1.5 'lato', sans-serif; position: relative; -webkit-font-smoothing: antialiased; word-wrap: break-word; } img { border: 0; height: auto; max-width: 100%; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } svg:not(:root) { overflow: hidden; } embed, iframe, object, video { max-width: 100%; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } figure { margin: 0; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } .overhidden{ overflow: hidden; } /* ====================================================== */ /* 2 General Styles */ /* --------------------------------------- */ /* Links */ /* --------------------------------------- */ a, a i, button, input[type="submit"] { transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s; } a { color: #333333; background-color: transparent; text-decoration: none; } .logged-in.admin-bar .ab-top-menu a, .logged-in.admin-bar .ab-top-menu a > p{ color: inherit !important; } a:active, a:hover, a:focus { border: none; color: #DFB200; outline: 0; text-decoration: none; } /* Typography */ /* --------------------------------------- */ h1, h1 a, h1 a:visited, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited { color: #4D545F; font-family: "Montserrat", sans-serif; font-weight: 400; line-height: 1.1; text-transform: uppercase; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #DFB200; text-decoration: none; } h1, h2, h3 { margin-bottom: 15px; margin-top: 10px; } h1 { font-size: 40px; } h2 { font-size: 40px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } @media screen and (max-width: 639px){ h1 { font-size: 22px; } h2 { font-size: 22px; } h3 { font-size: 16px; } h4 { font-size: 14px; } } hr { background-color: #ccc; border: 0; box-sizing: content-box; height: 1px; margin-bottom: 1.5em; } p { margin-bottom: 15px; } p a{ text-decoration: underline; } q, blockquote { color: #787878; } q::before, q:before{ content: open-quote; } q::after, q:after { content: close-quote; } dfn, cite, em, i { font-style: italic; } b, strong { font-weight: bold; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Montserrat", sans-serif; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var, samp { font-family: "Montserrat", sans-serif; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin-top: 0; margin-bottom: 20px; list-style-position: inside; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } @media screen and (max-width: 767px){ h1, h2 { font-size: 24px; } } /* Accessibility */ /* --------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); color: #21759b; clip: auto !important; 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. */ } /* Forms */ /* --------------------------------------- */ form { position: relative; } input { border: 1px solid #dddddd; color: #333333; font-size: 16px; height: inherit; line-height: normal; outline: 0; padding: 8px 15px; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } .button, button, html input[type="button"], input[type="button"], input[type="reset"], input[type="submit"], .button:visited, button:visited, html input[type="button"]:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited, .form-inner .wpcf7-submit, .form-inner .wpcf7-submit:visited { background: #028484; border: none; color: #fff; cursor: pointer; font-size: 16px; padding: 14px 36px; text-transform: uppercase; text-decoration: none; vertical-align: middle; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin: 20px; position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -ms-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; } .button, .button:visited, .wrap-contact input[type="submit"]{ color: #212121; } @media screen and (max-width: 767px) { .button, button, html input[type="button"], input[type="button"], input[type="reset"], input[type="submit"], .form-inner .wpcf7-submit, .button:visited, button:visited, html input[type="button"]:visited, input[type="button"]:visited, input[type="reset"]:visited, input[type="submit"]:visited, .form-inner .wpcf7-submit:visited { padding: 13px 32px 16px; font-size: 15.008px; font-size: 0.938rem; } } .button:hover, button:hover, html input[type="button"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .form-inner .wpcf7-submit:hover { color: #fff !important; } .button:before, button:before, html input[type="button"]:before, input[type="button"]:before, input[type="reset"]:before, input[type="submit"]:before { background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 50px; width: 50px; content: ""; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition-property: opacity, width, height, left, right; transition-duration: 1s; transition-timing-function: linear; overflow: hidden; } .button:hover:before, button:hover:before, input[type="button"]:hover:before, input[type="reset"]:hover:before, input[type="submit"]:hover:before, .button:focus:before, button:focus:before, input[type="button"]:focus:before, input[type="reset"]:focus:before, input[type="submit"]:focus:before, .button:active:before, button:active:before, input[type="button"]:active:before, input[type="reset"]:active:before, input[type="submit"]:active:before { opacity: 0.3; height: 200%; width: 200%; left: -100%; right: -100%; } .btn-holder .button { display: inline-block; margin-top: 40px; } .button.button-outline, .button.button-outline:visited, .form-inner .wpcf7-submit, .form-inner .wpcf7-submit:visited { background-color: transparent; border: 1px solid #212121; transition-property: background-color, color; transition-duration: 1s, 0.7s; transition-timing-function: linear; } .button.button-outline:hover, .button.button-outline:focus, .button.button-outline:active, .button.button-outline:visited:hover, .button.button-outline:visited:focus, .button.button-outline:visited:active, .button.button-outline-small:hover, .button.button-outline-small:focus, .button.button-outline-small:active, .button.button-outline-small:visited:hover, .button.button-outline-small:visited:focus, .button.button-outline-small:visited:active { background: #028484; border-color: #006565; } input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], textarea { color: #666; background-color: #F7F7F7; border: 1px solid #ccc; box-sizing: border-box; padding: 10px 5px 12px 15px; vertical-align: top; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus{ color: #111; background-color: #ffffff; -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { min-height: 130px; overflow: auto; width: 100%; } optgroup { font-weight: bold; } select:focus{ outline: none; } @media screen and (max-width: 479px){ input[type="text"], input[type="email"], input[type="url"], input[type="tel"], input[type="password"], input[type="search"], textarea{ width: 100%; } } /* Placeholder */ /* --------------------------------------- */ /* Webkit */ ::-webkit-input-placeholder { color: #CCC; font-style: italic; font-size: 16px; text-transform: lowercase;} /* Firefox 4-18 */ :-moz-placeholder { color: #CCC; font-style: italic; font-size: 16px; text-transform: lowercase;} /* Firefox 19+ */ ::-moz-placeholder { color: #CCC; font-style: italic; font-size: 16px; text-transform: lowercase;} /* IE10+ */ :-ms-input-placeholder { color: #CCC; font-style: italic; font-size: 16px; text-transform: lowercase;} /* Button */ /* --------------------------------------- */ .btn-container{ margin-bottom: 20px; margin-top: 20px; } /* Clearings */ /* ----------------------------------------------- */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Table */ /* ----------------------------------------------- */ table, th, td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 600; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4em; } del { opacity: 0.8; } dl { margin-bottom: 1.6em; } dt { font-weight: bold; } dd { margin-bottom: 1.6em; margin-left: 0; } dd a{ text-decoration: underline; } /*theme activation*/ .display-info { padding: 15%; text-align: center; background-color: #bababa; color: white; } .display-info .button { color: #fff; } /*title section*/ .title-section{ padding-bottom: 70px; padding-top: 65px; text-align: center; } .title-section h2{ color: #212121; font-weight: 700; margin-top: 0; text-transform: uppercase; } .title-section h3 { color: #6d6d6d; font-family: "Cookie"; font-size: 28px; font-weight: normal; margin-bottom: 0; text-transform: capitalize; } .title-divider{ background-color: #028484; content: ""; display: block; height: 5px; margin-left: auto; margin-right: auto; width: 60px; } @media screen and (max-width: 767px){ .title-section { padding-bottom: 40px; padding-top: 35px; } .title-section h3 { font-size: 20px; margin-bottom: 5px; } .small-post .block-overlay-hover { display: none; } .block-container:hover h2.block-post-title { margin-top: 0; } } .wrap-altbg { background-color: #F8F8F9; } /*loader section*/ @keyframes stroke-move{ 0%{ stroke-dasharray: 0, 1004px; } 100%{ stroke-dasharray: 1005px, 1004px; } } #load-wrap{ background-color: #028484; height: 100%; position: fixed; width: 100%; z-index: 99999; opacity: 1; transition-timing-function: linear; transition-duration: 0.5s; transition-property: opacity; top: 0; } #load-wrap svg{ height: 80px; width: 80px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } #load-wrap circle{ stroke: #414141; fill: transparent; stroke-width: 10px; } #move-stroke { animation: stroke-move 2.5s linear infinite; } #load-wrap #move-stroke circle{ stroke: #fff; } /*search section*/ @-webkit-keyframes slide{ 0%{ right: 0; opacity: 0; } 50%{ right: -200px; opacity: 0; } 100%{ right: 15px; opacity: 1; } } @keyframes slide{ 0%{ right: 0; opacity: 0; } 50%{ right: -200px; opacity: 0; } 100%{ right: 15px; opacity: 1; } } @-webkit-keyframes slide-right{ 0%{ right: 0; } 50%{ right: -30px; } 100%{ right: 0; } } @keyframes slide-right{ 0%{ right: 0; } 50%{ right: -30px; } 100%{ right: 0; } } .search-holder { margin-top: 20px; text-align: center; display: block; } .search-holder .button-search { transition-property: height, width, left, right, opacity; transition-timing-funtion: ease; transition-duration: 1s; transition-delay: 1.5s; position: relative; padding: 10px; } @media screen and (max-width: 767px){ .search-holder { margin-top: 12px; } .search-holder .button-search{ margin-left: 50px; } } .search-holder .button-search i, .search-holder .button-search i:visited { font-size: 20px; color: #fff; } .search-holder .button-search:hover, .search-holder .button-search:hover i{ color: #DFB200; } .search-holder .button-open, .search-holder .button-open:visited{ color: #fff; } .search-holder .button-open, .search-holder .button-open:visited { animation-name: slide; animation-duration: 1.5s; animation-timing-function: linear; background-color: rgba(255,255,255,0); color: white; position: fixed; top: 50px; border: 2px solid white; border-radius: 100%; height: 60px; line-height: 38px; text-align: center; vertical-align: middle; transition-property: background-color; transition-timing-funtion: linear; transition-duration: 0.5s; transition-delay: 0; right: 15px; width: 60px; z-index: 9999993; } .search-holder .button-open:hover, .search-holder .button-open:hover i{ border-color: #DFB200; } /*search popup*/ .search-holder .search-bg { -webkit-clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%); clip-path: polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%); height: 1px; overflow: hidden; position: fixed!important; width: 1px; transition-property: height, width, left, right, opacity; transition-timing-funtion: ease; transition-duration: 1.5s; z-index: 99999; right: 0; top: 0; bottom: 0; left: 0; margin: auto; background-color: rgba(223, 178, 0, 0.5); } .search-holder .search-bg.search-open { -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); width: 200%; height: 200%; z-index: 999999; opacity: 1; left: -50%; right: -50%; } .search-holder .search-bg .form-holder{ opacity: 0; transition-property: opacity; transition-timing-funtion: linear; transition-duration: 1.5s; transition-delay: 1s; } .search-holder .search-bg.search-open .form-holder{ opacity: 1; } .search-holder .search-bg.search-open .form-holder { height: 100%; width: 100%; text-align: center; } .search-holder .search-bg.search-open form { width: 100%; text-align: center; background-color: rgba(2,132,132,0.9); height: 100%; } .search-holder .search-bg.search-open form .form-inner{ position: absolute; height: 80px; width: 35%; display: inline-block; border: 0 solid #fff; border-bottom-width: 3px; top: 0; bottom: 0; margin: auto; left: 0; right: 0; position: absolute; } .search-holder .search-bg.search-open form .form-inner input, .search-holder .search-bg.search-open form .form-inner #search-open-submit{ top: 0; bottom: 0; margin: auto; left: 0; right: 0; position: absolute; margin-bottom: 0; border: none; } .search-holder .search-bg.search-open form .form-inner .search-field{ color: #fff; font-size: 48px; padding: 45px 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } @media screen and (max-width: 767px){ .search-holder .search-bg.search-open form .form-inner .search-field{ font-size: 24px; padding: 30px 0; } } /*search submit button*/ .search-holder .search-bg.search-open form .form-inner .search-submit, .search-holder .search-bg.search-open form .form-inner #search-open-submit { left: auto; right: -5px; border: none; text-align: right; height: 60px; width: 60px; display: inline-block; bottom: -30px; background-color: transparent; } .search-holder .search-bg.search-open form .form-inner #search-open-submit, .search-holder .search-bg.search-open form .form-inner #search-open-submit:visited{ text-align: center; vertical-align: middle; line-height: 60px; color: #fff; font-size: 28px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -ms-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); background-color: #DFB200; animation-name: slide-right; animation-duration: 3s; animation-timing-function: linear; animation-iteration-count: infinite; cursor: pointer; } .search-holder .search-bg.search-open form .form-inner #search-open-submit:hover, .search-holder .search-bg.search-open form .form-inner #search-open-submit:focus, .search-holder .search-bg.search-open form .form-inner #search-open-submit:active{ margin-left: 10px; background-color: #313131; } @media screen and (min-width: 768px){ /* Webkit */ .search-holder .search-bg.search-open form input::-webkit-input-placeholder { color: rgba(255,255,255,0.7); font-size: 48px; font-weight: 300; } /* Firefox 4-18 */ .search-holder .search-bg.search-open form input:-moz-placeholder { color: rgba(255,255,255,0.7); font-size: 48px; font-weight: 300; } /* Firefox 19+ */ .search-holder .search-bg.search-open form input::-moz-placeholder { color: rgba(255,255,255,0.7); font-size: 48px; font-weight: 300; } /* IE10+ */ .search-holder .search-bg.search-open form input:-ms-input-placeholder { color: rgba(255,255,255,0.7); font-size: 48px; font-weight: 300; } } /* ---- isotope ---- */ .grid .element-item { position: relative; float: left; color: #262524; width: 33.333333%; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .grid .element-item img{ width: 100%; height: 100%; margin-bottom: -6px; } @media screen and (max-width: 480px){ .grid .element-item { width: 100%; } } /*grayscale*/ img.desaturate, img.desaturate:visited { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: filter 0.5s ease; -moz-transition: filter 0.5s ease; -ms-transition: filter 0.5s ease; -o-transition: filter 0.5s ease; transition: filter 0.5s ease; } img.desaturate:hover, img.desaturate:focus, img.desaturate:active { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } /* ====================================================== */ /* 3 Header */ /* --------------------------------------- */ /* Header Top Bar */ /* ----------------------------------------------- */ .site-header .wrapper-site-identity { background-color: transparent; padding-bottom: 15px; padding-top: 15px; position: relative; top: 0; z-index: 9999; -webkit-transition: background-color 0.3s ease, padding 0.5s ease; -moz-transition: background-color 0.3s ease, padding 0.5s ease; -ms-transition: background-color 0.3s ease, padding 0.5s ease; -o-transition: background-color 0.3s ease, padding 0.5s ease; transition: background-color 0.3s ease, padding 0.5s ease; } .site-header .wrapper-site-identity{ position: fixed; } @media screen and (max-width: 1199px) { .site-header .wrapper-site-identity { position: relative; } } .site-header .wrapper-site-identity:before, .site-header .wrapper-site-identity:after { content: " "; display: table; } .site-header .wrapper-site-identity:after { clear: both; } .site-header .wrapper-site-identity .site-title { margin-bottom: 5px; margin-top: 5px; line-height: 1.1; } .site-header .wrapper-site-identity .site-title a { color: #fff; font-size: 32px; font-size: 2rem; font-weight: 700; } .site-header .wrapper-site-identity .site-title a:hover { color: #ffa800; opacity: 0.7; } .site-header .wrapper-site-identity .site-description { color: #fff; /*font-family: "Montserrat", sans-serif;*/ font-weight: normal; margin-bottom: 0; margin-top: 5px; font-size: 13.008px; font-size: 0.813rem; } .site-header .wrapper-site-identity .header-btn { vertical-align: top; display: inline-block; } @media screen and (max-width: 1199px) { .site-header .wrapper-site-identity .header-btn { margin-right: 15px; } } @media screen and (max-width: 767px) { .site-header .wrapper-site-identity .header-btn { margin-right: 5px; } } .site-header .wrapper-site-identity .header-btn .button, .site-header .wrapper-site-identity .header-btn .button:visited { display: inline-block; padding: 12px 18px 13px; margin-right: 8px; margin-top: 5px; font-size: 14px; font-size: 0.875rem; } .site-header .wrapper-site-identity .header-btn .button:hover, .site-header .wrapper-site-identity .header-btn .button:focus, .site-header .wrapper-site-identity .header-btn .button:visited:hover, .site-header .wrapper-site-identity .header-btn .button:visited:focus { background-color: #ffa800; border-color: #ffa800; } @media screen and (max-width: 1199px) { .site-header .wrapper-site-identity .site-branding { text-align: center; } } @media screen and (max-width: 767px) { .site-header .wrapper-site-identity .site-branding { margin-bottom: 5px; } .site-header .wrapper-site-identity .button { padding-left: 15px; padding-right: 15px; } } .site-header .wrapper-site-identity .go-right { left: 75%; } .site-header .wrapper-site-identity .go-left { right: 25%; } /*thumb overlay*/ .thumb-overlay { background: rgba(0, 0, 0, 0.5); content: ""; height: 100%; width: 100%; } /*banner background*/ .bannerbg, .bannerbg h2, .bannerbg .title-section h2, .bannerbg .title-section h3, .bannerbg .content-area h2 a, .bannerbg .content-area .content-text { color: #fff; } .bannerbg .title-divider{ background-color: #fff; } .bannerbg .content-area h2 a:hover { color: #ffa800; } .bannerbg .button, .bannerbg .button.button-outline, .bannerbg .button.button-outline:visited { color: #fff; border-color: #fff; } .bannerbg h2{ font-weight: 700; } /* Header Bottom Bar */ /* ----------------------------------------------- */ .site-header { background-color: #028484; } body:not(.home) .site-header{ margin-bottom: 60px; } .site-header:after{ clear: both; content: ""; display: table; } .site-title{ margin-bottom: 0; text-transform: uppercase; } .site-title a { color: rgb(84, 92, 104); font-size: 32px; font-weight: 700; text-decoration: none; } .site-title a:hover{ color: #DFB200; } .site-title img{ margin-left: 15px; } .site-description { color: rgb(153, 153, 153); font-size: 13px; font-weight: 400; margin-top: 0; } /* header-nav-bar */ /* ----------------------------------------------- */ .nav-inner{ background: #ff7e00; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } /*default navigation*/ /*desktop menu*/ @media screen and (min-width: 768px){ .main-navigation ul { list-style: none; margin: 0; padding-left: 0; text-align: right; } .main-navigation li { display: inline-block; text-align: left; position: relative; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation li.active > a, .main-navigation li.active > a, .main-navigation li.active > a { position: relative; } } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { position: relative; } .main-navigation ul > li { margin-left: 15px; margin-right: 15px; } .main-navigation a { color: #fff; display: block; font: 400 15px "lato", sans-serif; padding-bottom: 12px; padding-top: 10px; text-decoration: none; } .main-navigation a:hover, .main-navigation a:focus, .main-navigation a:active{ color: #DFB200; } /*submenu*/ .main-navigation ul ul { background: #212121; display: none; float: left; position: absolute; top: 2.7em; z-index: 99999; width: 200px; } .main-navigation ul ul > li { margin: 0; display: block; } .main-navigation ul ul a { border-top: 1px solid #363636; color: #fff; font-size: 16px; padding: 12px 18px; width: 100%; display: block; } .main-navigation li:hover > a, .main-navigation ul ul a:hover { color: #DFB200; } .main-navigation ul li:hover > ul { display: block; } @media screen and (min-width: 768px){ .main-navigation ul > li > ul:before { border-bottom: 10px solid #212121; border-right: 10px solid transparent; border-left: 10px solid transparent; content: ""; display: inline-block; position: absolute; left: 5px; top: -10px; } .main-navigation ul > li > ul ul:before{ border: none; } } /*submenu level 2*/ .main-navigation ul ul ul { top: 0; } .main-navigation ul ul li:hover > ul { left: -100%; } @media screen and (min-width: 768px){ .main-navigation ul ul ul{ border-right: 1px solid rgba(0,0,0,0.3); } } /*submenu level 2 ends*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } @media screen and (min-width: 768px){ .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%; } } @media screen and (max-width: 1023px){ .site-description, .site-title{ text-align: center; } .main-navigation ul { margin-top: 20px; text-align: center; } } @media screen and (max-width: 767px){ .site-branding{ margin-bottom: 20px; } .main-navigation ul { text-align: left; } .post-navigation .nav-links .nav-previous a, .post-navigation .nav-links .nav-next a{ display: block; margin-bottom: 10px; } } /* ====================================================== */ /* Sidebar */ /* --------------------------------------- */ #secondary aside.widget:first-child .widget-title{ margin-top: 0; } .widget { margin: 0 0 2.5em; } .widget-title, .widgettitle { background: none repeat scroll 0 0 #F1F2F3; border-left: 3px solid #028484; font-size: 18px; padding: 12px 15px; } .entry-meta, .entry-footer{ font-size: 13px; } .entry-meta { border-bottom: 1px solid rgb(204, 204, 204); border-top: 1px solid rgb(204, 204, 204); margin-bottom: 2.5em; padding-bottom: 10px; padding-top: 8px; } .entry-meta span{ margin-right: 10px; } .widget ul{ padding-left: 0; list-style: none; } .widget li { border-top: 1px solid #ccc; display: block; padding-bottom: 10px; padding-top: 10px; text-align: left; } .widget li:first-child { border-top: none; } .widget li a:hover { color: #ffa800; } .widget li a:hover, .widget li a:focus{ color: #DFB200; } .widget select { background: none repeat scroll 0 0 #ffffff; border: 1px solid #cccccc; width: 100%; padding: 8px 15px; } @media only screen and (max-width: 767px){ #secondary { margin-top: 60px; } } /* Search widget */ /* ------------------------------------ */ /* Search widget. */ /* ------------------------------------ */ .search-form label { display: inline-block; margin-bottom: 0; width: 67%; width: calc(100% - 104px); } .search-form .search-field { background-color: #FFFFFF; border: 2px solid #d1d1d1; color: #b4b4b4; display: block; font-size: 14px; height: 44px; line-height: 26px; vertical-align: top; width: 100%; margin-bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .search-form .search-submit { background-color: #028484; border: medium none; border-radius: 0; box-shadow: none; color: #ffffff; display: inline-block; font-size: 14px; font-weight: 400; height: 44px; text-shadow: none; text-transform: uppercase; vertical-align: top; width: 100px; padding-left: 10px; padding-right: 10px; margin: 0; } .search-form .search-submit:hover, .search-form .search-submit:focus{ background-color: #DFB200; color: #ffffff; } /*entry-inner*/ .entry-inner { margin-top: 20px; } .entry-meta.entry-inner { border-bottom: 1px solid #919191; border-top: 1px solid #919191; display: inline-block; color: #fff; } .entry-meta.entry-inner span{ color: #fff; } /* widget_calendar */ /* ------------------------------------ */ .widget_calendar table { margin: 0; } .widget_calendar td, .widget_calendar th { border: 1px solid #ededed; line-height: 2.3333; padding: 0; text-align: center; } .widget_calendar caption { font-weight: 700; margin: 0 0 1.6em; letter-spacing: 0.04em; text-transform: uppercase; } .widget_calendar tbody a { background-color: #028484; color: #fff; display: block; font-weight: 700; -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); } .widget_calendar tbody a:hover, .widget_calendar tbody a:focus { background-color: #DFB200; /*fallback*/ background-color: rgba(51, 51, 51, 0.7); color: #fff; } /* widget_categories */ /* ------------------------------------ */ .widget_categories .children, .widget_nav_menu .sub-menu, .widget_pages .children { margin: 0.4688em 0 0 1em; padding-top: 0.4688em; } /* widget_recent_entries */ /* ------------------------------------ */ .widget_recent_entries .post-date { display: block; font-style: normal; line-height: 2; opacity: 0.8; } /* widget_rss */ /* ------------------------------------ */ .widget_rss ul { list-style: none; margin: 0; } .widget_rss li { margin-bottom: 1.6em; } .widget_rss ul:last-child, .widget_rss li:last-child { margin-bottom: 0; } .widget_rss .rsswidget { border: 0; font-weight: 700; } .widget_rss .rsswidget img { margin-top: -4px; } .widget_rss .rss-date, .widget_rss cite { display: block; font-style: normal; line-height: 2; opacity: 0.8; } /* ====================================================== */ /* Primary */ /* --------------------------------------- */ #hamburger:before { top: 10px; } #hamburger:after { top: 18px; } #hamburger { position: absolute; left: 0; right: 30px; } #hamburger:before, #hamburger:after, #hamburger span { background: #fff none repeat scroll 0 0; content: ""; display: block; height: 3px; position: absolute; transition-delay: 0.5s; transition-duration: 0.5s; transition-property: transform, top, bottom, left, opacity; transition-timing-function: ease; width: 30px; left: 0; right: 0; margin: auto; } #hamburger span { top: 26px; } html.mm-opening #hamburger::before { transform: rotate(45deg); } html.mm-opening #hamburger:before, html.mm-opening #hamburger:after { top: 20px; } html.mm-opening #hamburger::after { transform: rotate(-45deg); } html.mm-opening #hamburger span { left: 50px; opacity: 0; } @media screen and (min-width: 1200px){ #hamburger { transform: translateX(-240%); } } /* Aricles */ /* ------------------------------------ */ #page { overflow: hidden; } .page article.hentry .entry-title, .blog article.hentry, #blog-post article.hentry, .search article.hentry, .archive article.hentry, .tag article.hentry, .category article.hentry, #ak-blog-post article.hentry { border-bottom: 2px solid #4D545F; margin-bottom: 30px; padding-bottom: 30px; } .blog article.hentry:last-child, #blog-post article.hentry:last-child, .search article.hentry:last-child, .archive article.hentry:last-child, .tag article.hentry:last-child, .category article.hentry:last-child, #ak-blog-post article.hentry:last-child { border-bottom: none; } .page article.hentry .entry-title, .blog article.hentry .entry-title, .archive article.hentry .entry-title, .search article.hentry .entry-title{ font-size: 24px; font-weight: 500; margin-bottom: 5px; } .entry-footer > span{ border-left: 1px solid #aaaaaa; padding-left: 10px; padding-right: 10px; } .entry-footer > span:first-child, .entry-footer > span.comments-link, .entry-footer > span.edit-link{ border-left: none; padding-left: 0; } .cat-links:before, .tags-links:before, .comments-link:before, .posted-on:before { font-family: "FontAwesome"; margin-right: 5px; } .cat-links:before { content: "\f07c"; } .tags-links:before { content: "\f02c"; } .tags-links { padding-left: 10px; } .comments-link:before { content: "\f086"; } .comments-link{ display: block; margin-top: 15px; } .comments-title, .comment-reply-title, .comments-link { font-size: 18px; line-height: 1.3333; } .posted-on:before { content: "\f274"; } .posted-on a, .cat-links a, .tags-links a, .author a, .comments-link a{ color: #028484; font-weight: 500; } .entry-inner .posted-on a, .entry-inner .cat-links a, .entry-inner .tags-links a, .entry-inner .author a, .entry-inner .comments-link a{ color: #fff; } .posted-on a:hover, .cat-links a:hover, .tags-links a:hover, .author a:hover, .comments-link a:hover { color: #DFB200; } .edit-link a { color: #028484; font-weight: 700; text-decoration: underline; } .edit-link a:hover, .edit-link a:focus{ color: #DFB200; } .site-main .post-navigation{ margin-top: 2.5em; } .nav-links .nav-previous a, .nav-links .nav-next a { border: 2px solid #cccccc; color: #028484; display: inline-block; font-size: 15px; padding: 12px 25px 13px 40px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .nav-links .nav-previous a:hover, .nav-links .nav-next a:hover{ border-color: #DFB200; color: #DFB200; } .nav-links .nav-next a{ padding-left: 25px; padding-right: 40px; } .nav-links .nav-previous a:before, .nav-links .nav-next a:after{ font-family: "FontAwesome"; display: inline-block; position: absolute; } .nav-links .nav-previous a:before{ content: "\f100"; left: 20px; } .nav-links .nav-next a:after{ content: "\f101"; left: auto; right: 20px; } /* ====================================================== */ /* Footer */ /* --------------------------------------- */ .site-footer{ background-color: #636B6B; } .site-footer:before, .site-footer:after, .wrap-gmap:before, .wrap-gmap:after{ clear: both; content: ""; display: table; } /* Site Info */ /* --------------------------------------- */ .site-info { color: #f8f8f8; text-align: center; } .site-info a{ color: #d8d8d8; } .site-info a:hover, .site-info a:focus{ color: #ffffff; } .wrap-footer { background-color: #323044; } /*footer widget*/ .footer-widget { color: #cccccc; padding-bottom: 2px; padding-top: 20px; line-height: 1.5; font-size: 14px; font-size: 0.875rem; } .footer-widget .widgettitle, .footer-widget .widget-title { background: none; border-left: none; color: #fff; padding-left: 0; padding-right: 0; text-align: left; font-size: 24px; font-size: 1.5rem; } .footer-widget .widget li { border-color: #787878; } .footer-widget a { color: #cccccc; } .site-footer { background-color: #292838; text-align: left; } .site-footer .site-info { color: #a1a1a1; text-align: center; } .site-footer .site-info a { color: #ffffff; } .site-footer .site-info a:hover { color: #ffa800; } .wrap-site-info{ background-color: rgba(0,0,0,0.3); padding-bottom: 20px; padding-top: 20px; } /* ====================================================== */ /* Content */ /* --------------------------------------- */ body:not(.home) #page .site-content, body.home.blog #page .site-content{ background-color: #fff; clear: both; margin-bottom: 30px; margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; } body:not(.home) #page .site-content:before, body.home.blog #page .site-content:before, body:not(.home) #page .site-content:after, body.home.blog #page .site-content:after { content: ""; display: block; } body:not(.home) #page .site-content:after, body.home.blog #page .site-content:after{ clear: both; } #primary, #secondary{ box-sizing: border-box; padding-left: 15px; padding-right: 15px; } #primary { float: left; margin-bottom: 30px; width: 70%; } #secondary { float: left; width: 30%; } @media screen and (min-width: 1024px){ #primary{ padding-right: 60px; } } @media screen and (max-width: 1023px){ #primary, #secondary { float: none; width: 100%; } } @media screen and (max-width: 767px){ #page { margin-left: auto; margin-right: auto; margin-top: 0; width: 100%; } } /*right-sidebar start*/ body.evision-right-sidebar #primary { float: left; width: 70%; } body.evision-right-sidebar #secondary { float: right; width: 30%; } /*left-sidebar start*/ body.evision-left-sidebar #primary { float: right; width: 70%; } body.evision-left-sidebar #secondary { float: left; width: 30%; } /*no-sidebar start*/ body.evision-no-sidebar #primary { float: left; width: 100%; } body.evision-no-sidebar #secondary{ display: none; } @media only screen and (max-width: 1170px){ #page{ margin-top: 0; } .site-content{ margin: 0 auto; width: 100%; } .container:before, .container:after{ clear: both; content: ""; display: block; } } @media only screen and (max-width: 991px){ #primary, body.evision-right-sidebar #primary, body.evision-left-sidebar #primary, #secondary, body.evision-right-sidebar #secondary, body.evision-left-sidebar #secondary { float: none; width: 100%; } } /*post image position*/ article.hentry .image-full{ margin-bottom: 20px; } .entry-content .image-left { float: left; margin-right: 20px; } .entry-content .image-right { float: right; margin-left: 20px; } .entry-content .image-left { float: left; margin-right: 20px; } @media screen and (max-width: 991px){ .entry-content .left-image { float: none; margin-bottom: 20px; margin-right: 0; } .entry-content .right-image { float: none; margin-bottom: 20px; margin-left: 0; } } /*Inner page banner*/ .page-inner-title { background-color: #028484; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; } .page-inner-title .container { padding-bottom: 9%; padding-top: 18%; text-align: center; } .page-inner-title .entry-header .entry-title { color: #fff; padding-left: 15px; padding-right: 15px; text-transform: uppercase; } .taxonomy-description{ color: #fff; padding-left: 15px; padding-right: 15px; } /* 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; } /* Posts and Pages */ /* --------------------------------------- */ .entry-header { border-bottom: none; margin-top: 0; } .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline:before { content: "\f007"; font-family: "FontAwesome"; margin-right: 5px; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .entry-content img{ margin-bottom: 20px; } .single article.hentry .entry-title{ color: #4D545F; } /*page links/pagination*/ .page-links { clear: both; font-weight: 700; margin-bottom: 2em; margin-top: 2em; } .page-links a, .page-links > span { border: 1px solid #ccc; display: inline-block; font-size: 15px; height: 2em; line-height: 2; margin: 0 3px 3px 3px; text-align: center; width: 2em; } .page-links a { color: #028484; } .page-links a:hover, .page-links a:focus, .page-links > span:hover, .page-links > span:focus { border: 1px solid #DFB200; color: #DFB200; } /* Asides */ /* --------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /* Comments */ /* --------------------------------------- */ .comment-list + .comment-respond { border-top: 1px solid #eaeaea; } .comment-list + .comment-respond, .comment-navigation + .comment-respond { padding-top: 1.6em; } .comments-title, .comment-reply-title { font-size: 18px; line-height: 1.3333; } .comments-title { margin-bottom: 1.3333em; } .comment-list { list-style: none; margin: 0; } .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid #eaeaea; padding: 1.6em 0; } .comment-list .children { list-style: none; margin: 0; } .comment-list .children > li { padding-left: 0.8em; } .comment-author { color: #707070; margin-bottom: 0.4em; } .comment-author a:hover, .comment-author a:focus, .comment-author a:active { border-bottom: 1px solid #707070; } .comment-author .avatar { float: left; height: 32px; margin-right: 0.8em; width: 32px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; } .comment-metadata, .pingback .edit-link { color: #999999; font-weight: 700; } .comment-metadata a, .pingback .edit-link a { color: #028484; } .comment-metadata a:hover, .pingback .edit-link a:hover { border-bottom: 1px solid #333333; } .comment-metadata a.comment-edit-link:hover{ border-bottom: none; } .comment-metadata a:hover, .comment-metadata a:focus, .pingback .edit-link a:hover, .pingback .edit-link a:focus { color: #DFB200; } .comment-metadata { margin-bottom: 1.6em; } .comment-metadata .edit-link { margin-left: 1em; } .pingback .edit-link { margin-left: 1em; } .pingback .edit-link:before { top: 5px; } .comment-content ul, .comment-content ol { margin: 0 0 1.6em 1.3333em; } .comment-content li > ul, .comment-content li > ol { margin-bottom: 0; } .comment-content > :last-child { margin-bottom: 0; } .comment-list .reply { font-size: 12px; } .comment-list .reply a { border: 1px solid #eaeaea; color: #707070; display: inline-block; font-weight: 700; line-height: 1; margin-top: 2em; padding: 0.6167em 0.8333em; text-transform: uppercase; } .comment-list .reply a:hover, .comment-list .reply a:focus { border-color: #333333; color: #333333; outline: 0; } .comment-form { padding-top: 1.6em; } .comment-form label { color: #707070; display: block; font-size: 15px; font-weight: 700; line-height: 1.5; text-transform: uppercase; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form input[type="submit"] { width: 100%; } .comment-notes, .comment-awaiting-moderation, .logged-in-as, .form-allowed-tags { color: #707070; font-size: 15px; line-height: 1.5; margin-bottom: 2em; } .logged-in-as a:hover { border-bottom: 1px solid #333; } .no-comments { border-top: 1px solid #eaeaea; color: #707070; font-weight: 700; padding-top: 1.6em; } .comment-navigation + .no-comments { border-top: 0; } .form-submit { margin-bottom: 0; } .comments-area .form-submit input[type="submit"] { width: auto; margin-left: 0; } .required { color: #c0392b; } .comment-reply-title small { font-size: 100%; } .comment-reply-title small a { border: 0; float: right; height: 32px; overflow: hidden; width: auto; } .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Pagination */ /* --------------------------------------- */ .page-numbers { border: 1px solid #cccccc; background-color: #ffffff; color: #565656; display: inline-block; font-size: 18px; height: 44px; line-height: 40px; margin-top: 15px; text-align: center; vertical-align: middle; width: 44px; } .page-numbers:hover, .page-numbers:focus, .page-numbers.current { border: 1px solid #028484; color: #028484; } /* Posts and Pages */ /* --------------------------------------- */ .error404 #primary { width: 100%; } .error404 .search-form{ margin-bottom: 30px; } /* ====================================================== */ /* 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; } /* ====================================================== */ /* Captions */ /* --------------------------------------- */ .wp-caption { margin-bottom: 1em; 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; margin-bottom: 15px; margin-top: 15px; 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; } @media only screen and (max-width: 767px){ .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { max-width: 100%; } } @media only screen and (max-width: 480px){ .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item { max-width: 100%; } } /* ====================================================== */ /* 10 Global */ /* --------------------------------------- */ @media screen and (min-width: 768px){ .pad0l{ padding-left: 0px; } .pad0r{ padding-right: 0px; } .pad0lr{ padding-left: 0px; padding-right: 0px; } } .row-same-height { display: table; /* fix overflow */ table-layout: fixed; width: 100%; } .col-same-height { display: table-cell; float: none !important; height: 100%; vertical-align: middle; } @media screen and (max-width: 767px){ .row-same-height, .col-same-height { display: block; width: auto; } } /* vertical alignment styles */ .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } /*social*/ .social-menu{ text-align: center; margin-bottom: 30px; } @media screen and (max-width: 767px) { .evision-social-section { border-color: #787878; border-style: solid; border-width: 1px 0; text-align: center; } } .evision-social-section ul { list-style: none; margin-bottom: 0; margin-top: 17px; padding-left: 0; } @media screen and (max-width: 767px) { .evision-social-section ul { margin-bottom: 7px; margin-top: 7px; padding-left: 0; text-align: center; } } .evision-social-section ul li { display: inline-block; vertical-align: middle; margin-bottom: 1px; position: relative; text-align: center; } @media screen and (max-width: 767px) { .evision-social-section ul li { display: inline-block; } } .evision-social-section ul a { position: relative; color: #fff; } .evision-social-section ul a span, .evision-social-section ul a .page-links a, .page-links .evision-social-section ul a a { bottom: 0; background-color: #333333; display: inline-block; min-height: 30px; position: absolute; padding: 7px 10px 8px; right: 100%; top: 0; bottom: 0; margin: auto; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; font-size: 0px; font-size: 0rem; opacity: 0; filter: alpha(opacity=0); -webkit-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out; -moz-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out; -ms-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out; -o-transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: font-size 0.2s ease-in-out, opacity 0.2s ease-in-out; } .evision-social-section ul a span:after, .evision-social-section ul a .page-links a:after, .page-links .evision-social-section ul a a:after { border-left: 6px solid #333333; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; display: inline-block; position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; height: 6px; } .evision-social-section ul a:after { border: 2px solid white; color: #fff; display: inline-block; font-family: "FontAwesome"; font-weight: 400; height: 46px; margin-left: 5px; margin-right: 5px; line-height: 46px; text-align: center; width: 46px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; font-size: 18px; font-size: 1.125rem; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-background-color: rgba(0, 0, 0, 0.5); -moz-background-color: rgba(0, 0, 0, 0.5); -ms-background-color: rgba(0, 0, 0, 0.5); -o-background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5); } @media screen and (max-width: 767px) { .evision-social-section ul a:after { background-color: transparent; color: #cccccc; } } .evision-social-section ul a:hover span, .evision-social-section ul a:hover .page-links a, .page-links .evision-social-section ul a:hover a, .evision-social-section ul a:focus span, .evision-social-section ul a:focus .page-links a, .page-links .evision-social-section ul a:focus a, .evision-social-section ul a:active span, .evision-social-section ul a:active .page-links a, .page-links .evision-social-section ul a:active a { bottom: 0; right: 100%; top: 0; font-size: 13.008px; font-size: 0.813rem; opacity: 1; filter: alpha(opacity=100); } .evision-social-section ul a:hover:after, .evision-social-section ul a:focus:after, .evision-social-section ul a:active:after { border-color: #999999; background-color: #fff; } .evision-social-section ul a[href*="facebook.com"]:after { content: "\f09a"; } .evision-social-section ul a[href*="twitter.com"]:after { content: "\f099"; } .evision-social-section ul a[href*="linkedin.com"]:after { content: "\f0e1"; } .evision-social-section ul a[href*="instagram.com"]:after { content: "\f16d"; } .evision-social-section ul a[href*="youtube.com"]:after { content: "\f167"; } .evision-social-section ul a[href*="plus.google.com"]:after { content: "\f0d5"; } .evision-social-section ul a[href*="pinterest.com"]:after { content: "\f0d2"; } .evision-social-section ul a[href*="flickr.com"]:after { content: "\f16e"; } .evision-social-section ul a[href*="tumblr.com"]:after { content: "\f173"; } .evision-social-section ul a[href*="wordpress.org"]:after { content: "\f19a"; } .evision-social-section ul a[href*="wordpress.com"]:after { content: "\f19a"; } .evision-social-section ul a[href*="soundcloud.com"]:after { content: "\f1be"; } .evision-social-section ul a[href*="dribbble.com"]:after { content: "\f17d"; } .evision-social-section ul a[href*="digg.com"]:after { content: "\f1a6"; } .evision-social-section ul a[href*="behance.net"]:after { content: "\f1b4"; } .evision-social-section ul a[href*="vine.co"]:after { content: "\f1ca"; } .evision-social-section ul a[href*="snapchat.com"]:after { content: "\f2ab"; } .evision-social-section ul a[href*="reddit.com"]:after { content: "\f1a1"; } .evision-social-section ul a[href*="medium.com"]:after { content: "\f23a"; } .evision-social-section ul a[href*="whatsapp.com"]:after { content: "\f232"; } .evision-social-section ul a[href*="slack.com"]:after { content: "\f198"; } .evision-social-section ul a[href*="vk.com"]:after { content: "\f189"; } .evision-social-section ul a:hover[href*="facebook.com"]:after { color: #3C579E !important; } .evision-social-section ul a:hover[href*="twitter.com"]:after { color: #01BBF6 !important; } .evision-social-section ul a:hover[href*="linkedin.com"]:after { color: #1484C3 !important; } .evision-social-section ul a:hover[href*="instagram.com"]:after { color: #2D6A93 !important; } .evision-social-section ul a:hover[href*="youtube.com"]:after { color: #D62424 !important; } .evision-social-section ul a:hover[href*="pinterest.com"]:after { color: #BD2126 !important; } .evision-social-section ul a:hover[href*="plus.google.com"]:after { color: #D73D32 !important; } .evision-social-section ul a:hover[href*="flickr.com"]:after { color: #FD0083 !important; } .evision-social-section ul a:hover[href*="tumblr.com"]:after { color: #34465D !important; } .evision-social-section ul a:hover[href*="wordpress.org"]:after { color: #3480A3 !important; } .evision-social-section ul a:hover[href*="wordpress.com"]:after { color: #3480A4 !important; } .evision-social-section ul a:hover[href*="soundcloud.com"]:after { color: #FF4E00 !important; } .evision-social-section ul a:hover[href*="dribbble.com"]:after { color: #EE6D9E !important; } .evision-social-section ul a:hover[href*="digg.com"]:after { color: #000000 !important; } .evision-social-section ul a:hover[href*="behance.net"]:after { color: #131418 !important; } .evision-social-section ul a:hover[href*="vine.co"]:after { color: #00BF8F !important; } .evision-social-section ul a:hover[href*="snapchat.com"]:after { color: #FF5500 !important; } .evision-social-section ul a:hover[href*="reddit.com"]:after { color: #CEE3F8 !important; } .evision-social-section ul a:hover[href*="medium.com"]:after { color: #02B875 !important; } .evision-social-section ul a:hover[href*="whatsapp.com"]:after { color: #4EC65A !important; } .evision-social-section ul a:hover[href*="slack.com"]:after { color: #56B68B !important; } .evision-social-section ul a:hover[href*="vk.com"]:after { color: #537599 !important; } .evision-social-section.top-tooltip a span, .evision-social-section.top-tooltip a .page-links a, .page-links .evision-social-section.top-tooltip a a, .evision-social-section.top-tooltip a:visited span, .evision-social-section.top-tooltip a:visited .page-links a, .page-links .evision-social-section.top-tooltip a:visited a { background-color: #1a1a1a; height: 20px; top: -100px; left: -40%; right: 0; width: 180%; line-height: 1; } .evision-social-section.top-tooltip a span:after, .evision-social-section.top-tooltip a .page-links a:after, .page-links .evision-social-section.top-tooltip a a:after, .evision-social-section.top-tooltip a:visited span:after, .evision-social-section.top-tooltip a:visited .page-links a:after, .page-links .evision-social-section.top-tooltip a:visited a:after { border-top: 6px solid #1a1a1a; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 40px; right: 0; bottom: 0; margin: auto; text-align: center; left: 0; width: 6px; height: 6px; } .evision-social-section.top-tooltip a:after, .evision-social-section.top-tooltip a:visited:after { border: none; color: #fff; font-family: "FontAwesome"; background-color: transparent; } .evision-social-section.top-tooltip a:after:hover, .evision-social-section.top-tooltip a:visited:after:hover { background-color: transparent; } .evision-social-section.top-tooltip a:hover span, .evision-social-section.top-tooltip a:hover .page-links a, .page-links .evision-social-section.top-tooltip a:hover a, .evision-social-section.top-tooltip a:focus span, .evision-social-section.top-tooltip a:focus .page-links a, .page-links .evision-social-section.top-tooltip a:focus a, .evision-social-section.top-tooltip a:active span, .evision-social-section.top-tooltip a:active .page-links a, .page-links .evision-social-section.top-tooltip a:active a, .evision-social-section.top-tooltip a:visited:hover span, .evision-social-section.top-tooltip a:visited:hover .page-links a, .page-links .evision-social-section.top-tooltip a:visited:hover a, .evision-social-section.top-tooltip a:visited:focus span, .evision-social-section.top-tooltip a:visited:focus .page-links a, .page-links .evision-social-section.top-tooltip a:visited:focus a, .evision-social-section.top-tooltip a:visited:active span, .evision-social-section.top-tooltip a:visited:active .page-links a, .page-links .evision-social-section.top-tooltip a:visited:active a { background-color: #1a1a1a; top: -100px; } /*footer menu*/ .footer-nav:before, .footer-nav:after { content: " "; display: table; } .footer-nav:after { clear: both; } .footer-nav.main-navigation { background-color: #313131; text-align: left; } .footer-nav.main-navigation a { color: #cccccc; } .footer-nav.main-navigation ul > li { border-top: 0; border-bottom: 1px solid #b3b3b3; } @media screen and (min-width: 768px) { .footer-nav.main-navigation ul > li { border: none; display: inline-block; float: none; } } @media screen and (min-width: 768px) { .footer-nav.main-navigation { text-align: center; } } /*back-to-top section*/ .back-tonav, .back-tonav:visited { display: inline-block; position: fixed; right: 15px; background: #028484 none repeat scroll 0 0; bottom: 15px; color: #ffffff; font-size: 28px; padding: 3px 13px 8px; line-height: 1; z-index: 9997; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } .back-tonav i { color: #ffffff; } .back-tonav .back-tonav:hover, .back-tonav .back-tonav:focus, .back-tonav .back-tonav:active { bottom: 20px; display: inline-block; right: 15px; z-index: 999; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; } .back-tonav:hover { -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } /*overflow hidden*/ .overhidden{ overflow: hidden; } /*third party style*/ /*contact form 7 plugin style*/ .wpcf7-form-control { height: 50px; margin-bottom: 15px; width: 100%; } /*mmenu*/ .mm-menu.mm-offcanvas { position: relative; } .mm-menu.mm-offcanvas.mm-opened{ position: fixed; } .mm-navbar .mm-title { font-size: 16px; font-weight: 600; padding-top: 9px; padding-bottom: 10px; } .mm-navbar .mm-btn:last-child { color: #414141; font-size: 20px; padding-bottom: 8px; padding-right: 20px; padding-top: 7px; right: 10px; } @media (max-width: 767px) { #site-navigation { display: none !important; } #mm-site-navigation, #hamburger { display: block !important; } } @media (min-width: 768px) { #mm-site-navigation, #hamburger { display: none !important; } #site-navigation{ display: block !important; margin-top: 10px; } } /*flicker*/ .flicker-widget #flickr_badge_wrapper{ width: 100%; } /*WooCommerce Compatible*/ .woocommerce nav.woocommerce-pagination ul { border: none; display: block; margin-left: auto; margin-right: auto; width: 100%; } .woocommerce nav.woocommerce-pagination ul li{ float: none; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce .cart .button, .woocommerce .cart input.button{ background-color: #028484; color: #fff; font-size: 13px; line-height: 1.2; padding: 10px 16px 11px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{ background-color: #DFB200; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ max-height: 34px; } /*.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="url"], .woocommerce input[type="password"], .woocommerce input[type="search"], .woocommerce input[type="tel"]{ height: 34px; }*/ @media screen and (max-width: 479px){ .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus{ font-size: 12px; padding: 13px 20px 14px; } } /*BBpress Compatible*/ .wp-editor-container input[type="button"] { background-color: inherit !important; } .wp-editor-container input[type="button"]:hover, .wp-editor-container input[type="button"]:focus { background-color: inherit !important; border: inherit !important; } /*breadcrumb section*/ .wrap-breadcrumb { background-color: #323044; color: #ffffff; font-size: 13px; padding-bottom: 20px; padding-top: 20px; } .wrap-breadcrumb a, .wrap-breadcrumb a:visited{ color: #ffffff; } .wrap-breadcrumb a:hover, .wrap-breadcrumb a:focus, .wrap-breadcrumb a:active{ opacity: 0.7; } .wrap-breadcrumb span{ margin-left: 5px; margin-right: 5px; } .wrap-breadcrumb span:first-child{ margin-left: 0; } .wrapper{ float: left; width: 100%; } .block-section{ margin-bottom: 30px; position: relative; vertical-align: top; } .block-overlay-content { bottom: 0; content: ""; display: block; height: 100%; left: 0; margin: auto; right: 0; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .block-container{ position: relative; overflow: hidden; } .thumb-holder{ text-align: center; } .block-section img{ vertical-align: top; } .vmiddle-holder { display: table; height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .vmiddle { display: table-cell; height: 100%; text-align: center; vertical-align: middle; width: 100%; } h2.block-post-title{ color: #ffffff; font-size: 32px; padding: 15px; -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); -webkit-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; } /*block-overlay-hover*/ .block-overlay-hover{ background-color: #1481A8; bottom: -400px; opacity: 0; -webkit-transition: opacity 0.7s ease, bottom 0.7s ease; -o-transition: opacity 0.7s ease, bottom 0.7s ease; transition: opacity 0.7s ease, bottom 0.7s ease; } .block-container:hover .block-overlay-hover, .block-container:focus .block-overlay-hover, .block-container:active .block-overlay-hover{ bottom: 0; opacity: 1; } .block-container:hover h2.block-post-title, .block-container:focus h2.block-post-title, .block-container:active h2.block-post-title{ margin-top: -60px; } @media screen and (max-width: 1023px){ .large-post, .small-post{ display: block; margin-left: auto; margin-right: auto; width: 554px; } .small-post{ width: 260px; } } @media screen and (max-width: 767px){ h2.block-post-title { font-size: 22px; } .large-post{ width: 260px; } } /*Slider section*/ /* --------------------------------------- */ .wrapper-slider { background-color: #313131; border-bottom: 10px solid #028484; overflow: hidden; position: relative; } .wrapper-slider:before, .wrapper-slider:after { content: " "; display: table; } .wrapper-slider:after { clear: both; } .wrapper-slider .slide-item { color: #ffffff; width: 100%; background: no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .wrapper-slider .slide-item .container{ padding-bottom: 9%; padding-top: 15%; } .wrapper-slider .slide-item:not(:first-child) { display: none; visibility: hidden; } /*thumb overlay*/ .wrapper-slider .slide-item .slider-title { margin-bottom: 2px; line-height: 1; opacity: 0; -webkit-transition: opacity 0.5s linear 1s; -moz-transition: opacity 0.5s linear 1s; -ms-transition: opacity 0.5s linear 1s; -o-transition: opacity 0.5s linear 1s; transition: opacity 0.5s linear 1s; } .wrapper-slider .slide-item .slider-title a, .wrapper-slider .slide-item .slider-title a:visited { color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 48px; font-size: 3rem; } @media screen and (max-width: 767px) { .wrapper-slider .slide-item .slider-title a, .wrapper-slider .slide-item .slider-title a:visited { font-size: 24px; font-size: 1.5rem; } } .wrapper-slider .slide-item .slider-title a:hover, .wrapper-slider .slide-item .slider-title a:focus, .wrapper-slider .slide-item .slider-title a:active, .wrapper-slider .slide-item .slider-title a:visited:hover, .wrapper-slider .slide-item .slider-title a:visited:focus, .wrapper-slider .slide-item .slider-title a:visited:active { color: #ffa800; } .wrapper-slider .slide-item .text-content { font-size: 18px; line-height: 1.5; margin-top: 20px; opacity: 0; -webkit-transition: opacity 0.5s linear 1.5s; -moz-transition: opacity 0.5s linear 1.5s; -ms-transition: opacity 0.5s linear 1.5s; -o-transition: opacity 0.5s linear 1.5s; transition: opacity 0.5s linear 1.5s; } @media screen and (max-width: 767px) { .wrapper-slider .slide-item .text-content { font-size: 15.008px; font-size: 0.938rem; } } .wrapper-slider .slide-item .btn-holder { font-size: 18px; font-size: 1.125rem; opacity: 0; -webkit-transition: opacity 0.5s linear 2s; -moz-transition: opacity 0.5s linear 2s; -ms-transition: opacity 0.5s linear 2s; -o-transition: opacity 0.5s linear 2s; transition: opacity 0.5s linear 2s; } .wrapper-slider .slide-item .btn-holder .button { display: inline-block; margin-left: 0; } .controls { bottom: 0; height: 110px; left: 0; margin: auto; position: absolute; top: 0; width: 60px; z-index: 999; } @media screen and (min-width: 768px) { .controls { left: auto; right: 15px; } } .slick-dotted.slick-slider{ padding-bottom: 60px; padding-top: 30px; } .controls .slide-prev, .controls .slide-next { display: block; margin: 5px 15px 5px 5px; } .controls .slide-prev:before, .controls .slide-prev:after, .controls .slide-next:before, .controls .slide-next:after { content: " "; display: table; } .controls .slide-prev:after, .controls .slide-next:after { clear: both; } .controls .slide-prev i, .controls .slide-prev i:visited, .controls .slide-next i, .controls .slide-next i:visited{ color: #fff; background-color: rgba(0, 0, 0, 0.5); padding: 20px 15px 23px; font-size: 16px; font-size: 1rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; } @media screen and (min-width: 1200px) { .controls .slide-prev i, .controls .slide-prev i:visited, .controls .slide-next i, .controls .slide-next i:visited, .slick-prev, .slick-next { padding: 12px 20px 13px; font-size: 24px; font-size: 1.5rem; } } .controls .slide-prev i:hover, .controls .slide-prev i:focus, .controls .slide-prev i:active, .controls .slide-prev i:visited:hover, .controls .slide-prev i:visited:focus, .controls .slide-prev i:visited:active, .controls .slide-next i:hover, .controls .slide-next i:focus, .controls .slide-next i:active, .controls .slide-next i:visited:hover, .controls .slide-next i:visited:focus, .controls .slide-next i:visited:active{ background-color: #ffa800; } @media screen and (max-width: 767px) { .slick-dots{ width: 100%; left: 0; right: 0; } .controls .slide-prev { margin-left: 5px; } } @media screen and (max-width: 767px) { .controls .slide-next { margin-right: 5px; } } @media screen and (min-width: 768px) { .controls { margin-right: 15px; } } .slide-pager { bottom: 8%; position: absolute; text-align: right; right: 0; width: 100%; z-index: 9991; } .slide-pager span, .slide-pager .page-links a, .page-links .slide-pager a, .slide-pager span:visited, .slide-pager .page-links a:visited, .page-links .slide-pager a:visited, .slick-dots li button{ border: 2px solid #000; cursor: pointer; display: inline-block; font-size: 0; height: 18px; line-height: 18px; margin-left: 5px; margin-right: 5px; width: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .slick-dots li button:before{ display: none; } .slide-pager span:hover, .slide-pager .page-links a:hover, .page-links .slide-pager a:hover, .slide-pager span:focus, .slide-pager .page-links a:focus, .page-links .slide-pager a:focus, .slide-pager span:visited:hover, .slide-pager .page-links a:visited:hover, .page-links .slide-pager a:visited:hover, .slide-pager span:visited:focus, .slide-pager .page-links a:visited:focus, .page-links .slide-pager a:visited:focus, .slick-dots button:hover { border: 2px solid #000; background-color: #028484; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -ms-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } @media screen and (min-width: 768px) { .slide-pager, .slick-dots { margin-right: 15px; } } .slide-pager .cycle-pager-active, .slick-dots .slick-active button{ background-color: #028484; } .slick-prev:before, .slick-next:before { background-color: transparent; color: #000; padding: 15px; font-size: 25px; } .slick-prev:hove:before, .slick-next:hover:before { font-size: 0; } .wrapper-slider .cycle-slide-active .slider-title, .wrapper-slider .cycle-slide-active .btn-holder, .wrapper-slider .cycle-slide-active .text-content { opacity: 1; } .wrapper-slider .cycle-slide-active .banner-content-holder { padding-left: 0; } /*about section*/ /* --------------------------------------- */ .wrapper-info{ padding-bottom: 60px; } .wrapper-info .thumb-holder { background-size: 58.33333333% 100%; background-repeat: no-repeat; background-position: 100% 0; margin-bottom: 30px; } @media screen and (max-width: 767px) { .wrapper-info{ padding-bottom: 30px; } .wrapper-info .thumb-holder { background-size: 100%; padding-top: 35%; } } .wrapper-info .content-outer { float: none; padding-bottom: 30px; padding-top: 30px; } .wrapper-info .content-outer .content-area { background-color: #fff; border: 1px solid #565656; padding: 20px 30px 30px; text-align: left; } .wrapper-info .content-outer .content-area h2 { font-size: 24px; font-size: 1.5rem; } .wrapper-info .content-outer .content-area .button-outline-small { border-width: 2px; } /*Service section*/ /* --------------------------------------- */ .wrap-service.block-section { padding-top: 30px; padding-bottom: 5px; } .wrap-service .block-row{ margin-top: 20px; } .box-inner{ background-color: #ffffff; margin-bottom: 30px; text-align: center; } /*icon hover*/ .flip-container{ position: relative; z-index: 2; perspective: 1000; -webkit-transition: background-color 1s ease 0s; -moz-transition: background-color 1s ease 0s; -ms-transition: background-color 1s ease 0s; -o-transition: background-color 1s ease 0s; transition: background-color 1s ease 0s; } .box-container .box-inner:hover .flip-holder, .box-container .box-inner:focus .flip-holder{ transform: translateY(180deg); } .flip-container, .flip-container .front, .flip-container .back{ height: 120px; margin: 0 auto; text-align: center; width: 120px; } .flip-holder{ transform-style: perserve-3d; position: relative; } .flip-container .front, .flip-container .back { border: 2px solid #028484; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; backface-visibility: hidden; left: 0; position: absolute; top: 0; overflow: hidden; -webkit-transition: transform 1s ease 0s; -moz-transition: transform 1s ease 0s; -ms-transition: transform 1s ease 0s; -o-transition: transform 1s ease 0s; transition: transform 1s ease 0s; } .flip-container .front, .box-container .box-inner:hover .back, .box-container .box-inner:focus .back{ transform: rotateY(0deg); z-index: 2; } .flip-container .back, .box-container .box-inner:hover .front, .box-container .box-inner:focus .front{ transform: rotateY(180deg); } .flip-container .front, .flip-container .back{ background-color: white; color: #333333; } .flip-container .front i, .flip-container .back i{ font-size: 28px; line-height: 120px; } .flip-container .back img{ -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 100%; width: 100%; border: none; overflow: hidden; } /*icon hover ends*/ .box-content { margin-top: -33px; padding: 58px 40px 40px; position: relative; z-index: 1; } .box-container .box-content, .box-container h3, .box-container .box-content p{ -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; } .box-container a .box-content{ color: #565656; } .box-container .box-inner:hover .box-content, .box-container .box-inner:focus .box-content{ background-color: #028484; } .box-container .box-inner:hover h3, .box-container .box-inner:focus h3, .box-container .box-inner:hover .box-content p, .box-container .box-inner:focus .box-content p { color: #ffffff; } .box-container h3{ margin-top: 0px; margin-bottom: 25px; } .box-container .box-inner:hover h3, .box-container .box-inner:hover li, .box-container .box-inner:hover p, .box-container .box-inner:focus h3, .box-container .box-inner:focus li, .box-container .box-inner:focus p { color: #ffffff; } .box-container .box-inner:hover a, .box-container .box-inner:focus a{ color: #d5d5d5; } .browse-more-btn{ margin-top: 60px; text-align: center; } .wrap-service .browse-more-btn { margin-top: 0; } .thumb-option .box-content{ margin-top: -60px; padding-top: 108px; } .icon-container .icon { display: inline-block; vertical-align: middle; box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; transform-style: preserve-3d; } .icon-container i:before { bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; transform: translateZ(0px); vertical-align: middle; } .box-container .box-inner:hover .icon-container .icon, .box-container .box-inner:focus .icon-container .icon{ transform: rotateY(180deg); } .thumb-option .icon-container .icon img{ -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 100%; width: 100%; } @media screen and (max-width: 991px){ .box-container{ margin-bottom: 30px; } } /*portfolios*/ /* --------------------------------------- */ @-webkit-keyframes slideLeftTop { 0%{ transform: translateY(0) translateX(0); } 50%{ transform: translateY(-10px) translateX(-10px); } 100%{ transform: translateY(0) translateX(0); } } @keyframes slideLeftTop { 0%{ transform: translateY(0) translateX(0); } 50%{ transform: translateY(-10px) translateX(-10px); } 100%{ transform: translateY(0) translateX(0); } } .wrap-portfolio{ padding-bottom: 80px; } .wrap-portfolio .button-group { text-align: center; border-bottom: 1px solid #ccc; margin: 5px; box-sizing: border-box; border-top: 1px solid #ccc; margin-bottom: 20px; } .wrap-portfolio .button, .wrap-portfolio .button:visited { border: none; border-radius: 0; font-size: 14px; margin: 0; padding-left: 20px; padding-right: 20px; } .wrap-portfolio .button:hover:before, .wrap-portfolio .button:focus:before, .wrap-portfolio .button:active:before{ opacity:0; outline: none; border-radius: 0; } .wrap-portfolio .button.is-checked{ background-color: #028484; color: #fff; outline: none; border-radius: 0; border: none; } .radius-thumb-holder{ background: #028484; border: none; overflow: hidden; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: color 1s linear; -moz-transition: color 1s linear; -ms-transition: color 1s linear; -o-transition: color 1s linear; transition: color 1s linear; } .radius-thumb-holder:before{ background-color: #028484; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 50px; width: 50px; content: ""; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; transition-property: opacity, width, height, left, right; transition-duration: 0.5s; transition-timing-function: linear; overflow: hidden; } .radius-thumb-holder:hover:before, .radius-thumb-holder:focus:before, .radius-thumb-holder:active:before{ background-color: rgba(2,132,132,0.9); opacity: 1; height: 200%; width: 200%; left: -100%; right: -100%; } .radius-thumb-hover { position: absolute; z-index: 999; width: 100%; top: 0; height: 100%; color: #fff; padding: 14px 36px; vertical-align: middle; text-align: center; opacity: 0; -webkit-transition: opacity 0.5s ease-out 0.2s; -moz-transition: opacity 0.5s ease-out 0.2s; -ms-transition: opacity 0.5s ease-out 0.2s; -o-transition: opacity 0.5s ease-out 0.2s; transition: opacity 0.5s ease-out 0.2s; } .radius-thumb-holder:hover .radius-thumb-hover, .radius-thumb-holder:focus .radius-thumb-hover, .radius-thumb-holder:active .radius-thumb-hover{ opacity: 1; } .radius-thumb-hover h3{ position: absolute; z-index: 9999; width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; height: 100%; height: 56px; text-decoration: none; vertical-align: middle; text-align: center; padding: 15px; } .radius-thumb-hover h3 a { color: #fff; font-size: 18px; display: inline-block; padding-top: 50px; -webkit-transition: color 0.5s linear, padding-top 0.5s linear; -moz-transition: color 0.5s linear, padding-top 0.5s linear; -ms-transition: color 0.5s linear, padding-top 0.5s linear; -o-transition: color 0.5s linear, padding-top 0.5s linear; transition: color 0.5s linear, padding-top 0.5s linear; } .radius-thumb-holder:hover .radius-thumb-hover h3 a, .radius-thumb-holder:focus .radius-thumb-hover h3 a, .radius-thumb-holder:active .radius-thumb-hover h3 a{ padding-top: 0; } .radius-thumb-holder .popup-open { background: rgba(0,0,0,.5); position: absolute; z-index: 99991; bottom: -15px; right: -15px; } .radius-thumb-holder .popup-open:hover, .radius-thumb-holder .popup-open:focus, .radius-thumb-holder .popup-open:active{ background: rgba(0,0,0,.8); } .radius-thumb-holder .popup-open i { color: #fff; font-size: 24px; height: 70px; width: 70px; padding: 5px; line-height: 60px; animation-name: slideLeftTop; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } #pbCloseBtn:hover:before { background: rgba(2,132,132,1); } @media screen and (max-width: 767px){ .small-post .block-overlay-hover { display: none; } .block-container:hover h2.block-post-title, .block-container:focus h2.block-post-title { margin-top: 0; } .radius-thumb-holder { font-size: 15.008px; font-size: 0.938rem; } } @media screen and (max-width: 480px){ .wrap-portfolio .button-group { border: none; } .wrap-portfolio .button-group .button{ border: 1px solid #ccc; font-size: 13px; margin: 3px 2px; padding: 8px 14px 9px; } } /*info section*/ /* --------------------------------------- */ .wrap-info{ color: #ffffff; position: relative; text-align: left; overflow: hidden; } .sub-wrapper{ background-color: #656565; background-image: url(assets/img/about-bg.jpg); background-repeat: no-repeat; background-size: 50% 100%; } .wrap-info .title-section { padding-bottom: 5px; padding-top: 55px; text-align: left; } .wrap-info .title-section h2{ color: #fff; } .wrap-info .btn-container{ text-align: left; } @media screen and (max-width: 1023px){ .sub-wrapper{ background-size: 100% 50%; } } /*about section*/ /* --------------------------------------- */ .about-section{ padding-bottom: 50px; padding-right: 70px; } .about-section .herotext{ font-size: 18px; } .about-section .title-section{ padding-bottom: 5px; } .about-section .btn-container { margin-top: 45px; } @media screen and (max-width: 1023px){ .about-section { padding-right: 15px; } .about-section .title-section{ padding-left: 0; } } /*callback*/ /* --------------------------------------- */ .wrapper-callback { color: #ffffff; line-height: 1.6; position: relative; text-align: center; -webkit-background-attachment: scroll; -moz-background-attachment: scroll; -ms-background-attachment: scroll; -o-background-attachment: scroll; background-attachment: scroll; background-position: left top; background: no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: repeat; width: 100%; -webkit-transition: background-position 0.5s linear; -moz-transition: background-position 0.5s linear; -ms-transition: background-position 0.5s linear; -o-transition: background-position 0.5s linear; transition: background-position 0.5s linear; } .wrapper-callback .container{ padding-top: 5%; padding-bottom: 5%; } .wrapper-callback h2 { font-size: 32px; font-size: 2rem; color: #ffffff; font-weight: 700; } .wrapper-callback .btn-holder { margin-top: 10px; } .wrapper-callback .btn-holder a { display: inline-block; } /*testimonail*/ /* --------------------------------------- */ @keyframes boxShadow{ 0%{ -webkit-box-shadow: 0 0 0 0px rgba(255,255,255,0.9); -moz-box-shadow: 0 0 0 0px rgba(255,255,255,0.9); -ms-box-shadow: 0 0 0 0px rgba(255,255,255,0.9); -o-box-shadow: 0 0 0 0px rgba(255,255,255,0.9); box-shadow: 0 0 0 0px rgba(255,255,255,0.9); } 50%{ -webkit-box-shadow: 0 0 0 15px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 15px rgba(255,255,255,0); -ms-box-shadow: 0 0 0 15px rgba(255,255,255,0); -o-box-shadow: 0 0 0 15px rgba(255,255,255,0); box-shadow: 0 0 0 15px rgba(255,255,255,0); border: 3px solid rgba(255,255,255,0.9); } } .testimonial-slider{ position: relative; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .testimonial-slider .thumb-overlay{ background: rgba(0, 0, 0, 0.7); } .testimonial-slider .container-fluid { min-height: inherit; padding: 0; overflow: hidden; } .testimonial-slider .slide-item{ width: 100%; overflow: hidden; } .testimonial-slider .slide-item:first-child + .slide-item{ display: none; } .testimonial-slider .slide-item .container{ padding-bottom: 40px; } .testimonial-slider .thumb-holder { height: 137px; margin: 15px auto; width: 137px; } .testimonial-slider .thumb-holder a img{ height: 137px; width: 137px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 3px solid rgba(255,255,255,0.9); } .testimonial-slider .thumb-holder a img:hover, .testimonial-slider .thumb-holder a img:focus{ animation-name: boxShadow; animation-duration: 2s; animation-timing-function: ease-out; } .testimonial-slider .banner-content-inner{ float: left; } .testimonial-slider .banner-content-inner p{ margin: 0; } .testimonial-slider .slider-title{ margin-top: 0; } .testimonial-slider .slider-title a, .testimonial-slider .slider-title a:visited{ color: #fff; font-size: 20px; font-weight: 700; } .testimonial-slider .slider-title a:hover, .testimonial-slider .slider-title a:focus, .testimonial-slider .slider-title a:active{ color: #FFDB46; } .testimonial-slider .slide-item .text-content{ color: #ffffff; font-weight: 300; font-size: 22px; margin-bottom: 15px; margin-top: 0; } .testimonial-slider .slide-item .banner-title, .testimonial-slider .slide-item .text-content, .testimonial-slider .slide-item .btn-holder{ transition: none !important; opacity: 1 !important; } .testimonial-slider .cycle-slide-active .banner-title, .testimonial-slider .cycle-slide-active .btn-holder, .testimonial-slider .cycle-slide-active .text-content { opacity: 1; transition: none !important;} .testimonial-slider .slide-item .banner-title{ display: none; } .testimonial-slider .slide-item.cycle-slide-active .banner-title{ display: block; } /*controls*/ .testimonial-slider .slide-pager { text-align: center; padding-bottom: 30px; position: relative; } @media screen and (min-width: 1024px){ .testimonial-slider .slide-pager { right: 0; } } @media screen and (max-width: 1024px){ .testimonial-slider .slide-item .text-content{ font-size: 18px; } } @media screen and (max-width: 1023px){ .testimonial-slider .thumb-holder { height: 107px; width: 107px; } .testimonial-slider .thumb-holder a img{ height: 107px; width: 107px; } } @media screen and (max-width: 767px) { .wrap-info .sub-wrapper{ background-image: none; } .about-section{ background-color: #636B6B; } .wrap-info, .wrap-info .title-section, .wrap-info .btn-container { text-align: center; } } @media screen and (max-width: 767px) and (min-width: 480px){ .testimonial-slider .slide-item .slider-title { text-align: left; } } @media screen and (max-width: 480px){ .testimonial-slider .banner-content-holder .text-content{ display: block; } } @media screen and (max-width: 479px){ .testimonial-slider { padding-left: 0; } .testimonail-inner { margin-left: 0; } .testimonial-slider .banner-content-holder { margin-left: 0; border: none; } .banner-content-inner { text-align: center; padding-left: 15px; padding-right: 15px; } .testimonial-slider .slide-item .text-content{ font-size: 16px; } } /*team*/ /* --------------------------------------- */ @keyframes boxShadowColor{ 0%{ -webkit-box-shadow: 0 0 0 0px rgba(255,219,70,0.9); -moz-box-shadow: 0 0 0 0px rgba(255,219,70,0.9); -ms-box-shadow: 0 0 0 0px rgba(255,219,70,0.9); -o-box-shadow: 0 0 0 0px rgba(255,219,70,0.9); box-shadow: 0 0 0 0px rgba(255,219,70,0.9); } 50%{ -webkit-box-shadow: 0 0 0 15px rgba(255,255,255,0); -moz-box-shadow: 0 0 0 15px rgba(255,255,255,0); -ms-box-shadow: 0 0 0 15px rgba(255,255,255,0); -o-box-shadow: 0 0 0 15px rgba(255,255,255,0); box-shadow: 0 0 0 15px rgba(255,255,255,0); border: 3px solid rgba(255,255,255,0.9); } } .wrap-team .box-inner{ margin-bottom: 0; text-align: center; position: relative; } .wrap-team .box-content, .wrap-team .box-content:visited{ margin-top: 0; padding: 0 15px 15px; } .wrap-team .box-inner .box-content a{ display: block; } .wrap-team .box-inner .icon-container{ -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; height: 230px; margin: auto; padding: 15px; text-align: center; width: 230px; } .wrap-team .box-inner img{ height: 100%; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 3px solid rgba(255,255,255,0.9); } .wrap-team .box-inner:hover .box-content, .wrap-team .box-inner:focus .box-content, .wrap-team .box-inner:active .box-content{ bottom: 0; background-color: #fff; } .wrap-team .box-inner img:hover{ animation-name: boxShadowColor; animation-duration: 2s; animation-timing-function: ease-out; } .wrap-team .box-content h3{ margin-bottom: 0; font-size: 18px; } .wrap-team .box-inner:hover .box-content h3{ color: #FFDB46; } .wrap-team .box-content h3 span{ color: #919191; font-size: 14px; font-weight: 400; font-style: italic; display: block; margin-top: 5px; } /*latest post*/ /* --------------------------------------- */ .wrap-latestpost{ color: #5D5D5D; } .latestpost { -webkit-box-shadow: -1px 1px 5px -1px rgba(0,0,0,.3); -moz-box-shadow: -1px 1px 5px -1px rgba(0,0,0,.3); -ms-box-shadow: -1px 1px 5px -1px rgba(0,0,0,.3); -o-box-shadow: -1px 1px 5px -1px rgba(0,0,0,.3); box-shadow: -1px 1px 5px -1px rgba(0,0,0,.3); background-color: #ffffff; margin-bottom: 15px; position: relative; } .latestpost:after{ bottom: 0; content: ""; display: inline-block; height: 2px; left: 50%; position: absolute; right: 50%; transition: left 0.5s linear, right 0.5s linear; } .latestpost:hover:after{ background-color: #DFB200; left: 0; right: 0; } .latestpost .col-same-height{ vertical-align: bottom; } .latestpost-inner{ padding-right: 15px; } .latestpost-thumb { margin: 0 auto; } .latestpost-thumb a { display: block; } .latestpost-thumb img { background-color: #fff; vertical-align: top; -webkit-transition: box-shadow 0.3s ease-in-out; -moz-transition: box-shadow 0.3s ease-in-out; -ms-transition: box-shadow 0.3s ease-in-out; -o-transition: box-shadow 0.3s ease-in-out; transition: box-shadow 0.3s ease-in-out; } .latestpost-content h3{ font-size: 15px; margin-bottom: 15px; margin-top: 15px; } .latestpost-content h3 a{ text-transform: capitalize; } .latestpost-footer { border-top: 1px solid #dedede; -webkit-transition: border-color 0.5s ease-in-out; -moz-transition: border-color 0.5s ease-in-out; -ms-transition: border-color 0.5s ease-in-out; -o-transition: border-color 0.5s ease-in-out; transition: border-color 0.5s ease-in-out; position: relative; } .latestpost-footer:before, .latestpost-footer:after{ content: ""; display: table; } .latestpost-footer:after{ clear: both; } .latestpost:not(.featurepost) .latestpost-footer span a{ padding-top: 13px; } .latestpost-footer a { color: #5d5d5d; display: inline-block; font-size: 13px; font-weight: 400; padding: 10px 8px 10px; text-transform: capitalize; } .latestpost-footer a{ transition: color 0.3s linear; } .latestpost-footer a:hover, .latestpost-footer a:focus, .latestpost-footer a:active, .latestpost-footer a:hover i, .latestpost-footer a:focus i, .latestpost-footer a:active i{ color: #DFB200; } .latestpost-footer a i{ margin-right: 5px; } .latestpost-footer span { float: left; } .latestpost-footer span.moredetail{ text-align: center; float: right; } .latestpost-footer span.moredetail a, .latestpost-footer span.moredetail a:visited{ padding-left: 20px; padding-right: 15px; border-left: 1px solid #CCC; transition: background-color 0.3s ease-out; } .latestpost-footer span.moredetail i{ font-size: 24px; transition: color 0.3s ease-out; } .latestpost-footer span.moredetail a:hover, .latestpost-footer span.moredetail a:focus, .latestpost-footer span.moredetail a:active{ background-color: #DFB200; } .latestpost-footer span.moredetail a:hover i, .latestpost-footer span.moredetail a:focus i, .latestpost-footer span.moredetail a:active i{ color: #fff; } /*featurepost*/ .featurepost .latestpost-inner { padding: 10px 30px 5px 0; } .featurepost .latestpost-content{ margin-bottom: 60px; } .featurepost .latestpost-content h3{ font-size: 20px; } .featurepost .latestpost-content h3 a{ text-transform: uppercase; } .featurepost .latestpost-footer{ padding-right: 40px; padding-left: 10px; } .featurepost .latestpost-footer .moredetail a, .featurepost .latestpost-footer .moredetail a:visited { border-left: 1px solid #dedede; color: #2e5077; font-size: 28px; line-height: 24px; padding: 10px 25px; transition: background-color 0.3s linear; } .featurepost .latestpost-footer .moredetail a:hover, .featurepost .latestpost-footer .moredetail a:focus, .featurepost .latestpost-footer .moredetail a:active { background-color: #DFB200; } .featurepost .latestpost-footer .moredetail a i, .featurepost .latestpost-footer .moredetail a:visited i{ margin-right: 0; } .featurepost .latestpost-footer .moredetail a:hover i, .featurepost .latestpost-footer .moredetail a:focus i, .featurepost .latestpost-footer .moredetail a:active i{ color: #ffffff; } .featurepost .latestpost-footer span.moredetail{ float: right; position: absolute; bottom: 13px; right: -15px; border-left: none; } .featurepost .latestpost-footer .moredetail a, .featurepost .latestpost-footer .moredetail a:visited { border-left: 1px solid #dedede; -webkit-transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -ms-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; background-color: #028484; border-radius: 100%; height: 56px; width: 56px; border: 0px solid white; vertical-align: middle; text-align: center; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -ms-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3); } .featurepost .latestpost-footer .moredetail a:hover, .featurepost .latestpost-footer .moredetail a:focus, .featurepost .latestpost-footer .moredetail a:active { background-color: #DFB200; } .featurepost .latestpost-footer .moredetail a i, .featurepost .latestpost-footer .moredetail a:visited i{ margin-right: 0; color: white; font-size: 40px; margin: 0; vertical-align: middle; line-height: 34px; -webkit-transition: margin-left 0.5s linear; -moz-transition: margin-left 0.5s linear; -ms-transition: margin-left 0.5s linear; -o-transition: margin-left 0.5s linear; transition: margin-left 0.5s linear; } .featurepost .latestpost-footer .moredetail a:hover i, .featurepost .latestpost-footer .moredetail a:focus i, .featurepost .latestpost-footer .moredetail a:active i{ color: #ffffff; margin-left: 5px; } .wrap-latestpost .btn-container{ margin-bottom: 90px; text-align: center; } @media screen and (max-width: 1199px) and (min-width: 1024px){ .latestpost-footer .moredetail a, .latestpost-footer .moredetail a:visited{ padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 1023px){ .latestpost { margin-bottom: 30px; } } @media screen and (max-width: 767px){ .latestpost-thumb, .latestpost-content { text-align: center; padding-left: 15px; padding-right: 15px; } .latestpost-thumb { margin-top: 30px; } .latestpost-thumb img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } } @media screen and (max-width: 479px){ .latestpost-footer .moredetail a, .latestpost-footer .moredetail a:visited{ padding-left: 12px; padding-right: 12px; } } /*client*/ /* --------------------------------------- */ .wrapper-client { padding-bottom: 60px; } .wrapper-client .slick-slider{ padding-left: 30px; padding-right: 30px; } .wrapper-client .thumb-holder{ padding-left: 15px; padding-right: 15px; } .wrapper-client button.slick-prev, .wrapper-client button.slick-prev:before, .wrapper-client button.slick-next, .wrapper-client button.slick-next:before{ bottom: 0; top: 0; margin-bottom: auto; margin-top: auto; height: 40px; width: 40px; } button.slick-prev.slick-arrow, button.slick-next.slick-arrow { font-size: 0; } /*contact section*/ /* --------------------------------------- */ .wrap-contact{ padding-bottom: 60px; } .form-inner .wpcf7-submit { width: auto; margin-left: auto; margin-right: auto; text-align: center; display: block; } .wrap-contact .form-inner input:not([type="submit"]), .wrap-contact .form-inner textarea{ background-color: #fff; } /*gmap section*/ /* --------------------------------------- */ .wrap-gmap{ position: relative; } #gmaptoggle-container{ height: 200px; position: relative; overflow: hidden; -webkit-transition: all 1.3s; -moz-transition: all 1.3s; -o-transition: all 1.3s; -ms-transition: all 1.3s; transition: all 1.3s; } .wrap-gmap .btn-container { left: 0; margin: 0; position: absolute; right: 0; text-align: center; top: -28px; z-index: 999; } #gmaptoggle-container.gmaptoggle-full{ height: 500px; } .wrap-gmap .btn-container { margin: 0; text-align: center; } #gmaptoggle { background-color: #028484; border: 10px solid #ffffff; color: #fff; cursor: pointer; display: inline-block; font-size: 29px; height: 65px; transform: rotate(45deg); width: 65px; } #gmaptoggle, #gmaptoggle:visited { background-color: rgb(46, 80, 119); border: 7px solid rgb(255, 255, 255); color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-size: 26px; height: 55px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 55px; } #gmaptoggle:hover, #gmaptoggle:focus, #gmaptoggle:active{ background-color: #DFB200; } #gmaptoggle i{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 1.3s; -moz-transition: all 1.3s; -o-transition: all 1.3s; -ms-transition: all 1.3s; transition: all 1.3s; } /* --------------------------------------- */ /*HAPPY STYLING*/ /* ---------------------------------------