section{

	overflow: hidden;

}

body {

	direction: rtl;

	overflow-y: scroll;

	overflow-x: hidden;

	background: #111;

}
body[data-scroll=false]{
	height: 100% !important;
	overflow: hidden !important;
}
html, body,.main {

	height: 100%;

	width: 100%;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, a, img, table, td, tr, input, textarea, select, button, header, footer, section, main, ol, li, ul, form, aside, strong, b {

	font-family: 'dana', tahoma;

	position: relative;

	margin: 0px;

	padding: 0px;

}

html, body, div, span, h1, h2, h3, h4, h5, h6, a, img, table, td, tr,  header, footer, section, main, ol, li, ul, form, aside, strong, b {

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

a:link, a:visited, a:hover, a:active {

	text-decoration: none;

}

* {

	box-sizing: border-box;

	font-size: 16px;

	font-weight: 400;

}

@font-face {

	font-family: dana;

     font-style: normal;

     font-weight: 300;

     src: url('../fonts/dana/eot/dana-light.eot');

     src: url('../fonts/dana/eot/dana-light.eot?#iefix') format('embedded-opentype'), 

     url('../fonts/dana/woff2/dana-light.woff2') format('woff2'), 

     url('../fonts/dana/woff/dana-light.woff') format('woff');

}

@font-face {

	font-family: fontello;

     font-style: normal;

     font-weight: bold;

     src: url('../fonts/fontello/fontello.eot');

     src: url('../fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'), url('../fonts/fontello/fontello.woff2') format('woff2'), url('../fonts/fontello/fontello.woff') format('woff'), url('../fonts/fontello/fontello.ttf') format('truetype');

}

.ico {

	font-family: 'fontello';

	margin-left: 5px;

	font-size: 20px;

}

@font-face {

	font-family: dana;

     font-style: normal;

     font-weight: 500;

     src: url('../fonts/dana/eot/dana-medium.eot');

     src: url('../fonts/dana/eot/dana-medium.eot?#iefix') format('embedded-opentype'), 

     url('../fonts/dana/woff2/dana-medium.woff2') format('woff2'), 

     url('../fonts/dana/woff/dana-medium.woff') format('woff');

}



@font-face {

	font-family: dana;

     font-style: normal;

     font-weight: 600;

     src: url('../fonts/dana/eot/dana-demibold.eot');

     src: url('../fonts/dana/eot/dana-demibold.eot?#iefix') format('embedded-opentype'), 

     url('../fonts/dana/woff2/dana-demibold.woff2') format('woff2'), 

     url('../fonts/dana/woff/dana-demibold.woff') format('woff');

}



@font-face {

	font-family: dana;

     font-style: normal;

     font-weight: bold;

     src: url('../fonts/dana/eot/dana-bold.eot');

     src: url('../fonts/dana/eot/dana-bold.eot?#iefix') format('embedded-opentype'), 

    /* IE6-8 */

     url('../fonts/dana/woff2/dana-bold.woff2') format('woff2'), 

    /* FF39+,Chrome36+, Opera24+*/

     url('../fonts/dana/woff/dana-bold.woff') format('woff');

    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/;

}



@font-face {

	font-family: dana;

     font-style: normal;

     font-weight: normal;

     src: url('../fonts/dana/eot/dana-regular.eot');

     src: url('../fonts/dana/eot/dana-regular.eot?#iefix') format('embedded-opentype'), 

     url('../fonts/dana/woff2/dana-regular.woff2') format('woff2'), 

     url('../fonts/dana/woff/dana-regular.woff') format('woff');

}



@font-face {

	font-family: fontello;

     font-style: normal;

     font-weight: bold;

     src: url('../fonts/fontello/fontello.eot');

     src: url('../fonts/fontello/fontello.eot?#iefix') format('embedded-opentype'), url('../fonts/fontello/fontello.woff2') format('woff2'), url('../fonts/fontello/fontello.woff') format('woff'), url('../fonts/fontello/fontello.ttf') format('truetype');

}



.menu {

  display: none;

  cursor: pointer;

  width: 40px;

  height: 40px;

  position: absolute;

	left: 20px;

	top: 15px;

  margin: 0;

  padding: 0;

  overflow: hidden;

  font-size: 0;

}

.menu span {

  position: absolute;

  display: block;

  background-color: #c69e76;

  height: 3px;

  width: 30px;

  top: 18px;

  left: 5px;

  right: 5px;

  transition: all .3s cubic-bezier(.69, 0, .31, 1);

  border-radius: 5px;

}

.menu span::after,

.menu span::before {

  position: absolute;

  display: block;

  height: 3px;

  background-color: #c69e76;

  content: '';

  width: 100%;

  transition:  all .3s cubic-bezier(.69, 0, .31, 1);

  border-radius: 5px;

}

.menu span::after {

  top: -10px;

}

.menu span::before {

  bottom: -10px;

}

.menu.close span {

  background-color: transparent;

  transition:  all .3s cubic-bezier(.69, 0, .31, 1);

}

.menu.close span::after {

  top: 0;

  transform: rotate(45deg);

  transition:  all .3s cubic-bezier(.69, 0, .31, 1);

}

.menu.close span::before {

  bottom: 0;

  transform: rotate(-45deg);

  transition:  all .3s cubic-bezier(.69, 0, .31, 1);

}





.logo {

	font-size: 22px;

    align-self: flex-end;

}

.logo:before {

	content: '';

	font-family: 'fontello';

	font-size: 53px;

	margin-left: 15px;

}

nav{

	margin-left: 3% !important;

}

nav ul {

  list-style: none;

  margin: 0 auto;padding: 0 25px;

}

.sign-in,

nav  ul  li  a{

	display: block;

	-moz-transition: background .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: background .3s cubic-bezier(.69, 0, .31, 1);

	transition: background .3s cubic-bezier(.69, 0, .31, 1);

	font-weight: 500;

}

nav  ul  li  a{

	color:#1d1d1d;

	padding: 24px 20px 20px 20px;

}

nav  ul  li  a:hover{

	background: rgba(255,255,255,.15);

}



.sign-in{

	font-weight: 600;

	margin-right: 20px;

	border-top:2px solid transparent;

	border-bottom:2px solid transparent;

	-moz-transition: border-bottom .3s cubic-bezier(.69, 0, .31, 1);

	-webkit-transition: border-bottom .3s cubic-bezier(.69, 0, .31, 1);

	transition: border-bottom .3s cubic-bezier(.69, 0, .31, 1);

}

.sign-in:hover{

	border-bottom:2px solid #c69e76;

}

.call{

	display: none;

	bottom: -34%;

	left: 20px;

	padding: 8px 120px;

	z-index: 10;

	transform-origin: left;

	transform: rotate(-90deg);

	color:#000;

}





















.ico {

	font-family: 'fontello';

	margin-left: 5px;

	font-size: 20px;

}





/*+++*/

.col3 {

	-moz-column-count: 3;

	-webkit-column-count: 3;

	column-count: 3;

	-moz-column-gap: 100px;

	-webkit-column-gap: 100px;

	column-gap: 100px;

	text-align: right;

}



@keyframes showModal {

	0% {

		opacity: 0;

		transform: translateY(-30%);

	}



	100% {

		opacity: 1;

		transform: translateY(0);

	}

}



@keyframes ia {

	0% {

		top: 27px;

		color: #333;

		transform: translateY(-50%);

		font-size: 15px;

		background: transparent;

		

	}



	100% {

		top: 8px;

		font-size: 11px;

		color: #333;

		transform: translateY(0%);

		background: #999;

	}

}



@keyframes iar {

	0% {

		top: 8px;

		font-size: 11px;

		color: #333;

		transform: translateY(0%);

		background: #999;

	}



	100% {

		top: 27px;

		color: #333;

		transform: translateY(-50%);

		background: transparent;

		font-size: 15px;

	}

}



select, input[type='text'], input[type='number'], input[type='search'], input[type='password'], textarea {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	width: 100%;

	margin-bottom: 13px;

	padding: 23px 14px 6px 10px;

	color: #000;

	border: 1px solid #e0e0e2;

	background-color: #999;

	font-size: 15px;

	outline: none;

	font-weight: 400;

}

textarea{

	resize: none;

}

textarea.error,

input.error{

	border-color:#f5465c;

	margin-bottom: 0;

}

label + .error,

label + .error{

	padding-bottom: 13px;

    padding-top: 5px;

    color: #f5465c;

	font-weight: 500;

    font-size: 14px;

    transform: translate3d(0,0,0);

}

select,input,textarea{

	border-color:rgba(10,10,10,.5) !important;

	color: #000 !important;

}

.dd {

	position: absolute;

	background: #fff;

	left: 0;

	top: 55px;

	width: 220px;

	overflow-y: auto;

	box-shadow: 0 3px 20px 0 rgb(0 0 0 / 15%);

	border-radius: 10px;

	z-index: 10;

	display: none;

}



.dd[data-status=show] {

	display: block;

}

.clear{

	font-family: 'fontello';

	position: absolute;

	left: 10px;

	top: 50%;

	cursor: pointer;

	font-size: 16px;

	transform: translateY(-50%);

		display: none;



}

.clear[data-show=true]{

	display: block;

}

.btn1 + .waiting, input[type='submit'] + .waiting {

	position: absolute;

	width: 52px;

	top: 55%;

	left: 50%;

	transform: translate(-50%,-50%);

	display: none;

}



.btn1[data-waiting=true] + .waiting, input[type='submit']:disabled + .waiting {

	display: block;

}



input:-webkit-autofill {

	-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 1) inset;

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

}



input:focus, input:-webkit-autofill:focus, input:-webkit-autofill:active {

	border: 1px solid #00bf6f;

}



body[data-status=loaded] textarea + label ,

body[data-status=loaded] input + label {

	animation-duration: .3s !important;

}



textarea + label,

input + label {

	position: absolute;

	top: 27px;

	right: 10px;

	color: #666;

	transform: translateY(-50%);

	padding: 0 5px;

	font-size: 15px;

	cursor: text;

	font-weight: 400;

	animation: iar .3s cubic-bezier(.69, 0, .31, 1) forwards;

	animation-duration: 0s !important;

	   pointer-events: none;

}



textarea + label,

input + label{

	border-radius: 5px;

}

textarea[required] + label:after ,

input[required] + label:after {

	content: '*';

	color: #f5465c;

	margin: 0 4px;

	transform: translate3d(0,0,0);

}

textarea:focus + label *,

textarea:focus + label,

textarea:-webkit-autofill + label *,

textarea:-webkit-autofill + label,

textarea:not(:placeholder-shown) + label *,

textarea:not(:placeholder-shown) + label,

input:focus + label, input:-webkit-autofill + label, input:not(:placeholder-shown) + label {

	animation: ia .3s cubic-bezier(.69, 0, .31, 1) forwards;

}



form .status {

	text-align: center;

	margin-top: 15px;

	color: #f95727;

	font-size: 16px;

	font-weight: 400;

}

/*header*/

@-webkit-keyframes zoom {

	0%, 100% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		transform: scale(1);

	}



	50% {

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		transform: scale(1.1);

	}

}



