/** MX Theme Light Style **/

/**
 * Table of Contents:
 *
 * A - GENERAL STYLE
 * B - LAYOUT	
 * 		- Global Wrap Style
 * 		- Site Header
 *		- Page Title
 *		- Page Content
 *		- Site Footer
 * C - PAGE STYLE
 *		- Post , Blog
 *		- Portfolio
 *		- Contact
 *		- 404
 *		- Search
 *		- Post/Image/Paging Navigation
 *		- Attachments
 *		- Archives
 *		- Contributor Page
 *		- 404 Page
 *		- Site Map
 *		- Login
 * D. WIDGETS
 *		- Widget
 *		- Search Form
 *		- Portfolio Widget
 *		- Blog Widget
 * E - SHORTCODES
 *		- Space
 *		- Title
 *		- Content
 *		- Button
 *		- Media
 *		- Google Map
 *		- Social
 *		- Skills
 *		- Bullets
 *		- Dropcap
 *		- Accordion
 *		- Testimonials
 *		- Flexslider
 *		- Call To Action
 *		- Team
 *		- Price Table
 *		- Tabs
 *		- SideTabs
 *		- Timeline
 *		- Features
 *		- Services
 *		- Clients
 *		- Total Count
 *		- One Page Navigation
 *		- Share
 * F - PLUGINS
 * 		- Fancybox
 * 		- Bootstrap
 * 		- Contact Form 7
 * G - RETINA STYLE
 * -----------------------------------------------------------------------------
 */
 
/* 	----------------------------------------------------------------------------------------------	
										A - GENERAL STYLE																												
	----------------------------------------------------------------------------------------------	*/

body {font-family:'Lato', Helvetica, Arial, sans-serif;color: #666666;}
h1,h2,h3 {letter-spacing:-1px;}
h1,h2,h3,h4,h5,h6 {font-weight: 700;font-family:'Lato',Arial,Helvetica,sans-serif;}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	line-height:20px;
	padding:5px;
	border: 1px solid #bbb;
	  -webkit-border-radius: 0px;
		 -moz-border-radius: 0px;
			  border-radius: 0px;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	outline:0;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  	border: 1px solid #cc3333 !important;
 	box-shadow:none;
	-moz-box-shadow:none;
 	-webkit-box-shadow:none;
	outline:0;
}

.radio, .checkbox {margin-left:20px;}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

