body a{

    transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

input[type="button"]{

	transition:0.5s all;

	-webkit-transition:0.5s all;

	-moz-transition:0.5s all;

	-o-transition:0.5s all;

	-ms-transition:0.5s all;

}

#g {

	background: #DBE9C8;

	padding-top: 35px;

	padding-bottom: 35px;

	text-align: justify;

}



h1,h2,h5,h6{

	padding:0 0;

	margin:0 0;

}



h3 {

	font-size: 1.5em;



	color: #506a85;

	font-weight: 600;



}

h7{

    color: #ffffff;

    font-weight: 600;

    font-size: 1.2em;

}

h8{

	font-size: 1.7em;

	padding:0.5em 0;

	color: #8ece33;

	font-weight: 600;

    text-align: center;

}

h9{

	font-size: 1.7em;

	padding:0.5em 0;

	color: #8ece33;

	font-weight: 600;

    text-align: center;

}

p{

	padding:0 0;

	margin:0 0;

}

ul{

	padding:0 0;

	margin:0 0;	

}

body{

	padding:0 0;

	margin:0 0; 

    font-family: 'Montserrat', sans-serif;

}

.header-top {

	background:#8ece33;

	height: 3em;

	padding: 1em 0;



}

.icon{

	float:left

}

.icon ul li{

	display:inline-block;

	

}

.icon ul li a:hover {

	color: #EF4D98;

}

i.message {

	width: 20px;

	height: 20px;

	background: url('../images/img-sprite.png') no-repeat 0px 0px;

	display: inline-block;

	vertical-align:middle;

}

i.phone {

	width: 20px;

	height: 20px;

	background: url("../images/img-sprite.png") no-repeat -20px 0px;

	display: inline-block;

	vertical-align:middle;

}

.social-icons{

	float:right;

}

.social-icons i{

	width: 20px;

	height: 20px;

	background: url("../images/img-sprite.png") no-repeat -40px 0px;

	display:inline-block;

	margin-left: 1em;

}



.social-icons i.icon2{

	background-position: -60px 0px;

}

.social-icons i.icon3{

	background-position: -80px 0px;

}

.social-icons i.icon4{

	background-position: -100px 0px;

}

.social-icons i.icon5{

	background-position: -120px 0px;

}

.social-icons i.icon6{

	background-position: -140px 0px;

}

.social-icons a i:hover {

	opacity: 0.5;

}

.header-bottom{

	padding: 1em 0;

    background: white;

}

.logo{

	float:left;

}

.logo a {

	display: block;

	text-decoration:none;

	margin-top: 0em;

    color: #506a85;

}

.logo h1 {

  font-size: 3.5em;

  font-family: 'Fugaz One';

  text-transform: uppercase;

  color: #555;

}

.top-menu{

	float:right;

    

}

.top-menu ul li{

	display:inline-block;

	padding: 5em 0;

}

.top-menu ul li a{

	font-size: 0.9em;

    font-family: 'Poiret One';

	text-decoration: none;

	text-transform: uppercase;

	margin: 0 0.8em;

	font-weight: bolder;

	color: rgba(80, 106, 133, 1);

}

.top-menu ul li a:hover {

	color: #7ECD45;

}

.top-menu ul li a.active {

	color: #7ECD45;

}

span.menu {

  display: none;

}

nav a {

	position: relative;

	display: inline-block;

	outline: none;

	color: #fff;

	text-decoration: none;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 400;

	text-shadow: 0 0 1px rgba(255,255,255,0.3);

	font-size: 1.35em;

}



nav a:hover,

nav a:focus {

	outline: none;

}

/* Effect 5: same word slide in */

.cl-effect-5 a {

	overflow: hidden;

}



.cl-effect-5 a span {

	position: relative;

	display: inline-block;

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

}



.cl-effect-5 a span::before {

	position: absolute;

	top: 100%;

	content: attr(data-hover);

	font-weight: 700;

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



.cl-effect-5 a:hover span,

.cl-effect-5 a:focus span {

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	transform: translateY(-100%);

}





/*--- slider-css --*/

.slider {

	position: relative;

}

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }

.rslides li {

  -webkit-backface-visibility: hidden;

  width: 100%;

  left: 0;

  top: 0;

  }

.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

.caption{

	width: 58%;

	position:absolute;

    top: 15%;

	left: 45%;

	text-align:center;

    background:rgba(3, 184, 187, 0.65);

}

.caption h3{

	color: #ffffff;

	font-weight: 700;

	font-size: 2.5em;

	text-transform: inherit;

	

}

.caption p{

	line-height: 1.8em;

	font-size: 1.4em;

	text-align: center;

	font-weight: 400;

	width: 81%;

	margin: 5px auto 0px;

	color:#eee;

}

.caption1{

	width: 60%;

	position:absolute;

    top: 35%;

	left: 40%;

	text-align:center;

    background:rgba(117, 191, 0, 0.65);

}

.caption1 h3{

	color: #ffffff;

	font-weight: 700;

	font-size: 2.5em;

	text-transform: inherit;

	

}

.caption1 p{

	line-height: 1.8em;

	font-size: 1.4em;

	text-align: center;

	font-weight: 400;

	width: 81%;

	margin: 5px auto 0px;

	color:#eee;

}

.caption2{

	width: 58%;

	position:absolute;

    top: 10%;

	left: 0%;

	text-align:center;

    background:rgba(239, 77, 152, 0.45);

}

.caption2 h3{

	color: #ffffff;

	font-weight: 700;

	font-size: 2.5em;

	text-transform: inherit;

	

}

.caption2 p{

	line-height: 1.8em;

	font-size: 1.4em;

	text-align: center;

	font-weight: 400;

	width: 81%;

	margin: 5px auto 0px;

	color:#eee;

}

.caption3{

	width: 55%;

	position:absolute;

    top: 10%;

	left: 0%;

	text-align:center;

    background:rgba(252, 252, 2, 0.65);

}

.caption3 h3{

	color: #ffffff;

	font-weight: 700;

	font-size: 2.5em;

	text-transform: inherit;

	

}

.caption3 p{

	line-height: 1.8em;

	font-size: 1.4em;

	text-align: center;

	font-weight: 400;

	width: 81%;

	margin: 5px auto 0px;

	color:#eee;

}

.caption4{

	width: 40%;

	position:absolute;

    top: 18%;

	left:55%;

	text-align:center;

    background:rgba(3, 184, 187, 0.65);

}

.caption4 h3{

	color: #ffffff;

	font-weight: 700;

	font-size: 2.5em;

	text-transform: inherit;

	

}

.caption4 p{

	line-height: 1.8em;

	font-size: 1.4em;

	text-align: center;

	font-weight: 400;

	width: 81%;

	margin: 5px auto 0px;

	color:#eee;

}

.caption5{

	width: 40%;

	position:absolute;

    top: 18%;

	left:57%;

	text-align:center;

    background:rgba(239, 77, 152, 0.45);

}

.caption5 h3{

	color: #ffffff;

	font-weight: 700;

	font-size: 2.5em;

	text-transform: uppercase;

	

}

.caption5 p{

	line-height: 1.8em;

	font-size: 1.4em;

	text-align: center;

	font-weight: 400;

	width: 81%;

	margin: 5px auto 0px;

	color:#eee;

}



.nature-top2 {

  width: 61%;

  float: right;

  background:rgba(238, 27, 36, 0.59);

  text-align: center;

  padding: 3% 21px;

  margin-top: 20%;

}



.caption6{

	width: 70%;

	position:absolute;

    top: auto;

    text-align:center;

    bottom: auto;

	left: 20%;

	background:rgba(145, 107, 24, 0.65);

}

.callbacks_tabs a:after {

	content: "\f111";

	font-size: 0;

	font-family: FontAwesome;

	visibility: visible;

	display: block;

	height: 15px;

	width: 15px;

	display: inline-block;

	border: 2px solid #FFFFFF;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-o-border-radius: 50%;

	-ms-border-radius: 50%;

	background:#506a85;

}

.callbacks_here a:after{

	background:rgb(23, 167, 139);

}

.callbacks_tabs a{

	visibility:hidden;

}

.callbacks_tabs li{

	display:inline-block;

	display:none;

}

ul.callbacks_tabs.callbacks1_tabs {

	position: absolute;

	bottom: -2px;

	z-index: 999;

	left: 46%;

	background:#fff;

	

}

.callbacks_nav {

  position: absolute;

  -webkit-tap-highlight-color: rgba(0,0,0,0);

  top: 44%;

  left: 14%;

  opacity: 0.7;

  z-index: 3;

  text-indent: -9999px;

  overflow: hidden;

  text-decoration: none;

  height: 61px;

  width: 38px;

  

  margin-top: -45px;

  }

.callbacks_nav.next {

  left: auto;

  background-position: right top;

  right: 14%;

 }

.beautifull {

	padding: 4em 0;

}

.beautifull-header {

	text-align:center;

	width:63%;

	margin:0 auto 3em;

}

.beautifull-header h4 {

	font-size: 2.5em;

    font-weight: 600em;

	color: #506a85;

}

.beautifull-header p {

	font-size: 1.2em;

	font-weight: 600;

	color: #555;

	line-height: 1.8em;

	padding: 1em 0 0;

}

i.heart {

	width: 70px;

	height: 80px;

	background: url("../images/img-sprite.png") no-repeat 0px -19px;

	display: inline-block;

}

i.lamp {

	width: 70px;

	height: 80px;

	background: url("../images/img-sprite.png") no-repeat -70px -19px;

	display: inline-block;

}

i.star {

	width: 70px;

	height: 80px;

	background: url("../images/img-sprite.png") no-repeat -140px -19px;

	display: inline-block;

}

.icon1 {

	float: left;

	width: 25%;

	text-align: center;

}

.passion {

	float: left;

	width: 75%;

	

}

.passion h4 {

	font-size: 1.7em;

	padding:0.5em 0;

	color: #506a85;

	font-weight: 600;

}

.passion p {

	font-size: 1.3em;

	color: #555;

	font-weight:500;

    line-height: 1.8em;

    text-align: justify;    

}

.passion1 {

	float: left;

	width: 100%;

	

}

.passion1 h4 {

	font-size: 1.7em;

	padding:0.5em 0;

	color: #506a85;

	font-weight: 600;

}

.passion1 p {

	font-size: 1.3em;

	color: #555;

	font-weight:500;

    line-height: 1.8em;

    text-align: justify;    

}

.checkout-section{

	background:url("../images/nutriologa_en_el_df_fondo.jpg") no-repeat;

	padding:4em 0;

}

.checkout-header {

	text-align: center;

	margin-bottom: 3em;

}

.checkout-header h4 {

	  font-size: 2.5em;

  font-weight: 600;

  color: #506a85;

}

.checkout-header p {

	font-size: 1.2em;

	font-weight: 600;

	color: #555;

	padding: 1em 0 0;

}

.bottom-header {

	background: #fff;

	border-left: 1px solid;

	border-right: 1px solid;

	border-bottom: 1px solid;

	margin-right: 29px;

	padding: 1em 0;

	border: none;

}

.bottom-header h5 {

	font-size: 1.5em;

	text-align: center;

	padding: 0.5em 0;

	font-weight:600;

	color: #506a85;

}

.bottom-header p {

	font-size: 1.2em;

	text-align: center;

	color: #506a85;

}

/*	Strip

/*-----------------------------------------------------------------------------------*/

.b-link-stripe{

	position:relative;

	display:inline-block;

	vertical-align:top;

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	overflow:hidden;

}

.b-link-stripe .b-wrapper{

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	text-align:center;

	color:#ffffff;

	overflow:hidden;

}

.b-link-stripe .b-wrapper:hover {

	background:rgba(231, 81, 111, 0.4);

	transition: all 0.5s linear;

	-moz-transition: all 0.5s linear;

	-ms-transition: all 0.5s linear;

	-o-transition: all 0.5s linear;

	-webkit-transition: all 0.5s linear;

}

/*-----------------------------------------------------------------------------------*/

/*	Animation effects

/*-----------------------------------------------------------------------------------*/

.b-animate-go{

	text-decoration:none;

}

.b-animate{

	transition: all 0.5s;

	-moz-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	-webkit-transition: all 0.5s;

	visibility: hidden;

	font-size:1.1em;

	font-weight:700;

}

.b-animate img{

	margin-top:30%;

	display: -webkit-inline-box;

}

/* lt-ie9 */

.b-animate-go:hover .b-animate{

	visibility:visible;

}

.b-from-left{

	position:relative;

	left:-100%;

}

.b-animate-go:hover .b-from-left{

	left:0;

}

#portfoliolist .portfolio {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	width: 50%;

	display:none;

	float:left;

	overflow:hidden;

	margin: 0 0 25px 0;

	

}

div#portfoliolist {

	padding: 0px 0px;

}	

.portfolio-wrapper {

	overflow:hidden;

	position: relative !important;

	cursor:pointer;

	width: 95%;

}

.portfolio img {

	max-width:100%;

	transition: all 300ms!important;

	-webkit-transition: all 300ms!important;

	-moz-transition: all 300ms!important;

}

.portfolio .label {

	position: absolute;

	width: 100%;

	height:40px;

	bottom:-40px;

}

.portfolio .label-bg {

	background: #22B4B8;

	width: 100%;

	height:100%;

	position: absolute;

	top:0;

	left:0;

}

.portfolio .label-text {

	color:#fff;

	position: relative;

	z-index:500;

	padding:5px 8px;

}

