html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,top-nav,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, top-nav, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical top-nav */
nav.horizontal ul li{	display: inline-block;}/* horizontal top-nav */
img{max-width:100%; vertical-align:middle; image-rendering: -webkit-optimize-contrast;}
/*end reset*/
body{
 font-family: 'Average Sans', sans-serif;
}
.wrap{
	margin:0 auto;
	width:80%;
}
/*---start-top-header----*/
.header{
    background-color:#fff;
	width:100%;
	position:fixed;
	z-index:999999;
	border-bottom: 2px solid #f82626;
}
.logo{
	float:left;
	margin:2.2em 1.3em;
}
.logo a{
	margin:0 auto;
	font-size:2em;
	font-weight:600;
	color:#000;
}
/*****/
/* start header */

::selection { background: #b9e9b9; color: #555; }
::-moz-selection { background: #b9e9b9; color: #555; }
::-webkit-selection { background: #b9e9b9; color: #555; }

br { display: block; line-height: 2.2em; } 

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
img { border: 0; max-width: 100%; }



#w {
  max-width:70%%;
  margin: 0 auto;
}

#content {
  margin: 0 0em;
  
}

#pagebody {
  padding: 15px 25px;
}

/* navigation bar */
#topnav {
  display: block;
  width: 100%;
 
}

#topnav h1 {
  float: left;
  padding: 0em 0em;
}
#topnav h1 a {
  text-decoration: none;
  padding: 16px 7px;
  display:block;
  color:#646567;
  font-size: 1.5em;
  text-transform: uppercase;
   font-weight:800;
}

#topnav #navbtn {
  display: none;
  float: right;
  top: 0;
  width: 20px;
  padding: 2.5em 0em;
  background: url('../images/nav-icon.png') center no-repeat;
  text-indent: -99999px;
  overflow: hidden;
}

#topnav nav {
  float:right;
  padding: 2.5em 0em;
}

#topnav nav ul {
  list-style: none;
}
#topnav nav ul li {
  display: block;
  float: left;
  margin:0em 0.2em;
}

#topnav nav ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  color: #444445;
  padding: 0.7em 2.1em;
  font-weight: 400;
  border-radius:50px;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -o-border-radius:50px;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -ms-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}
#topnav nav ul li a:hover {
  color: #fff;
  background: #80673b; 
}
#topnav nav ul li.active>a {
  color: #fff;
  background: #80673b; 
}
/* footer block */
#btmnav {
  display: block;
  padding: 5px 0;
  border-top: 1px solid #cfcfcf;
  font-size: 1.1em;
  font-weight: normal;
}

#btmnav .credits { 
  color: #999;
  line-height: 1.45em;
}
#btmnav nav { padding: 9px 0; padding-bottom: 15px; }
#btmnav nav ul li { display: inline; }
#btmnav nav ul li a { font-weight: bold; }


.top_bar{ display:inline-block; width:100%;  background:#444445;min-height:50px;}

.subheader {
    font-weight: normal;
    padding:15px 0 15px 0;
    font-size: 15px;
    color: #fff;
}

.pull_left{ float:left;}
.pull_right{ float:right;}
.email{ color:#fff;}

/* responsive styles */
@media screen and (max-width: 800px) {
  h2 { font-size: 2.2em; }
  p { font-size: 1.45em; line-height: 1.55em; }
  #topnav h1 {
	padding: 1.4em 0em;
	}
	#topnav #navbtn {
	padding:0.5em 0em;
	}
  #topnav { height: auto; }
  #topnav nav { 
    display: none; 
    position: static;
    width: 100%;
    padding:0;
    top: auto;
    right: auto;
  }
  #topnav nav ul li { float: none; margin: 0;  background: #f0f0f0;}
  #topnav nav ul li a {
    display: block;
    width: 100%;
    line-height:1.9em;
    border: 0;
    border-radius:0px;
    padding: 9px 9px;
    color:#303030;
    border-bottom: 1px solid rgba(90, 85, 73, 0.17);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background: none;
  }
  #topnav nav ul li a:hover {
   background: #0EBFDD;
	color: #ffffff;
  }
  #topnav nav ul li a.sel {
    color: #6f8767;
    background: #cbdcc5;
  }
  
  #topnav #navbtn {
    display: block;
     padding:0.5em 0;
  }
}
/* start slider */
.slider_bg{
	background:  url('../images/curved.jpg');
	background-size: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding-bottom: 10%;
}
.slider{
	padding: 0 4%;
}
/* start main */
.main{
	padding: 6% 4%;
}
.main_text{
	text-align:center;
}
.main_text h2{
	font-size: 2em;
	text-transform: uppercase;
	color: #777777;
	text-shadow: 0 1px 0 #ffffff;
	margin-bottom: 2%;
}
.main_text h2 span{
	color: #555555;
	-webkit-text-stroke: 2px;
}
/** para style **/
p.para_1{
	font-size: 1em;
	color: #555555;
	line-height: 1.8em;
}


