@charset "UTF-8";
/**
*
*	Theme Name: وداد
*	Version:		1.0
*	Author:			محمد سامانی پور (Mohammad Samanipour)
*	Created on:		01/08/2016
*	Website:		http://vadaad.ir
*	Description: این تم برای شرکت وداد به صورت اختصاصی طراحی و تمامی حقوق آن محفوظ است | 1396 - 2017
*	Theme URI:      http://vadaad.ir
*   Author URI:     http://jssor.ir
--------------------------------------------------------------------------------------
All Right Reserved For vadaad.ir
--------------------------------------------------------------------------------------
**/
@font-face { font-family: 'IranSans'; src: url("fonts/IRANSansWeb.eot?#") format("eot"), url("fonts/IRANSansWeb.woff2") format("woff"), url("fonts/IRANSansWeb.ttf") format("truetype"); }
@font-face { font-family: 'IranSansBold'; src: url("fonts/IRANSansWeb_Bold.eot?#") format("eot"), url("fonts/IRANSansWeb_Bold.woff2") format("woff"), url("fonts/IRANSansWeb_Bold.ttf") format("truetype"); }
@font-face { font-family: 'MYRIADPROREGULAR'; src: url("fonts/MYRIADPROREGULAR.eot"); src: local("MYRIADPROREGULAR"), url("fonts/MYRIADPROREGULAR.woff") format("woff"), url("fonts/MYRIADPROREGULAR.ttf") format("truetype"); }
* { margin: 0; padding: 0; }

img { border: 0; max-width: 100%; }

