espo/*
	Theme Name: MehrVPN2333
	Author: MehrshadOnline
	Author URI: http://www.mehrshadonline.com
	Version: 1.0
*/



/* =================================================================================
	Main Style
================================================================================= */
html,
body,
* {
  margin:0;
  padding:0;
}
body {
  direction:rtl;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  color:#333;
  
}
:focus {
 outline:none;
}
.clear {
  clear:both;
}
img {
  max-width:100%;
  height:auto!important;
}
.container {
  width:980px;
  margin:auto;
}
.text-center {
  text-align:center;
}
.center {
  float:none!important;
  margin:auto!important;
}
.container-padding { 
  padding:50px 0;
}
a {
text-decoration:none;
color:#333;
}
/* =================================================================================
	typography
================================================================================= */
h1,h2,h3,h4,h5,h6 { 
  font-family:'BKoodakBold';
}
h1 { 
  font-size:24px;
  line-height:32px;
}
h2 { 
  font-size:21px;
  line-height:30px;
}
h3 { 
  font-size:18px;
  line-height:28px;
}
h4,h5,h6 {
  font-size:16px;
  line-height:20px;
}
p { 
  margin-bottom:15px;
  line-height:22px;
}


/* =================================================================================
	header
================================================================================= */
header {
	height: 90px;
	width: 100%;
	background-color: #266c74;
  border-bottom: 1px #227781 solid;
  display: flex;
   position:fixed;
  top: 0;
  z-index: 99999!important;
}
.logo {
	float: left;
  margin-top: 10px;
}

.news-container {
  width: 100%;
  display: table;
  background-color: #28747d;
  border-top: 1px #1c626a solid;
  border-bottom: 1px #227781 solid;
  color: #ccc;
  height: 50px;
margin-top:90px;

}
.news-container h4 {
  float: right;
}
.news-container a {
  float: right;
  font-size: 12px;
  margin-top: 18px;
  margin-right: 10px;
  color: #ccc;
  float: left;
  text-decoration: none;
  transition:all .4s;
}
.news-container a:hover {
  color: #fff;
}
.news {
  float: right;
}

.contact-header {
  float: left;
  direction: ltr;
  color: #ddd;
  margin-top: 20px;
  margin-right: 5px;
}
.contact-line {
  content: " | ";
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 20px;
  float: left;

}


.contact-header i {
  margin-right: 10px;
  font-size: 16px;
  float: left;
}

