@charset utf-8;

/*
Theme Name:   Bizniz
Theme URI:    http://www.wptitans.com/bizniz
Description:  A premium template for portfolio themes with  Box design. Follow us on <a href="http://twitter.com/#!/wptitan">Twitter</a> or find more awesome products at <a href="http://themeforest.net/user/wptitans">Themeforest</a>.
Author:       WP Titans
Author URI:   http://www.wptitans.com/
Tags:         Multi Columns, Fixed Width, Custom Header, Custom Background, Threaded Comments,  Translation Ready,
Version:      1.3


Index
============================

1.  Base Stylings       - Contains CSS RESET and Base stylings location : sprites -> base.css .
2.  Slideshow          - Contains slider related styles : sprites -> slideshow.css .
3.  Layout              - Contains layout related settings location : sprites -> layout.css .
4.  Widgets             - Contains widgets stylings for sidebar, footer and home widget area location : sprites -> widgets.css .

============================
*/


/* ==================================================================================================================================== */
/* == General Stylings ================================================================================================================ */
/* ==================================================================================================================================== */

.mobile-menu { display: none }

body {
    line-height: 1.6;
    background-color: #e6e6e6;
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(230, 230, 230)), to(rgb(255, 255, 255)));
    background-image: -webkit-linear-gradient(left bottom, rgb(230, 230, 230), rgb(255, 255, 255));
    background-image: -moz-linear-gradient(left bottom, rgb(230, 230, 230), rgb(255, 255, 255));
    background-image: -o-linear-gradient(left bottom, rgb(230, 230, 230), rgb(255, 255, 255));
    background-image: -ms-linear-gradient(left bottom, rgb(230, 230, 230), rgb(255, 255, 255));
    background-image: linear-gradient(left bottom, rgb(230, 230, 230), rgb(255, 255, 255));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#e6e6e6', EndColorStr='#ffffff');
}

::selection {
    background: #2C2E34;
    color: white;
}

.super-wrapper {
    box-shadow: 0px 0px 150px #bbb;
    color: #939191;

;
    background: #fff;
    width: 1020px;
    margin: 0px auto;
    padding: 0;
    position: relative;
    z-index: 2;
}

.page { background: #dfdfdf }

.two-third-width { background: #fff }

.hasleftSidebar .sidebar,
.hasRightSidebar .sidebar { color: #939191

 }

    .hasleftSidebar .sidebar a,
    .hasRightSidebar .sidebar a { color: #4a4949}

.sidebar .sidebar-wrap .tagcloud a { color: #fff }

.hasleftSidebar .sidebar a:hover,
.hasRightSidebar .sidebar a:hover { color: #939191

 }

.sidebar .sidebar-wrap h3.heading,
.sidebar .sidebar-wrap h3.custom-box-title {
    padding: 15px 0 0 0;
    font-weight: normal;
    font-size: 18px;
    margin: 0 0 15px 0;
    font-family:Arial;
    color: #4a4849;
    line-height: 20px;
}

.sidebar-wrap ul li { border-bottom: 1px dotted #545963 }

.sidebar-wrap .widget-posts .image img {
    background: none;
    padding: 0px;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#footer .footer-wrap .btn,
.sidebar .sidebar-wrap .btn {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 9px 15px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    font-family:Arial;
    color: #fff!important;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    background: #023783;
    border: none!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    *margin-left: .3em;
    font-weight:bold;

}
#footer .footer-wrap .btn:hover,
.sidebar .sidebar-wrap .btn:hover,
#footer .footer-wrap .btn:active,
.sidebar .sidebar-wrap .btn:active,
#footer .footer-wrap .btn.active,
.sidebar .sidebar-wrap .btn.active,
#footer .footer-wrap .btn.disabled,
.sidebar .sidebar-wrap .btn.disabled,
#footer .footer-wrap .btn[disabled],
.sidebar .sidebar-wrap .btn[disabled] {
    background-color: #023783;
    color: #fff;
    font-family:Arial;
    font-weight:bold;

!important;
}

.sidebar-wrap p { color: #939191

 }

.sidebar-wrap .tagcloud a {
    color: #fff;
    background: #545963;
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.sidebar-wrap .tagcloud a:hover { background: #212327 }

#logo {
    float: left;
    margin: 12px 0 12px 15px;
	position:relative;
}

#logo img { display: block; width:auto; max-width:100%; height:auto; }
#logo a { display:block; }
#logo span { position:absolute; top:0; left:0; opacity:0; visibility:hidden; }

.top-area {
    padding: 0;
    background: #023785;
    position: relative;
    z-index: 3;
}

.top-right-area {
    float: right;
    margin: 0;
	display:block;
	text-align:right;
	z-index:1000;
	position:relative;
	
}

    .top-right-area ul.top-social-icons {
        margin: 0;
        padding: 0;
        text-align:right;
    }

        .top-right-area ul.top-social-icons li {
            float: left;
            list-style: none;
            margin: 0px;
            text-align:right;
        }

            .top-right-area ul.top-social-icons li a {
                display: block;
                width: 32px;
                height: 32px;
                overflow: hidden;
                position: relative;
                text-align:right;
                
            }
                .top-right-area ul.top-social-icons li a span {
                    display: block;
                    width: 32px;
                    height: 32px;
                    background: url(sprites/i/social-sprite.png);
                    position: absolute;
                    top: 0;
                    left: 0;
                }

            .top-right-area ul.top-social-icons li a.fb  span.def { background-position: 0px 0px }

            .top-right-area ul.top-social-icons li a.twitter  span.def { background-position: -32px 0px }

            .top-right-area ul.top-social-icons li a.google  span.def { background-position: -64px 0px }

            .top-right-area ul.top-social-icons li a.linkedin  span.def { background-position: -96px 0px }

            .top-right-area ul.top-social-icons li a.rss  span.def { background-position: -128px 0px }

            .top-right-area ul.top-social-icons li a.dribbble  span.def { background-position: -160px 0px }

            .top-right-area ul.top-social-icons li a.frost  span.def { background-position: -192px 0px }

            .top-right-area ul.top-social-icons li a.fb span.hov {
                background-position: -0px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.twitter span.hov {
                background-position: -32px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.google span.hov {
                background-position: -64px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.linkedin span.hov {
                background-position: -96px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.rss span.hov {
                background-position: -128px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.dribbble span.hov {
                background-position: -160px -32px;
                opacity: 0;
            }

            .top-right-area ul.top-social-icons li a.frost span.hov {
                background-position: -192px -32px;
                opacity: 0;
            }

.stage-background { display: none }

some_nowhitespace { nowhitespace: afterproperty }

/* no use in this theme  */

/* ==================================================================================================================================== */
/* == Menu ============================================================================================================================ */
/* ==================================================================================================================================== */

.mobile-menu {
    display: none;
    background: #eee;
    border-bottom: 1px solid #dddddd;
    padding: 25px 0;
    position: relative;
    z-index: 99;
}

.mobile-menu-wrapper {
    margin: 0px auto 0px auto;
    width: 290px;
    height: 32px;
    background: url(sprites/i/mobile-select-bg.png) repeat-x;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    overflow: hidden;
}

.mobile-menu-bg {
    height: 32px;
    background: url(sprites/i/select-arrow.png) 98% 40%  no-repeat;
    border-radius: 3px;
    width: 290px;
    margin: 0;
    position: relative;
    z-index: 1;
}

    .mobile-menu-bg select {
        display: block;
        outline: none;
        width: 310px;
        border: none;
        outline: none;
        background: transparent!important;
        color: #777;
        font-size: 11px;
        -webkit-appearance: none;
        padding: 0px 0px 0px 10px;
        margin: 0!important;
    }

        .mobile-menu-bg select  option {
            padding: 10px;
            display: block;
        }

/* == FIREFOX FIX ===================================================== */

@-moz-document url-prefix() { 
	.mobile-menu-bg select { padding: 8px 0px 0px 10px }
}

#menu-bar-wrapper {
    position: relative;
    z-index: 101;
    background: #fff;
}

#menu-bar .menu {
    display: block;
    padding: 0;
    height: 79px;
    margin-left: 0;
    /*new*/width:1031px;
}

    #menu-bar .menu li {
        float: left;
        margin-top: 0;
        display: block;
        z-index: 9;
    }

#menu-bar .menu>li:first-child {

}

#menu-bar .menu>li span.hasDropdown {
    background: url(sprites/i/main-menu-arrow.png);
    width: 7px;
    height: 5px;
    position: absolute;
    top: 32px;
    right: /*22px*/10px;
}

#menu-bar .menu>li span {
    font-size: 11px;
    display: block;
    color: #94989f;
}

#menu-bar .menu>li:hover  span.hasDropdown { background-position: 0px -8px }

#menu ul.sub-menu li a span.hasDropdown {
    background: url(sprites/i/sub-menu-arrow.png) 0px 0px no-repeat!important;
    width: 7px;
    height: 6px;
    top: 15px;
}

#menu>li.current_page_item  a span.hasDropdown,
#menu>li.current-menu-ancestor a span.hasDropdown { background-position: 0px -8px }

#menu-bar .menu>li>a {
    font-size: 14px;
    text-transform:uppercase;
    padding: 26px 27px 27px 27px;
    display: block;
    font-weight:bold;
    color: #023783;
    text-decoration: none;
    position: relative;
}

#menu-bar .menu>li.showdropdown>a { padding-right: /*37px*/22px;padding-left:22px; }

#menu>li>ul.sub-menu {
    position: absolute;
    z-index: 9;
    top: 88px;
    left: -25px;
    padding: 4px 12px;
    width: 180px;
    display: none;
}

#menu ul.sub-menu li {
    float: none;
    display: block;
    line-height: 1.6;
    border-bottom: 1px dotted #545963;
}

#menu ul.sub-menu li:last-child { border-bottom: none }

#menu ul.sub-menu li a {
    font-size: 12px;
    color: #7d7d7d;

;
    padding: 10px 5px;
    display: block;
}

#menu ul.sub-menu li a:hover {
    color: #023785;
    text-decoration: none;
}

