html, body{
	font-family: "";
	font-size:16px;
	margin:0;
	padding:0;
	color:#333;
}


/*#####----- row -----######*/
.full-row{
	width:100%;
	margin:0 auto;
	clear:both;
	padding-right: 15px;
	padding-left: 15px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row{
	width:80%;
	margin:0 auto;
	clear:both;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media (min-width:768px) and (max-width: 981px){
.row{
	width:90%;
}
}
@media (max-width:767px){
.row{
	width:100%;
}
}
@media (max-width:767px){
.full-row{
	padding-right: 10px;
	padding-left: 10px;
}
.row{
	padding-right:10px;
	padding-left:10px;
}
}
img{
	max-width: 100%;
}




/*#####----- GRID SYSTEM -----######*/

.phone-1, .phone-2, .phone-3, .phone-4, .phone-5, .phone-6, .phone-7, .phone-8, .phone-9, .phone-10, .phone-11, .phone-12,
.tab-1, .tab-2, .tab-3, .tab-4, .tab-5, .tab-6, .tab-7, .tab-8, .tab-9, .tab-10, .tab-11, .tab-12,
.pc-1, .pc-2, .pc-3, .pc-4, .pc-5, .pc-6, .pc-7, .pc-8, .pc-9, .pc-10, .pc-11, .pc-12{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.phone-1{
	width:8.33333333%;
}
.phone-2{
	width:16.66666667%;
}
.phone-3{
	width:25%;
}
.phone-4{
	width:33.33333333%;
}
.phone-5{
	width:41.66666667%;
}
.phone-6{
	width:50%;
}
.phone-7{
	width:58.33333333%;
}
.phone-8{
	width:66.66666667%;
}
.phone-9{
	width:75%;
}
.phone-10{
	width:83.33333333%;
}
.phone-11{
	width:91.66666667%;
}
.phone-12{
	width:100%;
}
/*##### k-gap #####*/
.phone-gap-1{
	margin-left:8.33333333%;
}
.phone-gap-2{
	margin-left:16.66666667%;
}
.phone-gap-3{
	margin-left:25%;
}
.phone-gap-4{
	margin-left:33.33333333%;
}
.phone-gap-5{
	margin-left:41.66666667%;
}
.phone-gap-6{
	margin-left:50%;
}
.phone-gap-7{
	margin-left:58.33333333%;
}
.phone-gap-8{
	margin-left:66.66666667%;
}
.phone-gap-9{
	margin-left:75%;
}
.phone-gap-10{
	margin-left:83.33333333%;
}
.phone-gap-11{
	margin-left:91.66666667%;
}
.phone-gap-12{
	margin-left:100%;
}
@media (max-width:767px){
.phone-hidden{
	display:none;
}
.phone-show{
	display:block;
}.phone-1, .phone-2, .phone-3, .phone-4, .phone-5, .phone-6, .phone-7, .phone-8, .phone-9, .phone-10, .phone-11, .phone-12,
.tab-1, .tab-2, .tab-3, .tab-4, .tab-5, .tab-6, .tab-7, .tab-8, .tab-9, .tab-10, .tab-11, .tab-12,
.pc-1, .pc-2, .pc-3, .pc-4, .pc-5, .pc-6, .pc-7, .pc-8, .pc-9, .pc-10, .pc-11, .pc-12{
	padding-right: 5px;
	padding-left: 5px;
}
}
@media (min-width:768px) and (max-width: 981px){
.tab-1, .tab-2, .tab-3, .tab-4, .tab-5, .tab-6, .tab-7, .tab-8, .tab-9, .tab-10, .tab-11, .tab-12{

}
.tab-1{
	width:8.33333333%;
}
.tab-2{
	width:16.66666667%;
}
.tab-3{
	width:25%;
}
.tab-4{
	width:33.33333333%;
}
.tab-5{
	width:41.66666667%;
}
.tab-6{
	width:50%;
}
.tab-7{
	width:58.33333333%;
}
.tab-8{
	width:66.66666667%;
}
.tab-9{
	width:75%;
}
.tab-10{
	width:83.33333333%;
}
.tab-11{
	width:91.66666667%;
}
.tab-12{
	width:100%;
}
/*##### k-gap #####*/
.tab-gap-1{
	margin-left:8.33333333%;
}
.tab-gap-2{
	margin-left:16.66666667%;
}
.tab-gap-3{
	margin-left:25%;
}
.tab-gap-4{
	margin-left:33.33333333%;
}
.tab-gap-5{
	margin-left:41.66666667%;
}
.tab-gap-6{
	margin-left:50%;
}
.tab-gap-7{
	margin-left:58.33333333%;
}
.tab-gap-8{
	margin-left:66.66666667%;
}
.tab-gap-9{
	margin-left:75%;
}
.tab-gap-10{
	margin-left:83.33333333%;
}
.tab-gap-11{
	margin-left:91.66666667%;
}
.tab-gap-12{
	margin-left:100%;
}
/*##### tab hidden-show #####*/
.tab-hidden{
	display:none;
}
.tab-show{
	display:block;
}
}


@media (min-width:982px){
.pc-1, .pc-2, .pc-3, .pc-4, .pc-5, .pc-6, .pc-7, .pc-8, .pc-9, .pc-10, .pc-11, .pc-12{

}
.pc-1{
	width:8.33333333%;
}
.pc-2{
	width:16.66666667%;
}
.pc-3{
	width:25%;
}
.pc-4{
	width:33.33333333%;
}
.pc-5{
	width:41.66666667%;
}
.pc-6{
	width:50%;
}
.pc-7{
	width:58.33333333%;
}
.pc-8{
	width:66.66666667%;
}
.pc-9{
	width:75%;
}
.pc-10{
	width:83.33333333%;
}
.pc-11{
	width:91.66666667%;
}
.pc-12{
	width:100%;
}
/*##### pc gap #####*/
.pc-gap-1{
	margin-left:8.33333333%;
}
.pc-gap-2{
	margin-left:16.66666667%;
}
.pc-gap-3{
	margin-left:25%;
}
.pc-gap-4{
	margin-left:33.33333333%;
}
.pc-gap-5{
	margin-left:41.66666667%;
}
.pc-gap-6{
	margin-left:50%;
}
.pc-gap-7{
	margin-left:58.33333333%;
}
.pc-gap-8{
	margin-left:66.66666667%;
}
.pc-gap-9{
	margin-left:75%;
}
.pc-gap-10{
	margin-left:83.33333333%;
}
.pc-gap-11{
	margin-left:91.66666667%;
}
.pc-gap-12{
	margin-left:100%;
}
/*##### pc hidden-show #####*/
.pc-hidden{
	display:none;
}
.pc-show{
	display:block;
}

}

/*#####----- padding -----######*/
.no-padding{
	padding:0;
}
.padding{
	padding:10px;
}
.padding-t-10{
	padding-top:10px;
}
.padding-t-20{
	padding-top:20px;
}
.padding-t-25{
	padding-top:25px;
}
.padding-tb-10{
	padding-top:10px;
	padding-bottom:10px;
}
.padding-tb-25{
	padding-top:25px;
	padding-bottom:25px;
}
.padding-tb-50{
	padding-top:50px;
	padding-bottom:50px;
}
/*#####----- background -----######*/
.bg-none{
	background:none;
}
.bg-1{
	background:#fff;
	overflow: hidden;
}
.bg-2{
	background:#dcddda;
	overflow: hidden;
}
.bg-3{
	background:#343338;
}
.bg-4{
	background:#42ACE5;
}
.bg-5{
	background:#18A497;
}
.bg-6{
	background:#00A03E;
}
.bg-7{
	background:#04d1be;
	overflow: hidden;
}
.bg-8{
	background:#00bfad;
	overflow: hidden;
}
.bg-9{
	background:#de2a54;
	overflow: hidden;
}


/*#####----- colors -----######*/
.color-1{
	color:#fff;
}
.color-2{
	color:#e3e3e3;
}
.color-3{
	color:#343338;
}
.color-4{
	color:#42ACE5;
}
.color-5{
	color:#00bfad;
}
.color-6{
	color:#00A03E;
}
.color-7{
	color:#6534FF;
}
.color-8{
	color:#008377;
}
.color-9{
	color:#de2a54;
}

/*#####----- colors -----######*/
.border-1{
	border:1px solid #fff;
}
.border-2{
	border:1px solid #e3e3e3;
}
.border-3{
	border:1px solid #343338;
}
.border-4{
	border:1px solid #42ACE5;
}
.border-5{
	border:1px solid #18A497;
}
.border-6{
	border:1px solid #00A03E;
}
.border-7{
	border:1px solid #6534FF;
}
.border-8{
	border:1px solid #FF9700;
}
.border-9{
	border:1px solid #FF2321;
}

/*##### ----- list style ----- #####*/
.non-list{
	margin:0;
	padding:0;
	list-style:none;
}
.list-striped > li{
	padding:7px 5px;
}
.list-striped > li:nth-child(even){
	background:#add0cd;
}
.inline-list{
	margin:0;
	padding:0;
	list-style:none;
}
.inline-list > li{
	display:inline-block;
}
/*##### ----- link style ----- #####*/
a{
	text-decoration: none;
	color:#42ACE5;
}

/*##### ----- buttons style ----- #####*/
.btn{
	border:none;
	display: inline-block;
	padding:7px 25px;
	border-radius:none;
	cursor: pointer;
	text-transform: uppercase;
	transition:all .3s;
	margin:5px 0;
}
.btn-b{
	font-size:16px;
}
.btn-2b{
	font-size:18px;
}
.btn:hover{
	box-shadow:0 0 3px #677077;
	opacity:0.9;
}
.btn-type-1{
	border-radius: none;
}
.btn-type-2{
	border-radius: 5px ;
}
.btn-type-3{
	border-radius: 50px ;
}
.btn-type-4{
	background:none;
	border:1px solid #ddd;
}

.social{
	display:inline-block;
	height:50px;
	width:50px;
	line-height: 50px;
	font-size:22px;
	text-align:center;
	margin:5px;
}
.social-1{
	border-radius:5px;
}
.social-2{
	border-radius:50%;
}
.animated-social-1{
	display:inline-block;
	height:50px;
	width:50px;
	line-height: 50px;
	font-size:22px;
	text-align:center;
	margin:5px;
	background:#ddd none repeat scroll center center;
	transition:all 1s;
}
.animated-social-1:hover{
	background:green repeat scroll 0 0;
}
@media (max-width:767px){
.btn-b{
	font-size:15px;
}
.btn-2b{
	font-size:16px;
}
.social{
	margin:5px 2px;
}
.social {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
}


/*##### ----- buttons style ----- #####*/
.text-r{
	text-align:right;
}
.text-l{
	text-align:left;
}
.text-c{
	text-align:center;
}

.full{
	width:100%;
}