/* 
	Table of Contents
	update on Wed Sep 02 2015 16:47:03 GMT+0300 (FLE Daylight Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	     03. Base -------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Container --------------------------------
	     03. Shell ------------------------------------
	     04. Header -----------------------------------
	     05. Main -------------------------------------
	     06. Footer -----------------------------------
	     07. Content ----------------------------------
	     08. Sidebar ----------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Article ----------------------------------
	     02. Article Secondary ------------------------
	     03. Bar --------------------------------------
	     04. Breadcrumbs ------------------------------
	     05. Button -----------------------------------
	     06. Callout ----------------------------------
	     07. Col --------------------------------------
	     08. Contacts ---------------------------------
	     09. Copyright --------------------------------
	     10. Form Elements ----------------------------
	     11. Form -------------------------------------
	     12. List Schedule ----------------------------
	     13. List News Items --------------------------
	     14. List Cards -------------------------------
	     15. Logo -------------------------------------
	     16. Nav --------------------------------------
	     17. Nav Dropdown -----------------------------
	     18. Phone ------------------------------------
	     19. Phone Secondary --------------------------
	     20. Phone Quaternary -------------------------
	     21. Section ----------------------------------
	     22. Section Primary --------------------------
	     23. Section Article --------------------------
	     24. Section Services -------------------------
	     25. Section Secondary ------------------------
	     26. Section Teritary -------------------------
	     27. Service ----------------------------------
	     28. Slider -----------------------------------
	     29. Slider Testimonials ----------------------
	     30. Slider Tips ------------------------------
	     31. Slider Partners --------------------------
	     32. Socials ----------------------------------
	     33. Socials Secondary ------------------------
	     34. Subscribe --------------------------------
	     35. Table ------------------------------------
	     36. Widget -----------------------------------
 */


/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	h2 { line-height: 1; }
	h2:before { top: -10px; }
	h2:after { bottom: -10px; }
}

@media (max-width: 767px) {
	
	h2 { font-size: 35px; }
	.main-head h1.page_title {  font-size: 35px; line-height: 35px; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Container
	\* ------------------------------------------------------------ */
	
	.container { padding: 30px 0 20px; }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Shell
	\* ------------------------------------------------------------ */
	
	.shell { padding: 0 20px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header .logo { margin-left: 0; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header { padding: 15px 0 0; }

	.header .header-inner { float: none; margin: 30px 0 0 0; }

	.header .header-inner .socials { float: left; }
	.header .header-inner .socials ul { float: none; display: inline-block; }

	.header .header-inner .phone { float: right; margin-top: -10px; }
}

@media (max-width: 500px) {

	/* ------------------------------------------------------------ *\
		Header
	\* ------------------------------------------------------------ */
	
	.header { text-align: center; }

	.header .logo { top: 0; margin: 0 15px 0 0; }

	.header .header-image { top: 0; margin: 0 0 0 8px; }
	.header .header-image:before { top: 0; left: -16px; height: 60px; }

	.header .header-inner { text-align: center; }
	.header .header-inner .socials { float: none; margin-top: 0; }
	.header .header-inner .phone { float: none; margin-top: 0; text-align: center; }

	.header .header-btn { text-align: center; float:none; width: 100% !important; }

}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Main
	\* ------------------------------------------------------------ */
	
	.main .main-head { margin-bottom: 10px; }
	.main .main-head p { font-size: 17px; }
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */
	
	.footer .col { width: 50%; border: 0; padding: 0; margin-bottom: 15px; text-align: left; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */

	.footer .footer-content { padding: 20px 0; }
	.footer .footer-content .btn { width: 160px; height: auto; font-size: 14px; line-height: 1.73; background-size: 100% auto; }
}

@media (max-width: 500px) {

	/* ------------------------------------------------------------ *\
		Footer
	\* ------------------------------------------------------------ */
	
	.footer .col { float: none; width: 100%; }
	.footer .col-size-4 img { display: block; }
	.footer .footer-bar { padding: 5px 0 15px; }
}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Content
	\* ------------------------------------------------------------ */
	
	.content { float: none; width: 100%; }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Sidebar
	\* ------------------------------------------------------------ */
	
	.sidebar .list-schedule { font-size: 15px; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Sidebar
	\* ------------------------------------------------------------ */
	
	.sidebar { float: none; width: 100%; }

	.sidebar .list-schedule { font-size: 13px; }
}

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article Secondary
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Article Secondary
	\* ------------------------------------------------------------ */
	
	.article-secondary { padding: 0; }

	.article-secondary h3 { font-size: 24px; }
	.article-secondary p { margin-bottom: 15px; }
}

/* ------------------------------------------------------------ *\
	Breadcrumbs
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Breadcrumbs
	\* ------------------------------------------------------------ */
	
	.breadcrumbs { font-size: 13px; }
}


/* ------------------------------------------------------------ *\
	Callout
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Callout
	\* ------------------------------------------------------------ */
	
	.callout em { height: 71px; font-size: 26px; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Callout
	\* ------------------------------------------------------------ */
	
	.callout { padding: 15px 20px 20px; }

	.callout em { height: auto; }

	.callout:before,
	.callout:after { content: ''; display: none; }
	
	.callout .btn { width: 160px; height: auto; font-size: 16px; background-size: 100% auto; }
}

/* ------------------------------------------------------------ *\
	Col
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Col
	\* ------------------------------------------------------------ */
	
	.cols { margin-left: 0; }
	
	.cols .col { padding: 0; }

	.col-1of3 { float: none; width: 100%; margin-bottom: 70px; }
	.col-1of3:last-child { margin-bottom: 0; }

	.col-1of3_2 { float: none; width: 100%; margin-bottom: 70px; }
	.col-2of3 { float: none; width: 100%; }
}


