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

(C) 2014 - Vahid keshipour - www.vahidk.ir

\*-----------------*/
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,
2all, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	height:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input {
	outline:none;
}
body {
	line-height: 1.5;
	color: #333333;
	background-color:#f4f3f1;
	direction:ltr;
	height:100%;
	text-align: left;
}
a, a:visited {
	color:#fff;
	text-decoration: none
}
a:hover {
	color:#333;
	text-decoration:none
}
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.page-marg {
	margin:0 10px;
	height:100%;
}
.container {
	margin:0 auto;
	position:relative;
	max-width: 1170px;
}
.row {
	overflow:hidden;
	padding:0 10px;
}
.col-1-1, .col-2-1, .col-3-1, .col-4-1,
.col-1-2, .col-2-2, .col-3-2, .col-4-2,
.col-1-3, .col-2-3, .col-3-3, .col-4-3,
.col-1-4, .col-2-4, .col-3-4, .col-4-4,
.col-1-5, .col-2-5, .col-3-5, .col-4-5,
.col-1-6, .col-2-6, .col-3-6, .col-4-6,
.col-1-7, .col-2-7, .col-3-7, .col-4-7,
.col-1-8, .col-2-8, .col-3-8, .col-4-8,
.col-1-9, .col-2-9, .col-3-9, .col-4-9,
.col-1-10, .col-2-10, .col-3-10, .col-4-10,
.col-1-11, .col-2-11, .col-3-11, .col-4-11,
.col-1-12, .col-2-12, .col-3-12, .col-4-12 {
  position: relative;
  min-height: 1px;
  float:right;
}
.col-1-12 {
  width: 100%;
}
.col-1-11 {
  width: 91.66666667%;
}
.col-1-10 {
  width: 83.33333333%;
}
.col-1-9 {
  width: 75%;
}
.col-1-8 {
  width: 66.66666667%;
}
.col-1-7 {
  width: 58.33333333%;
}
.col-1-6 {
  width: 50%;
}
.col-1-5 {
  width: 41.66666667%;
}
.col-1-4 {
  width: 33.33333333%;
}
.col-1-3 {
  width: 25%;
}
.col-1-2 {
  width: 16.66666667%;
}
.col-1-1 {
  width: 8.33333333%;
}
@media screen and (min-width: 768px) {
  .col-2-12 {
    width: 100%;
  }
  .col-2-11 {
    width: 91.66666667%;
  }
  .col-2-10 {
    width: 83.33333333%;
  }
  .col-2-9 {
    width: 75%;
  }
  .col-2-8 {
    width: 66.66666667%;
  }
  .col-2-7 {
    width: 58.33333333%;
  }
  .col-2-6 {
    width: 50%;
  }
  .col-2-5 {
    width: 41.66666667%;
  }
  .col-2-4 {
    width: 33.33333333%;
  }
  .col-2-3 {
    width: 25%;
  }
  .col-2-2 {
    width: 16.66666667%;
  }
  .col-2-1 {
    width: 8.33333333%;
  }
}
@media screen and (min-width: 992px) {
  .col-3-12 {
    width: 100%;
  }
  .col-3-11 {
    width: 91.66666667%;
  }
  .col-3-10 {
    width: 83.33333333%;
  }
  .col-3-9 {
    width: 75%;
  }
  .col-3-8 {
    width: 66.66666667%;
  }
  .col-3-7 {
    width: 58.33333333%;
  }
  .col-3-6 {
    width: 50%;
  }
  .col-3-5 {
    width: 41.66666667%;
  }
  .col-3-4 {
    width: 33.33333333%;
  }
  .col-3-3 {
    width: 25%;
  }
  .col-3-2 {
    width: 16.66666667%;
  }
  .col-3-1 {
    width: 8.33333333%;
  }
}
@media screen and (min-width: 1200px) {
  .col-4-12 {
    width: 100%;
  }
  .col-4-11 {
    width: 91.66666667%;
  }
  .col-4-10 {
    width: 83.33333333%;
  }
  .col-4-9 {
    width: 75%;
  }
  .col-4-8 {
    width: 66.66666667%;
  }
  .col-4-7 {
    width: 58.33333333%;
  }
  .col-4-6 {
    width: 50%;
  }
  .col-4-5 {
    width: 41.66666667%;
  }
  .col-4-4 {
    width: 33.33333333%;
  }
  .col-4-3 {
    width: 25%;
  }
  .col-4-2 {
    width: 16.66666667%;
  }
  .col-4-1 {
    width: 8.33333333%;
  }
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
}
input[type=text],
input[type=email],
input[type=password],
textarea,
select {
	border:1px solid #d8d8d8;
	background:#fff;
	width:200px;
	padding:7px 10px;
	direction:ltr;
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: 300ms all linear;
  -moz-transition: 300ms all linear;
  transition: 300ms all linear;
	outline:none;
}
textarea {
	height:100px;
	width:300px;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
textarea:hover,
select:hover {
	border:1px solid #bfbfbf;
	outline:none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	border:1px solid #32b1bf;
	-webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.1);
	outline:none;
}
input[type=text].ltr,
input[type=email].ltr,
input[type=password].ltr,
textarea.ltr {
	direction:ltr;
	text-align:left;
}
input[type=text].rtl,
input[type=email].rtl,
input[type=password].rtl,
textarea.ltr {
	direction:rtl;
	text-align:right;
}
.ibutton {
	display:block;
	padding:0 20px;
	float:right;
	color:#fff;
	height:28px;
	line-height:28px;
	border:none;
	font-family:arial, Geneva, sans-serif;
	font-size:13px;
	text-align:center;
	-webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  -ms-border-radius:     4px;
  border-radius:         4px;
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0 0 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow:         0 0 3px 1px rgba(0, 0, 0, 0.1);
	-webkit-transition: 100ms all linear;
  -moz-transition:    100ms all linear;
  transition:         100ms all linear;
	cursor:pointer;
	margin:0 4px;
}
.ibutton:hover {
	color:#fff;
	-webkit-box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0 0 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0 0 1px 0px rgba(0, 0, 0, 0.1);
}
.ibutton.color1 {
	background:#32b1bf
}
.ibutton.color1:hover {
	background:#2a919c;
}
.ibutton.color2 {
	background:#ca635d
}
.ibutton.color2:hover {
	background:#bd463f;
}
.ibutton.color3 {
	background:#9a8d72
}
.ibutton.color3:hover {
	background:#83775f;
}