/*
Theme Name: Cleanportfolio
Author: Mohsen Moridi
Author URI: http://mohsenmoridi.com/
Version: 1.1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/


body {
font:12px/21px web_Yekan,Tahoma;

line-height:1.8em;
color:#333;
height:100%;
}

a {
text-decoration:none;
color:#0f3b46;
}

html {
height:100%;
}

#boxall {
height:auto!important;
position:relative;
min-height:100%;
}

#boxall-in {
padding-bottom:40px;
}

/* 
 * Droid Arabic Kufi (Arabic) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Bold.ttf) format('truetype');
}


/* 
 * Droid Arabic Naskh (Arabic) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v4/DroidNaskh-Bold.ttf) format('truetype');
}

h1,h2,h3,h4,input,select,textarea{
font-family: web_Yekan,Tahoma;}


.content940 {
width:940px;
margin:auto;
}

.content960 {
width:960px;
margin:auto;
padding:0 10px;
}

#header {
height:87px;
background-color:#fff;
}

.fixheader {
-webkit-box-shadow:3px 0 5px rgba(0,0,0,.5);
-moz-box-shadow:3px 0 5px rgba(0,0,0,.5);
box-shadow:3px 0 5px rgba(0,0,0,.5);
}

#headerw {
background-color:rgba(256,256,256,1);
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
border-bottom: 1px solid #eee;
z-index:900;
position:fixed!important;
top:0;
left:0;
right:0;
padding-bottom:15px;
}

#footer {
margin-top:50px;
position:absolute;
bottom:0;
width:100%;
border-top:1px solid #f1f1f1;
padding:10px 0 15px;
}

.footerlogo {
height:20px;
opacity:0.5;
}

#logoimg {
margin-top:20px;
display:inline-block;
}

#logoimg img {
height:50px;
}

#logo {
width:60px;
height:60px;
display:block;
position:relative;
transition:all .2s ease-in-out;
float:right;
margin-top:10px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
}

#logo .logo1 {
width:60px;
height:60px;
display:block;
position:absolute;
top:0;
background:url(img/logo2.png) top;
transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
-moz-transition:all .8s ease-in-out;
}

#logo .logo2 {
width:60px;
height:60px;
display:block;
position:absolute;
top:0;
background:url(img/logo2.png) bottom;
transition:all .8s ease-in-out;
-webkit-transition:all .8s ease-in-out;
-moz-transition:all .8s ease-in-out;
opacity:0;
}

#logo:hover {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.mailusfooter {
background:#09c;
color:#fff;
font-size:13px;
width:200px;
text-align:center;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
float:left;
padding:5px 10px;
}

.firstmenu {
float:left;
margin-top:30px;
}

.firstmenu ul.menu {
background:#f4f4f4;
}

.firstmenu ul.menu li {
display:block;
float:right;
padding:0;
}

.firstmenu ul.menu a {
display:block;
color:#777;
font-size:14px;
background:#fff url(img/menutop.png) center top;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
padding:3px 10px 4px;
text-align: center;
}

.firstmenu ul.menu a:hover {
color:#000;
background:#0cf url(img/menutop.png) bottom;
}

.orderweblink {
padding-right:10px!important;
}

.firstmenu ul.menu .orderweblink a {
color:#34495e!important;
background:#f4f4f4 url(img/menutop2.png) center top!important;
width: 100px;
}

.firstmenu ul.menu .orderweblink a:hover {
color:#fff!important;
background:#0cf url(img/menutop2.png) center bottom!important;
}

.contentmidle {
padding-right:300px;
padding-top:0;
background:url(img/tabletpcphone.png) right top no-repeat;
min-height:250px;
margin:0 10px;
}

.contentmidle h2 {
font-family: web_Yekan,Tahoma;
font-size:18px;
font-weight:400;
padding:20px 10px;
}

.contentmidle p {
color:#34495e;
text-align:justify;
font-size:15px;
line-height:1.8;
margin:0 10px 10px;
}

.firstmenu ul.menu .current-menu-item a {
background:#eee;
color:#34495e;
}

#sliderbox {
height:400px;
display:block;
background:#fff;
width:940px;
}

.h3slide2,.h3slide3 {
color:#2c3e50;
font-size:18px;
font-weight:400;
background-color:#fff;
font-family: web_Yekan,Tahoma;

padding:5px 12px 5px 20px !important;
}

.h4slide2,.h4slide3 {
color:#fff;
font-size:12px;
font-weight:400;
font-family: web_Yekan,Tahoma;

background-color:#2c3e50;
padding:5px 12px 5px 20px !important;
}

.h3slide1 {
color:#fff;
font-size:19px;
font-weight:400;
font-family: web_Yekan,Tahoma;

background-color:#2c3e50;
padding:5px 12px 5px 20px !important;
}

#havewebh3 {
color:#2c3e50;
font-size:30px;
font-family: web_Yekan,Tahoma;

font-weight:400;
background-color:#f1c40f;
padding:5px 11px 5px 20px !important;
}

.servicebox {
padding-top:30px;
overflow:auto;
}

.service3 {
width:300px;
display:block;
float:right;
overflow:auto;
margin:10px;
}

.mediaright {
float:right;
width:30%;
margin-left:5%;
}

.medialeft {
float:right;
width:65%;
}

.service3 h5 {
color:#159486;
font-size:18px;
font-weight:400;
}

.service3 p {
line-height:1.4em;
font-size:12px;
}

.somework {
padding-top:30px;

}

.sectiontitle {

text-align:right;
color:#444;
display:inline;
font-size:14px;

font-family: web_Yekan,Tahoma;

margin-right:4px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-weight:400;
padding:0;
}

.sideentry {
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin-top:10px;
padding:10px 0;
}

.sideentry2 {
border-bottom:1px dotted #ccc;
margin-top:10px;
padding:10px 0;
}

.paddingbot30 {
padding-bottom:20px;
}

.dotdiv {
border-bottom:1px dotted #ccc;
padding-bottom:10px;
margin:0 10px;
}

.paraglight {
background-color:#ecf0f1;
color:#2c3e50;
text-align:center!important;
font-size:18px!important;
padding:10px;
}

.moshtarili {
height:80px;
overflow:hidden;
position:relative;
padding:0 30px;
}

.selectedmoshtari2 .c-moshtari {
opacity:1!important;
}

.g-moshtari {
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
}

.c-moshtari {
position:absolute;
left:0;
bottom:0;
opacity:0;
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
}

.list_carousel {
position:relative;
width:100%;
margin:10px;
}

.list_carousel ul {
list-style:none;
display:block;
margin:0;
padding:0;
}

.list_carousel li {
font-size:40px;
color:#999;
text-align:center;
display:block;
float:left;
margin:0 10px;
padding:0;
}

.list_carousel.responsive {
width:auto;
margin-left:0;
}

.clearfix {
float:none;
clear:both;
}

.prev {
position:absolute;
top:50px;
right:-3px;
background-position:0 30px;
}

.next {
position:absolute;
background-position:0 0;
top:50px;
left:-3px;
}

.list_carousel:hover .prev,.list_carousel:hover .next {
width:30px;
opacity:1;
}

.list_carousel .prev:hover {
background-position:30px 30px;
}

.list_carousel .next:hover {
background-position:-30px 0;
}



.pager {
float:left;
width:300px;
text-align:center;
}

.pager a {
text-decoration:none;
margin:0 5px;
}

.pager a.selected {
text-decoration:underline;
}

.timer {
background-color:#999;
height:6px;
width:0;
}

.lastwork {
display:block;
margin-top:20px;
margin-bottom:40px;
overflow:auto;
}

.workthumb {
width:298px;
height:200px;
position:relative;
float:right;
overflow:hidden;
display:block;
margin:10px;
padding-bottom:40px;
border: 1px solid #eee;
border-radius: 7px;
}

.workthumb2 {
width:218px;
height:150px;

}

.workthumb img {
width:100%;
height:auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}

.thumbshadow {
position:absolute;
bottom:0;
width:100%;
background: rgba(241, 241, 241, 1);
border-top: 1px solid #DDD;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}

.thumbworktitle {
color:#3A3E41;
text-align:center;
font-size:14px;
padding: 10px 0 14px;
display: block;

}

.zoominphoto img {
position:absolute;
height:100%;
width:100%;
top:0;
}

.workthumb span {
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-ms-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
}

.arrows {
position:absolute;
top:-50px;
left:50%;
margin-left: -25px;
width:50px;
height:50px;
display:none;
background:#ffcc33 url(img/eye.png) center no-repeat;
-webkit-border-radius:120px;
-moz-border-radius:120px;
border-radius:120px;
}

.workthumb:hover .arrows {
top:20%;
}

.workthumb:hover .thumbworktitle {
padding: 15px 0 19px;
}

.leftcontent {
width:700px;
float:left;
}

.leftcontent2 {
width:620px;
float:left;
}

.rightcontent {
width:220px;
float:right;
position:fixed;
}

.rightcontent2 {
width:300px;
float:right;
border-left:1px dotted #aaa;
padding-left:10px;
padding-bottom:20px;
}

.rightcontent2 .sideentry2 {
font-size:13px;
text-align:justify;
}





.personbox{height: 220px;width: 220px; display: block; float: right;
  -webkit-border-radius:  150px;
  -moz-border-radius:  150px;
  border-radius:  150px;
 position: relative;

  margin: 10px;

  }


.personbox.mohsen{  background: url(http://www.karenjak.com/wp-content/uploads/2015/01/mohsen.jpg) no-repeat center center;   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.personbox.ebrahim{  background: url(img/ebrahim.jpg) no-repeat center center;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.personbox.samira{  background: url(img/samira.jpg) no-repeat center center;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
.personbox.rahim{  background: url(img/rahim.jpg) no-repeat center center;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }


 .personbox .detailbox {position: absolute; bottom: 20px; left: 0; right: 10px;opacity: 0;
 -webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
 .personbox .detailbox .name{

 line-height: 2;

-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
transition:all .6s ease-in-out;

font-size: 14px; color: 0; background-color: #000 ; color: #fff; padding: 2px 5px 3px; padding-right: 10px;margin-bottom: 20px; }
 .personbox .detailbox .role{ 

-webkit-transition:all .9s ease-in-out;
-moz-transition:all .9s ease-in-out;
-ms-transition:all .9s ease-in-out;
-o-transition:all .9s ease-in-out;
transition:all .9s ease-in-out;

font-size: 13px; color: 0; background-color: #fc0;color: #000; padding: 1px 4px 2px;  padding-right: 10px;}


.personbox:hover .detailbox {opacity: 1;right:0}
}
.personbox:hover .detailbox .name { background-color: red}
}
 
.rightcontent2 .sideentry2 blockquote {
font-size:13px;
text-align:justify;
background:#ecf0f1;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:20px 0;
padding:10px;
}

.worktitle2 {
width:100%;
position:absolute;
top:100px;
color:#fff;
font-size:14px;
text-align:center;
}

.workthumb:hover .worktitle2 {
top:140px;
}


#container {
display:block;
overflow:hidden;
width:960px;
margin:0 auto;
}

#container li {
float:right;
height:200px;
list-style:none outside none;
position:relative;
width:300px;
margin:10px;
}

#container ul {
overflow:hidden;
}

#container ul.hidden {
display:none;
}

#my_map {
height:100%;
width:100%;
display:block;
}

#my_map2 {
background-color:#e5e3d4;
height:600px;
width:100%;
display:block;
position:relative;
}

#mapdetail {
position:absolute;
bottom:20px;
right:0;
}

#mapdetail span {
font-size:12px;
color:#fff;
background:rgba(30,30,30,.9);
display:inline-block;
margin-top:5px;
padding:5px 15px;
}

.mapdiv {
background-color:#fafafa;
}

.mapform {
position:absolute;
top:40px;
right:20px;
background:rgba(333333,333333,333333,.4) url(img/h3.png);
padding:20px;

border: 1px solid #ccc;
}

.mapform input[type=text],.mapform input[type=email] {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
width:88%;
background-color:rgba(256,256,256,0.8);
border:none;
margin-bottom:10px;
font-size:12px;
color:#333;
padding:2% 2% 2% 10%;

border:1px solid #ddd;
}

input[type=text],input[type=email],select,input[type=number],textarea {
outline:none;
}

.formuser {
background-image:url(img/user.png);
background-position:left top;
background-repeat:no-repeat;
}

.formmail {
background-image:url(img/mail.png);
background-position:left top;
background-repeat:no-repeat;
text-align: left;
}

.formtell {
background-image:url(img/tell.png);
background-position:left top;
background-repeat:no-repeat;
text-align: left;

}

.mapform textarea {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
height:100px;
width:96%;
background-color:rgba(256,256,256,0.8);
border:none;
margin-bottom:10px;
font-size:12px;
color:#333;
background-image:url(img/quote.png);
background-position:left 20px;
background-repeat:no-repeat;
padding:2%;
border:1px solid #ddd;

}

.mapform textarea:focus {
background-color:#333!important;
color:#fff!important;
background-position:left 100px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
box-shadow:0 5px 10px rgba(0,0,0,.2);
}

.mapform input[type=submit] {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
width:30%;
float:left;
background-color:#058CED;
border:none;
font-size:15px;
color:#fff;
padding:1%;

cursor: pointer;
border-radius: 7px;
}

.mapform input[type=submit]:hover {
background-color:#0E51B8;
}

.mapforma {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
float:right;
background-color:#2ecc71;
border:none;
font-size:15px;
color:#fff;
padding:2%;
}

.footermenu li {
display:inline-block;
padding-right:10px;
}

.footermenu a:hover {
color:#34495e;
}

.lineshadowtop {
display:block;
height:5px;
background:url(img/lineshadow.jpg) bottom;

opacity: .3;
}

.lineshadowbot {
display:block;
height:5px;
background:url(img/lineshadow.jpg) top;

opacity: .3;
}

.orderweb {
width:100%;
text-align:right;
}

.orderweb td {
padding:10px;
}

.orderweb h2 {
font-size:14px;
font-weight:400;
padding-right:20px;
border-bottom:1px solid #f1f1f1;
}

.orderweb tr {
border-bottom:1px solid #fff;
}

.orderweb input[type=text] {
width:90%;
padding:3px 5%;
}

.orderweb input[type=number] {
min-width:100px;
padding:3px 10px;
}

.orderweb select {
width:102%;
padding:5px 5%;
}

.orderweb textarea {
width:96%;
height:80px;
padding:10px 2%;
}

.orderbox {
width:100%;
font-size:13px;
}

.section2 {
width:50%;
float:right;
margin-bottom:10px;
}

.sectionlabel {
width:35%;
display:inline-block;
padding-right:5%;
}

.sectioninput {
width:56%;
display:inline-block;
}

.orderbox h2 {
padding-right:20px;
font-size:14px;
font-weight:400;
border-bottom:1px solid #eee;
margin-bottom:10px;
padding-top:20px;
padding-bottom:5px;
color:#7f8c8d;
}

.orderbox input[type=text],.orderbox input[type=email] {
width:90%;
border:1px solid #aaa;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
padding:3px 5%;
}

.orderbox textarea:focus,.orderbox input[type=number]:focus,.orderbox select:focus,.orderbox input[type=text]:focus,.orderbox input[type=email]:focus {
background:#fc0;
color:#2c3e50;
border:1px solid #ffb400;
}

.orderbox input[type=number] {
min-width:70px;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
border:1px solid #aaa;
padding:3px 10px;
}

.orderbox select {
width:102%;
border:1px solid #aaa;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
padding:5px 5%;
}

.orderbox textarea {
width:91%;
height:60px;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
margin:0 15px;
padding:10px 2%;
}

.orderbox .qtime {
width:59%;
display:inline-block;
padding-right:3%;
}

.orderbox .atime {
width:35%;
display:inline-block;
}

.orderbox input[type=submit] {
min-width:70px;
background-color:#3498db;
-webkit-border-radius:3px;
border:none;
-moz-border-radius:3px;
border-radius:3px;
color:#fff;
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
float:left;
cursor:pointer;
margin-left:14px;
padding:3px 10px;
}

.orderbox input[type=submit]:hover {
background-color:#2980b9;
}

.reletme {
position:relative;
}

.mapform span.wpcf7-form-control-wrap {
display:block;
}

#logo:hover .logo1,.moshtarili:hover .g-moshtari {
opacity:0;
}

#logo:hover .logo2,.moshtarili:hover .c-moshtari,.workthumb:hover .thumbshadow {
opacity:1;
}

.mediaright img,.content100 {
width:100%;
}

.worktitle,.rightcontent2 .sideentry2 h2 {
text-align:center;
color:#159486;
display:inline;
font-size:18px;
font-weight:400;
}

.formuser:focus,.formmail:focus,.formtell:focus {
background-color:#333!important;
color:#fff!important;
background-position:left bottom;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
box-shadow:0 5px 10px rgba(0,0,0,.2);
}

.footermenu,.footertext {
float:left;
}

.footermenu a,#footer p {
color:#7f8c8d;
}

#footer p img,#footer p span {
vertical-align:middle;
}

.orderweb label.labelback,.orderbox label.labelback {
min-width:120px;
display:block;
}









/*--------------- allquestuin --------*/


