@charset "utf-8";
@import url("main.css");

/* Rows*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

.row0, .row0 a{}
.row1{
	border-bottom:2px solid;
}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5, .row5 a{}


/* Top Bar*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

#topbar{
	padding:15px 0; 
	text-transform:uppercase;
}

#topbar ul li{
	display:inline-block; 
	margin-right:15px;
}
#topbar ul li:last-child{
	margin-right:0; 
	padding-right:0; 
	border-right:none;
}
#topbar i{
	line-height:normal;
}

/* Search Form */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

#topbar #searchform{
	position:relative; 
	line-height:1; 
	z-index:9999;
}
#topbar #searchform::after{
	display:block; 
	height:18px; 
	line-height:18px; 
	padding:0; 
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900; 
	content:"\f002"/* fa-search */;
}
#topbar #searchform:hover::after, #topbar #searchform button{
	cursor:pointer;
}
#topbar #searchform > div{
	position:absolute; 
	top:18px; right:0; 
	width:280px; 
	visibility:hidden; 
	opacity:0/* Required for transition effect */;
}
#topbar #searchform:hover > div{
	visibility:visible; 
	opacity:1/* Required for transition effect */;
}
#topbar #searchform form{
	display:block; 
	position:relative;
}
#topbar #searchform form *{
	border:none;
}
#topbar #searchform input{
	display:block; 
	width:100%; 
	height:36px; 
	padding:8px 40px 8px 10px; 
	font-size:1rem;
}
#topbar #searchform ::placeholder{
	text-transform:capitalize;
}
#topbar #searchform button{
	display:block; 
	position:absolute; 
	top:3px; 
	right:2px; 
	height:30px; 
	font-size:16px; 
	line-height:1;
}


/* Header*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

#header{}

#header #logo{
	margin:30px 0 0 0;
}
#header #logo h1{
	margin:0; 
	padding:0; 
	font-size:40px; 
	text-transform:uppercase;
}


/* Page Intro*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

#pageintro{
	padding:180px 0;
}

#pageintro article{
	text-align: center;
	display:inline-block; 
	max-width:75%;
}
#pageintro .heading{
	text-decoration:underline;
	margin-bottom:20px; 
	font-size:4rem;
}
#pageintro p{
	margin:0 0 40px 0; 
	text-transform:uppercase; 
	font-size:; 
	letter-spacing:5px;
}
#pageintro footer{
	margin-top:50px;
}


/* Content Area*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

.container{
	padding:80px 0;
}

/* Content */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.container .content{}

.sectiontitle{
	display:block; 
	max-width:55%; 
	margin:0 auto 80px; 
	text-align:center;
}
.sectiontitle *{
	margin:0;
}

/* Prices */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.prices{}
.prices li{
	margin-bottom:50px;
}
.prices li:nth-last-child(-n+3){
	margin-bottom:0;
}
.prices li:nth-child(3n+1){
	margin-left:0; 
	clear:left;
}
.prices li article{
	display:block; 
	position:relative; 
	padding:40px 25px; 
	border:1px solid; 
	text-align:center;
}
.prices li article *{
	margin:0 0 30px 0;
}
.prices li article i{
	display:inline-block; 
	font-size:80px;
}
.prices li article .heading{
	ext-transform:uppercase;
}
.prices li article p{}

.prices li article p:last-of-type{
	display:inline-block; 
	position:relative; 
	padding-left:18px; 
	font-weight:400;
}
.prices li article p:last-of-type *{
	margin:0; 
	line-height:1;
}
.prices li article p:last-of-type sup{
	position:absolute; 
	top:3px; left:0; 
	font-size:1.2rem;
}
.prices li article p:last-of-type strong{
	margin-right:5px; 
	font-size:50px;
}
.prices li article p:last-of-type em{
	font-style:normal;
}
.prices li article footer{
	margin:0 0 -60px 0; 
	padding:0;
}
.prices li article footer a{
	margin-bottom:0;
}

