/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */

/* Simple style overrides or custom adds */
html {
	font-size: 100%;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
}

html,
body {
	overflow: auto !important;
	background-color: #F3F3F3;
}

.container {
	max-width: 1300px;
}

h1,
h2,
h3 {
	font-family: 'Playfair Display', sans-serif;
	font-weight: bold;
	color: #000000;
}

h3 {
	font-size: 40px;
	line-height: 38px;
	margin-bottom: 20px;
}

h3 small {
	font-weight: 400;
	text-transform: initial;
	font-size: 23px;
	margin-bottom: -42px;
	display: block;
	line-height: 5px;
}

p,
body {
	font-family: 'Open Sans', sans-serif;
	line-height: 25px;
	font-size: 18px;
	color: #333;
}

a {
	color: #1A1A1A;
	font-weight: bold;
}
a:hover, a:focus, a:active{
color:#FFC72E;
}
#page_wrapper{
	min-height:100vh;
	position:relative;
}

#footer{position: relative;bottom:0;}


.btn-primary,
.btn-secondary {
	height: 66px;
	line-height: 66px;
}

.btn-primary {
	background: #FFC72E;
	transition: 0.1s;
	color: #000;

}

/* Button */
.btn {
	border-width: 0px;
	font-size: 18px;
	border-radius: 0px;
	padding: 0px 35px;
	letter-spacing: initial;
	font-weight: bold;

}

.btn.btn-primary:hover,
.btn.btn-primary:not(:disabled):not(.disabled):active {
	background: #FB0;
	border-color: #FB0;
	box-shadow: 0px 0px 0px transparent;
	color: #000;
}

.btn-primary:focus,
.main-nav>ul>li.menu-item-has-children.active>a {
	color: #000;
}


/* Icons inside of buttons */
.btn.custom-icon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn.custom-icon:before {
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	display: block;
}

.btn.products-icon:before {
	background-image: url('../img/icons/grid.svg');
}

.btn.phone-icon:before {
	background-image: url('../img/icons/phone.svg');
}
.bodytext a{
	text-decoration:underline;
	font-weight:bold;
}
.bodytext ul li p{
	margin-bottom:0px
}
.bodytext ul li{
	list-style-type:disc;
}
.bodytext ul{
	margin-left:40px;
	margin-bottom:10px;
}
ol li, ol{
	list-style-type: decimal;
}
/* Header */


#header {
	background: rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* 
#header.header-inner-pages {
	position: relative;
	background-color: #1A1A1A;
} */

.site-header-main-wrapper {
	height: 120px;
}

/* .subheader-titles {
	text-align: left;
} */

/* Height of the header on content pages */
.page-subheader .ph-content-wrap,
.page-subheader {
	min-height: 0px;
	height: auto;
	padding: 0;
	padding-top: 80px;
}

.subheader-maintitle {
	color: #FFC72E;
	font-size:40px;
}

.category-img {
	background-image: url(../img/slidebg.jpg);
	background-color: #343434;
	/* padding: 100px 0px; */
	height: 250px;
	background-size: cover;
}

.site-logo img {
	max-width: 300px;
	max-height: 210px;
	padding-left: 0px;
	position: relative;
	top: 40px;
	/* padding-right: 0px; */
}

/* Menu */

.site-header-main-center {
	margin-right: 0px;
	margin-left: 40px;
	width: 100%;
}

#main-menu {
	width: 100%;
}

/* Menu Links */
.main-nav>ul>li>a {
	padding: 0px 10px;
	font-size: 18px;
	height: 24px;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: center;
	transition: 0.2s;
}

.main-nav>ul>li>a i {
	font-size: 12px;
}

.main-nav>ul>li>a::before {
	display: none;
}

.main-nav>ul>li>a:hover,
.main-nav>ul>li.active>a,
.main-nav>ul>li.menu-item-has-children.active>a {
	color: #FFC72E;
}

.site-header-right-wrapper {
	padding-left: 0px;
}


/* Phone Link */
.tel-link {
	font-weight: bold;
	color: #FFC72E;
	position: relative;
	font-size: 18px;
	letter-spacing: 1px;
}

.tel-link::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	transition: 0.3s;
	background: #FFC72E;
	position: absolute;
	top: 24px;
}

.tel-link:hover::after {
	height: 5px;
}



/* Chaser menu */
.chaser {
	background: rgba(26, 26, 26, .95);
	max-width: 1000px;
	margin: auto;
	left: 0;
	right: 0;
}