.portfolio .text-category {

	display:block;

	font-size:9px;

	font-size: 12px;

	text-transform:uppercase;

}

/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,

.clearfix:after,

.row:before,

.row:after {

  content: '\0020';

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0; 

}

.row:after,

.clearfix:after {

  clear: both; 

}

.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



.screen-shots {

	padding: 3em 0;

}

.flat-phone img{

	width:100%;

}

.wantto-section{

	padding:4em 0;

	text-align:center;

}

.wantto-section h4 {

  font-size: 2.5em;

  font-weight: 600;

  color: #506a85;



}

.wantto-section p {

	font-size: 1.2em;

	font-weight: 600;

	color: #555;

	padding: 2em 11em;

}

.wantto-section a {

	text-decoration: none;

		text-transform: uppercase;

		font-size: 1em;

		border: 1px solid #000;

		padding: 1em 2em;

		background: #2f4052;

		color: #fff;

		border: none;

		font-weight: 700;

}

/* Rectangle In */

.hvr-rectangle-in {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  background: #2098d1;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}

.hvr-rectangle-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #097ef9;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {

  color: white;

}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {

  -webkit-transform: scale(0);

  transform: scale(0);

}

.our-work-section-head.text-center h3 {

	font-size: 2.5em;

	text-transform: capitalize;

	color: #fff;

	font-weight: 700;

	  margin-bottom: 1em ;

}

div#portfolio {

	background: #26282A;

	padding: 4em 0;

}

.contact-section {

	background: #212932;

	padding: 3em 0;

}

.contact-grid {

	padding: 0 17px 0 0px;

}

.cont {

  padding-top: 1em;

}

.contact-grid h5 {

	font-size: 1.3em;

	color: #fff;

	margin-bottom: 0.5em;

	text-transform: uppercase;

	font-weight: 600;

}

.contact-grid p {

	font-size: 1.1em;

	color: #999;

	padding: 0.5em 0 0.2em 0;

	line-height:1.8em;

}

p.label1 {

	font-size: 1.1em;

	padding: 0;

}

.contact-grid a.more {

	text-decoration: none;

	text-transform: capitalize;

	color: #999;

	font-size: 1.2em;

	font-weight: 700;

}

.contact-grid a:hover {

	color:#2098d1;

}



.img-grid1 {

	float: left;

	width: 49%;

	margin-right: 2%;

}

.img-grid2 {

	float: left;

	width: 49%;



}

.img-grid1 img{

	width: 100%;

}

.img-grid2 img {

	width: 100%;

}

.img-grid3 img{

	width: 100%;

}

.img-grid4 img{

	width: 100%;

}

.img-grid3 {

	float: left;

	width: 49%;

	margin-right: 2%;

}

.img-grid4 {

	float: left;

	width: 49%;



}

.contact-leftgrid {

	margin-bottom: 0.5em;

}

.icon2 ul li {

	display: inline-block;

	  padding: 0.3em 0;

}

i.indicate {

	width: 20px;

	height: 20px;

	background: url("../images/img-sprite.png") no-repeat -160px 0px;

	display: inline-block;

	vertical-align:middle;

}

.icon2 ul li label {

	font-size: 1.2em;

	color:#acb3ba;

}

.icon2 ul li a {

	font-size: 1.2em;

	color:#999;

}

.subscribe {

	width: 100%;

	margin: 1em auto 0;

	background: #596675;

	padding: 3px;

	border-radius: 4px;

}

.subscribe input[type="text"] {

	width: 61.1555%;

	padding: 4px 7px 0 2px;

	border: none;

	font-size: 1em;

	font-weight: 600;

	color:rgba(211, 223, 235, 0.98);

	outline: none;

	font-weight: 500;

	background: #596675;

}

.subscribe input[type="submit"] {

	color: #eceef0;

	padding: 4px 10px;

	border-radius: 1px;

	font-size: 1em;

	letter-spacing:1px;

	outline: none;

	border: none;

	font-weight: 500;

	margin:0 0 0 -1px;

	border-radius: 5px;

	background: #ef4d98;

	font-weight: 700;

	text-transform: uppercase;

	

}

.subscribe input[type="submit"]:hover {

background: #2f4052;

}

.footer-section{

	background:#283645;

	padding:1em 0;

}

.footer-left{

	float:right;

}

.bottom-menu{

	float:left;

}

.bottom-menu ul li {

	display:inline-block;

}

.footer-left p {

	font-size: 1.1em;

	color: #999;

}

.footer-left p a {

	font-size: 1em;

	color: #999;

	margin-left: 10px;

}

.footer-left p a:hover{

	color:#acb3ba;

}

.bottom-menu ul li a {

	font-size: 1.2em;

	color: #acb3ba;

	text-decoration: none;

	margin: 0 0.5em;

	text-transform:capitalize;

}

.bottom-menu ul li a:hover{

	color:#93D563;

}

.bottom-menu ul li a.active{

	color:#93D563;

}

.b-animate img{



	display: -webkit-inline-box;

}

/* lt-ie9 */

.b-animate-go:hover .b-animate{

	visibility:visible;

}

.b-from-left{

	position:relative;

	left:-100%;

}

.b-animate-go:hover .b-from-left{

	left:0;

}

.zoom-icon {

	position: absolute;

	opacity: 0;

	filter: alpha(opacity=0);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";

	display: block;

	left: 0;

	top: -152px;

	width: 290px;

	height: 219px;

	background: url(../images/zoom-icon.png) center center no-repeat;

	cursor: pointer;

	transition: all .2s ease-in-out;

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

}

.grid_box .zoom-icon {

	top: -50px;

	width:100%;

	height: 350px;	

}

.grid_box a:hover .zoom-icon{

	top:20px;

	opacity: 1;

	filter: alpha(opacity=99); 

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";

}

/**** Blog ****/

.blog_posts {

	padding: 15px 0 20px;

}

.blog_date {

	float: left;

	width: 10%;

	background:#EF4D98;

	background-repeat: repeat-x;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1b1b1',endColorstr='#ff5f5f5f',GradientType=0);

	display: inline-block;

	text-align: center;

	filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);

	border-radius:50%;

	-webkit-border-radius:50%;

	-moz-border-radius:50%;

	-o-border-radius:50%;

}

.blog_posts figure {

	font-weight: 700;

	font-size: 12px;

	color: #FFF;

	text-align: center;

	padding:14px 0;

}

.blog_posts figure span {

	font-size:2.5em;

	line-height: 1.2em;

	color: #FFF;

	display: block;

	margin-bottom: -5px;

}

.blog_desc {

	float: left;

	padding-left: 2%;

	width: 88%;

}

.bd1 {

	float: left;

	padding-left: 2%;

	width: 89%;

}

.bd {

  float: left;

  width: 7%;

  background: #EF4D98;

  background-repeat: repeat-x;

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb1b1b1',endColorstr='#ff5f5f5f',GradientType=0);

  display: inline-block;

  text-align: center;

  filter: progid:DXImageTransform.Microsoft.gradient(enabled= false);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

}

.blog_heading p span {

	color: #C86360;

	font-size: 18px;

	text-transform: uppercase;

}

.blog_heading p {

	color:#9A585C;

	font-size: 0.8em;

	padding:0;

}

.blog_1_of_2 {

	width:50%;

	float:left;

}

.blogdata_1_of_2{

	width: 47%;

	float: left;

	margin-left: 3%;

}

.blog_img img {

	padding:5px;

	margin-top:10px;

}

img.zoom-img:hover {

	-webkit-transform: scale(1.03) rotate(-1deg);

	-webkit-transition-timing-function: ease-out;

	-webkit-transition-duration: 750ms;

	-moz-transform: scale(1.10);

	-moz-transition-timing-function: ease-out;

	-moz-transition-duration: 750ms;

	overflow: hidden;

}

img.zoom-img {

	-webkit-transform: scale(1, 1);

	-webkit-transition-timing-function: ease-out;

	-webkit-transition-duration: 250ms;

	-moz-transform: scale(1, 1);

	-moz-transition-timing-function: ease-out;

	-moz-transition-duration: 250ms;

}



/*** Page numbers ***/

.content-pagenation {

  text-align: center;

  margin-top: 2em;

  }

.content-pagenation li {

	display: inline-block;

}

.content-pagenation li a {

	color:#2098d1;

	font-size: 1em;

	background: #FFF;

	padding: 10px 12px;

	border: 1px solid #2098d1;

	-webkit-transition: all .5s;

	-moz-transition: all .5s;

	-o-transition: all .5s;

	-ms-transition: all .5s;

	transition: all .5s;

	text-decoration: none;

}

.content-pagenation li a:hover{

	color:#555;

	border: 1px solid rgba(80, 106, 133, 1);

}

.span_1_of_3 li{

	color:#555;

	font-size: 1em;

	padding: 7px 24px;

	background: url(../images/list-arrow.png) no-repeat 0;

	cursor: pointer;

	list-style-type: none;

}

.span_1_of_3 li:hover{

	color:#2098d1;

	}

.blog_heading a {

	font-size: 1.5em;

	color: #EF4D98;

	text-decoration: none;

	text-transform:capitalize;

}

.blog_heading p {

	color:#555;

	font-size: 1.2em;

	line-height: 1.8em;

	font-weight: 300;

}

a.blog1 {

  color: #555;

  font-size: 1.1em;

  font-weight: 300;

}

.blog_data p

  {

	color: #555;

	font-size: 1.1em;

	line-height: 1.8em;

	font-weight: 300;

	  padding: 1em 0 0;

}

p.text {

	color: #555;

	font-size: 1.1em;

	line-height: 1.8em;

	font-weight: 300;

}

.blog_img img {

	width: 100%;

}

.blog_heading h3 {

	font-size: 1.4em;

	color: #EF4D98;

	text-transform: capitalize;

}

.more span a{

	padding:8px 10px;

	font-size:1em;

	color:#FFF;

    -webkit-transition: -webkit-box-shadow, background 0.2s linear;

    -moz-transition: -moz-box-shadow, background 0.2s linear;

    -ms-transition: -moz-box-shadow, background 0.2s linear;

    -o-transition: -o-box-shadow, background 0.2s linear;

    transition: box-shadow, background 0.2s linear;

     background: rgba(80, 106, 133, 1);

    float: left;

    text-shadow:0px -1px 0px rgba(0, 0, 0, 0.13);

    text-transform: uppercase;  

	text-decoration:none;

	margin-top: 0.8em;

}



.blog-content-head h3{

	color: rgba(80, 106, 133, 1);

	font-size: 2.5em;

	margin-bottom: 0.2em;

	text-align:center;

	font-weight:700;

}

.blog-content {

	padding: 4em 0;

	background: #F4F4F4;

}

.rsidebar h3{

	color: rgba(80, 106, 133, 1);

	font-size: 2em;

	margin-bottom: 8px;

}

.rsidebar.span_1_of_3 {

  margin-top: 2em;

}

.latest_comments h4 a {

	color: #2098d1;

	font-size: 0.9em;

	font-style: italic;

}

.latest_comments p {

	font-size: 1em;

	color:#555;

	font-weight: 500;

	padding:5px 0;

}

.latest_comments {

	margin-top: 2em;

}

.single {

	margin: 0 0 3em 7em;

}

.icon9 {

	float: left;

	border-top: 1px dashed rgba(80, 106, 133, 1);

	border-bottom: 1px dashed rgba(80, 106, 133, 1);

	padding: 1em 0;

	width: 100%;

	margin-top: 1em;

}

.icon9 ul li{

	display:inline-block;

	padding:0 0 0 3px;



}

.icon9 ul li a {

	font-size: 1.15em;

	vertical-align: top;

	text-transform: capitalize;

	color: #555;

}

i.user {

	width: 20px;

	height: 20px;

	background: url('../images/img-sprite.png') no-repeat -180px 0px;

	display: inline-block;

	vertical-align:middle;

}

i.clender{

	width: 20px;

	height: 20px;

	background: url('../images/img-sprite.png') no-repeat -200px 0px;

	display: inline-block;

	vertical-align:top;

}

i.comment{

	width: 20px;

	height: 20px;

	background: url('../images/img-sprite.png') no-repeat -220px 0px;

	display: inline-block;

	vertical-align:top;

}

i.donec{

	width: 20px;

	height: 20px;

	background: url('../images/img-sprite.png') no-repeat -240px 0px;

	display: inline-block;

	vertical-align:top;

}

i.per{

	width: 20px;

	height: 20px;

	background: url('../images/img-sprite.png') no-repeat -260px 0px;

	display: inline-block;

	vertical-align:top;

}

.icon9 ul li p {

  font-size: 1.15em;

  text-transform: capitalize;

  color:#555;

}

.icon9 ul li:nth-child(9){

	margin-left:39em;

}

.icon9 ul li:nth-child(10) {

	float: right;

}

.leave h4 {

	color: #EF4D98;

	font-size: 2em;

	margin: 1.5em 0;

	font-weight: 400;

}

#commentform label {

	display: block;

	font-size: 1em;

	color: rgba(80, 106, 133, 1);

}

#commentform span {

	color: #A60000;

	position: absolute;

}

#commentform input[type="text"] {

	padding: 8px 15px;

	width: 60%;

	color: #444;

	font-size: 1em;

	border: 1px solid #eee;

	background: #eee;

	outline: none;

	display: block;

}

#commentform textarea {

	padding: 13px 20px;

	width:60%;

	color: #444;

	font-size:0.85em;

	outline: none;

	height:150px;

	display: block;

	resize: none;

	font-weight:400;

	border: 1px solid #eee;

	background: #eee;

}