.allquestuin {width: 620px; float: right; margin: 20px 10px;}

.questionbox h2{ font-weight: 400; font-size: 18px; padding: 5px  0;
}
.questionbox h2 a{padding:0 5px;

-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
}

.questionbox {margin-bottom: 5px;}

.answerbox{  display: none;
font-size: 14px;
line-height: 1.8; padding: 10px; border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1; margin-top: 10px
}

.showingansver{ background-color: #fc0}


.alertgray{ font-size: 16px; background-color: #f1f1f1; padding: 10px; margin-bottom: 20px;}

.alertgray span{ width: 25px; height: 25px; background-color: #fff; float: left; position: relative;}
.alertgray a{ width: 25px; height: 25px; background-color: #fff; position: absolute; top: 0; left: 0; background: url(img/colall.png) no-repeat; display: block;}
.alertgray a.colnone {background-position: bottom left; display: none;}
.alertgray a.colnone:hover {background-position: top left;}
.alertgray a.colall {background-position:top  right;}
.alertgray a.colall:hover {background-position: bottom right;}

.askguestion{width: 280px; float: left;  margin:20px 10px; background-color: #eee; padding: 10px; }

.width100{width: 100%}

.askguestion h2 {font-size: 14px;  color: #333; margin-bottom: 20px; font-weight: 400 }


.askguestion input[type=text],.askguestion input[type=email] {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
width:86%;
background-color:#fff;
border:none;
margin-bottom:10px;
font-size:12px;
color:#333;
padding:2% 2% 2% 12%;
border: none;


}

input[type=text],input[type=email],select,input[type=number],textarea {
outline:none;
}

.askguestion textarea {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
height:100px;
width:96%;
background-color:#fff;
border:none;
margin-bottom:10px;
font-size:12px;
color:#333;
background-image:url(img/soal.png);
background-position:left 20px;
background-repeat:no-repeat;
padding:2%;
}

.askguestion textarea:focus {
background-color:#333!important;
color:#fff!important;
background-position:left 100px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
box-shadow:0 5px 10px rgba(0,0,0,.2);
}

.askguestion input[type=submit] {
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
display:block;
width:50%;
float:left;
background-color:#03dfe3;
border:none;
font-size:15px;
color:#fff;
}

.askguestion input[type=submit]:hover {
background-color:#06c3c6;
}







/*---------------- imac and slideshow portfolio single -------------------------*/

.imac {width: 100%; height: 755px; background: url(img/imac.png); margin-top: 20px;}


.rslides-in {
  position: relative;
  list-style: none;
  overflow: hidden;
  margin: 0;
width:700px;
float:left
  }

  .rslides-out {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 92.2%;
  padding: 3.9%;
  margin: 0;
  }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


  .decslide{
width:220px; float:right 
}  

 .imac:hover .decslide{bottom: 0;} 

.moreportfolio {
margin: 50px auto !important;
}


h2.projecttitle {
font-size: 20px;
margin: 60px 0px 30px;
color: rgb(53, 53, 53);
}

  .decslide h2{
font-size:15px;}
 .decslide p{
font-size:12px; opacity: .5}



.rslides_nav.rslides1_nav{
-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;
 background: rgba(51,51,51,.3); background-image: url(img/np.png);  z-index: 9999; position: absolute; top: 50%; height: 40px; margin-top: -20px; display: block; width: 40px; text-indent: -9999px;}
.rslides_nav.rslides1_nav.prev{background-position: right top;}
.rslides_nav.rslides1_nav.prev:hover{background-position: left top; background-color: #ffcc33}
.rslides_nav.rslides1_nav.next{background-position: left bottom;}
.rslides_nav.rslides1_nav.next:hover{background-position: right bottom;  background-color: #ffcc33}



/*------------- about box -----------------*/

.karenjak_thebird {width: 300px; float: left; height: 300px;  position: relative; margin-top: 60px; overflow: hidden; margin-left: 10px;}
.karenjak_thebird img { height: auto; width: 100%;  position: absolute; top: 0;-webkit-transition:all .8s ease;
-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease; }
.karenjak_thebird .birdtext {text-align: center;
font-size:15px;position: absolute; bottom: -30%; left: 0; right: 0; padding:20px;background-color: #03dfe2; color: #2c3e50; -webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;}


.karenjak_thebird:hover img{ top: -10%;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;
-ms-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;}
.karenjak_thebird:hover .birdtext{ bottom: 0;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;
-ms-transition:all .8s ease;
-o-transition:all .8s ease;
transition:all .8s ease;}


.entry {
font-size:13px; }

.entry h2 {
font-size: 17px;
font-weight: bold;
margin-top: 12px;
margin-bottom: 10px;
font-family: web_Yekan,Tahoma;
color: #1B94B3;}



.servicesbox{
font-size:13px;padding:10px 0 20px}

.servicesbox h2{
font-size:17px; padding:10px 20px; font-weight: 400


font-weight: bold;
font-family: web_Yekan,Tahoma;
color: #1B94B3;



}

.servicesbox p{ padding:0 20px; text-align: justify; line-height: 1.8; font-size: 15px}


.service-1{padding-right: 220px;  margin:10px; background: url(img/s1.png) no-repeat right top; min-height: 220px;}
.service-2{padding-right: 220px;  margin:10px; background: url(img/s4.png) no-repeat right top; min-height: 220px;}
.service-3{padding-left: 220px;  margin:10px; background: url(img/s2.png) no-repeat left top; min-height: 220px;}
.service-4{padding-left: 220px;  margin:10px; background: url(img/s3.png) no-repeat left top; min-height: 220px;}



.showurllink{display: inline-block;
padding: 10px 50px 10px 10px;
background: #ffcc33 url(img/eye.png) 100px 10px no-repeat;
color: #000;
position: absolute;
left: 0;

 }


.webback1 {
background-color: rgb(4, 176, 219);
margin-bottom:20px;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}


.webback2  {
background-color: rgb(6, 156, 194);


-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}



.webback1 h2 {
display: inline-block;
margin: 50px 100px 20px 0;
font-size: 26px;
color: #FFF;
font-weight: bold;
}

#filter {
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
display: inline-block;
position: relative;
overflow: auto;
font-size: 18px;
margin: 10px 90px 0 0;
}


#filter a {
float:right;
color:#fff;
display:inline-block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
padding:10px;
}

#filter a.active {
background-color:#0cf;
color:#054F61;
}




.printback1 {
background-color: #FFCB00;
margin-bottom:20px;
margin-top:100px;

}


.printback2  {
background-color: #FFDF00;
padding-top: 20px;
padding-bottom: 10px;
}

.printback1 img {
float: left;
margin: 10px 0 10px 100px;
}

.printback1 h2 {
display: inline-block;
margin: 100px 100px 0 0;
font-size: 30px;
color: #333;
font-weight: bold;
}



#potfoliolist .mix,#potfoliolist2 .mix{
	display: none;
}


#potfoliolist2 a,.moreportfolio a {
width: 218px;
height: 218px;
position: relative;
margin: 10px;
border: 0px solid #FFF;
border-radius: 300px;
background: #eee;

}

#potfoliolist2 a:hover,.moreportfolio a:hover {

background: #eee;

}

#potfoliolist2 a img,.moreportfolio a img {width:100%; height:100%; 
border-radius: 300px;}

#potfoliolist2 a .prdetail ,.moreportfolio a .prdetail {position: absolute;
bottom: 10px;
right: 0;
}
#potfoliolist2 a .h3class,.moreportfolio a .h3class{
line-height: 2;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
font-size: 14px;
color: 0;
background-color: #000;
color: #fff;
padding: 2px 5px 3px;
position: relative;
z-index: 29;
}


.moreportfolio a {
float: right;
display: block;}

#potfoliolist2 a .h4class ,.moreportfolio a .h4class{-webkit-transition: all .9s ease-in-out;
-moz-transition: all .9s ease-in-out;
-ms-transition: all .9s ease-in-out;
-o-transition: all .9s ease-in-out;
transition: all .9s ease-in-out;
font-size: 13px;
color: 0;
background-color: #fc0;
color: #000;
padding: 1px 4px 2px;
padding-right: 10px;
position: relative;
z-index: 29;
bottom: 30px;
opacity: 0;}