#menu>li:hover>a { background: #3F4952 }

#menu>li:nth-child(1):hover>a { background: #e3e3e3 }

#menu>li:nth-child(2):hover>a { background: #eee }

#menu>li:nth-child(3):hover>a { background: #eee }

#menu>li:nth-child(4):hover>a { background: #eee }

#menu>li:nth-child(5):hover>a { background: #eee }

#menu>li:nth-child(6):hover>a { background: #eee }

#menu>li:nth-child(7):hover>a { background: #e3e3e3}

#menu>li:nth-child(8):hover>a { background: #eee }

#menu>li:nth-child(9):hover>a { background: #eee }

#menu>li:nth-child(10):hover>a { background: #e3e3e3}

#menu>li:nth-child(11):hover>a { background: #eee }

#menu>li:nth-child(12):hover>a { background: #eee }

#menu>li.current_page_item>a,
#menu>li.current-menu-ancestor>a { background: #eeeeee }

#menu>li>ul.sub-menu,
#menu>li>ul.sub-menu ul.sub-menu {
    background: /*#34373D*/#eee;
    -webkit-box-shadow: 4px 9px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 4px 9px 10px rgba(50, 50, 50, 0.3);
    box-shadow: 4px 9px 10px rgba(50, 50, 50, 0.3);
}

    #menu>li>ul.sub-menu li:hover { z-index: 12 }

#menu div.sub-menu {
    position: absolute;
    z-index: 9;
    top: 89px;
    left: 0;
    display: none;
    width: 980px;
    background: #eee;
    -webkit-box-shadow: 4px 9px 10px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 4px 9px 10px rgba(50, 50, 50, 0.3);
    box-shadow: 4px 9px 10px rgba(50, 50, 50, 0.3);
}

    #menu div.sub-menu p {
        padding: 5px 0;
        line-height: 1.6;
    }

    #menu div.sub-menu h6 {
        padding: 6px 5px 8px;
        display: block;
        text-align: left;
        margin-left: -5px;
        font-size: 14px;
        font-weight: 400;
        color: #eee;
        border-bottom: 1px solid #545963;
    }

#menu div.sub-menu>div {
    float: left;
    width: 170px;
    margin: 10px;
    padding-bottom: 10px;
}

    #menu div.sub-menu>div ul.sub-menu {
        margin-top: 10px;
        margin-left: 0;
        padding-left: 0;
    }

    #menu div.sub-menu>div li {
        border-bottom: 1px dotted #717680;
        line-height: 14px;
    }

    #menu div.sub-menu>div a {
        text-transform: none;
        font-size: 11px;
        font-weight: 400;
        border: none;
        background: none;
    }

#menu>li>ul.sub-menu ul {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 145px;
    padding: 4px 12px;
    display: block;
    width: 180px;
    display: none;
}

span.mg-menu-tip {
    height: 50px;
    display: block;
    position: absolute;
    top: -20px;
}

#menu li.rel { position: relative }

#page-starter { background-color: #fff }

/* ==================================================================================================================================== */
/* == Footer ========================================================================================================================== */
/* ==================================================================================================================================== */

#footer { background: #eee;}

    #footer .footer-wrap h3,
    .footer-wrap h3.custom-box-title { /*border-bottom: 1px solid #939191*/ font-weight: bold;

 }

    #footer div.inner-footer-wrapper ul li {
    border-bottom:1px dotted #142d41;
        padding: 12px 0 8px 0;
    }

    #footer div.inner-footer-wrapper ul li {
        border-bottom: 1px dotted #545963;
        padding-top: 0;
    }

    #footer .footer-wrap ul.latest-tweets li { color: #939191

 }

        #footer .footer-wrap ul.latest-tweets li a { color: #fff }

        #footer .footer-wrap ul.latest-tweets li a:hover { color: #939191

 }

    #footer .footer-wrap .widget-posts li p { color: #939191;text-align:justify;

 }

    #footer .footer-wrap { color: #939191; padding: 10px;

 }

        #footer .footer-wrap a { color: #575a5d;font-weight:bold;text-align:left;}

        #footer .footer-wrap a:hover { color: #939191

 }

.footer-cols:last-child { margin-right: 0 }
.footer-cols { margin-bottom:0!important; }
.footer-cols .footer-wrap:last-child { border-bottom: none }

.mobile_footer_widget {
    display: none;
    padding-top: 10px;
}

/* == ~~ Bottom FOOTER menu ============================================================================================================ */

.inner-footer-wrapper { padding-top: 15px }

#footer-menu {
    padding: 30px 0px 30px 0;
    background: #fff;
    color: #888;
}

#menu-footer-menu {
    float: left;
    padding: 0 10px 0 0px;
    color: #888;
}

    #menu-footer-menu li {
        float: left;
        padding: 0;
        display: block;
        border-bottom: none;
        /*border-left: 1px solid #888;*/
        margin: 0px 5px 6px 5px;
        line-height: 1;
    }

    #menu-footer-menu li:first-child { border-left: none }

    #menu-footer-menu li a:hover {
        text-decoration: none;
        color: #003683;
    }

    #menu-footer-menu li a {
        color: #888;
        font-weight: bold;
        padding: 0px 0px;
        display: block;
        font-size: 12px;
    }

/* == ~~ Bottom Footer text =========================================================================================== */

.footer-text {
    /*color: #fff;*/
    font-weight: 100;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    font-size: 12px;
}

/* ===================================================================================================================== */
/* === General Components Stylings ===================================================================================== */
/* ===================================================================================================================== */

.full-width-text  { padding:20px; }

/* == ~~ COLUMN STYLINGS =============================================================================================== */

.intro-fancy-title img {
    float: right;
    margin: 3px 20px 25px 20px;
}

div.intro-fancy-title h2.custom-font {
    color: #34373D;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    padding: 2px 40px 2px 0px;
    margin-bottom: 7px!important;
}

.intro-fancy-title { position: relative }

.column-content {
    margin-top: 0px;
    margin-left: 0px;
    padding-right: 10px;
}

    .column-content ul { margin-top: 20px }

        .column-content ul li { line-height: 2 }

    .column-content .pull-right {
        margin-top: 5px;
        margin-right: 5px;
        font-size: 12px;
    }

