/* ==============================================================
----------- Template name : Cleaner creative template -----------
---------------------- Author : 99webpage -----------------------
------------------------ Version : 1.0 --------------------------
================================================================= */


/************ Top area *****************/
#top{
        background:#080808;
        width:100%;
        padding:15px 0 5px 0;
}
.open{
        width:100%;
        height:auto;
        border-top:8px solid #080808;
        margin:0;
        padding:0;
}
.open a{
        float:right;
        background: #080808 url(../images/plus.png) no-repeat 9px 6px;
        padding:0 10px 3px 23px;
        display:none;
        cursor:pointer;
        color:#fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin-top:-5px;
}
.open a.active{
        background: #080808 url(../images/min.png) no-repeat 9px 8px;
        padding-top:3px;
        color:#fcfcfc;
}
ul.search{
        float:left;
        background: url(../images/vdark-line.png) repeat-y top left;
        padding:5px 0px 5px 34px;
        margin:20px 0px 0px 0px;
}
ul.search li{
        float:left;
        margin:0 15px 0 0;
        padding:0 0 0 0;
}
ul.search li.last{
        margin-right:0;
}
input.search-input{
        width:267px;
        padding:10px;
        border:1px solid #000;
        background:#fcfcfc;
        margin:0;
        color:#393939;
}
input.search-input:focus{
        color:#080808;
        -moz-box-shadow: inset 0 0 5px #888;
        -webkit-box-shadow: inset 0 0 5px#888;
        box-shadow: inner 0 0 5px #888;;
}
.search-btn{
        margin:0px;
        padding:10px 29px 9px 29px;
        border:none;
        cursor:pointer;
        background:#fcfcfc;
        color:#000;
}
.search-btn:active{
        border:none;
}

/************ Header area *****************/
#header-wrapper{
        width:100%;
        height:auto;
}
.header{
        width:100%;
        height:auto;
        position:relative;
}
#header-wrapper .row, #header-wrapper .column{
        overflow:visible;
}
/****** Logo ******/

#logo h1 {
        margin:0;
        padding:0;
}
#logo {
        width:200px;
        height:200px;
        float:left;
    background:url(../images/logo2.png) no-repeat top left;
        margin-top:5px;
        position:absolute;
        top:0px;
        left:0px;
        text-indent:-9999px;
        z-index:9200;
}

#logo a {
        display:block;
        height:100%;
        width:100%;
}

/******* top menu navigation *******/

#nav {
        margin:50px 0px 0px 0px;
        padding-left:35px;
        float:right;
        position:relative;
        width: auto;
        border-bottom:1px solid #080808
}
.jqueryslidemenu {
        float:right;
        width: auto;
}
.jqueryslidemenu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        z-index:99999;
        float:right;
}

/* Mobile setting */
.jqueryslidemenu ul select{
        display:none;
        width:100%;
        border:1px solid #080808;
        color:#080808;
}

/*Top level list items*/
.jqueryslidemenu ul li {
        position: relative;
        display: inline;
        float: left;
        padding: 0px 30px 5px 30px;
        background: url(../images/navi-li.png) no-repeat bottom left;
        font-size:16px;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a {
        display: block;
        text-decoration: none;
        color:#080808;
}
.jqueryslidemenu ul li a.parent{
        background: url(../images/plus-dark.png) no-repeat left 5px;
        padding-left:17px;
}

* html .jqueryslidemenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
        display: inline-block;
}
.jqueryslidemenu ul li a:hover {
        background: transparent; /*tab link background during hover state*/
}
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
        position: absolute;
        left: 0;
        display: block;
        visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li {
        display: list-item;
        float: none;
        font-size:12px;
        width: 160px; /*width of sub menus*/
        height:auto;
        padding: 0;
        margin:0 0 1px 0;
        background:#080808;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a {
        margin: 0;
        border-top: none;
        padding: 7px 14px 6px 14px;
        height:auto;
        color:#fcfcfc;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-size:14px;
}
.jqueryslidemenu ul li ul li a span{
        display:none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul {
        top: 0;
        padding:0;
        margin-left:-2px;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul li{
        border-left:1px solid #fff;
}

.downarrowclass {
        position: absolute;
        top: 12px;
        right: 7px;
}
.rightarrowclass {
        position: absolute;
        top: 6px;
        right: 5px;
}
/* -------------- fix ie8 --------------**/
@media \0screen {
#header        {
                padding:0px;

        }
        header li {
                float:left;
                height:50px;
        }

        .jqueryslidemenu ul li ul li {
                margin-bottom:0;
                border-bottom:1px solid #fff;
        }
}
/************ Featured area *************/
#featured{
        width:100%;
        margin-top:50px;
}