#commentform input[type="submit"] {

	padding: 10px 40px;

	color: #FFF;

	background:#2098d1;

	outline: none;

	border: none;

	text-transform: uppercase;

	cursor: pointer;

	-webkit-appearance: none;

	font-size: 1.3em;

	font-weight: 600;

}

#commentform input[type="submit"]:hover {

	background:#506a85;

}

.comments1 {

	margin-top: 3em;

}

#commentform p {

	position: relative;

	padding: 8px 0;

	font-family: 'Open Sans', sans-serif;

	font-size: 1em;

}

.comments-main {

	border: 1px solid #D5D4D4;

	padding: 17px 0px;

	margin: 15px 0px;

}

.cmnts-right a {

	padding: 6px 12px;

	color: #fff;

	font-weight: 600;

	font-size: 14px;

	font-family: 'Open Sans', sans-serif;

	background: #999;

	transition: 0.5s all;

	-webkit-transition: 0.5s all;

	-moz-transition: 0.5s all;

	-ms-transition: 0.5s all;

	-o-transition: 0.5s all;

	outline: none;

}

.Archives {

	margin-bottom:3em;

}

.cmts-main-left img{

	border: 3px solid#ccc;

}

.cmnts-right a:hover{

	background: #333;

	text-decoration:none;

}

.cmts-main-right h5 {

	font-size: 1em;

	color: #4e4e4b;

	margin: 0px;

	font-weight: 600;

}

.comments1 h4 {

	font-size: 1.5em;

	margin-bottom: 1.2em;

	color: rgba(80, 106, 133, 1);

	font-weight: 600;

}

.cmts-main-right p{

	font-size: 1.1em;

	color: #555;

	margin:15px 0px;

}

.cmnts-left p {

	font-size: 13px;

	color:#999;

	font-weight: 600;

}



/**** EndBlog ****/

/***404***/

.page-not-found h1{

	font-size:7.5em;

	color:#EF4D98;

	text-transform:uppercase;

	font-weight:700;

	margin: 0.8em 0 10px 0;

}

.page-not-found h2{

	font-size:6em;

	color:#EF4D98;

	text-transform:uppercase;

}

.page-not-found p{

	font-size: 1.8em;

	  margin: 1em 0;

	line-height: 1.6em;

	color: #506a85;

}

.page-not-found  span.error{

	color:#EF4D98;

	font-size:2em;

}

.page-not-found p span{

	font-size: 0.8em;

	color:#506a85;

}

a.button {

  background-color: rgb(239, 77, 152);

  font-size: 1.2em;

  padding: 0.5em 1em;

  text-transform: capitalize;

  text-decoration: none;

  color: #fff;

}

.page-not-found {

	min-height: 690px;

}

.main {

padding: 3% 0;

background: rgba(245, 245, 245, 0.9);

}

/**end-404**/

/*-- features --*/

.features-section {

	background: #f2f5f7;

	padding: 4em 0;

}

.features-section h3{

	font-size: 2.5em;

	text-transform: capitalize;

	color: rgba(80, 106, 133, 1);

	font-weight: 700;

	text-align: center;

}

.features-grids {

	margin-top: 3em;

}

.feature{

	float:left;

	width: 74%;

	margin-right:1%

}

.feature h4{

	font-size:1.7em;

	color:rgba(80, 106, 133, 1);

	font-weight:600;

	margin-bottom: 0.5em;

}

.feature p{

	font-size: 1.1em;

	color: #555;

	font-weight: 500;

	line-height: 1.8em;



}

.icon5{

	float:right;

	width: 25%;

}

.features-grid1 {

	margin-bottom: 3em;

}

/*-- endfeatures --*/

/*start Contact*/

.contact{

	display: block;

}

.contact h3 {

	font-size: 3.3em;

	color: #53d0c6;

	font-weight: 700;

	text-align: center;

	margin-bottom: 1em;

    font-family: 'Poiret One';

}

.contact_info{

	float: right;

	width: 64.33333%;

}

.contact-map {

	margin-top: 2%;

}

.company_address {

	float: left;

	margin-right: 3%;

	width: 32.3333%;

}

.span_1_of_2 h2{

	font-size: 2em;

	color:#8ece33;

	text-transform: capitalize;

	margin-bottom: 0.5em;

	  font-weight: 600;

}

.span_2_of_4 h2{

	font-size: 2em;

	color: #506A85;

	text-transform: capitalize;

	word-spacing: 1px;

	margin-bottom: 15px;

	  font-weight: 600;

}

.contact-form{

	position:relative;

	margin-top: 2%;

}

.contact-form div{

	padding:5px 0;

}

.contact-form span{

	color: #C9C9C9;

	display:block;

	font-size: 0.8725em;

	padding-bottom:5px;

}

.company_address p{

	font-size: 1.1em;

	color:#555;

	line-height: 1.8em;

}

.company_address p span{

	color: #8ABB96;

	cursor:pointer;

}

.company_address p span:hover{

	color: #C9C9C9;

	-webkit-transition:0.5s;

	-moz-transition:0.5s;

	-o-transition:0.5s;

	transition:0.5s;

}

.contact-form input[type="text"],.contact-form textarea{

	font-size: 1.1em;

	color: #506A85;

	font-weight: 500;

	padding: 1em;

	display: block;

	width: 98%;

	background:#fff;

	border:none;

	outline: none;

	-webkit-appearance: none;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

}

.contact-form textarea{

	resize:none;

	height:180px;		

}

.contact-form input[type="text"]:focus,.contact-form textarea:focus{

	-webkit-transition:0.9s;

	-o-transition:0.9s;

	-moz-transition:0.9s;

	transition:0.9s;

	box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);

	-webkit-box-shadow:0px 0px 1px rgba(154, 153, 162, 0.69);

	-moz-box-shadow0px 0px 1px rgba(154, 153, 162, 0.69);

	-o-box-shadow: 0px 0px 1px rgba(154, 153, 162, 0.69);

}

.contact-form input[type="submit"]{

	background: #2B5D3D;

	color: #ffffff;

	border: 1px solid #2B5D3D;

	cursor: pointer;

	padding: 10px 18px;

	display: inline-block;

	text-transform: uppercase;

	font-size:1em;

	font-weight: 400;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

}

.contact-form input[type="submit"]:hover{

	outline:none;

	background: #e1184a;

	color: #ffffff;

}

.button a {

	background:#2098d1;

	color: #fff;

	text-decoration:none;

	border: none;

	font-size: 1.2em;

    padding: 12px 24px 12px;

	display: inline-block;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 600;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-o-transition: all 0.3s;

	transition: all 0.3s;

	margin:0;

}

.button a:hover {

	background:#2f4052;

}

.company_address a {

	color:#6a9649;

}

.contact-form span label {

	color: rgba(115, 135, 156, 0.84);

	font-size: 13px;

	font-weight: 700;

}

.contact-form h2{

    font-size: 2em;

    color: #8ece33;

    text-transform: capitalize;

    margin-bottom: 0.5em;

    font-weight: 600;

}

.col.span_1_of_2 {

	margin-bottom: 4em;

}



#toTop {

	display: none;

	text-decoration: none;

	position: fixed;

	bottom: 10px;

	right: 10px;

	overflow: hidden;

	width: 48px;

	height: 48px;

	border: none;

	text-indent: 100%;

	background: url("../images/to-top2.png") no-repeat 0px 0px;

}

/*-- menu --*/

.menu{

padding:100px 0;

}

.menu-info h3 {

  margin: 0 0 20px 0;

  text-align: center;

  font-size: 3em;

  font-family: 'Poiret One';

  color: #8ece33;

  font-weight: bold;

  text-shadow: 0px 2px 2px #626360;

}

.menu-info h5 {

    font-size: 1.2em;

    color: #888;

    line-height: 1.8em;

    margin-bottom: 1.2em;

    margin-top: 20px;

    text-align: justify;

}

.our-menu-grids{

margin-top:50px;

}

.order-top li {

  display: inline-block;

  vertical-align: middle;

}

li.im-g {

  float: left;

  width: 24%;

}

li.data {

  float: left;

  width: 40%;

  margin-left: 3%;

}

li.bt-nn {

  float: right;

  width: 8%;

  margin: 3em 0;

  text-align: right;

}

.order-top {

  padding: 25px 0;

  border-bottom: 1px dotted #000;

}

.order-top h3 {

margin:0;

font-size:32px;

font-weight:bold;

color:#204056;

font-family: 'Roboto Slab', serif;

}

.order-top h4{

  margin: 20px 0;

  font-size: 30px;

  font-family: inherit;

  color: #ff3239;

  font-weight: 600;

  text-align: left;

}



.li.bt-nn a{

  text-decoration: none;

  background: #204056;

  color: #ffffff;

  padding: 10px 18px;

  font-size: 14px;

}



div#testimonial {

	padding:4em 0;

	text-align: center;

	background:url(../images/maguey_papalote_o_ancho.jpg) no-repeat 0px 0px;

	min-height:465px;

	background-size:cover;

}



div#testimonial h3 {

    font-size: 3.3em;

    color: #fff;

    font-family: 'Poiret One';

    text-transform: capitalize;

    font-weight: 900;

    text-shadow: 0px 2px 2px #000;

}

#testimonial p {

	color: #F9BD00;

	font-size: 2em;

	font-weight: 400;

	text-align: left;

	line-height: 1.8em;

    text-shadow: 0px 0px 5px #000;

}

#testimonial h4{

	color: #fff;

	font-size: 1.8em;

	text-decoration: none;

	font-weight: 600;

	text-align: left;

	margin-top: 1em;



}

.test-monials {

	margin-top: 5em;

}

/*--services--*/

.services {

  margin: 5em 0;

}

.service-grids {

  padding-top: 4em;

  text-align: center;

}

.srvc-img {

  display: inline-block;

  border: 2px dotted #817E7E;

  padding: 1.5em;

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  -moz-border-radius: 50%;

}

.service-grids p {

  color: #8D8D8D;

  font-size: 1em;

  line-height: 1.8em;

}

.service-grids h5 {

  font-size: 1.8em;

  color: #E74C3C;

  margin:.5em 0;

}

.srvc-grids-info:hover .srvc-img{

	transform:rotateY(360deg);

	-webkit-transform:rotateY(360deg);

	-o-transform:rotateY(360deg);

	-ms-transform:rotateY(360deg);

	-moz-transform:rotateY(360deg);

	transition: 0.5s all ease;

	-webkit-transition: 0.5s all ease;

	-moz-transition: 0.5s all ease;

	-o-transition: 0.5s all ease;

	-ms-transition: 0.5s all ease;

}

/*--//services--*/

h3.title {

  font-size: 3em;

  font-weight: 900;

  font-family: 'Poiret One';

  text-align: center;

  color: #744C28;

}

h4{

   font-size: 2.2em;

   font-weight: 900;

   font-family: 'Poiret One';

   margin: 1.5em auto 0;

   color: #8ece33;

   text-align: center;

   text-shadow: 0px 2px 3px #000;

}

p.title {

  font-size: 1.5em;

  text-align: center;

  width: 69%;

  margin: 1em auto 0;

  color: #8D8D8D;

  line-height: 1.8em;

}



/*--//Latest D--*/

.demo-1 {

  position: relative;

  width: 340px;

  height: 235px;

  overflow: hidden;

  float: left;

  margin-right: 30px;

  margin-bottom: 30px;

  background-color: #000;

    

}

.gallery-info {

  margin-left: 2em;

}

.effect:nth-child(3) {

  margin-right: 0 !important;

}

.effect:nth-child(6) {

  margin-right: 0 !important;

}

ul.demo-1.effect li {

  list-style: none !important;

}

.demo-1 p,.demo-1 h2 {

  color: #fff;

  padding: 14px 25px 0px 25px;

  left: 0px;

  top: 41px;

  position: relative;

}



.demo-1 p {

  font-size: 14px;

  line-height: 1.2em;

  margin: 0;

  font-weight: 400;

}

.latest-designs li {

  list-style: none;

}

.demo-1 h2 {

  font-size: 25px;

  line-height: 24px;

  margin: 0;

  color:#339966

}



.effect img {

    position:absolute;

    margin:-15px 0;

    right:0;

    top:0;

    cursor:pointer;

    -webkit-transition:top .4s ease-in-out,right .4s ease-in-out;

    -moz-transition:top .4s ease-in-out,right .4s ease-in-out;

    -o-transition:top .4s ease-in-out,right .4s ease-in-out;

    transition:top .4s ease-in-out,right .4s ease-in-out

}



.effect img.top:hover {

    top:-230px;

    right:-330px;

    padding-bottom:200px;

    padding-left:300px

}

.latest-designs h3 {

  font-family: 'Poiret One';

  text-align: center;

  font-size: 3em;

  margin-bottom: 1em;

  color:#744C28;

}

.latest-designs {

  padding: 3em 0;

}



/*--/index-about--*/

.testimonials-info {

  background: url(../images/web_especializada%20_en_mezcal_artesanal.jpg) center center;

  background-size: cover;

  min-height: 350px;

}

.testimonials-text {

background: rgba(0, 0, 0, 0.25);

  min-height: 350px;

  padding-top: 10em;

  padding-left: 5em;

}

.testimonials-info h5 {

  color: #fff;

  font-size: 2.2em;

  font-weight: 400;

  line-height: 1.3em;

  

}

/*-- //menu --*/

/* Shutter In Horizontal */

a.hvr-shutter-in-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

 padding: 10px 18px;

font-size: 14px; 

  background: #8ece33;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  color: #fff;

}

