@import url('reset.css');

html {

	min-height:100%;

	position:relative;

}

body {

	margin:0px;

	font-size:13px;

	background:#fff;

	padding-bottom:45px;

	color:#666;

}

.header{ padding:10px 0px; border-top:5px solid #ecf0f1;}

.header01 img{ display:block; max-width:100px; margin:15px auto;}

.blocks{ }
.sti-menu li:nth-child(6){ margin-left:10%;}


.footer {

	

	background:#eee;

	min-height:30px;

	line-height:30px;

	color:#666;

	position:absolute;

	width:100%;

	bottom:0px; font-size:11px; 

	

}

.footer a{ text-decoration:none; color:#333}

.webmaster {

	float:right;

}

.webmaster a {

	color:#666;

	text-decoration:none;

}







.mt{ display:table; width:100%;}

.mr{ display:table-row;}

.md{ display:table-cell; vertical-align:top;}

.logo{ display:block; max-width:200px;}

.logo img{ width:100%;}

.socials{ margin:0px; padding:0px; list-style:none; float:right; margin-bottom:10px;  }

.socials li:first-child{ position:relative; left:-7px;}

.socials:before,.socials:after{ content:''; clear:both; display:table;}

.socials li{ display:inline-block; margin-left:3px;}

.socials li strong{ font-weight:normal; font-size:11px; font-family:Tahoma, Geneva, sans-serif;}

.socials .fa-facebook{ background:#365490;}

.socials .fa-twitter{ background:#77d4e5;}

.socials .fa-linkedin{ background:#42a2d2;}

.socials .fa-youtube{ background:#d02a2c;}

.socials .fa-google-plus{ background:#df796e;}

.socials .fa-skype{ background:#00aeef;}

.socials .fa-flickr{ background:#f66bb1;}





.socials .fa-envelope{ background:#ccc;}

.socials li a{ display:block; text-decoration:none; display:block; height:21px; width:21px; background:#eee; line-height:21px; text-align:center; font-size:14px; color:#fff; border-radius:3px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.socials li a:hover{ background:#05b105; color: #fff;}

.search{ padding:1px 0px;}

.search input[type=text]{ width:100%; height:25px; border:none; background:#fff; border:1px solid #e5e5e5; border-right:none; font-size:12px; }

.search button{ border:none; background:none; outline:none; margin:0px; padding:0px; }

.search button i{ display:block; height:25px; width:25px; text-align:center; line-height:25px; background:#05b105; color:#fff; font-size:15px;}

.search-btn{ width:1%;}



.extras{ margin:0px; padding:0px; list-style:none; float:right; }

.extras:before,.socials:after{ content:''; clear:both; display:table;}

.extras li{ display:inline-block; float:left; margin:0px 7px; text-decoration:none; display:block; height:30px; line-height:30px; text-align:center; font-size:13px; color:#333;  -webkit-transition:all .3s ease-in-out;  transition:all .3s ease-in-out;   font-family: 'Paprika'; }

.extras li i{ color:#05b105;}

.bank-blocks{ background:#f9f9f9; padding:20px 0px;}

.bank-blocks .bank{ border:1px solid #e5e5e5; font-size:11px; background:#fff; padding:10px 15px 15px 15px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow:0px 1px 3px rgba(0,0,0,0.1); margin-bottom:20px;}

.bank-blocks .bank strong{ display:block; margin-top:3px;}

.bank-blocks .bank .md{ padding:6px 0px; font-family:Tahoma, Geneva, sans-serif;}

.mybtn .fa-file-pdf-o{ background:#fff; color:#f00 ; font-size:18px; height:25px; width:25px; line-height:25px; margin:2px; border-radius:3px;}

.bsearch{ padding-top:5px; }

.bsearch input[type=text]{ width:100%; height:30px; border:none; border:1px solid #e5e5e5; padding:0px 10px;}

.bsearch button{ border:none; background:none; outline:none; margin:0px; padding:0px; display:block; height:30px; text-align:center; line-height:30px; background:#c00; color:#fff; font-size:11px; padding:0px 10px; text-transform:uppercase; white-space:nowrap; border-radius:3px; margin-left:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}.bsearch button:hover{ background:#666;}





.bsearch-btn{ width:1%;}



.innerlog{ float:left;}

.navigation2{ background:#05b105;}

.navigation2 a{ display:block; text-align:center; color:#fff; text-decoration:none; font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:13px;  padding:6px 0px;text-transform:capitalize;}

.navigation2 a:hover{ background:#444;}



.navigation{ background:#05b105;}



.navigation ul { position:relative; }

.navigation ul li{ display:inline-block; float:left; position:relative;}

.navigation ul li a{ display:block; font-size:14px; color:#fff; text-decoration:none; font-family:'Flaticon',Arial, Helvetica, sans-serif; padding:0px 15px; height:40px; line-height:40px; text-transform:uppercase;}

.navigation ul li a:hover{ background:#7f8c8d;}

.navigation ul li:before{ content:''; position:absolute; right:100%; top:0px; width:1px ; height:100%; 

background:#fff;

background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));

background:-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));

background:linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));

}

.navigation ul li:after{ content:''; position:absolute; margin-right:1px; right:100%; top:0px; width:1px ; height:100%;

background:#000;

background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));

background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));

background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0));

}



.ad{min-height:90px; background:#fff; margin-top:5px; border:1px solid #eee;}

.ad2{  background:#eee; margin-bottom:15px;}

.ad2:last-child{ margin-bottom:0px;}

.imagea{  background:#eee; position:relative;}

.devide{font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#05B105; border-bottom:1px dotted #ccc; margin-bottom:10px;}

.imagea:before{ content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; border:10px solid rgba(255,255,255,0.3)}

.heading{ background:#f7000e; margin-bottom:15px;}

.heading h3{ margin:0px;font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:20px; text-align:center; padding:5px 0px; color:#ecf0f1}

.form strong{ display:block; padding-right:10px; white-space:nowrap; font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.form strong small{ display:block; font-size:11px; font-family:Tahoma, Geneva, sans-serif; color:#999;}
input[type=checkbox] {

	display: none

}

input[type=checkbox]+ label {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 700;

	cursor: pointer

}

input[type=checkbox]+ label span {

	display: inline-block;

	width: 16px;

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

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

	cursor: pointer;

	height: 16px;

	margin-right: 8px;

	position: relative;

	bottom: -5px;

	border: 1px solid #ccc

}

input[type=checkbox]:checked+label span {

	border: 1px solid #c00;



}

input[type=checkbox]:checked+label span:before{ position:absolute; content:'\f00c'; height:100%; width:100%; background:#c00; left:0px; top:0px; font-size:10px; font-family:'FontAwesome'; color:#fff; height:14px; line-height:14px; text-align:center;}







input[type=radio] {

	display: none

}

input[type=radio]+ label {

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: 700;

	display:inline-block; float:left; margin:0px; padding:0px;

	cursor: pointer; margin-right:10px;

}

input[type=radio]+ label span {

	display: inline-block;

	width: 16px;

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

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

	cursor: pointer;

	height: 16px;

	margin-right: 5px;

	position: relative;

	bottom: -2px; border-radius:100%;

	border: 1px solid #ccc;

}

input[type=radio]:checked+label span {

	border: 1px solid #05b105;



}

input[type=radio]:checked+label span:before{ position:absolute; content:''; width:6px; background:#05b105; left:50%; top:50%; margin-left:-3px; margin-top:-3px; font-size:7px;  color:#fff;border-radius:100%; height:6px; line-height:6px; text-align:center;}

.selectbox {

	background-color: #fff;

	border: 1px solid #ccc;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	padding: 0;

	position: relative;

	width: 100%;

	z-index: 1

}

.selectbox:hover {

	border-color: #ccc

}

.selectbox:before {

	color: #999;

	display: block;

	font-family: FontAwesome;

	font-size: 1em;

	height: 100%;

	line-height:25px;

	padding: 0 .625em;

	position: absolute;

	top: 0;

	right: 0;

	text-align: center;

	width: 25px;

	z-index: -1

}

.selectbox select {

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

	background-color: transparent;

	border: 0;

	-webkit-box-shadow: none;

	        box-shadow: none;

	color: #666;

	display: block;

	text-indent: 3px;

	line-height: normal;

	margin: 0;

	padding: 0;

	height:23px;

	width: 100%;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none

}

.selectbox select::-ms-expand {

display:none

}

.selectbox select:focus {

	outline: 0

}

:-moz-any(.selectbox):before {

background-color:#fff;

pointer-events:none;

z-index:1

}





.msg2{ min-height:10px;}

.form{ width:100%; padding:15px 15px; padding-bottom:13px; border:1px solid #ccc;border-top:3px solid #05b105; border-bottom:3px solid #e74c3c; position:relative;}

.label01{ width:100px; background:#05b105; position:absolute; right:0px; top:0px; color:#fff; font-size:20px; border-bottom-left-radius:30px; padding:5px 20px; font-weight:bold; margin-top:-1px; margin-right:-1px; }

.label02{width:100px; background:#e74c3c; position:absolute; right:0px; margin-bottom:-3px;  color:#fff; font-size:20px; border-top-left-radius:30px; padding:6px 20px; font-weight:bold; margin-top:-1px; margin-right:-1px; bottom:0px; }

.label02 strong{ display:block; color:#fff; font-size:17px; text-align:center;}



.form table{ width:100%;}

.form table tr:last-child .msg2{ height:0px; min-height:inherit;}

.form table tr td:first-child{ width:1%;}

.form input[type=text],textarea,input[type=file]{ width:100%; color:#666; height:25px; border:1px solid #ccc; padding-left:10px;}
.form input[type=file]{ height:inherit;}
.form textarea{ text-indent:0px; padding:10px; height:80px;}
.tags{ margin:0px 0px; margin-left:10px;}

.tags li{ display:inline-block; color:#fff; position:relative;}

.tags li strong{display:inline-block; height:30px; line-height:27px; padding:0px 15px; font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; 

-webkit-box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2),0px 1px 5px rgba(0,0,0,0.3); 

        box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2),0px 1px 5px rgba(0,0,0,0.3);

border-radius:5px; color:#333;  position:relative; padding-left:45px; padding-right:30px; font-weight:normal}

.tags li strong b{ display:block; text-align:center; width:30px;   font-family: 'FontAwesome'; position:absolute; right:0px; top:0px; height:30px; line-height:30px; font-size:13px;}



.tags li strong i{ position:absolute; left:0px; top:0px; height:100%; width:30px; line-height:27px; text-align:center; border-right:1px solid rgba(0,0,0,0.2); color:#f00;}

.tags li strong:hover{ background:#999;}

.tags li strong:active{ background:#fff; color:#333;}

.tags li strong:hover i{ color:#fff;}

.tags li strong:active i{ color:#333;}

.outp{ visibility:hidden; opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0)}

.inp{ visibility:visible; opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}

.popup-msg{ -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left;  position:absolute; padding:5px 10px; background:#333; border-radius:4px; bottom:100%; left:0px;

-webkit-box-shadow:-2px 5px 3px rgba(0,0,0,0.3);

        box-shadow:-2px 5px 3px rgba(0,0,0,0.3); z-index:999;}

.popup-msg:before{

	content:'';

	top:100%; left:25px;

position:absolute; 

border-left:0px solid transparent;

border-right:10px solid transparent;

border-top:10px solid #333;}

.popup-msg ul{ display:block; padding:0px; margin:0px; list-style:none; white-space:nowrap; }

.popup-msg ul li{ display:inline-block; position:relative;}

.popup-msg ul li:before{ content:''; position:absolute; right:100%; top:0px; width:1px ; height:100%; 

background:#fff;

background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(rgba(255,255,255,0.5)), to(rgba(255,255,255,0)));

background:-webkit-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
background:-moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
background:linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));

}

.popup-msg ul li:after{ content:''; position:absolute; margin-right:1px; right:100%; top:0px; width:1px ; height:100%;

background:#000;

background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(rgba(0,0,0,0.3)), to(rgba(0,0,0,0)));

background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0));

background:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0));

}

.popup-msg ul li a{ display:block; color:#fff; text-decoration:none;font-family:'Flaticon',Arial, Helvetica, sans-serif; padding:0px 5px; font-size:11px;}

.popup-msg ul li a:hover{ color:#05b105;}

.byms{ margin:2px;}

.byms .clm{ padding:0px 2px;}

.popup-msg ul li:first-child:before,:after{ display:none; }

.btms{ background:#05b105; padding:10px;  margin-top:15px; border-radius:5px;}

.btns{ float:right;}

.btns span{ font-size:20px; display:inline-block; height:30px; line-height:30px; float:left; color:#fff;font-family:'Flaticon',Arial, Helvetica, sans-serif;}

.mybtn{ display:inline-block; height:30px; line-height:25px; padding:0px 5px; font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; text-transform:uppercase; text-shadow:0px 2px 0px rgba(0,0,0,0.2); 

-webkit-box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2); 

        box-shadow:inset 0px -3px 0px rgba(0,0,0,0.2);

border-radius:5px; color:#fff; width:100%; text-align:center;   position:relative; }

.mybtn i{ position:absolute; right:0px; top:0px; height:100%; width:30px; line-height:27px; text-align:center; border-left:1px solid rgba(0,0,0,0.2);}

.mybtn:hover{ background:#222; text-shadow:0px 2px 1px rgba(0,0,0,0.1)}

.mybtn:active{ background:#05b105; color:#fff;}

.grey:hover{ color:#fff; cursor:pointer;}

.orange{

	background:#f90;}

.blue{ background:#09f;}

.grey{ 

background:#05B105; color:#fff; text-align:left; padding-left:10px;  

}

*{-webkit-box-shadow:0px 0px 0px 1px #ff90;box-shadow:0px 0px 0px 1px #ff90; }

.top_banners{ background:url(../images/bg.jpg)#eee; min-height:200px; margin-top:-15px; padding:15px 0px;}

.image2{ padding:0px 20px;}

.demo_list{ padding-left:20px;}

.demo_list li{ display:inline-block; float:left; width:50%; position:relative; margin-bottom:16px; font-family:'Flaticon',Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; color:#61480b;}

.demo_list li:before{ content:'\f138'; color:#05b105; position:absolute; right:100%; top:0px; margin-right:8px; font-family: 'FontAwesome';}

.top_banners h3{font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; margin:0px; padding:0px; margin:15px 0px; border-bottom:1px dotted #61480b; padding-bottom:5px; color:#61480b;} 



.sampls li{ display:inline-block; position:relative; color:#61480b; }

.sampls li:first-child{  font-family:'Flaticon',Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#61480b;}

.sampls li a{ font-size:12px; display:block; padding:0px 3px; text-decoration:none; color:#61480b;}

.sampls li a:hover{ text-decoration:underline;}

.price{ font-size:30px; text-align:center; color:#61480b; font-weight:bold; margin-top:10px;}

.line{ height:1px;  margin:10px 0px;border-bottom:1px dotted #61480b;}



.image3{ -webkit-box-shadow:0px 0px 0px 10px rgba(0,0,0,0.1); box-shadow:0px 0px 0px 10px rgba(0,0,0,0.1); border-radius:5px; overflow:hidden; margin-top:10px; }

.pages{font-family:'Flaticon',Arial, Helvetica, sans-serif; font-size:15px; color:#61480b; margin-top:15px;}

.strip{ background:#05B105; padding:5px 0px;}

.sampls2{ text-align:center;}

.sampls2 li{ display:inline-block; position:relative; color:#fff; }

.sampls2 li:first-child{  font-family:'Flaticon',Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#fff;}

.sampls2 li a{ font-size:12px; display:block; padding:0px 3px; text-decoration:none; color:#fff;}

.sampls2 li a:hover{ color:#ff0;}

.alert001{ min-height:15px;}

.infor{ padding:15px 0px; }

.lftnfo{ background:#fff; padding:20px;  border:1px solid #bdc3c7; border-top:3px solid #f00;}

.lftnfo strong{font-family:'Flaticon',Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; border-bottom:1px dotted #999; color:#05B105; margin-bottom:10px; display:block; }
.mytable a{ padding:0px; height:inherit; line-height:inherit; padding:2px 10px; white-space:nowrap;}
.price2{ font-weight:normal;}
.mytable{font-family:'Flaticon',Arial, Helvetica, sans-serif;}
.price2{ white-space:nowrap; color:#f00;}

.payment_type label{ color: #000;}
.payment_type label b{ color: #05B105;}
.payment_type strong{
 text-shadow: 1px 1px rgb(205, 0, 11), 2px 2px rgb(210, 0, 11), 3px 3px rgb(215, 0, 12), 4px 4px rgb(220, 0, 12), 5px 5px rgb(226, 0, 12), 6px 6px rgb(231, 0, 13), 7px 7px rgb(236, 0, 13), 8px 8px rgb(241, 0, 13), 9px 9px rgb(247, 0, 14);

 color: #fff; text-transform: uppercase;  display: inline-block; padding: 0px 15px; line-height: 30px; border-radius: 15px; background: #F7000E; position: relative;  -webkit-transition: all .5s ease;  transition: all .5s ease; -webkit-transform: translateX(-8px); -ms-transform: translateX(-8px); transform: translateX(-8px)}
.payment_type strong:before{ content:''; position: absolute; left: 100%; top: 50%; margin-top: -5px; margin-left: -2px; border-top:5px solid transparent;  border-bottom:5px solid transparent;  border-left:7px solid #F7000E;}
.payment_type strong.change{ -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px);}


@media (min-width: 1200px) {

.inner-width .container {

    width: 1100px;

  }

}