/* Testimonial */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.testimonial{}
.testimonial article{
	max-width:65%; 
	margin:0 auto; 
	text-align:center;
}
.testimonial article *{
	margin:0; 
	padding:0;
}
.testimonial article img{
	margin-bottom:20px; 
	border-radius:50%;
}
.testimonial article blockquote{
	margin-bottom:20px;
}
.testimonial article .heading{}

.testimonial article em{
	display:block; 
	margin-top:-5px; 
	font-size:.8rem; 
	font-style:normal;
}

/* Comments */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#comments ul{
	margin:0 0 40px 0; 
	padding:0; 
	list-style:none;
}
#comments li{
	margin:0 0 10px 0; 
	padding:15px;
}
#comments .avatar{
	float:right; 
	margin:0 0 10px 10px; 
	padding:3px; 
	border:1px solid;
}
#comments address{
	font-weight:bold;
}
#comments time{
	font-size:smaller;
}
#comments .comcont{
	display:block; 
	margin:0; 
	padding:0;
}
#comments .comcont p{
	margin:10px 5px 10px 0; 
	padding:0;
}

#comments form{
	display:block; 
	width:100%;
}
#comments input, #comments textarea{
	width:100%; 
	padding:10px; 
	border:1px solid;
}
#comments textarea{
	overflow:auto;
}
#comments div{
	margin-bottom:15px;
}
#comments input[type="submit"], #comments input[type="reset"]{
	display:inline-block; 
	width:auto; 
	min-width:150px; 
	margin:0; 
	padding:8px 5px; 
	cursor:pointer;
}

/* Sidebar */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.container .sidebar{}

.sidebar .sdb_holder{
	margin-bottom:50px;
}
.sidebar .sdb_holder:last-child{
	margin-bottom:0;
}


/* Click to Action*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.cta{
	padding:50px 0;
}
.cta > :first-child{
	margin-top:10px;
}
.cta > :last-child{
	margin-bottom:0;
}

.cta footer{
	text-align:center;
}
.cta footer a{
	display:block;
}


/* Introblocks*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#introblocks{}

#introblocks > li:last-child{
	margin-bottom:0;
}
#introblocks article{
	display:block; 
	padding:40px 20px; 
	border:1px solid; 
	text-align:center;
}
#introblocks article *{
	margin:0 0 25px 0;
}
#introblocks article .btn{
	margin:10px 0 0 0;
}
#introblocks article > :last-child{
	margin-bottom:0;
}
#introblocks article i{
	display:inline-block; 
	font-size:66px;
}


/* Latest*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#latest{}

#latest ul{
	margin-bottom:80px;
}
#latest ul li{
	margin-bottom:30px;
}
#latest ul li:nth-last-child(-n+3){
	margin-bottom:0;
}
#latest ul li:nth-child(3n+1){
	margin-left:0; clear:left;
}
#latest ul li figure{
	position:relative; 
	max-width:348px;
}
#latest ul li figure figcaption{
	display:block; 
	text-align:center; 
	padding:15px 0 0 0; 
	font-weight:700; 
	text-transform:uppercase;
}
#latest ul li figure figcaption *{
	margin:0;
}


/* CTA - Click to Action */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#cta{border-top:1px solid;}

#cta ul{}
#cta ul li{}
#cta ul li div{
	position:relative; 
	min-height:30px; 
	padding:0 0 0 35px; 
	line-height:1;
}
#cta ul li div i{
	position:absolute; 
	top:0; 
	left:0; 
	width:25px; 
	height:23px; 
	font-size:20px; 
	text-align:center;
}
#cta ul li div span{
	display:block;
}
#cta ul li div strong{
	display:block; 
	margin:0 0 8px 0;
}