a.hvr-shutter-in-horizontal:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: #204056;

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

a.hvr-shutter-in-horizontal:hover,a.hvr-shutter-in-horizontal:focus,a.hvr-shutter-in-horizontal:active {

  color: white;

}

a.hvr-shutter-in-horizontal:hover:before,a.hvr-shutter-in-horizontal:focus:before,a.hvr-shutter-in-horizontal:active:before {

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

}

.open>.dropdown-menu h1,h2,h3,h4,h5,h6{

  font-weight:900;



}

.our-menu-grids{

margin-top:50px;

}

.strip-line {

    background: #744C28;

    height: 2px;

    width: 17%;

    margin: 0 auto;

}

.order-top p {

    color: #8D8D8D;

    font-size: 1.5em;

    font-weight: 400;

    line-height: 1.8em;

    margin: 21px 0 0 0;

    }

/*--camps--*/

.camps {

  padding: 4em 0;

}

.camps iframe {

  width: 100%;

  height: 387px;

}

.cam-top {

  padding-left: 0;

}

.sub-img {

  float: left;

}

.sub-img img{

 width:100%;

}

.sub-text {

 float:right;

}

.cam-top-top {

  margin-top: 2em;

}

.sub-text a {

  padding: 0.5em;

  background-color: #F4F4F4;

  line-height: 1.4em;

  text-decoration: none;

  display: block;

  color:#386319;

  font-size: 1.5em;

  font-weight: 600;

  font-family: 'Poiret One';

}

.sub-text p {

    font-size: 1em;

  line-height: 1.8em;

  color: #888;

  font-weight: 400;

  margin-top: 0.5em;

}

.sub-cam-top {

    margin-bottom: 0.6em;

}

h3.tittle {

  color: #8ece33;

  font-size:3.3em;

  font-weight: 900;

  font-family: 'Poiret One';

  margin-bottom:0.5em;

  text-shadow: 0px 2px 2px #626360;

}



/*--services--*/

.services2{

  padding:4em 0;

  background-color: #F4F4F4;

}

.services2 iframe {

  width: 100%;

  height: 387px;

}

.serve-info{

  padding-left:0;

}

.serve-info img {

  width: 100%;

}

.serve-info h5 {

  font-size: 1.2em;

  color: #888;

  line-height: 1.8em;

  margin-bottom: 1.2em;

}

.see-button a {

  font-size: 0.9em;

  padding: 0.6em 1em;

  border: none;

  border-radius: 0;

}

.service-box {

background: none;

  border: none;

  box-shadow: none;

  border-radius: 0;

  padding: 0;

  overflow: visible;

  text-align: center;

}

.service-box .icon3 {

  width: 100px;

  height: 100px;

   border-radius:50%;

  -webkit-border-radius:50%;

  -moz-border-radius:50%;

  -o-border-radius:50%;

  background:#9b9696;

  margin: 0 auto;

  text-align: center;

  position: relative;	

}

.service-box .icon3 img {

  position: relative;

  z-index: 100;

  transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  margin-top: 1em;

}

a.btn.btn-primary.btn-lg.see-button.hvr-shutter-out-horizontal {

  background:#53d0c6;

}

.service-box .icon3:before {

  content: '';

  width: 100%;

  height: 100%;

  border-radius:50%;

  -webkit-border-radius:50%;

  -moz-border-radius:50%;

  -o-border-radius:50%;

  background:#8ece33;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 10;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

  transition: all 0.3s ease 0s;

}

.service-box:hover .icon3 img {

  -webkit-transform: scale(0.9);

  -moz-transform: scale(0.9);

  -ms-transform: scale(0.9);

  -o-transform: scale(0.9);

  transform: scale(0.9);

}

.service-box:hover .icon3:before {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

}

.service-box h5{

  color: #53d0c6;

  font-size:2em;

  font-weight: 700;

  font-family: 'Poiret One';

  margin: 0.5em 0 0 0;

}

.service-box h6{

  color: #8ece33;

  font-size:1.5em;

  font-weight: 800;

  font-family: 'Poiret One';

  margin: 3em 0 0 0;

 

  text-shadow: 0px 2px 2px #000;

}

.service-box p{

  color: #888;

  font-size: 1em;

  margin: 0 auto;

  line-height: 1.8em;

  font-weight: 400;

  width: 80%;

  text-align: justify;

}

.serve-grids-top:nth-child(2) {

   margin-top: 2em;

}

.serve-button{

	margin-top:1.5em;

}

/* Shutter Out Horizontal */

.hvr-shutter-out-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  background:#53d0c6;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  border-radius:0;

    font-size: 0.9em;

}

.hvr-shutter-out-horizontal:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background:#FCB2B2;

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -webkit-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  border-radius:0;

}

.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {

  color: white;

}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {

  -webkit-transform: scaleX(1);

  transform: scaleX(1);

}



/*--process --*/



.clear {

	clear:both;

}



.content{

	width:100%;

	margin:3% auto 0 auto;

	height:460px;

	background-color:#F5F5F5;

    

}

.content1 {

	background-color:#2A5E3C;

	text-align:center;

	padding:2em;

}

.content1 h2 {

	font-family: 'Poiret One';

	text-transform:uppercase;

	margin:0;

	color:#fff;

    font-weight: 900;

}

.content2 {

	background-color:#b5e6ae;

}

.content2-header1 {

	float:left;

	width:32%;

	text-align:center;

	padding:1.5em 0 0 7em;

}

.content2-header1 p {

	font-size:16px;

	font-weight:700;

	color:#4E7D48;

	margin:0;

}

.content2-header1 span {

	font-size:14px;

	font-weight:400;

}

.shipment {

	width:100%;

	margin-top:10%;

}

span.line {

    height: 5px;

    width: 90px;

    background-color:#98D091;

    display: block;

    position: absolute;

    top: 28%;

    left: 45%;

}

.confirm{

	text-align:center;

	width:20%;

	position:relative;

	float:left;

	margin-left:7%;

}

.confirm .imgcircle{

	background-color:#089632;

}

.process .imgcircle{

	background-color:#EF0000;

}

.quality .imgcircle{

	background-color:#2212F7;

}

.dispatch .imgcircle{

	background-color:#e8e802;

}

.delivery .imgcircle{

	background-color:#D808D6;

}

.confirm span.line, .process span.line {

	background-color:#98D091; 

}

.content3 p {

	margin-left:-70%;

	font-size:15px;

	font-weight:600;

} 

.imgcircle {

	height:75px;

	width:75px;

	border-radius:50%;

	background-color:#F5998E;

	position:relative;

}

.imgcircle img {

	height:30px;

	position:absolute;

	top: 28%;

	left: 30%;

}

.process{

	position:relative;

	width:20%;

	text-align:center;

	float:left;

}

.quality {

	position:relative;

	width:20%;

	text-align:center;

	float:left;

}

.dispatch{

	position:relative;

	width:20%;

	text-align:center;

	float:left;

}

.delivery{

	position:relative;

	width:20%;

	text-align:center;

	float:left;

	margin-right:-9%;

}



/*--flexisel--*/

.work-bottom {

  margin-top: 50px;

}

.team{

padding:70px 0;

}

.team-bottom h4{

margin:15px 0;

font-size:18px;

font-weight:bold;

font-family: 'Poiret One';

color: #386319;

text-shadow: none;

}

.team-bottom p{

margin:0;

color:#000;

font-size:15px;

line-height:1.8em;



}

.team-info h3 {

  margin: 0 0 20px 0;

  text-align: center;

  font-size: 3.3em;

  font-family: 'Poiret One';

  color: #8ece33;

  font-weight: 900;

  text-shadow: 0px 2px 2px #626360;

}

.team-info h5 {

    font-size: 1.2em;

    color: #888;

    line-height: 1.8em;

    margin-bottom: 1.2em;

    text-align: justify;

    margin-top: 20px;

}

.team-left{

margin:0 22px;

}

.team-left img{

width:100%;

}

#flexiselDemo1 {

	display: none;

}

.nbs-flexisel-container {

	position: relative;

	max-width: 100%;

}

.nbs-flexisel-ul {

	position: relative;

	width: 9999px;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	text-align: center;

}

.nbs-flexisel-inner {

	overflow: hidden;

}

.nbs-flexisel-item {

	float: left;

	margin: 0;

	padding: 0px;

	cursor: pointer;

	position: relative;

	line-height: 0px;

}

.nbs-flexisel-item > img {

	cursor: pointer;

	position: relative;

}

/*---- Navigation ---*/

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {

	width:24px;

	height:24px;

	position: absolute;

	cursor: pointer;

	z-index: 100;

}

.nbs-flexisel-nav-left {

left: 47.7%;

top: 113% !important;



}

.nbs-flexisel-nav-right {

right: 47.7%;

top: 113% !important;



}

/*--//flexisel--*/

h3.m_2{

	text-align:center;

	color:#53d0c6;

	text-transform:inherit;

	font-size:3.3em;

	font-family: 'Poiret One';

	margin: 0 0 3%;

    font-weight: 900;

}

.about_trainer{

	padding:3% 0;

}

.about_box{

	margin-bottom:2.6%;

}

.box1{

	background:#8ece33;

	padding:8% 5% 4% 5%;

}

.box1_left{

	width: 42.5%;

	float: left;

	text-align: center;

	border-right: 1px solid #BE77FC;

	margin-right: 20px;

	padding-right: 20px;

}

.box1_right{

	width: 45.5%;

	float: left;

}

.box1_left img{

	border-radius:100px;

	-webkit-border-radius:100px;

	-moz-border-radius:100px;

	-o-border-radius:100px;

}