body, html { background: #efefef; direction: rtl; font: 13px "IranSans", "MYRIADPROREGULAR"; height: 100%; position: relative; text-align: right; }

html, body, div, li, section { box-sizing: border-box; -moz-box-sizing: border-box; }

a { text-decoration: none; color: inherit; }

nav, ul, ol li, li { list-style: none; margin: 0; padding: 0; }

input { font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: none; text-align: right; border: 1px solid #CCC; padding: 3px; background: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; direction: rtl; }

input[type=button], input[type=submit] { font: 10pt "IranSans", "MYRIADPROREGULAR"; outline: none; text-align: right; background: #00c5bb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; color: #ffffff; padding: 5px 15px; }

.clear { clear: both; }

.size { width: 1200px; margin: 0 auto; }

section#header { width: 100%; position: relative; }
section#header .headerContainer { width: 100%; height: 40px; }
section#header .topHeader { width: 100%; height: 40px; background-color: #2e2b2b; color: #FFF; position: absolute; top: 0; z-index: 11; }
section#header .topHeader .right { float: right; padding: 9px 0; cursor: help; }
section#header .topHeader .left { float: left; padding: 5px 0; }
section#header .topHeader .left i { vertical-align: middle; font-size: 30px; color: #00c5bb; padding: 0 15px 0 0; }
section#header .tHeader { width: 200px; height: 88px; background: #00c5bb; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 0 15px; position: absolute; top: 23px; color: #FFFFFF; -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15); z-index: 10; }
section#header .tHeader .right { float: right; }
section#header .tHeader .right span { font-size: 13px; position: relative; top: 30px; display: block; }
section#header .tHeader p { float: left; font: 47px 'IranSansBold'; position: relative; top: 10px; }
section#header .menu { width: 100%; height: 65px; background-color: #FFFFFF; position: relative; border-bottom: 5px solid #dadada; }
section#header .menu .menuRight { width: 980px; float: left; }
section#header .menu .menuRight ul li { display: inline-block; padding: 20px 15px; position: relative; float: right; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; cursor: pointer; color: #838383; }
section#header .menu .menuRight ul li i { font-size: 19px; vertical-align: middle; color: #9a9a9a; padding: 0 0 0 5px; }
section#header .menu .menuRight ul li:after { content: ' '; position: absolute; top: 24px; left: 0; width: 1px; height: 13px; background: #dedede; }
section#header .menu .menuRight ul li:last-child:after { width: 0; }
section#header .menu .menuRight ul li:hover { -webkit-box-shadow: 0 -80px 0 0 #dadada inset; box-shadow: 0 -80px 0 0 #dadada inset; }
section#header .menu .menuRight .basket-left { float: left; padding: 19px 5px; font-size: 14px; color: #838383; position: relative; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; }
section#header .menu .menuRight .basket-left i { font-size: 25px; vertical-align: middle; padding: 0 0 0 5px; }
section#header .menu .menuRight .basket-left .subBasket { position: absolute; width: 260px; background: #FFFFFF; font-size: 13px; z-index: 99999; left: 0; padding: 10px; border-top: 1px solid #00c5bb; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); margin: 15px 0; display: none; cursor: pointer; }
section#header .menu .menuRight .basket-left .subBasket h2 { font-size: 12px !important; padding: 0 0 5px; }
section#header .menu .menuRight .basket-left .subBasket .checkout-button { background: #00c5bb; color: #FFFFFF; padding: 2px 5px; float: left; margin: 10px 0 5px; }
section#header .menu .menuRight .basket-left .subBasket table, section#header .menu .menuRight .basket-left .subBasket th, section#header .menu .menuRight .basket-left .subBasket td { width: 100%; border: 1px solid #eaeaea; border-collapse: collapse; padding: 3px; }
section#header .menu .menuRight .basket-left .subBasket .button-shop { background: #00c5bb; color: #FFFFFF; padding: 2px 5px; margin: 10px 0 5px; float: right; }
section#header .menu .menuRight .basket-left:hover .subBasket { display: block; }
section#header .menu .menuRight .basket-left:hover { -webkit-box-shadow: 0 -80px 0 0 #dadada inset; box-shadow: 0 -80px 0 0 #dadada inset; }

section#slider { margin: 0 auto 0; text-align: center; }
section#slider .btGo { background: #00c5bb; padding: 4px 15px; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; border: 1px solid #00c5bb; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; float: left; }
section#slider .btGo:hover { background: none; border: 1px solid #00c5bb; color: #414141; }
section#slider #slider_vadad .item { width: 100%; position: relative; }
section#slider #slider_vadad .item .caption { position: absolute; left: 9%; top: 20%; text-align: right; direction: rtl; }
section#slider #slider_vadad .item .caption .title { font: 50px 'IranSansBold'; color: #3a3a3a; }
section#slider #slider_vadad .item .caption .dec { font: 24px 'IranSansBold'; color: #3a3a3a; }
section#slider #slider_vadad .item .caption .dec span { font-size: 36px; color: #d20207; }
section#slider #slider_vadad .item .caption .price { font: 45px 'IranSansBold'; color: #d20207; text-align: left; }
section#slider #slider_vadad .item img { display: block; width: 100%; height: auto; }
section#slider #slider_vadad .owl-controls { position: absolute; bottom: 10px; left: 20px; }
section#slider #bar { width: 0; max-width: 100%; height: 4px; background: #7fc242; }
section#slider #progressBar { width: 100%; background: #EDEDED; position: absolute; bottom: 0; z-index: 1; }
section#slider #layerslider_5, section#slider #layerslider_4, section#slider #layerslider_3, section#slider #layerslider_2, section#slider #layerslider_1 { z-index: 9; }

section#services { width: 100%; height: 355px; position: relative; border-top: 5px solid #00c5bb; background: #ffffff; }
section#services ul li { position: relative; width: 33.3%; height: 350px; display: inline-block; overflow: hidden; text-align: center; padding: 30px 15px; float: right; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
section#services ul li img { text-align: center; }
section#services ul li .services_description { text-align: justify; color: #414141; }
section#services ul li .services_description #title { font: 23px 'IranSansBold'; text-align: center; }
section#services ul li:hover { -webkit-box-shadow: 0 -400px 0 0 #dadada inset; box-shadow: 0 -400px 0 0 #dadada inset; }
section#services ul li#adsl .image { background: url("images/adsl.png"); width: 178px; height: 178px; margin: 0 auto; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; position: relative; }
section#services ul li#adsl:hover .image { background: url("images/adsl-color.png"); }
section#services ul li#irancell .image { background: url("images/irancell.png"); width: 178px; height: 178px; margin: 0 auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: relative; }
section#services ul li#irancell:hover .image { background: url("images/irancell-color.png"); }
section#services ul li#iseema .image { background: url("images/iseema.png"); width: 178px; height: 178px; margin: 0 auto; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; position: relative; }
section#services ul li#iseema:hover .image { background: url("images/iseema-color.png"); }
section#services ul li#smart .image { background: url("images/smart.png"); width: 178px; height: 178px; margin: 0 auto; transition: all 0.8s ease; -moz-transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; position: relative; }
section#services ul li#smart:hover .image { background: url("images/smart-color.png"); }
section#services ul li:after { content: ' '; position: absolute; top: 140px; left: 0; width: 1px; height: 50px; background: #c0c0c0; }
section#services ul li:last-child:after { width: 0; }

section#server_test {
  width: 100%;
  background: url("images/server_bg.png") no-repeat center;
  border-top: 5px solid #00c5bb;
}
section#server_test .site_box {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
}
section#server_test .site_box .title {
  text-align: center;
  color: #333333;
  font : 23px 'IranSansBold';
  padding: 0 0 10px;
}
section#server_test .site_box small {
  color: #333333;
}
section#server_test .site_box input[type=text] {
  margin: 0 0 10px;
  padding: 15px 0;
  font-size:14px;
}
section#server_test .site_box input {
  width: 100%;
  text-align: center;
}
section#server_test .result_box {
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  margin: 10px auto 0;
}
section#server_test .green {
  background: #00bb03;
}
section#server_test .red {
  background: red;
}
.message { width: 100%; height: 45px; background: #00c5bb; font-size: 15px; color: #ffffff; text-align: center; padding: 10px 0; }

section#fast_access { width: 100%; height: 200px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; border-bottom: 5px solid #00c5bb; }
section#fast_access .right { position: relative; width: 50%; height: 200px; float: right; border-left: 1px solid #bbb8b8; }
section#fast_access .right i { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; float: right; font-size: 140pt; padding: 5px 0; }
section#fast_access .right:hover i { color: #0f9e0f; -webkit-animation: spin 4s linear infinite; -moz-animation: spin 4s linear infinite; animation: spin 4s linear infinite; }
section#fast_access .right .text { float: right; padding: 50px 25px; font: 27px 'IranSansBold'; }
section#fast_access .right .text span { font-weight: normal; color: #414141; display: block; }
section#fast_access .right .text span#dec { font-size: 21px; color: #da0000; }
section#fast_access .right .btGo { background: #00c5bb; position: absolute; bottom: 20px; left: 20px; padding: 4px 15px; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; border: 1px solid #00c5bb; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
section#fast_access .right .btGo:hover { background: none; border: 1px solid #00c5bb; color: #414141; }
section#fast_access .left { width: 50%; height: 200px; float: left; position: relative; }
section#fast_access .left i { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; float: left; padding: 25px 0; font-size: 110pt; }
section#fast_access .left:hover i { color: #a64b01; -webkit-animation: swing 4s linear infinite; -moz-animation: swing 4s linear infinite; animation: swing 4s linear infinite; }
section#fast_access .left .text { float: right; padding: 50px 25px; font: 27px 'IranSansBold'; }
section#fast_access .left .text span { font-weight: normal; color: #414141; display: block; }
section#fast_access .left .text span#dec { font-size: 21px; color: #da0000; }
section#fast_access .left .btGo { background: #00c5bb; position: absolute; bottom: 20px; right: 250px; padding: 4px 15px; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; border: 1px solid #00c5bb; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
section#fast_access .left .btGo:hover { background: none; border: 1px solid #00c5bb; color: #414141; }
section#fast_access:hover { -webkit-box-shadow: 0 210px 0 0 #FFFFFF inset; box-shadow: 0 210px 0 0 #FFFFFF inset; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes swing { 20% { transform: rotate(15deg); }
  40% { transform: rotate(-10deg); }
  60% { transform: rotate(5deg); }
  80% { transform: rotate(-5deg); }
  to { transform: rotate(0deg); } }
