@import url("reset.css")/*tpa=http://temphaa.com/Demo/felius/css/reset.css*/;


@font-face {
    font-family: 'BYekan';
    src: url('../font/BYekan.eot?#') format('eot'),  /* IE6–8 */
    url('../font/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../font/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
.BYekan {
    font-family: BYekan, Arial, Helvetica, sans-serif;
}



img
{
    border:0 none;
    max-width:100%;
    width:auto ;
    /*IE8*/ vertical-align:top
}
.jcarousel iframe
{
    display:block
}
body
{
    font-size:12px;
    line-height:18px;
    color:#7e8082;
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    font-weight:normal;
    background-color:#f7f7f7;
    -webkit-font-smoothing:antialiased !important;
    -webkit-text-size-adjust:100% !important
}
.bold
{
    font-weight:bold
}
::selection
{
    color:white;
    background-color:#1bbc9b
}
::-moz-selection
{
    color:white;
    background-color:#1bbc9b
}
.bw-wrapper canvas
{
    cursor:pointer
}
#header
{

}
.header-logo-container
{
    float:right;
}
.header-container-right
{
    float:left;
}
.social-links-container
{
    float:right
}
.header-rr-container
{
    margin-bottom:5px;
    margin-top:22px
}
.social-links-container
{
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.09);
    box-shadow:0 1px 0px rgba(0,0,0,0.09)
}
ul.social-links
{
    margin:0;
    padding:0
}
ul.social-links li
{
    list-style:none outside none;
    float:left
}
.facebook-link,.skype-link,.twitter-link,.flickr-link,.vimeo-link,.dribbble-link,.linkedin-link,.rss-link,.googleplus-link,.pintrest-link
{
    height:38px;
    width:38px;
    display:block;
    background-color:#1bbc9b;
    background-repeat:no-repeat;
    background-position:center center;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.facebook-link:hover,.skype-link:hover,.twitter-link:hover,.flickr-link:hover,.vimeo-link:hover,.dribbble-link:hover,.linkedin-link:hover,.rss-link:hover,.googleplus-link:hover,.pintrest-link:hover
{
    background-color:#2f343a
}
.facebook-link
{
    background-image:url(../images/social/facebook.png)/*tpa=http://temphaa.com/Demo/felius/images/social/facebook.png*/
}

.google-link
{
    background-image:url(../images/social/facebook.png)/*tpa=http://temphaa.com/Demo/felius/images/social/facebook.png*/
}

.skype-link
{
    background-image:url(../images/social/skype.png)/*tpa=http://temphaa.com/Demo/felius/images/social/skype.png*/
}
.twitter-link
{
    background-image:url(../images/social/twitter.png)/*tpa=http://temphaa.com/Demo/felius/images/social/twitter.png*/
}
.flickr-link
{
    background-image:url(../images/social/flickr.png)/*tpa=http://temphaa.com/Demo/felius/images/social/flickr.png*/
}
.vimeo-link
{
    background-image:url(../images/social/vimeo.png)/*tpa=http://temphaa.com/Demo/felius/images/social/vimeo.png*/
}
.dribbble-link
{
    background-image:url(../images/social/dribbble.png)/*tpa=http://temphaa.com/Demo/felius/images/social/dribbble.png*/
}
.linkedin-link
{
    background-image:url(../images/social/linkedin.png)/*tpa=http://temphaa.com/Demo/felius/images/social/linkedin.png*/
}
.rss-link
{
    background-image:url(../images/social/rss.png)/*tpa=http://temphaa.com/Demo/felius/images/social/rss.png*/
}
.googleplus-link
{
    background-image:url(../images/social/googleplus.png)/*tpa=http://temphaa.com/Demo/felius/images/social/googleplus.png*/
}
.pintrest-link
{
    background-image:url(../images/social/pintrest.png)/*tpa=http://temphaa.com/Demo/felius/images/social/pintrest.png*/
}
.search-container
{
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.09);
    box-shadow:0 1px 0px rgba(0,0,0,0.09)
}
.search-title
{
    float:left;
    background-color:#2f343a;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    color:#fff;
    padding:10px 15px
}
.search-container
{
    float:right
}
.search-text
{
    border:none !important;

    display:block !important;
    float:left !important;
    margin:0 !important;
    font-style:normal !important;
    padding:9px 10px !important;
    background-attachment:scroll;
    background-color:#FFF;
    background-image:none;
    background-repeat:repeat;
    background-position:0 0;
    width:130px;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    text-align: right;
    color: #000;
     font-size: 21px;
    height: 38px;
}
.search-submit
{
    margin:0;
    padding:0;
    width:38px;
    /*32*/height:38px;
    border:medium none;
    background-image:url(../images/search-submit.png)/*tpa=http://temphaa.com/Demo/felius/images/search-submit.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    background-attachment:scroll;
    background-color:#fff
}
.search-submit:hover
{
    background-color:#1bbc9b;
    cursor:pointer;
    background-image:url(../images/search-submit-hover.png)/*tpa=http://temphaa.com/Demo/felius/images/search-submit-hover.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.search-form
{
    height:38px
}
.logo-container
{
    /*background-color:#2f343a;*/
    height:139px;
    width:139px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.logo-container:hover
{

    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.logo
{
    width:100%;
    height:23px;
    padding:5px 0px;
    display:block;
    /*background-image:url(../images/logo.png)*//*tpa=http://temphaa.com/Demo/felius/images/logo.png*//*;*/
    background-repeat:no-repeat;
    background-position:center center
}
.header-rl-container
{
    width:771px
}
#main-nav
{
    float:right;
}
nav#main-nav select
{
    display:none
}
#main-nav ul
{
    margin:0;
    padding:0
}
#main-nav li
{
    float:left;
    list-style:none outside none;
    margin:0
}
#main-nav ul li li:first-child
{
    border-top:none
}
#main-nav .current >a
{
    color:#262f31
}
#main-nav .current li.current a,#main-nav .current li.current li.current a
{
    color:#262f31;
    margin-top:0;
    border-top:none;
    padding-top:12px;
    background-color:#1bbc9b;
    /**/
}
#main-nav a:hover
{
    text-shadow:none;
    color:#00CC00;

}
#main-nav a
{
    color:#ffffff;
    display:block;
    font-size:19px;
    position:relative;
    text-decoration:none;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    padding-top:30px;
    padding-bottom:0px;
    font-family: BYekan, Arial, Helvetica, sans-serif;

}
#main-nav ul.sf-menu li:first-child >a
{
    margin-left:28px
}
.sf-menu li >a
{
    padding-bottom:30px !important;
    text-transform:uppercase;
    margin-right:17px;
    margin-left:17px;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.sf-menu,.sf-menu *
{
    margin:0;
    padding:0;
    list-style:none
}
.sf-menu
{
    line-height:1.0
}
.sf-menu ul
{
    position:absolute;
    top:-999em;
    margin-top:0px !important;
    margin-left:10px !important
}
#main-nav ul.sf-menu li:first-child ul
{
    margin-left:0px !important
}
.sf-menu ul ul
{
    margin:0 !important
}
.sf-menu ul li
{
    width:150px
}
.sf-menu li:hover
{
    visibility:inherit
}
.sf-menu li
{
    float:left;
    position:relative
}
.sf-menu a
{
    display:block;
    position:relative
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul
{
    left:0px;
    top:74px;
    z-index:99;
    text-shadow:none
}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul
{
    top:-999em
}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul
{
    left:150px !important;
    top:0
}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul
{
    top:-999em
}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul
{
    left:100em;
    top:0
}
.sf-menu li li
{
    margin:0 !important;
    background-color:#535961
}
#main-nav .current li.current li a
{
    background-color:#535961;
    color:#fff
}
.sf-menu li li a
{
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    text-transform:none !important;
    text-shadow:none !important;
    font-size:12px !important;
    padding-left:15px !important;
    padding-top:15px !important;
    padding-bottom:15px !important;
    margin-right:0px !important;
    margin-left:0px !important;
    color:#fff !important;
    /*14*/
}
.sf-menu li li a:hover
{
    color:#fff !important;
    background:#1bbc9b !important
}
.ca-icon
{
    background-color:#1BBC9B;
    text-align:center;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear
}
.ca-icon img
{
    padding-bottom:50px;
    padding-top:50px;
    height:110px;
    width:160px;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear
}
.ca-main
{
    color:#535961;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:22px;
    margin-bottom:14px;
    margin-top:18px;
    text-align:center;
    -webkit-transition:all 300ms linear;
    -moz-transition:all 300ms linear;
    -o-transition:all 300ms linear;
    -ms-transition:all 300ms linear;
    transition:all 300ms linear
}
.ca-sub
{
    padding-left:20px;
    padding-right:20px;
    padding-bottom:17px;
    margin-bottom:0;
    color:#7E8082;
    font-size:12px;
    line-height:18px;
    text-align:center;
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    transition:all 200ms linear
}
.ca-menu:hover .ca-icon
{
    background-color:#005D2F;
}
.ca-menu:hover .ca-icon img
{
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:all 200ms linear;
    -moz-transition:all 200ms linear;
    -o-transition:all 200ms linear;
    -ms-transition:all 200ms linear;
    transition:all 200ms linear
}
.ca-menu:hover .ca-main
{
    -webkit-animation:smallToBig 500ms ease;
    -moz-animation:smallToBig 500ms ease;
    -ms-animation:smallToBig 500ms ease
}
.ca-menu:hover .ca-sub
{
    -webkit-animation:moveFromBottom 500ms ease;
    -moz-animation:moveFromBottom 500ms ease;
    -ms-animation:moveFromBottom 500ms ease
}
@-webkit-keyframes smallToBig
{
    from
    {
        -webkit-transform:scale(0.1)
    }
    to
    {
        -webkit-transform:scale(1)
    }

}
@-moz-keyframes smallToBig
{
    from
    {
        -moz-transform:scale(0.1)
    }
    to
    {
        -moz-transform:scale(1)
    }

}
@-ms-keyframes smallToBig
{
    from
    {
        -ms-transform:scale(0.1)
    }
    to
    {
        -ms-transform:scale(1)
    }

}
@-webkit-keyframes moveFromBottom
{
    from
    {
        -webkit-transform:translateY(50%);
        opacity:0
    }
    to
    {
        -webkit-transform:translateY(0%);
        opacity:1
    }

}
@-moz-keyframes moveFromBottom
{
    from
    {
        -moz-transform:translateY(50%);
        opacity:0
    }
    to
    {
        -moz-transform:translateY(0%);
        opacity:1
    }

}
@-ms-keyframes moveFromBottom
{
    from
    {
        -ms-transform:translateY(50%);
        opacity:0
    }
    to
    {
        -ms-transform:translateY(0%);
        opacity:1
    }

}
.block1-a
{
    display:block
}
.block1-a:hover .box1-img-container
{
    background-color:#535961;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.block1-a:hover .box1-img-container img
{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 1.3s;
    -ms-transition:all 0.3s
}
.box1-img-container,.box1-img-container-inv
{
    background-color:#1bbc9b;
    text-align:center;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box1-img-container img,.box1-img-container-inv img
{
    height:56px;
    padding:0 !important;
    margin:0 !important
}
.box1-text-container
{
    text-align:center
}
.box1-text-container h3
{
    color:#535961;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:22px
}
.block1-a:hover h3
{
    opacity:1;
    -webkit-animation:moveFromBottom 300ms ease-in-out;
    -moz-animation:moveFromBottom 300ms ease-in-out;
    -ms-animation:moveFromBottom 300ms ease-in-out
}
.block2-a
{
    display:block
}
.block2-a:hover .box2-img-container
{
    background-color:#535961;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box2-img-container
{
    float:left;
    background-color:#1bbc9b;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box2-img-container img
{
    height:30px;
    width:40px;
    padding-top:33px;
    padding-right:27px;
    padding-bottom:33px;
    padding-left:27px
}
.box2-text-container h3
{
    color:#535961;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:22px;
    padding:37px 20px 0px 115px
}
.box2-text-container h5
{
    color:#7e8082;
    font-size:12px;
    line-height:18px
}
.block2-a:hover .box2-img-container-inv
{
    background-color:#1bbc9b;
    transition:all 0.3s !important;
    -webkit-transition:all 0.3s !important;
    -o-transition:all 0.3s !important;
    -moz-transition:all 0.3s !important;
    -ms-transition:all 0.3s !important
}
.box2-img-container-inv
{
    background-color:#535961;
    transition:all 0.3s !important;
    -webkit-transition:all 0.3s !important;
    -o-transition:all 0.3s !important;
    -moz-transition:all 0.3s !important;
    -ms-transition:all 0.3s !important
}
.block3-a
{
    display:block
}
.block3-a:hover .box3-img-container
{
    background-color:#535961;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box3-img-container
{
    float:left;
    background-color:#1bbc9b;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box3-img-container img
{
    height:30px;
    width:40px;
    padding-top:33px;
    padding-right:27px;
    padding-bottom:33px;
    padding-left:27px
}
.box3-text-container h3
{
    color:#535961;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:22px;
    padding:37px 20px 0px 115px
}
.box3-text-container h5
{
    color:#7e8082;
    font-size:12px;
    line-height:18px
}
.block3-a:hover .box3-img-container-inv
{
    background-color:#1bbc9b;
    transition:all 0.3s !important;
    -webkit-transition:all 0.3s !important;
    -o-transition:all 0.3s !important;
    -moz-transition:all 0.3s !important;
    -ms-transition:all 0.3s !important
}
.box3-img-container-inv
{
    background-color:#535961;
    transition:all 0.3s !important;
    -webkit-transition:all 0.3s !important;
    -o-transition:all 0.3s !important;
    -moz-transition:all 0.3s !important;
    -ms-transition:all 0.3s !important
}
.box3-description-container
{
    border-bottom:3px solid #1BBC9B
}
.box3-description
{
    margin:18px 20px 18px 20px;
    color:#808080
}
.block5-a
{
    display:block
}
.block5-a:hover .box5-img-container
{
    background-color:#535961;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box5-img-container,.box5-img-container-inv
{
    float:left;
    background-color:#1bbc9b;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.box5-img-container img,.box5-img-container-inv img
{
    height:40px;
    padding-top:33px;
    padding-right:27px;
    padding-bottom:33px;
    padding-left:27px
}
.box5-text-container
{
    padding:20px 20px 20px 128px
}
.box5-text-container h3
{
    color:#535961;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:22px
}
.box5-text-container h5
{
    color:#7e8082;
    font-size:12px;
    line-height:18px
}
.block5-a:hover .box5-img-container-inv
{
    background-color:#1bbc9b;
    transition:all 0.3s !important;
    -webkit-transition:all 0.3s !important;
    -o-transition:all 0.3s !important;
    -moz-transition:all 0.3s !important;
    -ms-transition:all 0.3s !important
}
.box5-img-container-inv
{
    background-color:#535961;
    transition:all 0.3s !important;
    -webkit-transition:all 0.3s !important;
    -o-transition:all 0.3s !important;
    -moz-transition:all 0.3s !important;
    -ms-transition:all 0.3s !important
}
.buy-img-container
{
    float:left;
    background-color:#41281B
}
.buy-img-container img
{
    height:29px;
    padding-top:25px;
    padding-right:25px;
    padding-bottom:25px;
    padding-left:25px
}
.buy-text h2
{
    color:#535961;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:22px
}
.buy-now-slogan
{
    color:#979ca1
}
.buy-text-container,.buy-img-container
{
    float:right;
}
.button-buy-container
{
    float:left;
}
.button-buy-container a
{
    display:block;
    background-color:#1bbc9b;
    color:#fff;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    font-size:18px;
    line-height:29px;
    padding-top:25px;
    padding-right:30px;
    padding-bottom:25px;
    padding-left:30px
}
.button-buy-container a:hover
{
    background-color:#2f343a;
    color:#fff
}
.buy-text-container
{
    padding:16px 18px 13px;
    text-align: right;
    direction: rtl;

}
.nl-img-container
{
    float:left;
    background-color:#41281B;
    height:80px
}
.nl-img-container img
{
    height:29px;
    padding:25px 25px 21px
}
.nl-button
{
    margin:0 !important;
    padding:0;
    display:block;
    float:right;
    background-color:#1bbc9b;
    color:#fff;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:20px;
    line-height:30px;
    padding-right:30px;
    padding-left:30px;
    padding-bottom:25px;
    padding-top:23px;
    height:80px;
    border:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box
}
.nl-button:hover
{
    background-color:#2F343A
}
.nl-form-part-container
{
    float:left;
    padding:15px;
    background-color:#FFF;
    border:1px solid #D1D1D1;
    border-left:none
}
.nl-text
{
    float:left;
    padding-top:32px;
    padding-left:20px;
    width: 400px;
    text-align: center;
    font-size: 18px;
    font-family: BYekan, Arial, Helvetica, sans-serif;
}
.nl-text-container .caption
{
    float:right;
    padding-top:31px !important;
    padding-right:20px !important;
    padding-left:20px !important
}
.nl-form-container
{
    float:right
}
.newsletterform input
{
    width:180px;
    box-sizing:border-box;
    -moz-box-sizing:border-box
}
.caption
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    color:#535961;
    font-size:16px;
    line-height:18px;
    padding-bottom:7px;
    padding-top:6px;
    font-weight:lighter
}
input,textarea
{
    color:#9fa0a2;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    margin:0;
    outline:medium none;
    border:none;
    box-shadow:0 1px 0 rgba(0,0,0,0.09);
    padding:10px 10px 10px 10px;
    font-size:13px
}
.nl-form-container input
{
    border:1px solid #ddd;
    box-shadow:none;
    padding:7px 9px;
    margin-right:22px;
    margin-top:23px
}
.caption-block
{
    float:left;
    display:block;
    width:97%;
    position:absolute;
    bottom:20px;
    right:10px
}
.p-10
{
    padding:10px
}
.caption-text-container
{

}
.caption-main-container
{
    padding:0px
}
.jcarousel-scroll
{
    float:right
}
.jcarousel-next
{
    width:38px;
    height:38px;
    display:block;
    float:right;
    background-color:#41281B;
    background-image:url(../images/next-small.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease;




}

/* will be red only in google chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .jcarousel-next{ display: none;}
    .carousel-navi{ display:none; }
}


.jcarousel-next:hover,.jcarousel-prev:hover
{
    background-color:#1bbc9b;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.jcarousel-prev
{
    width:38px;
    height:38px;
    display:block;
    float:left;
    background-color:#41281B;
    background-image:url(../images/prev-small.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.content-container-white
{
    background-color:#fff;
    -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.09);
    box-shadow:0 1px 0px rgba(0,0,0,0.09)
}
.content-container-white-no-shadow
{
    background-color:#fff
}
.view
{
    overflow:hidden;
    position:relative
}
.lw-text-container
{
    padding:10px
}
.lw-text-container p
{
    padding:0px;
    margin:0px
}
.lw-a-container
{
    text-align:right
}
.lw-item-container
{
    background-color:#fff;
    border:1px solid #d6d6d6;
    border-radius:3px
}
.lw-item-caption-container
{
    padding-top:15px;
    padding-right:15px;
    padding-bottom:12px;
    padding-left:15px;
    margin-bottom:1px;
    text-align: right;
    direction: rtl;
    height: 35px;
    border-top:  2px solid #2ECC71;

}
.item-caption
{
    color:#979CA1
}
.lw-item-caption-container a
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:16px
}
.lw-item-text-container
{
    text-align:center
}
.lw-item-text-container p
{
    margin:8px 15px
}
.jcarousel
{
    position:relative;
    overflow:hidden
}
.jcarousel ul
{
    width:20000em;
    position:absolute;
    list-style:none;
    margin:0;
    padding:0
}
.lp-caption-container
{
    background-color:#7c8187;
    color:#fff;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:16px;
    margin-top:0;
    position:relative;
    margin-left:38px;
    height:38px;
    text-align: right;
    padding: 0 10px 0 0;
}
.lp-caption-container a
{
    color:#fff;
    display:inline-block;
    padding-top:9px;
    padding-left:15px
}
.lp-item-text-container
{
    margin-left:38px;
    background-color:#fff;
    padding-left:15px;
    padding-right:15px;
    border-bottom:3px solid #1bbc9b
}
.lp-item-text-container p
{
    display:inline-block
}
.lp-date-container
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    color:#808080;
    font-size:11px;
    margin-top:3px
}
.lp-item-caption-container
{
    color:#373737;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:16px;
    margin-top:0;
    padding-bottom:12px;
    padding-bottom:7px;
    text-align:center;
    margin-top:10px
}
.lp-item-caption-container a
{
    color:#535961
}
.lp-item-caption-container a:hover
{
    color:#1bbc9b
}
.bw-wrapper
{
    position:relative;
    display:block
}
ul.our-clients-container
{
    padding:0;
    margin:0
}
.our-clients-container li
{
    display:block;
    float:right;
    overflow:hidden;
    position:relative;
    padding-top:15px;
    padding-right:0px;
    padding-bottom:15px;
    padding-left:0px
}
.caption-text-container
{
    position:absolute;
    bottom:0px;
    z-index:9;
    float:right;
    font-size:18px;
    color:#fff;
    font-weight:lighter;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    background-color:#41281B;
    padding:20px;
    right: 0;
}
.caption-bg
{
    position:absolute;
    width:100%;
    height:38px;
    bottom:0px
}
.caption-container
{
    position:relative;
    height:58px
}
.carousel-navi
{
    position:absolute;
    bottom:0px;
    left:0
}
.tab-main-container
{
    border:1px solid #fff
}
.tabs-nav
{
    list-style:none outside none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.tabs-nav li
{
    float:right;
    line-height:32px;
    margin:0;
    padding:0;
    overflow:hidden;
    position:relative
}
.tabs-nav li a
{
    color:#fff;
    display:block;
    outline:medium none;
    text-decoration:none;
    background-color:#008633;
    margin-top:0;
    margin-right:0;
    margin-left:0;
    padding-top:4px;
    padding-right:7px;
    padding-bottom:3px;
    padding-left:7px;
    font-size: 16px;
    border-right: 1px solid #fff;
}
.tabs-nav li a:hover,.tabs-nav li.active a
{
    background-color:#41281B;
}
.tabs-nav li.active a
{
    color:#535961;
    background-color:#fff;
    font-weight: bold;

}
.tabs-container
{
    margin:-1px 0;
    overflow:hidden;
    width:100%;
    background-color:#fff
}
.tab-content
{
    padding-top:0px;
    padding-bottom:0px
}
.tab-content p
{
    padding-right:15px
}
.tab-post-container
{
    margin:0;
    padding:0;
    text-align: right;
    direction: rtl;
}
.tab-post-container.text p
{
    margin:0;
    padding-bottom:17px;
    padding-top:17px;
    padding-left:20px;
    padding-right:20px;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    font-size: 20px;

}
.tab-post-container li
{
    border-top:1px solid #d1d1d1
}
.tab-post-container li:first-child
{
    border-top:none
}
.lp-img-cont
{
    width:75px
}
.lp-title-cont
{
    padding-left:10px;
    padding-top:7px
}
.tabs-widget .tabs-nav
{
    list-style:none outside none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.tabs-widget .tabs-nav li
{
    float:left;
    line-height:32px;
    margin:0;
    padding:0;
    overflow:hidden;
    position:relative
}
.tabs-widget .tabs-nav li a
{
    color:#fff;
    display:block;
    outline:medium none;
    text-decoration:none;
    background:none repeat scroll 0 0 #b0b3b6;
    padding:0;
    border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-color:#b0b3b6;
    border-right-color:#b0b3b6;
    border-bottom-color:#e2e2e2;
    border-left-color:#b0b3b6;
    border-bottom:none;
    margin-top:0;
    margin-right:0;
    margin-bottom:1px;
    margin-left:0;
    padding-top:4px;
    padding-right:16px;
    padding-bottom:3px;
    padding-left:16px
}
.tabs-widget .tabs-nav li a:hover,.tabs-widget .tabs-nav li.active a
{
    background-color:#ccced0
}
.tabs-widget .tabs-nav li a:hover
{
    border-top-color:#CCCED0;
    border-right-color:#CCCED0;
    border-bottom-color:#CCCED0;
    border-left-color:#CCCED0
}
.tabs-widget .tabs-nav li.active a
{
    color:#535961;
    background-color:#fff;
    border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:1px;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-color:#e2e2e2;
    border-right-color:#e2e2e2;
    border-bottom-color:#fbfbfb;
    border-left-color:#e2e2e2;
    padding:0;
    margin:0;
    padding-top:4px;
    padding-right:16px;
    padding-bottom:4px;
    padding-left:16px;
    border-bottom:none
}
.tabs-widget .tabs-container
{
    margin:-1px 0;
    overflow:hidden;
    width:100%;
    border:1px solid #e2e2e2;
    background-color:#fff
}
.tabs-widget .tab-content
{
    padding-top:0px;
    padding-bottom:0px
}
.tabs-widget .tab-content p
{
    padding-right:15px
}
.quote-content
{
    border:1px solid #fff
}
.quote-content:before,.quote-content:after
{
    content:'';
    position:absolute
}
.t1
{
    background:#fff
}
.testimonials-jc li
{
    position:relative
}
.quote-content
{
    background:url(../images/quote.png) no-repeat right #ffffff/*tpa=http://temphaa.com/Demo/felius/images/quote.png*/;

    /*background-position:15px 15px*/
}
.quote-content p
{
    margin:20px 56px 20px 20px;
    font-style:italic;
    text-align: right;
    font-family: BYekan, Arial, Helvetica, sans-serif;
    font-size: 20px;


}
.quote-author
{
    background-color:#fff;
    display:inline-block;
    margin-bottom:1px;
    margin-top:-1px;
    float:right;
    font-style:italic;
    padding-top:0px;
    padding-right:20px;
    padding-bottom:15px;
    padding-left:20px
}
.quote-author-description
{
    color:#b6babf
}
.author-testimonial
{
    font-size:16px;
    font-weight: bold;
    color:#2f343a;
}
.page-title-container
{
    background-color:#1bbc9b
}
.page-title
{
    float:right;
    color:#fff;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:22px;
    line-height:22px;
    margin-bottom:0;
    padding:20px;
    text-align: right;
}
.page-title .sub-title
{
    color:#fff;
    direction: rtl;
    text-align: right;
}
.page-title a
{
    color:#E4FC38;
}
.page-title a:hover
{
    color:#fff
}
.error404-text
{
    text-align:left;
    color:#7e8082;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:72px;
    line-height:72px;
    margin-left:50px;
    margin-top:25px
}
.error404-numb
{
    color:#c2c7cd;
    text-align:right;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:230px;
    line-height:230px;
    margin-bottom:0;
    margin-right:50px;
    margin-top:15px
}
.error404-main-text h2
{
    text-align:right;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:30px;
    line-height:30px;
    padding-bottom:15px;
    padding-top:20px;
    padding-left:15px;
    padding-right:15px;
    text-transform:uppercase;
    color:#7e8082
}
.error404-main-text
{
    margin-bottom:70px;
    margin-right:35px;
    margin-top:20px
}
.error404-container
{
    margin-top:80px
}
.google-map
{
    padding-bottom:60%
}
.google-map-container img
{
    max-width:none !important
}
.contant-container-caption
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    margin:0px;
    font-size:16px;
    color:#535961;
    padding-top:18px;
    padding-right:18px;
    padding-bottom:18px;
    padding-left:18px;
    text-align: right;
    background: #2ECC71;
}
.padding-cont-15
{
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px
}
.padding-all-15
{
    padding:15px
}
.padding-l-t-15
{
    padding:15px 0 0 15px
}
.padding-l-r-15
{
    padding:0 15px 0 15px
}
.padding-cont-15 p
{
    margin-bottom:0
}
.title-block,.title-widget
{
    color:#535961;
    font-size:18px;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    margin-bottom:0;
    padding:4px 13px 5px
}
.title-widget
{
    line-height:18px;
    margin:12px;
    padding:0
}
ul.contact-info-page
{
    margin:0;
    padding:0
}
ul.contact-info-page li
{
    border-top:1px solid #d1d1d1
}
ul.contact-info-page li:first-child
{
    border-top:none
}
.contact-info-page .icon_loc
{
    background:url(../images/icon_footer_loc.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc.png*/ no-repeat scroll 15px 13px transparent;
    margin-bottom:10px;
    padding:10px 15px 0 45px;
    background-color:#535961
}
.contact-info-page .icon_phone
{
    background:url(../images/icon_footer_phone.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone.png*/ no-repeat scroll 15px 14px transparent;
    margin-bottom:10px;
    padding:10px 15px 0 45px;
    background-color:#535961
}
.contact-info-page .icon_mail
{
    background:url(../images/icon_footer_mail.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail.png*/ no-repeat scroll 15px 14px transparent;
    line-height:24px;
    margin-bottom:10px;
    padding:10px 15px 0 45px;
    background-color:#535961
}
.contact-loc:before,.contact-loc:after
{
    content:'';
    position:absolute
}
.contact-loc:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon_footer_loc.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#535961
}
.contact-phone:before,.contact-phone:after
{
    content:'';
    position:absolute
}
.contact-phone:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon_footer_phone.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#535961
}
.contact-mail:before,.contact-mail:after
{
    content:'';
    position:absolute
}
.contact-mail:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon_footer_mail.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#535961
}
.contact-mail a
{
    color:#7e8082
}
.contact-mail a:hover
{
    color:#1bbc9b
}
ul.contact-list
{
    margin:0;
    padding:0
}
ul.contact-list li
{
    display:block;
    margin-left:38px;
    padding-top:9px;
    padding-right:15px;
    padding-bottom:11px;
    padding-left:15px;
    position:relative;
    margin-bottom:1px;
    text-align: right;

    font-size: 16px;
    font-weight: bold;


}
#contact-form label,#comment-form label
{
    visibility:hidden;
    display:none
}
.field-1-1 textarea
{
    width:700px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    #contact-form .field-1-1 textarea
    {
        margin-bottom:-4px
    }
    .leave-comment-container .field-1-1-comment textarea
    {
        margin-bottom:-4px
    }

}
.field-1-3 input
{
    width:220px;
    margin-right:20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.field-1-3:nth-of-type(3n) input
{
    margin-right:0
}
.iconed-box.error:before
{
    background-position:-36px center
}
.iconed-box.success:before
{
    background-position:0 center
}
.iconed-box.info:before
{
    background-position:-72px center
}
.iconed-box.notice:before
{
    background-position:-108px center
}
.iconed-box:before
{
    height:100%;
    left:-43px;
    max-height:80px;
    top:0;
    width:36px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/box-icons.png)/*tpa=http://temphaa.com/Demo/felius/images/box-icons.png*/;
    background-repeat:no-repeat;
    background-position:0 0
}
.iconed-box:before
{
    content:"";
    position:absolute
}
.styled-box.success
{
    background:none repeat scroll 0 0 #EDFFD7;
    border-color:#80c080;
    text-align: right;
    font-size: 17px;

    color:#32a432;
}
.styled-box.error
{
    background:none repeat scroll 0 0 #fdebeb;
    border-color:#ffa7a1;
    color:#e17585;
    text-align: right;
    font-size: 17px;


}
.styled-box.info
{
    background:none repeat scroll 0 0 #E2F1FF;
    border-color:#73bfe4;
    color:#4ac2f3
}
.styled-box.notice
{
    background:none repeat scroll 0 0 #FFE;
    border-color:#fbc778;
    color:#f90
}
.styled-box
{
    background:none repeat scroll 0 0 #FFF;
    border-top-width:1px;
    border-right-width:1px;
    border-bottom-width:1px;
    border-left-width:50px;
    border-top-style:solid;
    border-right-style:solid;
    border-bottom-style:solid;
    border-left-style:solid;
    border-top-color:#D6D6D6;
    border-right-color:#D6D6D6;
    border-bottom-color:#D6D6D6;
    border-left-color:#D6D6D6
}
.styled-box
{
    margin-bottom:15px;
    position:relative;
    padding-top:15px;
    padding-right:20px;
    padding-bottom:15px;
    padding-left:20px
}
.demo .styled-box
{
    padding-top:20px;
    padding-bottom:20px
}
#contact-form .iconed-box
{

    width:200px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.blog-info-container
{
    padding-top:3px
}
.blog-info-container ul
{
    margin:0;
    padding-bottom:0;
    padding-left:10px;
    padding-right:10px
}
.blog-info-container ul li
{
    font-size:11px;
    line-height:14px;
    margin:0
}
.blog-info-container ul li.date
{
    display:block;
    float:left;
    padding:10px 20px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/clock-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/clock-icon.png*/;
    background-repeat:no-repeat;
    background-position:left center
}
.blog-info-container ul li.author
{
    display:block;
    float:left;
    padding:10px 20px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/author-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/author-icon.png*/;
    background-repeat:no-repeat;
    background-position:left center
}
.blog-info-container ul li.view
{
    display:block;
    float:left;
    padding:10px 20px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/view-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/view-icon.png*/;
    background-repeat:no-repeat;
    background-position:left center
}
.blog-info-container ul li.comment
{
    display:block;
    float:left;
    padding:10px 20px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/comment-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/comment-icon.png*/;
    background-repeat:no-repeat;
    background-position:left center
}
.blog-info-container ul li.tag
{
    display:block;
    float:left;
    padding:10px 20px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/tag-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/tag-icon.png*/;
    background-repeat:no-repeat;
    background-position:left center
}
.blog-text-container
{
    padding-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    position:relative
}
.blog-item-date-cont
{
    display:inline-block;
    background-color:#1bbc9b;
    color:#fff;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    padding-top:11px;
    padding-right:20px;
    padding-bottom:8px;
    padding-left:20px;
    width:25px;
    height:53px
}
.portfolio-item .blog-item-title-cont
{
    position:absolute;
    bottom:0px;
    left:88px
}
.blog-item-title-cont
{
    position:absolute;
    bottom:0px;
    left:103px
}
.blog-item-title-cont a
{
    color:#fff;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:19px;
    padding-top:16px;
    background-color:#535961
}
.blog-item-title-cont a:hover
{
    color:#fff;
    background-color:#1bbc9b
}
.blog-item-title
{
    color:#fff;
    font-size:24px;
    line-height:70px;
    padding:0;
    margin:0;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.blog-item-date
{
    font-size:26px;
    line-height:30px;
    text-align:center
}
.blog-item-mounth
{
    margin-top:3px;
    margin-bottom:3px;
    text-align:center
}
.blog-item-mounth,.blog-item-year
{
    font-size:14px
}
.pagination-1
{
    margin:0;
    padding:0
}
.pagination-1 li
{
    float:left;
    margin:0;
    padding:0
}
.pagination-1 li a
{
    display:block;
    padding:9px 14px;
    background-color:#535961
}
.pagination-1 a
{
    color:#fff
}
.pagination-1 a:hover
{
    background-color:#1bbc9b;
    color:#fff
}
.pagination-1 a.pag-current
{
    background:#1bbc9b;
    color:#fff
}
.pagination-1 .pag-next
{
    padding-bottom:9px !important;
    padding-top:10px !important;
    background-image:url(../images/next-small.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    height:17px;
    width:7px;
    background-color:#7c8187
}
.pagination-1 .pag-prev
{
    padding-bottom:9px !important;
    padding-top:10px !important;
    background-image:url(../images/prev-small.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    height:17px;
    width:7px;
    background-color:#7c8187
}
.blog-categories
{
    margin:0;
    padding:0
}
.blog-categories-container
{
    padding:15px
}
.blog-categories li
{
    margin-top:5px;
    text-align: right;
}
.blog-categories li:first-child
{
    margin-top:0
}
.blog-categories li.active a
{
    color:#535961
}
.blog-categories li a
{
    color:#7E8082;
    line-height:36px;
    display:block
}
.blog-categories li a:hover
{
    color:#1bbc9b
}
.blog-cat-icon
{
    display:block;
    float:left;
    margin-right:10px;
    height:36px;
    width:36px;
    background-color:#7c8187;
    background-image:url(../images/next-small.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.blog-categories li a:hover .blog-cat-icon
{
    background-color:#1bbc9b;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.blog-categories li.active .blog-cat-icon
{
    background-color:#1bbc9b
}
.latest-post-container
{
    margin:0;
    padding:0
}
.latest-post-sidebar
{
    padding-left:15px
}
.latest-post-sidebar img
{
    background:none repeat scroll 0 0 #FFF;
    float:left;
    height:62px;
    margin:15px 14px 15px 0;
    padding:5px;
    transition:all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    width:62px
}
.latest-post-sidebar img:hover
{
    border-color:#1bbc9b;
    background:none repeat scroll 0 0 #1bbc9b
}
.latest-post-sidebar p.latest-post-sidebar-title
{
    line-height:15px;
    padding-top:5px;
    font-size:14px;
    margin-bottom:0
}
.latest-post-sidebar p.latest-post-sidebar-date
{
    color:#7e8082;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:3px
}
.latest-post-sidebar p.latest-post-sidebar-comm
{
    color:#b7b7b7;
    margin-top:0px;
    margin-bottom:0px;
    font-size:11px
}
.latest-post-container li:first-child
{
    border-top:medium none
}
.latest-post-container li
{
    border-top:1px solid #e4e5e4
}
.skill-bar
{
    height:36px;
    position:relative;
    background:#f6f6f6;
    margin:0 0 5px 0;
    box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.05)
}
.skill-bar-content[data-percentage]
{
    text-indent:-9999px
}
.skill-bar-content
{
    background:#1BBC9B;
    height:36px;
    width:0%;
    box-shadow:inset 0px -1px 0px 0px rgba(0,0,0,0.12)
}
.skill-bar .skill-title
{
    color:#fff;
    top:9px;
    left:15px;
    position:absolute
}
.skill-bar .percentage
{
    color:#666;
    position:absolute;
    top:9px;
    left:90%;
    background-color:#0C0
}
h3.ui-accordion-header
{
    margin:0;
    margin-top:5px;
    cursor:pointer
}
h3.ui-accordion-header:first-child
{
    margin:0
}
.ui-accordion-header
{
    font-size:12px;
    line-height:36px;
    margin:0;
    margin-top:5px
}
.ui-accordion-content p
{
    margin:0;
    padding-top:12px;
    padding-bottom:12px
}
.ui-accordion-content
{
    margin-left:50px
}
.ui-accordion-header a
{
    color:#808080
}
.ui-accordion-header:hover a
{
    color:#1bbc9b
}
.ui-accordion-header-active a
{
    color:#535961
}
.ui-accordion-header span
{
    background-color:#7c8187;
    background-image:url(../images/plus.png)/*tpa=http://temphaa.com/Demo/felius/images/plus.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    float:left;
    height:36px;
    width:35px;
    margin-right:15px;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.ui-accordion-header:hover span
{
    background-color:#1bbc9b;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.ui-accordion-header-active span
{
    background-color:#1bbc9b;
    background-image:url(../images/minus.png)/*tpa=http://temphaa.com/Demo/felius/images/minus.png*/;
    background-position:center center;
    background-repeat:no-repeat
}
.ui-accordion-content p
{
    padding-top:0px
}
.tag-cloud ul
{
    list-style-type:none;
    padding:0;
    margin:0
}
.tag-cloud li
{
    margin:0px 5px 5px 0px;
    float:left
}
.tag-cloud a
{
    display:inline-block;
    color:#fff;
    text-align:center;
    background-color:#7c8187;
    padding-top:10px;
    padding-right:14px;
    padding-bottom:10px;
    padding-left:14px
}
.tag-cloud a:hover
{
    color:#fff;
    background-color:#1bbc9b
}
ul#flickrfeed
{
    margin:0;
    padding:0
}
ul#flickrfeed li
{
    display:inline-block;
    float:left
}
ul#flickrfeed li a
{
    display:block
}
ul#flickrfeed li a img
{
    height:93px;
    width:93px
}
.all-comments-container
{
    background-color:#7c8187;
    padding:15px;
    color:#fff;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:18px
}
.single-comment
{
    position:relative;
    margin-left:92px;
    margin-bottom:20px;
    margin-top:12px
}
.comment-avatar
{
    position:absolute;
    top:0px;
    left:-92px
}
.comment-head
{
    background-color:#535961
}
.comment-list ol
{
    margin:15px 0 15px 0;
    padding:0
}
.comment-name
{
    padding-left:15px;
    padding-top:12px;
    padding-bottom:9px
}
.comment-name a
{
    color:#fff;
    font-size:16px;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.comment-name a:hover
{
    color:#1bbc9b
}
.comment-desc
{
    font-size:10px;
    color:#fff;
    margin-right:12px
}
.comment-reply
{
    display:inline-block;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
.comment-reply a
{
    color:#fff;
    font-size:12px;
    padding:12px 15px;
    background-color:#1bbc9b;
    display:block
}
.comment-reply a:hover
{
    color:#fff;
    background-color:#7C8187
}
.comment-text
{
    padding-left:15px;
    padding-right:15px;
    min-height:65px;
    background-color:#FFF
}
.comment-text p
{
    margin:0;
    padding-top:12px;
    padding-bottom:12px
}
li.comment ol.comment-sub
{
    margin-left:40px
}
.author-comment
{
    position:relative;
    margin-left:0px;
    margin-bottom:12px;
    margin-top:12px
}
.author-avatar
{
    position:absolute;
    top:0px;
    right:0px
}
.author-name
{
    padding-right:109px;
    padding-top:12px;
    padding-bottom:9px;
    text-align: right;
}
.author-name a
{
    color:#fff;
    font-size:16px;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.author-name a:hover
{
    color:#1bbc9b
}
.author-text
{
    padding-right: 109px;
    padding-left: 15px;
    min-height:65px;
    background-color:#FFF;
    text-align: right;
    direction: rtl;
}
.author-text p
{
    margin:0;
    padding-top:12px;
    padding-bottom:12px
}
.field-1-1-comment textarea
{
    width:640px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.field-1-2-comment input
{
    width:310px;
    margin-right:20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.field-1-2-comment:nth-of-type(2n) input
{
    margin-right:0
}
.leave-comment-container #contact-form .iconed-box
{
    padding-left:60px;
    width:310px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
ul#portfolio
{
    margin:0;
    padding:0;
    transition:none !important
}
.filter-portfolio ul
{
    margin:0;
    padding:0
}
ul#filter
{
    margin:0;
    padding:0;
    float:right
}
ul#filter li
{
    float:left;
    margin:0;
    padding:0
}
ul#filter li a
{
    padding:15px;
    margin:0;
    color:#fff;
    background-color:#535961;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    display:block
}
ul#filter li a:hover
{
    color:#fff;
    background-color:#2f343a
}
.filter-portfolio .content-under-container-white
{
    margin-bottom:25px
}
ul#filter li.current a
{
    position:relative;
    background-color:#2f343a;
    color:#fff
}
ul.project-details
{
    margin:15px 0 15px 0;
    padding:0
}
.project-details li
{
    height:30px;
    margin-top:10px;
    line-height:30px
}
.project-details li:first-child
{
    margin-top:0
}
.port-cat-icon
{
    display:block;
    float:left;
    margin-right:10px;
    height:30px;
    width:31px;
    background-color:#d1d1d1;
    background-image:url(../images/next-small.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small.png*/;
    background-repeat:no-repeat;
    background-position:center center
}
.portfolio-pagination
{
    float:right;
    display:inline-block;
    margin:0;
    padding:0
}
.portfolio-pagination li
{
    float:left
}
.portfolio-pagination .pag-next
{
    background-color:#535961;
    background-image:url(../images/next-small.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    height:48px;
    width:30px
}
.portfolio-pagination .pag-prev
{
    background-color:#535961;
    background-image:url(../images/prev-small.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    display:block;
    height:48px;
    width:30px
}
.portfolio-pagination .pag-prev:hover, .portfolio-pagination .pag-next:hover
{
    background-color:#2F343A
}
.portfolio-check-list
{
    list-style:none outside none;
    margin:0;
    padding:0;
    padding-top:10px;
    padding-bottom:10px
}
.portfolio-check-list >li:before
{
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/features-check-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/features-check-icon.png*/;
    background-position:0 center;
    background-repeat:no-repeat;
    height:33px;
    right:0;
    width:40px
}
.portfolio-check-list >li:before
{
    content:"";
    position:absolute
}
.portfolio-check-list >li
{
    padding-right:45px;
    position:relative;
    line-height:40px;
    text-align: right;
    direction: rtl;
    font-size: 19px;
}
.sidebar-item .content-container-white.padding-l-r-15 p
{
    margin:0;
    padding-top:12px;
    padding-bottom:12px;
    text-align: right;
    direction: rtl;
}
h3.title-block
{
    padding:0px;
    line-height:18px;
    margin-bottom:20px;
    margin-top:20px;
    text-align: right;
}
.dropcap1
{
    background:none repeat scroll 0 0 #535961;
    color:#fff;
    display:inline-block;
    float:left;
    font-size:30px;
    font-weight:normal;
    height:44px;
    line-height:44px;
    margin:6px 7px 0 0;
    padding-bottom:2px;
    text-align:center;
    width:36px
}
.dropcap2
{
    color:#fff;
    display:inline-block;
    float:left;
    font-size:30px;
    height:60px;
    line-height:55px;
    text-align:center;
    width:60px;
    border-radius:70px 70px 70px 70px;
    padding-left:1px;
    background-attachment:scroll;
    background-color:#7c8187;
    background-image:none;
    background-repeat:repeat;
    background-position:0 0;
    margin-right:7px;
    margin-bottom:0;
    margin-left:0;
    margin-top:8px
}
.dropcap3
{
    color:#7e8082;
    display:inline-block;
    float:left;
    font-size:56px;
    font-weight:lighter;
    height:36px;
    line-height:56px;
    margin:0 7px 0 0;
    padding-bottom:2px;
    text-align:center;
    width:36px
}
.dropcap4
{
    background:none repeat scroll 0 0 #1bbc9b;
    color:#fff;
    display:inline-block;
    float:left;
    font-size:30px;
    font-weight:normal;
    height:44px;
    line-height:44px;
    margin:6px 7px 0 0;
    padding-bottom:2px;
    text-align:center;
    width:36px
}
.styled-list
{
    list-style:none outside none;
    margin:0;
    padding:0
}
.styled-list.style-1 >li:before
{
    background-position:0 -30px
}
.styled-list.style-2 >li:before
{
    background-position:0 -60px
}
.styled-list.style-3 >li:before
{
    background-position:0 -14px
}
.styled-list.style-4 >li:before
{
    background-position:0 0
}
.styled-list.style-5 >li:before
{
    background-position:0 -45px
}
.styled-list.style-6 >li:before
{
    background-position:0 -75px
}
.styled-list >li:before
{
    height:15px;
    left:0;
    top:1.5px;
    width:15px;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/list-icons.png)/*tpa=http://temphaa.com/Demo/felius/images/list-icons.png*/;
    background-repeat:no-repeat;
    background-position:0 0
}
.styled-list >li:before
{
    content:"";
    position:absolute
}
.styled-list >li
{
    padding-left:19px;
    position:relative
}
.demo-list-styles ul
{
    margin-bottom:10px
}
#toggle-view
{
    margin:0;
    padding:0
}
#toggle-view li
{
    cursor:pointer;
    margin-top:1px
}
#toggle-view li:first-child
{
    margin-top:0px
}
#toggle-view .ui-accordion-header-active
{
    color:#535961
}
#toggle-view .ui-accordion-header:hover
{
    color:#1bbc9b
}
#toggle-view .panel
{
    display:none;
    margin-left:50px
}
#toggle-view .panel p
{
    margin-top:0
}
.the-icons
{
    margin:0;
    padding:0
}
.the-icons li i
{
    font-size:21px;
    margin:0 3px 0 0
}
#toggle-view h3.ui-accordion-header
{
    margin-top:5px
}
.features-check-list
{
    list-style:none outside none;
    margin:0;
    padding:0;
    padding-left:5px;
    margin-top:20px;
    margin-bottom:20px;
    direction: rtl;
    text-align: right;
}
.features-check-list >li:before
{
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(../images/features-check-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/features-check-icon.png*/;
    background-position:0 center;
    background-repeat:no-repeat;
    height:40px;
    right:0;
    width:40px
}
.features-check-list >li:before
{
    content:"";
    position:absolute
}
.features-check-list >li
{
    padding-right:45px;
    position:relative;
    line-height:40px
}
.box-icon
{
    margin-top:15px
}
.box-icon:first-child
{
    margin-top:20px
}
.box-icon i
{
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    color:#fff;
    background-color:#1bbc9b;
    float:right;
    font-size:18px;
    margin: 0;
    text-align:center;
    height:44px;
    width:44px;
    padding-top:12px;
    margin-right:15px;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.box-icon:hover i
{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    background-color:#535961
}
.box-icon-container p
{
    margin:0
}
.box-icon p,.box-icon h3
{
    margin:0;
    padding:0 70px 0 0;
    text-align: right;
}
.box-icon h3
{
    color:#535961;
    font-size:16px;
    line-height:25px;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    text-align: right;
    padding: 0 70px 0 0;

}
.footer-content-container
{
    background-color:#535961;
    padding:15px
}
footer
{
    color:#d1d1d1
}
.caption.footer-block
{
    color:#fff;
    background-color:#2f343a;
    display:inline-block;
    padding:20px 20px 20px 20px;
    margin:0
}
.right
{
    float:right
}
.left
{
    float:left
}
.right-text
{
    text-align:right
}
.center-text
{
    text-align:center
}
.footer-content-bg
{
    background-color:#b3b6ba
}
footer .caption
{
    float:none;
    color:#fff
}
.logo-footer
{
    background-image:url(../images/logo-footer.png)/*tpa=http://temphaa.com/Demo/felius/images/logo-footer.png*/;
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    height:15px;
    width:88px;
    margin-bottom:8px;
    margin-top:8px
}
footer h3,footer h4
{
    font-weight:normal
}
ul.latest-post li
{
    background-color:#535961;
    display:block;
    margin-left:38px;
    padding-top:9px;
    padding-right:15px;
    padding-bottom:11px;
    padding-left:15px;
    position:relative;
    margin-bottom:12px
}
.standart-post:before,.standart-post:after
{
    content:'';
    position:absolute
}
.standart-post:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon-standart-post.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-standart-post.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.image-post:before,.image-post:after
{
    content:'';
    position:absolute
}
.image-post:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon-image-post.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-image-post.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.video-post:before,.video-post:after
{
    content:'';
    position:absolute
}
.video-post:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon-video-post.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-video-post.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.footer-loc:before,.footer-loc:after
{
    content:'';
    position:absolute
}
.footer-loc:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon_footer_loc.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.footer-phone:before,.footer-phone:after
{
    content:'';
    position:absolute
}
.footer-phone:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon_footer_phone.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.footer-mail:before,.footer-mail:after
{
    content:'';
    position:absolute
}
.footer-mail:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon_footer_mail.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.latest-post h4
{
    line-height:18px;
    padding:0;
    margin:0
}
.latest-post h4 a
{
    color:#fff;
    font-weight:normal;
    font-size:12px
}
.latest-post h4 a:hover
{
    color:#1bbc9b
}
ul.latest-post
{
    padding:0;
    margin:0
}
.date-post-footer
{
    color:#d1d1d1;
    font-size:11px;
    line-height:11px;
    font-style:italic
}
.footer-mail a
{
    color:#fff
}
.footer-mail a:hover
{
    color:#1bbc9b
}
.footer-copyright-bg
{
    color:#a1a1a1;
    background-color:#41281B;


}
.footer-copyright-bg .footer-menu-container
{
    padding-top:25px;
    padding-bottom:20px;
    float:right;
}
.footer-copyright-container
{
    float:left;
    margin-top:26px
}
.footer-menu
{
    padding:0px;
    margin:0px;
    list-style:none
}
#footer-nav li
{
    background:none repeat scroll 0 0 transparent;
    display:inline-block;
    list-style:none outside none;
    margin:0 -3px 0 0
}
#footer-nav li:first-child a
{
    padding-left:0
}
#footer-nav li a
{
    display:block;
    padding:0 15px;
    color:#ffffff;
    text-transform:uppercase;
    font-size:17px;
    font-family: BYekan, Arial, Helvetica, sans-serif;
}
#footer-nav li a:hover
{
    color:#1bbc9b
}
#footer-nav li:last-child a
{
    padding-right:0
}
a.author
{
    color:#cecece
}
a.author:hover
{
    color:#1bbc9b
}
footer a.r-m-plus
{
    color:#fff
}
footer .r-m-plus:after
{
    background:#404040;
    background-image:url(../images/plus.png)/*tpa=http://temphaa.com/Demo/felius/images/plus.png*/;
    background-position:center center;
    background-repeat:no-repeat
}
.tweet_list
{
    margin:0;
    padding:0
}
.tweet_list li
{
    padding-bottom:12px;
    padding-top:0px
}
.tweet_list li:last-child
{
    border:none;
    padding-bottom:0px
}
.tweet_time
{
    display:block;
    text-align:right
}
.tweet_time a
{
    color:#d1d1d1;
    font-style:italic;
    background-color:#7c8187;
    padding-top:7px;
    padding-right:10px;
    padding-bottom:7px;
    padding-left:10px;
    line-height:31px
}
.at
{
    color:#fff
}
.tweet_text a
{
    color:#fff
}
.tweet_text a:hover,.tweet_time a:hover
{
    color:#1bbc9b
}
.tweet_text
{
    background-color:#535961;
    display:block;
    margin-left:38px;
    padding-top:9px;
    padding-right:15px;
    padding-bottom:11px;
    padding-left:15px;
    position:relative;
    word-wrap:break-word
}
.tweet_text:before,.tweet_text:after
{
    content:'';
    position:absolute
}
.tweet_text:after
{
    top:0px;
    left:-38px;
    width:38px;
    height:38px;
    background-image:url(../images/icon-twitter.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-twitter.png*/;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#2f343a
}
.first-column
{
    width:210px;
    height:auto;
    float:left
}
.first-column ul
{
    margin:141px 0 0 0
}
.first-column ul li
{
    width:100%;
    height:40px;
    background:#f5f5f5;
    margin:0;
    display:block;
    color:#6b6b6b;
    font-size:12px;
    line-height:40px;
    text-indent:20px
}
.first-column ul li.alt
{
    background:#fafafa
}
.price-col-gray
{
    float:left;
    width:229px;
    height:auto;
    text-align:center;
    margin:10px 0 0 5px
}
.m-left-0
{
    margin-left:0 !important
}
.price-col-gray h1
{
    margin:0;
    padding-bottom:5px;
    padding-top:5px;
    height:40px;
    display:block;
    background-color:#535961;
    color:#fcfcfc;
    text-transform:uppercase;
    font-size:24px;
    line-height:40px;
    font-weight:normal;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.month
{
    color:#808080;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:14px;
    background-color:#fff;
    padding:14px 0 14px 0;
    margin:0
}
.price-col-gray ul
{
    margin:0;
    padding:0
}
.price-col-gray ul li
{
    height:40px;
    background:#f5f5f5;
    margin:0;
    display:block;
    color:#6b6b6b;
    font-size:12px;
    line-height:40px;
    text-align:center
}
.price-col-gray ul li:nth-child(2n)
{
    background:#fff
}
.price-button-container
{
    background-color:#f5f5f5;
    padding-bottom:20px;
    padding-top:20px
}
.price-marginleft-20
{
    margin-left:-20px
}
.price-col-main
{
    float:left;
    width:234px;
    height:auto;
    text-align:center;
    margin:0 0 0 2px;
    position:relative;
    z-index:20;
    left:-10px
}
.price-col-main h1
{
    margin:0;
    padding-bottom:10px;
    padding-top:10px;
    height:49px;
    display:block;
    background-color:#535961;
    color:#fff;
    text-transform:uppercase;
    font-size:24px;
    line-height:49px;
    font-weight:normal;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.price-col-main p.white
{
    height:30px;
    font-size:12px;
    font-weight:normal;
    display:block;
    background:#ffbe11;
    color:#fff;
    margin:0
}
.price-col-main ul
{
    margin:0;
    padding:0
}
.price-col-main ul li
{
    height:40px;
    background:#f5f5f5;
    margin:0;
    display:block;
    color:#6b6b6b;
    font-size:12px;
    line-height:40px;
    text-align:center
}
.price-col-main ul li:nth-child(2n)
{
    background:#fff
}
.col-border
{
    border:1px solid #d1d1d1
}
.price-col-main .col-border
{
    box-shadow:0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 10px rgba(0,0,0,0.2);
    -ms-box-shadow:0 0 10px rgba(0,0,0,0.2)
}
.currency,.price,.cents
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    display:inline-block;
    color:#fff
}
.price-col-main .currency,.price-col-main .price,.price-col-main .cents
{
    color:#fff
}
.currency
{
    font-size:30px
}
.price
{
    font-size:60px;
    line-height:50px
}
.cents
{
    font-size:30px;
    position:absolute;
    top:19px
}
.price-container
{
    position:relative;
    padding-bottom:10px;
    padding-top:15px;
    background-color:#d6d6d6
}
.cents-cont
{
    width:5px
}
.place
{
    display:inline-block;
    height:10px;
    width:25px
}
.price-col-main .price-container
{
    background-color:#1bbc9b
}
.place2
{
    display:inline-block;
    height:13px;
    width:35px;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    font-size:14px;
    color:#bcbcbc
}
.price-col-gray2
{
    float:left;
    width:223px;
    height:auto;
    text-align:center;
    margin:0px 0 0 5px
}
.price-col-gray2 h1
{
    margin:0;
    padding-bottom:0px;
    padding-top:30px;
    height:70px;
    display:block;
    background-color:#fff;
    color:#535961;
    text-transform:uppercase;
    font-size:34px;
    line-height:40px;
    font-weight:normal;
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.price-col-gray2 ul
{
    margin:0;
    padding:0
}
.price-col-gray2 ul li
{
    height:40px;
    background:#f5f5f5;
    margin:0;
    display:block;
    color:#6b6b6b;
    font-size:12px;
    line-height:40px;
    text-align:center
}
.price-col-gray2 ul li:nth-child(2n)
{
    background:#fff
}
.price-container2
{
    background-color:#535961;
    padding-bottom:10px;
    padding-top:15px;
    position:relative
}
.col-border2
{
    border:1px solid #D1D1D1;
    margin-bottom:1px
}
.pt-col-main
{
    background-color:#1bbc9b
}
h1.pt-col-main
{
    background-color:#1bbc9b;
    color:#fff
}
.pt-col-main .currency,.pt-col-main .price,.pt-col-main .cents,.pt-col-main .place2
{
    color:#fff
}
li [class^="icon-"],.nav li [class^="icon-"],li [class*="icon-"],.nav li [class*="icon-"]
{
    display:inline-block;
    text-align:center;
    width:1.25em
}
.img-about
{
    margin-left:5px;
    margin-right:5px;
    margin-top:20px
}
.team-name h5
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif
}
.team-name span
{
    color:#888;
    display:block;
    font-weight:400
}
button
{
    border:none;
    cursor:pointer;
    text-decoration:none;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.button
{
    font-family:'OswaldLight',Arial,Helvetica,sans-serif;
    background-color:#1bbc9b;
    color:#fff;
    border:none;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.button:hover
{
    background-color:#535961;
    color:#fff;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.button.medium
{
    font-size:14px;
    line-height:36px;
    height:36px;
    padding:0px 20px 0px 20px;
    display:inline-block
}
.button.large
{
    font-size:20px;
    line-height:20px;
    padding:15px 39px 15px 39px;
    display:inline-block
}
.button.small
{
    font-size:12px;
    line-height:16px;
    padding:6px 10px 7px 10px;
    display:inline-block
}
.button.yellow
{
    background-color:#e8a900;
    color:#fff;
    border:none
}
.button.yellow:hover
{
    background-color:#535961
}
.button.blue
{
    background-color:#3598db;
    color:#fff
}
.button.blue:hover
{
    background-color:#535961
}
.button.aqua
{
    background-color:#1bbc9b;
    color:#fff
}
.button.aqua:hover
{
    background-color:#535961
}
.button.gray
{
    color:#fff;
    background-color:#535961;
    border:none
}
.button.gray:hover
{
    background-color:#1bbc9b;
    cursor:pointer
}
.button.orange
{
    color:#fff;
    background-color:#e77e23;
    border:none
}
.button.orange:hover
{
    background-color:#535961;
    cursor:pointer
}
.button.green
{
    color:#fff;
    background-color:#2dcc70;
    border:none
}
.button.green:hover
{
    background-color:#535961;
    cursor:pointer
}
.demo-buttons a
{
    margin-bottom:5px
}
.button i
{
    margin:0 5px 0 -1px
}
.button.medium i,.button.medium-border i
{
    margin:0 6px 0 -4px
}
.button.large i,.button.large-border i
{
    margin:0 10px 0 -15px
}
.button.black
{
    font-family:'Open Sans',sans-serif;
    color:#fff;
    font-style:normal;
    background-color:#4d4d4d
}
.button.black:hover
{
    background-color:#575757
}
a
{
    color:#1BBC9B;
    text-decoration:none;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
a:hover
{
    color:#2f343a;
    text-decoration:none;
    transition:all 0.3s ease 0s;
    -webkit-transition-duration:0.3s;
    -webkit-transition-timing-function:ease
}
.a-invert
{
    color:#535961
}
.a-invert:hover
{
    color:#1bbc9b
}
.button.get-theme
{
    font-size:14px;
    padding:10px 17px 10px 40px;
    background-color:#1bbc9b;
    background:url(../images/icon-get-theme.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-get-theme.png*/ no-repeat scroll 14px center;
    display:inline-block
}
.button.get-theme:hover
{
    background-color:#535961
}
.m-bot-15
{
    margin-bottom:15px !important
}
.m-bot-20
{
    margin-bottom:20px !important
}
.m-bot-25
{
    margin-bottom:25px !important
}
.m-top-25
{
    margin-top:25px !important
}
.m-bot-30
{
    margin-bottom:30px !important
}
.m-bot-35
{
    margin-bottom:35px !important
}
.m-bot-50
{
    margin-bottom:50px !important
}
.m-bot-135
{
    margin-bottom:135px !important
}
.m-none
{
    margin:0 !important
}
.m-minus,.m-minus-main
{
    margin-top:-58px !important
}
.m-t-b-10
{
    margin-top:10px;
    margin-bottom:10px
}
.m-b-20
{
    margin-bottom:20px
}
.pad-b-0
{
    padding-bottom:0px !important
}
.pad-t-15
{
    padding-top:15px !important
}
.view .mask,.view .content
{
    position:absolute;
    overflow:hidden;
    top:0;
    left:0;
    text-align:center
}
.view img
{
    display:block;
    position:relative
}
.view a.link
{
    padding:0;
    margin:0;
    height:44px;
    width:44px;
    display:block;
    /**/float:left;
    text-decoration:none;
    background-color:#1bbc9b;
    background-image:url(../images/link-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/link-icon.png*/;
    background-repeat:no-repeat;
    background-position:center center
}
.view a.zoom
{
    padding:0;
    margin:0;
    height:44px;
    width:44px;
    display:block;
    /**/float:left;
    text-decoration:none;
    background-color:#1bbc9b;
    background-image:url(../images/zoom-icon.png)/*tpa=http://temphaa.com/Demo/felius/images/zoom-icon.png*/;
    background-repeat:no-repeat;
    background-position:center center
}
.view a.zoom:hover,.view a.link:hover
{
    background-color:#2f343a
}
.hover-item img
{
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    transition:all 0.5s linear
}
.hover-item .abs
{
    position:absolute;
    bottom:-47px;
    left:0px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.hover-item:hover .abs
{
    bottom:0px;
    left:0px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.portfolio-item .hover-item .abs
{
    position:absolute;
    bottom:-47px;
    left:0px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.portfolio-item .hover-item:hover .abs
{
    bottom:0px;
    left:0px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.blog-item .hover-item .abs
{
    position:absolute;
    bottom:-47px;
    left:15px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.blog-item .hover-item:hover .abs
{
    bottom:0px;
    left:15px;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.hover-item:hover
{
    background-color:#535961;
    color:#fff !important;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -o-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s
}
.hover-item:hover .item-caption,.hover-item:hover .lw-item-caption-container a
{
    color:#fff !important;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.hover-item:hover .lw-item-caption-container a:hover
{
    color:#1bbc9b !important;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -o-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s
}
.view-first a.info
{
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
}
.hover-item:hover img
{
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transform:scale(1.2)
}
body.safari .jcarousel .hover-item:hover img
{
    transform:scale(1) !important;
    -webkit-transform:scale(1) !important
}
body.safari .jcarousel .hover-item img
{
    -webkit-transition:none !important;
    transition:none !important
}
.blog-item .view .mask h2
{
    margin-bottom:25px;
    margin-top:80px
}
.view-first:hover p
{
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    -ms-transition-delay:0.1s;
    transition-delay:0.1s
}
.view-first:hover a.info
{
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    -ms-transition-delay:0.2s;
    transition-delay:0.2s
}
#back-top
{
    position:fixed;
    bottom:45px;
    right:25px;
    padding:0;
    margin:0
}
#back-top a
{
    text-decoration:none;
    width:38px;
    height:38px;
    display:block;
    background-color:#41281B;
    background-image:url(../images/back-top.png)/*tpa=http://temphaa.com/Demo/felius/images/back-top.png*/;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #2ecc71;
}
#back-top a:hover
{
    background-color:#1bbc9b
}
.center
{
    margin:0 auto;
    max-width:960px;
    width:100%
}
@media only screen and (min-width:768px) and (max-width:959px)
{
    #fdw nav ul li
    {
        margin-left:12px
    }

}
@media only screen and (max-width:767px)
{
    nav#main-nav ul
    {
        display:none
    }
    nav#main-nav select
    {
        width:420px;
        display:block;
        margin-top:0px;
        margin-bottom:0px;
        cursor:pointer;
        padding:10px;
        border:none;
        color:#777;
        font-family:'OswaldLight',Arial,Helvetica,sans-serif
    }

}
@media only screen and (min-width:768px) and (max-width:959px)
{
    .header-rl-container
    {
        width:579px
    }
    html body div.jcarousel
    {
        padding-bottom:1px
    }
    .buy-now-text-container
    {
        width:555px
    }
    .side-box-bg.buy-now
    {
        height:116px
    }
    .box2-text-container h3.long-text
    {
        padding:26px 20px 0px 115px
    }
    .box3-text-container h3.long-text
    {
        padding:30px 20px 0px 115px
    }
    .error404-main-text h2
    {
        margin-left:40px
    }
    .error404-numb
    {
        font-size:180px;
        line-height:180px;
        margin-right:40px
    }
    .error404-text
    {
        margin-right:25px;
        font-size:55px;
        line-height:55px
    }
    .field-1-3 input
    {
        width:172px;
        margin-right:20px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .field-1-1 textarea
    {
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
        width:556px
    }
    #contact-form .iconed-box
    {
        padding-left:20px;
        width:172px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .nl-text
    {
        display:none
    }
    .nl-text-container.part
    {
        width:282px
    }
    .lp-title-cont
    {
        width:95px
    }
    .our-clients-container li:nth-child(5)
    {
        display:none
    }
    .our-clients-container li
    {
        width:187px
    }
    .blog-info-container ul li.tag
    {
        display:none
    }
    ul#flickrfeed li a img
    {
        height:73px;
        width:73px
    }
    .field-1-1-comment textarea
    {
        width:508px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .field-1-2-comment input
    {
        width:244px;
        margin-right:20px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .leave-comment-container #contact-form .iconed-box
    {
        padding-left:60px;
        width:244px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .price-col-gray
    {
        width:181px
    }
    .price-col-main
    {
        width:186px
    }
    .pricebox-marginleft
    {
        margin-left:-20px
    }
    .price-col-gray2
    {
        width:175px
    }

}
@media only screen and (max-width:767px)
{
    nav#main-nav select
    {
        width:300px
    }
    .header-rl-container
    {
        width:300px
    }
    .search-text
    {
        width:100;

    }
    .footer-copyright-bg
    {
        padding-top:5px;
        padding-bottom:20px
    }
    #footer-nav li
    {
        display:list-item
    }
    #footer-nav li a
    {
        color:#A1A1A1;
        padding:0;
        padding-bottom:10px;
        padding-top:10px
    }
    .footer-copyright-bg .footer-menu-container
    {
        float:none;
        padding-bottom:15px;
        padding-top:5px
    }
    .footer-copyright-container
    {
        float:none;
        margin-top:0px;
        text-align:center !important;
        color:#7c8187
    }
    .features-demo article:first-child
    {
        margin-top:0 !important
    }
    .caption-block
    {
        right:0px
    }
    .buy-now-text-container
    {
        width:270px
    }
    .side-box-bg.buy-now
    {
        display:none
    }
    .button-buy-container
    {
        margin-left:75px
    }
    .field-1-3 input
    {
        width:300px;
        margin-right:0px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .field-1-1 textarea
    {
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
        width:300px
    }
    #contact-form .iconed-box
    {
        padding-left:60px;
        width:300px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .error404-main-text h2
    {
        font-size:18px;
        line-height:22px
    }
    .error404-numb
    {
        font-size:120px;
        line-height:120px;
        margin-right:30px
    }
    .error404-text
    {
        font-size:30px;
        line-height:30px;
        margin-left:34px
    }
    .error404-container
    {
        margin-top:35px
    }
    .error404-main-text
    {
        margin-right:20px;
        margin-bottom:50px
    }
    .nl-text
    {
        display:none
    }
    .nl-text-container.part
    {
        width:1px
    }
    .nl-text-container .caption
    {
        display:none
    }
    .newsletterform input
    {
        width:128px
    }
    .nl-img-container
    {
        display:none
    }
    .sixteen .side-box-bg.news-letter.hide
    {
        display:none
    }
    .our-clients-container li:nth-child(5)
    {
        display:none
    }
    .our-clients-container li:nth-child(4)
    {
        display:none
    }
    .our-clients-container li:nth-child(3)
    {
        display:none
    }
    .our-clients-container li:nth-child(2)
    {
        display:none
    }
    .our-clients-container li
    {
        margin-left:55px
    }
    .m-minus
    {
        margin-top:0 !important
    }
    #back-top
    {
        position:fixed;
        bottom:40px;
        right:10px;
        padding:0;
        margin:0
    }
    .lp-title-cont
    {
        width:175px
    }
    .blog-info-container ul li.tag
    {
        display:none
    }
    .blog-info-container ul li.view
    {
        display:none
    }
    ul#flickrfeed li a img
    {
        height:100px;
        width:100px
    }
    .field-1-1-comment textarea
    {
        width:300px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .field-1-2-comment input
    {
        width:300px;
        margin-right:0px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .leave-comment-container #contact-form .iconed-box
    {
        padding-left:60px;
        width:300px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .comment-head .right
    {
        border-top:1px solid #cecece;
        border-left:1px solid #cecece
    }
    .comment-name
    {
        margin-bottom:9px
    }
    .comment-desc
    {
        margin-left:5px;
        margin-right:5px
    }
    .price-col-gray,.price-col-main,.price-col-gray2
    {
        float:none;
        width:268px;
        left:0;
        margin:0 auto 20px !important
    }

}
@media only screen and (min-width:480px) and (max-width:767px)
{
    nav#main-nav select
    {
        width:420px;
        display:block
    }
    .header-rl-container
    {
        width:420px
    }
    .header-rr-container
    {
        margin-bottom:10px;
        margin-top:25px
    }
    .search-text
    {
        width:75px
    }
    .footer-copyright-bg .footer-menu-container
    {
        float:none;
        padding-bottom:15px;
        padding-top:5px
    }
    .footer-copyright-container
    {
        float:none;
        margin-top:0px;
        text-align:center !important
    }
    .caption-block
    {
        right:0px
    }
    .buy-now-text-container
    {
        width:390px
    }
    .button-buy-container
    {
        margin-left:135px
    }
    .side-box-bg.buy-now
    {
        display:none
    }
    .field-1-3 input
    {
        width:420px;
        margin-right:0px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .field-1-1 textarea
    {
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
        width:420px
    }
    #contact-form .iconed-box
    {
        padding-left:60px;
        width:420px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .error404-main-text h2
    {
        font-size:18px;
        line-height:22x
    }
    .error404-numb
    {
        font-size:120px;
        line-height:120px
    }
    .error404-text
    {
        font-size:28px;
        line-height:32px
    }
    .error404-container
    {
        margin-top:55px
    }
    .nl-text
    {
        display:none
    }
    .nl-text-container.part
    {
        width:1px
    }
    .nl-text-container .caption
    {
        display:none
    }
    .newsletterform input
    {
        width:167px
    }
    .nl-img-container
    {
        display:block
    }
    .sixteen .side-box-bg.news-letter.hide
    {
        display:block
    }
    .features-demo article:first-child
    {
        margin-top:0 !important
    }
    .our-clients-container li:nth-child(5)
    {
        display:none
    }
    .our-clients-container li:nth-child(4)
    {
        display:none
    }
    .our-clients-container li:nth-child(3)
    {
        display:none
    }
    .our-clients-container li:nth-child(2)
    {
        display:block
    }
    .our-clients-container li
    {
        margin-right:11px;
        margin-left:11px
    }
    .m-minus
    {
        margin-top:0 !important
    }
    #back-top
    {
        position:fixed;
        bottom:45px;
        right:10px;
        padding:0;
        margin:0
    }
    .lp-title-cont
    {
        width:295px
    }
    .blog-info-container ul li.tag
    {
        display:none
    }
    .blog-info-container ul li.view
    {
        display:list-item
    }
    ul#flickrfeed li a img
    {
        width:70px;
        height:70px
    }
    .field-1-1-comment textarea
    {
        width:420px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .field-1-2-comment input
    {
        width:420px;
        margin-right:0px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .leave-comment-container #contact-form .iconed-box
    {
        padding-left:60px;
        width:420px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box
    }
    .comment-head .right
    {
        border:none
    }
    .price-col-gray,.price-col-main,.price-col-gray2
    {
        float:none;
        width:268px;
        left:0;
        margin:0 auto 20px !important
    }

}
@media (-Webkit-min-device-pixel-ratio:1.5), (-moz-min-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-device-pixel-ratio:1.5), (min-resolution:1.5dppx)
{
    .logo
    {
        background:url(../images/logo@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/logo@2x.png*/ no-repeat;
        background-size:59px  auto;
        background-position:center center
    }
    .search-submit
    {
        background-image:url(../images/search-submit@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/search-submit@2x.png*/ !important;
        background-size:12px  auto !important
    }
    #facebook-link
    {
        background-image:url(../images/social/facebook@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/facebook@2x.png*/;
        background-size:24px  auto
    }
    #dribbble-link
    {
        background-image:url(../images/social/dribbble@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/dribbble@2x.png*/;
        background-size:24px  auto
    }
    #flickr-link
    {
        background-image:url(../images/social/flickr@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/flickr@2x.png*/;
        background-size:24px  auto
    }
    #googleplus-link
    {
        background-image:url(../images/social/googleplus@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/googleplus@2x.png*/;
        background-size:24px  auto
    }
    #linkedin-link
    {
        background-image:url(../images/social/linkedin@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/linkedin@2x.png*/;
        background-size:24px  auto
    }
    #pintrest-link
    {
        background-image:url(../images/social/pintrest@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/pintrest@2x.png*/;
        background-size:24px  auto
    }
    #rss-link
    {
        background-image:url(../images/social/rss@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/rss@2x.png*/;
        background-size:24px  auto
    }
    #skype-link
    {
        background-image:url(../images/social/skype@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/skype@2x.png*/;
        background-size:24px  auto
    }
    #twitter-link
    {
        background-image:url(../images/social/twitter@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/twitter@2x.png*/;
        background-size:24px  auto
    }
    #vimeo-link
    {
        background-image:url(../images/social/vimeo@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/social/vimeo@2x.png*/;
        background-size:24px  auto
    }
    .img-holder.comp
    {
        background-image:url(../images/icon-comp@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-comp@2x.png*/;
        background-size:auto 60px
    }
    .img-holder.seo
    {
        background-image:url(../images/icon-seo@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-seo@2x.png*/;
        background-size:auto 60px
    }
    .img-holder.gears
    {
        background-image:url(../images/icon-gears@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-gears@2x.png*/;
        background-size:auto 60px
    }
    .jcarousel-prev
    {
        background-image:url(../images/prev-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small@2x.png*/;
        background-size:auto 9px
    }
    .jcarousel-next
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/;
        background-size:auto 9px
    }
    .features-check-list >li:before
    {
        background-image:url(../images/features-check-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/features-check-icon@2x.png*/;
        background-size:auto 30px
    }
    .portfolio-check-list >li:before
    {
        background-image:url(../images/features-check-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/features-check-icon@2x.png*/;
        background-size:auto 30px
    }
    .standart-post:after
    {
        background-image:url(../images/icon-standart-post@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-standart-post@2x.png*/;
        background-size:auto 19px
    }
    .image-post:after
    {
        background-image:url(../images/icon-image-post@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-image-post@2x.png*/;
        background-size:auto 19px
    }
    .video-post:after
    {
        background-image:url(../images/icon-video-post@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-video-post@2x.png*/;
        background-size:auto 19px
    }
    .footer-loc:after
    {
        background-image:url(../images/icon_footer_loc@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc@2x.png*/;
        background-size:auto 19px
    }
    .footer-phone:after
    {
        background-image:url(../images/icon_footer_phone@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone@2x.png*/;
        background-size:auto 19px
    }
    .footer-mail:after
    {
        background-image:url(../images/icon_footer_mail@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail@2x.png*/;
        background-size:auto 19px
    }
    #back-top a
    {
        background-image:url(../images/back-top@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/back-top@2x.png*/;
        background-size:auto 19px
    }
    .flex-direction-nav .flex-prev
    {
        background-image:url(../images/prev-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small@2x.png*/ !important;
        background-size:auto 19px !important
    }
    .flex-direction-nav .flex-next
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/ !important;
        background-size:auto 19px !important
    }
    .lp-item-text-container blockquote:before
    {
        background-image:url(../images/quote2@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/quote2@2x.png*/!important;
        background-size:auto 19px
    }
    .contact-loc:after
    {
        background-image:url(../images/icon_footer_loc@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc@2x.png*/;
        background-size:auto 19px
    }
    .contact-phone:after
    {
        background-image:url(../images/icon_footer_phone@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone@2x.png*/;
        background-size:auto 19px
    }
    .contact-mail:after
    {
        background-image:url(../images/icon_footer_mail@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail@2x.png*/;
        background-size:auto 19px
    }
    .view a.link
    {
        background-image:url(../images/link-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/link-icon@2x.png*/;
        background-size:21px auto
    }
    .view a.zoom
    {
        background-image:url(../images/zoom-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/zoom-icon@2x.png*/;
        background-size:21px auto
    }
    .quote-content
    {
        background-image:url(../images/quote@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/quote@2x.png*/;
        background-size:19px auto
    }
    .footer-content-bg a.scrollup
    {
        background-image:url(../images/scrollup@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/scrollup@2x.png*/;
        background-size:32px auto
    }
    .logo-footer
    {
        background-image:url(../images/logo-footer@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/logo-footer@2x.png*/;
        background-size:88px auto
    }
    .r-m-plus:after
    {
        background:url(../images/plus@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/plus@2x.png*/ no-repeat scroll center center #535961;
        background-size:7px auto
    }
    footer .r-m-plus:after
    {
        background:url(../images/plus@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/plus@2x.png*/ no-repeat scroll center center #404040;
        background-size:7px auto
    }
    .icon_mail
    {
        background:url(../images/icon_footer_mail@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail@2x.png*/ no-repeat scroll left 5px transparent;
        background-size:14px auto
    }
    .icon_phone
    {
        background:url(../images/icon_footer_phone@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone@2x.png*/ no-repeat scroll left 4px transparent;
        background-size:14px auto
    }
    .icon_loc
    {
        background:url(../images/icon_footer_loc@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc@2x.png*/ no-repeat scroll left 3px transparent;
        background-size:14px auto
    }
    .contact-info-page .icon_loc
    {
        background:url(../images/icon_footer_loc@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_loc@2x.png*/ no-repeat scroll 15px 13px transparent;
        background-size:14px auto
    }
    .contact-info-page .icon_phone
    {
        background:url(../images/icon_footer_phone@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_phone@2x.png*/ no-repeat scroll 15px 14px transparent;
        background-size:14px auto
    }
    .contact-info-page .icon_mail
    {
        background:url(../images/icon_footer_mail@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon_footer_mail@2x.png*/ no-repeat scroll 15px 14px transparent;
        background-size:14px auto
    }
    .button.get-theme
    {
        background:url(../images/icon-get-theme@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/icon-get-theme@2x.png*/ no-repeat scroll 14px center;
        background-size:17px auto
    }
    .iconed-box:before
    {
        background-image:url(../images/box-icons@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/box-icons@2x.png*/;
        background-size:144px auto
    }
    .styled-list >li:before
    {
        background-image:url(../images/list-icons@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/list-icons@2x.png*/;
        background-size:15px 105px
    }
    .ui-accordion-header span
    {
        background-image:url(../images/plus@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/plus@2x.png*/;
        background-size:7px auto
    }
    .ui-accordion-header-active span
    {
        background-image:url(../images/minus@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/minus@2x.png*/;
        background-size:7px auto
    }
    .portfolio-pagination .pag-prev
    {
        background-image:url(../images/prev-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small@2x.png*/;
        background-size:9px auto
    }
    .portfolio-pagination .pag-next
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/;
        background-size:9px auto
    }
    .port-cat-icon
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/;
        background-size:9px auto
    }
    blockquote:before
    {
        background-image:url(../images/quote@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/quote@2x.png*/ !important;
        background-size:19px auto !important
    }
    .blog-info-container ul li.author
    {
        background-image:url(../images/author-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/author-icon@2x.png*/;
        background-size:13px auto
    }
    .blog-info-container ul li.view
    {
        background-image:url(../images/view-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/view-icon@2x.png*/;
        background-size:16px auto
    }
    .blog-info-container ul li.comment
    {
        background-image:url(../images/comment-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/comment-icon@2x.png*/;
        background-size:13px auto
    }
    .blog-info-container ul li.tag
    {
        background-image:url(../images/tag-icon@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/tag-icon@2x.png*/;
        background-size:13px auto
    }
    .blog-cat-icon
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/;
        background-size:9px auto
    }
    .pagination-1 .pag-prev
    {
        background-image:url(../images/prev-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small@2x.png*/;
        background-size:9px auto
    }
    .pagination-1 a.pag-prev:hover
    {
        background-image:url(../images/prev-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/prev-small@2x.png*/;
        background-size:9px auto
    }
    .pagination-1 .pag-next
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/;
        background-size:9px auto
    }
    .pagination-1 a.pag-next:hover
    {
        background-image:url(../images/next-small@2x.png)/*tpa=http://temphaa.com/Demo/felius/images/next-small@2x.png*/;
        background-size:9px auto
    }
    .nl-form-part-container
    {
        padding-bottom:16px
    }

}
h1.BYekan.showafterload{
	visibility: hidden;
}

/*this.stylesheet.insertRule(this.keyframes(animation), this.stylesheet.rules.length);*/