div#container
{
   width: 960px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #FF0000;
}
a:hover
{
   color: #0000FF;
   text-decoration: underline;
}
input:focus, textarea:focus, select:focus
{
   outline: none;
}
#nav-layer
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#wb_master_pageCssMenu1
{
   border: 0px solid #4F4F4F;
   background-color: transparent;
   margin: 0;
   text-align: center;
}
#wb_master_pageCssMenu1 ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   position: relative;
   display: inline-block;
}
#wb_master_pageCssMenu1 li
{
   float: left;
   margin: 0;
   padding: 0px 4px 0px 0px;
   width: 125px;
}
#wb_master_pageCssMenu1 a
{
   display: block;
   float: left;
   color: #FFFFFF;
   border: 0px none #CCCCCC;
   background-color: #B4DDB4;
   background-image: linear-gradient(to top, #B4DDB4 0%, #83C783 17%, #52B152 33%, #008A00 67%, #005700 83%, #002400 100%);
   font-family: "B Nazanin";
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 95px;
   height: 28px;
   padding: 0px 15px 0px 15px;
   vertical-align: middle;
   line-height: 28px;
   text-align: center;
}
#wb_master_pageCssMenu1 li:hover a, #wb_master_pageCssMenu1 a:hover, #wb_master_pageCssMenu1 .active
{
   color: #000000;
   border: 0px none #0000CD;
   background-color: #99FF33;
   background-image: linear-gradient(to top, #99FF33 0%, #66CC00 100%);
}
#wb_master_pageCssMenu1 li.firstmain
{
   padding-left: 0px;
}
#wb_master_pageCssMenu1 li.lastmain
{
   padding-right: 0px;
}
#wb_master_pageCssMenu1 br
{
   clear: both;
   font-size: 1px;
   height: 0;
   line-height: 0;
}
#indexLayer2
{
   background-color: #202020;
   background-image: none;
   border-radius: 0px;
}
#indexLayer4
{
   background-color: #202020;
   background-image: none;
   border-radius: 0px;
}
#indexLayer8
{
   background-color: #202020;
   background-image: none;
   border-radius: 0px;
}
#indexLine1
{
   border-color: #FFFFFF;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
}
#wb_indexText1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText1 div
{
   text-align: center;
}
#wb_indexText2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText2 div
{
   text-align: center;
}
#indexLine2
{
   border-color: #FFFFFF;
   border-style: solid;
   border-bottom-width: 1px;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   height: 0 !important;
   line-height: 0 !important;
   margin: 0;
   padding: 0;
}
#wb_indexText3 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_indexText3 div
{
   text-align: center;
}
#wb_indexCarousel1
{
   background-color: transparent;
   background-image: none;
   border-radius: 6px;
}
#indexCarousel1 .frame
{
   width: 650px;
   display: inline-block;
   float: left;
   height: 500px;
}
#wb_indexCarousel1 .pagination
{
   bottom: 0;
   left: 0;
   position: absolute;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   z-index: 998;
}
#wb_indexCarousel1 .pagination a
{
   display: inline-block;
   margin: 12px 12px 12px 12px;
   width: 11px;
   height: 11px;
   cursor: pointer;
   text-indent: -999px;
   border-radius: 50%;
   background-color: #FFFFFF;
   border: 1px solid #000000;
}
#wb_indexCarousel1 .pagination a.active
{
   background-color: #000000;
}
#indexCarousel1_back
{
   position: absolute;
   left: 4px;
   top: 47%;
   width: 30px;
   height: 30px;
   z-index: 999;
}
#indexCarousel1_next
{
   position: absolute;
   right: 4px;
   top: 47%;
   width: 30px;
   height: 30px;
   z-index: 999;
}
#indexCarousel1_back img, #indexCarousel1_next img
{
   border-width: 0;
}
#indexCarousel1_back a, #indexCarousel1_next a
{
   cursor: pointer;
}
#indexCarousel1 .frame-1
{
   background-color: transparent;
   background-image: url('images/DSLR_Liveview.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#indexCarousel1 .frame-2
{
   background-color: transparent;
   background-image: url('images/film-making-2.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#indexCarousel1 .frame-3
{
   background-color: transparent;
   background-image: url('images/film-locations-ice.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: scroll;
   background-size: cover;
}
#design-link
{
   top: 0px;
   width: 107px;
   height: 33px;
   background-color: #32CD32;
   background-image: none;
   border: 1px #202020 solid;
   border-radius: 3px;
}
#design-link:hover
{
   background-color: #202020;
   background-image: none;
   border: 1px #FFFFFF solid;
}
#design-link_text
{
   position: absolute;
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    left: 1.87%;
   top: 6.06%;
   width: 95.33%;
   height: 84.85%;
   box-sizing: border-box;
   overflow: hidden;
   text-align: center;
   word-wrap: break-word;
}
#design-link:hover span
{
   color: #FFFFFF !important;
}
#design-link span:hover
{
   color: #FFFFFF !important;
}
#wb_indexImage2
{
   vertical-align: top;
}
#indexImage2
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_indexImage3
{
   vertical-align: top;
}
#indexImage3
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image15
{
   vertical-align: top;
}
#Image15
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   -webkit-animation: push 1000ms linear 0ms infinite normal both;
   animation: push 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image18
{
   vertical-align: top;
}
#Image18
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   -webkit-animation: push 1000ms linear 0ms infinite normal both;
   animation: push 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image17
{
   vertical-align: top;
}
#Image17
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   -webkit-animation: push 1000ms linear 0ms infinite normal both;
   animation: push 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image16
{
   vertical-align: top;
}
#Image16
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   -webkit-animation: push 1000ms linear 0ms infinite normal both;
   animation: push 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_Image20
{
   vertical-align: top;
}
#Image20
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   -webkit-animation: push 1000ms linear 0ms infinite normal both;
   animation: push 1000ms linear 0ms infinite normal both;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#wb_indexImage1
{
   vertical-align: top;
}
#indexImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#footer-layer
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#wb_footer-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   text-align: center;
}
#wb_footer-text div
{
   text-align: center;
}
#wb_master_pageImage1
{
   vertical-align: top;
}
#master_pageImage1
{
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}
#master_pageLayer1
{
   background-color: #FFFFFF;
   background-image: none;
   border-radius: 0px;
}
#wb_master_framePanelMenu2 a, #master_framePanelMenu2_markup li a
{
   display: block;
   text-align: center;
   vertical-align: middle;
}
#master_framePanelMenu2_markup
{
   display: none;
   margin: 0;
   padding: 0;
}
#master_framePanelMenu2_panel #master_framePanelMenu2_markup
{
   display: block;
}
#master_framePanelMenu2_markup ul
{
   list-style: none;
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#master_framePanelMenu2_markup li a, #master_framePanelMenu2_markup li a:hover
{
   padding: 10px 10px 10px 10px;
   box-shadow: none;
}
#master_framePanelMenu2_markup .divider
{
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #2E2E2E;
}
#master_framePanelMenu2_panel
{
   display: none;
   position: fixed;
   top: 0;
   height: 100%;
   width: 250px;
   z-index: 9999;
}
#master_framePanelMenu2_markup li a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
}
#wb_master_framePanelMenu2 a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   border-radius: 2px;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
}
#master_framePanelMenu2_markup li a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #2E2E2E;
}
#wb_master_framePanelMenu2 a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #2E2E2E;
}
#master_framePanelMenu2_panel
{
   background-color: #3E3E3E;
   overflow-y: auto;
}
#master_framePanelMenu2
{
   line-height: 28px;
   width: 53px;
   height: 28px;
   position: absolute;
   z-index: 999;
}
#master_framePanelMenu2-logo
{
   border-width: 0;
   padding: 10px 10px 10px 10px;
   text-align: center;
}
#master_framePanelMenu2-logo img
{
   border-width: 0;
   height: auto;
   max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 959px)
{
div#container
{
   width: 768px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#nav-layer
{
   left: 0px !important;
   top: 94px !important;
   width: 768px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#wb_master_pageCssMenu1
{
   left: 62px !important;
   top: 11px !important;
   visibility: visible !important;
   display: block !important;
   margin: -1px -1px -1px -1px;
   text-align: center;
}
#wb_master_pageCssMenu1 li
{
   width: 125px;
}
#wb_master_pageCssMenu1 a
{
   color: #FFFFFF;
   border: 0px none #CCCCCC;
   background-color: #B4DDB4;
   background-image: linear-gradient(to top, #B4DDB4 0%, #83C783 17%, #52B152 33%, #008A00 67%, #005700 83%, #002400 100%);
   font-family: "B Nazanin";
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 95px;
   height: 28px;
   padding: 0px 15px 0px 15px;
   line-height: 28px;
   text-align: center;
}
#wb_master_pageCssMenu1 li:hover a, #wb_master_pageCssMenu1 a:hover, #wb_master_pageCssMenu1 .active
{
   color: #000000;
   border: 0px none #0000CD;
   background-color: #99FF33;
   background-image: linear-gradient(to top, #99FF33 0%, #66CC00 100%);
}
#wb_master_pageCssMenu1 li
{
   padding: 0px 4px 0px 0px;
}
#indexLayer2
{
   left: 468px !important;
   top: 153px !important;
   width: 300px !important;
   height: 300px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLayer4
{
   left: 3px !important;
   top: 658px !important;
   width: 460px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLayer8
{
   left: 468px !important;
   top: 788px !important;
   width: 300px !important;
   height: 150px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLine1
{
   left: 31px !important;
   top: 193px !important;
   width: 223px !important;
   height: 1px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexLine1
{
   border-color: #FFFFFF;
   border-bottom-width: 1px;
}
#wb_indexText1
{
   left: 31px !important;
   top: 52px !important;
   width: 237px !important;
   height: 139px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText1
{
   margin: 0;
   padding: 0;
}
#wb_indexText2
{
   left: 41px !important;
   top: 12px !important;
   width: 377px !important;
   height: 24px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText2
{
   margin: 0;
   padding: 0;
}
#indexLine2
{
   left: 38px !important;
   top: 74px !important;
   width: 223px !important;
   height: 1px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexLine2
{
   border-color: #FFFFFF;
   border-bottom-width: 1px;
}
#wb_indexText3
{
   left: 29px !important;
   top: 38px !important;
   width: 239px !important;
   height: 96px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText3
{
   margin: 0;
   padding: 0;
}
#wb_indexCarousel1
{
   left: 3px !important;
   top: 153px !important;
   width: 460px !important;
   height: 500px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexCarousel1 .frame
{
   width: 460px !important;
   height: 500px !important;
}
#indexCarousel1_back
{
   top: 47%;
}
#indexCarousel1_next
{
   top: 47%;
}
#wb_design-link
{
   left: 31px !important;
   top: 210px !important;
   width: 109px !important;
   height: 35px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#design-link
{
   width: 107px !important;
   height: 33px !important;
}
#wb_indexImage2
{
   left: 230px !important;
   top: 736px !important;
   width: 231px !important;
   height: 202px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_indexImage3
{
   left: 4px !important;
   top: 734px !important;
   width: 226px !important;
   height: 204px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image15
{
   left: 359px !important;
   top: 554px !important;
   width: 31px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image18
{
   left: -269px !important;
   top: 760px !important;
   width: 31px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: -307px !important;
   top: 761px !important;
   width: 29px !important;
   height: 29px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: -357px !important;
   top: 759px !important;
   width: 32px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   left: -402px !important;
   top: 759px !important;
   width: 32px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_indexImage1
{
   left: 497px !important;
   top: 464px !important;
   width: 241px !important;
   height: 313px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#footer-layer
{
   left: 0px !important;
   top: 1587px !important;
   width: 768px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#wb_footer-text
{
   left: 167px !important;
   top: 17px !important;
   width: 434px !important;
   height: 16px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_footer-text
{
   margin: 0;
   padding: 0;
}
#wb_master_pageImage1
{
   left: 332px !important;
   top: 23px !important;
   width: 105px !important;
   height: 56px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#master_pageLayer1
{
   left: 0px !important;
   top: 54px !important;
   width: 768px !important;
   height: 80px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_master_framePanelMenu2
{
   left: 415px !important;
   top: 50px !important;
   width: 53px !important;
   height: 28px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#master_framePanelMenu2
{
   line-height: 28px;
   width: 53px;
   height: 28px;
}
#master_framePanelMenu2 .line:first-child
{
   margin-top: 6px;
}
#master_framePanelMenu2_markup li a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
}
#wb_master_framePanelMenu2 a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   border-radius: 2px;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
}
#master_framePanelMenu2_markup li a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #2E2E2E;
}
#wb_master_framePanelMenu2 a:hover
{
   color: transparent;
   background-color: #FFFFFF;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #FFFFFF;
}
#master_framePanelMenu2_panel
{
   background-color: #3E3E3E;
   overflow-y: auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
div#container
{
   width: 480px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#nav-layer
{
   left: 0px !important;
   top: 94px !important;
   width: 960px !important;
   height: 50px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_master_pageCssMenu1
{
   left: 158px !important;
   top: 11px !important;
   visibility: visible !important;
   display: block !important;
   margin: -1px -1px -1px -1px;
   text-align: center;
}
#wb_master_pageCssMenu1 li
{
   width: 125px;
}
#wb_master_pageCssMenu1 a
{
   color: #FFFFFF;
   border: 0px none #CCCCCC;
   background-color: #B4DDB4;
   background-image: linear-gradient(to top, #B4DDB4 0%, #83C783 17%, #52B152 33%, #008A00 67%, #005700 83%, #002400 100%);
   font-family: "B Nazanin";
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 95px;
   height: 28px;
   padding: 0px 15px 0px 15px;
   line-height: 28px;
   text-align: center;
}
#wb_master_pageCssMenu1 li:hover a, #wb_master_pageCssMenu1 a:hover, #wb_master_pageCssMenu1 .active
{
   color: #000000;
   border: 0px none #0000CD;
   background-color: #99FF33;
   background-image: linear-gradient(to top, #99FF33 0%, #66CC00 100%);
}
#wb_master_pageCssMenu1 li
{
   padding: 0px 4px 0px 0px;
}
#indexLayer2
{
   left: 3px !important;
   top: 157px !important;
   width: 477px !important;
   height: 174px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLayer4
{
   left: 3px !important;
   top: 637px !important;
   width: 475px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLayer8
{
   left: 3px !important;
   top: 942px !important;
   width: 475px !important;
   height: 125px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLine1
{
   left: 122px !important;
   top: 117px !important;
   width: 223px !important;
   height: 1px !important;
   visibility: hidden !important;
   display: none !important;
   margin: 0;
}
#indexLine1
{
   border-color: #FFFFFF;
   border-bottom-width: 1px;
}
#wb_indexText1
{
   left: 21px !important;
   top: 20px !important;
   width: 432px !important;
   height: 91px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText1
{
   margin: 0;
   padding: 0;
}
#wb_indexText2
{
   left: 49px !important;
   top: 13px !important;
   width: 377px !important;
   height: 24px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText2
{
   margin: 0;
   padding: 0;
}
#indexLine2
{
   left: 171px !important;
   top: 62px !important;
   width: 124px !important;
   height: 1px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexLine2
{
   border-color: #FFFFFF;
   border-bottom-width: 1px;
}
#wb_indexText3
{
   left: 34px !important;
   top: 26px !important;
   width: 371px !important;
   height: 72px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText3
{
   margin: 0;
   padding: 0;
}
#wb_indexCarousel1
{
   left: 3px !important;
   top: 335px !important;
   width: 475px !important;
   height: 299px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexCarousel1 .frame
{
   width: 475px !important;
   height: 299px !important;
}
#indexCarousel1_back
{
   top: 44%;
}
#indexCarousel1_next
{
   top: 44%;
}
#wb_design-link
{
   left: 21px !important;
   top: 125px !important;
   width: 109px !important;
   height: 35px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#design-link
{
   width: 107px !important;
   height: 33px !important;
}
#wb_indexImage2
{
   left: 246px !important;
   top: 713px !important;
   width: 231px !important;
   height: 202px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_indexImage3
{
   left: 28px !important;
   top: 713px !important;
   width: 226px !important;
   height: 204px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image15
{
   left: 824px !important;
   top: 400px !important;
   width: 31px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image18
{
   left: 196px !important;
   top: 606px !important;
   width: 31px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 158px !important;
   top: 607px !important;
   width: 29px !important;
   height: 29px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 108px !important;
   top: 605px !important;
   width: 32px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   left: 63px !important;
   top: 605px !important;
   width: 32px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_indexImage1
{
   left: 12px !important;
   top: 1076px !important;
   width: 205px !important;
   height: 266px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#footer-layer
{
   left: 0px !important;
   top: 1587px !important;
   width: 480px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#wb_footer-text
{
   left: 23px !important;
   top: 17px !important;
   width: 434px !important;
   height: 16px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_footer-text
{
   margin: 0;
   padding: 0;
}
#wb_master_pageImage1
{
   left: 188px !important;
   top: 23px !important;
   width: 105px !important;
   height: 56px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#master_pageLayer1
{
   left: 0px !important;
   top: 94px !important;
   width: 480px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#wb_master_framePanelMenu2
{
   left: 415px !important;
   top: 10px !important;
   width: 53px !important;
   height: 28px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#master_framePanelMenu2
{
   line-height: 28px;
   width: 53px;
   height: 28px;
}
#master_framePanelMenu2 .line:first-child
{
   margin-top: 6px;
}
#master_framePanelMenu2_markup li a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
}
#wb_master_framePanelMenu2 a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   border-radius: 2px;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
}
#master_framePanelMenu2_markup li a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #2E2E2E;
}
#wb_master_framePanelMenu2 a:hover
{
   color: transparent;
   background-color: #FFFFFF;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #FFFFFF;
}
#master_framePanelMenu2_panel
{
   background-color: #3E3E3E;
   overflow-y: auto;
}
}
@media only screen and (max-width: 479px)
{
div#container
{
   width: 320px;
}
body
{
   background-color: #FFFFFF;
   background-image: none;
}
#nav-layer
{
   left: 0px !important;
   top: 94px !important;
   width: 960px !important;
   height: 50px !important;
   visibility: hidden !important;
   display: none !important;
}
#wb_master_pageCssMenu1
{
   left: 158px !important;
   top: 11px !important;
   visibility: visible !important;
   display: block !important;
   margin: -1px -1px -1px -1px;
   text-align: center;
}
#wb_master_pageCssMenu1 li
{
   width: 125px;
}
#wb_master_pageCssMenu1 a
{
   color: #FFFFFF;
   border: 0px none #CCCCCC;
   background-color: #B4DDB4;
   background-image: linear-gradient(to top, #B4DDB4 0%, #83C783 17%, #52B152 33%, #008A00 67%, #005700 83%, #002400 100%);
   font-family: "B Nazanin";
   font-weight: bold;
   font-size: 15px;
   font-style: normal;
   text-decoration: none;
   width: 95px;
   height: 28px;
   padding: 0px 15px 0px 15px;
   line-height: 28px;
   text-align: center;
}
#wb_master_pageCssMenu1 li:hover a, #wb_master_pageCssMenu1 a:hover, #wb_master_pageCssMenu1 .active
{
   color: #000000;
   border: 0px none #0000CD;
   background-color: #99FF33;
   background-image: linear-gradient(to top, #99FF33 0%, #66CC00 100%);
}
#wb_master_pageCssMenu1 li
{
   padding: 0px 4px 0px 0px;
}
#indexLayer2
{
   left: 2px !important;
   top: 152px !important;
   width: 318px !important;
   height: 200px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLayer4
{
   left: 2px !important;
   top: 577px !important;
   width: 317px !important;
   height: 71px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLayer8
{
   left: 0px !important;
   top: 1318px !important;
   width: 858px !important;
   height: 365px !important;
   visibility: visible !important;
   display: block !important;
}
#indexLine1
{
   left: 47px !important;
   top: 138px !important;
   width: 223px !important;
   height: 1px !important;
   visibility: hidden !important;
   display: none !important;
   margin: 0;
}
#indexLine1
{
   border-color: #FFFFFF;
   border-bottom-width: 1px;
}
#wb_indexText1
{
   left: 27px !important;
   top: 21px !important;
   width: 268px !important;
   height: 108px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText1
{
   margin: 0;
   padding: 0;
}
#wb_indexText2
{
   left: 26px !important;
   top: 11px !important;
   width: 265px !important;
   height: 48px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText2
{
   margin: 0;
   padding: 0;
}
#indexLine2
{
   left: 7px !important;
   top: 305px !important;
   width: 223px !important;
   height: 1px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexLine2
{
   border-color: #FFFFFF;
   border-bottom-width: 1px;
}
#wb_indexText3
{
   left: 0px !important;
   top: 269px !important;
   width: 254px !important;
   height: 72px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_indexText3
{
   margin: 0;
   padding: 0;
}
#wb_indexCarousel1
{
   left: 2px !important;
   top: 356px !important;
   width: 317px !important;
   height: 217px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#indexCarousel1 .frame
{
   width: 317px !important;
   height: 217px !important;
}
#indexCarousel1_back
{
   top: 42%;
}
#indexCarousel1_next
{
   top: 42%;
}
#wb_design-link
{
   left: 26px !important;
   top: 149px !important;
   width: 109px !important;
   height: 35px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#design-link
{
   width: 107px !important;
   height: 33px !important;
}
#wb_indexImage2
{
   left: 0px !important;
   top: 970px !important;
   width: 324px !important;
   height: 299px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_indexImage3
{
   left: 3px !important;
   top: 663px !important;
   width: 318px !important;
   height: 299px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image15
{
   left: 827px !important;
   top: 23px !important;
   width: 31px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image18
{
   left: 199px !important;
   top: 229px !important;
   width: 31px !important;
   height: 31px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image17
{
   left: 161px !important;
   top: 230px !important;
   width: 29px !important;
   height: 29px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image16
{
   left: 111px !important;
   top: 228px !important;
   width: 32px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_Image20
{
   left: 66px !important;
   top: 228px !important;
   width: 32px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#wb_indexImage1
{
   left: 49px !important;
   top: 1270px !important;
   width: 205px !important;
   height: 266px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#footer-layer
{
   left: 0px !important;
   top: 1692px !important;
   width: 320px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#wb_footer-text
{
   left: 14px !important;
   top: 9px !important;
   width: 293px !important;
   height: 32px !important;
   visibility: visible !important;
   display: inline !important;
}
#wb_footer-text
{
   margin: 0;
   padding: 0;
}
#wb_master_pageImage1
{
   left: 108px !important;
   top: 23px !important;
   width: 105px !important;
   height: 56px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
   padding: 0;
}
#master_pageLayer1
{
   left: 0px !important;
   top: 92px !important;
   width: 320px !important;
   height: 50px !important;
   visibility: visible !important;
   display: block !important;
}
#wb_master_framePanelMenu2
{
   left: 255px !important;
   top: 10px !important;
   width: 53px !important;
   height: 28px !important;
   visibility: visible !important;
   display: inline !important;
   margin: 0;
}
#master_framePanelMenu2
{
   line-height: 28px;
   width: 53px;
   height: 28px;
}
#master_framePanelMenu2 .line:first-child
{
   margin-top: 6px;
}
#master_framePanelMenu2_markup li a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
}
#wb_master_framePanelMenu2 a
{
   color: #F7F7F7;
   border: 1px solid #2E2E2E;
   border-radius: 2px;
   background-color: #3E3E3E;
   background-image: linear-gradient(to top, #3E3E3E 0%, #383838 100%);
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   font-style: normal;
   text-decoration: none;
   text-align: center;
}
#master_framePanelMenu2_markup li a:hover
{
   color: #F7F7F7;
   background-color: #484848;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #2E2E2E;
}
#wb_master_framePanelMenu2 a:hover
{
   color: transparent;
   background-color: #FFFFFF;
   background-image: linear-gradient(to top, #484848 0%, #383838 100%);
   border: 1px solid #FFFFFF;
}
#master_framePanelMenu2_panel
{
   background-color: #3E3E3E;
   overflow-y: auto;
}
}