/*--------------------reset--------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, tfoot, thead, tdvideo, tt, u, ul, var { background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
img { vertical-align: top; border: 0; }
embed { vertical-align: top; }
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline; }
input, textarea { border: 0; padding: 0; margin: 0; outline: 0; vertical-align: middle; }
iframe { border: 0; margin: 0; padding: 0; }
input, textarea, select { margin: 0; padding: 0px; font: 15px/23px tahoma; color: #747474; vertical-align: middle; }
    input[type=button], input[type=submit] { cursor: pointer; }
/*---------------------public-----------------------*/
html { }
body { margin: 0px; font: 15px/25px tahoma; color: #727171; text-align: justify; background: #fff; direction: ltr; }
a, span { display: inline-block; }
a { text-decoration: none; color: #595959; outline: none; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
    a:hover { color: #ee3338; }
div, section, nav, aside, footer, article, header { margin: 0 auto; }
p { margin: 0; padding: 5px 0px; }
.clear { clear: both; height: 0px; line-height: 0px; overflow: hidden; }
.hidden { display: none; }
.t-left { text-align: right; }
.t-center { text-align: center; }
.t-right { text-align: left; }
.main { width: 1350px; }
.red { color: #fd1027 !important; }
.right { float: left !important; }
.left { float: right !important; }
.auto { margin: 0 auto; }
.rtl { direction: ltr; }
.ltr { direction: rtl; }
.margin-t10 { margin-top: 10px; }
.margin-l10 { margin-right: 10px; }
.margin-r10 { margin-left: 10px; }
.margin-b10 { margin-bottom: 10px; }
@font-face { font-family: 'BYekan'; src: url('../fonts/BYekan.eot'); src: url('../fonts/BYekan.woff') format('woff'), url('../fonts/BYekan.ttf') format('truetype'), url('../fonts/BYekan.svg#BYekan') format('svg'), url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'IRANSANSR.TTF'; src: url('../fonts/IRANSANSR.TTF.eot'); src: url('../fonts/IRANSANSR.TTF.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'IRANSans'; src: url('../fonts/IRANSans.woff') format('woff'), url('../fonts/IRANSans.ttf') format('truetype'), url('../fonts/IRANSans.svg#IRANSans') format('svg'); font-weight: normal; font-style: normal; }

/*Header*/
header { background-color: #fff; width: 100%; height: 90px; position: relative;overflow:hidden }
.logo { right: 80px; position: absolute; z-index: 99999; top: 9px; transform: translate(1000px,0); transition: all 1s;opacity:0 ;overflow:hidden}
    .logo.scale { transform: translate(0,0); opacity: 1; }
/*----------------------menu----------------------*/
.menu { position: absolute; background: rgba(73,73,73,0.9); left: 0; top: 0; width: 100%;opacity:0;  -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; padding: 0; z-index: -1;}
.show-menu .menu { opacity:1;padding: 75px 0 0px;z-index: 99999;position:fixed;height:92%;overflow-y: auto;}
.menu > li { margin-bottom: 16px; position:relative;text-align:center}
    .menu > li.hav-sub > a:after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-top: 5px solid #ece7e7; top: 12px; right: 0; }
    .menu > li > a { font-size: 18px; position: relative; color: #cecece; padding: 0 15px 13px 0; /*width: 100%;*/ border-bottom: 1px dotted transparent; position: relative; }
        /*.menu > li:hover > a:before { content: ""; position: absolute; width: 4px; height: 40px; background-color: #df0000; right: 0; top: 0; }*/
        .menu > li > a:hover { color: #fff; border-color: #8aa9c5; }
    /*.menu > li.hav-sub > a:after { content: ""; position: absolute; border: 4px solid transparent; border-right: 9px solid #fff; top: 20%; left: 12%; }*/

.menu-button { width: 36px; position: relative; margin-top: 38px; margin-left: 28px; float: left; height: 18px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 999999; }
    .menu-button .toggle-menu { border: 0; padding: 0; background: 0; margin: 0; cursor: pointer; outline: 0; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
        .menu-button .toggle-menu .bar { display: block; height: 2px; width: 33px; background: #000; margin-bottom: 6px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.show-menu .menu-button .toggle-menu .bar { background: #fafbfc; }
.menu-button .toggle-menu:hover .bar { background: #c6c6c6;}
    .show-menu .menu-button .toggle-menu .bar.middle { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); width: 32px; }
.show-menu .menu-button .toggle-menu .bar.top { width: 13px; -webkit-transform: rotate(45deg) translateX(-9px) translateY(12px); -moz-transform: rotate(45deg) translateX(-9px) translateY(12px); transform: rotate(45deg) translateX(21px) translateY(0px); }
.show-menu .menu-button .toggle-menu .bar.bottom { width: 17px; -webkit-transform: rotate(45deg) translateX(-5px) translateY(-1px); -moz-transform: rotate(45deg) translateX(-5px) translateY(-1px); transform: rotate(45deg) translateX(-6px) translateY(-10px); }
     /*-----------------submenu--------------*/
.submenu { display: none; position: static; right:0; top: 0;left:0 }
    .submenu li a { color: #fff; /*width: 100%;*/ height: 38px; line-height: 38px; padding:0 10px; font-size: 16px; text-align: center; }
        .submenu li a:hover { background-color: #bcbcbc }
/*--------------------language--------------*/
.language { width: 57px; height: 39px; text-align: right; margin: 37px 0 0 83px; float: left; }
    .language a { font-size: 16px; color: #000; position: relative; padding: 7px 14px; }
        .language a:after { content: ""; position: absolute; border: 4px solid transparent; border-top: 8px solid #000; width: 0; height: 0px; left: 0; top: 14px; transition: all 0.5s; }
        .language a:hover:after { border-top-color: #eb1112; }
        .language a:hover { color: #eb1112; }
/*-------------slider------------*/
.slick-slider { direction: rtl; }
.slick-slide { text-align: center; float: right !important; }

.fade { width: 100%; height: 675px;opacity:0}
    .fade img { width: 100%; height: 675px; display: block; background-size: cover; }
    .fade .items { position: relative; }
    .fade .items a { width: 100%; height: 100%; }
    .fade .items::before {content: ''; position: absolute; left:0; top: 0;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

    .fade .items .slider-cap { position: absolute; top: 235px;width: 647px; display: table; height: 42px; text-align: center;right: 0;left:0; }
        .fade .items .slider-cap p { font-size: 19px; color: #fff; padding: 0 0 17px;  }
/*---------------------search---------------*/
.search { width: 382px; height: 50px; background-color: transparent;padding:4px;position:absolute;top:480px;left:0;right:0 }
    .search .sech-txt { width: 333px; color: #fff; text-indent: 15px; height: 100%; text-align: left; font-size: 17px; background: transparent; border-bottom: 1px solid #fff; }
    .search .sech-btn { background: url(../images/search.png) center center no-repeat; width: 40px; height: 100%;  }

      .search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.search ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.search :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
/*-------------------slogan-----------------*/
.slogan { position: absolute; top: 222px; left: 0; right: 0; width:460px;height:37px}
    .slogan img { width: 100%; height: 100%; }
/*-------------------about us--------------*/
.about { width: 100%; min-height: 990px; background: url(../images/about-bg.jpg) no-repeat #eeeeee;overflow:hidden}
    .about h1 { display: flex; flex-direction: row; justify-content: center; font-size: 21px; color: #f0ece2; text-align: center; position: relative; padding: 119px 0 93px; } 
     .about h1::before,  .about h1::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #fff; position: relative; top: 0.5em; }
        .about h1:before { margin-right: 30px; }

        .about h1:after { margin-left: 30px; }

.about p { color: #f0ece2; font-size: 16px; text-align: center; width: 87%; line-height: 34px; margin: 0 auto; padding:0}

/*--------------------product---------------*/
.product { margin-top:132px;}
.product h2{ width:217px; height: 69px;background-color:#df0000;border-top-right-radius:10px;border-top-left-radius:10px;font-size:22px;color:#fff;text-align:center;line-height:69px;margin:0 auto }
.product-slider { width: 80%; background-color: transparent; }
    .product-slider .itemn { width: 400px; background-color: #fff; padding: 11px; }
    .product-slider .itemn .pro-cont { width: 99.3%; height: 99.6%; border: 2px solid #b3b3b3; }
        .product-slider .itemn .pro-cont figure { width: 100%; height: 405px; position:relative}
            .product-slider .itemn .pro-cont figure a { width: 100%; height: 100%; }
            .product-slider .itemn .pro-cont figure:after { content: ""; position: absolute; width: 100%; height: 100%; background:rgba(0,0,0,0.5);top:0;left:0;transform:scale(0);transition:all 0.6s}
            .product-slider .itemn .pro-cont figure img { width: 100%; height: 100%; }
        .product-slider .itemn .pro-cont .pro-titr { font-size: 22px; width: 96%; color: #000; padding: 20px 10px; position: relative; margin-top: 25px; height: 60px; line-height: 34px; }
            .product-slider .itemn .pro-cont .pro-titr:before { content: ""; position: absolute; top: 0; width: 280px;left:60px; background-color: #dadada; height: 1px; }
        .product-slider .itemn .pro-cont p { font-size: 14px; color: #222222; padding: 0 20px; line-height: 27px; text-align: center; overflow: hidden; height:108px}
    .product-slider .itemn:hover .pro-cont{ border-color: #043867; }
        .product-slider .itemn .pro-cont figure:hover:after { transform: scale(1); }
    .product-slider .itemn .pro-cont .pro-titr:hover { color: #2e39af; }

    .product-slider .slick-prev { width: 40px; height: 40px; background: url(../images/prev.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; left: -43px; top: 15%; } 
     .product-slider .slick-next { width: 40px; height: 40px; background: url(../images/next.png) no-repeat; color: transparent; border: none; outline: none; cursor: pointer; z-index: 9; position: absolute; right: -40px; top: 15%; }

.pro-next { width: 228px; height: 59px; border: 2px solid #043868;color:#043868;font-size:21px;background:transparent;text-align:center;line-height:59px;margin:105px auto 75px;display:block;transition:all 0.4s }
    .pro-next:hover { background-color: #043868; color: #fff; }

/*---------------services-------------------*/
.services { padding-bottom: 165px;overflow:hidden }
    .services > h2 { display: flex; flex-direction: row; padding: 89px 0 149px; font-size: 28px; color: #303034; text-align: center; position: relative; font-weight:inherit}
        .services > h2::before, .services > h2::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #2e39af; position: relative; top: 0.5em; }
        .services > h2:before { margin-right: 30px; }
        .services > h2:after { margin-left: 30px; }

.services-box { height: 637px; width: 633px; background:url(../images/services.jpg) no-repeat;position:relative;float:left}
.servic-support { width: 304px; height: 493px; background-color: #fff;margin-top:51px;padding:20px; }
.servic-boxes { width: 99.5%; height: 99.5%; border: 1px solid #b7b7b7;text-align:center }
    .servic-boxes h2 { font-size:20px; color: #303034; padding: 30px 0 70px;}
    .servic-boxes p { font-size: 14px; color: #000; padding:37px 20px 30px;position:relative}
        .servic-boxes p:before { content: ""; position: absolute; top: 0; width: 259px; background-color: #c9c9c9; height: 1px; left: 0; right: 0; margin: 0 auto; }
    .servic-boxes a { width: 180px; height: 50px; color: #fff; font-size: 17px; background-color: #f9be18; line-height:50px}
        .servic-boxes a:hover { background-color: #fff; border: 1px solid #f9be18; color: #f9be18; }

.servic-sec { float: left; margin-left: 14px; width:550px;}
    .servic-sec li { margin-bottom: 11px; }
    .servic-sec figure { width: 261px; height: 313px; float: left; }
        .servic-sec figure img { width: 100%; height: 100%; }
    .servic-sec .servic-desc { float: left;margin-left:17px ;width:270px}
        .servic-sec .servic-desc h3 { font-size: 22px; color: #000;padding:30px 0 24px; position:relative;margin-bottom:85px; }
            .servic-sec .servic-desc h3:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #2e39af;bottom:0;left:0 ;transition:all 0.5s}
        .servic-sec .servic-desc p { color: #000; }
    .servic-sec li a:hover h3 { color: #2e39af; }
    .servic-sec li a:hover h3:after { width: 40%; left:5px}
/*------------------------banner-----------------*/
.banner { overflow: hidden; }
.atoz { height: 400px; width: 100%; position: relative; overflow: hidden; color: #000; background-position: center; }
   .parallax {background-image:url(../images/banner.jpg); height: 400px; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; width: 100%; }
    .atoz p { color: #f9be18; font-size: 50px; text-align:center}
.banner-desc { position: absolute; text-align: center; top: 108px; left: 0; right: 0; z-index: 9; } 
.banner-desc img { margin-top: 47px; }
/*---------------------supports-------------------*/
.supports { position: relative; }
   .supports > h2 { display: flex; flex-direction: row; padding: 89px 0 149px; font-size: 28px; color: #303034; text-align: center; position: relative;font-weight:inherit }
        .supports > h2::before, .supports > h2::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #2e39af; position: relative; top: 0.5em; }
        .supports > h2:before { margin-right: 30px; }
        .supports > h2:after { margin-left: 30px; }

.top-page { width: 35px; height: 35px; position: fixed; left: 41px; bottom:50px; z-index:9999999;cursor:pointer;display:none}
        /*----------publisher---------*/
.publish { margin-bottom: 158px; }
.publish .items a {width:170px;height:61px;overflow:hidden;text-align:center;}
    .publish .items a img { margin: 0 auto; }
/*--------------------news------------------*/
.news { width: 100%; background-color: #eeeeee; overflow:hidden}
 .news > h2 { display: flex; flex-direction: row; padding: 89px 0 149px; font-size: 28px; color: #303034; text-align: center; position: relative; font-weight:inherit}
        .news > h2::before, .news > h2::after { flex-grow: 1; height: 1px; content: ''; border-bottom: 1px dotted #2e39af; position: relative; top: 0.5em; }
        .news > h2:before { margin-right: 30px; }
        .news > h2:after { margin-left: 30px; }

.news-slider { width: 100%; }
    .news-slider .itemn { text-align: left;width:385px ;height:644px}
    .news-slider figure { width: 385px; height: 400px; position:relative;}
        .news-slider figure img { width: 100%; height: 100%; }     
        .news-slider figure:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6);transition:all 0.5s }
        .news-slider figure:hover:before { width:0;height:0;opacity:0}
    .news-slider .itemn p.sdate { font-size: 14px; color: #565656;margin:25px 0 11px }
    .news-slider .itemn .news-titr { color: #000; font-size: 14px; width: 100%; padding-bottom: 12px; border-bottom: 1px solid #999999; }
        .news-slider .itemn .news-titr:hover { color: #2e39af; }
    .news-slider .itemn p { color: #7a7676; font-size: 14px; }
        .news-slider .itemn p:nth-child(4) { height: 130px; overflow: hidden; }
.arciv-news { color: #323cb2; font-size: 12px; float: right; margin-top: 30px; position: relative;padding-right:84px;margin-right:50px;margin-bottom: 55px; }
    .arciv-news:after { content: ""; position: absolute; background: url(../images/arciv-news.png) no-repeat; width: 78px; height: 43px; right: 0;top:0;transition:all 0.5s }
    .arciv-news:hover:after { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

        /*----------------------map-------------------*/
.map-google { width: 350px; height: 307px;float:left;margin-left:10px }
.map-google .googlemap { width: 100%; height: 307px; }
/*------------------news letter------------*/
.news-letter { width: 100%; /*height: 505px;*/ background: url(../images/address-bg.jpg) no-repeat;text-align:center;background-size:cover }
.logos2 { margin: 40px auto 52px; width:100%}
.adres { width: 339px; float: left; }
    .adres > p:first-child { color: #fff; font-size: 18px;position:relative;padding: 22px 22px 22px 0;/*border-top:1px solid #fff;*/border-bottom:1px solid #fff }

    .adres ul:nth-child(2) { float:left;margin-top:22px}
      /*.adres ul:nth-child(3) { float: left;margin-top:40px ;margin-left:29px}*/
    .adres ul li { text-align: left; margin-bottom:20px}
    .adres ul li span { font-size: 15px; color: #fff; }
        .adres ul li span:nth-child(2) { padding-left: 5px ;direction: rtl;}
    .adres > p { color: #fff; text-align:left}

.log-newsletter { float: left; width:303px;/*border:1px solid #fff;*/border-bottom:none;margin-left:10px}
    .log-newsletter li:first-child p { color: #fff; font-size: 18px; border-bottom: 1px solid #fff; padding:22px 0 22px 20px;text-align:left}
    .log-newsletter li:nth-child(2) p { color: #fff; padding: 46px 17px 36px;text-align:left ;}

    .newsleter-txt { color:#fff;width: 217px !important;height:57px !important; border: 1px solid #fff !important; background: transparent; float: left;text-indent:5px;margin-left:22px ;margin-bottom:52px;}
.news-letter .btn { width: 62px; height: 60px; background: url(../images/btn.jpg) no-repeat;transform: rotate(180deg); float: left;margin-bottom:52px;padding:0}
    .news-letter .btn:hover { background: url(../images/btn2.jpg); }

.socials { width: 188px; float: left; }
    .socials > p:first-child { text-align: left; color: #fff; font-size: 18px; position: relative;padding: 22px 20px; border-bottom: 1px solid #fff; margin-left: 10px; }

    .socials ul { float:right; margin:52px 46px 0 0; }
        .socials ul li { margin-bottom: 20px;min-width:80px }
            .socials ul li a { width: 100%;}
            .socials ul li img { float: left; margin: 4px 10px 0 0px; transition: all 0.4s; }
        .socials ul li span { color: #fff; font-family: Tahoma;float:left }
            .socials ul li a:hover img {  -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

footer { text-align: center;width:100%;background:rgba(22,70,115,0.95) }
footer ul li { display:inline-block; }
    footer ul li a { color: #fff; font-size: 13px;margin:10px 14px 0;position:relative ;padding-bottom:5px}
        footer ul li a:after { content: ""; position: absolute; width: 0; height: 2px; background-color: #fff;transition:all 0.4s; left: 0; bottom: 0; }
        footer ul li a:hover:after { width: 100%; }
        footer ul li a:hover { color: #efefef; }
    footer  .kaspid { font-size: 13px; color: #fff; display: inline-block; margin: 24px auto; }
    footer  .kaspid a{color:#fff}
        footer .kaspid a:hover { color: #df0000; }

/*added*/
.list li { list-style: disc;margin-left: 10px; }
/*Form*/
.TBL100 { width: 100%; }
.form_tbl { }
    .form_tbl td { padding: 3px; }
.lbl { color: #dc3725; }
.btn { background-color: #ffde00 ; padding: 7px 44px; cursor: pointer; color: #535a83; font-size: 16px; }
    .btn:hover { background-color: #ea0c0d; color: #fff; }
.ddl { height: 33px; border: 1px solid #efefef;  width: 225px; color: #888888; }
.txt { height: 33px; border:2px solid #efefef;  width: 220px;text-indent:10px}
.txtarea { height: 100px;  border:2px solid #efefef; width: 98%;text-indent:10px  }
/*prettyPhoto*/
/*Facebook style Theme*/
div.facebook .pp_top .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; }
div.facebook .pp_top .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; }
div.facebook .pp_top .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; }
div.facebook .pp_content .ppt { color: #000; }
div.facebook .pp_content_container .pp_left { background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; }
div.facebook .pp_content_container .pp_right { background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; }
div.facebook .pp_content { background: #fff; }
div.facebook .pp_expand { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; }
    div.facebook .pp_expand:hover { background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; }
div.facebook .pp_contract { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; }
    div.facebook .pp_contract:hover { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; }
div.facebook .pp_close { width: 22px; height: 22px; background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; }
div.facebook .pp_details { position: relative; }
div.facebook .pp_description { margin: 0 37px 0 0; }
div.facebook #pp_full_res .pp_inline { color: #000; }
div.facebook .pp_loaderIcon { background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat; }
div.facebook .pp_arrow_previous { background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
    div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; }
div.facebook .pp_arrow_next { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; }
    div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; }
div.facebook .pp_nav { margin-top: 0; }
    div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; }
    div.facebook .pp_nav .pp_play { background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; }
    div.facebook .pp_nav .pp_pause { background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; }
div.facebook .pp_next:hover { background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; }
div.facebook .pp_previous:hover { background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; }
div.facebook .pp_bottom .pp_left { background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; }
div.facebook .pp_bottom .pp_middle { background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; }
div.facebook .pp_bottom .pp_right { background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; }
/*DO NOT CHANGE*/
div.pp_pic_holder a:focus { outline: none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; direction: ltr; }
.pp_top { height: 20px; position: relative; }
* html .pp_top { padding: 0 20px; }
    .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
    .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
    * html .pp_top .pp_middle { left: 0; position: static; }
    .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
    .pp_content_container .pp_left { padding-left: 20px; }
    .pp_content_container .pp_right { padding-right: 20px; }
    .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; }
.pp_description { display: none; margin: 0; }
.pp_social { display: none; float: left; margin: 0; }
    .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
    .pp_social .twitter { float: left; }
.pp_nav { clear: right; float: left; margin: 3px 10px 0 0; }
    .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; }
    .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: 10000px; }
a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: 10000px; width: 14px; }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; }
    .pp_gallery div { float: left; overflow: hidden; position: relative; }
    .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; }
        .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,.5) solid; display: block; float: left; height: 33px; overflow: hidden; }
            .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; }
            .pp_gallery ul a img { border: 0; }
    .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
        .pp_gallery li.default a { background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; }
            .pp_gallery li.default a img { display: none; }
    .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; }
a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: 10000px; width: 49%; }
a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: 10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: 10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height: 22px; text-indent: 10000px; }
.pp_bottom { height: 20px; position: relative; }
* html .pp_bottom { padding: 0 20px; }
    .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
    .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
    * html .pp_bottom .pp_middle { left: 0; position: static; }
    .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
    #pp_full_res .pp_inline { text-align: left; }
        #pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; visibility: hidden; }
/*Owl Carousel*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; 1width:100%; 1-ms-touch-action:pan-y; direction: ltr; }
    .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
        .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
    .owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.grabbing { cursor: url(../images/grabbing.png) 8 8,move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.owl-pagination { text-align: center; position: relative; top: -55px; }
.owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; }
    .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 0 3px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #c4c4cc; transition: all .5s; }
    .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { border: 1px solid #fff; background-color: #ff0000; }
#Slider .owl-controls .owl-page.active span { background: url(../images/wihte.png) no-repeat left center; width: 20px; height: 20px; opacity: 1; position: relative; right: 3.1px; -webkit-transform: translate(-1px,0px); }
/*Owl Transition--------------------------*/
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}