#potfoliolist2 a:hover .h4class ,.moreportfolio a:hover .h4class{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;


bottom: 0px;
opacity: 1;}


.filterlist{
margin-right: 90px;font-size: 14px;}

.filterlist li {
float:right;
color:#fff;
display:inline-block;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
transition:all .5s;
padding:6px 10px 3px;
cursor: pointer;}

.filterlist li:hover {color:#000;
}
.filterlist li.active {
background-color:#666;
color:#054F61;

background: rgba(255, 255, 255, 0.15);
border-radius: 20px;}

.cycle-slideshow.prlist {
width: 400px;
height: 300px;
float:left;

}

.cycle-slideshow img {
width:100%; height:auto;
}

.cycle-slideshow.prsing {
width: 100%;

}

.cycle-slideshow.prsing img {
border-radius: 6px;

border: 1px solid #eee;
}

.prsingnav {margin-top:5px;
float: right;}
.prsingnav img {border-radius:200px; height80px; width:80px; margin:5px;cursor:pointer}
.prsingnav div {
-webkit-background-size: 100px 100px;
  -moz-background-size:  100px 100px;
  -o-background-size:  100px 100px;
  background-size:  100px 100px;
background-repeat:no-repeat;
background-position: center;
height:70px; width:70px; margin:5px;cursor:pointer;
display:inline-block;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
border-radius:200px;
}