.desc1 h3 {

	text-align: center;

	line-height: 20px;

	color: #fff;

	font-size: 1em;

	font-weight:600;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.desc1 p{

	color: #fff;

	font-size: 1em;

	font-style: italic;

	line-height: 20px;

	text-align: center;

	margin-bottom: 10px;

	line-height: 1.3em;

}

i.a_twt {

	background: url(../images/img-sprite2.png)no-repeat -316px -209px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor: pointer;

}

i.a_fb {

	background: url(../images/img-sprite2.png)no-repeat -354px -209px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor: pointer;

}

i.a_heart{

	background: url(../images/img-sprite2.png)no-repeat -395px -209px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor: pointer;

}

i.a_heart:hover, i.a_fb:hover, i.a_twt:hover, i.like1:hover, i.heart1:hover, i.like:hover, i.twt:hover, i.twt:hover, i.fb:hover{

	opacity:0.5;

}

.box1_right h4{

	color: #FFF;

	font-size:0.9em;

	text-transform: uppercase;

	margin-bottom: 5px;

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

}

.box1_right p{

	color:#fff;

	font-size:1em;

	line-height:1.5em;

	margin-bottom:20px;

}

h4.right_text {

	color:#8ECE33;

    text-shadow: none;

}

p.para1{

	color:#fff;

	font-size:1em;

	line-height:1.5em;

}

.box2{

	background:#fff;

	padding: 8% 5% 4% 5%;

}

.desc2 h3 {

	text-align: center;

	line-height: 20px;

	color:#8ECE33;

	font-size: 1em;

	font-weight: 600;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.desc2 p {

	color: #386319;

	font-size: 1em;

	font-style: italic;

	line-height: 20px;

	text-align: center;

	margin-bottom: 10px;

	line-height: 1.3em;

}

p.right_text1 {

	color: #386319;;

	font-size: 1em;

	line-height: 1.5em;

	margin-bottom: 20px;

}

p.right_text2 {

	color: #386319;

}

.coursel_list{

	float:left;

}

i.like1{

	background: url(../images/img-sprite2.png)no-repeat -59px -136px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor: pointer;

}

.coursel_list1{

	float:right;

}

i.heart1{

	background: url(../images/img-sprite2.png)no-repeat -303px -76px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor:pointer;

}

i.like{

	background: url(../images/img-sprite2.png)no-repeat -350px -75px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor:pointer;

}

i.twt{

	background: url(../images/img-sprite2.png)no-repeat -390px -76px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor:pointer;

}

i.fb{

	background: url(../images/img-sprite2.png)no-repeat -432px -77px;

	width: 20px;

	height: 25px;

	display: inline-block;

	cursor:pointer;

}



.gallery-grid img{

	width:100%;

}

.gallery-grid:hover img {

  -webkit-filter: grayscale(100%);

  opacity:8;

  transition: all 300ms!important;

  -webkit-transition: all 300ms!important;

  -moz-transition: all 300ms!important;

}

.gallery-grid{

	position: relative;

}



/*--single_class--*/

.single-top {

	padding: 6% 0;

}

.single_class-left{

	background:#fff;

}

.single_class-left img{

	max-width:100%;

	display: inline-block;

}

.singe_desc{

	padding:4% 2% 2% 2%;

}

.singe_desc p{

	color: #888;

	font-size: 1.2em;

	line-height: 1.8em;

    font-family: inherit;

    text-align: justify;

    font-weight: 500;

}



.single_grid{

	padding:5.6% 0 0 0;

	list-style: none;

	margin-bottom: 0;

}

li.grid1{

	width: 24.5%;

	float: left;

	text-align: center;

	margin-right: 4%;

	padding-right: 3%;

	border-right: 1px solid #87C530;

}

li.grid1 img{

	border-radius:100px;

	-webkit-border-radius:100px;

	-moz-border-radius:100px;

	-o-border-radius:100px;

}

li.grid1 h4{

	line-height: 20px;

	color:#87C530;

	font-size: 1em;

	font-weight: 600;

	text-transform: uppercase;

	margin-bottom: 10px;

    text-shadow: none;

    margin: inherit;

    font-family: inherit;

}

li.grid1 p {

	color: #333;

	font-size: 1em;

	font-style: italic;

	line-height: 20px;

	margin-bottom: 10px;

	line-height: 1.3em;

}

li.grid2{

	width: 33.5%;

	float: left;

	margin-right: 4%;

	padding-right: 3%;

	border-right: 1px solid #87C530;

}

li.grid3{

	width:33.5%;

	float:left;

}

h3.m_13{

	color:#4C6659;

	font-size:1.2em;

	text-transform:uppercase;

	text-align: center;

	margin: 0 0 20px;

}

h3.m_14{

	color:#39d695;

	font-size:1.2em;

	text-transform:uppercase;

	text-align: center;

	margin: 0 0 20px;

}	

ul.list1_class li {

	list-style-image: url(../images/a3.png);

	margin: 0 25px 10px;

	vertical-align: bottom;

}

p.price{

	font-size:1em;

	float: right;

	background:#f7185f;

	padding: 2px 10px;

	color:#fff;

	line-height: 1.5em;

}

p.promo{

	font-size:1em;

	float:none;

	background:#8ECE33;

	padding: 2px 10px;

	color:#fff;

	line-height: 1.4em;

    margin-top: 4em;

}

ul.list2_class li {

	list-style-image: url(../images/a4.png);

	margin: 0 15px 10px;

}

ul.list2_class li a {

	color: #888;

	font-size: 1em;

	vertical-align: top;

	text-decoration: none;

}

ul.list2_class li a:hover {

	color:#a900f1;

	vertical-align: top;

}

ul.list1_class li a{

	color:#888;

	font-size:1em;

	vertical-align: top;

	text-decoration: none;

}

ul.list1_class li a:hover{

	color:#a900f1;

}



ul.list1_class, ul.list2_class{

	padding:0;

}

span.m_text {

    font-style: italic;

    font-weight: 100;

}

.border {

    border: 5px solid #FF3239;

}

.border2 {

    border: 5px solid #EDED10;

}

.border3 {

    border: 5px solid #5B82EB;

}

.border4 {

    border: 5px solid #8ECE33;

}



/*-- testimonial --*/

.slider2{

	position:relative;

}

.testimonial{

  background:url(../images/mezcales_artesanales_hechos_en_mexico.jpg) no-repeat 0px -295px;

  background-size:cover;

  min-height:300px;

  padding: 5em 0 6em 0;

  margin-bottom: 2em;

}

.testimonial-grids {

  width: 82%;

  margin: 0 auto;

}

.testimonial-left {

  width: 14%;

  float: left;

}

.testimonial-left img{

	border-radius:50%;

	width:100%;

}

.testimonial-right{

  float: left;

  width: 82%;

  margin: 1em 0 0 2em;

}

.testimonial-right h5{

	color: #fff;

	font-family:inherit;

	margin: 0;

	font-size: 2em;

    text-shadow: 0px 2px 3px #000;

}

.testimonial-right p{

  color: #FFF;

  font-family:inherit;

  font-size: 1.5em;

  margin: 1em 0 0 0;

  line-height: 1.8em;

  text-shadow: 0px 2px 3px #000;

}

.testimonial-right p span{

  font-size: 2em;

  line-height: .1em;

  vertical-align: middle;

}

ul.callbacks_tabs.callbacks2_tabs {

  position: absolute;

  z-index: 999;

  left: 46%;

}



		

				/*-- responsive-mediaquries --*/



@media(max-width:1920px){

	   span.line {

	   width:157px;

	   left:32%;

	   }

	   .shipment{

		  margin-top:6%;

	   }

        .content3 p{

            margin-left:-65%;

        }

}



@media(max-width:1680px){

	    .content3 p {

            margin-left: -60%;

        }

        span.line {

            width: 127px;

            left: 37%;

        }

}



@media(max-width:1600px){

        span.line {

            width: 117px;

            left: 39%;

        }

}



@media(max-width:1440px){

        .content3 p {

            margin-left: -53%;

        }

        span.line {

            width: 99px;

            left: 43%;

        }

}



@media (max-width: 1366px){

        span.line {

            width: 90px;

            left: 45%;

        }

        .shipment {

            margin-top: 10%;

        }

}

@media (max-width: 1280px){

        .camps, .gallery {

            padding: 3em 0;

        }

        span.line {

            width: 80px;

            left: 48%;

	       top:29%;

        }

    }

@media (max-width: 1080px){

        .content {

            width: 100%;

        }

        span.line {

            width: 88px;

            left: 46%;

        }

        .testimonial {

            background: url(../images/mezcales_artesanales_hechos_en_mexico.jpg) no-repeat 0px -133px;

            background-size: cover;

            padding: 2em 0;

            min-height: 257px;

        }

        .testimonial-grids {

            width: 100%;

        }

}

@media (max-width: 1050px){

        span.line {

            width: 84px;

            left: 47%;

        }

}

@media(max-width:1024px){

		.header-bottom {

		  padding: 1em 0;

		}

		.top-menu ul li a {

			margin: 0 0.5em;

		}

		.top-menu {

		   margin-top: 0.2em;

		}

		.caption h3 {

			font-size: 3em;

		}

		.caption p {

			width: 100%;

			font-size: 1.2em;

		}

		.caption {

		  width: 63%;

		  position: absolute;

		  top: 35%;

		  left: 18%;

		 }

		.caption1 h3 {

			font-size: 3em;

		}

		.caption1 p {

			width: 100%;

			font-size: 1.2em;

		}

		.caption1 {

		  width: 63%;

		  position: absolute;

		  top: 35%;

		  left: 18%;

		 }

		.caption2 h3 {

			font-size: 3em;

		}

		.caption2 p {

			width: 100%;

			font-size: 1.2em;

		}

		.caption2 {

		  width: 63%;

		  position: absolute;

		  top: 35%;

		  left: 18%;

		 }

		.caption3 h3 {

			font-size: 3em;

		}

		.caption3 p {

			width: 100%;

			font-size: 1.2em;

		}

		.caption4 {

		  width: 63%;

		  position: absolute;

		  top: 35%;

		  left: 18%;

		 }

		.caption4 h3 {

			font-size: 3em;

		}

		.caption4 p {

			width: 100%;

			font-size: 1.2em;

		}

		.caption5 {

		  width: 63%;

		  position: absolute;

		  top: 35%;

		  left: 18%;

		 }

		.caption5 h3 {

			font-size: 3em;

		}

		.caption5 p {

			width: 100%;

			font-size: 1.2em;

		}

		.caption5 {

		  width: 63%;

		  position: absolute;

		  top: 35%;

		  left: 18%;

		 }

		a.morebtn{

			margin: 2em auto 0;

			width: 35%;

		}

		.beautifull-header {

			width: 71%;

		}

		.beautifull-header h4 {

			font-size: 2.3em;

		}

		.beautifull-header p {

			font-size: 1.1em;

		}

		.passion h4 {

			font-size: 1.3em

		}

		.passion p {

			font-size: 1em;

		}

		.checkout-header h4 {

			font-size: 2.3em;

		}

		.checkout-header p {

			font-size: 1.1em;

		}

		.bottom-header h5 {

			font-size: 1.2em;

		}

		.bottom-header {

			margin-right: 23px;

		}

		.wantto-section {

			padding: 3em 0;

		}

		.wantto-section h4 {

			font-size: 2.3em;

		}

		.wantto-section p {

			font-size: 1.1em;

			padding: 2em 10em;

		}

		.contact-grid h5 {

			font-size: 1.1em;

		}

		.contact-grid p {

			font-size: 1em;

		}

		.contact-grid a.more {

			font-size: 1.1em;

		}

		p.label1 {

			font-size:1.05em;

		}

		.icon2 ul li a {

			font-size: 1em;

		}

		.subscribe {

			padding: 3px 2px;

		}

		.subscribe input[type="text"] {

			width: 54.25%;

		}

		.subscribe input[type="submit"] {

			padding: 4px 8px;

		}

		

		.bottom-menu ul li a {

			font-size: 1.1em;

			margin: 0 0.2em;

		}

		.our-work-section-head.text-center h3 {

			font-size: 2.3em;

		}

		.grid_box .zoom-icon {

			height: 260px;

		}

		.blog-content-head h3 {

			font-size: 2.3em;

		}

		.blog_heading a {

			font-size: 1.2em;

		}

		a.blog1 {

		font-size: 1em;

		}

		.blog_heading p {

			font-size: 1.1em;

		}

		.blog_desc {

		  float: left;

		  padding-left: 2%;

		  width: 87%;

		}

		.blog_date {

		 width: 11%;

		 }

		 .bd {

		  float: left;

		  width: 8%;

		  }

		  .blog_desc {

		  float: left;

		  padding-left: 2%;

		  width: 90%;

		}

		.blog_data p {

			font-size: 1em;

		}

		p.text {

			font-size: 1em;

		}

		.rsidebar h3 {

			font-size: 1.7em;

		}

		.more span a {

			padding: 8px 8px;

			  margin-top: 0.5em;

		}

		.blog_posts figure span {

			font-size: 2.2em;

		}

		.latest_comments h4 a {

			font-size: 0.8em;

		}

		.blog_heading h3 {

			font-size: 1.2em;

		}

		.single {

			margin: 0 0 3em 6em;

		}

		.icon9 ul li a {

			font-size: 1.1em;

		}

		.icon9 ul li:nth-child(9) {

				margin-left: 27em;

		}

		.leave h4 {

			font-size: 1.7em;

		}

		.comments1 h4 {

			font-size: 1.2em;

		}

		#commentform input[type="submit"] {

			padding: 10px 30px;

			font-size: 1.20em;

		}

		.page-not-found {

			min-height: 600px;

			padding-top: 8em;

		}

		.features-section h3 {

			font-size: 2.3em;

		}

		.feature h4 {

			font-size: 1.3em;

		}

		.feature {

			width: 85%;

		}

		.feature p {

			font-size: 1em;

		}

		.icon5 img {

			width: 100%;

		}

		.icon5 {

			float: right;

			width: 14%;

		}

		.page-not-found h1 {

			font-size: 4em;

		}

		.page-not-found h2 {

			font-size: 3.5em;

		}

		.page-not-found p {

			font-size: 1.5em;

		}

		.contact h3 {

			font-size: 2.3em;

		}

		.search1 {

			margin-left: 340px;

			width: 28%;

		}

		.search1 form input[type="text"] {

			width: 170px;

		}

		.span_1_of_2 h2 {

			font-size: 1.7em;

		}

		.span_2_of_4 h2 {

			font-size: 1.7em;

		}

		.company_address p {

			font-size: 1em;

		}

		.button a {

			font-size: 1em;

			padding: 10px 15px 10px;

		}

        .header-top {

	       background:#8ece33;

	       height: 4.5em;

	       padding: 0em 0;

        }

	    .order-top h3 {

	      font-size: 28px;

	    }  

	    .order-top h4 {

	      margin: 14px 0 5px 0;

	    }  

	    .order-top p {

	      font-size: 13px;

	      margin: 16px 0 0 0;

	    }

    	.order-top {

	     padding: 20px 0;

	    }

        .menu-info h3 {

            font-size: 26px;

        }

        li.bt-nn {

	       width: 13%;

	       margin: 3.5em 0 0 0;

        }

        a.hvr-shutter-in-horizontal {

	       font-size: 13px;

        }

        .strip-line {

            width: 15%;

        }

        li.data p {

            margin: 18px 0 0 0;

        }

        .latest-designs h3 {

            font-size: 2.5em;

        }

        .latest-designs h3 {

            margin-bottom: .5em;

        }

        .demo-1 {

            

            height: 235px;

            margin-right: 12px;

            margin-bottom: 12px;

        }

        .cam-top-top {

            margin-top: 1em;

        }

        .cam-top-text {

            padding: 0;

        }

        .sub-text a {

            padding: 0.5em;

            line-height: 1.4em;

            font-size: 1.2em;

        }

        .sub-text p{

            font-size: 0.85em;

        }

        .services2 {

            padding: 3em 0;

        }

        .service-box h5 {

            font-size: 1.8em;

            margin: 0.2em 0 0 0;

        }

        .service-box p{

            font-size: 0.85em;

        }

	    .content{

		   width:100%;

	    }

	    .content3 p {

		   font-size:10px;

	    }

        .team {

            padding: 70px 0;

        } 

        .team-info h3 {

            font-size: 26px;

        }

        .team-bottom p{

            font-size:13px;

        }

        h3.m_2 {

            font-size: 1.6em;

        }

	}

@media (max-width: 991px){

        .content {

            width: 100%;

        }

        span.line {

            width: 84px;

            left: 47%;

        }

        .testimonial {

            background: url(../images/mezcales_artesanales_hechos_en_mexico.jpg) no-repeat 0px -222px;

            min-height: 229px;

        }

        .testimonial-right {

            width: 79%;

        }

        .testimonial-right p {

            font-size: 0.85em;

            line-height: 1.65em;

        }

}



@media (max-width: 900px){

        .content {

            width: 100%;

        }

        span.line {

            width: 78px;

            left: 49%;

        }

}

@media (max-width: 800px){

        .content {

            width: 100%;

        }

        .content2-header1 p {

	       margin: 0 0 0 -7%;

        }

}

@media (max-width: 780px){

		 .logo h1 {

		   font-size: 3em;

		}

		.header-bottom {

			padding: 0.5em 0;

		}

		span.menu:before 

		{

			display:block;

			cursor: pointer;

		}

		.top-menu 

		{

			float:none;

			width: 100%;

			text-align: right;

		}

		.top-menu  ul

		{

			display:none;

		}

		.top-menu  ul li 

		{

			font-size: 14px;

			display:block;

		}

		.top-menu  span.menu

		{

		    cursor: pointer;

			display:block;

			margin-top: 0.8em;

		}

		.top-menu ul li {

			display:block;

			float:none;

			margin: 0em;

			padding:6px 0 ;

		}

		.top-menu ul li a{

		display:block;

		}

		.top-menu  ul

		{

			margin:15px 0 0;

			z-index: 999;

			position: absolute;

			width: 96%;

			background:rgba(244, 244, 244, 1);

			text-align: center;

			  padding: 9px 0;

		}

		.caption {

			width: 73%;

			top: 30%;

			left: 15%;

		 }

		.caption h3 {

			font-size: 2.5em;

		}

		.caption p {

			font-size: 1.05em;

		}

		.caption1 {

			width: 73%;

			top: 30%;

			left: 15%;

		 }

		.caption1 h3 {

			font-size: 2.5em;

		}

		.caption1 p {

			font-size: 1.05em;

		}

		.caption2 {

			width: 73%;

			top: 30%;

			left: 15%;

		 }

		.caption2 h3 {

			font-size: 2.5em;

		}

		.caption2 p {

			font-size: 1.05em;

		}

		.caption3 {

			width: 73%;

			top: 30%;

			left: 15%;

		 }

		.caption3 h3 {

			font-size: 2.5em;

		}

		.caption3 p {

			font-size: 1.05em;

		}

		.caption4 {

			width: 73%;

			top: 30%;

			left: 15%;

		 }

		.caption4 h3 {

			font-size: 2.5em;

		}

		.caption4 p {

			font-size: 1.05em;

		}

		.caption5 {

			width: 73%;

			top: 30%;

			left: 15%;

		 }

		.caption5 h3 {

			font-size: 2.5em;

		}

		.caption5 p {

			font-size: 1.05em;

		}

		.beautifull {

			padding: 3em 0;

		}

		.beautifull-header h4 {

			font-size: 1.7em;

		}

		.beautifull-header p {

			font-size: 1em;

			padding: 0.6em 0;

		}

		.beautiful-grid {

			float: left;

			width: 31.33%;

			margin-right: 2%;

			padding:0;

		}

		i.heart {

			width: 50px;

			height: 60px;

			background: url("../images/img-sprite.png") no-repeat 0px -11px;

			display: inline-block;

			background-size: 302px;

		}

		i.lamp{

			width: 50px;

			height: 60px;

			background: url("../images/img-sprite.png") no-repeat -40px -11px;

			display: inline-block;

			background-size: 302px;

		}

		i.star {

			width: 50px;

			height: 60px;

			background: url("../images/img-sprite.png") no-repeat -80px -12px;

			display: inline-block;

			background-size: 302px;

		}

		.passion p {

			font-size: 0.96em;

			

		}

		.bottom-header {

			margin-right: 18px;

		}

		.checkout-section {

			padding: 3em 0;

		}

		.checkout-header h4 {

			font-size: 1.7em;

		}

		.checkout-header p {

			font-size: 1em;

		}

		.passion h4 {

		  font-size: 1.2em;

		}

		.bottom-header h5 {

			font-size: 1.15em;

		}

		.bottom-header p {

			font-size: 1.15em;

		}

		.wantto-section {

			padding: 3em 0;

		}

		.wantto-section h4 {

			font-size: 1.7em;

		}

		.wantto-section p {

			font-size: 1em;

			padding: 1.5em 4em;

		}

		.wantto-section a {

			font-size: 1em;

			padding: 0.8em 1.5em;

		}

		.contact-grid {

			float: left;

			width: 50%;

			margin: 2em 0;

		}

		.contact-grid h5 {

			font-size: 1.1em;

		}

		.contact-section {

			padding: 1em 0;

		}

		.contact-grid span img {

			width: 40%;

		}

		.contact-grid p {

			font-size: 0.96em;

		}

		.contact-grid {

		  padding: 0 12px 0 0px;

		}

		.contact-grid a.more {

			  font-size: 1em;

		}

		.subscribe input[type="text"] {

			width: 70.455%;

			border: none;

			font-size: 1em;

		}

		.subscribe input[type="submit"] {

			color: #eceef0;

			padding: 7px 10px;

			border-radius: 2px;

			font-size: 1em;

		}

		.footer-left {

			float: none;

			text-align: center;

			margin-bottom: 1em;

		}

		.bottom-menu {

			float: none;

			text-align: center;

		}

		#portfoliolist .portfolio {

			width: 49%;

		}

		div#portfolio {

			  padding: 3em 0;

		}

		.our-work-section-head.text-center h3 {

			font-size: 1.7em;

		}

		

		.grid_box .zoom-icon {

			height: 170px;

		}

		.blog_date {

			  float: left;

			  width: 14%;

		}

		.blog_desc {

		  float: left;

		  padding-left: 2%;

		  width: 86%;

		}

		.blog-grid {

		  float: left;

		  width: 70%;

		}

		.bd {

		  float: left;

		  width: 10%;

		}

		.bd1 {

		  float: left;

		  padding-left: 2%;

		  width: 88%;

		}

		.blog-grid1 {

		  float: left;

		  width: 30%

		  }

		  a.blog1 {

		  font-size: 0.96em;

		}

		.blog_posts figure span {

		  font-size: 2em;

		}

		.blog-content {

			padding: 2em 0 2em;

		}

		.blog-content-head h3 {

			font-size: 1.7em;

		}

		.blog_heading a {

			font-size: 1.1em;

		}

		.blog_heading p {

			font-size: 1em;

		}

		.blog_heading h3 {

			font-size: 1.1em;

		}

		.blog_data p {

			font-size: 0.96em;

			

		}

		p.text {

			font-size: 1em;

		}

		.single {

			margin: 0 0 3em 4em;

		}

		.icon9 ul li:nth-child(9) {

			margin-left: 15em;

		}

		.icon9 ul li a {

			font-size: 1em;

		}

		.icon9 ul li p {

			font-size: 1em;

		}

		.icon9 ul li:nth-child(9) {

			 margin-left: 14.5em;

		}

		.leave h4 {

			font-size: 1.5em;

		}

		#commentform label {

			font-size: 0.9em;

		}

		#commentform input[type="submit"] {

			font-size: 1em;

		}

		.cmts-main-left {

			float: left;

			width: 19%;

			margin-right: 1%;

		}

		.cmts-main-right {

			float: left;

			width: 80%;

		}

		.cmts-main-right p {

			font-size: 0.96em;

			margin: 10px 0px;

		}

		.cmnts-left {

			float: left;

		}

		.cmnts-right {

				float: left;

				margin-top: 1em;

		}

		.rsidebar h3 {

			font-size: 1.5em;

		}

		.span_1_of_3 li {

			padding: 7px 16px;

			font-size: 0.96em;

		}

		.latest_comments p {

			font-size: 0.96em;

		}

		.icon5 img {

			width: 60%;

		}

		.search1 {

			margin-left: 226px;

			width: 36%;

		}

		.content-pagenation {

		   margin: 1.5em 0;

		}

		.feature {

		  width: 85%;

		  margin: 0;

		}

		.features-section {

		  padding: 3em 0;

		}

		.features-section h3 {

			font-size: 1.8em;

		}

		.feature p {

			font-size: 0.96em;

		}

		.feature h4 {

			font-size: 1.2em;

		}

		.features-grid1 {

		  margin-bottom: 2em;

		}

		.contact h3 {

			font-size: 1.7em;

		}

		.span_1_of_2 h2 {

			font-size: 1.4em;

		}

		.company_address p {

		  font-size: 0.96em;

		}

		img.work-img {

		  width: 100%;

		}

        .header-top {

	       background:#8ece33;

	       height: 5em;

	       padding: 0em 0;

        }

	}