a {color: #333;text-decoration: none;}
a:hover {color: #cc3333;text-decoration: none;}
.clear {clear:both;}

blockquote p {margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 20px;}

ul, ol {padding: 0;margin: 0 0 10px 25px;}

a i, .btn i, span i {margin-right:5px;}

/* inline ul, ol */
ul.inline, ol.inline, ul.inline ul, ol.inline ol { margin:0;padding:0;list-style:none;}
ul.inline li, ol.inline li {display:inline-block;padding:0;margin: 0 5px 0 0;}
ul.inline li:last-child, ol.inline li:last-child {margin-right:0;}

/* multi line ul, ol */
ul.mline, ol.mline, ul.mline ul, ol.mline ol { margin:0;padding:0;list-style:none;}
ul.mline li, ol.mline li {padding:0;margin: 0 0 5px 0;}
ul.mline li:last-child, ol.mline li:last-child {margin-bottom:0;}
.the-icons i {width: 20px;text-align: center;margin-right: 5px;}

/* 	----------------------------------------------------------------------------------------------	
										B - LAYOUT																													
	----------------------------------------------------------------------------------------------	*/

/* = Global Wrap Style
-------------------------------------------------------------- */
body {padding:0 !important;}
body.boxed-layout {
	background-size: 105px 105px;
	background-repeat: repeat;
	background-image: url('../img/project_papper.png');
}
.wrapper {max-width:1170px;margin:0 auto;background:#ffffff;}
.boxed-layout .wrapper {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}
.wide-layout .wrapper {max-width:100%; overflow:hidden;}

/* = Site Header
-------------------------------------------------------------- */

/* header banner */
#header-banner {display: none;min-height: 44px;background: #2ED5AE;color: #222222;}
.header-banner-content {position: relative;text-align: center;padding: 15px 24px;}
.header-banner-content .close-btn {padding:2px;width:24px;height:24px;background:rgba(255,255,255,0.6);text-align:center;right:0px;top:50%;margin-top:-12px;display:inline-block;border-radius: 30px;position: absolute;}
.header-banner-content .close-btn i {margin:0;}


/* header topbar */
#header-topbar {background: #f7f7f7;line-height: 20px;font-size:12px;color:#666666;}
#header-topbar ul {float:left;}
#header-topbar-right-content {float:right;}
#header-topbar-right-content ul ul {float:right;}
#header-topbar .custom-content {line-height: 30px;float: left;margin-right: 10px;}
#header-topbar #header-topbar-right-content .custom-content {float:right;margin:0 8px;}

#header-topbar ul {list-style:none;margin:0;}
#header-topbar ul li {list-style: none;display: block;position: relative;margin: 0;float: left;padding: 0;}
#header-topbar ul li:hover{background:#000;}
#header-topbar ul li ul {display:none;background: #000;position: absolute;top: 100%;left: 0;z-index: 2999;padding: 5px;}
#header-topbar #header-topbar-right-content ul li ul {left: auto;right:0px;}
#header-topbar ul ul ul {top: -5px;left: 100%;}
#header-topbar #header-topbar-right-content ul ul ul {top: -5px;right: 100%;left:auto;}

#header-topbar span, #header-topbar a {color:#666666;display: inline-block;padding: 5px 8px;}
#header-topbar span.amount {line-height:20px; padding: 0;}
#header-topbar a:hover, #header-topbar a:hover .amount {color:#ffffff;}

#header-topbar li i {font-size:14px;margin-top: 2px;}
#header-topbar ul li ul li {position:relative;width: 100%;}
#header-topbar li ul li a, #header-topbar li ul li span {width: 130px;display: inline-block;text-align:left;padding: 5px;}

#header-topbar li ul li:hover {background:#222222;}
#header-topbar-left-content li:hover > ul, #header-topbar-right-content li:hover> ul {display:block;}
#header-topbar li.touch> ul {display:block;}

#header-topbar .wc-cart i ,
#header-topbar li.touch {cursor:pointer;}
#header-topbar .wpml li img {margin-right:5px;}
#header-topbar .topbar-title {display:inline-block;}

#header-topbar li.touch {cursor:pointer;}
#header-topbar li.touch > ul {display:block;}

/* header logo */
#mx-header {padding: 15px 0;}
.mx-header-logo .logo {display: block;float:left;}
.site-title {margin:0;}
.logo-retina {display:none;}

/* header style 1 right area */
.mx-header-right .mx-social {float: right;margin-top: 14px;}
.mx-header-right-custom {float: right;margin-top: 10px;line-height: 20px;}
.mx-header-right-custom a {margin-right: 10px;}
.mx-header-right-custom a:last-child {margin-right:0;}

/* header menu area */
#mx-nav {border-top: 1px #eee solid;border-bottom: 4px #cc3333 solid;position: relative;background: #ffffff;min-height: 49px;}
.mx-nav-container {float:left;width:100%;position:relative;}

/* Nav Menu */
.mx-nav-menu {float:left;width: 100%;position: relative;}
.mx-nav-menu , 
.mx-nav-menu ul.sub-menu {list-style:none;margin:0;padding:0;}
.mx-nav-menu ul.sub-menu {z-index: 2220;}
.mx-nav-menu > li {display:inline-block;margin: 0;padding: 0;float: left;}
.mx-nav-menu li.menu-item > a {font-family: 'Lato',Helvetica,Arial,sans-serif;font-size: 13px;}
.mx-nav-menu li.menu-item > a i {font-size:14px;}
.mx-nav-menu > li > a {text-transform:uppercase;}
.mx-nav-menu > li > a,
.mx-nav-menu li > ul li.menu-item > a {display:inline-block;padding: 10px 14px;line-height: 24px;color: #333;}
.mx-nav-menu li > ul li.menu-item > a {text-transform: none;}
.mx-nav-menu > li.current-menu-item > a, 
.mx-nav-menu > li.current-menu-ancestor > a {border-top: #cc3333 2px solid;padding-top: 8px;}
.mx-nav-menu > li:hover > a {color: #ffffff;border-top: #cc3333 2px solid;padding-top: 8px;background: #cc3333;}
.mx-nav-menu ul.sub-menu {position:absolute;display:none}
.mx-nav-menu li i.fa-angle-down,
.mx-nav-menu li i.fa-angle-right {float:right;margin-left:5px;margin-right:0;line-height: 24px;}

/* normal */
.mx-nav-menu > li > ul,
.mx-nav-menu > li > ul ul.sub-menu {top: 100%;padding-top: 4px;}
.mx-nav-menu > li > ul ul.sub-menu {left: 100%;top: 0px;padding-top: 0;}
.mx-nav-menu > li > ul li.menu-item > a {display: block;padding: 6px 12px;color: #444;text-transform: none;
	-webkit-transition: 600ms;
	-moz-transition: 600ms;
	-o-transition: 600ms;
	transition: 600ms;
}
.mx-nav-menu > li > ul li.menu-item {float:none;display:block;position: relative;list-style: none outside none;min-width: 200px;background: #ffffff;border: 1px solid #e8e8e8;margin-bottom: -1px;}
.mx-nav-menu > li > ul li.menu-item:first-child {border-top:none;}
.mx-nav-menu li:hover > ul {display:block;}
.mx-nav-menu > li > ul li.menu-item > a:hover {color: #000; background: #eee;}

/* mega horizontal */
.mx-nav-menu .mega-menu.mega-horizontal {position: absolute;display:none;top: 44px;padding-top: 4px;z-index: 2220;}
.mx-nav-menu .mega-menu.mega-horizontal > ul {float: left;background: #ffffff;border: 1px solid #e8e8e8;border-top: none;}

.mx-nav-menu .mega-menu.mega-horizontal ul.sub-menu {position:static;}
.mx-nav-menu .mega-menu.mega-horizontal.mega-wide {left:0;width: 100%;}
.mx-nav-menu .mega-menu.mega-horizontal.mega-wide > ul {width:100%;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-horizontal{ display:block;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-horizontal ul.sub-menu {position:static;display:block}
.mx-nav-menu .mega-menu.mega-horizontal > ul > li {float:left;min-width:120px;padding:15px;}
.mx-nav-menu .mega-menu.mega-horizontal li.menu-item > a {padding: 3px 0;display: block;color: #444;line-height:20px;}
.mx-nav-menu .mega-menu.mega-horizontal > ul > li > a {border-bottom: #eee solid 1px;margin-bottom: 5px;font-weight: bold;}
.mx-nav-menu .mega-menu.mega-horizontal li li.menu-item > a { color:#777;}
.mx-nav-menu .mega-menu.mega-horizontal .mega-menu-item-stitle {display:block;color: #999;font-size: 11px;line-height: 16px;}
.mx-nav-menu .mega-menu.mega-horizontal .mega-menu-item-img-link {border-bottom: none;margin: 0;}
.mx-nav-menu .mega-menu.mega-horizontal .mega-menu-item-img {text-align:center;}
.mx-nav-menu .mega-menu.mega-horizontal li.menu-item > a:hover {color:#444;}

.mega-menu.mega-horizontal > ul > li.mega-menu-column-1 {width:100%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-2 {width:50%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-3 {width:33.3%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-4 {width:25%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-5 {width:20%;}
.mega-menu.mega-horizontal > ul > li.mega-menu-column-6 {width:16.6%;}

/*.mega vertical*/
.mx-nav-menu .mega-menu.mega-vertical {display:none;position:absolute;top:42px;padding-top: 5px;z-index: 2220;}
.mx-nav-menu .mega-menu.mega-vertical > ul{background: #fafafa;border: 1px solid #cc3333;}

.mx-nav-menu .mega-menu.mega-vertical ul {position:static;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li > ul {position: absolute;left: 100%;top: 0;margin-left: -1px;border: 1px solid #ddd;background:#ffffff;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.mx-nav-menu .mega-menu.mega-vertical > ul li {position:relative;min-width: 200px;}
.mx-nav-menu .mega-menu.mega-vertical > ul li li {float:left;padding:5px;}
.mx-nav-menu .mega-menu.mega-vertical.mega-wide > ul li li {float:left;}
.mx-nav-menu .mega-menu.mega-vertical.mega-wide > ul li li li {float:none;}
.mx-nav-menu .mega-menu.mega-vertical.mega-wide > ul li li {margin-bottom: 5px;float:left;padding:10px;}
.mx-nav-menu .mega-menu.mega-vertical > ul li li li {border-bottom: none;padding-bottom: 0;margin-bottom: 5px;padding:0;}
.mx-nav-menu .mega-menu.mega-vertical li a {padding: 5px 13px 5px 10px;display: block;color: #444;line-height:20px;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li > a  {border-top: 1px solid #fafafa;border-bottom:1px solid #ffffff;position:relative;padding:7px 13px 7px 15px;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li > a:after {content: '';width: 0;height: 0;border-left: 2px solid #cc3333;
	border-right: 2px solid #cc3333;
	border-bottom: 2px solid #cc3333;
	border-top: 2px solid #cc3333;
	position: absolute;top: 15px;left: 6px;
}
.mx-nav-menu .mega-menu.mega-vertical li li a {padding: 0px;margin-bottom: 5px;}
.mx-nav-menu .mega-menu.mega-vertical li li li a {padding: 0px;border-bottom: none;color: #999;}
.mx-nav-menu .mega-menu.mega-vertical > ul > li:hover > a {color: #444;background: #ffffff;border-top:1px solid #ddd;border-bottom:1px solid #eee;position:relative;z-index:2230;}
.mx-nav-menu .mega-menu.mega-vertical li li:hover > a {color: #444;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-vertical{ display:block;}
.mx-nav-menu .mega-menu-main:hover .mega-menu.mega-vertical > ul ,
.mx-nav-menu .mega-menu-main .mega-menu.mega-vertical > ul ul ul {display:block}
.mx-nav-menu .mega-menu.mega-vertical .mega-menu-item-stitle {display:block;color: #999;font-size: 11px;line-height: 16px;}
.mx-nav-menu .mega-menu.mega-vertical .mega-menu-item-img-link {border-bottom: none;margin: 0;}
.mx-nav-menu .mega-menu.mega-vertical .mega-menu-item-img {text-align:center;}
.mx-nav-menu .mega-menu.mega-vertical li i.fa-angle-right {line-height: 20px;}

.mega-custom-widget-content {width:292px;}
.mega-custom-widget-content.over {width:100%;}

.mx-nav-right-container {position:absolute;right:0;z-index: 2210;}
.mx-nav-right-container ul, .mx-nav-right-container li {float:left;list-style:none;margin:0;padding: 0;}
.mx-nav-right-container > ul > li > a {float:left;line-height: 24px;padding: 10px;min-width: 40px;text-align: center;}
.mx-nav-right-container > ul > li:hover > a {background:#cc3333;color:#ffffff;}
.mx-nav-right-container li {position:relative;}
.mx-nav-right-container .header-search-btn i,
.mx-nav-right-container .header-responsive-menu-btn i,

.mx-nav-right-container .mx-wc-login i {margin-right:0px;}
.header-search-btn i {width:16px;text-align:center;}
.header-search-btn .fa-times-circle-o {display:none;}
.header-search-btn.open .fa-search {display:none;}
.header-search-btn.open .fa-times-circle-o {display:inline-block;}

/* search */
.mx-form-search {z-index: 2000;display: none;width: 260px;padding: 10px;border: 1px solid #ddc;background: #ffffff;position: absolute;top: 100%;
right: 0;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.mx-form-search.show {display:block;}
.mx-form-search form > div {padding-right: 40px;padding-left: 0;position: relative;}
.mx-form-search .sf-s {width: 100%;padding: 5px;line-height: 20px;height: 32px;}
.mx-form-search .sf-submit {position: absolute;right: 1px;top: 0;width: 40px;border-radius: 0;}
.mx-form-search:after {content: '';width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ffffff;position: absolute;top: -7px;right: 11px;}
.mx-form-search .sf-submit i {margin:0;}

/* fixed menu */
.fixed-enabled #mx-nav {left: 0;background: #ffffff;width: 100%;position: fixed;z-index: 8888;top: 0px;}
#site-header.site-header-style-1.fixed-enabled #mx-nav {-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);box-shadow: 0 5px 5px rgba(0,0,0,0.1);}

/* mobile menu */
.responsive-mobile-menu {display:none;}
#mobile-menu {display:none;position: fixed;top: 0;right: -300px;background: #000;z-index: 9999;padding: 20px;width: 300px;overflow-y: auto;}
.mobile-menu-container {position:relative;padding-top: 30px;}
.mobile-menu-close-btn {position: absolute;width: 40px;height: 40px;background: #444;font-size: 20px;line-height: 20px;padding: 10px;margin: 0;text-align: center;left: -20px;top: -20px;color: #eee;cursor: pointer;}
.mobile-menu-close-btn i {margin:0;}

.mx-nav-mobile-menu li a {color:#aaaaaa;font-weight:normal;}
.mx-nav-mobile-menu > li > a {color:#aaaaaa;text-transform: uppercase;font-weight:bold;}
.mx-nav-mobile-menu li a:hover {color:#ffffff;}
.mx-nav-mobile-menu > li.current-menu-item > a, .mx-nav-mobile-menu > li.current-menu-ancestor > a {color:#ffffff;}
.mx-nav-mobile-menu .sub-menu {margin-top: 5px;border-top: 1px #333 solid;padding-top: 5px;padding-left: 10px;}

.mx-mobile-search form > div {padding: 0 40px 0 0;margin: 10px 0;position: relative;}
.mx-mobile-search .sf-s {padding: 5px;line-height: 20px;width: 100%;background: #343434;border: 1px solid #444;color:#ffffff;}
.mx-mobile-search .sf-submit {pos