/* Footer*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#footer{
	padding:80px 0;
}

#footer .heading{
	margin-bottom:50px; 
	font-size:1.2rem;
}

#footer .linklist li{
	display:block; 
	margin-bottom:15px; 
	padding:0 0 15px 0; 
	border-bottom:1px solid;
}
#footer .linklist li:last-child{
	margin:0; 
	padding:0; 
	border:none;
}
#footer .linklist li::before, #footer .linklist li::after{
	display:table; 
	content:"";
}
#footer .linklist li, #footer .linklist li::after{
	clear:both;
}

#footer input, #footer button{
	border:1px solid;
}
#footer input{
	display:block; 
	width:100%; 
	padding:8px;
}
#footer button{
	padding:8px 18px 10px; 
	text-transform:uppercase; 
	font-weight:700; 
	cursor:pointer;
}

/* Copyright*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#copyright{
	padding:20px 0;
}
#copyright *{
	margin:0; 
	padding:0;
}

/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
*, *::before, *::after{
	transition:all .3s ease-in-out;
}
#mainav form *{
	transition:none !important;
}


/* Navigation*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
nav ul, nav ol{
	margin:0; 
	padding:0; 
	list-style:none;
}

#mainav, #breadcrumb, .sidebar nav{
	line-height:normal;
}
#mainav .drop::after, #mainav li li .drop::after, #breadcrumb li a::after, .sidebar nav a::after{
	position:absolute; 
	font-family:"Font Awesome\ 5 Free"; 
	font-weight:900; 
	font-size:10px; 
	line-height:10px;
}

/* Top Navigation */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#mainav{
	position:relative; 
	margin-bottom:-2px; 
	z-index:999;
}
#mainav ul{
	text-transform:uppercase;
}
#mainav ul ul{
	position:absolute; 
	width:180px; 
	text-transform:none;
}
#mainav ul ul ul{
	left:180px; 
	top:0;
}
#mainav li{
	display:block; 
	position:relative; 
	float:left; 
	margin:0; 
	padding:0;
}
#mainav li:last-child{
	margin-right:0;
}
#mainav li li{
	width:100%; margin:0;
}
#mainav li a{
	display:block; 
	padding:40px 15px; 
	border-bottom:2px solid;
}
#mainav li li a{border-width:0 0 1px 0;}
#mainav .drop{padding-left:20px;}
#mainav li li a, #mainav li li .drop{display:block; margin:0; padding:10px 15px;}
#mainav .drop::after, #mainav li li .drop::after{content:"\f0d7";}
#mainav .drop::after{top:45px; left:10px;}
#mainav li li .drop::after{top:15px; left:5px;}
#mainav ul ul{visibility:hidden; opacity:0;}
#mainav ul li:hover > ul{visibility:visible; opacity:1;}

#mainav form{display:none; width:100%; margin:0; padding:0;}
#mainav form select, #mainav form select option{display:block; cursor:pointer; outline:none;}
#mainav form select{width:100%; padding:5px; border:none;}
#mainav form select option{margin:5px; padding:0; border:none;}

/* Breadcrumb */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#breadcrumb{padding:150px 0 30px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; text-transform:uppercase;}
#breadcrumb li{display:inline-block; margin:0 6px 0 0; padding:0;}
#breadcrumb li a{display:block; position:relative; margin:0; padding:0 12px 0 0; font-size:12px;}
#breadcrumb li a::after{top:4px; right:0; content:"\f0da";}
#breadcrumb li:last-child a{margin:0; padding:0;}
#breadcrumb li:last-child a::after{display:none;}
#breadcrumb .heading{margin:0; font-size:2rem;}

/* Sidebar Navigation */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.sidebar nav{display:block; width:100%;}
.sidebar nav li{margin:0 0 3px 0; padding:0;}
.sidebar nav a{display:block; position:relative; margin:0; padding:5px 10px 5px 15px; text-decoration:none; border:solid; border-width:0 0 1px 0;}
.sidebar nav a::after{top:10px; left:5px; content:"\f0da";}
.sidebar nav ul ul a{padding-left:35px;}
.sidebar nav ul ul a::after{left:25px;}
.sidebar nav ul ul ul a{padding-left:55px;}
.sidebar nav ul ul ul a::after{left:45px;}