@media(max-width:768px){



	.order-top h3 {

	  font-size: 22px;

	}

	.order-top h4 {

	  font-size: 17px;

	  }

	.order-top h4 {

	  margin: 9px 0 5px 0;

	}

	li.data p {

	  margin: 12px 0 0 0;

	}

	a.hvr-shutter-in-horizontal {

	  padding: 9px 14px;

	  }

	li.bt-nn {

	  margin: 2.5em 0 0 0;

	}

	.order-top p {

	  font-size: 12px;

	  }

	.order-top h6 {

	  margin: 10px 0;

	  font-size: 12px;

	}

    .menu-info h3{

        margin: 0 0 14px 0;

        font-size: 24px;

    }

    .latest-designs h3 {

        font-size: 2.3em;

    }

    .gallery-info {

        margin-left: 15px;

    }

    .demo-1 {

      

      

        margin-right: 15px;

        margin-bottom: 15px;

    }

    .camps {

        padding: 2.5em 0;

    }

    .camps{

        padding: 3em 0;

    }

    h3.tittle {

        font-size: 2.8em;

        margin-bottom: 0em;

    }

    .cam-top {

        padding-left: 0;

        padding: 0;

        margin-bottom: 2em;

    }

    .camps iframe {

        width: 100%;

        height: 442px;

    }

    .sub-img {

        float: left;

        padding: 0;

    }

    .sub-text {

        float: left;

        padding: 0;

        width: 51%;

        margin-left: 2%;

    }

    .services2{

        padding: 2.5em 0;

    }

    .services2 {

        padding: 3em 0;

    }

    .service-box {

        float: left;

        width: 50%;

    }

    .services2 iframe {

        width: 100%;

        height: 442px;

    }

    .content {

        width: 100%;

    }

    .content2-header1 {

	   width: 25%;

    }

    .content2-header1 p {

        margin: 0 -19% 0 -10%;

    }

    span.line {

        width: 72px;

        left: 51%;

    }

	.team-info h3{

	  margin: 0 0 14px 0;

	  font-size: 24px;

	}

	.team-bottom h4 {

	  font-size: 15px;

	  }

	.team-bottom p {

	  font-size: 12px;

	}

	.work-bottom {

	  margin-top: 40px;

	}

    h3.m_2 {

        margin: 3% 0;

    }

    .box1, .box2 {

        padding: 2%;

        margin-bottom: 15px;

    }



}



@media (max-width: 736px){



	    span.line {

            width: 62px;

            left: 55%;

        }

    }

@media (max-width: 667px){



        .content2-header1 p {

            font-size:14px;

        }

        .content2-header1 span {

            font-size: 13px;

        }

        .shipment {

            margin-top: 13%;

        }

        .content3 p {

            font-size: 10px;

	       margin-left: -35%;

        }

        .confirm{

	       margin-left:4%;

        }

        span.line {

            width: 49px;

            left: 60%;

        }

    }

		