#menu-main-menu {
	display: flex;
	justify-content: space-around;
	height: 80px;
	padding-top: 10px;
	align-items: center;
}

.chaser .main-menu li.active>a,
.chaser .main-menu li:hover>a,
.chaser .main-menu li a:hover {
	background: #FFC72E;

}

.chaser .main-menu li.active>a {
	font-weight: bold;
}


.chaser .main-menu li>a:not(:only-child)::after {
	display: none;
}

.main-nav ul ul.sub-menu {
	border-radius: 0px;
}

.main-nav>ul>li.menu-item-has-children>a::after {
	display: none
}

/* === Slider On Home Page === */

.hg_simple_slider-itemimg,
.hg_simple_slider_container {
	height: 900px;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px;
}

/* Slider Caption Part */
.kl-flex--modern .ssl-item .flex-caption-wrapper.centered {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: auto;
	left: 0;
	right: 0;
	height: 100%;
	bottom: 0 !important;
}

.kl-flex--modern .flex-caption {
	float: none;
	text-transform: initial;
	color: #FFC72E;
	font-size: 70px;
}


/* Slider arrows */

.navcontainer {
	width: 100%;
	right: 0;
	position: absolute;
	z-index: 1;
	top: calc(50% - 150px);
}

.kl-flex--modern .thenav svg {
	width: 24px;
	height: 48px;
	cursor: pointer;


}

.home-slides .rightnav {
	position: absolute;
	right: 25px;

}

.home-slides .leftnav {
	position: absolute;
	left: 25px;

}

/* Navigation arrows */
.a {
	transition: 0.2s;
}

.slick-arrow {
	height: 300px;
	width: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.05);
	cursor: pointer;
	transition: 0.2s;
}

.slick-arrow:hover {
	background: rgba(255, 255, 255, 0.2);
}

.thenav svg:hover .a {
	stroke-width: 3px !important;

}

.cover-fit-img {
	background-position: center;
	/* background-size:cover; */
	/* background-size:initial; */
	display:block;
	object-fit: contain;
}



/* Welcome to */


.negative-margin {
	background-color: #fff;
	padding: 73px 74px 73px 73px;
	position: relative;
	margin-top: -135px;
}

.learnmore {
	position: absolute;
	bottom: -33px;
}


.learnmore:hover span:after {
	opacity: 1;
}

.learnmore span:after {
	content: '';
	position: relative;
	display: block;
	top: 5px;
	width: 103px;
	height: 1px;
	background-color: white;
	opacity: 0;
	transition: 0.2s;
}

.welcome .featured-img {
	transition: 0.2s;
	cursor: url('../img/add-icon.svg'), auto;
}

.welcome .featured-img:hover {
	opacity: 0.8;
	cursor: url('../img/add-icon.svg'), auto;
}

/* Advanced Machinery */

.machinery {
	background-image: url('../img/machinery-bg.jpg');
	background-size: cover;
}

.machinery h3,
.machinery p {
	color: white;
}

/* Recent Projects */

.recent-project-slide{
	height:352.57px;
	background-size:cover;
}