/*---start-top-slider----*/
.slider{
	background:url(../images/slider_image.jpg) no-repeat;
	background-size: 100% 100%;
	float:left; 
	width:92%;
	margin-top:147px;
}
/*---End-top-header----*/
/*---End-top-header----*/
/*  GRID OF One   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col_1_of_1{
	display: block;
	text-align: center;
	width: 54%;
	
}
.span_1_of_1  h3,.contact h3{
	color: #444445;
	margin-bottom:0.5em;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight:600;
	margin-top: 0px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: uppercase;
}
.span_1_of_1  p{
	font-size:1.2em;
	padding:0.5em  0;
	color:#62625f;
	line-height: 1.9em;
}
.span_1_of_3 img {
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-o-border-radius: 150px;
	-moz-border-radius: 150px;
	border: 10px solid #5b4c31;
}

.section group{
	padding:3em;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
/*  GRID OF THREE   ============================================================================= */

#advertise {
    float:left; 
    width:100%;
	background: #928265;
	padding:4em 0;
}
.team > h3 {
	text-align:center;
}
.team h3{
	font-size: 1.8em;
	font-weight: 600;
	color:#fff;
	text-transform: uppercase;
	text-shadow:1px 1px 1px #000000;
}
.section {
	clear: both;
	text-align: center;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col_1_of_3{
	display:inline-block;
	margin: 1% 0 1% 0.6%;
}
.col_1_of_3:first-child {
	 margin-left:0; 
}

.span_1_of_3 {
	width: 26.2%;
	padding: 1.5%;
	vertical-align:top;
}
.span_1_of_3  h3{
	color:#323233;
	font-size: 1.em;
	margin-top:15px;
	text-align: center;
	text-transform: uppercase;
	font-weight:bold;
}
.span_1_of_3  h4{
	color:#989595;
	font-size: 1em;
	text-align: center;
}
.span_1_of_3  p  {
	font-size:1em;
	padding:0.5em 0 0 0;
	color: #fff;
	line-height: 1.5em;
}
.button{
	color: #fff;
	padding: 0.5em 1.7em;
	display: inline-block;
	border-radius: 50px;
	-webkit-border-radius:50px;
	-o-border-radius:50px;
	-moz-border-radius:50px;
	font-size: 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	border: solid 1px #fff;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	text-transform: uppercase;
	font-weight:500;
	margin:2% 0;
}
.button:hover{
	background: #fff;
	color: #0EBFDD;
}
.section.group > h5 {
	font-size: 1.4em;
	font-weight:400;
	text-transform: uppercase;
	color: #fff;
	text-align:center;
	margin-top: 1em;
}


.spacer{ 
    padding: 1.5%;
    width: 29.2%;
	text-align:left;
	vertical-align:top;
	}
	
.spacer h3{ 
        display:inline-block; font-weight: bold;
        margin-left: -10px;
        padding: 16px 0 20px 20px;
	    font-size:16px;
	    color:#2d2c2c;
		text-transform:uppercase;
		text-shadow:1px 1px 1px #fff;
		
		}
	
.spacer p{ font-size:1em; line-height:22px; color:#62625f; margin-top:10px;}
.spacer span{ color:#000000; font-size:1.3em; margin-right:5px;}

.spacer_new{ float:left; width:100%; text-align:left; margin-top:10px;}
.spacer_new p{ font-size:1em; line-height:30px; color:#fcf3f3; margin-top:10px;}
.spacer_new span{ color:#000000; font-size:1.3em; margin-right:5px;}
.spacer_new strong{ color:#000000; font-size:1.3em; margin-right:8px;}
.spacer_new ul{ float:left; width:97%; margin:15px 0 15px 3%;}
.spacer_new ul li{ 
//display:block; 
//background:url(../images/arrow.png) no-repeat 0 5px; 
font-size:1em; line-height:24px; color:#fff; padding-bottom:13px; 
//padding-left:30px; 
padding-left:3px;
margin-left: 12px;
text-shadow: 1px 1px 1px #fff; list-style-type:initial;
color:#000;}


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

.content{ float:left; text-align:left; margin-top:10px; color: #525050;}

/*---works----*/

.works{ float:left; width:100%; background:#525050; padding:4em 0;}
.works p{ text-align:center; font-size:1.2em; color:#fff; margin:20px 0 40px 0;}
.left_coll{ float:left; width:28%;}
.right_coll{ float:right; width:70%;}
.right_coll ul{ float:left; width:100%;}
.right_coll ul li{ display:block; background:url(../images/arrow_2.png) no-repeat 0 9px; font-size:1.1em; line-height:30px; color:#fff; padding-bottom:13px; text-shadow:1px 1px 1px #000; padding-left:30px;}
.right_coll ul li strong{ color:#000000; font-size:1.3em; margin-right:8px; font-weight:bold;}
	
/*******/
.contact {
	padding: 3em 0em 2em 0em;
}
.left-form,.right-form{
	float:left;
	width:60%;
}
.contact form {
	padding-top: 2em;
}
.left-form li {
	display: block;
	color: #4D4949;
	border: 2px solid #CBD0D4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	margin: 15px 0px;
	background: #fff;
}
.left-form li:hover{
	border:2px solid #8DD4FF;
	color: #343434;
}
.left-form li:focus{
	border:2px solid #8DD4FF;
}
.left-form li:active{
		border:2px solid #8DD4FF;
}

.left-form input[type=password],.left-form input[type=email],.left-form textarea {
	float:right;
	width:90%;
	padding: 1em 2em 1em 1em;
	border:none;
	color: #989898;
	font-size:15px;
	float: left;
	outline: none;
	font-weight: 600;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	font-family: 'Average Sans', sans-serif;
}

.right-form{
	float:right;
	width: 33%;
}
.icon {
	height: 28px;
	width: 28px;
	display: block;
	float: left;
	margin: 12px 0px 9px 9px;
}
.send
{
	margin: 3em 0em;
	text-align: right;
}
.send a
{
	color:#fff;
	background:#0EBFDD;
	padding: 1em 3em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
}
.send a:hover{
	background: #19ABC4;
}
.right-form h4{
	color:#CDCDCD;
	font-size: 1em;
	font-weight: 600;
}
.right-form p{
	color:#323232;
	font-size:1em;
	line-height: 1.7em;
	padding: 1em 0em;
}
/* start soc_icons */
.soc_icons h2{
	text-transform: uppercase;
	font-size: 1.2em;
	color: #c0c0c0;
	font-weight: 400;
	margin-bottom: 10px;
}
.soc_icons ul li{
	margin:15px;
}
.soc_icons ul li a{
	opacity:0.8;
	display: block;
	padding: 10px;
	background: #2e2e2e;
	width: 24px;
	height: 24px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 26px;
	color:#929191;
	font-weight: 600;
}
.soc_icons ul li a span{
	margin-left: 60px;
}
.soc_icons ul li a.icon1{
	background: #39579D url('../images/icon1.png') no-repeat 18px 12px;
}
.soc_icons ul li a.icon2{
	background: #02B3E9 url('../images/icon2.png') no-repeat 12px 13px;
}
.soc_icons ul li a.icon3{
	background: #D95333 url('../images/icon3.png') no-repeat 14px 12px;
}
.soc_icons ul li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 1;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	color:#373737;
}


/* templatemo-contact */

.templatemo_contact {
    float:left;
	width:100%;
	padding:4em 0;
}

.templatemo_contact h3 { color: #444445;
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
	padding-bottom:20px;
	text-shadow: 0 0 0;
}

.templatemo_contact_map {
    margin-bottom:30px;

}

.head_contact {
    padding-bottom:80px; 
    margin-bottom:0;
}


.cmd_left{ float:left; width: 65.6667%;}
.cmd_right{ float:right; width: 33.3333%;}
.cmd_right img{ margin-right:5px;}

.txt_orange {
    color: #e67e22;
}

.txt_slogan {
    font-size:14px; 
    color:#929292;
}
.cmd_right p {
    margin: 0 0 10px;
	font-size:17px;
	line-height:19px; 
	color:#333333;
}


 line-height: normal;
}

input[type="file"] {
  display: block;
}

select[multiple],
select[size] {
  height: auto;
}

select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
}

.form-control {
  display: block;
  width: 95%;
  padding: 6px 2% 6px 2%; 
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control:-moz-placeholder {
  color: #999999;
}

.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999999;
}

.form-control::-webkit-input-placeholder {
  color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 15px;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  background-color: #ff7600;
  border-bottom: 2px solid #d35400;
  border-radius: 0;
  color: #ffffff;
  cursor:pointer;
  border:none;
}



.btn:hover,
.btn:focus {
  background-color: #d35400;
    color: #ffffff;
}

.form-horizontal{ float:left; width:100%;}

	

.about{ float:left; width:100%; padding:4em 0;}



/*******footer***/

.footer{
    float:left;
	width:100%;
	background:#45494D;
	text-align:center;
	
}
.footer-con{
	margin: 0 auto;
	border-bottom: 1px solid #6F6E6E;
	position: relative;

}
.bottom_logo{
display:inline-block;
margin:30px 0 0 0;

}
.footer-left{
	float:left;
}
.footer-left ul li a {
	color:#fff;
    font-size: 0.8em;
    padding: 0.6em 1em;
    margin: 2.5em 0em;
	display: block;
	transition: 0.5s all;
	-webkit-transition: 0.51s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	font-weight:500;
	text-transform: uppercase;
}
.footer-left ul li {
	 float:left; 
	 
}
.footer-right{
	float:right;
	margin-top:23px;
}
.footer-right ul li:first-child, ol li:first-child {
	margin-top: 0px;
	margin-left: 0;
}
.footer-right li {
	margin:0 5px;
	display: inline-block;
}
.footer-right li a {
	height:50px;
	width:49px;
	display: block;
	background: url(../images/icons.png) no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer-right li a:hover{
 background: url(../images/iconsh.png) no-repeat;
	
}
.footer-left ul li a:hover {
	color: #0EBFDD;
}
.footer-right li.email a ,.footer-right li.email a:hover {
	background-position:-4px 5px;
}

.footer-right li.fb a ,.footer-right li.fb a:hover  {
	background-position:-50px 5px;
}

.footer-right li.twitter a ,.footer-right li.twitter a:hover  {
	background-position:-98px 5px;
}

/**start-copy-right**/
.copy-right {
	text-align: center;
}
.copy-right p {
	color: #FFF;
	font-size:1.2em;
	padding:1em 0em;
}
.copy-right p a {
	font-weight:500;
	color: #0EBFDD;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right a:hover{
	color:#fff;
}
.copy-right span{
    color: #FFF;
	font-size:1.2em;
	padding:1em 0;
	display:inline-block;
	vertical-align:middle;
	
}
/*end-copy-right**/
 /*** move top **/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 0px;
	right: 10px;
	overflow: hidden;
	width:48px;
	height:48px;
	border: none;
	text-indent: 100%;
	background: url(../images/arrow_up.png) no-repeat center;
}
#toTop:active, #toTop:focus { outline: none;}

.coll{ display:none;}
.order_detail{ float:left; width:100%;}
.order_detail .right_box .row.big{ width:100%;}
.order_detail .right_box .row .category{ width:100%;}
.order_detail .right_box .row.small{ width:100%;}
.cards{width:100%; float:left;}

#cardsfields{ float:left; width:100%;}
#cardsfields .main_row{ width:50%;}
#cardsfields .main_row label{ width:28%; text-align:center;}
#cardsfields .main_row .right_box{ float:left; width:72%;}
#cardsfields .common_box{ float:left; width:100%}

.date_container{ float:left; width:100%;}
.date_container .right_row{ float:right; width:275px;}
.date_container .right_box .row.big{ width:84%;}


/***** Media Quries *****/
@media only screen  and (max-width:1680px) {
	.wrap{
		width:80%;
	}
}
@media only screen  and (max-width:1440px) {
	.wrap{
		width:80%;
	}
	.span_1_of_1 p {
	font-size: 1.2em;
	text-align:left;
	
	}	
	.map  iframe {
	min-height:400px;
	}
	.col_1_of_1{
	width: 100%;
}

}
@media only screen and (max-width: 1366px) {
	.wrap{
	width:85%;
	}
	.span_1_of_1 h3 {
	font-size:1.9em;
	}	
	.span_1_of_3 h3 {
	font-size:1.1em;
	}
	.span_1_of_3 h4 {
	font-size: 1em;
	}
	.map > iframe {
	min-height: 550px;
	}
	#topnav nav ul li a {
	padding: 0.65em 1.3em;
	}
	.map  iframe {
	min-height: 350px;
	}
	
	
}

}
@media only screen  and (max-width:1280px) {
	.wrap{
	width:85%;
	}
	.span_1_of_1 h3 {
	font-size:1.7em;
	}	
	#Team {
	padding: 3em 0;
	}
	.span_1_of_3 h3 {
	font-size:1em;
	}
	.span_1_of_3 h4 {
	font-size: 0.9em;
	}
	.section.group > h5 {
	font-size: 1.1em;
	}
	#topnav nav ul li a {
	padding: 0.65em 1.3em;
	}
	.map > iframe {
	min-height:350px;
	}

}
@media only screen  and (max-width:1024px) {
	.wrap{
	width:90%;
	}
	.span_1_of_1 h3 {
	font-size:1.7em;
	}	
	#Team {
	padding:2.5em 0;
	}
	#topnav nav ul li a {
	padding: 0.6em 0.5em;
	}
	.team h3 a {
	font-size: 1.9em;
	}
	.col_1_of_1{
	width:100%;
	}
	.left-form input[type=email], .left-form textarea {
	padding: 0.7em 2em 0.7em 1em;
	}
	.send a {
	padding: 0.8em 2em;
	}
	.span_1_of_3 {
	width: 27.2%;
	padding: 1.5%;
	}
	.map  iframe {
	min-height:350px;
	}
	#team {
	padding: 2em 0;
	}
	.col_1_of_3 {
	margin: 2% 0% 4% 0;
	}
	.button {
	color: #fff;
	padding: 0.4em 1.1em;
	font-size: 1em;
	margin: 0% 0;
	}
	
	#topnav nav ul li a {
	font-size:0.8em;
	}
	
	
	
}
@media only screen  and  (max-width:768px) {
	.wrap{
	width:90%;
	}
	.span_1_of_1 h3 {
	font-size:1.8em;
	}
	.span_1_of_1 {
	width: 93%;
	padding: 1.5%;
	margin: 4% 0%;
	}	
	.span_1_of_1 p {
	font-size:1.1em;
	width: 100%;
	}
	.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
	}
	#topnav h1 a {
	padding:0px 7px;
	}
	.team h3 a {
	font-size: 1.8em;
	}
	#topnav nav ul li a {
	padding: 0.2em 1.1em;
	}
	#topnav #navbtn {
	padding:1.7em 0;
	}
	.map  iframe {
	min-height:300px;
	}
	.left-form, .right-form {
	float: none;
	width: 100%;
	margin: 0%;
	}
	.left-form input[type=password], .left-form input[type=email], .left-form textarea {
	padding: 0.7em 0.5em;
	}
	.right-form {
	float: none;
	width: 100%;
	margin: 0%;
	margin-top: 0.5em;
	}
	.send a {
	padding: 0.7em 1em;
	}
	.contact {
	padding: 2em 0em 2em 0em;
	}
	.contact form {
	padding-top: 0.1em;
	}
	.col_1_of_3 {
	margin: 2% 0% 4% 0;
	}
	.soc_icons ul li {
	margin: 15px;
	width: 18%;
	float: left;
	}
	.soc_icons ul li a {
	width: 20px;
	height: 20px;
	}
	.soc_icons ul li a.icon1 {
	background: #39579D url('../images/icon1.png') no-repeat 16px 9px;
	}
	.soc_icons ul li a span {
	margin-left: 35px;
	}
	.soc_icons ul li a.icon2 {
	background: #02B3E9 url('../images/icon2.png') no-repeat 10px 12px;
	}
	.order_detail .right_box .row.small{ width:100%;}
}
/*@media only screen and (max-width:640px) {
	.wrap{
	width:90%;
	}
	.col_1_of_1{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_1 {
		width:94%;
		padding:3%;  
	}
	.span_1_of_1 h3,.span_1_of_1 h3, .contact h3 {
	font-size:1.5em;
	}	
	#topnav nav ul li a {
	padding: 0.3em 1.1em;
	font-size: 0.95em;
	}
	.team h3 a {
	font-size:1.5em;
	}
	.span_1_of_3 {
	width:100%;
	float:none;
	}
	.map  iframe {
	min-height:250px;
	}
	.col_1_of_3 {
	margin: 2% 0% 0% 0;
	}
	.span_1_of_1 p {
	font-size: 1em;
	}
	.col_1_of_3:first-child {
	margin: 3% 0% 0% 0;
	}
	.button
	{
		margin-top: 1em;
	}
}
@media only screen  and  (max-width:480px) {
	.wrap{
	width:95%;
	}
	.col_1_of_1{ 
		margin: 1% 0 1% 0%;
	}
	.col_1_of_3{ 
	margin: 1% 0 1% 0%;
	}
	.span_1_of_1 h3,.span_1_of_1 h3, .contact h3 {
	font-size:1.4em;
	
	}	
	.span_1_of_1 p {
	font-size: 0.98em;	
	}
	.span_1_of_3 {
	width:100%;
	float: none;
	}
	.map > iframe {
	min-height:200px;
	}
	#topnav nav ul li a {
	padding: 0.5em 1.1em;
	font-size: 0.8em;
	}

	.team h3 a {
	font-size:1.6em;
	}
	.soc_icons ul li {
	margin: 10px;
	width: 25%;
	float: left;
	}
	.span_1_of_1 {
	width: 100%;
	padding: 0%;
	margin: 1em 0em;
	}
}*/
@media only screen and (max-width: 767px) {
	.wrap{
	width:95%;
	}
	.col_1_of_1{ 
		margin: 1% 0 1% 0%;
	}
	.span_1_of_1 {
	width:92%;
	padding:4%; 
	}
	#topnav h1 a {
	padding:0px 7px;
	width:200px;
	}
	.col_1_of_3{ 
	margin: 1% 0 1% 0%;
	}
	.span_1_of_1 h3 {
	font-size:1.5em;
	}	
	.span_1_of_1 p {
	font-size:1em;	
	}
	.span_1_of_3 {
	width:100%;
	float: none;
	}
	.map  iframe {
	min-height:200px;
	}
	#topnav nav ul li a {
	padding: 0.5em 1.1em;
	font-size: 0.8em;
	}
	.team h3 a {
	font-size:1.6em;
	}
	.footer-left {
	margin: 0px 0;
	float:none;
	}
	.footer-left ul li {
	 float:none;
	 display:inline-block; 
	 
}
	.footer-left ul li a {
    margin:1em 0em;
	padding:0.4em;
	display:inline-block;
   	}
	.footer-right {
	margin: 0px 36px;
	float:none;
	}
	.left-form input[type=password], .left-form input[type=email], .left-form textarea {
	padding: 0.4em 0.5em;
	}
	.right-form {
	text-align: center;
	}
	.send {
	margin: 1.5em 0em;
	text-align: center;
	}
	.soc_icons ul li {
	margin: 10px;
	width: 42%;
	float: left;
	}
	.soc_icons > ul > li:nth-child(3) {
	display: none;
	}
	.send a {
	padding: 0.5em 0.9em;
	}
	.copy-right p {
	font-size: 0.9em;
	padding:0 0 1em 0;
	line-height:3em;
	}
	.button {
	font-size: 0.9em;
	}
	.section1 {
	clear: both;
	text-align: center;
	margin: 0em 0;
	}
	/*.span_1_of_1  h3,.contact h3,.team h3{
	color: #444445;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight:600;
	margin-top: 0px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: uppercase;
	}*/
	
    .works { height:auto; background-size:100% 100%; padding:2em 0 2em 0;}
	.works p { font-size:1.1em;}
	.left_coll{ width:100%; text-align:center;}
	.right_coll { width:100%;}
	
	.subheader {
    font-size: 12px;    
}