@media (max-width: 640px){

		.top-menu ul li a {

			font-size: 1em;

		}

		.top-menu ul {

			width: 95%;

		}

		.logo h1 {

		  font-size: 2.5em;

		}

		.logo {

			margin-top: 6px;

		}

		.caption {

		   width: 89%;

		  top: 27%;

		  left: 5%;

		}

		.caption h3 {

			font-size: 2em;

		}

		.caption p {

			font-size: 1.05em;

			margin:0.5em auto 0;

		}

		.caption1 {

		   width: 89%;

		  top: 27%;

		  left: 5%;

		}

		.caption1 h3 {

			font-size: 2em;

		}

		.caption1 p {

			font-size: 1.05em;

			margin:0.5em auto 0;

		}

		.caption2 {

		   width: 89%;

		  top: 27%;

		  left: 5%;

		}

		.caption2 h3 {

			font-size: 2em;

		}

		.caption2 p {

			font-size: 1.05em;

			margin:0.5em auto 0;

		}

		.caption3 {

		   width: 89%;

		  top: 27%;

		  left: 5%;

		}

		.caption3 h3 {

			font-size: 2em;

		}

		.caption3 p {

			font-size: 1.05em;

			margin:0.5em auto 0;

		}

		.caption4 {

		   width: 89%;

		  top: 27%;

		  left: 5%;

		}

		.caption4 h3 {

			font-size: 2em;

		}

		.caption4 p {

			font-size: 1.05em;

			margin:0.5em auto 0;

		}

		.caption5 {

		   width: 89%;

		  top: 27%;

		  left: 5%;

		}

		.caption5 h3 {

			font-size: 2em;

		}

		.caption5 p {

			font-size: 1.05em;

			margin:0.5em auto 0;

		}

		a.morebtn {

			margin: 1em auto 0;

			width: 28%;

			padding: 0.8em 0;

		}

		ul.callbacks_tabs.callbacks1_tabs {

			left: 44%;

		}

		.beautifull-header {

		  width: 83%;

		}

		.beautifull {

			padding: 3em 0;

		}

		.beautifull-header h4 {

			font-size: 1.5em;

		}

		.beautifull-header p {

			padding: 0.6em 0;

			font-size: 0.96em;

		}

		.beautifull-grids {

			margin-top: 0.6em;

		}

		.passion h4 {

			font-size: 1.2em;

			padding: 0.2em 0;

		}

		.checkout-section {

			padding: 3em 0;

		}

		.checkout-header h4 {

			font-size: 1.5em;

		}

		.bottom-header {

			margin-right: 14px;

		}

		.screen-shots {

			padding: 3em 0;

		}

		.wantto-section {

			padding: 3em 0;

		}

		.wantto-section a {

			font-size: 1em;

			padding: 0.7em 1em;

		}

		.wantto-section p {

			padding: 1.5em 2em;

		}

		.contact-grid h5 {

			font-size: 1.05em;

		}

		.contact-grid span img {

			width: 30%;

		}

		.subscribe input[type="text"] {

			width: 69%;

			font-size: 0.95em;

		}

		.subscribe input[type="submit"] {

			font-size: 0.89em;

			padding: 7px 7px;

		}

		.contact-section {

			padding: 2em 0;

		}

		.contact-grid p {

			font-size: 0.96em;

		}

		.footer-section {

			padding: 1.5em 0;

		}

		

		.our-work-section-head.text-center h3 {

			font-size: 1.5em;

		}

		#portfoliolist .portfolio {

			width: 50%;

		}

		#filters li span {

			padding: 5px 15px;

			font-size: 1em;

		}

		.grid_box .zoom-icon {

			height: 140px;

		}

		.blog-content-head h3 {

			font-size: 1.5em;

		}

		.blog_posts figure span {

			font-size: 1.5em;

		}

		.blog_heading a {

			font-size: 1.1em;

		}

		.blog_heading h3 {

			font-size: 1.05em;

		}

		.blog_heading p {

			font-size: 0.99em;

		}

		.blog_date {

		  float: left;

		  width: 10%;

		}

		.blog-grid {

		  float: none;

		  width: 100%;

		}

		.blog-grid1 {

		  float: none;

		  width: 100%;

		}

		.more span a {

			font-size: 0.89em;

		}

		.rsidebar h3 {

			font-size: 1.3em;

		}

		.rsidebar.span_1_of_3 {

			width: 50%;

			margin: 50px 0 0 4em;

		}

		.leave h4 {

			font-size: 1.3em;

		}

		.single {

			margin: 0 0 3em 3em;

		}

		p.text {

			font-size: 0.96em;

		}

		.icon9 ul li:nth-child(9) {

			margin-left: 6.5em;

		}

		.comments1 h4 {

			font-size: 1.1em;

		}

		#commentform input[type="text"] {

			width: 100%;

		}

		#commentform textarea {

			width: 100%;

		}

		.cmts-main-left img {

			width: 100%;

		}

		.cmnts-right a {

			font-size: 11px;

		}

		.content-pagenation {

			text-align: center;

			float: none;

		}

		.span_1_of_3 li {

			padding: 7px 15px;

			font-size: 0.95em;

		}

		.latest_comments p {

			font-size: 0.9em;

		}

		.latest_comments h4 a {

			font-size: 0.8em;

		}

		.content-pagenation li a {

			font-size: 0.9em;

		}

		.page-not-found {

			min-height: 600px;

		}

		.page-not-found h1 {

			font-size: 3.5em;

		}

		.page-not-found h2 {

			font-size: 2.5em;

		}

		.page-not-found p {

			font-size: 1.3em;

		}

		.page-not-found span.error {

			font-size: 13px;

		}

		a.button {

		  font-size: 1em;

		  }

		.features-section h3 {

			font-size: 1.5em;

		}

		.features-section {

			padding: 2em 0;

		}

		.features-grids {

			margin-top: 1.5em;

		}

		.features-grid1 {

			margin-bottom: 2em;

		}

		.feature h4 {

			font-size: 1.1em;

		}

		.icon5 img {

			width: 80%;

		}

		.feature p {

			font-size: 0.96em;

		}

		.contact h3 {

			font-size: 1.5em;

		}

		.span_1_of_2 h2 {

			font-size: 1.3em;

		}

		.span_2_of_4 h2 {

			font-size: 1.3em;

		}

		.company_address p {

			font-size: 0.96em;

		}

        .header-top {

	       background:#8ece33;

	       height: 5em;

	       padding: 0em 0;

        }

        li.im-g {

            float: left;

            width: 29%;

        }

        .order-top h3 {

            font-size: 17px;

        }

        .menu-info h3 {

            margin: 0 0 10px 0;

            font-size: 19px;

        }

        li.bt-nn {

            width: 18%;

        }

        .demo-1 {

           

            margin-right: 11px;

            margin-bottom: 11px;

        }

        h3.tittle {

            font-size: 2.5em;

            margin-bottom: 0em;

        }



        .camps iframe {

         width: 100%;

         height: 351px;

        }

        .team-info h3 {

	       margin: 0 0 10px 0;

	       font-size: 19px;

        }

        .services2 iframe {

         width: 100%;

         height: 351px;

        }

	}



@media (max-width: 600px){



        .content1 {

            padding:1.2em;

	       }

        .content2-header1 p {

            font-size: 13px;

        }

        .content2-header1 span {

            font-size: 12px;

        }

        .content2-header1 {

            width: 24%;

        }

        .imgcircle {

            height: 65px;

            width: 65px;

        }

        .imgcircle img{

	       top: 26%;

            left: 27%;

        }

        .content3 p {

	       margin-left: -38%;

	       font-size:10px;

        }

        .content {

	       height: 420px;

        }

        span.line {

            width: 50px;

            left: 58%;

        }

    }



@media (max-width: 568px){

 

	    .content{

            height:500px;

        }

	    .content1{

	       padding: 1em;

        }

	    span.line {

            width: 56px;

            left: 47%;

        }

	    .content2-header1 {

            width: 23%;

        }

	    .imgcircle {

            height: 50px;

            width: 50px;

        }

	    .imgcircle img {

            height: 25px;

            top: 27%;

            left: 25%;

        }

	    .content3 p {

            font-size: 9px;

            margin-left: -46%;

        }

	    .confirm {

            margin-left: 5%;

        }

    }



@media (max-width: 480px){

		.logo {

		  margin-top: 7px;

		}

		.logo h1 {

		  font-size: 2em;

		}

		.top-menu span.menu {

		  display: block;

		  margin-top: 0.7em;

		}

		.top-menu ul {

		  width: 94%;

		}

		.top-menu ul li {

			padding: 4px 0;

		}

		.caption h3 {

		  font-size: 1.5em;

		}

		.social-icons i{

			margin-left:0.5em;

		 }

		.caption {

		  width: 85%;

		  top: 19%;

		  left: 9%;

		 }

		 .caption p {

		  font-size: 1em;

		  margin: 0.5em auto 0;

		  line-height: 1.5em;

		}

		.caption1 {

		  width: 85%;

		  top: 19%;

		  left: 9%;

		 }

		 .caption1 p {

		  font-size: 1em;

		  margin: 0.5em auto 0;

		  line-height: 1.5em;

		}

		.caption1 h3 {

		  font-size: 1.5em;

		}

		.caption2 {

		  width: 85%;

		  top: 19%;

		  left: 9%;

		 }

		 .caption2 p {

		  font-size: 1em;

		  margin: 0.5em auto 0;

		  line-height: 1.5em;

		}

		.caption2 h3 {

		  font-size: 1.5em;

		}

		.caption3 {

		  width: 85%;

		  top: 19%;

		  left: 9%;

		 }

		 .caption3 p {

		  font-size: 1em;

		  margin: 0.5em auto 0;

		  line-height: 1.5em;

		}

		.caption3 h3 {

		  font-size: 1.5em;

		}

		.caption4 {

		  width: 85%;

		  top: 19%;

		  left: 9%;

		 }

		 .caption4 p {

		  font-size: 1em;

		  margin: 0.5em auto 0;

		  line-height: 1.5em;

		}

		.caption4 h3 {

		  font-size: 1.5em;

		}

		.caption5 {

		  width: 85%;

		  top: 19%;

		  left: 9%;

		 }

		 .caption5 p {

		  font-size: 1em;

		  margin: 0.5em auto 0;

		  line-height: 1.5em;

		}

		.caption5 h3 {

		  font-size: 1.5em;

		}

		.beautifull-header {

		  margin: 0;

		}

		.beautifull {

		  padding: 2em 0;

		}

		.beautifull-header {

			width: 100%;

		}

		.beautifull-header h4 {

			font-size: 1.3em;

		}

		.beautiful-grid {

			width: 100%;

			margin-top: 1.5em;

		}

		.passion {

			margin-top: 0.5em;

		}

		.passion h4 {

			font-size: 1em;

		}

		.checkout-section {

			padding: 2em 0;

		}

		.checkout-header h4 {

		  font-size: 1.3em;

		}

		.checkout-header {

			width: 100%;

			margin-bottom: 2em;

		}

		.checkout-header p {

			font-size: 0.96em;

			padding: 0.5em 0 0;

		}

		.bottom-header{

			padding:0.5em 0;

		}

		.bottom-header h5 {

			font-size: 1em;

			line-height: 1.5em;

		}

		.bottom-header {

			margin-right: 10px;

		}

		.bottom-header p {

			font-size: 1em;

		}

		.screen-shots {

		  padding: 2em 0;

		}

		.owl-theme .owl-controls .owl-page span{

			display:none;

		}

		.wantto-section h4 {

			font-size: 1.5em;

		}

		.wantto-section p {

			padding: 1em 1em;

			font-size: 0.96em;

		}

		.wantto-section a {

			font-size: 0.96em;

			padding: 0.7em 1em;

		}

		.wantto-section {

			  padding: 2em 0;

		}

		.contact-section {

		   padding:0 0 2em ; 

		}

		.contact {

			padding: 1.5em 0 0;

		}

		.contact-grid {

			width: 100%;

			padding: 0;

		}

		.contact-grid p {

		  padding: 0.3em 0;

		}

		i.indicate {

			margin:0px;

		}

		.icon2 ul li a {

		  font-size: 0.96em;

		}

		.contact-grid span img {

			width: 25%;

		}

		.contact-grid h5 {

			font-size: 1em;

			margin-bottom: 0.5em;

		}

		.bottom-menu {

			float: none;

			text-align: center;

		}

		

		.subscribe input[type="text"] {

			width: 79.7%;

			padding: 4px 7px 0 8px;



		}

		.bottom-menu ul li a {

			font-size: 1em;

		}

		.footer-left p a {

			font-size: 1em;

		}

		.our-work-section-head.text-center h3 {

			font-size: 1.4em;

		}

		.grid_box .zoom-icon {

			height: 90px;

		}

		#portfoliolist .portfolio {

			margin: 0 0 15px 0;

		}

		div#portfolio {

		  padding: 2em 0;

		}

		.blog-content-head h3 {

		  font-size: 1.4em;

		}

		.blog_heading a {

			font-size: 1.05em;

		}

		.blog_posts figure span {

		  font-size: 1.2em;

		}

		.blog_date {

		  float: left;

		  width: 13%;

		}

		.blog_desc {

		  float: left;

		  padding-left: 2%;

		  width: 87%;

		}

		.blog_1_of_2 {

		  width: 100%;

		  float: none;

		  padding: 0;

		}

		.blogdata_1_of_2 {

		  width: 100%;

		  float: none;

		  margin: 0%;

		}

		.more span a {

			font-size: 0.79em;

			margin-top: 1em;

		}

		.rsidebar.span_1_of_3 {

			width: 90%;

			margin: 50px 0 0 2em;

		}

		.rsidebar h3 {

			font-size: 1.2em;

		}

		

		.icon9 ul li:nth-child(9) {

		  margin-left: 23.5em;

		}

		.leave h4 {

		  font-size: 1.2em;

		  margin: 1em 0;

		}

		.single {

			margin: 0 0 2em 1em;

		}

		p.text {

		  font-size: 0.96em;

		  padding: 0 0px 0 47px;

		}

		.comments1 {

			margin-top: 2em;

		}

		.cmts-main-left {

			float: left;

			width: 29%;

			margin-right: 1%;

		}

		.cmts-main-right {

			float: left;

			width: 70%;

		}

		.page-not-found {

			min-height: 560px;

			padding-top: 5em;

		}

		#commentform input[type="submit"] {

		  font-size: 0.95em;

		  padding: 10px 20px;

		}

		.content-pagenation {

			margin: 1em 0;

		}

		.page-not-found h1 {

			font-size: 3em;

			margin: 2em 0 10px 0;

		}

		.page-not-found h2 {

			font-size: 2em;

		}

		.search1 {

			margin-left: 110px;

			width: 50%;

		}

		.features-section h3 {

		  font-size: 1.4em;

		}

		.contact h3 {

			font-size: 1.4em;

		}

		.span_1_of_2 h2 {

		  font-size: 1.2em;

		}

		.contact_info {

			float: none;

			width: 100%;

			margin-bottom:2em;

		}

		.company_address {

			width: 100%;

		}

		.contact-form input[type="text"], .contact-form textarea {

			padding: 0.5em;

		}

		.span_2_of_4 h2 {

		  font-size: 1.2em;

		}

		.blog-content {

			padding: 1em 0;

			margin-bottom: 0.5em;

		}

		.col.span_1_of_2 {

			margin-bottom: 2em;

		}

		.button a {

			font-size: 0.95em;

			padding: 10px 10px 10px;

		}

        .header-top {

	       background:#8ece33;

	       height: 7em;

	       padding: 0em 0;

        }

        li.im-g {

	       float: left;

	       width: 38%;

        }

        li.data p {

	       margin: 7px 0 0 0;

        }

        a.hvr-shutter-in-horizontal {

	       padding: 7px 11px;

        }

        a.hvr-shutter-in-horizontal {

	       font-size: 12px;

        }

        .order-top h4 {

            font-size: 15px;

        }

        .latest-designs h3 {

            font-size: 2em;

        }



        .camps {

            padding: 2em 0;

        }

        h3.tittle {

            font-size: 2.3em;

            margin-bottom: 0em;

        }

        .sub-text p{

            font-size: 0.83em;

        }

        .services2 {

            padding: 2em 0;

        }

        .service-box {

            float: left;

            width: 100%;

            margin-bottom: 1em;

        }

        .service-box h5 {

            font-size: 1.8em;

            margin: 0.3em 0 0 0;

            padding: 0;

        }

        .service-box p {

            width: 100%;

        }    

        .service-box p{

            font-size: 0.83em;

        }

        .team {

	       padding: 60px 0;

        }

        .blog-content h9 {

            font-size: 1.5em

        }

        li.grid1, li.grid2, li.grid3 {

            width: 100%;

            float: none;

            margin-right: 0;

            padding-right: 0;

            border-right: none;

        }

        .testimonial {

            min-height: 214px;

        }

        .testimonial-left {

            width: 13%;

        }

        .testimonial-right {

            width: 83%;

            margin: 0em 0 0 1em;

        }

        .testimonial-right h5 {

            font-size: 1.5em;

        }

        .testimonial-right p {

            font-size: 0.8em;

            line-height: 1.5em;

        }



	}