.r-projects .project{
	width:100%;
	height:100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.r-projects .narrow {
	max-width: 355px;
	margin: auto;
}

.recentwork-navcontainer {
	width: 100%;
}

.recentwork-navcontainer .hgSlickNav-arr {
	background: #1a1a1a;
	width: 55px;
	height: 165px;
	position: absolute;
	z-index: 20;
	top: calc(50% - 55px);
}

.recentwork-navcontainer .hgSlickNav-next {
	right: -17px;
}

.recentwork-navcontainer .hgSlickNav-prev {
	left: -17px;
}


.recentwork_carousel .slick-slide {
	margin: 55px 10px 0px 10px;
}

.recentwork_carousel .slick-slide {
	position: relative;
}

.r-projects .overlay {
	position: absolute;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.2s;


}

.r-projects .overlay-inner {
	opacity: 0;
	color: white;
	background: rgba(255, 255, 255, 0.16);
	font-size: 25px;
	border: 10px solid #FFC72E;
	width: 95%;
	height: 95%;
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	transition: 0.5s;
}

.r-projects .overlay-inner h3 {
	color: white;
	font-size: 25px;
	margin-bottom: 0px;
	align-self: center;
	text-align:center;
}

.r-projects .project:hover .overlay {
	background: rgba(0, 0, 0, 0.1);
}

.r-projects .project:hover .overlay-inner {
	opacity: 1;
}

.r-projects .project:hover {
	cursor: url('../img/add-icon.svg'), auto;
}




.hgSlickNav-arr:hover polyline {
	stroke-width: 20px;
}

.hgSlickNav-arr polyline {
	stroke: white;
	stroke-width: 15px;
}

.hgSlickNav-arr:hover polyline {
	stroke: #FFC72E;
}

.hgSlickNav-arr,
.hgSlickNav-arr svg {
	width: 33px;
	height: 33px;
	stroke-width: 2px;
}

.recentwork_carousel__crsl .recent-work_carousel-item {
	padding: 0 10px 0 0;
}

.r-projects .btn-primary {
	width: 178px;
	margin: auto;
}

/* Specials */

.discount {
	font-family: 'Playfair Display';
	font-size: 200px;
	color: #1A1A1A;
	background: #FFC72E;
	width: 260px;
	line-height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.special-bg {
	width: 80%;
	padding: 47px 80px 47px 80px;
	flex-wrap: wrap;
}

.specials--text {
	width: 65.5%;
}

.specials--text h3,
.specials--text p {
	color: white;

}

.specials .btn-larger {
	align-self: center;
	height: 70px;
	line-height: 70px;
	padding: 0px 51px;
	font-size: 20px;
}

.special-bg {
	background-image: url('../img/specials-bg.jpg');
	background-size: cover;
}

.custom-icon.mail-icon::before {
	background-image: url('../img/icons/envelope.svg');
}



/* Contact us today section */

.getquote {
	background: linear-gradient(to right, #6A0C0F 50%, #FBFBFB 10%);
	;
}

.getquote h4,
.contact-information h4 {
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	margin-bottom: 5px;
	line-height: 20px;
}


.getquote p,
.getquote h3 {
	max-width: 551px;
}

.getquote p,
.contact-information p {
	margin: 0px;
}



/* Pagination */

.pagination .active_page{
	border-color:#000;
	color:#000;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
}

.page_link:hover, .previous_link:hover, .next_link:hover{
	color:#000;
}
/* === Sidebar === */

/* Stops the sidebar from going too far */
.sticky-stopper {
	position: absolute;
	width: 100%;
	height: 0px;
	bottom: 0;
}
/*Styling the dots differently*/
.thesidebar .widget ul.product-categories li a::before {
	display: none;
}

.sidebar {
	box-shadow: none;
	padding: 0px;
	background: none;
}
.thesidebar{
	width: 100%;
	position: relative; top: initial;
}

.sidebar-wrapper {
	padding: 50px 30px;
	/* background: linear-gradient(to top, #FFC72E, #871A1D); */
	/* background:#f8f8f8; */
	background: #fff;
	color: #1a1a1a;
	position: relative;
	
	/* border-bottom: 9px solid #871A1D; */

}

#sidebar-widget {
	margin-bottom: 50px;
	max-width: 370px;
}

.sidebar-wrapper ul li {
	margin-top: 18px;
}

.sidebar-wrapper li>a {
	display: flex;
	align-items: center;
	color: #333;
	font-weight:400;
	font-size:16px;

}

.sidebar-wrapper .fa-caret-right {
	margin-right: 10px;
	color: #FFC72E;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.sidebar-wrapper li:hover .fa-caret-right {
	color: #000;
}

.widget,
.sidebar-contacts {
	position: relative;
	z-index: 5;
}

.sidebar .widget .widgettitle{
	text-transform: initial;
	font-size:20px;
}

/* Image next to the sidebar */

/* widget contact links */
.sidebar-contacts {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.sidebar-contact {
	background: linear-gradient(to top, #FFC72E, #871A1D);
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 4px;
	color: white;
	font-size: 16px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.8);
}


.sidebar-contact:hover {
	color: white;
	background: linear-gradient(to right, #871A1C, #D12F32);
}

/* === Carousel on Project Page ===*/

.gallery-img {
	height: 100%;
	width: 100%;
	background-size: contain !important;
	max-height: 450px
}

.lSAction>a {
	background-image: url('/img/controls.png');
}

.lslide {
	height: 450px;
}

.gallery-slider {
	margin-bottom: 50px;
	padding: 30px 50px;
	background: white;
	transition: 0.2s;
/*	height: 515px;*/
}

.caroufredsel_wrapper {
	border: 1px solid #ddd;
}

.mfp-fade.mfp-bg {
	background: rgba(00, 00, 00, 0.8);
}

.gal {
	height: 200px;
	display: block;
	overflow: hidden;
}

.image-gal {
	height: 100%;
	max-width: 500px;
}

.lSSlideOuter .lSPager.lSGallery li {
	max-height: 70px;
}

/* Projects List */

.kl-has-overlay .img-intro:hover .overlay {
	box-shadow: none;
}

.prod {
	height: auto !important;
	width: auto !important;
	max-width: 250px !important;
	max-height: 115px !important;
	margin: auto;
	display: block;
}


.portfolio-item {
	margin-bottom: 50px;
	padding: 30px 20px 60px 20px;
	background: white;
	transition: 0.2s;
	border: 1px solid transparent;
}

.portfolio-item:hover  {
	border-color: #FB0;
}
.portfolio-item:hover a {
	color: #444;
}


.kl-has-overlay .img-intro .overlay {
	background: none;
}

.overlay .overlay-inner span {
	background: rgba(11, 11, 11, 0.3);
}
.lSSlideOuter .lSPager.lSGallery li{
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
	-ms-transition:0.3s;
	-o-transition:0.3s;
	border:3px solid #000;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	border:3px solid #FFC72E;
}

/* Products Page */
.kl-store-page ul.products{
	display:flex;
	flex-wrap: wrap;
}

.product-list-item {
	height: 100%;
	max-width: 300px;
	margin: auto;
}
.product-list-item .kw-details-title, .kl-store-page ul.products li.product .product-list-item .kw-details-title{
	height:100%;
	color:#1a1a1a;
	font-size:20px;
}


.product-list-item:hover, .kl-store-page ul.products li.product .product-list-item:hover{
	box-shadow:none;
	color:#ccc;
}

/* Footer styles */
#footer {
	background: #1A1A1A;
	border-top: 0;
	padding: 0px;
}

#footer a {
	font-weight: 400;
}

.footer-menu {
	min-height: 70px;
	;
}

#footer .links {
	display: flex;
	width: 900px;
	flex-wrap:wrap;
}

#footer .links a {
	letter-spacing: 1px;
}