.nav-icon {
	float: right;
	margin-left: 10px!important;
	margin-top: -2px!important;
	color: #fff!important;
  -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition:         all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.responsive-nav {
  float: right;
  margin-top: 35px;
  cursor: pointer;
  position: relative;
  z-index: 9999;
  transition:all .3s;
  display: none;
}
.responsive-nav span {
float:right;
color:#fff;
}
.responsive-container {
width:25px;
float:right;
margin-left:10px;
}

.responsive-item {
   width: 25px;
  height: 3px;
  background-color: #fff;
  margin-bottom: 3px;
}
.responsive-active{
    right: 0;
    transition:all .3s;
} 

/*===========================================
  nav
===========================================*/
nav {
  float: right;
 border-left: 1px #227781 solid;
  border-right: 1px #1c626a solid;
  transition:all .3s;
}
nav ul  {
  padding: 0 !important;
  margin:0 !important;
}
nav > ul > li:before {
  text-align: center;
  width: 100%;
  position: absolute;
  font-size: 20px;
  top: 15px;
font-family: 'WebHostingHub-Glyphs';
}
nav ul li {
  color: #fff;
  font-family: "BKoodakBold"!important;
font-size: 15px;
font-weight: 100;
position: relative;
  font-weight: 100;
  text-transform: uppercase;
  list-style:none;
  float: right;
  display: block;
  font-size: 12px;
}
nav li i {
  font-size: 13px!important;
}
nav ul li a {
  color: #fff;
  text-decoration: none;
  padding: 0 14px;
  padding-top: 30px;
  line-height: 60px;
  display: block!important;
   border-right: 1px #227781 solid;
  border-left: 1px #1c626a solid;
font-size:14px;
}
nav ul ul li a {
  border: 0!important;
}
nav ul ul ul li a {
  border: 0!important;
}
nav ul li:hover a {
  color: #fcd45b;
  transition:all .3s;
}
nav ul li:hover ul li a {
  color: #999;
  padding: 0;
}
nav ul li:hover ul li:hover a {
  color: #eee;
}
nav ul li > ul {
  position: absolute;
  display:none;
  padding: 13px 0!important;
  background-color: #090c0e;
  width: 180px!important;
}
nav ul li ul li {
  display: block;
  width: 100%;
  padding:2px 15px !important;
}
nav ul li ul a {
  line-height: 21px !important;
}
nav ul li:hover ul {
  display: block;
}
nav ul ul ul{
  display: none !important;
  margin-right: 168px !important;
  margin-top: -30px !important;
}
nav ul ul li:hover ul  {
  display: block !important;
}
nav ul ul li:hover ul li a {
  color: #999 !important;
}
nav ul ul li:hover ul li:hover a {
  color:#eee !important;
}

/* =================================================================================
	footer
================================================================================= */
footer {
  width:100%;
  padding:40px 0;
  color:#999;
  background-color:#30373b;
}
footer h4 {
  font-family:'BKoodakBold';
  font-size:16px;
  color:#fff;
  margin-top: 20px;
}
footer ul {
  margin-top:10px;
}
footer ul li {
  list-style:none;
  padding:0!important;
line-height:18px!important;
}
footer a {
  color:#999;
  text-decoration:none;
  transition:all 0.5s;
  display:block;
}
footer a:hover {
  color:#fff;
}
footer form {
margin-top:20px!important;
}
footer input {
	padding:7px 10px;
	background-color: #343434;
	font-family:tahoma;
	border: 0;
	color: #ccc;
border-radius:0!important;
width:150px!important;
float:right;

}
footer input[type=submit] {
width:100px!important;
float:right;
	background-color: #319EAA;
	color: #fff;
	cursor: pointer;
	padding: 6px 10px;
	transition:all .3s;
}
footer input[type=submit]:hover {
	background-color: #e8a015;
}



.copyright {
  width:100%;
  padding:20px 0;
  background-color:#30373b;
  color:#999;
  border-top:1px #222 solid;
}
.copyright p {
  direction:ltr;
  font-size:10px;
  float:left;
}
.footer-icon  {
  color:#999;
  margin-right:10px;
  float:left;
  background-color:#444;
  transition:all 0.5s;
  width:35px;
  height:35px;
  border-radius:30px;
  color:#fff;
  text-align:center;
  line-height:35px;
  margin-top:30px;
}
.footer-icon a {
  display:block;
}
.footer-icon i {
  color:#fff;
}
.telegram {
background-color:#444;
}
.telegram:hover {
background-color:#0088cc;
}
.fb { 
  background-color:#444;
}
.fb:hover  {
  background-color:#3b5998;
}
.tw { 
  background-color:#444;
}
.tw:hover {
  background-color:#55ACEE;
}
.go {
  background-color:#444;
}
.go:hover {
  background-color:#d34836;
}
.insta {
  background-color: #444;
}
.insta:hover {
  background-color: #125688;
}
.linkdin {
  background-color: #444;
}
.linkdin:hover {
  background-color: #007bb5;
}
.youtube {
  background-color: #444;
}
.youtube:hover {
  background-color: #bb0000;
}

/* =================================================================================
	flags
================================================================================= */
.flags-body {
  width:100%;
  padding:40px 0;
  z-index:-999;
  position:relative;
  background-size:cover;
  background-position:center bottom;
  background-image:url(assets/images/bg-pt.jpg);
  
}
.flags-body .row-fluid {
  padding-top:10px;	
  color:#fff;
  line-height:21px;
}
.flag-color {
  width:100%;
  height:100%;
  position:absolute;
  background-color:#00c8ff;
  opacity:0.6;
  z-index:-99;
  margin-top:-40px;
}
.flag-item-body {
  text-align: center;
  margin:auto;
  margin-top:50px;
}
.flag-items { 
  display: inline-block;
  text-align: center;
  margin:0 2px;
  width:45px;
  height:45px;
  border-radius:100px;
  background-repeat:no-repeat;
  background-position:center;
  border:4px #fff solid;
  transition:all 0.5s;
}

.flag-usa { 
  background-image:url(assets/images/United-States-of-America.png);
}

.flag-canada { 
  background-image:url(assets/images/Canada.png);
}

.flag-germany { 
  background-image:url(https://tegolestan.ir/wp-content/themes/site/assets/images/germany.png);
}
.flag-uk {
  background-image:url(assets/images/United-Kingdom.png);
}
.flag-germany {
  background-image:url(assets/images/Germany.png);
}
.flag-netherland {
  background-image:url(assets/images/Netherlands.png);
}
.flag-france {
background-image:url(assets/images/france.png);
}
.flag-romania {
background-image:url(assets/images/romania.png);
}
.flag-russia {
background-image:url(assets/images/russia.png);
}
.flag-turkey {
background-image:url(assets/images/turkey.png);
}

.flag-items:hover {
width:60px;
}
/* =================================================================================
	pricing box
================================================================================= */
.pricing-box {
  border:3px #ddd solid;
  border-radius:5px;
  padding:30px 10px;
  text-align:center;
  background-color:#fff;
  z-index:999!important;
  
}
.pricing-box h2 , .pricing-box h3  { 
  font-size:16px;
  text-align:center;
  margin-bottom:10px;
}
.pricing-box .price { 
  margin-bottom:20px;
}
.pricing-box .price strong {
  font-size:22px;
}
.pricing-box ul li {
  list-style:none;
  line-height:23px;
}
.pricing-box ul {
  margin-bottom:20px;
}
.pricing-box .btn {
  padding:5px 12px;
  background-color:#448ccb;
  text-decoration:none;
  border-radius:3px;
  display:inline-block;
  transition:all 0.3s;
color: #fff;
background-color: #1aa0e7;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#21c4ef),color-stop(100%,#147ddf));
background-image: -webkit-linear-gradient(top,#21c4ef,#147ddf);
background-image: -moz-linear-gradient(top,#21c4ef,#147ddf);
background-image: -o-linear-gradient(top,#21c4ef,#147ddf);
background-image: linear-gradient(top,#21c4ef,#147ddf);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF21C4EF',endColorstr='#FF147DDF');
}
.pricing-box .btn:hover {
  background-color: #1caae9;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#22caf1),color-stop(100%,#168ae2));
background-image: -webkit-linear-gradient(top,#22caf1,#168ae2);
background-image: -moz-linear-gradient(top,#22caf1,#168ae2);
background-image: -o-linear-gradient(top,#22caf1,#168ae2);
background-image: linear-gradient(top,#22caf1,#168ae2);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF22CAF1',endColorstr='#FF168AE2');
}
.pricing-box .span3 {
  border-left:1px #ccc solid;
}
.pricing-box .span3:last-child {
  border-left:0;
}
.red-color {
  color:#ca3333;
}
.red-color .btn { 
  color: #fff;
background-color: #e33f44;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f16a6c),color-stop(100%,#d5141c));
background-image: -webkit-linear-gradient(top,#f16a6c,#d5141c);
background-image: -moz-linear-gradient(top,#f16a6c,#d5141c);
background-image: -o-linear-gradient(top,#f16a6c,#d5141c);
background-image: linear-gradient(top,#f16a6c,#d5141c);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFF16A6C',endColorstr='#FFD5141C');
}
.red-color .btn:hover {
  background-color: #e84a4f;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f37f80),color-stop(100%,#dd161f));
background-image: -webkit-linear-gradient(top,#f37f80,#dd161f);
background-image: -moz-linear-gradient(top,#f37f80,#dd161f);
background-image: -o-linear-gradient(top,#f37f80,#dd161f);
background-image: linear-gradient(top,#f37f80,#dd161f);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFF37F80',endColorstr='#FFDD161F');
}
.orange-color {
  color:#ca7d33;
}
.orange-color .btn {
color: #fff;
background-color: #f47e2a;
border-color: #d00700;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#f9b535),color-stop(100%,#ef4720));
background-image: -webkit-linear-gradient(top,#f9b535,#ef4720);
background-image: -moz-linear-gradient(top,#f9b535,#ef4720);
background-image: -o-linear-gradient(top,#f9b535,#ef4720);
background-image: linear-gradient(top,#f9b535,#ef4720);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFF9B535',endColorstr='#FFEF4720');
}
.orange-color .btn:hover {
  background-color: #f5882d;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fac039),color-stop(100%,#f15122));
background-image: -webkit-linear-gradient(top,#fac039,#f15122);
background-image: -moz-linear-gradient(top,#fac039,#f15122);
background-image: -o-linear-gradient(top,#fac039,#f15122);
background-image: linear-gradient(top,#fac039,#f15122);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFAC039',endColorstr='#FFF15122');
}
.purple-color {
  color:#ca33b6;
}
.purple-color .btn {
color:#fff;
background-color: #7578f7;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#9496f9),color-stop(100%,#565bf5));
background-image: -webkit-linear-gradient(top,#9496f9,#565bf5);
background-image: -moz-linear-gradient(top,#9496f9,#565bf5);
background-image: -o-linear-gradient(top,#9496f9,#565bf5);
background-image: linear-gradient(top,#9496f9,#565bf5);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF9496F9',endColorstr='#FF565BF5');
}

.purple-color .btn:hover {
background-color: #7f82f7;
background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#9fa1f9),color-stop(100%,#5f64f6));
background-image: -webkit-linear-gradient(top,#9fa1f9,#5f64f6);
background-image: -moz-linear-gradient(top,#9fa1f9,#5f64f6);
background-image: -o-linear-gradient(top,#9fa1f9,#5f64f6);
background-image: linear-gradient(top,#9fa1f9,#5f64f6);
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FF9FA1F9',endColorstr='#FF5F64F6');
}
/* =================================================================================
	heading
================================================================================= */
.heading { 
  margin:auto;
  text-align:center;
}
.heading-line { 
  border-bottom:4px #000 solid;
  width:50px;
  margin:10px auto;
  margin-bottom:50px;
}
.heading p {
  font-family:'BKoodakBold';
  font-size:14px;
  margin-top:10px;
}

/* =================================================================================
	text box
================================================================================= */  
.text-box {
  padding:20px;
  border:3px #ddd solid;
  background-color:#fff;
  line-height:21px;
  border-radius:5px;
  margin-top:-1px;
}
/* =================================================================================
	btn
================================================================================= */  
.btn {
  padding:6px 12px;
  background-color:#448ccb;
  text-decoration:none;
  color:#fff;
  border-radius:3px;
  display:inline-block;
  transition:all 0.3s;
  border-bottom:2px #333 solid;
  line-height:20px;
}
.btn:hover {
  background-color:#04689e;
}
/* =================================================================================
	icons
================================================================================= */
.icons { 
  font-size:54px;
  color:#333;
  text-align:center;
  margin:20px auto;
}
.icon-colorful {
  padding:20px;
  border-radius:100px;
  background-color:#448ccb;
  color:#fff;
  width:50px!important;
  height:50px!important;
  line-height:30px!important;
  border:5px #04689e solid;
  transition:all 0.3s;
  text-align:center;
margin:20px auto;
}
.icon-colorful:hover {
  background-color:#444;
  border:5px #333 solid;
  width:50px;
  height:50px;
  line-height:50px;
}
/* =================================================================================
	forms
================================================================================= */
input { 
  display:block;
  width:400px;
  padding:7px 5px;
  border:1px #ccc solid;
  color:#333;
  background-color:#fff;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  border-radius:3px;
}
input:focus , textarea:focus { 
  border:1px #777 solid;
}
input[type="submit"] {
  width:120px;
  background-color:#000;
  color:#fff;
  cursor:pointer;
  transition:all 0.3s;
}
input[type="submit"]:hover {
  background-color:#444;
}
textarea {
  display:block;
    width:400px;
  padding:7px 5px;
  border:1px #ccc solid;
  color:#333;
  background-color:#fff;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:11px;
  border-radius:3px;

}
/* =================================================================================
	Posts
================================================================================= */
.post-title a {
  color:#333;
  text-decoration:none;
}
.details { 
  background-color:#f3f3f3;
  color:#333;
  padding:10px 15px;
  border-radius:5px;
  margin:10px 0;
}
.details .times { 
  float:left;
}
.details .category a { 
  color:#333;
  text-decoration:none;
}
.details .category a:hover {   
  color:#000;
  text-decoration:underline;
}

.more-link { 
  padding:3px 15px;
  background-color:#000;
  color:#fff;
  text-decoration:none;
  display:table;
  border-radius:3px;
  margin:10px 0;
  transition:all 0.3s;
}
.more-link:hover  {
  background-color:#444;
}
hr { 
  width:100%;
  border:0;
  border-bottom:1px #ccc solid;
  margin:20px 0;
}
.comment-list { 
  list-style:none;
}
.children {
  list-style:none;
  margin-right:40px;
}
.commnet { 
  padding:10px;
  border:1px #333 solid;
}
.comment-body { 
  padding:10px;
  background-color:#fff;
  border:1px #ccc solid;
  margin:10px 0;
  border-radius:3px;
}
.says { 
  display:none;
}
.fn {
  font-style:normal;
  font-size:14px;
  font-weight:bold;

}
.fn a {
  text-decoration:none;
  color:#333;
}
.commentmetadata {
  margin-bottom:10px;
}
.commentmetadata a {
  text-decoration:none;
  color:#333;

}
.reply a {
  padding:5px 10px; 
  background-color:#333;
  color:#fff;
  text-decoration:none;
  display:inline-block;
  border-radius:3px;
}
.tags {
  background-color:#ddd;
  padding:10px;
  text-align:left;
  direction:ltr;
  border-radius:4px;
}
.tags a { 
 
  text-decoration:none;
  padding:5px 10px;
  background-color:#f3f3f3;
  color:#333;
  border-radius:4px;

}
/* =================================================================================
	sidebar
================================================================================= */
.sidebar { 
  margin-bottom:30px;
  line-height:23px; 
  padding:10px;
  border-radius:4px;
  border:1px #999 solid;
  background-color:#fff;
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
text-align:center;
}
.sidebar input {
width:95%;
min-width:95%;
max-width:95%;
margin-bottom:10px;
}
.sidebar input[type="submit"] {
width:100px;
margin:auto;
}
.sidebar h4 { 
  padding: 10px;
height: 20px;
line-height: 15px;
border-bottom: 1px #999 solid;
width: 100%;
margin-right: -10px;
margin-bottom: 10px;
text-align:right;
color:#266c74;
}
.sidebar ul li { 
  list-style:none;
text-align:right;
  
  border-bottom:1px #ddd solid;
  line-height:normal;
}
.sidebar ul li a { 
  color:#666;
  text-decoration:none;
  display:block;
  transition:all 0.5s;
  padding:10px;
}
.sidebar ul li a:hover{ 
  background-color:#f3f3f3;
}
.sidebar h4 a.rsswidget img {
  display:none;
}
.sidebar h4 a {
  text-decoration:none;
  color:#266c74;
}
/* =================================================================================
	services
================================================================================= */
.kerio { 
width:200px;
height:150px;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/kerio3.jpg);
transition:all 0.3s;
margin:auto;
float:none;
text-align:center;
}
.kerio:hover {
  background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/kerio2.jpg); 
}
.dg {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/dg5.jpg);
margin:auto;
float:none;
text-align:center;

}
.dg:hover {
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/dg4.jpg);
}
.cisco {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/ciscovp.jpg); 
margin:auto;
float:none;
text-align:center;
}
.cisco:hover {
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/ciscovpn.jpg);
}
.openvpn {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/openvpn1.jpg);
margin:auto;
float:none;
text-align:center;
}
.openvpn:hover {
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/openvpn.jpg);
}
.vpn {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/vpn1.jpg);
margin:auto;
float:none;
text-align:center;
}
.vpn:hover {
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/vpn.jpg);
}
.inet {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/inet1.jpg);
margin:auto;
float:none;
text-align:center;
}
.inet:hover { 
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/inet.jpg);
}
.tunnle {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/tunel.jpg);
margin:auto;
float:none;
text-align:center;
}
.pm {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/pm91.jpg);
margin:auto;
float:none;
text-align:center;
}
.pm:hover {
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/pm9.jpg);
}
.https {
width:200px;
height:150px;
transition:all 0.3s;
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/https1.jpg);
margin:auto;
float:none;
text-align:center;
}
.https:hover {
background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/06/https.jpg);
}




/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
  margin-bottom:20px;
 
  width: 100%!important;
font-family: BKoodakBold;
font-size:14px;
}

ul.tabbernav li
{
 list-style: none;
display:inline-block;
float:right;
 margin-bottom:20px;
width:24.9%!important;
 background-color:#e4e4e4;
text-align:center;
color:#333;
transition:all 0.4s;

border-right:1px #ccc solid;
}
ul.tabbernav li:first-child {
margin-right:0px;
border-right:0;
}
ul.tabbernav li a
{

padding:12px 0;

transition:all 0.4s;
display:block;
 border-bottom: none;
 color:#222;
 text-decoration: none;
border-radius:5px;

}


ul.tabbernav li a:hover
{
 color: #222;
 background: #ddd;
display:block;
}

ul.tabbernav li.tabberactive a
{
 background-color: #666;
 color:#fff;
display:block;
}

ul.tabbernav li.tabberactive a:hover
{
  background-color: #666;
 color:#fff;
display:block;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 border:0;
width:100%;
padding:20px;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}




.vpn-home { 
  background-image:url(http://mehr-vpn49.com/site/wp-content/uploads/2014/05/Untitled-3-copy.jpg);
width:500px;
height:300px;
}




/* =================================================================================
  pricing
================================================================================= */
.pricing {
    width: 100%;
  box-shadow: 0px 4px 10px 0px rgba(5,5,5,0.15);
  border:1px #ccc solid;
  margin-top:60px;
  transition:all .4s;
}
.pricing:hover {
   box-shadow: 0px 4px 30px 0px rgba(5,5,5,0.15);
}
.pricing-heading {
    padding:40px 0;
    text-align: center;
    font-size: 18px;
    background-color: #448ccb;
    color:#fff;
}
.pricing-heading strong {
  font-size: 24px;
  font-weight: normal;
  font-family:'BKoodakBold';

}
.pricing ul {
  padding:0;
  margin: 0;
}
.pricing ul li {
  padding:15px 0;
  text-align: center;
  border-bottom: 1px #ccc solid;
  background-color:#f3f3f3;
  list-style: none;
}
.pricing ul li:nth-of-type(odd) {
  background-color:#f9f9f9;

}
.pricing .price {
    padding:40px 0;
    text-align: center;
    background-color:#fff;

}
.special { 
  margin-top:30px;
}
.special .pricing-heading {
  padding:50px 0;
  background-color:#ff8929;
}
.special .btn {
    background-color:#ff8929;
}
.special .btn:hover {
  background-color: #e57419;
}

.paragraph {
line-height:28px;
font-size:13px;
}

 * {
    direction: rtl;
 }
 /* khat zir bayad dar ghalebe shoma ezafe shavad */
 #MTForumBlock TABLE {     width:100%; } #MTForumBlock TR {     background-image:url(https://tegolestan.ir/wp-content/themes/site/MTForumBlock_row.png);     background-repeat:repeat-x;     height:18px; } #MTForumBlock TR.MTForumfirst {     background-image:url(https://tegolestan.ir/wp-content/themes/site/MTForumBlock_row_over.png); } #MTForumBlock TR:hover {     background-image:url(https://tegolestan.ir/wp-content/themes/site/MTForumBlock_row_over.png); } #MTForumBlock TD {     font-family:Tahoma;     font-size:12px;     border:1px solid #e6e9ec;     color:#999999; } .MTForumtitle {     text-align:center; } .MTForumanswer {     width:40px;     text-align:center; } .MTForumview {     width:40px;     text-align:center; } .MTForumlast {     width:90px;     text-align:center; } .MTForumrowtitle {     padding-right:5px; } #MTForumBlock A {     float:right;     width:100%;     height:100%;     color:#999999;     text-decoration:none; } #MTForumBlock A:hover {     text-decoration:underline; }  #MTForumBlockControl TABLE {     height:22px;     font-family:Tahoma;     font-size:12px;     color:#999999; } #MTForumBlockControl A {     text-decoration:none;     color:#999999;     float:right;     width:49px;     height:22px;     line-height:20px; } .MTForumButton {     width:49px;     background-image:url(https://tegolestan.ir/wp-content/themes/site/MTForumBlock_button.png);     background-position:right;     background-repeat:no-repeat;     text-align:center; } .MTForumButton:hover {     background-image:url(https://tegolestan.ir/wp-content/themes/site/MTForumBlock_button.png);     background-position:left;     background-repeat:no-repeat; } #MTFloader {     width:40px;     text-align:center; }



.white-btn {
	padding: 7px 15px;
	border: 3px #fff solid;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	margin: 10px 0;
	position: relative;
	font-family:'BKoodakBold';
font-size:14px;
color:#fff!Important;
	margin-left: 5px;
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.white-btn:hover {
	background-color: #fff;
	color: #000!important;
}

.order-btn {
	padding: 7px 15px;
	border: 3px #448ccb solid;
	background-color: #448ccb;
	color: #fff!important; 
	text-decoration: none;
	margin: 10px 0;
	position: relative;
	border-radius: 3px ;
	font-family:'BKoodakBold';
font-size:14px;
	-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.order-btn:hover {
	background-color:#000!important;
	color: #fff!important;
	border:3px #000 solid;
	
}



.small-padding {
  padding:45px 0;
}
.medium-padding {
  padding:65px 0; 
}
.large-padding {
  padding:90px 0; 
}


/* =================================================================================
  feature icon
================================================================================= */
.feature-icon {
  margin:auto;
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  border: 4px  #266c74 solid;
  background-color: #266c74;
  margin-bottom: 40px;
  -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition:         all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); 

}
.feature-icon i {
  font-size: 42px;
  color: #fcd762;
  -webkit-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  transition:         all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  
}
.feature-icon span {
 
  color: #fcd762!important;
  -webkit-transition: all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  transition:         all 1200ms cubic-bezier(0.19, 1, 0.22, 1);
  
}

.row-fluid [class*="span"]:hover .feature-icon {
  background-color: #fcd762;
  border:4px #266c74 solid;
}
.row-fluid [class*="span"]:hover .feature-icon i {
  color: #266c74;
  -ms-transform: rotate(720deg); /* IE 9 */
    -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
    transform: rotate(720deg);
}
.row-fluid [class*="span"]:hover .feature-icon span {
  color: #266c74!important;
  -ms-transform: rotate(720deg); /* IE 9 */
    -webkit-transform: rotate(720deg); /* Chrome, Safari, Opera */
    transform: rotate(720deg);
}
/* =================================================================================
  feature products
================================================================================= */
.feature-products {
  width: 100%;
  padding:95px 0;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-image: url(assets/images/products.jpg);
}
.feature-products .heading-new {
  color: #fff;
}
.feature-products .heading-new .line {
  background-color: #fff;
}
.pricing-box-new {
  padding: 20px 0;
  background-color: #fff;
  border-radius: 3px;
}
.pricing-box-new h3 {
  font-size: 21px;
  text-align: center;
  border-bottom: 1px #ddd solid;
  padding-bottom: 30px;
  margin-bottom: 0;
}
.pricing-box-new ul {
  padding:0!important;
  margin:0!important;
}
.pricing-box-new li {
  list-style: none;
  padding:13px 10px;
  border-bottom: 1px #ddd solid;
}
.pricing-box-new li:nth-of-type(odd) { 
  background-color: #f9f9f9;
}
.pricing-box-new i {
  font-size: 21px;
  color: #266c74;
  margin-left: 8px;
  float: right;
}
.pricing-box-new .price {
  text-align: center;
  font-size:20px;
  font-family:'BKoodakBold';
  padding-top: 25px; 
  color: #333;
}
.pricing-box-new .price em {
  font-size:14px;
  font-style: normal;
  color: #333; 
}
.pricing-box-new .btn {
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 3px;
  text-decoration: none;
  color: #424242;
  font-size: 12px; 
  display: inline-block;
  margin-top: 20px;
  border: 2px #266c74 solid;
-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.pricing-box-new .btn:hover {
  background-color:#266c74;
  border: 2px #266c74 solid;
  color: #fff;
}
.pricing-box-new .btn-special {
  padding: 10px 20px;
  background-color: #266c74;
  border-radius: 3px;
  text-decoration: none;
  color: #fff;
  font-size: 12px; 
  display: inline-block;
  margin-top: 20px;
  border: 2px #266c74 solid;
-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.pricing-box-new .btn-special:hover {
   background-color:#fff;
  border: 2px #266c74 solid;
  color: #424242;
}

/* =================================================================================
  heading
================================================================================= */
.heading-new {
  font-size: 19px;
  color: #222;
  text-align: center;
}
.heading-new h2,
.heading-new h3 {
  font-size: 23px;
line-height:21px;
}
.heading-new .line {
  width: 50px;
  height: 2px;
  background-color: #266c74;
  margin:auto;
  margin-bottom: 60px;
margin-top:20px;
}

/* =================================================================================
  testimonials
================================================================================= */
.testimonials-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-image: url(assets/images/testimonials.jpg);
  background-position: center;
  text-align: center;
}
.testimonials-reason {
  font-family:'BKoodakBold';
  font-size: 16px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-bottom: 1px #ccc solid;
  margin-top: 20px;
  width: 90%;
  margin-right: 20px;
}
.testimonials-content {
  width: 90%;
  margin-right: 20px;
}
.testimonials-star {
  width: 15px;
  height: 15px;
  float: right;
  margin-left: 2px;
  background-image: url(assets/images/star.png);
}
.person {
  font-size: 16px;
  font-family:'BKoodakBold';
  margin:12px 0; 
}




.green-btn {
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 3px;
  text-decoration: none;
  color: #424242;
  font-size: 12px; 
  display: inline-block;
  margin-top: 20px;
  border: 2px #266c74 solid;
-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition:         all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.green-btn:hover {
  background-color:#266c74;
  border: 2px #266c74 solid;
  color: #fff;
}



.blog-item-container {
  padding:20px;
  border-radius:4px;
  border:1px #266c74 solid;
  background-color:#fff;
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
margin-bottom:20px;
}
.inner-container {
 border-radius:4px; padding:10px; background-color:#fff;
border:1px #266c74 solid;
  background-color:#fff;
-webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.sidebar {
 border:1px #266c74 solid;
}
.sidebar h4 {
padding: 10px;
height: 20px;
line-height: 20px;
border-bottom: 1px #266c74 solid;
width: 100%;
margin-right: -10px;
margin-bottom: 10px;
text-align: right;
background-color: #266c74;
color: #fff;
margin-top: -10px;
}
.sidebar h4 a {
 color:#fff;
}

.collapse {

  position: relative;
  overflow: hidden;
  height: 0!important;
padding:0;


}

.accordion-heading a { text-decoration:none; color:#222; float:right; width:100%; }
.collapse.in {
  height: auto!important;
  margin-top:0!important;

}




.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #ccc;

 
}
.accordion-heading {
  border-bottom: 0;
  background-color: #eee;
  color: #fff;
 margin-top:-14px;
position:relative;

}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
  padding-bottom:17px;
  line-height:10px;


}
.accordion-inner {
  padding:  15px;
  border-top: 1px solid #e5e5e5;
  line-height: 24px;

}
.angle-d {
position:absolute;
font-size: 21px;
color: #666;
left:10px;
top:10px;
}

.tagcloud a {
  text-decoration:none;
  background-color:#ccc;
  color:#333;
  padding:3px 8px;
  font-size:13px!important;
  display:inline-block;
  margin:2px;

}

.menu-footer4-container,
.menu-footer1-container {
  margin-bottom:30px;
}

.servers-info {
  padding:7px 15px;
  border:1px #ccc solid;
  border-radius:4px;
  background-color:#fff;
  margin-bottom:12px;

}
.small-flag {
  width:40px;
  height:40px;
  border-radius:50%;
  border:5px #fff solid;
  float:right;
  background-position:center;
}
.germany-f {
  background-image:url(assets/images/Germany.png);
}
.usa-f {
  background-image:url(assets/images/United-States-of-America.png);
}
.netherlands-f {
  background-image:url(assets/images/Netherlands.png);
}
.uk-f {
  background-image:url(assets/images/United-Kingdom.png);
}
.canada-f {
  background-image:url(assets/images/Canada.png);
}

.russia-f {
  background-image:url(assets/images/russia.png);
}

.turkey-f {
  background-image:url(assets/images/turkey.png);
}

.servers-info ul {
  float:right;
  margin-right:20px;
  display:block;
  margin-top:5px;

}
.servers-info ul li {
  line-height:21px;
display:block!important;
}


.page-title-container {
  padding: 30px 0;
  background-color: #266c74;
  color: #fff;
  border-top: 1px #1c626a solid;
}

.sidebar .domainchecker h4 {
  color:#fff!important;
  margin-top:-10px!important;
}


.full-bg-container {
  width:100%;
background-attachment:fixed;
background-size:cover;
position:relative;
background-image:url(assets/images/slider2.jpg);
}

.full-bg-container-cover {
width:100%;
height:100%;
position:absolute;
background-color:rgba(44,44,44,0.7);

}
.full-bg-container .container {
position:relative;
}
.full-bg-container .heading h2 {
color:#fff;
}
.full-bg-container .heading p {
color:#eee;
}
.full-bg-container .heading .heading-line {
border-bottom:4px #fff solid;
}

.news-container h4 {
float:right;
margin-top:17px;
}
.news-container .flexslider ul {
float:right;
margin:0;
}
.news-container .flexslider { 
float:right;
margin-top:1px;
}

#header-slider {
direction:ltr;
}



.f-button {
  background-color:#444!important;
  transition:all .3s;
border: 1px solid #111;
border-radius: 5px;
margin:auto;
margin-top: 10px;
	width: 150px!important;

}
.f-button:hover {
  background-color:#000!important;
}



/* =================================================================================
  inner-nav
================================================================================= */
.inner-nav {
  float: left;
  text-align: right;
 border-left: 1px #227781 solid;
  border-right: 1px #1c626a solid;
  height: 50px;
}
.inner-nav li {
  float: right;
  list-style: none;
 
  
  display: block;
  border-right: 1px #227781 solid;
  border-left: 1px #1c626a solid;
}
.inner-nav li a {
  padding: 0 14px!Important;
  margin: 0!important;
   height: 50px;
  line-height: 50px;
}

.bk-news-responsive  {
  float: right!important;
}




.home-con {
padding-top: 0; padding-bottom: 15px; background-color: #f3f3f3; position: relative;
}



/* =================================================================================
  extra-box
================================================================================= */

.extra-box i {
font-size:12px;
color:#28747D;
float:right;
margin-left:10px;
}


.extra-box ul {
  padding:0!important;
  margin:0!important;
margin-top:20px;
}
.extra-box li:first-child {
border-top:1px #ddd solid;
}
.extra-box li {
  list-style: none;
  padding:13px 10px;
  border-bottom: 1px #ddd solid;
background-color:#fff;

}



.mailerlite-subscribe-submit {
margin-top:-10px!important;
}





.france-ff {
background-image:url(assets/images/france.png)!important;
}
.romania-ff {
background-image:url(assets/images/romania.png)!important;
}