.slider-area{
        width:100%;
        height:450px;
        background:#f7f7f7;
        margin:0;
}
.static-header{
    width:100%;
        background:#000;
        position:relative;
}
.static-header h2{
        text-align:center;
        position:absolute;
        top:30px;
        left:0;
        width:100%;
}
/************ containt area *************/
#containt{
        float:left;
        width:100%;
        padding:0;
        margin:0;
}

#tagline{
        width:100%;
        border-top:1px solid #080808;
        border-bottom: 1px solid #080808;
        background:#f5f6f4;
        text-align:center;
        margin-bottom:35px;
        padding: 10px 0px 5px 0px;
}
#intro{
        width:100%;
        text-align:center;
}

#tagline h2, #intro h2{
        color:#080808;
        padding:5px 0px 5px 0px;
}
#tagline span, #intro span{
        color:#929292;
                font-family: 'OpenSansCondensedLight',Arial,sans-serif;
                font-size:15px
}
/* ---- Page title --- */
#page-title{
        background:#f5f6f4;
        border-bottom: 1px solid #080808;
        border-top: 1px solid #080808;
        margin-top: 50px;
        float:right;
        width:100%;
}
#page-title h3{
        text-transform:uppercase;
        margin:10px 0px 0px 20px;
        color:#080808;
}

ul#fade {
        list-style:none;
        float:right;
        padding:0;
        margin:15px 20px 0px 0px;
}
ul#fade li{
        background: url(../images/strive.png) no-repeat left 10px;
        padding:0px 0px 0px 25px;
        margin:0;
}
ul#fade p{
        padding:0;
        font-style:italic;
        font-variant:normal;
        font-weight:normal;
        font-size:12px;
        font-family:Georgia,sans-serif;
        color:#080808;
}
.bottom-tag-line{
        border-top: 1px solid #080808;
        padding-top:30px;
}
.bottom-tag-line h2{
        margin-bottom:0;
}
/* ---- Blog ---- */
.post-article{
        float:left;
        width:100%;
}
.post-article h3 a, .post-article h4 a{
        color:#1f1f1f;
}
ul.blog-meta, ul.blog-meta-line{
        float:left;
        width:100%;
        margin-bottom:10px;
        padding:0;
}
ul.blog-meta li{
        margin-bottom:10px;
}
ul.blog-meta-line li{
        float:left;
        margin-right:20px;
        margin-bottom:10px;
}
ul.blog-meta li span, ul.blog-meta-line span{
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-size:14px;
        color:#1f1f1f;
}
.date-post{
        float:left;
        background:#f9f9f9;
        margin-right:15px;
        color:#1f1f1f;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-size:16px;
}
span.date{
        float:left;
        width:100%;
        text-align:center;
        padding:10px 0px 10px 0px;
        font-size:18px;
}
span.month{
        float:left;
        width:100%;
        background:#1f1f1f;
        color:#fff;
        text-align:center;
        padding:0;
        font-size:12px;
        text-transform:uppercase;
}

/* ---- linklist --- */
ul.link-list li{
        padding:0px 0px 15px 0px;
        margin:0px 0px 15px 0px;
}
ul.link-list li a{
   display: block;
}

/* ---- Gray list ---- */
ul.check-list li{
        background:url(../images/list/gray-list.png) no-repeat left 3px;
        padding-left:21px;
        margin:0px 0px 10px 0px;
}

/* ---- Plus list ---- */
ul.plus-list li{
        background:url(../images/list/plus.png) no-repeat left 4px;
        padding-left:19px;
        margin:0px 0px 10px 0px;
}

/* ---- Arrow list ---- */
ul.arrow-list li{
        background:url(../images/list/arrow.png) no-repeat left 6px;
        padding-left:19px;
        margin:0px 0px 10px 0px;
}