.copyright {
	background-color: #000;
	min-height: 50px;
}

.webdev {
	color: #ABACAE;
	font-size: 13px;
	margin: 0px;
}

.webdev a {
	text-decoration: underline;
}

/* Back to top */
#totop.show {
	opacity: 0.8;
	border-radius: 0px;
	background-color: #000;
	color: #FFC72E;
}

/* contact form */

.contactForm {
	padding: 60px 50px;
	background: white;
	border-radius: 0px;
	min-height: 651px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}

.contact-information h3{
	font-size:30px;
}
.control-label{
	font-family: 'Playfair Display', serif;
	margin-top:15px;
}

.form-input .form-control{
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	box-shadow: none;
}
.form-control:focus{
	border:1px solid #FFC72E;
}

.gmaps {
	height: 100%;
}

.contact-details p{
margin-bottom:5px;
}
.contact-details i{
	color:#555;
	font-size:16px;
}


/*Product page*/


/* Blog Page */

.calendarr {
	cursor: pointer;
	border-collapse: separate;
	border-spacing: 2px;
	border-radius: 3px;
}
.blog_box {
	padding: 10px;
	border-radius: 0px;
	transition: 0.2s;
	border: 1px solid #dedddd;
	background: white;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
}
.blog_box:hover, .blog_current {
	background: #000;
	color: white;
}
.blog_box span {
	padding-left: 2px;
}
.smaller{color:rgba(0, 0, 0, 0.5);font-size:15px}

.blog-img{
	width:30%;
}

.featured{
	margin-bottom:30px;
}

.itemContainer.hg_columns {
	padding: 30px;
	background: white;
	margin-bottom: 20px;
}

/* Media queries! */

/** Laptop **/
@media (max-width: 1200px) {
	.site-header[data-header-style="1"] .main-nav > ul > li > a{
		font-size:0.83rem;
	}
	h3{font-size:30px;}
	p{font-size:16px;}
	#footer {

		height: auto;
	}

	#sidebar-widget {
		margin: auto;
	}


	/* Sidebar contact links */
	.sidebar-contacts {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}

	.sidebar-contact {
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin: 5px 0px;
	}


}