/* Pagination */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-right:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; background-clip:padding-box; font-weight:normal;}

/* Back to Top */
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; right:20px; width:36px; height:36px; line-height:36px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}


/* Gallery*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

#gallery{display:block; width:100%; margin-bottom:50px;}
#gallery figure figcaption{display:block; width:100%; clear:both;}
#gallery li{margin-bottom:30px;}


/* Font Awesome Social Icons*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

.faico{margin:0; padding:0; list-style:none;}
.faico li{display:inline-block; margin:8px 5px 0 0; padding:0; line-height:normal;}
.faico li:last-child{margin-right:0;}
.faico a{display:inline-block; width:36px; height:36px; line-height:36px; font-size:18px; text-align:center;}

.faico a{color:#FFFFFF; background-color:#161616;}
.faico a:hover{}

.faicon-dribble:hover{background-color:#EA4C89;}
.faicon-facebook:hover{background-color:#3B5998;}
.faicon-google-plus:hover{background-color:#DB4A39;}
.faicon-linkedin:hover{background-color:#0E76A8;}
.faicon-twitter:hover{background-color:#00ACEE;}
.faicon-vk:hover{background-color:#4E658E;}


/* Colores*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/


.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}
.overlay.gradient::before{background:linear-gradient(90deg,rgba(255,255,255,.6) 0%,transparent 100%);}
.overlay.light{color:#474747;}
.overlay.light::after{background-color:rgba(255,255,255,.7);}

/* Edicion de los Botones*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/

.btn, .btn.blue, .btn.inverse:hover{
	color:#FFFFFF; 
	background-color:#1c791c; 
	border-color:inherit;
}
.btn:hover, .btn.trans, .btn.inverse{
	color:inherit; 
	background-color:transparent; 
	border-color:inherit;
}


/* Media Queries*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
@media screen and (min-width:1140px){
	.hoc{max-width:1140px;}
}

@media screen and (min-width:978px) and (max-width:1140px){
	.hoc{max-width:95%;}
}


/* Mobile Devices*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
@media screen and (max-width:978px){
	.hoc{max-width:90%;}

	#topbar{}

	#header{padding:30px 0;}
	#header #logo{margin-top:0;}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block; margin-top:8px;}

	#breadcrumb{}

	.container{}
	#comments input[type="reset"]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyright{}
	#copyright p:first-of-type{margin-bottom:10px;}
}

@media screen and (max-width:750px){
	.imgl, .imgr{
		display:inline-block; 
		float:none; 
		margin:0 0 10px 0;
	}
	.fl_left, .fl_right{
		display:block; 
		float:none;
	}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#topbar{}
	#topbar #searchform{display:none;}

	#header{text-align:center;}
	#header #logo{margin:0 0 15px 0;}

	#pageintro article{
		text-align: center;
		max-width:none;
	}
	#pageintro .heading{
		font-size:2rem;
		text-align: center;	
	}
	#pageintro p:first-of-type{
		font-size:1rem;
	}

	.sectiontitle, .testimonial article{max-width:none;}
	.testimonial article{text-align:left;}

	.cta > :first-child{margin-top:0; text-align:center;}
	.cta footer a{display:inline-block;}

	.prices li:nth-last-child(-n+3){margin-bottom:50px;}
	#latest ul li:nth-last-child(-n+3){margin-bottom:30px;}

	#footer{padding-bottom:50px;}/* Not required, just looks a little better */
}


/* Other*/
/*-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/*/
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}

	.inline li{display:block; margin-bottom:10px;}
	.pushright li{margin-right:0;}

	.font-x2{font-size:1.4rem;}
	.font-x3{font-size:1.6rem;}
}