section#news { width: 100%; height: 300px; background: url("images/bg_news.png") repeat #ffffff; }
section#news .title { background-color: #00c5bb; padding: 3px 10px; float: right; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #ffffff; font: 15px 'IranSansBold'; }
section#news .index { width: 100%; position: relative; top: 20px; }
section#news .index ul li { float: right; display: inline-block; width: 50%; color: #5e5e5e; font: 18px 'IranSansBold'; overflow: hidden; margin: 5px auto; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
section#news .index ul li:hover { background: #efefef; }
section#news .index .news_title:before { content: '\f111'; font: 11px 'FontAwesome'; vertical-align: middle; margin: 0 0 0 5px; color: #5e5e5e; }
section#news .index .news_text { font: 14px 'IranSans'; color: #5e5e5e; width: 95%; }

section#page, section#single { width: 75%; background: #ffffff; position: relative; margin: 30px auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); padding: 15px 20px 0; float: right; }
section#page .title, section#single .title { font: 20px 'IranSansBold'; width: 100%; padding: 5px 0; border-bottom: 2px solid rgba(0, 197, 187, 0.44); }
section#page .index, section#single .index { padding: 20px 0; }
section#page .index img, section#single .index img { margin: 0 auto; display: block; padding: 0 0 15px; }

section#single { min-height: 400px; }