/* ---- Dot list ---- */
ul.dot-list li{
        background:url(../images/list/dot.png) no-repeat left 6px;
        padding-left:15px;
        margin:0px 0px 10px 0px;
}

/* -------------- Sidebar ---------------- */

.sidebar{
        width:100%;
        margin:0px !important;
        padding:0px !important;
}
.sidebar-widget h1, .sidebar-widget h2, .sidebar-widget h3, .sidebar-widget h4{
        float:left;
        width:100%;
        padding-bottom:10px;
        margin-bottom:10px;
}
.sidebar-widget{
        float:left;
}

/* --- list widget --- */
ul.sidebar-list  li{
        float:left;
        background:url(../images/gray-line.png) repeat-x bottom left;
        width:100%;
}
ul.sidebar-list  li a{
        color:#929292;
}

/* --- recent-post --- */
ul.recent-post  li{
        float:left;
        background:url(../images/gray-line.png) repeat-x bottom left;
        width:100%;
        padding-bottom:20px;
}
ul.recent-post h5 a{
        color:#1f1f1f;
}

/* --- tag-widgett --- */
ul.tag-widget li{
        float:left;
        margin:0px 10px 10px 0px;
        background:#f7f7f7;
        padding:5px 10px 5px 10px;
}
ul.tag-widget li a{
        color:#929292;
        display:block;
}
ul.tag-widget li:hover a{
        text-decoration:none;
        color:#fff;
}

/* --- ads widget --- */

ul.ads-widget li{
        float:left;
        margin-right:20px;
        margin-bottom:20px;
}

ul.ads-widget li.omega{
        margin-right:0px;
}

ul.ads-widget li.last{
        margin-bottom:0px;
}

/* ----pagination --- */
.pagination{
        float:left;
}

.pagination span {
        margin-right:5px;
        float:left;
        margin-bottom:5px;
}
.pagination a span {
        margin-right:10px;
        padding:0px 5px 0px 5px;
        color: #929292;
}

/************ Comments *************/
.comment-wrapp{
        float:left;
        border-bottom:1px solid #ededed;
        padding-bottom:35px;
        margin-bottom:35px;
}

.comment-wrapp h4 a{
        color:#1f1f1f;
}

.reply{
        float:right;
        width:95%;
}
.reply2{
        float:right;
        width:85%;
}

/************ Leave comment *************/
ul.comment-form, ul.contact-form{
        margin:15px 0px 0px 0px;
        padding:0 !important;
        list-style:none;
}

ul.comment-form li , ul.contact-form li{
        margin-top: 0 !important;
        margin-bottom: 20px !important;
}
.comment-form label , ul.contact-form label{
        float:left;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-weight:normal;
        line-height:1.5em;
        font-size:18px;
        color:#1f1f1f;
}
.comment-form label span, ul.contact-form label span{
        margin:3px 0px 0px 10px;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:normal;
        line-height:1.5em;
        font-size:12px;
}
.comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name, .contact-form textarea {
        width:586px;
        height:15px;
        background:#f7f7f7;
        border: 1px solid #ededed;
        color:#acacac;
}

.comment-textarea, .contact-textarea, .contact-form textarea{
        height:138px;
}

.comment-input:focus, .contact-input:focus, .comment-textarea:focus, input:focus#email, input:focus#name , .contact-textarea:focus{
        color:#5b5b5d;
        border: 1px solid #d7d7d7;
}
.validation {
        display:none;
}
#sendmessage{
        font-size:12px;
        margin:2px 0 15px;
        padding:10px 10px 10px 50px;
        background:url(../images/icons/infobox/success.png) no-repeat 15px center #effff4;
        border:1px solid #cdf3d8;
        border-left:5px solid #cdf3d8;
        color:#16783c;
        display:none;
}
/************ Portfolio *************/
#filter {
        display: block;
        position: relative;
        float:left;
}

#filter li{
        float: left;
        margin: 0px 20px 0px 0px;
        padding: 0;
        margin-bottom: 0px;
        overflow: hidden;
}