@keyframes zoom {

	0%, 100% {

		-webkit-transform: scale(1);

		-moz-transform: scale(1);

		transform: scale(1);

	}



	50% {

		-webkit-transform: scale(1.1);

		-moz-transform: scale(1.1);

		transform: scale(1.1);

	}

}



select, input[type='text'], input[type='search'], input[type='password'], textarea {

	border-radius: 5px;

}



.btn {

	display: block;

	width: 100%;

	padding: 14px 0;

	font-weight: 400;

	cursor: pointer;

	color: #999;

	text-align: center;

	border-radius: 5px;

	border: solid 1px rgba(10,10,10,.5);

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

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

}

/*footer*/

footer {

	width: 80%;

	margin: auto;

	padding: 60px 0;



}

footer input{

margin: 0 !important;

	direction: ltr;

}

footer button{

	width: 80px !important;

}

.tran-dis * {

  -webkit-transition: none !important;

  -moz-transition: none !important;

  -ms-transition: none !important;

  -o-transition: none !important;

  transition: none !important;

}



.z10{z-index: 10}

.of-h{overflow: hidden}

.mmr{margin-right: 5%}

.mml{margin-left: 5%}

.txtsb{font-size: 70px}

.txtsl{font-size: 40px}

.txtt{font-size: 30px}