@media (max-width: 414px){



	    .content {

            width: 70%;

	       height:1100px;

	       margin-top:9%;

	       padding:10%;

        }

	    .content1 {

	       margin: -14% 0 0 -14%;

	       width:116%;

        }

	    .content1 h2 {

	       font-size:22px;

        }

	    .content2 {

            margin-left: -14%;

	       width: 127.5%;

        }

	    .content2-header1 {

	       padding:0.7em;

            width: 80%;

	       margin-left: 3%;

        }

	    .content2-header1 p {

            font-size: 19px;

        }

	    .content2-header1 span {

            font-size: 16px;

        }

	    .confirm {

	       width:100%;

        }

	    .process {

	       width:100%;

	       margin: 22% 0 0 5%;

        }

	    .quality{

	       width:100%;

	       margin: 22% 0 0 5%;

        }

	    .dispatch{

	       width:100%;

	       margin: 22% 0 0 5%;

        }

	    .delivery{

	       width:100%;

	       margin: 22% 0 0 5%;

        }

	    .imgcircle {

            height: 70px;

            width: 70px;

	       margin-left:0%;

        }

	    .imgcircle img {

            height: 30px;

            top: 27%;

            left: 28%;

        }

	    span.line {

            width: 6px;

            left: 17%;

            height: 48px;

	        top:124%;

        }

	    .content3 p {

            font-size: 15px;

            margin: 0% 0 4% -61%;

        }

	       .shipment {

            margin-left: 16%;

        }

    }



@media (max-width: 384px){

        .demo-1 {

            width: 335px;

        }

	    .content1 {

	       width:115%;

        }

	    .content1 h2 {

            font-size: 21px;

        }

	    .content3 p {

            margin: 0% 0 6% -65%;

        }

	    .shipment {

            margin-top: 15%;

        }

	    span.line {

	       top:118%;

	       left:18%;

	       height:47px;

        }

	    .content {

            height: 1100px;

        }

        .blog-content h9 {

            font-size: 1em

        }

    }



@media (max-width: 375px){



        .content {

           height: 1000px;

	       width:68%;

        }

	       .content2{

	       width:128%;

        }

	       .content1 h2 {

            font-size: 19px;

        }

	       .content3 p {

            margin: 0% 0 0% -46%;

        }

	       span.line {

            top: 105%;

            left: 25%;

            height: 52px;

        }

	       .shipment {

            margin-left: 17%;

        }

            .blog-content h9 {

            font-size: 1em

        }

    }

	

@media (max-width: 320px){

        .social-icons {

			float: right;

			display: none;

		}

		.icon {

			float: none;

			text-align: center;

		}

		.top-menu span.menu {

		  width: 100%;

		}

		.top-menu ul {

		  width: 90%;

		  margin: 9px 0;

		}

		.logo {

		  margin-top: 4px;

		}

		.caption p {

			font-size: 0.96em;

	   }

		.rslides img {

			display: block;

			height: 150PX;

		}

		a.morebtn {

			margin: 0.8em auto;

			width: 47%;

			padding: 10px 0;

			font-size: 0.8em;

		}

		.caption {

			width: 93%;

			top: 17%;

			left: 4%;

		}

		.caption h3 {

			font-size: 1.3em;

		}

		.caption1 {

			width: 93%;

			top: 17%;

			left: 4%;

		}

		.caption1 h3 {

			font-size: 1.3em;

		}

		.caption1 p {

			font-size: 0.96em;

	   }

		.caption2 {

			width: 93%;

			top: 17%;

			left: 4%;

		}

		.caption2 h3 {

			font-size: 1.3em;

		}

		.caption2 p {

			font-size: 0.96em;

	   }

		.caption3 {

			width: 93%;

			top: 17%;

			left: 4%;

		}

		.caption3 h3 {

			font-size: 1.3em;

		}

		.caption3 p {

			font-size: 0.96em;

	   }

		.caption4 {

			width: 93%;

			top: 17%;

			left: 4%;

		}

		.caption4 h3 {

			font-size: 1.3em;

		}

		.caption4 p {

			font-size: 0.96em;

	   }

		.caption5 {

			width: 93%;

			top: 17%;

			left: 4%;

		}

		.caption5 h3 {

			font-size: 1.3em;

		}

		.caption5 p {

			font-size: 0.96em;

	   }

		ul.callbacks_tabs.callbacks1_tabs {

			display: none;

		}

		.sb-search.sb-search-open, .no-js .sb-search {

			width: 65%;

		}

		.beautifull {

			padding: 1em 0;

		}

		.beautifull-header h4 {

			font-size: 1.4em;

		}

		.beautiful-grid {

		  width: 100%;

		  margin-top: 0.5em;

		}

		.passion h4 {

			font-size: 1.2em;

		}

		.checkout-header h4 {

			font-size: 1.4em;

		}

		#portfoliolist .portfolio {

		width: 100%;

		}

		.screen-shots {

			padding: 2em 0;

		}

		.bottom-header {

			margin-right: 12px;

		}

		.bottom-header h5 {

			font-size: 1em;

			

		}

		.bottom-header p {

			font-size: 0.9em;

		}

		.wantto-section h4 {

			font-size: 1.4em;

		}

		.wantto-section p {

			padding: 1em 0em;

		}

		.wantto-section a {

			font-size: 0.89em;

			padding: 0.7em 1em;

		}

		.contact {

			padding: 1em 0;

		}

		.subscribe input[type="text"] {

			width: 69.9%;

		}

		.subscribe {

			margin-bottom: 1em;

		}

		.subscribe input[type="submit"] {

		font-size: 0.8em;

		  padding: 7px 6px;

		}

		.contact-section {

			padding: 0em 0 ;

		}

		.contact-grid h5 {

			font-size: 1.1em;

		}

		.contact-grid p {

			padding: 0.5em 0;

		}

		.bottom-menu ul li a {

			display: none;

		}

		.contact-grid {

			margin: 1em 0;

		}

		.footer-section {

			padding: 1em 0 0;

		}

		.footer-left {

			text-align: center;

			margin-bottom: 0;

		}

		.our-work-section-head.text-center h3 {

			font-size: 1.4em;

		}

		.grid_box .zoom-icon {

			height: 145px;

		}

		div#portfolio {

		  padding: 1em 0;

		}

		.portfolio-wrapper {

			width:95%;

		}

		.blog-content-head h3 {

			font-size: 1.4em;

		}

		.blog_posts {

			padding: 5px 0 0px;

		}

		.blog_date {

			float: left;

			width: 16%;

		}

		.blog_desc {

		  float: left;

		  padding-left: 2%;

		  width: 82%;

		}

		.blog_heading a {

			font-size: 0.9em;

		}

		.blog_1_of_2 {

			width: 100%;

			float: none;

		}

		.blog_posts figure span {

			font-size: 1.5em;

		}

		.blogdata_1_of_2 {

			width: 100%;

			float: none;

			margin: 0%;

		}

		.blog_data p {

			line-height: 1.5em;

		}

		.single {

			margin: 0 0 1em 0.5em;

		}

		.blog_posts figure {

			font-size: 11px;

			padding: 6px 0;

		}

		.features-section {

		  padding: 1em 0;

		}

		.content-pagenation li a {

			padding: 10px 9px;

		}

		.blog_heading h3 {

			font-size: 0.9em;

		}	

		.content-pagenation {

			margin-top: 1.5em;

		}

		.rsidebar.span_1_of_3 {

			width: 85%;

			margin: 30px 0 0 1em;

		}

		.span_1_of_3 li {

			padding: 7px 15px;

		}

		.icon9 ul li {

			padding: 7px 0 0 3px;

		}

		.icon9 ul li:nth-child(9) {

		  margin-left: 5em;

		}

		.leave h4 {

			font-size: 1.2em;

		}

		#commentform label {

			font-size: 0.85em;

		}

		#commentform input[type="submit"] {

			font-size: 0.9em;

			padding: 5px 20px;

		}

		.latest_comments h4 a {

			font-size: 0.75em;

		}

		.blog_desc {

			margin-top: 0.5em;

		}

		p.text {

		  font-size: 0.96em;

		    padding: 0 0px 0 35px;

		}

		.cmts-main-left {

			float: left;

			width: 35%;

			margin-right: 1%;

		}

		.cmts-main-right {

			float: left;

			width: 64%;

			padding: 0;

		}

		.cmts-main-right h5 {

			font-size: 0.9em;

		}

		.cmts-main-right p {

			font-size: 12px;

		}

		.comments1 {

			margin-top: 1em;

		}

		.cmts-main-right p {

			  margin: 0px 0 10px 0;

		}

		.cmnts-left {

			float: left;

			width: 100%;

			padding: 0;

			margin: 6px 0px 0 0;

		}

		.cmnts-right {

			float: none;

			margin: 0px 0em 0 7em;

			padding: 0;

		}

		.page-not-found {

			min-height: 390px;

			padding-top: 2em;

		}

		.page-not-found h1 {

			font-size: 2.5em;



		}

		.page-not-found h2 {

			font-size: 1.5em;

		}

		

		.features-section h3 {

			font-size: 1.4em;

		}

		.feature h4 {

			font-size:1.2em;

		}

		.left-grid {

			padding: 0;

		}

		.right-grid {

			padding: 0;

		}

		.page-not-found span.error {

		  font-size: 25px;

		}

		.features-grid1 {

			margin-bottom: 1em;

		}

		.blog-content {

			padding: 1em 0 1.5em;

			margin: 0;

		}

		.contact h3 {

			font-size: 1.4em;

		}

        .header-top {

	       background:#8ece33;

	       height: 7.5em;

	       padding: 0em 0;

        }

        li.im-g {

            float: left;

            width: 100%;

            margin-bottom: 25px;

        }

        li.data {

            float: left;

            width: 100%;

            margin-left: 0;

        }

        .menu-info h3 {

            margin: 0 0 10px 0;

            font-size: 16px;

        }

        li.bt-nn {

            margin: 16px 0 0 0;

        }

        li.bt-nn {

            width: 28%;

            float: left;

        }

        .latest-designs h3 {

            font-size: 2em;

        }

        .gallery-info {

            margin-left: 0;

        }

        .demo-1 {

            width: 275px;

            margin-right: 0;

        }

        .camps {

            padding: 1.5em 0;

        }

        h3.tittle {

            font-size: 2em;

            margin-bottom: 0em;

        }

        .cam-top-top {

            margin-top: 0.2em;

        }

        .camps iframe {

            width: 100%;

            height: 187px;

        }

        .sub-cam-top {

            margin-bottom: 1em;

        }

        .sub-img {

            float: left;

            padding: 0;

            width: 29%;

        }

        .sub-text {

            float: left;

            padding: 0;

            width: 100%;

            margin-left: 0;

            margin-top: 0.5em;

        }

        .sub-text {

            width: 69%;

            margin-left: 2%;

            margin: 0 0 0 2%;

        }

        .sub-text a {

            padding: 0.5em;

            line-height: 1em;

        }

        .services2{

            padding: 1.5em 0;

        }

/* process*/

        .content{

	       width:66%;

	       margin-top: 10%;

	       padding:12%;

           height: 1200px;

        }

	    .content1 {

            padding: 0.7em;

	       width:125%;

	       margin:-18% 0 0 -18%;

        }

	    .header h1{

	       font-size:30px;

        }

	    .content2 {

	       margin-left: -18%;

	       width: 136.5%;

        }

	    .content1 h2 {

            font-size: 16px;

        }

	    .content2-header1 span {

            font-size: 15px;

        }

	    .content3 p {

            margin: 0% 0 12% -9%;

        }

	    .shipment {

	       margin: 16% 0 0 19%;

        }

	    span.line {

            top: 102%;

            left: 40%;

	       height:14px;

        }

        .team-info h3 {

        margin: 0 0 10px 0;

        font-size: 16px;

        }

        .team {

        padding: 50px 0;

        }

        .team-bottom h4{

        font-size: 13px;

        }

        .blog-content h9 {

            font-size: 1em

        }

        .testimonial {

            background: url(../images/mezcales_artesanales_hechos_en_mexico.jpg) no-repeat 0px -143px;

            min-height: 343px;

        }

        .testimonial-left {

            width: 36%;

            margin: 0 auto;

            float: none;

        }

        .testimonial-left img {

            border-radius: 50%;

            width: 100%;

            display:block;

            height:auto;

        }

        .testimonial-right {

            width: 100%;

            margin: 1em 0 0 0em;

        }

	}