.home-page-two-columns,
.home-page-four-columns,
.home-page-three-columns {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

    .home-page-two-columns .layout_element,
    .home-page-four-columns .layout_element,
    .home-page-three-columns .layout_element {
        margin-bottom: 0px;
        margin-right: 0px!important;
    }

    .home-page-two-columns .top-col-image,
    .home-page-four-columns .top-col-image,
    .home-page-three-columns .top-col-image {   }

.editor-cols .description { margin-left: 20px }

.editor-cols .one_half,
.editor-cols .one_half_last {
    width: 510px;
    background: #2C2E34;
    padding-bottom: 30px;
}

.editor-cols .one_half:nth-child(1),
.editor-cols .one_half_last:nth-child(1) { background: #f8f8f8 }

.editor-cols .one_half:nth-child(2),
.editor-cols .one_half_last:nth-child(2) { background: #eee }

.editor-cols .one_half h2.custom-font,
.editor-cols .one_half_last h2.custom-font {
    color: #fff;
    margin-top: 15px!important;
}

/* == one third stylings ======================================================================= */

.editor-cols .one_third,
.editor-cols  .one_third_last {
    width: 340px;
    background: #2C2E34;
    padding-bottom: 30px;
}

.editor-cols .one_third:nth-child(1),
.editor-cols  .one_third_last:nth-child(1) { background: #fafafa }

.editor-cols .one_third:nth-child(2),
.editor-cols  .one_third_last:nth-child(2) { background: #fff }

.editor-cols .one_third:nth-child(3),
.editor-cols  .one_third_last:nth-child(3) { background: #fafafa }

.editor-cols .one_third h2.custom-font,
.editor-cols .one_third_last h2.custom-font { margin-top: 15px!important }

/* == one fourth stylings ======================================================================= */

.editor-cols .one_fourth,
.editor-cols  .one_fourth_last {
    width: 255px;
    background: #2C2E34;
    padding-bottom: 30px;
}

.editor-cols .one_fourth:nth-child(1),
.editor-cols  .one_fourth_last:nth-child(1) { background: #f2f2f2 }

.editor-cols .one_fourth:nth-child(2),
.editor-cols  .one_fourth_last:nth-child(2) { background: #fff }

.editor-cols .one_fourth:nth-child(3),
.editor-cols  .one_fourth_last:nth-child(3) { background: #f2f2f2}

.editor-cols .one_fourth:nth-child(4),
.editor-cols  .one_fourth_last:nth-child(4) { background: #fff }

.editor-cols .one_fourth h2.custom-font,
.editor-cols .one_fourth_last  h2.custom-font , .editor-cols .two_third   h2.custom-font, .editor-cols .two_third_last   h2.custom-font{
    color: #fff;
    margin-top: 15px!important;
}

.editor-cols .one_fifth , .editor-cols .one_fifth_last{ background: #34373D }
.editor-cols .one_fifth h2.custom-font , .editor-cols .one_fifth_last h2.custom-font {
    color: #fff;
    margin-top: 15px!important;
}

.editor-cols .two_third,
.editor-cols .two_third_last {
    width: 680px;
    background: #2C2E34;
    padding-bottom: 30px;
}

.editor-cols .two_third:nth-child(1),
.editor-cols .two_third_last:nth-child(1) { background: #34373D }

.editor-cols .two_third:nth-child(2),
.editor-cols .two_third_last:nth-child(2) { background: #2C2E34 }

.editor-cols .three_fourth,
.editor-cols .three_fourth_last { width: 765px }

.editor-cols .one_fifth,
.editor-cols .one_fifth_last { width: 204px }

.editor-cols .four_fifth,
.editor-cols .four_fifth_last { width: 816px }




.two-third-width .editor-cols .one_half_last , .two-third-width .editor-cols .one_half  , .one-third-width .editor-cols .one_half_last , .one-third-width .editor-cols .one_half { width: 48%;   }

.two-third-width .editor-cols .one_third , .one-third-width .editor-cols .one_third { width: 30.65%;   }
.two-third-width .editor-cols .one_third_last  , .one-third-width .editor-cols .one_third_last { width: 30.65%;   }

.two-third-width .editor-cols .one_fourth , .one-third-width .editor-cols .one_fourth { width: 22%;  }
.two-third-width .editor-cols .one_fourth_last , .one-third-width .editor-cols .one_fourth_last { width: 22%;   }

.two-third-width .editor-cols .two_third , .one-third-width .editor-cols .two_third { width: 65.352%;  }
.two-third-width .editor-cols .two_third_last , .one-third-width .editor-cols .two_third_last { width: 65.352%;  }

.two-third-width .editor-cols .three_fourth , .one-third-width .editor-cols .three_fourth { width: 74%;  }
.two-third-width .editor-cols .three_fourth_last , .one-third-width .editor-cols .three_fourth_last { width: 74%;  }

.two-third-width .editor-cols .one_fifth  , .one-third-width .editor-cols .one_fifth { width:17.802%;  }
.two-third-width .editor-cols .one_fifth_last , .one-third-width .editor-cols .one_fifth_last { width:17.802%;   }

.two-third-width .editor-cols .four_fifth  , .one-third-width .editor-cols .four_fifth { width:78.2%;  }
.two-third-width .editor-cols .four_fifth_last , .one-third-width .editor-cols .four_fifth_last { width:78.2%; }


.top-col-image img {
    margin-bottom: 5px;
    width: 100%;
    margin-top: 0px;
}

/* == default blurb stylings ======================================================================= */
.blurb-wrapper {
    margin: 0px;
    padding: 5px 20px 5px 20px;
    background: #003683;
    border-top: 1px solid #fff;
}

    .blurb-wrapper .blurb-text {
        color: #fff;
        font-family:Arial;
        font-size: 32px;
        text-align: right;
        line-height: 1.2;
        margin: 0px 0 10px 0;
        padding: 0;
        font-weight: bold;
        text-align: center;
    }

.blurb-secondary-text {
    text-align: right;
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    /*font-style: italic;*/
    text-align: center;
}

.blurb-wrapper .blurb-button { padding-top: 24px }

    .blurb-wrapper .blurb-button a {
        position: relative;
        padding: 20px 30px;
        margin: 0px 0  0px;
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        background: #34373D;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        text-decoration: none;
    }

    .blurb-wrapper .blurb-button a:hover { opacity: 0.7 }

/* == SEPARATOR ============================================================================================ */

div.separator {
    height: 0px;
    position: relative;
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #eee;
}

    div.separator a {
        font-size: 10px;
        color: #333;
        position: absolute;
        top: -7px;
        right: 0;
        background: #eee;
        padding-left: 5px;
    }

/* == Latest Info Posts ===================================================================================== */

.latest-info-posts {
    margin: 0px;
    background: #fff;
}

.latest-info-posts>div.info {
    padding-right: 5px;
    float: left;
    width: 250px;
    background: #003683;
    position: relative;
    min-height: 320px;
}

.latest-info-posts>div .image { position: relative }

.latest-info-posts>div  div.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #34373D;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

    .latest-info-posts>div  div.hover a {
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        position: absolute;
        top: 41%;
        left: 34%;
        color: #34373D;
        padding: 10px 15px;
        font-size: 12px;
        text-shadow: none;
        background: #fff;
        text-decoration: none;
        font-weight: 600;
    }

.latest-info-posts>div  a.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #eee;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

.latest-info-posts>div a.hover span {
    position: absolute;
    top: 41%;
    left: 47%;
    color: #34373D;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-shadow: none;
    background: url(sprites/i/link.png);
    text-align: -9999px;
}

.latest-info-posts>div a.hover span.zoom { background: url(sprites/i/zoom.png) }

.latest-info-posts div h3.custom-font {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 0px 20px;
}

.latest-info-posts div div.description { padding: 0 16px 16px 16px }

    .latest-info-posts div div.description p { color: #dfdfdf

 }

.latest-info-posts div.info .controls-wrap {
    float: right;
    margin: 0px 5px 5px 0;
}

.latest-info-posts div.info a.scrollable-prev {
    background: url(sprites/i/left-arrow.png);
    width: 32px;
    height: 32px;
    float: left;  
    background-color: #003683;
}

.latest-info-posts div.info a.scrollable-next {
    background: url(sprites/i/right-arrow.png);
    width: 32px;
    height: 32px;
    float: left;  background-color: #003683;
}

.latest-info-posts .meta-info {
    margin: 0px 4px 10px 0px;
    font-family: Arial;
    font-style: italic;
    font-size: 10px;
}

.latest-info-posts  .scrollable {
    float: left;
    width: 765px;
    overflow: hidden;
    position: relative;
    height: 320px;
}


.latest-info-posts  .scrollable .items {
        width: 20000em;
        position: absolute;
        top: 0;
        left: 0;
        height: 320px;
    }

.latest-info-posts  .scrollable .items .post-block {
            float: left;
            width: 255px;
            height: 500px;
        }

.two-third-width .latest-info-posts  .scrollable { width:435px; }
.two-third-width .latest-info-posts  .scrollable .post-block { width:218px; }

.one-third-width .latest-info-posts  .scrollable { width:250px; }
.one-third-width .latest-info-posts  .scrollable .post-block { width:250px; }
.one-third-width .latest-info-posts  div.info { width:225px; }


.latest-info-posts a.main-button {
    text-decoration: underline;
    margin: 6px 6px 6px 20px;
    float: left;
  	color: #013682;
    font-weight:bold;
}

.latest-info-posts div.post-block h3.custom-font {
    padding: 0px;
    font-family:Arial;
    margin: 15px 0 10px 0!important;
}

    .latest-info-posts div.post-block h3.custom-font a {
        color: #34373D;
        font-weight: bold;
        font-size: 14px;
        line-height: 18px;
    }

    .latest-info-posts div.post-block h3.custom-font a:hover { text-decoration: none }

.latest-info-posts div.post-block div.desc { padding: 0 10px 0px 20px }

.latest-info-posts div div.description { padding: 0 10px 0px 20px }

    .latest-info-posts div div.description p { margin-bottom: 15px }

.latest-info-posts div.post-block0 { background: #fff }

.latest-info-posts div.post-block1 { background: #fff }

.latest-info-posts div.post-block2 { background: #fff }

/* == scrollable posts ============================================================================== */

.latest-scrollable-posts {
    margin: 0px;
    background: #fff;
}

.latest-scrollable-posts>div.info {
    background: #003683;
    float: right;
    width: 255px;
    position: relative;
    min-height: 420px;
}

    .latest-scrollable-posts>div.info h3.custom-font {
        padding: 10px 15px 0px 20px;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
    }

.latest-scrollable-posts>div .image { position: relative }

.latest-scrollable-posts>div  a.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #eee;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

.latest-scrollable-posts>div a.hover span {
    position: absolute;
    top: 41%;
    left: 47%;
    color: #34373D;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-shadow: none;
    background: url(sprites/i/link.png);
    text-align: -9999px;
}

.latest-scrollable-posts>div a.hover span.zoom { background: url(sprites/i/zoom.png) }

.latest-scrollable-posts div h3.custom-font {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 10px 0px 20px;
}

.latest-scrollable-posts div div.description { padding: 0 10px 0px 20px }

    .latest-scrollable-posts div div.description p {
        margin-bottom: 15px;
        color: #dfdfdf

;
    }

.latest-scrollable-posts div.info .controls-wrap {
    float: left;
    margin: 0px 5px 5px 10px;
}

.latest-scrollable-posts div.info a.scrollable-prev {
    background: url(sprites/i/left-arrow.png);
    width: 32px;
    height: 32px;
    float: left;  background-color: #003683;
}

.latest-scrollable-posts div.info a.scrollable-next {
    background: url(sprites/i/right-arrow.png);
    width: 32px;
    height: 32px;
    float: left;  background-color: #003683;
}

.latest-scrollable-posts a.main-button {
    text-decoration: underline;
    margin: 6px 20px 6px 6px;
    float: right;
    color: #013682;
    font-weight:bold;
}

.latest-scrollable-posts  .scrollable {
    float: left;
    width: 765px;
    overflow: hidden;
    position: relative;
    height: 420px;
}






	
    .latest-scrollable-posts  .scrollable .items {
        width: 20000em;
        position: absolute;
        top: 0;
        left: 0;
        height: 420px;
    }

        .latest-scrollable-posts  .scrollable .items .post-block {
            float: left;
            width: 255px;
            height: 500px;
        }


.two-third-width .latest-scrollable-posts  .scrollable { width:435px; }
.two-third-width .latest-scrollable-posts  .scrollable .post-block { width:217px; }

.one-third-width .latest-scrollable-posts  .scrollable { width:250px; }
.one-third-width .latest-scrollable-posts  .scrollable .post-block { width:250px; }
.one-third-width .latest-scrollable-posts  div.info { width:230px; }

        .latest-scrollable-posts  .scrollable .items .post-block0 { background: #fff }

        .latest-scrollable-posts  .scrollable .items .post-block1 { background: #fff }

        .latest-scrollable-posts  .scrollable .items .post-block2 { background: #fff }

.latest-scrollable-posts .meta-info {
    margin: 0px 4px 10px 0px;
    font-family: Arial;
    font-style: italic;
    font-size: 10px;
}

.latest-scrollable-posts div.post-block h3.custom-font {
    padding: 0px;
    margin: 15px 0 10px 0!important;
}

    .latest-scrollable-posts div.post-block h3.custom-font a {
        color: #444;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        color: #34373D;
    }

    .latest-scrollable-posts div.post-block h3.custom-font a:hover {
        text-decoration: none;
        color: #fff;
    }

.latest-scrollable-posts div.post-block div.desc { padding: 0 10px 0px 20px }

/* == latest posts ============================================================================== */

.latest-home-posts { padding: 23px 0 0 0 }

    .latest-home-posts h3 {
        color: #333;
        font-size: 28px;
        font-weight: 400;
        text-align: center;
        padding: 5px 0 20px 0;
        line-height: 1.3;
        margin: 0px;
    }

    .latest-home-posts .image {
      
        position: relative;
        margin-bottom: 15px;
    }

.latest-home-posts  .image a.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #34373D;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

.latest-home-posts  .image a.hover span {
    position: absolute;
    top: 41%;
    left: 47%;
    color: #34373D;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-shadow: none;
    background: url(sprites/i/link.png);
    text-align: -9999px;
}
    .latest-home-posts .layout_element { padding:0!important; margin:0!important; width:25%; } 
    .two-third-width .latest-home-posts .layout_element{ width:33.33%!important; }
	.one-third-width .latest-home-posts .layout_element{ width:50%!important; }
	
	.latest-home-posts .image img { width: 100% }

    .latest-home-posts .layout_element h3.custom-font {
        text-align: left;
        font-weight: 100;
        line-height: 1.2;
        margin: 0px 5px 0px 5px!important;
        padding-bottom: 8px;
        padding-top: 4px;
    }

    .latest-home-posts .layout_element h3 a {
        font-size: 16px;
        color: #34373D;
        font-weight: 400;
    }

    .latest-home-posts .layout_element h3 a:hover {
        color: #939191

;
        text-decoration: none;
    }

    .latest-home-posts .layout_element p {
        text-align: left;
        line-height: 1.5;
        margin: 4px 5px 20px 5px!important;
        font-weight: 100;
    }

    .latest-home-posts .layout_element a { display: block }
    .one-third-width .latest-home-posts .layout_element a img { width: 100% }
    .two-third-width .latest-home-posts .layout_element a img { width: 100% }

/* == Twitter ============================================================================= */

.twitter-wrapper {
    background: #fff /*url(sprites/i/tw-bg.png) no-repeat left top*/;
    font-family:Arial, sans-serif;
    margin-bottom: 0px;
    text-align: center;
    padding: 10px 20px 20px;
}

.twitter p {
    font-size: 21px;
    font-family:Arial, sans-serif;
    padding: 20px 0;
    color: #003581;
    font-weight: 600;
}

    .twitter p a { color: #003581}

.followme { display: none }

/* == Page/ Post content ============================================================================= */

.home-page-content { margin: 20px 0 }

/* ======================================================================================================================================== */
/* == Page Stylings ======================================================================================================================= */
/* ======================================================================================================================================== */

.title {
    font-size: 18px;
    font-weight: bold!important;
    padding: 0;
    background: #fff;
}

    .title h1 {
    	font-family:Arial;
        padding: 20px 0 10px 20px;
        color: #003683;
    }

#main-content {
    min-height: 320px;
    background: #fff;
}

.titan_slider { padding: 0 }

    .titan_slider .qSlider { margin-left: 0px!important }

.page {
    margin-bottom: 0px;
    margin-top: 0px;
}

.single-video { margin-bottom: 20px }

    .single-video video { width: 100%!important }

    .single-video iframe { width: 100% }
h4{
	font-weight:bold;
	color:#4a4949;
}
/* ======================================================================================================================================== */
/* == Single Stylings ===================================================================================================================== */
/* ======================================================================================================================================== */

/* == Default Single Stylings ===================================================================================== */

.single-image img {
    display: block;
    width: 100%;
}

.single-image { margin-bottom: 20px }

.single-post h1.title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.related-posts {
    margin: 20px 0;
    padding: 10px;
    background: #fff;
}

    .related-posts li {
        float: left;
        width: 50px;
        height: 50px;
        list-style: none;
        margin: 5px 5px  5px 5px;
    }

/* == Blog Styling ======================================================================== */

.social-stuff {
    margin: 10px 0px 0px;
    padding: 20px;
    height: 40px;
    background: white;
    border-top: 1px solid #eee;
}

    .social-stuff .addthis_toolbox { margin-top: 5px }

.details {
    border-top: 1px solid #eee;
    padding: 20px 20px;
}

#authorbox {
    background: #FAFAFA;
    border-top: 1px solid #eee;
    padding: 20px;
}

    #authorbox .author-avatar {
        float: left;
        width: 110px;
    }

        #authorbox .author-avatar img {
            display: block;
            margin: 15px 10px 15px 10px;
        }

    #authorbox .authortext {
        float: left;
        width: 70%;
        margin: 10px 0 0 10px;
        padding-bottom: 20px;
    }

        #authorbox .authortext p {
            padding-right: 20px;
            margin-top: 5px;
            color: #939191

;
        }

        #authorbox .authortext h3 {
            margin-left: 0px;
            margin-top: 0px;
            font-weight: bold;
            color: #34373D;
        }

/* == Comments =========================================================================== */

#comments { line-height: 1.8 }

.comment-info { position: relative }

span.fn {
    margin-top: 5px;
    font-weight: bold;
    color: #34373D;
    margin-left: 2px;
}

#comments ol,
#comments ul {
    margin: 0;
    padding: 0;
}

    #comments ol li,
    #comments ul li {
        list-style: none!important;
        margin: 0;
        padding: 0;
        line-height: 1.8;
    }

#comments h3#comments-title {
    font-size: 18px;
    margin: 0px 20px 15px;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-weight: bold;
    color: #34373D;
}

#comments .image-info {
    clear: left;
    float: left;
    width: 50px;
    margin: 0px;
    padding: 25px 70px 15px 20px;
    border-top: 1px solid #E0E0E0;
}

    #comments .image-info img {
        display: block;
        margin-top: 5px;
    }

    #comments .image-info span { display: block }

#comments .comment-body {
    border-top: 1px solid #222528;
    padding: 25px 70px 42px 20px;
    float: left;
    width: 460px;
    background: #1D1E22;
    border-bottom: 1px solid #34373D;
}

    #comments .comment-body p {
        margin: 0;
        padding: 0;
    }

#comments ol .children .comment-body {
	background: #1F2025;
    padding-left: 55px;
    width: 425px;
}

#comments ol .children .children .comment-body {
	background: #24252A;
    padding-left: 75px;
    width: 405px;
}

#comments ol .children .children .children .comment-body {
	background: #27282E;
    padding-left: 100px;
    width: 380px;
}

/* == Comment Form ======================================================================== */

#respond {
    clear: both;
    padding: 10px 20px;
}

#commentform {

}

#comments_template {
    border-top: none;
    padding: 20px 0;
    background: #fff;
}

    #comments_template form {
        margin-top: 0px;
        margin-left: 0px;
    }

    #comments_template input[type=text] {
        font-size: inherit;
        font-family: inherit;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 10px;
        color: #4a4949;
        width: 60%;
    }

    #comments_template  textarea {
        font-family: inherit;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 10px;
        color: #34373D;
        width: 97%;
        overflow: auto;
        font-size: inherit;
    }