.fs25{font-size: 25px}

.fs20{font-size: 20px}

.lhn{line-height: 30px}

.tc {color: #999}

.mcf {color: #c69e76}

.mcb {background-color: #c69e76}

.bg-nor{background-repeat: no-repeat}

.bg-s100{background-size: 100%}

.bg-co{background-size: cover}

.bg-pos-c{background-position: center}

.clr-r{color: #ef4056}

.pos-a{position: absolute}

.mb10{margin-bottom:10px}

.mb15{margin-bottom:15px}

.mb20{margin-bottom: 20px}

.mb60{margin-bottom: 60px}

.mb5{margin-bottom: 5px}

.mt30{margin-top: 30px}

.mt20{margin-top: 20px}

.mt5{margin-top: 5px}

.mt10{margin-top: 10px}

.mt15{margin-top: 15px}

.mra{margin-right: auto}

.mla{margin-left: auto}

.ml10{margin-left: 10px}

.mr10{margin-right: 10px}

.ml20{margin-left: 20px}

.mr20{margin-right: 20px}

.p40{padding: 40px}

.p60{padding: 60px}

.pl1{padding-left:1%}

.disb{display: block}

.disib{display: inline-block}

.flr{

	display: flex;

	flex-flow: row;

}

.flc{

	display: flex;

	flex-flow: column;

}

.flw{flex-wrap: wrap}

.fl-ac{align-items: center}

.fl-as{align-items: flex-start}

.fl-jc{justify-content: center}

.fl-jsb{justify-content: space-between}

.fl-sh-0{flex-shrink:0}

.fl-g-0{flex-grow:0}

.fl-g-1{flex-grow:1}

.rad{border-radius: 10px}

.brd{border: 1px solid #ddd}

.brdb{border-bottom: 1px solid #ddd}

.l-ts{font-size: 25px}

.l-ico{font-size: 80px}

.xl-ico{font-size: 110px}

.we5{font-weight: 500}

.we6{font-weight: 600}

.tar{text-align: right}

.tal{text-align: left}

.taj{text-align: justify}

.w1{width:1%}

.w25{width:25%}

.w30{width:30%}

.w40{width:40%}

.w49{width:49%}

.w50{width:50%}

.w100{width:100%}

.h100{height:100%}

.rtl{direction:rtl}

.ltr{direction:ltr}

.flxbr{

	flex-basis: 100%;

    height: 0;

}

footer .form-status:empty{

	margin: 0 !important;

}



.curs-poin{cursor: pointer}



@media only screen and (max-width: 1440px) {

	

	*{

		font-size:13px;

	}

	.logo{

		font-size:16px;

	}

	.logo:before {

		font-size: 40px;

	}

	.txtsb{

		font-size:52px;

	}

	.txtt{

		font-size:22px;

	}

	.fs20{

		font-size:15px;

	}

	.fs25{

		font-size:18px;

	}

	.txtsl {

		font-size: 30px;

	}

	nav ul li a {

		padding: 16px 20px 14px 20px;

	}

	footer {

		width: 100% !important;

		margin: auto;

		padding: 30px 5%;

	}

	footer .flr{

		flex-flow: wrap;

		

    align-items: center;

	}

	footer .flc{

		margin-bottom: 10px;

	}

	footer form {

		align-items:inherit !important;

	}

	footer button {

		

		margin-right: 10px !important;

		width: 100% !important;

	}

	footer .copyright{

		text-align: center;

	}

}



@media only screen and (min-width: 1024px) and (max-width: 1200px) {

	

	*{

		font-size:15px;

	}

	.logo{

		

		transition: none !important;

		margin-top: 15px;

		margin-right: 25px;

	}

	

	.menu{

		display: block;

	}

	nav{

		background: #161616 !important;

		transition: none !important;

		left:-100%;

		position: fixed;

		top: 70px;

		width: 65%;

		height: 100%;

		margin: 0 !important;

		padding: 15px 0;

		flex-flow: column-reverse !important;

		justify-content: flex-end;

		z-index: 20;

		-moz-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	-webkit-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;
max-height: 80%;
    overflow: scroll;
    justify-content: flex-start;
	}

	nav.show{

		left: 0;

	}

	nav:before{

		content: '';

		background: rgba(0,0,0,.8);

		width: 100%;

		height: 100%;

		right: -100%;

		top: 0;

		position: absolute;

		z-index: 19;

		display: none;

	}

	nav.show:before{

		display: block;

	}

	nav ul{

		background: transparent !important;

		align-items: flex-start !important;

		padding: 0 !important;

		width: 100%;
margin-bottom: auto;
	}

	.sign-in{

		transition: none !important;

		    margin-right: 0 !important;

		

		margin-top: 8%;

	}

	.sign-in,

	nav ul li{

		width: 100%;

		

		border-bottom: 1px solid #444; 

	}

	.sign-in,

	nav ul a{

		color:#999 !important;

		padding: 15px 25px 11px 25px !important;

	}

	nav .flr{

		flex-flow: column;

	}

	.txtsb{

		font-size:40px;

	}

	footer {

		width: 100% !important;

		margin: auto;

		padding: 30px 25px;

	}

	footer .flr{

		flex-flow: wrap;

	}

	

	footer .flc a{

		max-width: 78%;

	}

	footer .flc{

		margin-bottom: 10px;

		width: 50%;

	}

	

	footer .mra{

		margin-right: 0 !important;

	}

	footer form {

		align-items:inherit !important;

	}

	footer button {

		

		margin-right: 10px !important;

		width: 100% !important;

	}

	footer .copyright{

		text-align: center;

	}

}



@media only screen and (min-width: 768px) and (max-width: 1023px) {

  	

	*{

		font-size:15px;

	}

	.txtsb{

		font-size:40px;

	}

	.logo{

		

		transition: none !important;

		margin-top: 15px;

		margin-right: 25px;

	}

	

	.menu{

		display: block;

	}

	nav{

		background: #161616 !important;

		transition: none !important;

		left:-100%;

		position: fixed;

		top: 70px;

		width: 65%;

		height: 100%;

		margin: 0 !important;

		padding: 15px 0;

		flex-flow: column-reverse !important;

		justify-content: flex-end;

		z-index: 20;

		-moz-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	-webkit-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;
max-height: 80%;
    overflow: scroll;
    justify-content: flex-start;
	}

	nav.show{

		left: 0;

	}

	nav:before{

		content: '';

		background: rgba(0,0,0,.8);

		width: 100%;

		height: 100%;

		right: -100%;

		top: 0;

		position: absolute;

		z-index: 19;

		display: none;

	}

	nav.show:before{

		display: block;

	}

	nav ul{

		background: transparent !important;

		align-items: flex-start !important;

		padding: 0 !important;

		width: 100%;
margin-bottom: auto;
	}

	.sign-in{

		transition: none !important;

		    margin-right: 0 !important;

		

		margin-top: 8%;

	}

	.sign-in,

	nav ul li{

		width: 100%;

		

		border-bottom: 1px solid #444; 

	}

	.sign-in,

	nav ul a{

		color:#999 !important;

		padding: 15px 25px 11px 25px !important;

	}

	nav .flr{

		flex-flow: column;

	}

	footer {

		width: 100% !important;

		margin: auto;

		padding: 30px 25px;

	}

	footer .flr{

		flex-flow: wrap;

	}

	footer .flc{

		margin-bottom: 10px;

		width: 50%;

	}

	

	footer .mra{

		margin-right: 0 !important;

	}

	

	footer .flc a{

		max-width: 78%;

	}

	footer form {

		align-items:inherit !important;

	}

	footer button {

		

		margin-right: 10px !important;

		width: 100% !important;

	}

	footer .copyright{

		text-align: center;

	}

}



@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {

	

	*{

		font-size:15px;

	}

	.txtsb{

		font-size:40px;

	}

	.logo{

		

		transition: none !important;

		margin-top: 15px;

		margin-right: 25px;

	}

	

	.menu{

		display: block;

	}

	nav{

		background: #161616 !important;

		transition: none !important;

		left:-100%;

		position: fixed;

		top: 70px;

		width: 65%;

		height: 100%;

		margin: 0 !important;

		padding: 15px 0;

		flex-flow: column-reverse !important;

		justify-content: flex-end;

		z-index: 20;

		-moz-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	-webkit-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;
max-height: 80%;
    overflow: scroll;
    justify-content: flex-start;
	}

	nav.show{

		left: 0;

	}

	nav:before{

		content: '';

		background: rgba(0,0,0,.8);

		width: 100%;

		height: 100%;

		right: -100%;

		top: 0;

		position: absolute;

		z-index: 19;

		display: none;

	}

	nav.show:before{

		display: block;

	}

	nav ul{

		background: transparent !important;

		align-items: flex-start !important;

		padding: 0 !important;

		width: 100%;
margin-bottom: auto;
	}

	.sign-in{

		transition: none !important;

		    margin-right: 0 !important;

		

		margin-top: 8%;

	}

	.sign-in,

	nav ul li{

		width: 100%;

		

		border-bottom: 1px solid #444; 

	}

	.sign-in,

	nav ul a{

		color:#999 !important;

		padding: 15px 25px 11px 25px !important;

	}

	nav .flr{

		flex-flow: column;

	}

	footer {

		width: 100% !important;

		margin: auto;

		padding: 30px 25px;

	}

	footer .flr{

		flex-flow: wrap;

	}

	footer .flc{

		margin-bottom: 10px;

		width: 50%;

	}

	

	footer .flc a{

		max-width: 78%;

	}

	footer .mra{

		margin-right: 0 !important;

	}

	footer form {

		align-items:inherit !important;

	}

	footer button {

	

		margin-right: 10px !important;

		width: 100% !important;

	}

	footer .copyright{

		text-align: center;

	}

}



@media only screen and (min-width: 0px) and (max-width: 479px) and (orientation: portrait) {

	*{

		font-size:15px;

	}

	

	.txtsb{

		font-size:40px;

	}

	.logo{

		

		transition: none !important;

		margin-top: 15px;

		margin-right: 25px;

	}

	.menu{

		display: block;

	}

	nav{

		background: #161616 !important;

		transition: none !important;

		left:-100%;

		position: fixed;

		top: 70px;

		width: 65%;

		height: 100%;

		margin: 0 !important;

		padding: 15px 0;

		flex-flow: column-reverse !important;


		z-index: 20;

		-moz-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	-webkit-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;
max-height: 80%;
    overflow: scroll;align-items: flex-start !important;
	}

	nav.show{

		left: 0;

	}

	nav:before{

		content: '';

		background: rgba(0,0,0,.8);

		width: 100%;

		height: 100%;

		right: -100%;

		top: 0;

		position: absolute;

		z-index: 19;

		display: none;

	}

	nav.show:before{

		display: block;

	}

	nav ul{

		background: transparent !important;


		padding: 0 !important;
    flex-grow: 1;
		width: 100%;
	}

	.sign-in{

		transition: none !important;

		    margin-right: 0 !important;

		

		margin-top: 8%;

	}

	.sign-in,

	nav ul li{

		width: 100%;

		

		border-bottom: 1px solid #444; 

	}

	.sign-in,

	nav ul a{

		color:#999 !important;

		padding: 15px 25px 11px 25px !important;

	}

	nav .flr{

		flex-flow: column;

	}

	footer {

		width: 100% !important;

		margin: auto;

		padding: 30px 25px;

	}

	footer .flr{

		flex-flow: wrap;

	}

	footer .flc{

		margin-bottom: 10px;

		width: 50%;

	}

	footer .flc:last-child{

		width: 100%;

	}

	footer .flc a{

		max-width: 78%;

	}

	footer .mra{

		margin-right: 0 !important;

	}

	footer form {

		align-items:inherit !important;

	}

	footer button {

		

		margin-right: 10px !important;

		width: 100% !important;

	}

	footer .copyright{

		text-align: center;

	}

}



@media only screen and (min-width: 0) and (max-width: 1023px) and (orientation: landscape) {

	*{

		font-size:15px;

	}

	.txtsb{

		font-size:40px;

	}

	.logo{

		

		transition: none !important;

		margin-top: 15px;

		margin-right: 25px;

	}

	.menu{

		display: block;

	}

	nav{

		background: #161616 !important;

		transition: none !important;

		left:-100%;

		position: fixed;

		top: 70px;

		width: 65%;

		height: 100%;

		margin: 0 !important;

		padding: 15px 0;

		flex-flow: column-reverse !important;


		z-index: 20;

		-moz-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	-webkit-transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;

	transition: left .3s cubic-bezier(.69, 0, .31, 1) !important;
		max-height: 80%;
    overflow: scroll;
    align-items: flex-start !important;
	}

	nav.show{

		left: 0;

	}

	nav:before{

		content: '';

		background: rgba(0,0,0,.8);

		width: 100%;

		height: 100%;

		right: -100%;

		top: 0;

		position: absolute;

		z-index: 19;

		display: none;

	}

	nav.show:before{

		display: block;

	}

	nav ul{
		background: transparent !important;

    flex-grow: 1;
		padding: 0 !important;

		width: 100%;

	}

	.sign-in{

		transition: none !important;

		    margin-right: 0 !important;

		

		margin-top: 8%;

	}

	.sign-in,

	nav ul li{

		width: 100%;

		

		border-bottom: 1px solid #444; 

	}

	.sign-in,

	nav ul a{

		color:#999 !important;

		padding: 15px 25px 11px 25px !important;

	}

	nav .flr{

		flex-flow: column;

	}

	footer {

		width: 100% !important;

		margin: auto;

		padding: 30px 25px;

	}

	footer .flr{

		flex-flow: wrap;

	}

	footer .flc{

		margin-bottom: 10px;

		width: 50%;

	}

	footer .flc a{

		max-width: 78%;

	}

	footer .flc:last-child{

		width: 100%;

	}

	footer .mra{

		margin-right: 0 !important;

	}

	footer form {

		align-items:inherit !important;

	}

	footer button {

		margin-right: 10px !important;

		width: 100% !important;

	}

	footer .copyright{

		text-align: center;

	}

}section{
    background: #000;
}
.blog {
  padding: 7% 0;
}
.blog .item{
	background: #111;
}
.blog .image{
	width:300px;
	height: 180px;
	opacity: .8;
}
.blog .btn{
	width: 150px;
    display: inline-block;
    margin-right: auto;
}
@media only screen and (max-width: 1440px) {
 
	 .categories .items{
		 flex-flow: row !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 240px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
     section {
         padding: 7% 0 !important;
    } 
	section header {
        margin-right: 25px !important;
    } 
	 .categories{
		 margin:0 !important;
		 padding: 0 25px !important;
	 }
	 .categories .items{
		 flex-flow: row !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 160px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: Landscape ) {
     section {
         padding: 7% 0 !important;
    } 
	section header {
        margin-right: 25px !important;
    } 
	 .categories{
		 margin:0 !important;
		 padding: 0 25px !important;
	 }
	 .categories .items{
		 flex-flow: row !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 160px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
     section {
         padding: 7% 0 !important;
    } 
	section header {
        margin-right: 25px !important;
    } 
	 .categories{
		 margin:0 !important;
		 padding: 0 25px !important;
	 }
	 .categories .items{
		 flex-flow: row !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 160px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: portrait) {
    section {
         padding: 7% 0 !important;
    } 
	section header {
        margin-right: 25px !important;
    } 
	 .categories{
		 margin:0 !important;
		 padding: 0 25px !important;
	 }
	 .categories .items{
		 flex-flow: column !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 width: 100%;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 160px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (min-width: 0px) and (max-width: 479px) and (orientation: portrait) {
     section {
         padding: 7% 0 !important;
    } 
	section header {
        margin-right: 25px !important;
    } 
	 .categories{
		 margin:0 !important;
		 padding: 0 25px !important;
	 }
	 .categories .items{
		 flex-flow: column !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 width: 100%;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 160px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (min-width: 0) and (max-width: 1023px) and (orientation: landscape) {
     section {
         padding: 7% 0 !important;
    } 
	section header {
        margin-right: 25px !important;
    } 
	 .categories{
		 margin:0 !important;
		 padding: 0 25px !important;
	 }
	 .categories .items{
		 flex-flow: column !important;
	 }
	 .categories .items .item{
		 flex-flow: column !important;
		 width: 100%;
		 padding: 40px 25px;
	 }
	 .categories .items .info{
		 margin-right: 0 !important;
	 }
	 .categories .items .txt{
		 text-align: justify;
	 }
	 .blog .image {
		width: 100%;
		height: 160px;
		 margin-bottom: 20px;
	}
}