#filter a{
        text-decoration: none;
        display: block;
        outline: none;
        float:left;
        padding-left:15px;
        color:#929292;
}
#filter a:hover{
        text-decoration: underline;
}
#filter a:active, #filter .active  a{
        outline:none;
        text-decoration: none;
        display: block;
}
.sum-item{
        float:right;
}
#stage{
        margin:0;
        padding:0;
        width:100%;
        height:auto;
}

ul.portfolio li{
        float:left;
        margin:0px 0px 30px 0px;
        overflow:hidden;
        position: relative;
}
.img-wrapp{
        list-style: none outside none;
        position: relative;
        display:block;
        cursor:pointer;
}
.img-meta{
        margin:6px;
        padding:10px;
        background:#fdfdfd;
        position:absolute;
        top:0;
        left:0;
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.small-img{
        width:176px;
        height:98px;
}
.small-img p{
        line-height:17px;
}
.medium-img{
        width:256px;
        height:147px;
}
.big-img{
        width:420px;
        height:244px;
}
.title-image{
        background:#fff;
        position:absolute;
        padding:5px 10px 6px 10px;
        bottom:1px;
        right:1px;
        z-index:99;
}
.title-image h2, .title-image h3, .title-image h4, .title-image h5,  .title-image h5{
        margin-bottom:0px;
}
.portfolio-detail li{
        background: url(../images/gray-line.png) repeat-x bottom left;
        padding-bottom:10px;
        margin-bottom:20px;

}
/* *********** Our team ************** */
ul.myteam-social {
        width:auto;
        height:57px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        padding:0 !important;
        margin: 0 !important;
}
.myteam-social li{
        float:left;
        padding:0 !important;
        margin-right:20px;
}
.myteam-social li.last{
        margin-right:0px;
}
li.image_color a {
        display:block;
        width:57px;
        height:57px;
        position:relative;
}
li.image_color a .fb-hover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:57px;
        height:57px;
        background:url(../images/social/fb-team-hover.png) no-repeat top left;
}
li.image_color a .twitter-hover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:57px;
        height:57px;
        background:url(../images/social/twitter-team-hover.png) no-repeat top left;
}
li.image_color a .linkedin-hover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:57px;
        height:57px;
        background:url(../images/social/linkedin-team-hover.png) no-repeat top left;
}
li.image_color a .google-plus-hover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:57px;
        height:57px;
        background:url(../images/social/google-plus-team-hover.png) no-repeat top left;
}
/************ Testimoni *************/
#testimoni li blockquote{

}
.testimoni{
        background: url(../images/gray-line.png) repeat-x bottom left;
        padding-bottom:25px;
        margin-bottom:35px;
}
.testimoni h3 a, .testimoni h4 a, .testimoni h5 a, .testimoni h6 a{
        color:#1f1f1f;
}
/************ Footer *************/
#footer{
        float:left;
        width:100%;
        background:#080808;
        padding:35px 0px 0px 0px;
        color:#6a6a6a;
}


/* social networks */
.fsocial{
        width:244px;
        margin:0 auto;
        text-align:center;
}
ul.social_network {
        width:auto;
        height:74px;
        list-style-image:none;
        list-style-position:outside;
        list-style-type:none;
        padding:0 !important;
        margin: 10px 0px 10px 0px;
}
.social_network li{
        float:left;
        padding:0 !important;
        margin-right:20px;
}
.social_network li.last{
        margin-right:0px;
}
li.image_one a {
        display:block;
        width:74px;
        height:74px;
        position:relative;
}
li.image_one a .fb-rollover{
        display:block;
        position:absolute;
        top:0;
        left:200;
        width:74px;
        height:74px;
        background:url(../images/social/fb-hover.png) no-repeat top left;
}
li.image_one a .twitter-rollover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:74px;
        height:74px;
        background:url(../images/social/twitter-hover.png) no-repeat top left;
}
li.image_one a .linkedin-rollover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:74px;
        height:74px;
        background:url(../images/social/instagram-hover.png) no-repeat top left;
}
li.image_one a .google-plus-rollover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:74px;
        height:74px;
        background:url(../images/social/google-plus-hover.png) no-repeat top left;
}
li.image_one a .email-rollover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:74px;
        height:74px;
        background:url(../images/social/email-hover.png) no-repeat top left;
}
li.image_one a .rss-rollover{
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:74px;
        height:74px;
        background:url(../images/social/rss-hover.png) no-repeat top left;
}
 ul.footer-contact{
        float:right;
        margin:0px !important;
        padding:0px !important;
}
ul.footer-link li{
        float:left;
        background: url(../images/vdark-line.png) repeat-y top right;
        padding-right: 10px;
        margin:0px 10px 20px 0px;
}
 ul.footer-contact li{
        float:left;
        background: url(../images/vdark-line.png) repeat-y top right;
        padding-right: 10px;
        margin:0px 10px 20px 0px;
}
ul.footer-link li a, ul.footer-contact li a{
        color:#6a6a6a;
}
ul.footer-link li.last, ul.footer-contact li.last{
        margin:0px 0px 20px 0px;
        background:none;
}
.subfooter{
        background:#040404 url(../images/footer-line.png) repeat-x top left;
        width:100%;
        text-align:center;
        padding:14px 0px 10px 0px;
}
.copyright{
        color:#282828;
        text-shadow:0px 1px 1px #000;
}
.fdivider{
        background:url(../images/footer-line.png) repeat-x bottom left;
        margin:35px 0px 25px 0px;
        height:2px;
}
/* ************** Elements ***************** */