/** Large Tablets **/
@media (max-width: 992px) {
	#footer .copyright{
		float:none;
	}
	.tel-link:after{display:none;}
	.tel-link{font-size:25px;}
	#header {
		position: relative;
		background: #1A1A1A;
	}

	.site-logo img {
		max-height: 150px;
		top: 10px;
	}

	.kl-flex--modern .ssl-item.slick-item--activated .flex-caption-wrapper {
		bottom: 20%;
	}

	.kl-flex--modern .flex-caption {
		font-size: 40px;
		width: 80%;
	}

	.navcontainer {
		top: 15%;
	}

	.slick-arrow {
		height: 20vh;
		width: 6vh;
	}

	.main-nav>ul>li>a {
		font-size: 16px !important;
	}

	.site-header-left-wrapper {
		margin-top: -10px;
	}

	/* Mobile Menu Styling */
	.zn-res-trigger::after{
/*		border-radius:0px;
		height:2px;
		background:#000;
		box-shadow:0 8px 0 #000,0 16px 0 #000;
		padding:0px;*/
		content:none;
	}
	.zn-res-trigger{
		margin-top:0px;
	}
	#zn-res-menuwrapper {
		margin-right: 30px;
/*		background:#FFC72E;
		width:45px;
		height: 45px;
		display: flex;
		justify-content: center;
		align-items: center*/
	}

	
	
	/* Mobile Menu Styling */
#zn-res-menu li{
	border:none;
}
#zn-res-menu li a{
	border:1px solid rgba(255,255,255,0.05);
}
#zn-res-menu .zn-close-menu-button{
	height:52px;
	border:0px;
}

#zn-res-menu, #zn-res-menu .sub-menu, #zn-res-menu li ul {
	background: #1a1a1a;
}
#zn-res-menu li>a, #megamenu .zn_mega_title {
	font-weight: 400;
	color:#FFC72E;

}
#zn-res-menu .zn_res_has_submenu > span{
	border:0px;
}
#zn-res-menu li.active{
background-color:#FFC72E;
color:#1a1a1a;
}
	
/*Welcome to*/
	.negative-margin {
		margin-top: 0px;
		padding: 70px 40px;
	}

	.machinery {
		padding: 0px 20px;
	}

	.btn[data-toggle="collapse"] {
		font-size: 15px;
	}

	.prod {
		max-width: 100% !important;
		max-height: 100% !important;
	}

	.lslide {
		height: auto;
	}

	.btn[data-toggle="collapse"] {
		margin: auto;
		padding: 0px 10px;
		width: auto;
		max-width: 300px;
	}
	.thesidebar{
		position: static;
	}




	/* Slider */

	.hg_simple_slider-itemimg,
	.hg_simple_slider_container {
		height: 350px;
	}



	.cover-fit-img {
		object-fit: cover;
		overflow: hidden;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 20%;
	}

	.contactForm {
		min-height: auto;
	}

	.gmaps {
		position: relative;
	}

	.specials--text {
		width: 100%;
	}
}

/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
	.site-logo img {
		max-width: 162px;
		margin-left: 10%;
	}

	.page-subheader {
		height: 130px;
	}
	.page-subheader .ph-content-wrap, .page-subheader{
		padding-top:20px;
	}
	
	#footer a {
		margin-left: 0px;
	}

	.contactForm {
		margin-top: 10px;
	}

	.recentwork_carousel_v3 .recentwork_carousel__controls {
		top: 100px;
	}
	
	.recent-project-slide{
		height:250px;
	}
	
	.r-projects .project .overlay-inner{
		opacity:1;
	}

	.lSSlideOuter .lSPager.lSGallery li {
		max-height: 45px;
	}

	.discount {

		font-size: 50px;
		width: 100%;
		line-height: 100px;
	}

	.special-bg {
		padding: 80px 20px;
	}

	.specials .btn-larger {
		padding: 0px 11px;
	}


}

/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {
	.special-bg {
		width: 100%;
	}
	.kl-flex--modern .flex-caption{
		font-size:30px;
	}
	.flex-caption-wrapper p{
		font-size:16px;
	}


	.btn-primary,
	.btn-secondary {
		min-width: 100px;
		height: 55px;
		line-height: 55px;
	}
	
		.slick-arrow{
		height: 15vh;
		width: 5vh;
		background:rgba(255, 255,255,0.3);
	}
	.navcontainer {
		top: 25%;
	}
	.home-slides .leftnav{
		left:0px;
	}	
	.home-slides .rightnav{
		right:0px;
	}
}

@media (max-width:480px){
		.zn-res-trigger{
		margin-left:5px;
	}
}

/** Smartphone portrait mode