.prsingnav div:hover {
-webkit-background-size: 130px 130px;
  -moz-background-size:  130px 130px;
  -o-background-size:  130px 130px;
  background-size:  130px 130px;
}


a.showurl {
margin-top:20px;
background:#eee;
color: #444;
display: inline-block;
padding: 10px 30px;
border-radius: 70px;
font-size: 16px;
line-height: 2.5;
float:left;
-webkit-transition:all 1.3s;
-moz-transition:all 1.3s;
-ms-transition:all 1.3s;
-o-transition:all 1.3s;
transition:all 1.3s;
}

a.showurl:hover {
background: #FCD501;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}

a.showurl span {
background: url(img/eye.png) right no-repeat;
display: inline-block;
height:20px; width:20px;

vertical-align: middle;
margin-left: 10px;
}


.emkanat{
width: 440px;
padding:10px;
border-radius: 10px;
float: right;}


.emkanat h2{
margin: 10px 20px 10px 0;
font-size: 15px;
color: #777;
font-weight: normal;
}
.prs-detail{ display: inline-block; float:left; }
.prs-detail li {
float:right;
height: 90px;
overflow: hidden;
width: 90px;
margin: 10px;
text-align: center;
background: #eee;
border-radius: 10px;
line-height: 4;

text-indent: -9999px;
background-position: center;

   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.prs-detail li.prs-language {
background-image: url(img/language.png);
}

.prs-detail li.prs-cross {
background-image: url(img/cross.png);
}


.prs-detail li.prs-html5 {
background-image: url(img/html5.png);
}


.prs-detail li.prs-css3 {
background-image: url(img/css3.png);
}


.prs-detail li.prs-php {
background-image: url(img/php.png);
}


.prs-detail li.prs-bootstrap {
background-image: url(img/bootstrap.png);
}


.prs-detail li.prs-wordpress {
background-image: url(img/wordpress.png);
}


.prs-detail li.prs-moderizer {
background-image: url(img/modernizer.png);
}


.prs-detail li.prs-cross {
background-image: url(img/cross.png);
}


.prs-detail li.prs-responsive {
background-image: url(img/responsive.png);
}


.prs-detail li.prs-jquery {
background-image: url(img/jquery.png);
}


.widemosphaver{float: left;
width: 420px;
}

 
.askmoshavere {
border: 1px solid #eee;
padding: 20px;
border-radius: 20px;
}
.askmoshavere h2{
font-size: 20px;
color: #13B917;
font-weight: normal;
margin-bottom: 20px;
line-height: 2;

max-width: 420px;
}

.askmoshavere p{

max-width: 420px;
color: #777;
font-size: 15px;
line-height: 2;}

.askmoshavere form{
background: url(img/supportmale.png) no-repeat right top;
padding-right: 120px
}

.askmoshavere .wpcf7 {
max-width: 420px;
float: left;

}
.askmoshaveretext {
float: right;
}

.askmoshavere input[type=text]{
background-color: #eee;
border: 1px solid #ddd;
border-radius: 4px;
line-height: 2.5;
padding-right: 5%;
width: 94%;
margin-bottom: 10px;
text-align: right;
}


.askmoshavere input[type=text]:focus{
background-color: #fff !important;
border: 1px solid #13B917;
color:#13B917 !important;
border-radius: 4px;
}
.askmoshavere input[type=submit]{background: #13B917;
color: #fff;
border: none;
border-radius: 5px;
line-height: 2.5;
padding: 0 20px;
cursor: pointer;
}
.askmoshavere input[type=submit]:hover{
background:#0B8B5F;
}

.entryport {
margin-bottom: 60px;
background: #eee;
padding: 40px;
font-size: 14px;
border-radius: 30px;

color: #777;
}


.alertgreen {
padding: 40px;
font-size: 18px;
text-align: center;
color: #aaa;
font-weight: normal;
text-align: center;
}

.content{
margin-top:20px
}
.content h1 {
  font-size: 20px;
  line-height: 3;
  color: #676767;
}

table.table {width:100%;}
table.table th {padding:10px; font-size:15px; background:#ffd800;border:1px solid #eee}
table.table td {padding:10px; font-size:15px; border:1px solid #eee;
  text-align: center;
  vertical-align: middle;}



.slide4-t1 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background-color: #d8ad8f;
  font-family: web_Yekan,Tahoma;
  padding: 5px 12px 5px 20px !important;
}

.slide4-t2 {
  color: #0cafee;
  font-size: 26px;
  font-weight: 700;
  background-color: #fff;
  font-family: web_Yekan,Tahoma;
  padding: 5px 12px 5px 20px !important;
}

.cloud-2{
opacity:0.6px}


#bridge p:last-child {color:#aaa; font-family:tahoma;}
#bridge p:last-child a {color:#aaa; font-family:tahoma;}