@charset "utf-8";
a,a:hover,a:focus,a:visited{
	text-decoration: none;
}
::-webkit-input-placeholder { 
  font-size: 12px;
}
::-moz-placeholder { 
  font-size: 12px;
}
:-ms-input-placeholder { 
  font-size: 12px;
}
:-moz-placeholder { 
  font-size: 12px;
}
*
{
	margin: 0;
	padding: 0;
}

@font-face {
    font-family: 'IranSansWeb';
    src: url('../fonts/IranSansWeb.eot');
src: url('../fonts/IranSansWeb.eot?#iefix') format('embedded-opentype'),  
url('../fonts/IranSansWeb.woff') format('woff'),  
url('../fonts/IranSansWeb.ttf') format('truetype');
}
@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('../fonts/IRANSansWeb_Bold.eot');
src: url('../fonts/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  
url('../fonts/IRANSansWeb_Bold.woff') format('woff'),  
url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('../fonts/IRANSansWeb_Medium.eot');
src: url('../fonts/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  
url('../fonts/IRANSansWeb_Medium.woff') format('woff'),  
url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
}
body ,p,*{
    font-family: IranSansWeb;
    direction:rtl;
   
}

body{overflow-x:hidden;}
ul li{
	list-style: none;
}
h1,h2,h3,h4,h5,h6{line-height: 1.7;color: #666;margin-bottom: 10px;margin-top: 10px;}
h1{font-size: 18px;font-family: IRANSansWeb_Bold;margin-bottom: 1em;}
h2{font-size: 16px;font-family: IRANSansWeb_Bold;margin-bottom: 1.1em;}
h3{font-size: 15px;margin-bottom: 1em;font-family: IRANSansWeb_Medium;}
p{font-size: 14px;line-height: 1.8;color: #8a8a8a;}

button{transition:all 0.2s ;-webkit-transition:all 0.2s ;outline: none;border:none;border-radius: 5px;-webkit-border-radius:5px;padding:10px 20px;font-size: 15px;margin-top:20px;}
button:hover , button:focus{outline: none;border-radius: 25px;-webkit-border-radius: 25px;}
button.small-btn {
    padding: 7px 15px;
    font-size: 14px;
}
.btn-yellow{color: red;}
.blue-row{background:#0090b2;}
.blue-bg{
	background: url('../images/background-arrow.png')no-repeat center;
	background-size: cover;
	text-align: center;

}
.btn-blue{background:#0191b2;color: #fff;}
.btn-blue:hover{background: #0191b2;color: #fff;}
.btn-white{background:#fff;color: #262c38;}
.btn-white:hover{background: #eee;}
.btn-black:hover{background:#111a2b;}
.btn-black{color:#fff;background: #262c38;}
.btn-with-icon{position: relative;padding: 10px 40px 10px 20px;}
.btn-with-icon i{top: 13px;position: absolute;right: 15px;}
.breadcrumb-box{background: #fdfdfd;}
.breadcrumb{background:transparent;border-bottom: 1px solid #eee;margin-bottom:0px;padding: 0px 15px;}
.breadcrumb>.row{padding-top: 10px;}
.breadcrumb ul li {display: inline-block;padding: 0 7px 0 0;position: relative;font-size: 12px;}
.breadcrumb ul li a,.breadcrumb i{color: #999;}
.breadcrumb ul li.current a {color: #666;}
ul li{line-height: 1.8;}
.heading-title{font-family: IRANSansWeb_Medium;}  
.heading-title:before{
	content: '';
	display: block;
	height: 2px;
	width: 40px;
	background: #e4db91;
}
.heading-title.text-center:before{margin-right:auto;margin-left:auto;}
.heading-title:before{margin-top:15px;margin-bottom:15px;}
.text-white,.text-white h2,.text-white p , .text-white h1 {color: #fff;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}
.text-center{text-align: center;}
.text-block{padding: 10px 15px;}
.title h1{font-size: 17px;}
a.more{border-radius: 5px;-webkit-border-radius: 5px;}
a.more:hover{color: #fff;}
.img-responsive {max-width: 100%;}


/*--menu--*/
.menu-button {
    width: 100%;
    border-radius: 5px;
    width: 40px;
    z-index: 2;
    padding: 0 10px;
}
.menu-button {
    display: block;
    line-height: 25px;
    color: #666;
    font-size: 25px;
    float: right;
    overflow: hidden;
    cursor: pointer;display: none;
    min-height: 25px;
    direction: rtl;
    padding-right: 5px;
    position: relative;
    margin: 0 auto;
    width: 100%;
    transition: all 0.3s ease 0s;
    line-height: 25px;
    direction: rtl;
    padding-right: 5px;
    overflow: hidden;
    height: 35px;
    margin: 22px auto 10px;
    width: 100%;
    border:0;
    padding-top: 5px;
}

#menu-close {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background:#0191b2;
    margin: auto;
    float: left;
    cursor: pointer;
}
#lin-top {
    float: none;
    height: auto;
    width: 90%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5%;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}

#menu-responsive {
    display: none;
} 
  .caret {
    margin-right: 4px;
}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form{position: relative;}
  .navbar-default {
    background-color:rgba(248, 248, 248, 0.3);
    border-color: #f1f1f1;
    border-top:0;
    border-right: 0;
    border-left:0;
}
.navbar-default .navbar-brand{padding: 0;}
.nav.navbar-nav.navbar-right{margin-top: 0;}
.navbar-brand>img {
    width: 200px;
}
.navbar-default .navbar-collapse{padding: 0;}
  .mega-dropdown {
  position: static !important;
}
  .mega-dropdown-menu {
    padding: 20px 10px!important;
    width: 80%;
    box-shadow: none;
    right: 0!important;
    -webkit-box-shadow: none;
    position: absolute;
    box-shadow:7px 10px 30px rgba(213, 216, 216, 0.54);
    -webkit-box-shadow:7px 10px 30px rgba(213, 216, 216, 0.54);
    border: 0;
    border-radius: 5px;
}
.mega-dropdown-menu .dropdown-header {
    font-size: 14px;
    color: #6b6b6b;
    padding: 5px;
    line-height: 30px;
    font-family: IransansWeb_Medium;
    text-align: right;
    margin-bottom: 7px;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu > li > a{
  padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #444;
    font-size: 13px;
  }
  .dropdown-menu > li > a:hover ,.dropdown-menu > li > a:focus{background-color: rgba(248, 248, 248, 0.7);}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #969696;
  padding: 3px 5px;
  font-size: 13px;
}
.mega-dropdown-menu > li > ul > li>a:before {
    content: '';
    width: 5px;
    height: 5px;
    background:#0191b2;
    display: inline-block;
    margin-left: 5px;
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #0191b2;
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color: transparent;}
.navbar-default .navbar-nav>li>a{line-height: 3em;color: #444;    font-size: 15px;}
.navbar-default .navbar-nav> li{position: relative;}
.navbar-default .navbar-nav.main-menu> li:before{content: '';width: 40px;height: 2px;background:#0191b2;position: relative;top:0;display: block;margin: 0 auto;opacity: 0;}
.navbar-default .navbar-nav.main-menu> li:hover:before{opacity: 1;}
.dropdown-menu{border:0;box-shadow:7px 10px 30px rgba(213, 216, 216, 0.54);
    -webkit-box-shadow:7px 10px 30px rgba(213, 216, 216, 0.54);padding: 10px 0;}
.nav>li>a>img{max-width: 35px;}
.nav .blue{    color: #0191b2;margin-left: 5px;font-size: 18px;}

.icon_box{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top:15px;
	margin-bottom: 15px;
}
.icon-wrapper{
	background: #fff;
	z-index: 3;
	padding: 30px 30px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;

}
.icon-wrapper.shadow,.shadow{box-shadow:7px 10px 30px rgba(213, 216, 216, 0.54);
	-webkit-box-shadow:7px 10px 30px rgba(213, 216, 216, 0.54);}
.icon_box.right-icon{margin-bottom: 0;margin-top:5px;}
.icon_box .text-block p{color: #a5a5a5;font-size: 13px;line-height: 1.7;}
.icon_box .text-block .caption,.icon_box .text-block .caption a{margin-top: 0;margin-bottom:5px;font-size: 14px;}
.icon_box .text-block .caption a{color: #666;font-family: IRANSansWeb_Medium;}
.icon_box.right-icon{display: flex;-webkit-display:flex;background: #fff;transition:all 0.3s;-webkit-transition:all 0.3s;}
.icon_box.right-icon:hover{box-shadow: 7px 10px 30px rgba(213, 216, 216, 0.64);-webkit-box-shadow: 7px 10px 30px rgba(213, 216, 216, 0.64);}
.icon_box.right-icon .icon{width: 70px;margin-top: 10px;}
.img-center {margin: 0 auto;}
.image-box{margin: 15px 0 ;}
.row{
	padding-top:25px;
	padding-bottom: 25px;
}
.service{margin-top: -230px;background: linear-gradient(to top,#fafbfb, #fff);background:-webkit-gradient(linear, bottom, top, from(#fafbfb), to(#fff));
  background:-webkit-linear-gradient(bottom, #fafbfb, #fff);background:-moz-linear-gradient(bottom, #fafbfb, #fff);background:-o-linear-gradient(bottom, #fafbfb, #fff);background-image:linear-gradient(to top, #fafbfb,#fff);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fafbfb, endColorstr=#fff)";}
.service .icon_box:before,.net-service .icon_box:before {
    content: " ";
    width: 95%;
    height: 95%;
    z-index: -1;
    position: absolute;
    top: auto;
    bottom: 1px;
    left: 1px;
    border-radius: 12px;
    background-image: linear-gradient(100deg,#55eae7,#0191b2);
    background-repeat: repeat-x;
    outline: 1px solid transparent;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.service .icon_box.yellow:before{
    background-image:linear-gradient(100deg,#efda4f,#dcc006);
}

.service .icon_box,.net-service .icon_box {
    height: 100%;
    display: block;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    outline: none;
    text-align: center;
    margin:20px 10px;
}
.service .icon_box:hover:before,.net-service .icon_box:hover:before {
    -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px);
    transform: rotate(2deg) translateX(-5px) translateY(16px)
}
.service .icon_box .icon,.net-service .icon_box .icon{width: 60px;height: 60px;margin: 0 auto;}
.service .icon_box .icon.app{background: url('../images/service-icon.png') 0 0 no-repeat;background-size: 100%;}
.service .icon_box .icon.internet{background: url('../images/service-icon.png') 0 -60px no-repeat;background-size: 100%;}
.service .icon_box .icon.dm{background: url('../images/service-icon.png') 0 -120px no-repeat;background-size: 100%;}


.main-slider{
	z-index: 0;
	position: relative;

}

.carousel .carousel-control{
	top:calc(50% - 40px);
    bottom: auto;
    width: auto;
	color: #939395;
	opacity: 1;
	text-shadow:none;
	background-image: none;
	
}
.carousel .carousel-control span{
	color: #b4b4b4;
    opacity: 1;
    border:1px solid #b4b4b4;
    padding: 6.5px 12.93px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    align-items: center;
    text-align: center;
    max-width: 35px;
    max-height: 35px;
}

.carousel .carousel-control.right{
	left: auto;
    right: 0px;
}
.carousel .carousel-control.left{
	right: auto;
    left: 0px;
}
.carousel .carousel-control > span:hover{
	background: #47b5b4;
	color: #fff;
	border:1px solid  #47b5b4;
}

.main-slider .carousel-indicators{
	position: absolute;
    width: 20px;
    left: 10px;
    right: auto;
    margin-right: initial;
    margin-left: 20px;
    top: 50%;
    text-align: left;
    bottom: auto;
}
.main-slider .carousel-indicators li,.res-introduction .carousel-indicators li{
	border:1px solid #444;
	width: 12px;
	height: 12px;
}
.main-slider .carousel-indicators .active,.res-introduction .carousel-indicators .active{
	background-color: #efda4f;
	border:1px solid #efda4f;
	width: 12px;
	height: 12px;
	margin: 1px;
}
.main-slider .carousel-caption {
    width: 60%;
    top: 45%;
    padding: 5px 15px;
    left: 0;
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: none;
}


.main-slider .carousel-caption .caption {
	font-size: 18px;
	font-weight: bold;
	color: #333;
}
.main-slider .carousel-caption p{color: #666;}
.main-slider .more
{
    bottom: 70px;
    font-size: 12px;
    font-weight: bold;
    right: 15px;
    background: #3596b6;
    color: #cbcbcd;
    padding: 7px 10px;
}
.main-slider .more:hover{
	background: #1c1faa;
}

.main-slider .more h3{
	margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
}
.main-slider .lb{
	position: absolute;
    top: 10px;
    right: 15px;
	background: #1d20a3;
	font-size: 12px;
    font-weight: bold;
    color: #cbcbcd;
    padding: 7px 10px;
}
.main-slider .sidebar .item{
	position: relative;
	margin-bottom: 10px;
}
.main-slider .sidebar .item a{
	display: block;
}
.main-slider .sidebar .item .category a {
	color: #cbcbcd;
	display: block;
}
.main-slider .sidebar .carousel-caption{
	padding: 2px 5px 2px;
}
.main-slider .sidebar .carousel-caption h4{
	font-size: 13px;
}
.main-slider .sidebar{
	text-align: center;
}
.navbar {
    margin-bottom: 0;
}
.top-navbar.navbar {
    position: fixed;
    background: rgb(248, 248, 248);
    top: 0;
    z-index: 10;
    right: 0;
    left: 0;
}
.main-content{margin-top: 77px;}
.hero {
    min-height: 100%;
    position: relative;
    transition-duration: 0.4s;
    transition-property: transform;
    }
.hero .text{
	padding: 0 20px;
}
    .wave {
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 46.38889%;
}
.wave__svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.wave-img{
	position: relative;
	z-index: 1;
	top: -13px;
}
.hero-wrapper{
	margin-top: -30px;
}
.hero{

	z-index: 2;
	position: relative;
	vertical-align: middle;
	padding:0;
	margin-top: -60px;
}
.hero img.yeksa{margin-top: 40px;}
.hero-text{
	background: transparent;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 2;
}
.pd-top0{padding-top: 0;}
.pd-btm10{padding-bottom: 10px;}
.pd-btm0{padding-bottom: 0px;}
.pd-0{padding:0;}
.mrg-40{margin-top: -40px;}
.margin0{margin-right:0;margin-left:0;}
.margin-top40{margin-top:40px;}
.title.dark h1 {
    color: #efda4f;
}
.title.dark p {
    color: #fff;
}
.yellow-btn{background: #efda4f;color: #333;}
.yellow-btn:hover{background: #ead234;border-radius: 25px;}
.gray-wvetop,.gray-wvetop2{position: relative; }
.gray-wvetop-wrapper{ background-image:-webkit-gradient(linear, top, bottom, from(#f8f8f8), to(#fff));background-image:-webkit-linear-gradient(top, #f8f8f8, #fff);background-image:-moz-linear-gradient(top, #f8f8f8, #fff);background-image:-o-linear-gradient(top, #f8f8f8, #fff);
    background-image:linear-gradient(to bottom, #f8f8f8,#ffffff);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=##f8f8f8, endColorstr=#fff)";}
.gray-wvetop .gray-wvetop-wrapper{background-image:-webkit-gradient(linear, top, bottom, from(#f8f8f8), to(#fcfcfc));background-image:-webkit-linear-gradient(top, #f8f8f8, #fcfcfc);background-image:-moz-linear-gradient(top, #f8f8f8, #fcfcfc);background-image:-o-linear-gradient(top, #f8f8f8, #fcfcfc);
    background-image:linear-gradient(to bottom, #f8f8f8,#fcfcfc);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=##f8f8f8, endColorstr=#fcfcfc)";}
.gray-wvetop .heading {
	display: block;
	height: 250px;
    width: 100%;
    margin-top: -80px;
	background: url('../images/gray-bg1.png') top no-repeat;
	background-size: cover;

}
.gray-inner{margin-top: -150px;}
.gray-light{padding-top: 20px;margin-bottom: 15px;background:-webkit-gradient(linear, top, bottom, from(#fcfcfc), to(#fff));
background:-webkit-linear-gradient(top, #fcfcfc, #fff);background:-moz-linear-gradient(top, #fcfcfc, #fff);
background:-o-linear-gradient(top, #fcfcfc, #fff);background:linear-gradient(to bottom, #fcfcfc,#ffffff);-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=##fcfcfc, endColorstr=#fff)";}


.icon_box.right-icon .icon{min-width:45px;width: 60px;height: 45px;margin-right :auto;margin-left :auto;}
.dmarketing .icon_box .icon.web{background: url('../images/service-icon2.png') 0 0px no-repeat;}
.dmarketing .icon_box .icon.seo{background: url('../images/service-icon2.png') 0 -45px no-repeat;}
.dmarketing .icon_box .icon.social{background: url('../images/service-icon2.png') 0 -90px no-repeat;}
.dmarketing .icon_box .icon.graphic{background: url('../images/service-icon2.png') 0 -135px no-repeat;}
.dmarketing img{padding: 20px;}
.dmarketing .icon_box{background: transparent;}

.blue-dark:before{z-index:2;content:'';position:absolute;top:-170px;width:100%;height:180px;background:url('../images/background-arrow2.png')no-repeat top;background-size: cover;}
.blue-dark{position: relative;}
.blue-dark .pack{background: #313562;margin-top:130px;padding-bottom: 100px;}
.blue-dark .text-white{
	margin-top: -40px;
    z-index: 3;
    position: relative;
}
.package{padding: 0 40px;}
.package-inner{margin-top:-110px;}
.package .item-pack{transition:all 0.2s;position:relative;z-index:0;overflow: hidden;background:#fff;border-radius: 10px;-webkit-border-radius: 10px;margin:10px;}
.package .item-pack .title{color: #333;font-size: 15px;font-family:IRANSansWeb_Medium;padding: 17px 20px 0 0;}
.package .item-pack .title:after{content:'';margin-top:15px;margin-bottom:15px;position:absolute;display:block;height:1px;width: 80px;background: #eee;}
.package .item-pack  ul{margin-top: 10px;}
.package .item-pack  ul li{padding: 5px 0;color: #ccc;}
.package .item-pack  ul li:before{content: "\f00c";font-family:FontAwesome;width: 17px;max-height: 17px;height: 17px;font-size: 11px;line-height: 1.4;color: #333;display: inline-block;border:1px solid #333;border-radius: 50%;margin-left: 10px;}
.package .item-pack  ul li a{color: #333;}
.package .item-pack  ul li a:hover{color: #000;}
.package .item-pack .header{z-index:2;position:relative;overflow:hidden;background:url('../images/sqaure-bg.png') 0 -70px no-repeat;padding: 0 5px 10px 0;}
.package .item-pack:hover .header{background:url('../images/sqaure-bg.png') 0 0px no-repeat;}
.package .item-pack.app .footer{z-index:2;background:url('../images/app-bg.png') right top no-repeat;height: 70px;}
.package .item-pack.dm .footer{background:url('../images/app-bg.png') 0 -134px no-repeat;height: 70px;}
.package .item-pack.net .footer{background:url('../images/gray-bg2.png') 0 bottom no-repeat;height: 70px;}
.package .item-pack .content{position:relative;z-index:2;padding: 0px 25px 0px;}
.package .item-pack >.overlay {z-index:1;opacity:1;position:absolute;;display:block;width:100%;height:100%;top:0;right:0;}
.package .item-pack.dm:hover{background:url('../images/digital-marketing.jpg') no-repeat;background-size: cover;}
.package .item-pack.app:hover{background:url('../images/app-bg2.jpg') no-repeat;background-size: cover;}
.package .item-pack.net:hover{background:url('../images/internet-bg.jpg') no-repeat;background-size: cover;}
.package .item-pack:hover >.overlay{background: rgba(96, 220, 199, 0.9) ;}
.package .item-pack:hover button{background: #333;}

.gray-wvetop2 .heading {
	display: block;
	height: 250px;
    width: 100%;
    margin-top: -100px;
	background: url('../images/gray-bg3.png') top no-repeat;
	background-size: cover;

}
.gray-wvetop2{margin-top: 90px;}
.home-cta .inner{position: relative;
    background: #0191b2;
    padding: 30px 0 0;
    margin-top: -20px;}
.home-cta:before{content:'';display:block;width: 100%;height: 100px;background:url('../images/cta-top.png') no-repeat top;}
.home-cta:after{content:'';display:block;width: 100%;height: 100px;margin-top: -3px;background:url('../images/cta-bottom.png') no-repeat top;}
.home-cta p .slogan,.cta-3 p .slogan{font-size: 18px;}
.home-cta strong p,.cta-3 strong p{font-size: 17px; }
.home-cta .description,.cta-3 .description{color:#eee;font-size: 15px;}
.home-cta button,.cta2 button{margin:0px 5px 5px;}

.yellow-text{color: #e5d868;}
.home-blog{margin-bottom: 20px;}
.blog.home-blog{margin-top: -40px;}
.blog-item {transition:all 0.2s;-webkit-transition:all 0.2s;margin: 10px 0;position: relative;padding-bottom: 20px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}   
.blog.grid .blog-item:hover{box-shadow:7px 10px 30px rgb(213, 216, 216);-webkit-box-shadow:7px 10px 30px rgb(213, 216, 216);}
.blog-item img{border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;}
.blog-item .overlay{position:absolute;margin-top:-69px;width:100%;height:70px;background: linear-gradient(to top,#ffffff,rgba(255, 255, 255, 0.64) 50% , rgba(255, 255, 255, 0.2) 80% , rgba(255, 255, 255, 0));}
.blog-item .explain{padding: 0 20px;z-index: 1;position: relative;margin-top: -40px;}
.blog-item .category-name p,.blog-item .category-name  a{font-size: 12px;color: #444;font-weight: 600;}
.blog-item .summary{font-size: 13px;}
.blog-item h3.title,.blog-item h3.title a{font-family:IRANSansWeb_Medium;font-weight:500;color:#0191b2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.blog-item .meta,.blog-item .meta a {font-size: 10px;color: #b3b3b3;margin-top: 25px;}
.blog-item .meta:hover, .blog-item .meta a:hover{color:rgba(49, 53, 98, 0.7);}
.blog-item .meta i{margin-right: 3px;}
.blog-item .meta .date,.blog-item .meta .comment{display: inline-block;}
.blog-item .meta .comment{margin-right: 5px;border-right: 1px solid #eee;padding-right: 8px;}



/*--digital-marketing--*/
.dm-top{background: url('../images/gray-bg4.png') 0 top no-repeat ;background-size: contain;}
.dm-web,.app-portfolio{background: url('../images/gray-bg5.png') top no-repeat;background-size: cover; padding-top: 40px;   margin-top: -30px;}
.dm-web img{float: left;left: 0;padding: 0;}
.dm-service .icon_box{padding: 7px 15px;transition:all 0.2s;}
.dm-service{position: relative;}
.dm-service .icon_box .icon.web{background: url('../images/service-icon2.png') 0 -180px no-repeat;}
.dm-service .icon_box .icon.seo{background: url('../images/service-icon2.png') 0 -225px no-repeat;}
.dm-service .icon_box .icon.graphic{background: url('../images/service-icon2.png') 0 -270px no-repeat;}
.dm-service .icon_box .icon.social{background: url('../images/service-icon2.png') 0 -315px no-repeat;}
.dm-web ul li h3,.dm-social ul li h3{font-size: 14px;margin-bottom: 3px;}
.dm-web ul li,.dm-social ul li{margin-bottom: 20px;transition:all 0.4s;}
.dm-web ul,.dm-social ul {margin-top: 35px;}
.dm-web ul li p,.dm-social ul li p{font-size: 13px;}
.dm-web ul li h3:before,.dm-social ul li h3:before{
	content:"\f00c";display: inline-block;font-size: 10px;background: red;font-family:  FontAwesome;background: #0191b2;
    font-family: FontAwesome;
    color: #fff;
    font-weight: normal;
    border-radius: 50%;
    width: 17px;
    padding: 0 2px;
    margin-left: 10px;}
.dm-web ul li:first-child h3:before{background:#6865bb; }
.dm-web ul li:nth-child(2) h3:before{background:#f5872c; }
.dm-web:after,.app-portfolio:after{content:'';display:block;width: 100%;height: 40px;}
.dm-web-portfolio:before{position: absolute;content: '';width: 100%;height: 600px;z-index: 0;background: url('../images/background-arrow.png') no-repeat center;
background-size: cover;}
.dm-web-portfolio{margin-top: -55px;}
.dm-web-portfolio>.container{z-index: 1;position: relative;}
.dm-web-portfolio .owl-nav button{border: 1px solid #ebeced!important;}
.dm-web-portfolio .owl-nav button:hover i{color: #09b3af!important;}
.dm-web-portfolio .owl-carousel .owl-nav button.owl-prev,.dm-web-portfolio .owl-carousel .owl-nav button.owl-next{color: #fff;}
.dm-seo .hero-img{margin-top: 25px;}
.dm-seo .wrapper{background: url(../images/seo-wave.png) no-repeat top;
    background-size: contain;
    padding-top: 160px;}
.dm-seo ul.nav li{min-height:110px;max-height:110px;width: 23%;margin: 0 1%;background: #ecf5f5;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.dm-seo ul.nav li:not(.active) a:hover,.dm-seo ul.nav li:not(.active) a:focus{background:#e3eded;border-bottom: 0; }

.dm-seo ul.nav li.active:after {
    content: '';
    display: inline-block;
    position: absolute;
    border-left: 8px solid transparent;
    border-top: 8px solid #0191b2;
    border-right: 8px solid transparent;
    right: calc(50% - 6px);
    bottom: -7px;
    z-index: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.dm-seo ul.nav li a{text-align: center;padding:5px 5px 10px;color: #444;font-size: 14px;}
.dm-seo .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff!important;background-color: #0191b2;border: 0;}
.dm-seo .nav-tabs{border-bottom: 0;}
.dm-seo .tab-content{padding: 10px 25px;
    margin: 20px 1%;
    box-shadow: 2px 2px 25px #e8eae8;
    border-radius: 5px;
    min-height: 175px;
}
.dm-seo .nav-tabs>li .icon{width:65px;height:65px;margin: 0 auto 10px;}
.dm-seo .nav-tabs>li.strategy .icon{background: url('../images/seo-icon.png') no-repeat 0 0;}
.dm-seo .nav-tabs>li.data .icon{background: url('../images/seo-icon.png') no-repeat 0 -65px;}
.dm-seo .nav-tabs>li.management .icon{background: url('../images/seo-icon.png') no-repeat 0 -130px;}
.dm-seo .nav-tabs>li.analyze .icon{background: url('../images/seo-icon.png') no-repeat 0 -195px;}
.dm-seo .nav-tabs>li.active.strategy .icon{background: url('../images/seo-icon.png') no-repeat -65px 0;}
.dm-seo .nav-tabs>li.active.data .icon{background: url('../images/seo-icon.png') no-repeat -65px -65px;}
.dm-seo .nav-tabs>li.active.management .icon{background: url('../images/seo-icon.png') no-repeat -65px -130px;}
.dm-seo .nav-tabs>li.active.analyze .icon{background: url('../images/seo-icon.png') no-repeat -65px -195px;}


.dm-seo-form{background:#313562;}
.dm-seo-form form button{margin-top: 0;}
.description{color:#eee;font-size: 13px;}
.dm-seo-form .seo-logo img{border-radius: 50%;-webkit-border-radius: 50%;margin: 7px 0;}
.dm-seo-form .seo-logo img:hover{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}

.dm-seo-form .seo-logo{padding:0 10px;}
.dm-seo-form form{margin-top: 30px;}
.dm-seo-form >.container .row{padding-top: 5px;padding-bottom: 10px;}
form .row{padding-bottom: 0!important;}

.dm-social .wrapper {background:-webkit-gradient(linear, top, bottom, from(#fff), to(#f7f8fa));
background:-webkit-linear-gradient(top, #fff,#f7f8fa);background:-moz-linear-gradient(top, #fff,#f7f8fa);
background:-o-linear-gradient(top, #fff, #f7f8fa);background:linear-gradient(to bottom, #fff,#f7f8fa);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fff, endColorstr=#f7f8fa)";
}
.dm-social .wrapper img{margin-top: 30px;}
.dm-social .portfolio-social{background: url('../images/gray-bg6.png') no-repeat;background-size: cover;}
.dm-graphic {padding-bottom:20px;position:relative;margin-top:-60px;background: url('../images/circle-bg.png') no-repeat -100px center;}
.dm-graphic-portfolio{padding-bottom: 60px;padding-top: 20px;}
.dm-graphic .graphic-img{position: absolute;bottom:0;}

.dm-graphic-portfolio .container {position: relative;}

.dm-graphic-portfolio.gallerySlides { display: none;}
.dm-graphic-portfolio .cursor {cursor: pointer;}
.dm-graphic-portfolio.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dm-graphic-portfolio .caption-container {
    text-align:right;
    background-color:rgba(1, 1, 1, 0.7);
    padding: 4px 16px 6px;
    color: rgba(239, 239, 247, 0.9);
    font-weight: bold;
    margin-top: -47px;
    display: block;
    position: absolute;
    width: 100%;
    height:47px;
    max-height: 47px;
}

.dm-graphic-portfolio .row:after {
  content: "";
  display: table;
  clear: both;
}
.dm-graphic-portfolio .demo {opacity: 0.6;padding: 5px 0;}
.dm-graphic-portfolio .active,.dm-graphic-portfolio .demo:hover {opacity: 1;}
.dm-graphic-portfolio .row.thumb{margin: 25px 0;}
.dm-graphic-portfolio .modal {
  display: none;
  z-index: 2;
  left: 0;
  top: 70px;
  overflow: auto;
  background-color: black;
}

.dm-graphic-portfolio .modal-content {
  margin: 20px auto;
  position: relative;
  background-color: #fefefe;
  padding: 0;
  width: 60%;
 
}

.dm-graphic-portfolio .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 35px;
  font-weight: bold;
  opacity: 0.8; 
}

.dm-graphic-portfolio .close:hover,
.dm-graphic-portfolio .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.dm-graphic-portfolio .prev,
.dm-graphic-portfolio .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  user-select: none;
  -webkit-user-select: none;
}
.dm-graphic-portfolio .prev{left:0;border-radius: 0 5px 5px 0;-webkit-border-radius: 0 5px 5px 0;}
.dm-graphic-portfolio .next {right: 0;border-radius: 5px 0 0  5px;-webkit-border-radius: 5px 0 0  5px;}

.dm-graphic-portfolio .prev:hover,.dm-graphic-portfolio .next:hover {background-color: rgba(0, 0, 0, 0.8);}
.dm-graphic-portfolio .numbertext {color: #f2f2f2;font-size: 12px;direction: ltr;padding: 8px 12px;position: absolute;top: 0;}

.dm-graphic-portfolio img.demo {opacity: 1;}
.dm-graphic-portfolio .active,
.dm-graphic-portfolio .demo:hover {opacity: 0.8;}
.dm-graphic-portfolio img.hover-shadow {transition: 0.3s;-webkit-transition: 0.3s;}

.dm-graphic-portfolio .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.dm-graphic-portfolio #caption-pic {color: #fff;}
/*--gallery--*/

.dark-gray{background: #dddee2;}
.dm-cta{margin-top: -40px;}
.cta{margin-bottom:30px;border-radius: 10px;-webkit-border-radius: 10px;background:-webkit-gradient(linear, left, right, from(#00b9bb), to(#0191b2));
  background:-webkit-linear-gradient(left, #00b9bb,#0191b2);background:-moz-linear-gradient(left, #00b9bb,#0191b2);background:-o-linear-gradient(left,#00b9bb, #0191b2);background:linear-gradient(to right, #00b9bb,#0191b2);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#00b9bb, endColorstr=#037188)";
}
.cta p ,.cta h2,.cta h3 ,.cta a{color: #fff;font-weight: normal;}
.cta h2,.cta h3 {font-family:IRANSansWeb_Medium;font-size: 15px;}
.cta p ,.cta a{font-size: 13px;color: #eee;display: block;}
.cta .info a{display: inline-block;}
.cta .wrapper{padding: 10px;border-radius: 10px;-webkit-border-radius: 10px;background: url('../images/cta-bg.png') no-repeat 0;background-size: cover;}
.cta .wrapper>.row{padding-top: 0px;padding-bottom: 0px;}
.cta .inner-wrapper.with-icon{display: flex;-webkit-display:flex;align-items: center;}
.cta .inner-wrapper .icon{width: 100px;margin-left: 15px;}
.cta .inner-wrapper h2{margin-bottom: 5px;}
.cta .inner-wrapper.info{margin-top: 20px;}
.cta .inner-wrapper.info:before{content:'';display:inline-block;height:60px;width:1px;background: rgba(221, 222, 226, 0.4);
    position: absolute;margin-right: -30px;}
.cta .inner-wrapper.info i{margin-right:5px;font-size: 18px;}
.cta .inner-wrapper.info a{font-size: 14px;}

/*--app--*/
.heading.wave2{width:100%;height:400px;margin-top:-370px;background: url('../images/blue-bg3.png') 0 top no-repeat ;background-size: cover;}
.app-hero{background: url('../images/laptop.jpg') no-repeat;background-size: cover;}
.app-inner{background: rgba(255, 255, 255, 0.94);}
.app-yeksa{background:linear-gradient(to bottom,#0090b2,#05c2ef ,#a9eeff ,#f0fbfb,#fff );}
.app-yeksa .col{margin-top: -30px;}
.app-yeksa .icon_box{padding: 7px 15px;margin-bottom: 10px;}
.app-feature .icon_box .icon.user{background: url('../images/service-icon2.png') 0 -365px no-repeat;}
.app-feature .icon_box .icon.fast{background: url('../images/service-icon2.png') 0 -415px no-repeat;}
.app-feature .icon_box .icon.install{background: url('../images/service-icon2.png') 0 -465px no-repeat;}
.app-feature .icon_box .icon.doc{background: url('../images/service-icon2.png') 0 -515px no-repeat;}
.app-yeksa img{padding:10px;}
.why-app .icon_box{margin-top: 0;}
.why-app{margin-top:-50px;background: url('../images/why-app-bg.png') left center no-repeat;background-size: auto;}
.why-app .icon_box .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
.why-app .icon_box .icon.code {
    background: url('../images/service-icon.png') 0 -180px no-repeat;
    background-size: 100%;
}
.why-app .icon_box .icon.fast{
    background: url('../images/service-icon.png') 0 -240px no-repeat;
    background-size: 100%;
}
.why-app .icon_box .icon.secure{
    background: url('../images/service-icon.png') 0 -300px no-repeat;
    background-size: 100%;
}
.icon_box.icon-top img{margin:0 auto;}
.app-portfolio{margin-top: -50px;}
.app-portfolio .carousel{top: 0px;}
.app-portfolio .carousel-indicators .active{background-color: #0ab2b5;}
.app-portfolio .carousel-indicators li{border: 1px solid #02afb4;}

.app-feature .image-box{margin-top: 0;}
.software ul{margin-top: 25px;}
.software ul li h3{font-size: 14px;}
.software ul li h3:before,.portfolio-item li:before{
	content: "\f00c";
    font-family: FontAwesome;
    font-size: 10px;
    color: #0191b2;
    width: 16px;
    display: inline-block;
    border: 1px solid #0191b2;
    border-radius: 50%;
    margin-left: 10px;
    line-height: 1.4;
}
.software-feature .icon_box,.net-pack .icon_box{padding: 15px 25px;}
.software-feature .icon_box h4{line-height: 1.7;color: #3e3e3e;font-size: 15px;font-family:IRANSansWeb_Medium;}
.software-feature .icon_box p,.net-pack .icon_box p{line-height: 1.6;color: #8a8a8a;font-size: 13px;}

/*--internet--*/
.cta2{background: #313562;}
.cta2 p{font-size: 15px;}
.cta2 .inner{background: url('../images/erath.png') 30% bottom no-repeat;background-size: auto;}
.cta2 .btn-white{color: #0ab2b5;}
.cta2 .btn-blue:hover{background:#0aa8ab;}
.cta2 a{color: #e5d868;}
.cta2 a:hover{color: #0ab2b5;}

.net-pack{background: url('../images/dot-map.png') right center no-repeat;    background-attachment: fixed;background-size: auto;}
.net-pack .icon_box h4,.net-pack .icon_box h4 a{white-space: nowrap;line-height: 1.7;color: #3e3e3e;font-size: 14px;}
.net-pack .icon_box:hover a,.net-pack .icon_box:hover h4:before{color: #0ab2b5;}
.net-pack .icon_box h4:before{content: "\f105";font: normal normal normal 14px/1 FontAwesome;display: inline-block;margin-left:7px;}
.net-hero{background: url('../images/internet-bg-blue.png') 0 top no-repeat;background-size: auto;}
.net-service .icon_box .icon{width: 60px;height: 60px;margin: 0 auto;}
.net-service .icon_box .icon.app{background: url('../images/net-icon.png') 0 0 no-repeat;background-size: 100%;}
.net-service .icon_box .icon.internet{background: url('../images/net-icon.png') 0 -60px no-repeat;background-size: 100%;}
.net-service .icon_box .icon.dm{background: url('../images/net-icon.png') 0 -120px no-repeat;background-size: 100%;}
.net-service .icon_box{margin:15px 10px;}
.net-service .icon_box h2{margin-bottom: 5px;}
.net-service .icon_box h3{font-size: 14px;font-family:IRANSansWeb_Medium;margin-top: 0;padding-top: 0;color: #888888;margin-bottom: 20px;}
.net-service{margin-bottom: 20px;}

.accordion-faq .panel-default{border-bottom: 1px solid #ddd;}
.accordion-faq .panel{webkit-box-shadow:none;box-shadow:none ;}
.panel-default>.panel-heading{background:transparent;border-bottom:0;}
.panel-heading{border-bottom:0;}
.panel-default{border: 0;}
.accordion-faq .panel-title {font-size: 15px;color: #666;}
.accordion-faq .panel-title i{margin-left: 10px;transition:all 0.3s;}
.accordion-faq .panel-title a{display: block;}
.accordion-faq .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #f5f4f4;}
.accordion-faq .reply,.accordion-faq .question{color: #0191b2;margin-bottom: 5px;display: inline-block;}
.accordion-faq p{color: #999;font-size: 13px;}
.accordion-faq a:not(.collapsed) >i{transform:rotate(-90deg);transition:all 0.3s;-webkit-transform:rotate(-90deg);-webki-transition:all 0.3s;}
.accordion-faq .panel-group .panel{border-radius: 0;background:transparent;}
.accordion-faq{margin-bottom: 20px;}


/*--portfolio--*/
.wave-heading{background: url('../images/blue-bg4.png') bottom no-repeat;background-size:cover;min-height: 380px;}
.portfolio-grid{margin-top: -230px;}
.portfolio-grid .portfolio-item{background:#fff;margin:15px 10px;overflow:hidden;position: relative;transition:all 0.3s;}
.portfolio-grid .portfolio-item{box-shadow:2px 10px 20px rgba(173, 185, 185, 0.56);-webkit-box-shadow:2px 10px 20px rgba(173, 185, 185, 0.54);border-radius: 10px;-webkit-border-radius: 10px;}
.portfolio-grid .portfolio-item img.item-img{width:100%;margin-bottom:10px;box-shadow:2px 5px 10px rgba(173, 185, 185, 0.56);-webkit-box-shadow:2px 5px 10px rgba(173, 185, 185, 0.54);border-radius: 10px;-webkit-border-radius: 10px;}
.portfolio-grid .portfolio-item .item-info {padding:0px 15px 10px;background: #fff;}
.portfolio-grid .portfolio-item .item-info .name h2{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;padding-right: 5px;padding-left: 5px;font-weight: 300;margin-bottom: 10px;}
.portfolio-grid .portfolio-item .item-info .name h2:before{content: "\f0c1";margin-left:3px;font: normal normal normal 14px/1 FontAwesome;}

.portfolio-grid .portfolio-item .item-info .logo{float:left;width: 40px;height: 40px;border-radius: 50%;-webkit-border-radius:50%;}
.portfolio-grid .portfolio-item .item-info i{color: #666;}
.portfolio-grid .portfolio-item .item-info.inline-block .name,.portfolio-grid .portfolio-item .item-info.inline-block .logo{display: inline-block;}
.portfolio-grid .portfolio-item:hover >a .overlay{transition:all 0.3s;-webkit-transform: translate(0, 0px);transform: translate(0, 0px);border-radius: 10px;-webkit-border-radius:10px;bottom:0;}
.portfolio-item .overlay
	{width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(60, 121, 161, 0.78), rgba(0, 204, 205, 0.87));
    position: absolute;
	transform: translate(0, 100%);
	-webkit-transform: translate(0, 100%);
}
.portfolio-item .overlay i{
	transform: translate(50%, 50%);
    position: absolute;
    top: 50%;
    right: 50%;
    font-size: 20px;
    color: #fff;
    bottom: 50%;
    z-index: 5;
    opacity: 1;
    margin-top: -20px;
}
.portfolio-item h1{font-size: 16px;}
.portfolio-item  ul li ,.portfolio-item  ul li a,.portfolio-item p,.portfolio-item{color: #888;}
.portfolio-item  ul li{margin-bottom: 5px;}
.portfolio-item  ul li a:hover{color: #47b5b4;}
.portfolio-item  .image-box{margin:0;}
.portfolio-item  .image-box img{margin: 0 auto;}
.portfolio{padding-bottom: 20px;}
.bg-gray{background: url('../images/gray-bg7.png')no-repeat right top;background-size: auto;}
.cta-3 .inner{border-radius: 10px;-webkit-border-radius: 10px;padding-bottom: 20px;}
.cta-3 button{margin:15px 5px 5px;}
.cta-3 .inner{position: relative;background: rgb(2, 111, 136);padding:0 0 10px;margin-top: 10px;margin-bottom: 30px;}

.owl-carousel .owl-nav button{
    top: calc(50% - 30px);
    bottom: auto;
    width: auto;
    color: #939395;
    opacity: 1;
    text-shadow: none;
    background-image: none;
    position: absolute;
    
}
.owl-nav button {
    line-height: 16px!important;
    background-color: transparent!important;
    width: 33px!important;
    height: 33px!important;
    border: 1px solid #a7a7a7!important;
    overflow: hidden!important;
    display: inline-block!important;
    border-radius: 2px!important;
    float: right!important;
    font-size: 20px!important;
    border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
}
.owl-nav button{color: #a7a7a7;}
.owl-carousel .owl-nav button.owl-prev{
    right: auto;
    left: -25px;
    margin-left: 0;
}
.owl-carousel .owl-nav button.owl-next{
    left: auto;
    right: -25px;
    margin-right: 0;
}
.owl-carousel .owl-nav button:hover{
    background: #0191b2!important;
    border:1px solid #0191b2;
}
.dm-web-portfolio .owl-nav button:hover {background: #fff!important;}

.owl-carousel .owl-nav button:hover span{color: #fff!important;}
.top-50{top: -50px;position: relative;}


/*--blog--*/
.fix-side {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    color: #fff;
    top: 5px;
    bottom: auto;
    height: auto;
}
.blog.blog.grid .blog-item{margin-bottom: 20px;}
.r-sidebar{margin:10px 0;background:#f8f9fc;border-radius: 10px;-webkit-border-radius: 10px;padding: 15px 20px;}
.r-sidebar .header{margin-bottom:20px;font-size: 15px;border-bottom: 1px dashed #dcdcdc;color: #0191b2;padding-bottom: 15px;font-family: IRANSansWeb_Medium;}
.r-sidebar .sidebar-box{margin-bottom: 35px;}
.r-sidebar .sidebar-box:last-child{margin-bottom:0;}
.sidebar-box .owl-carousel .owl-nav button{color:#666;top: -38px;width:25px!important;height:25px!important;background-color: #f2f7f7!important;border: 1px solid #e5e4e4!important;-webkit-border-radius: 5px!important;border-radius: 5px!important;}
.sidebar-box .owl-carousel .owl-nav button:hover{background-color:#0191b2!important;border: 1px solid #0191b2!important;}
.sidebar-box .owl-carousel .owl-nav button.owl-prev {left: 0;margin-right: 10px;}
.sidebar-box .owl-carousel .owl-nav button.owl-next {left: 30px;right: auto;margin-right: 0;}
.owl-theme .owl-nav .disabled{opacity: 1;}
.owl-theme .owl-nav .disabled  i{opacity: 0.5;}
.owl-theme .owl-nav:not(.disabled) button:hover span{color:#47b5b4;}



.panel{background: transparent;box-shadow: none;-webkit-box-shadow:none;}
.accordion-list .panel-heading{padding:0;}
.accordion-list .panel-title{color:#666;font-size: 13px;padding-bottom: 5px; }
.accordion-list .panel-title i{color:#0191b2;margin-left: 5px;font-size: 12px; }
.accordion-list .panel-default>.panel-heading+.panel-collapse>.panel-body{margin-right: 10px;padding: 10px 20px 5px;border: 0;}
.accordion-list .panel-body ul.submenu li{margin-bottom: 5px;font-size: 13px;}
.accordion-list .panel-body ul.submenu li a{color: #777;}
.accordion-list .panel-body ul.submenu li a:hover,.accordion-list .panel-body ul.submenu li a:focus,.accordion-list .panel-body ul.submenu li a:visited{color:#0191b2;}

.accordion-list  a:not(.collapsed) >i{transform:rotate(-90deg);transition:all 0.3s;-webkit-transform:rotate(-90deg);-webki-transition:all 0.3s;}
.accordion-list .panel-group .panel{margin-bottom: 7px;}
.recent-post ul.blog-item li{display: flex;-webkit-display: flex;margin-bottom: 25px;}
.recent-post ul.blog-item li:last-child{margin-bottom: 0;}
.recent-post ul.blog-item li img{width: 85px;float: right;-webkit-border-radius: 5px;border-radius: 5px;margin-left: 10px;}
.recent-post ul.blog-item li p{font-size: 12px;line-height: 1.6;color: #888;}
.recent-post ul.blog-item li .meta,.recent-post ul.blog-item li .meta a{font-size: 10px;color: #b3b3b3;margin-top: 5px;margin-left: 10px;}
.recent-post ul.blog-item{padding-bottom: 10px;}
.tags span{font-size: 10px;
    padding: 2px 5px;
    border: 1px solid #cccd;
    display: inline-block;
    border-radius: 3px;
    color: #888;
    margin: 3px;}
.tags span a{color: #888;}
.tags span:hover{border: 1px solid #888;}
.tags span:hover> a{color: #888;}
.tags i{width: 25px;height: 25px;background: #efda4f;border-radius: 50%;color: #ffffff;padding: 3px;line-height: 1.4;}
.tags i.fa-tag:before{margin-right: 2px;}
.pagination {
    width: 100%;
    height: auto;
    padding: 1px 0;
    text-align: center;
    transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -ms-transition: all .6s ease;
    overflow: hidden;
    display: block;
    position: relative;
    margin-top: 15px;
}
.pagination span, .pagination a {
    display: inline-block;
    height: 30px;
    line-height: 32px;
    width: 30px;
    padding: 0px 10px 0px 10px;
    margin: 0 2px;
    border-radius: 10%;
    -webkit-border-radius: 10%;
    color: #999;
    background: #fff;
    border: 1px solid #eee;
}
.pagination .current,.pagination a:hover ,.pagination span:hover {
    color: #fff;
    border: 1px solid #0191b2;
    background: #0191b2;
}
.pagination i{font-size: 17px;}
.blog-single .title h1{margin-top: 0;margin-bottom: 10px;}
.blog-single.blog-item .meta, .blog-single.blog-item .meta a{margin-top: 10px;font-size: 12px;margin-bottom: 15px;}
.blog-single.blog-item .blog-explain{border-bottom: 1px solid #eee;padding: 10px 0;margin: 10px 0;}
.single_share_wrap {position: relative;display: inline-block;float: left;margin-top: 10px;}
.tools_item,.left_action .wishlist {
    float: left;
    display: inline-block;
    margin: 0 0 10px 5px;
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: -15px;
    border: 1px solid rgba(232, 232, 232, 0.63);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 41px;
    color: #d9e2eb;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.tools_item.single_share:before {
    content: "\f1e0";
}
.tools_item:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-weight: 300;
    content: "\f03e";
    line-height: 39px;
    font-size: 20px;
    color: #d9e2eb;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.post_share{margin-top: -5px;}
.share-to-email-popup {
    padding:2px 15px 5px;
    display: none;
    width: 180px;
    right: 123%;
    top: -105px;
    position: absolute;
    z-index: 2;
    border: 1px solid #eeeff1!important;
    border-radius: 2px;
    right: inherit;
    left: 123%;
}
.post_share ul li a {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--hover-color);
    color: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    float: right;
    margin-left: 5px;
}
.coloring .fa-facebook {
    background-color: #3d5b99!important;
}
.coloring .fa-telegram {
    background-color: #00aced!important;
}
.coloring .fa-whatsapp {
    background-color: #12b30e!important;
}
.coloring .fa-google-plus {
    background-color: #e25714!important;
}
.blog-goto-comments {
    padding:28px 25px;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow:0 5px 20px rgba(0,0,0,.07);
    -webkit-box-shadow:0 5px 20px rgba(0,0,0,.07);

}
.blog-goto-comments a.btn{transition:all 0.2s;-webkit-transition:all 0.2s;}
.blog-goto-comments a.btn:hover{border-radius: 25px;-webkit-border-radius: 25px;}
.blog-goto-comments span {
    display: block;
    float: right;
    margin-top: 4px;
    font-weight: 400;
    color: #69656f;

}
.blog-goto-comments .button {
    color: #fff;
    float: left;
    background: #00acb6;
}
.blog-goto-comments:before {
    content: "\f0e5";
    font-family: 'FontAwesome';
    position: absolute;
    top: -30px;
    right: -21px;
    font-size: 160px;
    line-height: 1;
    color: rgba(0,0,0,.035);
}
.blog-single-social-box {
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.07);
    box-shadow: 0 5px 20px rgba(0,0,0,.07);
    top: 0;
    -webkit-transition: top .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition: top .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: top .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
.blog-single-social-box-icon {
    min-width: 105px;
    width: 105px;
    position: relative;
    height: 90px;
    margin-left: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.blog-single-social-box-instagram .blog-single-social-box-icon:before {
    -webkit-box-shadow: -13px 0 rgba(254,114,103,.2), -23px 0 rgba(254,114,103,.1);
    box-shadow: -13px 0 rgba(254,114,103,.2), -23px 0 rgba(254,114,103,.1);
    background: #f76290;
    background: linear-gradient(295deg,#f76290 0%,#fe7464 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f76290",endColorstr="#fe7464",GradientType=1);
}
.blog-single-social-box-icon:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 10px 0 0 10px;
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    z-index: 1;
}
.blog-single-social-box-text {
    font-size: 15px;
    color: #949494;
    font-weight: 500;
    line-height: 1.7;
}
.blog-single-social-box-instagram:after {
    color: #acacac;
    background:rgb(245, 248, 248);
}
.blog-single-social-box:after {
    content: "";
    font-family: FontAwesome;
    height: 38px;
    width: 38px;
    text-align: center;
    border-radius: 100%;
    left: 24px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    line-height: 36px;
    position: absolute;
    font-size: 24px;
    padding-right: 1px;
}
.blog-single-social-box-instagram .blog-single-social-box-icon svg {
    height: 52px;
    margin-left: 12px;
}
.blog-single-social-box-icon svg {
    position: relative;
    z-index: 2;
    fill: #fff;
    margin-top: 2px;
}
.series-pagination>div, .related-posts-inner .related-post {
    float: right;
    padding: 5px;
    width: 50%;
}
.series-pagination>div a, .related-posts-inner .related-post a {
    background: #f8f9fc;
    border-radius: 5px;
    -webki-border-radius: 5px;
    display: block;
    font-size: 0;
    padding: 18px;
}
.series-pagination>div:nth-child(1) a div {
    margin-left: 18px;
}
.banner-adv-table tbody tr td:nth-child(2), .series-pagination>div:nth-child(2) a {
    direction: ltr;
}
.series-pagination>div a div {
    vertical-align: middle;
    width: 56px;
    height: 56px;
    display: inline-block;
    position: relative;
}
.series-pagination>div a div img {
    border-radius: 100%;
    margin: 0!important;
    display: block;
    max-width: 100%;
    height: 56px;
}
.series-pagination>div a div i {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    line-height: 56px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 15px #000;
    border-radius: 100%;
    background: rgba(0,0,0,.25);
}
.series-pagination>div a h3, .related-posts-inner .related-post a span {
    color: #888;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7em;
    vertical-align: middle;
    width: calc(100% - 74px);
    font-family: IRANSansWeb;
}
.related-posts,.add_review_col{border-top:1px solid #eee;}
.add_review_col .title_details{padding-top: 15px;}
.related-posts-inner .related-post:nth-child(2n+1) {clear: right;}
.related-posts-inner .related-post a img {border-radius: 5px;display: inline-block;margin: 0 0 0 18px!important;vertical-align: middle;width: 56px;}
.related-posts-title{margin: 20px 0;display: block;font-size: 16px;color: #666;}
.blog-option{margin:0 -10px;}


.user_review_container {
    margin-top: 30px;
    border-bottom: 1px solid #eee;
    padding: 15px 15px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.user_pic {
    width: 60px;
    height: 60px;
    background: #ebebeb url('../images/avatar.png') no-repeat center;
    border-radius: 50%;
    margin-bottom: 5px;
}
.user_rating .star_rating li {
    display: inline-block;
    color: #f5c136;
}
.user_rating .star_rating li {
    margin-right: -3px;
}
.user_rating .star_rating li i {font-size: 12px;}
.review {padding-right: 80px;}
.review_date {color: #adadad;font-size: 11px;margin-top: -4px;}
.user_name {font-size: 14px;font-weight: 300;margin-bottom: 18px;color: #777;}
.like_dislike_wrap .like_dislike_btn {
    border-radius: 25px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 2px 10px;
    color: #8c8c8c;
    width: calc(50% - 5px);
    display: inline-block;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    margin: 0 0 0 5px;
}
.review p {font-weight: 300;font-size: 13px;}
.user_review_container.reply {
    background: rgb(250, 250, 250);
    border-right: 2px solid #0191b2;
    margin-right: 30px;
}
.user_review_container .user{width: 80px;display: inline-block;float: right;}
.review >.row{display: flex;-webkit-display: flex;padding: 15px 10px 0 0;}
.title_details{font-size: 16px;color: #666;}

#reviews form label {
    color: #888;
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: 10px;
    font-weight: 300;
    margin-right: 5px;
}
.add_review{margin-top: 30px;}
.add_review form input, .add_review form textarea {
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
    margin-left: 1%;
    margin-right: 1%;
    width: 98%;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
#review_form .rating {
    padding-right: 20px;
}
#review_form .btn{margin-top: 0;}
#reviews textarea {
    width: 100%;
    margin-top: 5px;
    margin: 5px 3px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
#reviews input:focus,#reviews textarea:focus,#reviews select:focus{border:1px solid #0191b2;outline: none; }

.user_star_rating li {
    display: inline-block;
    margin-right: -3px;
    cursor: pointer;
}
.user_star_rating li i {
    color: #f5c136;
    font-size: 18px;
}


/*--contact--*/
.contact-row{background:#f8f9fc;margin-top:20px;padding-bottom: 20px;}
.contact-row .c-col{margin-top: -80px;}
.form-contact {
    border: 1px solid #eee;
    height: 350px;
    padding: 30px;
    margin:0 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #fff;
}
.form-contact form .icon-textarea {
    float: right;
    margin-right: 8px;
    margin-top: -104px;
    position: relative;
    z-index: 2;
    color: #9d9d9d;
}
.form-contact form input,.form-contact form textarea,.form-contact form select {
    text-indent: 18px;
    border: 1px solid #ebebeb;
    transition: all 0.3s ease-in;
    border-bottom: 1px solid #ebebeb;
    transition: all 0.3s ease-in;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow:none;
}
.form-contact form input[type="file"]{
    text-indent: 0;
}
.form-contact form input:focus,.form-contact form textarea:focus,.form-contact form select:focus{
    box-shadow: none;
    -wbit-box-shadow:none;
    border-bottom: 1px solid #0191b2;
}
.form-contact form select{font-size: 12px;color: #9d9d9d;}

.form-contact form .icon {
    position: relative;
    float: right;
    margin-right: 8px;
    margin-top: -24px;
    z-index: 2;
    color: #9d9d9d;
}
form .row {
    padding-bottom: 0!important;
    padding-top: 15px;
}
.form-contact form label {
    display: none;
}
.form-contact .form-group {
    margin-bottom: 0;
}
.contact-row .icon_box h2{font-size: 14px;font-family: IRANSansWeb_Medium;margin-bottom:10px;}
.contact-row .icon_box a,.contact-row .icon_box p{color: #7a7a7a;display: block;}
.contact-row .icon_box i{color: #0191b2;font-size: 18px;margin-left: 5px;}
.contact-row .icon_box{margin-top: 5px;margin-bottom: 10px;}
.contact-row .icon_box a:hover{color: #00acb6;}
.form-contact.cv{height:auto;}
.cv-box img{width: 380px;margin: 10px auto;}
.attach{padding: 10px 0 0px;}
.cv .attach span,.cv .attach input[type="file"]{display: inline-block;border-bottom: 0;}
.cv .attach span{font-size: 12px;color: #9d9d9d;margin:0 15px ;display: inline-block;}
.cv button{margin-top: 15px;}
.cv-box h2{font-size: 14px;font-family:IRANSansWeb_Medium;}
.about .gray-wvetop-wrapper{position: relative;}
.about .decore{position: absolute;right: 0px;top: -145px;width: 210px;}
.about .gray-wvetop2{margin-top: 160px;}


.team .icon_box img{margin: 0 auto;width: 110px;height:110px;border-radius: 50%;-webkit-border-radius: 50%;border: 5px solid #d2d2d2;}
.team .icon_box .social li{display: inline-block;text-align: center;margin: 4px;}
.team .icon_box .social li a{color:#0191b2;}
.team .icon_box .social li a i{font-size: 15px}
.team .icon_box .social li a:hover{color: #ccc;}
.team .icon_box .icon-wrapper h3{margin-bottom: 7px;margin-top: 15px;font-size: 14px;} 
.team .icon_box .icon-wrapper{padding-bottom: 5px;}
.team .icon_box:hover{box-shadow:7px 10px 30px rgb(213, 216, 216);-webkit-box-shadow:7px 10px 30px rgb(213, 216, 216);}
.team .icon_box .social{border-top: 1px solid #f1f0f0;padding-top: 10px;}

.gray-wvetop2 .logo-wrap{margin-top: -15px;}
.logo-wrap img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}
.logo-wrap img:hover {filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);}

footer{background: #f5f6fa;padding: 30px 0;}
footer h3{margin-bottom: 25px;color: #333;}
footer p , footer a{font-size: 13px;color: #777;margin-bottom: 5px;}
footer a.phone{display: inline-block;direction: ltr;}
footer li {line-height: 1.7;margin-bottom: 5px;}
footer ul li:before {content: '';width: 5px;height:5px;background: #0191b2;display: inline-block;margin-left: 5px;}
footer .footer-3 p .fa{margin-left: 5px;}
footer .social a{display:inline-block;padding: 5px 10px;background: #777;border-radius: 0 10px;-webkit-border-radius: 0 10px 0 10px;margin: 0 3px;}
footer .social a:hover{background: #0191b2;}
footer a:hover{color: #0191b2;}
footer .social a i{color: #fff;}
footer .footer-logo{margin-top: 5px;width: 160px;padding: 0 10px;}
.copyright{background: #f5f6fa;padding: 5px 20px 0;}
.copyright .container{border-top:1px solid #ccc;}
.copyright p{font-size: 12px;color: #8c8c8c;margin-top: 10px;}



@media(min-width: 768px){
.flex-center{display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    align-items: center;
    vertical-align: middle;
    flex-direction: row;
    justify-content: center;}

    .dm-service .icon_box.web,.dm-service .icon_box.social,.software-feature .icon_box.user,.software-feature .icon_box.analyze
	{
    	margin-top: -15px;
    }
    .net-service .icon-wrapper,.icon-wrapper .icon_box{min-height: 360px;}
    .carousel-multi-item .col-md-4 {
    	-ms-flex: 0 0 33.333333%;
    	flex: 0 0 33.333333%;
    	max-width: 33.333333%;}
    .carousel-multi-item .col-md-3 {
    	-ms-flex: 0 0 25%;
    	flex: 0 0 25%;
    	max-width: 25%;
    }
    .carousel-multi-item .col-md-5 {
    	-ms-flex: 0 0 20%;
    	flex: 0 0 20%;
    	max-width: 20%;
    }

    .carousel-multi-item [class*="col-"] {
    	float: right;
	}
	.app-portfolio .carousel-multi-item .carousel-control{display: none;}
    .flex-sm-row {
        -ms-flex-direction: row!important;
        flex-direction: row!important;
    }
    #review_form .group, #review_form .rating {
        width: 30%;
        display: inline-block;
    }
    .certificate-box,.about .gray-inner .title {margin-right: 10%;}
    .office-box{position: absolute;left: 0;top: 42px;padding: 0;}
    .visible-mob{display: none;}
    .add_review_col.visible-desk{display: block;}
    .add_review_col.visible-mob{display: none;}
}
@media(min-width: 768px) and (max-width: 800px) {

	.hero-text{top:0;}
	.hero img.yeksa{margin-top:0;}
	.blog-item .summary {
    	max-height: 60px;
    	overflow: hidden;
    	line-height: 1.6;
    }
    .blog-item .explain{margin-top: -30px;}
}
@media(min-width: 768px) and (max-width: 1200px) {
	.dm-seo .wrapper{padding-top: 100px;}
}
@media(min-width: 768px) and (max-width: 1024px){
	.net-service .icon-wrapper, .icon-wrapper .icon_box{min-height: 380px;}
}
@media(min-width: 768px) and (max-width: 992px) {

.software-feature .icon_box, .net-pack .icon_box {
    padding: 15px 5px;}
    .net-hero{background-size: 70%;}
    .net-service .icon_box{margin: 0;}

}
@media(min-width: 992px){
	.service {
		margin-top: -120px;
	}
	.padding-r40{padding-right: 40px;}

}
@media(min-width: 1024px){
	.service {
		margin-top: -150px;
	}
	.dm-graphic .text{
		left: 10%;
	}
	
}
@media(min-width: 1200px){
	.service {
		margin-top: -230px;
	}
}
@media(min-width: 1600px){
	.dm-seo .wrapper
		{
		background-size: cover;
		}
}
@media(min-width: 1920px){
    .app-portfolio{ padding-top: 240px;margin-top: -150px;}
    .gray-wvetop2 .heading{height: 280px;}
    .heading.wave2{height: 400px;margin-top: -450px;}
    .app-yeksa{    margin-top: 30px;}
}
@media(max-width: 1024px){
	.gray-wvetop, .gray-wvetop2 {
    	margin-top: 70px;
	}
	.dm-seo-form form {
    	padding-left: 30px;
	}
	.icon-wrapper{padding: 30px 20px 20px;}
	.net-service{margin-top:30px;}
}
@media(max-width: 992px){
	.service {margin-top: -100px;}
	.service .icon_box{margin: 20px 0px;}
	.hero{margin-top: -20px;}
	.net-service .icon-wrapper{padding:30px 15px 20px;}
	.cta2 .inner .flex-center{display: block;}
	.cta2 .inner .col{width: 100%;}
	.portfolio-grid .portfolio-item{margin:10px 0;}
    .contact-row .c-col {margin-top: 0;}
    .form-contact{height: 400px;}
    .top-navbar .container{width: 100%;}
    
}
@media(max-width: 991px){
        .main-menu{display: none;}
        footer .footer-logo{margin-left: auto;margin-right: auto;}
        .menu-button{display: block;width: 60px;z-index: 2;}
        .menu-hidden {
            transform: translateX(100%);
            -webkit-transform: translateX(100%);
            -moz-transform: translateX(100%);
            box-shadow: none !important;
            opacity: 0;
        }
        #menu-responsive {
            display: block;
            box-shadow: 15px 4px 25px 21px rgba(77, 77, 77, 0.41);
            background: #fff;
            width: 55%;
            display: block;
            border: none;
            position: fixed;
            padding: 0;
            top: 0;
            right: -2px;
            max-height: 100%;
            height: 100%;
            margin: 0;
            overflow: auto;
            opacity: 1;
            z-index: 99999999;
        }
        .menu-show {
            float: right;
            transition: 0.3s;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
        }
        #menu-responsive h4 {
            background: #fff;
            margin-bottom: 20px;
            color: #444;
            margin: 0;
            font-size: 16px;
            padding: 0 10px;
            height: 40px;
            line-height: 40px;
        }
        #menu-responsive li {
            padding: 10px 14px 10px 4px;
            overflow: hidden;
            border-bottom: 1px solid #eee;
            position: relative;
        }
        #menu-responsive   ul.sub-menu li a{color: #777;font-size: 13px;}
        #menu-responsive  ul.sub-menu li{
            border-bottom: 1px solid rgba(238, 238, 238, 0.62);
            padding: 7px 14px 6px 4px;
        }
        #menu-responsive li:nth-last-of-type(1) ,#menu-responsive  ul.sub-menu li:nth-last-of-type(1){
            border-bottom: none;
        }
        #menu-responsive li span.arrow-nav-c {
            position: absolute;
            top: 12px;
            left: 10px;
            color: #333;
            width: 25px;
            height: 25px;
            text-align: center;
            line-height: 20px;
            cursor: pointer;
        }
        #menu-responsive li span.arrow-nav-c i{font-size: 18px;}
        #menu-responsive li a {
            color: #444;
            font-size: 14px;
            line-height: 1.5;
            display: block;
            margin-left: 35px;
        }
        #menu-responsive li ul {
            padding: 5px;
            list-style: none;
            background: rgba(255,255,255,0.1);
            margin-top: 5px;
        }
    }

@media(max-width: 800px){
	.package .item-pack{    margin: 10px 0;}
	.package {padding: 0;}
    .series-pagination>div, .related-posts-inner .related-post{width: 100%;}
    .blog-option{padding-top: 10px;}
    .blog-goto-comments{margin-bottom: 10px;}


}
@media(max-width: 768px){
	.blue-dark:before{top: -120px;}
	.blue-dark .pack {margin-top: 110px;}
	.dm-seo-form form {padding-left: 0;margin-top: 10px;}
	.heading.wave2{margin-top: -250px;}
	.app-yeksa .col {margin-top: -130px;}
	.icon_box .text-block {padding: 10px 5px;}
	.net-service .icon-wrapper, .icon-wrapper .icon_box{min-height: 400px;}
	.carousel-multi-item .col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .carousel-multi-item .carousel-indicators{display: none;}
    .owl-carousel .owl-nav button.owl-next{right: -10px;}
    .owl-carousel .owl-nav button.owl-prev{left: -10px;}
    .form-contact form .row{padding-top: 0;}
    .form-contact{margin: 0;}
    .contact-row .icon_box{margin-bottom: 0;}
    .form-contact .form-group {margin-bottom: 10px;}
    .form-contact button{width: 100%;}
}
@media(max-width: 767px) and (min-width: 640px){
	.cta .wrapper .box-wrapper{
		display: inline-block;
		width: 50%;

	}
	.cta .inner-wrapper h2{text-align: right;}
    .recent-post ul.blog-item .body{display: inline-block;}
	
}
@media(max-width: 767px){

	.hero-wrapper {
    	margin-top: -10px;
	}
	.hero-text{top: 0;}
	.wave-img{top:-7px;z-index: 3;}
	.main-slider .carousel-caption{width: 70%;top: 40%;}
	.wave ,.hero-text{background:#0191b2;position: relative}
	.wave{margin-top: -35px;height: auto;padding-top: 0;overflow: visible;}
	.wave__svg{display: none;}
	.service{margin-top: 0;}
	.hero {margin-top: -30px;}
	.main-slider .carousel-indicators{top: calc(50% - 20px);left: 0;}
	.reverse-flex{display: flex;-webkit-display: flex;
    flex-direction: column-reverse;}
    .text-block {padding:10px;}
    .icon_box .text-block {padding:10px;}
    button.pull-right{float: right!important;}
    .dm-top .image-box {margin: 30px 0 0;}
    .dm-service .icon_box.right-icon {margin-bottom: 15px;}
    .dm-seo .wrapper{padding-top: 10px;}
    .dm-web {padding-top: 0;}
    .dm-graphic-portfolio .image-box {margin: 10px 0;}
	.pdmob-5{    padding-bottom: 5px;}
	.cta .inner-wrapper.with-icon p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.cta .inner-wrapper.with-icon{margin: 15px 0;text-align: center;}
	.cta .inner-wrapper.info {margin-top: 10px;border-bottom: 1px solid rgba(238, 238, 238, 0.14);}
	.cta .inner-wrapper.info h2,.cta .inner-wrapper.info p{text-align: center;}
	.app-feature .icon_box.right-icon {
    	margin-bottom: 10px;}
    .net-service .icon-wrapper, .icon-wrapper .icon_box{min-height: auto;}
    .pagination{margin-top: 0;}
    .sidebar-box .owl-carousel .owl-nav button.owl-next {left: 30px;right: auto;}
    .single_share_wrap{float: right;margin-top: 30px;}
    .share-to-email-popup{left: inherit;right: 123%;}
    #reviews textarea{width: 98%;margin: 5px 1%;}
    #reviews{margin-bottom: 30px;}
    .related-posts-inner .related-post a{height: 105px;}
    .office-box{position: relative;left: 0;top:-10px;padding: 0;}
    .visible-mob{display: block;}
    .nav.navbar-nav.navbar-right{position: absolute;left: 25px;top: 10px;}
    .navbar-header{height: 80px;}
    .menu-button{position: absolute;top: 5px;right: 200px;}
    .add_review_col.visible-desk{display: none;}
    .add_review_col.visible-mob{display: block;}
	
}
@media(max-width: 640px){
	.portfolio-grid .portfolio-item .item-info.inline-block .name, .portfolio-grid .portfolio-item .item-info.inline-block .logo{
		display:block;
	}
	.portfolio-grid .portfolio-item .item-info .logo{float: right;width: 30px;height: 30px;margin-bottom: 10px;}
    #menu-responsive{width: 80%;}
    .wave-img{display: none;}
    .hero-wrapper,.hero,.wave{margin-top: 0;}
}
@media(max-width: 480px){
	.dm-seo ul.nav li
		{
			width: 48%;
    		margin: 5px 1%;
    	}
    .app-yeksa .icon_box {
    	padding: 0;
	}
    .nav.navbar-nav.navbar-right{display: none;}
    .menu-button{left: 0;right: auto;}
}

@media(max-width: 360px){

	.cta .inner-wrapper.with-icon{display: block;}
	.cta .inner-wrapper.with-icon .icon{margin: 10px auto;}
	.main-slider .carousel-caption {width: 70%;top: 10%;}
    .main-slider .carousel-caption .caption{font-size: 16px;}
    .main-slider .carousel-caption p{line-height: 1.4;font-size: 13px;}
    .dm-graphic-portfolio .column {width: 100%;}


}
@media(max-width: 359px){
	.portfolio-grid .col{width: 100%;}
}