/* ---- tabs ---- */
ul.tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        height: auto;
        width: 100%;
        border:none;
        z-index:99;
        margin-bottom:20px;
}
ul.tabs li {
        float: left;
        margin: 0px 5px 0px 0px;
        padding: 0;
        line-height:25px;
        overflow: hidden;
}
ul.sidebar-tabs li{
        width:100%;
        margin-bottom:10px;
}
ul.tabs li a {
        text-decoration: none;
        color: #1f1f1f;
        display: block;
        padding: 0 10px 0 10px;
        background:#ededed;
        font-size:14px;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-weight:normal;
}
ul.tabs li a:hover {
        background:#080808;
        color:#fff;
}
ul.tabs a:active {
        outline:none;
        background:#080808;
}
.panes {
        overflow: hidden;
        clear: both;
        float: left;
        border:1px solid #ededed;
        width: auto;
}
.panes div { /* for regular tabs */
        padding: 10px 10px 0px 10px;
}
.right-panes{
        border:none;
        width:100%;
}
.right-panes div{
        padding: 0px 0px 0px 0px;
}
.panes img {
        margin-bottom:10px;
}

/* toggles */

.toggle {
        display: block;
        margin: 0px 0px 10px 0px;
}

/* toggle header */

/* currently active header */
.toggle span.active {
        cursor:pointer;
}

.toggle h6.title span.title_content {
        display: block;
        overflow: hidden;
        color: #1f1f1f;
        position: relative;
        padding:0px 10px 0px 20px;
        height:auto;
        background: url(../images/icons/toggle-plus.png) no-repeat center left;
}

/* toggle pane */
.toggle .toggle-pane {
        border-top: none;
        overflow: hidden;
        clear: both;
        border:1px solid #e9e9e9;
        padding:15px 15px 5px 15px;
}

/* toggle_style1 */
.tstyle1 h6.title {
        cursor:pointer;
        text-decoration: none;
        color: #1f1f1f;
        display: block;
        padding: 0;
        font-size:14px;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-weight:normal;
}
/* ------  accordion --------- */
#accordion {
        margin: 0;
        padding: 0;
        height: auto;
        width: 100%;
}
/* accordion header */
#accordion h6 {
        margin:0px 0px 1px 0px;
        background:#ededed url(../images/icons/toggle-plus.png) no-repeat 5px center;
        cursor:pointer;
        width: 100%;
        color: #1f1f1f;
        display: block;
        padding: 2px 10px 2px 25px;
        font-size:14px;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-weight:normal;
}
#accordion h6:hover{
        background:#080808 url(../images/icons/toggle-plus-hover.png) no-repeat 5px center;
        color:#fff;
}
/* accordion pane */
#accordion .pane {
        display: none;
        border:1px solid #e9e9e9;
        padding:15px;
        margin:5px 0px 5px 0px;
}
/* a title inside pane */
#accordion .pane h6 {
        font-weight:normal;
        margin:0 0 10px 0;
}
#accordion .pane p {
        margin:10 0 0 0;
}
.pane img {
        margin-bottom:10px;
}
/*------------------- info boxes --------------------*/