#comments .heading {
    font-size: 18px;
    margin: 25px 0 -15px;
    font-weight: 400;
}

#comments_template form p { margin: 5px 0 20px }

#comments_template form label,
input { float: left }

#comments_template form label {
    width: 45px;
    color: #939191;
    font-size: 12px;
    text-align: right;
    margin-right: 20px;
    margin-top: 4px;
}

div.reply {
    position: absolute;
    top: -15px;
    right: 20px;
}

a.comment-reply-link:hover,
a#cancel-comment-reply-link:hover { opacity: 0.8 }

a.comment-reply-link {
    float: right;
    background: #34373D;
    padding: 3px 10px;
    font-size: 10px;
    color: #fff;
    margin-top: 15px;
    text-decoration: none;
}

a#cancel-comment-reply-link {
    float: right;
    font-size: 10px;
    background: #c33b34;
    padding: 3px 10px;
    color: #fff;
    text-decoration: none;
}

#comments_template form input[type=submit] {
    position: relative;
    padding: 10px 20px;
    margin: 0px 0 20px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #013682;
    text-decoration: none;
    border: none;
    outline: none;
    border-radius: 0;
}

#comments_template form input[type=submit]:hover { /*opacity: 0.9*/ }

#respond h3.custom-font {
    font-weight: bold;
    font-size: 20px;
    font-family:Arial;
    font-weight: bold;
    color: #4a4949;
    margin-bottom: 10px;
}