section#menuLeft { width: 23%; background: #ffffff; position: relative; margin: 30px auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); padding: 15px; float: left; }
section#menuLeft .menuBox h3 { width: 100%; padding: 0 0 10px; font: 15px 'IranSansBold'; border-bottom: 1px solid #00c5bb; }
section#menuLeft .menuBox ul { padding: 10px 0 0; }
section#menuLeft .menuBox ul li { display: block; padding: 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; cursor: pointer; }
section#menuLeft .menuBox ul li:hover { background: #00c5bb; color: #FFFFFF; }
section#menuLeft .menuBox ul li:before { content: '\f104'; font: 13px 'FontAwesome'; color: #333; padding: 0 0 0 5px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
section#menuLeft .menuBox ul li:hover:before { color: #FFFFFF; }

section#footer { width: 100%; height: 250px; background: #515151; position: relative; border-top: 5px solid #00c5bb; }
section#footer ul li { width: 25%; overflow: hidden; float: right; display: inline-block; color: #ffffff; padding: 10px 0 0 30px; text-align: justify; }
section#footer ul li:last-child { padding: 10px 0 0 0; }
section#footer ul li .title { font: 18px 'IranSansBold'; padding: 0 0 10px 0; }
section#footer ul li .list { position: relative; }
section#footer ul li .list ul li { display: block; width: 100%; padding: 3px 0; position: relative; }
section#footer ul li .list input[type=email] { width: 100%; height: 25px; text-align: left; direction: ltr; float: left; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
section#footer ul li .list input[type=submit] { border: 0; background: #00c5bb; color: #ffffff; float: right; position: absolute; top: 0; right: 0; height: 33px; padding: 0 10px; cursor: pointer; }
section#footer ul li .list span { display: block; padding: 50px 0 0; }
section#footer .copyRight { width: 100%; height: 45px; background-color: #efefef; position: absolute; bottom: 0; color: #5e5e5e; font: 13px 'IranSansBold'; }
section#footer .copyRight .right { float: right; padding: 12px 0 0; }
section#footer .copyRight .left { float: left; padding: 8px 0 0; }
section#footer .copyRight .left .social_icon { width: 25px; height: 25px; display: inline-block; opacity: 0.9; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; overflow: hidden; text-align: center; padding: 4px 0; cursor: pointer; }
section#footer .copyRight .left .social_icon i { color: #ffffff; font-size: 15px; }
section#footer .copyRight .left .social_icon:hover { opacity: 1; }
section#footer .copyRight .left .telegram_icon { background-color: #0088cc; }
section#footer .copyRight .left .instagram_icon { background-color: #e1306c; }
section#footer .copyRight .left .facebook_icon { background-color: #3b5998; }
section#footer .copyRight .left .twitter_icon { background-color: #1da1f2; }