.team h3{ font-size:1.5em;}

.spacer { width:auto; margin-top:15px;}
.spacer h3{ padding: 16px 0 20px 20px; font-size:14px;}
.spacer_new ul { margin-top:25px;}

.cmd_left { width:100%;}
.cmd_right{ width:100%;}
.cmd_right p { font-size:16px;}

.templatemo_contact { padding:1em 0 2em 0;}
.about{ padding:1em 0 2em 0;}
#advertise { padding:2em 0 2em 0;}

#inline1{ width:100% !important;}
#inline2{ width:100% !important;}
#inline3{ width:100% !important;}

.coll{ display:block;}
.coll_2{ display:none;}
}

#how_it_works_content{
border-radius: 5px;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.3);
padding:5px;
background:#e1e1e1;
}

.new{ float:left; width:100%; text-align:left; margin:10px 0 0 0;}
.new p{ text-align:left !important;}

.form_container{ float:left; width:100%; background:#fff; margin-top:40px; font-family:Arial, Helvetica, sans-serif; margin-bottom:50px;     }
.common_container{ float:left; width:89%; border:1px solid #CCCCCC; border-radius:3px; padding:20px 5%; }
.heading{ float:left; margin-top:-5px; padding:0 10px; margin-top:-28px; background:#fff; font-size:16px; line-height:17px; color:#666;}
.main_row{ float:left; width:100%; padding:10px 0;}
.main_row label{ float:left; font-size:12px; line-height:14px; color:#333333; font-weight:bold; margin:7px 0;}
.right_box{ float:right; width:86%;}
.right_box .row{ float:left; width:23.5%; margin-right:2%;}
.right_box .row:last-child{ margin-right:0;}
.right_box .row.new_row{ width:73%;}
.right_box .row .category{ float:left; width:95%; background:#f3ece4; border:1px solid #8d6c37; font-size:11px; line-height:30px; color:#000000; padding:9px 2%; text-align:left;}
.right_box .row .category:focus{ background:#fff7ee; border:1px solid #a68042;}
.right_box .row.new_row select{ float:left; width:95%; background:#f3ece4; border:1px solid #8d6c37; font-size:11px; line-height:30px; color:#000000; padding:9px 2%; text-align:left;}
.right_box .row.new_row select:focus{ background:#fff7ee; border:1px solid #a68042;}
.right_box .spacer{ float:left; width:96%; background:#f3ece4; border:1px solid #8d6c37; font-size:11px; line-height:13px; color:#000000; padding:9px 2%; text-align:left;}
.right_box .spacer:focus{ background:#fff7ee; border:1px solid #a68042;}
.right_box small{ font-size:10px; line-height:13px; color:#4a4a4c;}
.right_box textarea{ float:left; width:96%; background:#f3ece4; border:1px solid #8d6c37; font-size:11px; line-height:13px; color:#000000; padding:9px 2%; text-align:left;}
.right_box textarea:focus{ background:#fff7ee; border:1px solid #a68042;}
.right_row{ float:left; width:100%; padding-bottom:10px;}
.center_btns{ float:left; width:100%; text-align:center;}
.center_btns input[type="button"], input[type="submit"], input[type="reset"], span.paginate_active {
	display:inline-block;
	vertical-align:baseline;
	white-space:nowrap;
	width:auto;
	cursor:pointer;
	overflow:visible;
	padding:7px 10px;
	border-width:1px;
	margin:0 3px;
	border-style:solid;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight:bold;
	color:#F2DEDA;
	background:#ae432e;
	background:-moz-linear-gradient(top, #d95338 0%, #ae432e 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d95338), color-stop(100%,#ae432e)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #d95338 0%,#ae432e 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #d95338 0%,#ae432e 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #d95338 0%,#ae432e 100%); /* IE10+ */
	background:linear-gradient(top, #d95338 0%,#ae432e 100%); /* W3C */
	-webkit-box-shadow:0 1px 2px #a6a6a6;
	-moz-box-shadow:0 1px 2px #a6a6a6;
	box-shadow:0 1px 2px #a6a6a6;
	border-color:#a6402b #993b28 #803121;
	text-shadow: 0 1px 1px #4D4D4D;
}
	
.center_btns input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background:-moz-linear-gradient(top, #ae432e 0%, #d95338 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae432e), color-stop(100%,#d95338)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ae432e 0%,#d95338 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ae432e 0%,#d95338 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #ae432e 0%,#d95338 100%); /* IE10+ */
	background:linear-gradient(top, #ae432e 0%,#d95338 100%); /* W3C */

	-webkit-box-shadow:0 1px 2px #a6a6a6;
	-moz-box-shadow:0 1px 2px #a6a6a6;
	box-shadow:0 1px 2px #a6a6a6;
	border-color:#a6402b #993b28 #803121;

}
#order_result{ float:left; width:100%; text-align:center; padding:20px 0; font-size:18px; line-height:20px; color:#FF0000; font-weight:bold;}

.pricing_container{ float:left; width:100%;}
.pricing_container .right_box{ width:58%;}
.pricing_container .right_box .row{ width:80%;}
.left_container{ float:left; width:40%;}
.right_container{ float:right; width:40%;}
.right_container.spacial{ margin-top:153px;}
.right_container select{ float:left; width:100%; background:#f3ece4; border:1px solid #8d6c37; font-size:11px; line-height:13px; color:#000000; padding:9px 2%; text-align:left;}
.right_container select:focus{ background:#fff7ee; border:1px solid #a68042;}
.payment_method{ float:left; width:100%;}
.cradfields{ float:left; width:100%;}
.spacer_coll{ display:inline-block; width:18%; font-size:20px; line-height:22px; color:#000000; text-align:center; margin:166px 0 0 0;}

.right_row .order_entry{ float:left; width:100%; font-size:13px; line-height:17px; color:#444445; font-weight:bold;}
.right_row .order_entry .row{ display:inline-block; float:none; vertical-align:middle;}
.right_row .order_entry span{ text-decoration:underline;}
.right_row p{ display:inline-block; color:#62625f; font-size:14px; line-height:16px;}

.left_container select{ float: left; width: 100%; border: 1px solid #cccccc; color: #000000;font-size: 11px;line-height: 13px; padding: 9px 2%;text-align: left;}
	
.click_content{ display:block; padding-bottom:15px; font-size:13px; line-height:16px; color:#fb8520; text-shadow: 1px 1px 1px #000;}

.fancybox-wrap{ top:130px !important}

.testimonial_container{ float:left; width:100%; background:#d2eef9; padding:3em 0; text-align:left;}
.testimonial_container h3{ margin-bottom:30px;}
.left_cmd{ float:left; width:30%;}
.right_cmd{ float:left; width:60%; background:#f15a23; padding:1em 0 0 0; border-radius:5px; border:1px solid #a2350d; position:relative;}
.right_cmd .arrow{ position:absolute; left:-21px; top:77px;}
.right_cmd .top_coll{ float:left; width:auto; padding:1.5em 2em 1.5em 2em;}
.right_cmd .top_coll p{ float:right; width:92%; color:#fff;  text-shadow: 1px 1px 1px #000;}
.right_cmd .top_coll span{ float:left;}
.right_cmd .bottom_coll{ float:left; width:90.7%; padding:0.7em 2em; background:#fff; border-radius:0 0 5px 5px;}
.right_cmd .bottom_coll p{ float:left; width:92%; color:#000; text-shadow: 1px 1px 1px #fff; font-size:13px;}

@media only screen and (max-width: 767px) {
.left_cmd { width:100%;}
.right_cmd { width:100%; margin-top:10px;}
.right_cmd .top_coll p{ font-size:1em;}
.right_cmd .bottom_coll{ width:98%;  padding: 0.7em 1%;} 

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.right_coll { width:63%;}
.right_cmd .top_coll p { font-size:1em;}
.right_cmd .bottom_coll { width:98%; padding: 0.7em 1%;}
.right_cmd { float:right; width:64%;}
#cardsfields .main_row label{ width:42%}
#cardsfields .main_row .right_box{ width:58%;}
}

@media only screen and (min-width: 1025px) and (max-width: 1300px) {
#cardsfields .main_row label{ width:42%}
#cardsfields .main_row .right_box{ width:58%;}
}
@media only screen and (min-width: 320px) and (max-width: 768px) {
.pull_right {
  float: unset;
}
.pull_left {
  float: unset;
}
.subheader {
  text-align: center;
  line-height: 28px;
}
#topnav #navbtn {
  padding: 3em 0;
}
.slider {
  margin-top: 213px;
}
}