/* ------------------------------------------------------------ *\
	List Cards
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		List Schedule
	\* ------------------------------------------------------------ */
	
	.list-schedule { width: 100%; font-size: 13px; text-align: right; }
	
	.list-schedule span { float: left; width: auto; margin-bottom: -5px; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		List Schedule
	\* ------------------------------------------------------------ */
	
	.list-schedule { width: 180px; padding-bottom: 20px; }
	
}

@media(max-width: 550px){
	
	/* ------------------------------------------------------------ *\
		List News Items
	\* ------------------------------------------------------------ */
	
	.list-news-items li { float: none; width: 100%; padding: 10px; margin: 0 0 8px 0; }
}


/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */


/* ------------------------------------------------------------ *\
	Nav Dropdown
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	.header .header-btn { display: block; }
	.header .header-btn { width: 293px ; height: 78px; top: -12px; right: 0; padding-top: 10px; text-align: center; background: none; z-index: 30; }
	.header .header-btn a { text-decoration: none; }
	.header .header-btn .btn { width: 193px;  }
	.header .header-btn span { position: relative; z-index: 6; color: #FFF; font-size: 24px; line-height: 1.03;}
	.header .header-btn svg { width: 193px; position: absolute; top: 8px !important; bottom: 0; right: 0; left: 0; z-index: 4; }
	.header .header-btn:hover { color: #000; }

	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */
	
	.nav { height: auto; padding: 0; font-size: 18px; text-align: center; }

	.nav ul { float: none; margin: 0; }
	
	.nav li { float: none; display: inline-block; padding-bottom: 0; }
	.nav li:after { bottom: 9px; }
	.nav li:last-child { padding-right: 0; margin-right: 0; }

	/*.nav .btn { position: fixed; display: block; width: 144px; top: 180px; right: -71px; padding-top: 17px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 12px; background-position: 0 12px; background-size: 100% auto; z-index: 40; }
	.nav .btn svg { position: absolute; top: 10px; bottom: 0; right: 0; left: 0; z-index: 4; }*/
	
	.nav .btn { display: none; }

	
	.nav .shell { padding-right: 0; }
	.nav .shell > ul > li { height: auto; }

	/* ------------------------------------------------------------ *\
		Nav Dropdown
	\* ------------------------------------------------------------ */
	
	.sub { top: 31px; text-align: left; }

	.sub li { width: 100%; }

	.sub:before { content: ''; display: none; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Nav
	\* ------------------------------------------------------------ */

	.nav ul { max-height: 0; overflow: hidden; transition: max-height .7s; }
	
	.nav.active ul { max-height: 700px; }

	.nav li { display: block; margin: 0; padding: 0; }
	.nav li:after { content: ''; display: none; }

	.btn-menu { /*display: inline-block; vertical-align: top; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); text-align: left;*/ position: relative; top: auto; right: auto; margin-right: 10px; height: 30px; width: 30px; }
	
	.btn-menu span { width: 25px; height: 3px; background-color: #000000; display: block; position: absolute; }
	
	.btn-menu span:nth-child(2) { top: 7px; }
	
	.btn-menu span:nth-child(3) { top: 14px; }

	/* ------------------------------------------------------------ *\
		Nav Dropdown
	\* ------------------------------------------------------------ */
	
	.sub { position: static; width: auto; max-height: 0; padding: 0; visibility: visible; opacity: 1; overflow: hidden; text-align: center; background: none; transition: .5s; }
	.sub:before { content: ''; display: none; }
	
	.sub a { padding: 4px; color: #fff; }
	.sub a:hover { color: #446872; }
	
	.sub.active { max-height: 800px; }
}

/* ------------------------------------------------------------ *\
	Phone Quaternary
\* ------------------------------------------------------------ */

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Phone Quaternary
	\* ------------------------------------------------------------ */
	
	.phone-quaternary { font-size: 24px; }
}

/* ------------------------------------------------------------ *\
	Section Teritary
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {
	
	/* ------------------------------------------------------------ *\
		Section Secondary
	\* ------------------------------------------------------------ */
	
	.section-secondary .section-content { margin-left: 0; }

	/* ------------------------------------------------------------ *\
		Section Services
	\* ------------------------------------------------------------ */
	
	.section-services { background-size: cover; }
		
	/* ------------------------------------------------------------ *\
		Section Tire Search
	\* ------------------------------------------------------------ */
	
	.section-tire-search { background-size: cover; }
	.section-tire-search .tire-widget-select  { width: 50%; margin-bottom: 5px; margin-right: 0px; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Section
	\* ------------------------------------------------------------ */
	
	.section { padding: 75px 0 20px; overflow: hidden; }
	
	/* ------------------------------------------------------------ *\
		Section Primary
	\* ------------------------------------------------------------ */
	
	.section-primary { padding: 30px 0 20px; }
	
	.section-primary .section-body { padding: 0; }
	.section-primary .section-actions:after { top: 47%; }

	/* ------------------------------------------------------------ *\
		Section Secondary
	\* ------------------------------------------------------------ */
	
	.section-secondary { padding: 20px 0; }
	
	.section-secondary .section-content { padding-bottom: 20px; }
	.section-secondary .section-inner { padding: 20px 0 0; }

	.section-secondary .col-1of3 { padding-left: 0; }
	.section-secondary .col-2of3 { padding: 15px; margin-bottom: 10px; }

	/* ------------------------------------------------------------ *\
		Section Article
	\* ------------------------------------------------------------ */
	
	.section-article { padding: 30px 0 20px; }

	/* ------------------------------------------------------------ *\
		Section Services
	\* ------------------------------------------------------------ */
	
	.section-services { padding: 10px 0 20px; }

	.section-services .section-head { margin-bottom: 10px; }

	.section-services .section-actions { margin-top: 20px; }
	.section-services .section-actions .btn { width: 280px; padding-top: 7px; font-size: 17px; background-size: 100% auto; }
	
	/* ------------------------------------------------------------ *\
		Section Tire Search
	\* ------------------------------------------------------------ */
	
	.section-tire-search { padding: 10px 0 20px; }

	.section-tire-search .section-head { margin-bottom: 10px; }

	.section-tire-search .section-actions { margin-top: 20px; }
	.section-tire-search .section-actions .btn { width: 280px; padding-top: 7px; font-size: 17px; background-size: 100% auto; }
	
	.section-tire-search .tire-widget-select  { width: 100%; margin: 0 0 10px 0; }
	
}

/* ------------------------------------------------------------ *\
	Service
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Service
	\* ------------------------------------------------------------ */
	
	.services .service { width: 50%; margin-bottom: 3px; }
	
	.service:nth-child(odd) { text-align: right; }
	.service:nth-child(odd) .service-overlay { left: auto; right: 0; }

	.service:nth-child(even) { text-align: left; }
	
	.service .service-overlay { width: 283px; text-align: center; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Service
	\* ------------------------------------------------------------ */
	
	.services { margin: 0; }

	.services .service { width: 100%; padding-left: 0; margin-bottom: 10px; text-align: center; }
	.services .service:last-child { margin-bottom: 0; }

	.service:nth-child(odd) { text-align: center; }
	.service:nth-child(odd) .service-overlay,
	.service .service-overlay { left: 50%; right: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

	.service:nth-child(even) { text-align: center; }
}


/* ------------------------------------------------------------ *\
	Slider Partners
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Slider
	\* ------------------------------------------------------------ */
	
	.slider h1 { font-size: 50px; background: none; }
	.slider h2 { font-size: 50px; background: none; }
	.slider p { font-size: 24px; margin: -20px 0 15px; }

	.slider .btn { width: 215px; height: auto; font-size: 20px; background-size: 100% auto; }

	.slider .slider-actions .slider-prev { left: 10px; }
	.slider .slider-actions .slider-next { right: 10px; }

	/* ------------------------------------------------------------ *\
		Slider Testimonials
	\* ------------------------------------------------------------ */
	
	.slider-testimonials { background-size: 100% 100%; }
	
}

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Slider Testimonials
	\* ------------------------------------------------------------ */
	
	.slider-testimonials { font-size: 16px; }

	.slider-testimonials .ico-quote { position: absolute; top: -19px; left: -38px; }
	.slider-testimonials .ico-quote-secondary { position: absolute; top: auto; bottom: -15px; left: auto; right: -35px; }

	/* ------------------------------------------------------------ *\
		Slider Tips
	\* ------------------------------------------------------------ */
	
	.slider-tips .slide { padding: 0 15px; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Slider
	\* ------------------------------------------------------------ */
	
	.slider h1 { font-size: 22px; line-height: 1; }
	.slider h2 { font-size: 22px; line-height: 1; }
	.slider p { font-size: 17px; margin: 0px; line-height: 1; }
	
	.slider .btn { width: 120px; font-size: 12px; }
	.slider .slide-content { top: 40%; }

	.slider .slider-actions .slider-prev,
	.slider .slider-actions .slider-next { display: none; }

	/* ------------------------------------------------------------ *\
		Slider Testimonials
	\* ------------------------------------------------------------ */
	
	.slider-testimonials { font-size: 14px; }

	.slider-testimonials .slide { width: 100%; padding: 15px; }
	.slider-testimonials .slider-clip { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }

	.slider-testimonials .ico-quote,
	.slider-testimonials .ico-quote-secondary { display: none; }
	
}

@media(max-width: 600px){
	
	/* ------------------------------------------------------------ *\
		Slider Testimonials
	\* ------------------------------------------------------------ */
	
	.slider-testimonials { font-size: 11px; }

	.slider-testimonials .slider-clip { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); }
}


/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Subscribe
	\* ------------------------------------------------------------ */
	
	.subscribe label { display: block; }

	.subscribe .subscribe-field { width: 50%; margin-bottom: 5px; }
	.subscribe .subscribe-btn { float: none; }
}

@media (max-width: 767px) {

	/* ------------------------------------------------------------ *\
		Subscribe
	\* ------------------------------------------------------------ */
	
	.subscribe { width: 100%; }

	.subscribe .subscribe-field { width: 100%; margin: 0 0 10px 0; }
	.subscribe .subscribe-btn { margin-left: 0; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */


@media (max-width: 1280px) {

	/* ------------------------------------------------------------ *\
		Widgets
	\* ------------------------------------------------------------ */
	
	.widget { min-height: 414px; }

	.widget-contact .phone-secondary {font-size: 14px; }

	.widget-contact .fax,
	.widget-contact .email { font-size: 13px; }

	.widget-schedule { padding: 70px 15px 5px; }
}

@media (max-width: 767px) { 
	
	/* ------------------------------------------------------------ *\
		Widgets
	\* ------------------------------------------------------------ */
	
	.widget { min-height: 0; }

}


@media (max-width: 767px) { 
	.header .shell { display: none; }
	.mobile_header_logo { margin-left: 10px; }
	.nav .nav-location { max-height: 0px; overflow: hidden }
	.nav.active .nav-location { max-height: 700px; }
}