@media screen and (max-width: 1200px) { .size { width: 100%; padding: 0 5px; }
  section#slider #slider_vadad .item .caption .title { font-size: 35px; }
  section#slider #slider_vadad .item .caption .dec { font-size: 18px; }
  section#slider #slider_vadad .item .caption .price { font-size: 25px; }
  section#header .menu .menuRight { width: 75%; }
  section#fast_access .right .text { float: left; font: 19px 'IranSansBold'; }
  section#fast_access .left .text { font: 19px 'IranSansBold'; }
  section#fast_access .left .btGo { right: 150px; }
  section#fast_access .left .text span#dec { font-size: 17px; } }
@media screen and (max-width: 890px) { section#header .topHeader .right { display: none; }
  section#header .menu { height: auto; }
  section#header .menu .menuRight { padding: 75px 0 10px; width: 100%; float: none; }
  section#header .menu .menuRight ul li { width: 100%; display: block; float: none; padding: 15px 15px; }
  section#header .menu .menuRight ul li:after { width: 0; }
  section#header .menu .menuRight .basket-left { display: none; }
  section#slider #slider_vadad .item .caption { display: none; }
  section#page, section#single, section#menuLeft { width: 100%; float: none; }
  section#services { height: auto; }
  section#services ul li { width: 100%; float: none; height: auto; }
  section#services ul li .services_description { text-align: center; }
  section#services ul li:after { width: 0; height: 0; }
  .message { height: auto; }
  section#fast_access { text-align: center; height: auto; background: #ffffff; }
  section#fast_access .right, section#fast_access .left { width: 90%; margin: 0 auto; float: none; border: 0; border-bottom: 2px solid #dadada; }
  section#fast_access .right .text, section#fast_access .left .text { font-size: 30px; }
  section#fast_access .right i, section#fast_access .left i { font-size: 100pt; padding: 16px 0; }
  section#fast_access .left { border: 0; }
  section#fast_access .left i { padding: 40px 0; font-size: 80pt; }
  section#news { height: auto; }
  section#news .index { margin-top: 20px; top: 0; }
  section#news .index ul li { float: none; width: 100%; }
  section#footer { height: auto; padding: 0 0 60px 0; }
  section#footer ul li { width: 100%; float: none; border-bottom: 1px solid #494949; padding: 10px 0; display: block; }
  section#footer ul li:last-child { border: 0; }
  section#footer ul li li { border: 0; }
  section#footer .copyRight .right, section#footer .copyRight .left { text-align: center; float: none; }
  section#footer .copyRight .right .social_icon, section#footer .copyRight .left .social_icon { display: none; } }
@media screen and (max-width: 570px) { section#fast_access .right, section#fast_access .left { height: 350px; }
  section#fast_access .right i, section#fast_access .left i { font-size: 120pt; padding: 16px 0; width: 100%; }
  section#fast_access .right .text, section#fast_access .left .text { float: none; }
  section#fast_access .right .text span, section#fast_access .left .text span { font-size: 18px; }
  section#fast_access .right .btGo, section#fast_access .left .btGo { position: absolute; bottom: 20px; left: 0; right: 0; width: 100%; } }
.shop_page { background: #FFFFFF; margin: 30px auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); padding: 15px 20px; }

.woocommerce ul li { padding: 10px !important; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.woocommerce ul li:hover { background: rgba(0, 197, 187, 0.08); }
.woocommerce ul.products li.product .button { background: #00c5bb; color: #FFFFFF; float: left; font: 12px 'IranSans'; }
.woocommerce a.added_to_cart { font-size: 11px; float: right; margin: 10px 0; }
.woocommerce .page-title { font: 20px 'IranSansBold'; width: 100%; padding: 5px 0; border-bottom: 2px solid rgba(0, 197, 187, 0.44); font-weight: bold; }
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering { margin: 10px 0 !important; }
.woocommerce .woocommerce-result-count select, .woocommerce .woocommerce-ordering select { border: 1px solid #dadada; padding: 3px 0; font: 12px 'IranSans'; }
.woocommerce .summary .price { padding: 20px 0; font-size: 2em !important; }
.woocommerce .summary .sku_wrapper, .woocommerce .summary .posted_in { display: block; padding: 5px 0; }
.woocommerce .summary .woocommerce-product-details__short-description { padding: 0 0 20px; }
.woocommerce .summary .button { background: #00c5bb; font: 13px 'IranSans'; }
.woocommerce .summary .quantity input { padding: 7px 0; }
.woocommerce div.product div.images { width: 35% !important; }
.woocommerce a.button.alt, .woocommerce input.button.alt { background: #00c5bb !important; }
.woocommerce form .form-row .input-text { font: 13px 'IranSans'; }