/*alert message*/
p.boxes {
        font-size:12px;
        margin:2px 0 15px;
        padding:10px 10px 10px 50px;
}
p.success_box {
        background:url(../images/icons/infobox/success.png) no-repeat 15px center #effff4;
        border:1px solid #cdf3d8;
        border-left:5px solid #cdf3d8;
        color:#16783c;
}
p.failed_box   {
        background:url(../images/icons/infobox/failed.png) no-repeat 15px center #fbebd4;
        border:1px solid #f0e1cb;
        border-left:5px solid #f0e1cb;
        color:#784616;
}
p.warning_box   {
        background:url(../images/icons/infobox/warning.png) no-repeat 15px center #fffed9;
        border:1px solid #f3f1c1;
        border-left:5px solid #f3f1c1;
        color:#787716;
}
p.error_box   {
        background:url(../images/icons/infobox/error.png) no-repeat 15px center #fbd4d4;
        border:1px solid #e7baba;
        border-left:5px solid #e7baba;
        color:#781616;
}
p.info_box  {
        background:url(../images/icons/infobox/info.png) no-repeat 15px center #f4fbff;
        border:1px solid #dfebf2;
        border-left:5px solid #dfebf2;
        color:#89cabf;
}
p.locked_box    {
        background:url(../images/icons/infobox/locked.png) no-repeat 15px center #fbf6d4;
        border:1px solid #f0eac5;
        border-left:5px solid #f0eac5;
        color:#166478;
}

/************ dropcap *************/
.dropcap {
        display:block;
        float:left;
        font-size:26px;
        line-height:28px;
        margin:3px 15px 15px 0;
        color:#080808;
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
}
.dropcap-square {
        display:block;
        float:left;
        font-size:22px;
        line-height:40px;
        width:40px;
        height:40px;
        text-align: center;
        margin:3px 15px 15px 0;
        background:#080808;
        color:#fff;
        font-family: 'OpenSansCondensedBold',Arial,sans-serif;
}

.dropcap-circle {
        float:left;
    display: block;
        margin:3px 15px 10px 0;
        font-size:22px;
        line-height:40px;
    text-shadow: none;
    width:40px;
    text-align:center;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
        background:#080808;
        color:#fff;
        font-family: 'OpenSansCondensedBold',Arial,sans-serif;
}

.divider{
        background:url(../images/gray-line.png) repeat-x bottom left;
        margin:35px 0px 35px 0px;
        height:1px;
}
/* ---- Image frame ---- */
.tframe5{
        background:#fff;
        border:1px solid #f1f1f1;
        padding:5px 5px 0px 5px;
}

