@charset "utf-8";
/* CSS Document */

@import "css/reset.css";

/*----*****---- << General >> ----*****----*/
	
	body { font-weight:normal; font-size:14px; background:#ffffff; color:#333334; }
	
	/*----*****---- << Fonts >> ----*****----*/
	
	body, h1, h2, h3, h4, h5, h6, input[type=text], input[type=date], input[type=password], input.text, textarea, input[type=submit], .mobile-menu { font-family:'Lato', sans-serif; }	
	
	/*----*****---- << Headings >> ----*****----*/
	
	h1, h2, h3, h4, h5, h6 { color:#333334; font-weight:bold; }	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#333334; }
	
	h1{ font-size:24px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
	h2{ font-size:22px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }
	h3{ font-size:20px; line-height:normal; margin-bottom:15px; text-transform:uppercase; }

	/*----*****---- << Transition >> ----*****----*/
	
	a, input[type=submit], button, input[type=button], .widget ul li, #secondary .widget h3.widgettitle, #secondary .widget h3.widgettitle a:before, #secondary h2.filtering, #secondary h2.filtering span:before, #top-bar .phone-no, .social-icons li img, #main-menu ul li, #main-menu > ul > li > ul:before, #main-menu ul ul li ul:before, .slider-next-arrow, .ico-content.type2 .icon, .carousel-arrows a span, .portfolio .portfolio-thumb img, .blog-entry .entry-thumb-meta .entry-meta span, .testimonial .author, .team .image img, .side-nav-container ul li a span, .partner-carousel li, .carousel-arrows a:hover span { -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
	
	/*----*****---- << Text Elements >> ----*****----*/
	
	a{ text-decoration:none; }
	a:hover { color:#333334; }
	a img{ border:none; }

	p { line-height:24px; margin-bottom:10px; }	
	ul, ol, pre, code{ margin-bottom:20px; }
	
	ul{ list-style-type:square; list-style-position:inside; }
	ul li { padding-bottom:10px; }

	hr{ background-color:#e6e2d6; border:none; height:1px; margin:30px 0; }

	/*----*****---- << Tables >> ----*****----*/
	
	table{ border-collapse:separate; border-spacing:0; /*margin-bottom:20px;*/ width:100%; clear:both; /*border:1px solid #dfdfdf;*/ border-bottom:0px; border-right:0px;  }
	th{ background:#666667; color:#ffffff; border-bottom:5px solid #dfdfdf; border-right:1px solid #919191; padding:17px 15px; font-size:16px; line-height:normal; font-weight:bold; text-transform:uppercase; text-align:center; }
	td{ /*border-right:1px solid #dfdfdf;*/ border-bottom:1px solid #dfdfdf; background:#f7f7f7; font-size:14px; line-height:normal; text-align:center; padding:13px 15px; }
	.itemtable{ border-radius:8px; }
	.itemtd{ text-align:left; }

	select{ background:#ededed; border:1px solid #c4c4c4; padding:10px; margin:auto; display:block; max-width:100%; }
	select option { background:#ffffff; }

	/*----*****---- << Columns >> ----*****----*/
	
	.column { margin:0px 2% 0px 0px; float:left; min-height:1px; position:relative; }
	.column.last { margin-right:0px; }	
	
	.one-column { width:100%; }
	.column.one-column { margin-right:0px; }
	
	.one-fourth { width:23.4%; }
	.one-half { width:48.9%; }
	.one-third { width:31.9%; }
	.three-fourth { width:74.5%; }	
	.two-third { width:65.8%; }

	.column img { max-width:100%; height:auto; }

	/*----*****---- << Widgets >> ----*****----*/
	
	.widget { float:left; width:100%; padding:0px 0px 10px; margin:0px; }
	.widget h3.widgettitle { font-size:16px; padding-bottom:10px; }
	
	.widget ul { float:left; width:100%; margin:0px; padding:0px; }
	.widget ul li { float:left; display:block; clear:both; width:100%; font-size:16px; font-weight:bold; padding-bottom:0px; }
	.widget ul li a { color:#333334; line-height:20px; padding:13px 25px 15px 25px; display:block; position:relative; background:url(images/thin-border.png) bottom repeat-x; }
	
	ul.product_list_widget li a { clear:both; float:left; display:block; position:relative; margin-bottom:15px; margin-right:10px; }
	ul.product_list_widget li a img { display:block; } 
	ul.product_list_widget li a:before { display:block; content:''; position:absolute; width:100%; height:100%; -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.7); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

	/*----*****---- << Container >> ----*****----*/

	.container { width:1060px; margin:0 auto; position:relative; border-bottom: 20px solid; }

	/*----*****---- << Header >> ----*****----*/
	
	#header { width:100%; margin:0px; padding:0px; float:left; border-bottom:5px solid #dddddd; }
	
	#top-bar { background:#333334; width:100%; float:left; margin:0px; padding:7px 0px 2px; }	
	#top-bar .phone-no { background:url(images/phone-ico.png) left 3px no-repeat; font-size:12px; line-height:normal; color:#787878; margin:6px 0px 0px; padding:0px 0px 0px 13px; float:left; }
	#top-bar .phone-no a { color:#787878; font-size:14px; }
	#top-bar .phone-no a:hover { color:#ffffff; }
	
	.social-icons { float:right; margin:0px; padding:0px; }
	.social-icons li { position:relative; overflow:hidden; width:29px; height:29px; padding:0px; margin:0px 3px 5px; display:inline-block; *display:inline; zoom:1;  }
	.social-icons li img { bottom:0px; left:0px; position:absolute; } 
	.social-icons li img:first-child { bottom:-29px; }
	.social-icons li:hover img:first-child { bottom:0px; z-index:1;  }
	.social-icons li:hover img:last-child { bottom:-29px; }	
	
	#logo { margin:-10px 10px 0px 0px; float:left; padding:0px; }
	#logo img { max-width:100%; }
	
	#main-menu { float:right; margin:0px; padding:0px; position:relative; z-index:100; }
	#main-menu ul { float:left; margin:0px 0px -5px; padding:0px; }
	#main-menu ul li { border-bottom:5px solid #dddddd; margin:0px; padding:10px 0px; display:inline; float:left; position:relative; }
	#main-menu ul li a { display:block; padding:0px 18px; font-size:14px; font-weight:bold; color:#333334; text-transform:uppercase; transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, color 1s, padding 0.5s, margin 0.5s; }
	#main-menu ul li span { display:none; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333334; left:0; *left:48%; right:0; width:0; margin:auto; top:0; position:absolute; }
	
	#main-menu > ul > li.current_page_item span { display:block; }	
	#main-menu > ul > li:hover > a, #main-menu > ul > li.current_page_item > a { padding:10px 18px; background:#ededed; position:relative; margin:-10px 0px; transition: background 1s, padding 0.5s, margin 0.5s; -moz-transition: background 1s, padding 0.5s, margin 0.5s; -webkit-transition: background 1s, padding 0.5s, margin 0.5s; -o-transition: background 1s, padding 0.5s, margin 0.5s;}		
	
	#main-menu > ul > li.hasSubmenu:hover { border-bottom:5px solid #dddddd; }
	
	#main-menu ul li ul { z-index:1; display:none; float:left; position:absolute; width:200px; top:32px; left:0px; background:url(images/sub-menu-bg.png) repeat; box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); -moz-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, 0.25); }
	#main-menu ul ul li { background:url(images/thin-border.png) bottom repeat-x; display:block; float:left; clear:both; padding:0px; border:0px; width:100%; }
	#main-menu ul ul li a { padding:16px 15px 15px; margin:0px; display:block; }
	#main-menu ul ul li:last-child { background:none; }
	
	#main-menu > ul > li > ul:before { border-left:6px solid transparent; border-right:6px solid transparent; content:""; height:0; left:15px; position:absolute; top:-11px; width:0; }
	
	#main-menu ul ul ul { left:200px; top:0px; }
	#main-menu ul ul li ul:before { border-top:6px solid transparent; border-bottom:6px solid transparent; left:-11px; top:18px; content:""; height:0; position:absolute; width:0; }	
	
	#main-menu ul ul li.current_page_item ul li a { color:#333334; }
	
	/*----*****---- << Responsive Menu >> ----*****----*/
	
	.mobile-menu { display:none; height:50px; background-color:#f3f3f3; color:#333334; background-image:url(images/responsive-nav-bg.png); background-position:center right; background-repeat: no-repeat; border:1px solid #d9d9d9; border-radius:0px; width:100%; margin:6px 0px 10px; padding:15px 10px 15px 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
	
	/*----*****---- << Main >> ----*****----*/
	
	#main { width:100%; margin:0px; padding:0px 0px 0px; float:left; }



		/*----*****---- << Footer >> ----*****----*/
		
		#footer { float:left; width:100%; margin:0px; padding:30px 0px 0px; border-top:5px solid #dddddd; background:#333334; }
		
		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer h1 a, #footer h2 a, #footer h3 a, #footer h4 a, #footer h5 a, #footer h6 a, #footer a:hover { color:#ffffff; }
		#footer p, #footer a, #footer span, #footer .widget .tweet_list li:before, #footer .widget ul li:before { color:#989898; line-height:24px; } 
		
		#footer .widget ul { float:left; width:100%; margin:0px; padding:0px; }
		#footer .widget ul li { width:94%; font-size:14px; font-weight:normal; color:#989898; display:block; position:relative; border-bottom:1px dotted #5a5a5a; padding:7px 0px 7px 15px; }
		#footer .widget ul li:before { content:"\f105"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; font-size:16px; position:absolute; top:6px; left:0px; }
		#footer .widget ul li a { padding:0px; background:none; display:inline; }
		
		#footer .tweets a { color:#e6e6e6; }
		
		#footer .widget { padding-bottom:30px; width:100%; float:left; }
		#footer .widget h3.widgettitle { margin-bottom:20px; font-size:18px; }
		
		#footer .widget .tweet_list li { position:relative; float:left; display:block; border:0px; padding-left:30px; }
		#footer .widget .tweet_list li:before { content:"\f099"; font-size:18px; top:12px;-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; }
		#footer .widget .tweet_list:hover li:before { color:#ffffff; }
	
		#footer .widget ul.product_list_widget li { display:block; border:0px; padding:10px 0px; }
		#footer .widget ul.product_list_widget li:before, #footer  ul.recent-posts-widget li:before, #footer .widget_categories ul li a:before { content:""; }
		
		#footer  ul.recent-posts-widget li { border-bottom:0px; padding:0px; }
		#footer .widget_categories ul li a { position:relative; display:block; }
		
		#footer .widget.widget_tag_cloud .tagcloud a { background:#212121; border-bottom-color:#212121; line-height:36px; }
		#footer .widget.widget_tag_cloud .tagcloud a:after { border-bottom-color:#333334; }
		
		#footer ul.product_list_widget li .amount { color:#ffffff; }
		
		#footer .widget .social-icons { margin:20px 0px 0px; }
		#footer .widget .social-icons li { display:inline; float:left; border:0px; padding:0px; margin:0px 5px 0px 0px; width:29px; clear:none; }
		#footer .widget .social-icons li:before { content:""; }
		#footer .widget .social-icons li a { position:static; }
		
		.copyright { background:#1f1f1f; width:100%; clear:both; padding:20px 0px; margin:0px; color:#6a6a6a; }
		.copyright p, .copyright div, .copyright a { color:#6a6a6a; margin-bottom:0px; }
		.copyright a:hover { color:#ffffff; }

		ul.product_list_widget li:hover a:before { -moz-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); -webkit-box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); box-shadow:inset 0px 0px 0px 5px rgba(255,255,255,0.4); }