/*
Theme Name: Avendor
Author: FourGrafx
Author URI: http://www.fourgrafx.com
Version: 1.0.0
Description: A Beautiful, Professional and Multipurpose Theme Made by FourGrafx
*/


/* 	+----------------------------------------------------+
		TABLE OF CONTENTS
	+----------------------------------------------------+
	
	[1]		Page Preloader
	[2]		Grid Blocks
	[3]		Slide Top Panel Container
	[4]		Header Wrapper
	[5]		Slider Wrapper
	[6]		Main Wrapper Header
	[7]		Main Navigation
	[8]		Footer Wrapper
	[9]		Typography
	[10]	Elements
	[11]	Backgrounds and Colors
	[12]	Dividers
	[13]	Google Maps
	[14]	General Pages
	[15]	Blog Pages
	[16]	Search Results
	[17]	Under Construction
	[18]	Shop Pages
	[19]	RTL Styles
	[20]	Responsive Media Queries
	*/


/* Preload */

body {background-color: #fff; color: #778899;font-family: 'Raleway', sans-serif; text-rendering: optimizelegibility; }

a { -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;	-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a:hover, a:focus { text-decoration:none;}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : none !important;}
.btn {	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	-webkit-transform: translate3d(0,0,0);}

/*body backgrounds*/
.bg-custom{ background:url("../img/theme/bg/custom.jpg") repeat fixed center 0;}

/*===============================
========== Boxed Version ==========
===============================*/


/*===============================
========== Boostrap Overwrite ==========
===============================*/


/*===============================
========== Grid Blocks ==========
===============================*/

.page-wrapper { position:relative; z-index:1000; background:#fff; overflow: hidden;}

/* Sections */
section{ }

/* Full Width Container */

/*========== Slide Top Panel Container ==========*/

/*========== Header Wrapper ==========*/	

.header-wrapper{position: relative;}

/*header top*/

/*header top navigation */


/* social top */
/*header main*/
.header-main{width:100%; position:relative; z-index:1100; background:#FFF; -webkit-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6); -moz-box-shadow: 0px 3px 0px 0px rgba(214, 224, 230, 0.6); box-shadow:  0px 3px 0px 0px rgba(214, 224, 230, 0.6); -webkit-transform: translateZ(0);}
.main-navigation{ position:relative;}
.logo{ line-height:100px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.logo img{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header-main.shrink .logo{ line-height:60px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.header-main.shrink .logo img{-webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}


/*========== Slider Wrapper ==========*/
.slider-wrapper{position: relative; z-index:1000;}

/* Revolution Slider Overwrite */




/*========== Main Wrapper Header ==========*/


/* Fancy Header*/

/* Dark Header */


/*========== Main Navigation ==========*/

.navbar-header{float:none;}
.nav-left .navbar-header{float:left;}
.nav-left .gfx-nav{float:right;}

@media (min-width: 768px) and (max-width: 991px) {
.nav > li > a { padding-left:9px; padding-right:9px;}
.navbar-nav > li > a {line-height: 76px;}
}
@media screen and (max-width: 767px) {
.nav-left .navbar-header{float:none; width:100%; text-align:left;}
.nav-left .navbar-toggle { right:0;}
.nav-left .gfx-nav{float:none;}

}

.navbar, .navbar-nav{ margin:0; min-height:inherit;}
.navbar-collapse{ max-height:inherit; padding:0;}
.navbar-default{ background:none; border:none;}
.navbar-default .navbar-nav > li > a {color: #32313b; border-top:3px solid transparent; font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 500; text-transform:uppercase; text-decoration: none; letter-spacing:1px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ border-top:3px solid;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{text-decoration: none; background-color: none; }

.navbar-toggle {position: absolute; cursor:pointer; top:30px; width:48px; height:48px; font-size:18px; float: none; text-align:center; right:0;  margin: 0;  padding: 9px 10px; background-color: #32313b; color:#fff;  border: none; border-radius: 0;}
.navbar-toggle:focus {outline: none;}
.navbar-toggle:after {content:'\f0c9'; font-family:FontAwesome;}



@media (min-width: 992px) {
  .navbar-nav > li > a {padding: 9px 16px 12px; line-height:76px; }  
  .header-main.shrink .navbar-nav > li > a { line-height:41px;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  .navbar-nav > li > a:hover,.navbar-nav > li > a:focus {}
  .navbar-nav > li > a.current::before, .navbar-nav > li > a.current::after, .navbar-nav > li > a:hover::before, .navbar-nav > li > a:focus::before, .navbar-nav > li > a:hover::after, .navbar-nav > li > a:focus::after, .navbar-nav > li > a.highlighted:before, .navbar-nav > li > a.highlighted:after{opacity: 1; -webkit-transform: translateY(0px);
 -moz-transform: translateY(0px); transform: translateY(0px);}
}

/* Mega Menu */
.gfx-mega .nav,
.gfx-mega .collapse,
.gfx-mega .dropup,
.gfx-mega .dropdown {
  position: static;
}

/* Mega Menu Elements styling*/
/* lists */


/* dropdowns */

/*========== Slider Wrapper ==========*/

/*========== Main Wrapper ==========*/

/*========== Footer Wrapper ==========*/

/*Footer Top*/

/*Footer Middle*/
/* twitter footer */

/*Footer Bottom*/
.footer-bottom{ color:#778899; background: #25242c; padding:40px 0;}
.footer-bottom a{color: inherit;}
.footer-bottom a:hover {}

.footer-bottom .menu-footer {padding:20px 0 10px;}
.footer-bottom .menu-footer ul{margin:0 auto; text-align:center;}
.footer-bottom .menu-footer ul li{ text-transform:uppercase; font-size:16px;}
.footer-bottom .copyright { padding:10px 0; text-align:center;}


/*===============================
========== Typography ==========
===============================*/
p{font-family: 'Raleway', sans-serif;}
h1, h2, h3 { color:#32313b; font-family: 'Raleway', sans-serif;  font-style: normal; font-weight: 300; text-rendering: optimizelegibility;}
h4, h5, h6 { color:#32313b; font-family: 'Raleway', sans-serif;  font-style: normal; font-weight: 600; text-rendering: optimizelegibility;}
h1 {font-size: 58px; margin-top: 0;}
h2 {font-size: 48px; margin-top: 0;}
h3 {font-size: 36px; margin-top: 0;}
h4 {font-size: 22px; margin-top: 0;}
h5 {font-size: 16px; margin-top: 0;}
p {font-size:14px; font-weight: 300; line-height:1.8;  margin-bottom: 20px; text-rendering: optimizelegibility;}

/* Lead Paragraph*/
.lead{ font-size:1.6em; font-weight:300; letter-spacing:0px;}

/* Special Headings */

/* Fancy Title */

/* Font Weight */

/* Dropcaps */

/*===============================
========== Revolution Slider ==========
===============================*/




/*===============================
========== Team Members ==========
===============================*/
/* Alternative 1*/

/* Alternative 1*/

/*===============================
========== Elements ==========
===============================*/

/*========== Parallax ==========*/

.parallax{ background-position:50% 50%; background-attachment:fixed; background-repeat: no-repeat; position:relative; 
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important;    /* Mozilla*/
    -o-background-size: cover !important;      /* Opera*/
    background-size: cover !important;         /* Generic*/  }

@media only screen and (max-width: 768px) {
.parallax{ background-position:50% 50% !important; background-attachment: scroll; }
}

/* Background Overlay*/


/*========== Portfolio ==========*/

/* Start Columns */
/* End Columns */

/* Colio - Basic Styles */

/* navigation, close */
/* placement */

/* Colio GFX Theme Style */

/* container */
/* colio close */

/* colio navigation */

/* Portfolio Element */
/* Project Item */


/*========== Carousel ==========*/
/* Styling Next and Prev buttons */

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */

/* Styling Pagination*/

/* preloading images */

/* mouse grab icon */

/* Carousel Theme */

/* Carousel*/

/* Sync Carousel */



/*========== Counters ==========*/

/*========== Testimonials ==========*/


/* Blockquote */

/*========== Simple Slider ==========*/

/*========== Twitter ==========*/

/*twitter carousel*/
/* twitter widget*/

/*========== Images ==========*/

/* Align*/

/* List Images */

/* class for 2 columns */
/* class for 3 columns */

/* Overlay Image */

/* overlay */
/* transparency */
/* zoom */




/*========== Tooltips ==========*/

/* Tooltip arrow bottom */
/* Tooltip arrow top */

/*========== Lists ==========*/

/* Icon Lists */

/* Divider List */

/* Big-list */

/* Widget List */

/* Recent Posts */

/* Media Lists */

/* List Footer Latest */


/* Font Awesome Custom List - can be removed in production websites */

/* Avendor Icons list - can be removed in production website */




/*========== Buttons ==========*/
.btn { border: none;}
.btn:hover, .btn:focus { color: #778899;}
.btn:active, .btn.active {-webkit-box-shadow: none;  box-shadow: none;}

/*button default*/
.btn-default {color: #778899; background-color: #f4f4f4; border:none;}
.btn-default:hover,.btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {color: #333333; background-color: #ececec;}
/*alt*/

/*button primary*/
.btn-primary {color: #ffffff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {color: #ffffff;}
/*alt*/

/*button success*/
/*alt*/

/*button info*/
/*alt*/

/*button warning*/
/*alt*/

/*button danger*/
/*alt*/

/*button white*/
/*alt*/

/*button sizes*/
.btn {padding: 18px 28px; font-size: 14px; line-height:1;}
.btn-lg,.btn-group-lg > .btn {padding: 24px 48px; font-size: 18px;}

/*==========  Creative Links ==========*/

/* Effect 1: Brackets */



/* Effect 2: second border slides up */



/* Effect 3: circle */

/* Effect 4: three circles */


/* Effect 5: cross */


/* Effect 6: borders slight translate */


/*========== Alerts ==========*/
/* Alerts Alternative*/



/*========== Icons ==========*/

[class^="gfx-"]:before, [class*=" gfx-"]:before { vertical-align:middle; position:relative; top:-0.14em;}


/*========== LivIcons ==========*/
/*========== Icon Boxes ==========*/
/* livicons iconbox*/	
/* icon box vertical*/	
/* icon box icon size*/
.iconbox-wrapper.iconbox-3x{font-size:60px; width:60px; height:60px; line-height:60px;}
/* icon box circle*/
.iconbox-wrapper.circle{ background:#f2f2f2; height:36px; width:36px; line-height:36px; font-size:18px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%;
border-radius: 50%;}
.iconbox-wrapper.circle.iconbox-3x{font-size:60px !important; width:110px !important; height:110px !important; line-height:110px !important;}
/* icon box square*/


/*========== Progress bars ==========*/

/*progress bar align right - default is left*/

/*progress bar colors*/


/*========== Pie Chart ==========*/

/*========== Video BG ==========*/


/*========== Forms ==========*/
.form-control { height:50px; padding:10px 20px; background-color:transparent; border: 1px solid #ececec; color:#778899; -webkit-box-shadow: none; box-shadow: none;}
.form-control:focus {-webkit-box-shadow: none; box-shadow: none;}
.form-control::-moz-placeholder {color:#cccccc;}

/*dark form*/

/*========== Lightbox ==========*/
.mfp-preloader { z-index:1046;}


/*========== Backgrounds and Colors ==========*/
/*bg*/

/*colors*/
.color-white{ color:#ffffff !important;}


/*========== White Space ==========*/
.white-space {display: block; width: 100%;}
.white-space.space-medium { padding:30px 0;}

/*========== Dividers ==========*/

/* hr fancy */

/* hr fade margins */

/* hr double border */

/* hr icon */


/*========== Labels ==========*/

/*===============================
========== Google Maps ==========
===============================*/

/*Panels*/

/*===============================
========== Tabs ==========
===============================*/
.nav > li > a:hover, .nav > li > a:focus {background-color: #f8f8f8;}

/* Tabs Alternative */

/*===============================
========== Accordions & Toggle ==========
===============================*/

/* Accordion & Toggle - default stytle  */

/* Accordion & Toggle - alternativestytle  */

/*===============================
========== Pricing Table ==========
===============================*/

/*===============================
========== Video Responsive ==========
===============================*/

iframe{ border:none;}


/* Margins */

/*top*/

/*bottom*/

/* Padding */

/*top*/

/*bottom*/

/*===============================
========== Back To Top ==========
===============================*/
.scrollup{ border:2px solid #ececec; color:#ececec; display: none; font-size: 26px; line-height:1.3; position: fixed; bottom:40px; right:10px; text-align: center; width: 40px; height:40px; z-index: 1100; }
.scrollup:hover, .scrollup:focus{border:2px solid;}

/*===============================
========== General Pages ==========
===============================*/

/* Sidebar */

/* widget */

/* nav sidebar */
.nav{}


/* Pagination */


/* working contact form */

/*===============================
========== Blog Pages ==========
===============================*/


/* Posts List */

/* Comments List */
/* Blog Masonry */

/*===============================
========== Search Results ==========
===============================*/

/*===============================
========== Under Construction ==========
===============================*/

/*===============================
========== Shop Pages ==========
===============================*/

/* shop lists */

/* shop filters */

/* shop product info */

/* shop rating lists */

/* Cart Table */


/* Post Navigation */

/* Single Post */
/* comments article */


/*===============================
========== RTL STYLES ==========
===============================*/




/*===============================
========== Responsive Media Queries ==========
===============================*/
@media (min-width: 768px) and (max-width: 991px) {
.logo {line-height: 105px !important;}
.gfx-nav { float:none;}

}
@media (max-width: 767px) {

.logo {line-height: 105px !important;}
.gfx-nav { float:none;}
.header-main.shrink .gfx-nav a { line-height:1.4;}

/* RTL */

}