.tframe-circle{
        background:#fff;
        padding:3px;
        border:1px solid #f1f1f1;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
}
/* ************ Pricing table ************** */
.pricing-table{
        float:left;
        margin:0px 1px 0px 0px;
        padding:0;
}
.box-four{
        width:231px;
}
.box-five{
        width:184px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
        .box-four{
                width:184px;
        }
        .box-five{
                width:147px;
        }
}
@media only screen and (max-width: 767px) {
        .box-four{
                width:299px;
                margin-bottom:20px;
        }
        .box-five{
                width:227px;
                margin-bottom:20px;
        }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .box-four{
                width:455px;
                margin-bottom:20px;
        }
        .box-five{
                width:227px;
                margin-bottom:20px;
        }
}
@media only screen and (max-width: 479px) {
        .box-four{
                width:299px;
                margin-bottom:20px;
        }
        .box-five{
                width:299px;
                margin-bottom:20px;
        }
}
ul.pricing-featured{
        float:left;
        margin:0;
        padding:0;
        width:100%;
}
ul.pricing-featured li{
        float:left;
        width:100%;
        text-align:center;
        padding:15px 0px 15px 0px;
        margin-bottom:1px;
        color:#1f1f1f;
}
ul.pricing-featured li strong{
        color:#1f1f1f;
}
ul.pricing-featured li.pricing-title{
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-weight:normal;
        font-size:24px;
        color:#fff;
        background:#0e0e0e;
        padding:10px 0px 10px 0px;
}
ul.pricing-featured li.pricing-price{
        font-family: 'OpenSansCondensedLight',Arial,sans-serif;
        font-weight:normal;
        font-size:22px;
        color:#fff;
        background:#080808;
        padding:35px 0px 35px 0px;
}
ul.pricing-featured li.pricing-price strong{
        color:#fff;
        font-size:32px;
}
ul.pricing-featured li.pricing-price sup{
        font-size:18px;
}
ul.pricing-featured li.list1{
        background:#ededed;
}
ul.pricing-featured li.list2{
        background:#c5c5c5;
}
ul.pricing-featured li.princing-btn{
        padding:25px 0px 25px 0px;
}
ul.pricing-featured li .btn{
        float:none;
}
/* ---- Error 404 ---- */
.error404 h1{
        text-align:center;
        margin-bottom:0;
        font-size:100px;
        line-height:88px;
}
.error404 h2, .error404 p{
        text-align:center;
}
/* ---- Button style ---- */
.textlink{
        float:left;
        padding-left:15px;
}
input.button{
        margin:0px;
        padding:10px 29px 9px 29px;
        border:none;
        cursor:pointer;
        color:#fff;
}
.btn{
        float:left;
        color:#fff;
}
.btn:hover{
        text-decoration:none;
        color:#fff;
}
.small{
        padding:3px 10px 3px 10px;
}
.medium{
        padding:10px 15px 10px 15px;
        font-size:14px;
}
.big{
        padding:15px 20px 15px 20px;
        font-size:18px;
}
.dark{
        background-color:#1f1f1f;
}

/* ---- Position ------ */
.relative{
        position:relative;
}
.absolute{
        position:absolute;
}

/* --- Spacing --- */
.left{
        float:left;
        margin-right:10px;
        margin-bottom:10px;
}
.right{
        float:right;
        margin-left:10px;
        margin-bottom:10px;
}
.center {
        margin-left:0;
        margin-right:0;
        text-align:center;
}
.alpha {
        margin-left:0;
}

.omega {
        margin-right:0;
}

/* ---- margin top ---- */

.top-spacer0 {
        margin-top:0;
}

.top-spacer5 {
        margin-top:5px;
}

.top-spacer10 {
        margin-top:10px;
}

.top-spacer15 {
        margin-top:15px;
}

.top-spacer20 {
        margin-top:20px;
}

.top-spacer25 {
        margin-top:25px;
}

.top-spacer30 {
        margin-top:30px;
}

.top-spacer35 {
        margin-top:35px;
}

.top-spacer40 {
        margin-top:40px;
}

/* ---- Spacer bottom ----*/

.bot-spacer0 {
        margin-bottom:0px;
}
.bot-spacer5 {
        margin-bottom:5px;
}
.bot-spacer10 {
        margin-bottom:10px;
}
.bot-spacer15 {
        margin-bottom:15px;
}
.bot-spacer20 {
        margin-bottom:20px;
}
.bot-spacer25 {
        margin-bottom:25px;
}
.bot-spacer30 {
        margin-bottom:30px;
}
.bot-spacer35 {
        margin-bottom:35px;
}
.bot-spacer40 {
        margin-bottom:40px;
}
/* ----Top padding ---- */

.top-padding10 {
        padding-top:10px;
}
.top-padding15 {
        padding-top:15px;
}
.top-padding20 {
        padding-top:20px;
}
.top-padding25 {
        padding-top:25px;
}
.top-padding30 {
        padding-top:30px;
}
.botpadding20 {
        padding-bottom:20px;
}

/* ---- margin left ---- */
.left-margin5 {
        margin-left:5px;
}
.left-margin10 {
        margin-left:10px;
}
.left-margin15 {
        margin-left:15px;
}
.left-margin20 {
        margin-left:20px;
}
.left-margin25 {
        margin-left:25px;
}
.left-margin20 {
        margin-left:30px;
}
.left-margin35 {
        margin-left:35px;
}