.fb_comments_template {
    padding: 20px 20px 0px 20px;
    min-height: 165px;
    border-top: 1px solid #eee;
}

.fb-comments,
.fb_iframe_widget iframe[style],
.fb_iframe_widget span[style] { width: 100% !important }

/* ==================================================================================================================================== */
/* == Blog Template Layout ============================================================================================================ */
/* ==================================================================================================================================== */

.preloading {
    background: url(sprites/i/loader.gif) center center no-repeat #fff;
    display: inline-block;
}

    .preloading img {
        visibility: hidden;
        opacity: 0;
    }

#main-content ul.posts {
    padding: 0;
    margin: 0px 0 0 0;
    list-style: none;
}

#main-content ul.posts>li {
    margin: 0px;
    display: block;
    padding: 0px 0 30px 0;
    position: relative;
}

.posts li span.date {
    font-size: 10px;
    color: #bbb;
}

.posts li .imageholder-wrapper,
.posts li .posts-slideshow { margin: 0 0 0px 0 }

.posts li .imageholder img {
    display: block;
    margin: 0;
    width: 100%;
}

.posts li h2.custom-font {
    margin: 15px 0 0 0!important;
    padding: 0px 0px 0 0;
	line-height:1.3;
	color:#4a4949;
	font-family:Arial;
}

    .posts li h2.custom-font a {
        padding: 0;
        margin: 0;
        color: #4a4949;
        font-weight: bold;
    }

    .posts li h2.custom-font a:hover { color: #999 }

.posts li h2 a:hover { text-decoration: none }

.posts li a.read-more {
    background: #00347f;
    color: #fff;
    margin: 15px 0 0px 15px;
    text-transform: capitalize;
    padding: 10px 20px;
    float: left;
    font-weight:bold;
}

.posts li div.extras {
    color: #999;
    font-size: 10px;
    margin: 0px;
}

    .posts li div.extras div {
        display: inline-block;
        margin: 0px 4px 10px 0px;
        font-family: Arial;
        font-style: italic;
        font-size: 10px;
    }

    .posts li div.extras  a {
        color: #333;
        font-weight: 400;
    }

.posts div.format-link div.link {
    background: #2C2E34 url(sprites/i/link-bg.png) 0px 0px no-repeat;
    padding: 40px 40px 60px 40px;
    text-align: center;
    color: #fff;
    margin-bottom: -30px;
}

    .posts div.format-link div.link h2.custom-font {
        margin: 0;
        line-height: 12px;
    }

    .posts div.format-link div.link a {
        color: #fff;
        border-bottom: 1px dotted #ccc;
        font-size: 16px;
    }

    .posts div.format-link div.link a:hover {
        text-decoration: none;
        border-bottom: 1px dotted #fff;
    }

.posts div.format-aside {
    background: #2C2E34 url(sprites/i/quote-bg.png) 0px 0px no-repeat;
    padding: 60px 40px 40px 40px;
}

.posts div.format-quote div.quote {
    background: #2C2E34 url(sprites/i/quote-bg.png) 0px 0px no-repeat;
    padding: 60px 40px 40px 40px;
    text-align: center;
    color: #fff;
    margin-bottom: -30px;
    font-size: 14px;
    font-style: italic;
    line-height: 1.6;
}

.posts .post-format-video {
    display: block;
    width: 100%;
    height: 500px;
    position: relative;
}

.post-format-video iframe,
.post-format-video object,
.post-format-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.posts li .description {
    position: relative;
    padding: 0 15px;
}

.posts div.format-quote div.quote small { color: #fff }

 .posts>li { background:#fafafa }
 .posts>li.oddBG { background: #fff }



div.sidebar-wrap { background:#dfdfdf}

div.sidebar-wrap.oddBG { background:#eee }


.sidebar .sidebar-wrap input[type=text] {
    display: block;
    width: 50%!important;
    padding: 9px!important;
    margin-bottom: 15px;
    font-size: 12px;
    font-family:Arial;
    line-height: 18px;
    color: #4a4949;
    background: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



.sidebar .sidebar-wrap textarea {
    display: block;
    width: 90%!important;
    height: 140px!important;
    padding: 9px!important;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 18px;
    background: /*#2C2E34*/#fff;
   /* color: #fff!important;*/
    border: 1px solid /*#1d1e22*/#fff!important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-family:Arial;
}

.custom-side-menu {
    margin-top: 20px;
    margin-bottom: 20px;
    background: /*#2a2b31*/#d2d2d2;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    box-shadow: 0px;
    border: 1px solid /*#212327*/#eee;
}

    .custom-side-menu ul li ul.sub-menu li {
        border-top: 1px solid #eee;
        border-bottom: none;
    }

    .custom-side-menu ul li {
        border-bottom: 1px solid #eee;
        position: relative;
    }

        .custom-side-menu ul li i {
            position: absolute;
            top: 11px;
            right: 5px;
        }

        .custom-side-menu ul li a {
            color: #4a4849;
            font-weight: 400;
            font-size: 12px;
            padding: 10px 18px;
            padding-left: 30px;
            background: url(sprites/i/custom-menu.gif) 10px 11px no-repeat;
        }

        .custom-side-menu ul li a:hover,
        .custom-side-menu ul li.current-menu-item a {
            background: #dfdfdf url(sprites/i/custom-menu-sub.gif) 10px 11px no-repeat;
            color: #4a4849

;
        }

        .custom-side-menu ul li ul.sub-menu a:hover,
        .custom-side-menu ul li ul.sub-menu li.current-menu-item a {
            background: #dfdfdf url(sprites/i/custom-menu-sub.gif) 22px 11px no-repeat;
            color: #4a4849

;
        }

        .custom-side-menu ul li i.icon-plus { background: url(sprites/i/expand-menu.png) 0px 0px no-repeat }

        .custom-side-menu ul li i.icon-minus { background: url(sprites/i/collapse-menu.png) 0px 0px no-repeat }

        .custom-side-menu ul li ul.sub-menu a {
            padding-left: 40px;
            font-size: 11px;
            background: url(sprites/i/custom-menu.gif) 22px 11px no-repeat;
        }

/* == Single Portfolio Stylings ==================================================================================== */

.single-portfolio-image { margin-top: 20px }

.single-portfolio .project-nav { margin-left: 20px }

div.portfolio_featured_slider div.qSlider { margin-bottom: 20px }
#main-content .project-nav {
    background: none;
    display: block;
}
#main-content .project-nav a {
    background: #eee;
    margin-right: 1px;
    float: left;
    padding: 10px;
}
#main-content .project-nav a:hover { opacity: 0.9 }

.single-portfolio span.portfolio-next {
    background: url(sprites/i/portfolio-previous.png);
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px;
}

.single-portfolio span.portfolio-back {
    background: url(sprites/i/portfolio-thumb.png);
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px;
}

.single-portfolio span.portfolio-previous {
    background: url(sprites/i/portfolio-next.png);
    width: 16px;
    height: 16px;
    display: block;
    margin: 1px;
}

.single-portfolio h2.custom-font {
    font-size: 20px;
    font-weight: bold;
    font-family:Arial;
    color: #4a4949;
}

.single-portfolio strong {
    font-weight: bold;
    color: #484848;
}

.single-video {
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
    width: 100%;
    height: 350px;
    position: relative;
}

    .single-video iframe,
    .single-video object,
    .single-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#main-content { position: relative }

    #main-content iframe,
    #main-content object,
    #main-content embed { max-width: 100% }

/* ==================================================================================================================================== */
/* == Portfolio Layout ================================================================================================================ */
/* ==================================================================================================================================== */

.full-width .portfolio-one-column { margin-top: 0px }

    .full-width .portfolio-one-column .posts>li h2 a {
        font-weight: bold;
        font-size: 22px;
        line-height: 20px;
        color: #34373D;
    }

    .full-width .portfolio-one-column .posts>li .description p {   }

    .full-width .portfolio-one-column ul.posts {
        padding: 0;
        margin: 30px 0 0 0;
        position: relative;
    }

    .full-width .portfolio-one-column .posts>li {
        width: 1020px;
        display: block;
        margin: 1px 0px 15px 0px;
        padding: 0px;
        list-style: none;
        position: relative;
        background: #fff;
    }

    .full-width .portfolio-one-column ul.posts>li.oddBgColor { background: #fafafa }

    .full-width .portfolio-one-column ul.posts>li  h2.custom-font a:hover { text-decoration: none }

    .full-width .portfolio-one-column .posts>li h2.custom-font {
        padding: 0px 4px 0px 0px;
        margin-bottom: 3px!important;
    }

    .full-width .portfolio-one-column .posts>li p { padding: 0px }

    .full-width .portfolio-one-column .posts>li .btn { float: right }

/* ==  two columns ==================================================== */

.full-width .portfolio-two-column .posts>li h2 a {
    font-weight: bold;
    font-size: 18px!important;
    line-height: 20px;
    color: #34373D;
}

.full-width .portfolio-two-column .posts>li .description p {

}

.full-width .portfolio-two-column { margin-top: 0px }

    .full-width .portfolio-two-column .imageholder-wrapper { position: relative }

    .full-width .portfolio-two-column ul.posts {
        padding: 0;
        margin: 30px 0 0 0;
        position: relative;
    }

    .full-width .portfolio-two-column .posts>li {
        width: 510px;
        float: left;
        margin: 0px!important;
        padding: 0px;
        list-style: none;
        position: relative;
        background: #fff;
    }

    .full-width .portfolio-two-column ul.posts>li.oddBgColor { background: #fafafa }

    .full-width .portfolio-two-column ul.posts>li  h2.custom-font a:hover { text-decoration: none }

    .full-width .portfolio-two-column .posts>li  h2.custom-font {
        padding: 0px 4px 0px 0px;
        margin-bottom: 3px!important;
    }

    .full-width .portfolio-two-column .posts>li .more-link {
        float: right;
        background: none;
        border: none;
        color: #444;
        margin-right: 10px;
    }

/* ==  three columns ==================================================== */

.full-width .portfolio-three-column .posts>li h2.custom-font {
    line-height: 1.1!important;
}


.full-width .portfolio-three-column .posts>li h2 a {
    font-weight: bold;
    font-size: 16px!important;
    line-height: 16px!important;
    color: #34373D;
}

.full-width .portfolio-three-column .posts>li .description p {

}

.full-width .portfolio-three-column { margin-top: 0px }

    .full-width .portfolio-three-column .imageholder-wrapper {
        width: 340px;
        height: 200px;
        position: relative;
    }

    .full-width .portfolio-three-column ul.posts {
        padding: 0;
        margin: 30px 0 0 0;
        position: relative;
    }

    .full-width .portfolio-three-column ul.posts>li.oddBgColor { background: #fafafa }

    .full-width .portfolio-three-column ul.posts>li {
        width: 340px;
        float: left;
        margin: 0px!important;
        padding: 0px;
        list-style: none;
        position: relative;
        background: #fff;
    }

        .full-width .portfolio-three-column ul.posts>li  h2.custom-font a:hover { text-decoration: none }

    .full-width .portfolio-three-column .posts>li  h2.custom-font {
        padding: 0px 4px 0px 0px;
        margin-bottom: 3px!important;
    }

    .full-width .portfolio-three-column .posts>li .more-link {
        float: right;
        background: none;
        border: none;
        margin-right: 10px;
    }

/* ==  four columns ==================================================== */

.full-width .portfolio-four-column {
    margin-left: 0px;
    margin-top: 0px;
}

    .full-width .portfolio-four-column .imageholder {
        width: 255px;
        height: 150px;
        position: relative;
    }

    .full-width .portfolio-four-column  .imageholder-wrapper {
        position: relative;
        width: 255px;
        height: 150px;
    }

.imageholder-wrapper  a.hover {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 4;
    background: #dfdfdf;
    opacity: 0.9;
    top: 0;
    left: 0;
    display: none;
}

.imageholder-wrapper a.hover span {
    position: absolute;
    top: 41%;
    left: 47%;
    color: #34373D;
    width: 25px;
    height: 25px;
    font-size: 12px;
    text-shadow: none;
   background: url(sprites/i/link.png);
    text-align: -9999px;
}

.imageholder-wrapper a.hover span.zoom { background: url(sprites/i/zoom.png) }

.full-width .portfolio-four-column ul.posts {
    padding: 0;
    margin: 30px 0 0 0;
    position: relative;
}

.full-width .portfolio-four-column ul.posts>li.oddBgColor { background: #fafafa }

.full-width .portfolio-four-column ul.posts>li {
    width: 255px;
    float: left;
    border-radius: none;
    padding: 0px 0px 10px 0;
    list-style: none;
    position: relative;
    background: #fff;
}

    .full-width .portfolio-four-column ul.posts>li  h2.custom-font {
        padding: 0px 4px 0px 0px;
        margin-bottom: 3px!important;
    }

        .full-width .portfolio-four-column ul.posts>li  h2.custom-font a:hover { text-decoration: none }

.full-width .portfolio-four-column .posts>li h2 a {
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #34373D;
    display: block;
}

.full-width .portfolio-four-column .posts>li .description p {
    color: #939191

;
    font-size: 12px;
}

.full-width .portfolio-four-column .posts>li .btn { margin-top: 10px }

.terms {
    margin: 0px 4px 10px 0px;
    font-family: Arial;
    font-style: italic;
    font-size: 10px;
}

.portfolio-template h1 {
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.portfolio-taxonomy {
    padding: 0;
    margin: 0;
}

    .portfolio-taxonomy ul {
        margin: 0!important;
        padding: 0;
        background: #f4f4f4;
    }

        .portfolio-taxonomy ul li {
            float: left;
            list-style: none;
            margin: 0px!important;
            font-size: 13px;
            color: #fff;
            text-align: center;
            cursor: pointer;
        }

            .portfolio-taxonomy ul li a {
                color: #94989F;
                padding: 16px 30px;
                display: block;
            }

        .portfolio-taxonomy ul li:hover,
        .portfolio-taxonomy ul li.active { background-color: #dfdfdf}

            .portfolio-taxonomy ul li:hover a,
            .portfolio-taxonomy ul li.active a {
                color: #494949;
                text-decoration: none;
            }

.portfolio-metadata {
    margin-left: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .portfolio-metadata ul {
        padding: 0;
        margin: 0;
    }

    .portfolio-metadata li {
        list-style: none;
        margin-left: 0;
    }

#main-content .project-nav {
    float: left;
    margin-bottom: 40px;
}

/* ==================================================================================================================================== */
/* == Pricing Tables Stylings  ======================================================================================================== */
/* ==================================================================================================================================== */

.shortcodetable .plans {
    color: #6A717A;
    font-size: 12px;
    margin: 30px auto;
    display: block;
    text-shadow: 1px 1px 0 #212325;
}

.shortcodetable .plans>div {
    float: left;
    width: 174px;
    border-top: 1px solid #212325;
    border-bottom: 1px solid #212325;
    border-left: 1px solid #494c4e;
    position: relative;
    background-color: #2a2c2f;
    background-image: -webkit-gradient(linear, left bottom, right top, from(rgb(42, 44, 47)), to(rgb(54, 57, 62)));
    background-image: -webkit-linear-gradient(left bottom, rgb(42, 44, 47), rgb(54, 57, 62));
    background-image: -moz-linear-gradient(left bottom, rgb(42, 44, 47), rgb(54, 57, 62));
    background-image: -o-linear-gradient(left bottom, rgb(42, 44, 47), rgb(54, 57, 62));
    background-image: -ms-linear-gradient(left bottom, rgb(42, 44, 47), rgb(54, 57, 62));
    background-image: linear-gradient(left bottom, rgb(42, 44, 47), rgb(54, 57, 62));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#2a2c2f', EndColorStr='#36393e');
    padding: 0!important;
    margin: 0!important;
}

.shortcodetable .plans>div.first { border-left: 1px solid #212325 }

.shortcodetable .plans>div.last { border-right: 1px solid #212325 }

.shortcodetable .plans>div ul {
    margin: 0!important;
    padding: 0!important;
    list-style: none;
}

div.shortcodetable div.plans>div ul li {
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px dotted #6A717A;
    margin: 0 12px;
    list-style: none;
}

.shortcodetable .plans>div ul li.plan_name {
    color: #fff;
    background-color: #2d3035;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(45, 48, 53)), to(rgb(35, 36, 39)));
    background-image: -webkit-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: -moz-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: -o-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: -ms-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2d3035', EndColorStr='#232427');
    font-size: 18px;
    font-weight: 400;
    padding: 35px 12px;
    text-align: center;
    text-shadow: 1px 1px 0 #212325;
    border-bottom: none;
    margin: 0!important;
    letter-spacing: -1px;
}

.shortcodetable .plans>div ul li.currency {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #494c4e;
    border-top: 1px solid #494c4e;
    background-color: #2d3035;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(45, 48, 53)), to(rgb(35, 36, 39)));
    background-image: -webkit-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: -moz-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: -o-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: -ms-linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    background-image: linear-gradient(top, rgb(45, 48, 53), rgb(35, 36, 39));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#2d3035', EndColorStr='#232427');
    margin: 0 0 8px 0!important;
    letter-spacing: -2px;
    padding: 12px 0;
}

.shortcodetable .plans>div ul li.description {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #212325;
    letter-spacing: -1px;
}

.shortcodetable .plans>div ul li.sign-button {
    border-bottom: none;
    margin: 28px 0 0;
    border-top: 1px solid #2B2D31;
    padding: 18px 0;
}

    .shortcodetable .plans>div ul li.sign-button a {
        background: #494C4E url(sprites/i/button-bg.png) repeat-x;
        border: 1px solid #26272B;
        border-radius: 3px;
        padding: 8px 25px;
        margin: 1px auto;
        display: inline-block;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        box-shadow: 0 0 3px #26272B;
        text-shadow: 1px 1px 1px #282A2D;
    }

    .shortcodetable .plans>div ul li.sign-button a:hover {
        opacity: 0.85;
        text-decoration: none;
    }

.shortcodetable .plans>div.featured {
    background-color: #3e71e0;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(62, 113, 224)), to(rgb(72, 137, 241)));
    background-image: -webkit-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: -moz-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: -o-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: -ms-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#3e71e0', EndColorStr='#4889f1');
    width: 210px;
    border: 1px solid #4889F1;
    margin-left: -2px;
    margin-right: -2px;
    z-index: 2;
    margin-top: -21px;
    text-shadow: 1px 1px 1px #3F71E0;
    color: #fff;
}

.shortcodetable .plans>div ul li.description {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 1px 1px 0 #222;
    letter-spacing: -1px;
}

.shortcodetable .plans>div.featured ul li.description { text-shadow: 1px 1px 0 #3B6AD1 }

.shortcodetable .plans>div.featured ul {
    border-left: 5px solid #4889F1;
    border-right: 5px solid #4889F1;
}

.shortcodetable .plans>div.featured li {

}

.shortcodetable .plans>div.featured li.plan_name {
    background-color: #3e71e0;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(62, 113, 224)), to(rgb(72, 137, 241)));
    background-image: -webkit-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: -moz-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: -o-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: -ms-linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    background-image: linear-gradient(left top, rgb(62, 113, 224), rgb(72, 137, 241));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#3e71e0', EndColorStr='#4889f1');
    border-top: 5px solid #4889F1;
    text-shadow: 1px 1px 1px #3B6AD1;
    border-bottom: none;
}

.shortcodetable .plans>div.featured ul li.currency {
    color: #fff;
    border-bottom: 1px solid #5090FC;
    border-top: 1px solid #5090FC;
    background-color: #4889f1;
    background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(72, 137, 241)), to(rgb(62, 113, 224)));
    background-image: -webkit-linear-gradient(left top, rgb(72, 137, 241), rgb(62, 113, 224));
    background-image: -moz-linear-gradient(left top, rgb(72, 137, 241), rgb(62, 113, 224));
    background-image: -o-linear-gradient(left top, rgb(72, 137, 241), rgb(62, 113, 224));
    background-image: -ms-linear-gradient(left top, rgb(72, 137, 241), rgb(62, 113, 224));
    background-image: linear-gradient(left top, rgb(72, 137, 241), rgb(62, 113, 224));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#4889f1', EndColorStr='#3e71e0');
}

.shortcodetable .plans>div.featured ul li { border-bottom: 1px dotted #5090FC }

.shortcodetable .plans>div.featured ul li.sign-button {
    border-top: none;
    border-bottom: none;
}

    .shortcodetable .plans>div.featured ul li.sign-button a {
        background: #494C4E url(sprites/i/button-bg.png) repeat-x;
        border: 1px solid #26272B;
        border-radius: 3px;
        padding: 8px 25px;
        margin: 1px auto;
        display: inline-block;
        color: #fff;
        font-weight: 400;
        font-size: 13px;
        box-shadow: 0 0 3px #26272B;
        text-shadow: 1px 1px 1px #222;
    }

    .shortcodetable .plans>div.featured ul li.sign-button a:hover { opacity: 0.85 }

.pagination {
    background: #dfdfdf;
    margin: 0!important;
    padding: 0!important;
}

    .pagination a {
        color: #34373D;
        font-weight: bold;
    }

    .pagination a:hover,
    .pagination .active a {
        background-color: white;
        color: #34373D;
    }

/* ===  Contact form 7 stylings ===================================================== */

.wpcf7 { margin: 20px 0 }

    .wpcf7 p { clear: both }

        .wpcf7 p span {
            margin: 0;
            padding: 0 0 10px 0px;
            display: block;
            clear: both;
        }

    .wpcf7 span input[type=text] {
        display: block;
        width: 60%;
        padding: 8px;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 18px;
        color: #34373D;
        border: 1px solid #cccccc;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .wpcf7 span  textarea.wpcf7-textarea {
        display: block;
        width: 60%;
        height: 170px;
        padding: 8px;
        margin-bottom: 9px;
        font-size: 13px;
        line-height: 18px;
        color: #34373D;
        border: 1px solid #cccccc;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin-top: 10px;
    }

.ajax-loader { display: none }

.wpcf7-submit {
    padding: 10px 15px;
    display: inline-block;
    clear: right;
    *zoom: 1;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 1px #2C2F35;
    vertical-align: middle;
    background: #2C2F35;
    border: 1px solid #2C2F35;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    cursor: pointer;
    *margin-left: .3em;
    margin-bottom: 20px;
}

.wpcf7-submit:hover { opacity: 0.9 }

.wpcf7-response-output {
    clear: both;
    margin: 0;
    width: 80%;
}

/* == Breadcrumbs ===================================================================== */

#breadcrumbs {
    padding: 15px 0 15px 20px;
    background: #eee;
    color: #4E5158;
}

    #breadcrumbs a { color: #939191

 }

div.lpager ul li a { border: 1px solid #eee }

/* ==================================================================================================================================== */
/* == 404 ============================================================================================================================= */
/* ==================================================================================================================================== */

h2.not-found {
    text-align: center;
    padding-top: 25px;
}

p.not-found {
    text-align: center;
    margin: 20px;
}

.content .error-search label { display: none }

.error-search #searchform {
    width: 550px;
    margin: 40px auto;
    height: 60px;
    display: block;
}

.error-search input[type=text] {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 7px;
    width: 410px!important;
    display: block;
}

.error-search #searchsubmit {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    background: #34373D;
    cursor: pointer;
    border: none;
    border-radius: 0;
    padding: 10px 20px;
    text-shadow: none;
}

h5.custom-font { margin-bottom: 10px }

/* Modified by Sujith for home page sliders */
div.slideimagestyle {
	float: left;
	width:238px;
	padding-left: 15px;
}
div.slideimage_1 {
}
div.slideimage_2 {
}
div.slideimage_3 {
}
div.slideimage_4 {
}
.eslogan{
		clear:both;color:#fff;padding-top:2px;font-size:18px;line-height:21px;text-align:right;z-index:999;position:absolute;top:42px;left:/*470px*/220px;
}
/*new added*/
.slogan1 { margin-right:185px; }
.slogan2 {margin-right:168px;}
.slogan3 {margin-right:160px;}
/**/

/* Responsive styles */
.width-100
{
  width: 100% !important; 
}
.tbl-mobile img
{
  width: 100% !important;	 
}
.tbl-mobile
{
  width: 100%!important;
}

.gabyl-pamplonasub span
{
	 text-align: center;
    background-color: #92d050;
    color: black;
    width: 134px;
    float: left;
    padding: 6px;
    font-weight: bold;
}
.gabyl-pamplonasub2
{
	clear: both !important;
	margin-left: 16%;
}
.gabyl-pamplonasub2 span
{
	 text-align: center;
    color: black;
    width: 134px;
    padding: 3px 8px;
    background-color: #92cddc;
}

.gabyl-pamplona h4
{
    background-color: #00b0f0;
    text-align: center;
    font-size: 14px;
    padding: 10px;
}
 .calidad-tbl
 {
 	 margin-left: 0%;
 }
 .calidad-tbl h3,.calidad-tbl p 
 {
 	 display: inline;
 }
 .calidad-head1
{
	text-align: center;
  margin-left:6%;
} 
.calidad-head2
{
	text-align: center;
  margin-left:13%;
}  
.calidad-head3
{
	text-align: center;
  margin-left:10%;
} 
.calidad-head4
{
	text-align: center;
  margin-left:10%;
} 
.seguridad-img,.wp-image-7024
{
	width: 100%;
}


@media screen and (max-width: 767px) 
{
 .calidad-tbl
 {
 	height: 1000px;
 }
 .ventas1
 {
 	 margin-top: -1px !important;
 }
 .almacen1
 {
 	 margin-top: 58px !important;
 }
 .calidad-img img, .calidad-tbl h3
 {
 	 position: absolute !important;
 }
 .calidad-head1
 {
 	 top: 26%;
 }
 .calidad-head2
 {
 	 top: 49%;
 }
 .calidad-head3
 {
 	 top: 72%;
 }
 .img1-9001 img
 {
 	 top: 29%;
 }
 .img2-9001 img
 {
 	 top: 35%;
 }
 .img3-9001 img
 {
 	 top: 41%;
 } 
 .img1-14001 img
 {
 	 top: 52%;
 }
 .img2-14001 img
 {
 	 top: 58%;
 }
 .img3-14001 img
 {
 	 top: 64%;
 }
 .img1-18001 img
 {
 	 top: 75%;
 }
 .img2-18001 img
 {
 	 top: 81%;
 }
 .img3-18001 img
 {
 	 top: 87%;
 }
.img1-50001 img
 {
 	 top: 100%;
 }
 .img2-50001 img
 {
 	 top: 100%;
 }
 .img3-50001 img
 {
 	 top: 100%;
 } 
 .calidad-tbl 
 {
    margin-left: 30%;
 }
 .calidad-head1 
 {
    text-align: center;
    margin-left: 11%;
 }
 .calidad-head2 
 {
    text-align: center;
    margin-left: 9%;
 }
 .calidad-head3 
 {
    text-align: center;
    margin-left: 5%;
 }
 .imelco-img img, .aden-img img
 {
 	width: 90%;
 }
 #footer-menu 
  {
    padding: 90px 0px 30px 0;
  }
 #footer-menu .footer-text
 {
  margin-top: 44px !important;
 }
 #footer .footer-logos 
 {
 	 padding: 5px 10px 0 12px !important;
 }
}

@media screen and (max-width: 479px) 
{
 #Ecommerce
 {
   width: 89% !important;
 }
.top-right-area ul.top-social-icons li a
 {
   width: 28px !important;
 }
.eslogan
 { 
    max-width: 150px !important;
    font-size: 11px !important;
 }
.slogan1
 {
   margin-top: 0px !important;
 }
 .mob-ecom
 {
   margin-right: -165px !important;
 }
 div.slideimagestyle 
 {
   padding-left: 10% !important;
 }
 #main-content .cushion-v p img
 {
  margin: 0px !important;
 } 
 .productos-tr1 td
 { 
 	display: block !important;
 } 
 .productos-tr1 td img
 { 
 	 height: 80px !important;
 }  
 .productos-tr2 td
 { 
 	display: block !important;
 	height: 20px !important;
 	margin-top: 10%;
 } 
 .productos-tr3 td
 { 
 	display: block !important;
 	height: 20px !important;
 	margin-top: 13%;
 }
 .productos-tr4 td {
    display: block !important;
    height: 20px !important;
    margin-top: 13%;
}
 .productos-td-head1
 {
   margin-top: -183% !important;
 } 
 .productos-td-head2
 {
   margin-top: -202% !important;
 }
 .productos-td-head2eng
 {
   margin-top: -182% !important;
 }
 .productos-td-head3
 {
   margin-top: -205% !important;
 } 
 .productos-td-head3eng
 {
   margin-top: -183% !important;
 }
 .productos-td-head4
 {
    margin-top: -74% !important;
 }
 .gabyl-pamplonasub span
 {
 	 width: 82px !important;
 	 clear:left;
 }
 .gabyl-pamplonasub2
 {
    clear: none !important; 
    margin-left: 40%;
 }
 .gabyl-pamplonasub2 span
 {
  display: block;
  width: 120px;
  height: 16px;
  margin-top: -17px;
  padding: 2px 8px;
 }
 .calidad-tbl 
 {
    margin-left: 15%;
 }
}


/*Raul*/


.plantillarenovable h1.custom-font{display: none;}
.plantillarenovable .skeleton{background: #fff;}
.plantillarenovable .izq img,
.plantillarenovable .dch img,
.plantillarenovable .cab img
{    width: 100%; display: block;} 
.plantillarenovable #main-content{}
.plantillarenovable #main-content h2{    color: #003683; border-bottom: 2px solid #003683;font-weight: 800; font-size: 23px;    padding-top: 22px;}
.plantillarenovable #main-content strong{    color: #003683;  }
.plantillarenovable #main-content,
.plantillarenovable .izq
{    display: block;  width: 46%;float:left;padding: 0 2% 40px; min-height: 0!important;}
.plantillarenovable .dch.esp{  margin-top: 68px; }
.plantillarenovable .dch{    min-height: 0!important;    display: block;float:right; width: 46%;padding: 0 2% 40px;}
.plantillarenovable .limpiar{   clear:both;    min-height: 0!important;}
.plantillarenovable iframe{    display: block; width: 100%; height: 573px; margin-bottom: 50px;   }
.plantillarenovable iframe{   }

@media screen and (min-width:0px) and (max-width:1020px) {
    .plantillarenovable iframe{     height: auto;     }
}
@media screen and (min-width:0px) and (max-width:767px) {
    .plantillarenovable #main-content,
    .plantillarenovable .izq,
    .plantillarenovable .dch
    {    float: none; width: 100%;  margin: 0 auto;  padding: 0 0 20px;}
    .plantillarenovable iframe{   height: 270px!important;  }
}