/* ---- margin right ---- */
.right-margin5 {
        margin-right:5px;
}
.right-margin10 {
        margin-right:10px;
}
.right-margin15 {
        margin-right:15px;
}
.right-margin20 {
        margin-right:20px;
}
.right-margin25 {
        margin-right:25px;
}
.right-margin30 {
        margin-right:30px;
}

/***** iPad Smaller than 959px *****/

@media only screen and (min-width: 768px) and (max-width: 959px) {
        .search-btn{
        margin-top:10px;
        }
        #nav {
                float:right;
                margin-left:-20px;
        }
        .jqueryslidemenu {
                float:right;
        }

        /*Top level list items*/
        .jqueryslidemenu ul li{
                padding:15px;
        }

        .jqueryslidemenu ul li.parent{
                padding:0px 0px 0px 10px;
        }
        .comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name , .contact-form textarea{
                width:462px;
        }
        .medium-img{
                width:196px;
                height:110px;
        }
        .big-img{
                width:324px;
                height:188px;
        }
        .small-img{
                width:132px;
                height:71px;
        }
        .small-img h5{
                margin-bottom:0px;
        }
        .small-img p, .small-img a{
                font-size:10px;
                margin:0px;
        }
        .slider-area{
                height:359px;
        }
}

/* iPhone (landscape) ----------- */
@media only screen and (max-width: 767px) {
        .open{
                position:relative;
        }
        #header{
                padding-bottom:30px;
        }
        #logo {
                float:none;
                position:relative;
                margin: 0 auto;
                margin-top:20px;
        }
        #nav{
                border-bottom:none;
        }
        #featured{
                margin-top:10px;
        }
        .slider-area{
                height:221px;
        }
        #page-title{
                margin-top:20px;
        }
        .jqueryslidemenu ul select{
                display:block;
                width:456px;
        }
        .jqueryslidemenu ul li{
                display:none;
        }
         ul.footer-contact{
                float:left;
                margin:0px !important;
                padding:0px !important;
        }
        .comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name , .contact-form textarea{
                width:278px;
        }
        .medium-img{
                width:424px;
                height:248px;
        }
        .big-img{
                width:424px;
                height:248px;
        }
        .small-img{
                width:424px;
                height:248px;
        }
        #page-title h3{
                margin-bottom:0;
        }
        ul#fade {
                float:left;
                margin:0px 0px 20px 20px;
        }
        #filter li{
                margin: 0px 20px 10px 0px;
        }
        .sum-item{
                float:left;
        }
        .fsocial{
        width:470px;
        }
        ul.social_network li{
                margin-bottom:20px;
        }
        .bottom-tag-line{
        text-align:center;
        }
}

/* iPhone (portrait) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .open a{
                top:0;
                left:80px;
                position:absolute;
        }
        #nav{
                border-bottom:none;
        }
        .jqueryslidemenu ul select{
                display:block;
                width:456px;
        }
        .slider-area{
                height:221px;
        }
        .comment-input, .contact-input, .comment-textarea, .contact-textarea, input#email, input#name , .contact-form textarea{
                width:434px;
        }
        .medium-img{
                width:424px;
                height:248px;
        }
        .big-img{
                width:424px;
                height:248px;
        }
        .small-img{
                width:424px;
                height:248px;
        }
        .fsocial{
        width:322px;
        }
        ul.social_network li{
                margin-bottom:20px;
        }
        #tagline h2{
                font-size:16px;
                padding:0px 10px 0px 10px;
        }
}

/* Mobile Portrait Size to Mobile Landscape Size  ----------- */
@media only screen and (max-width: 479px) {
        .open a{
                top:0;
                left:50px;
                position:absolute;
        }
        .search-btn{
                margin:20px 0 0 0;
        }
        input.search-input{
                width:244px;
        }
        .slider-area{
                height:130px;
        }
        #nav{
                border-bottom:none;
        }
        .jqueryslidemenu ul select{
                display:block;
                width:300px;
        }
        .medium-img{
                width:268px;
                height:154px;
        }
        .big-img{
                width:268px;
                height:154px;
        }
        .small-img{
                width:268px;
                height:154px;
        }
        .fsocial{
        width:248px;
        }
        ul.social_network li{
                margin-bottom:20px;
        }
        #tagline h2{
                font-size:14px;
                padding:0px 10px 0px 10px;
        }
}