/*------------------*/
/*	GENERAL
/*------------------------------------------------------*/

/* ----------- Logo ----------- */
#trueHeader #logo
{
    float: left;
    display: block;
    width: 100%;
    height: 48px;
    text-indent: -999em;
    background: url(../images/logo1.png) no-repeat left top;
    /*padding: 15px;*/
    margin-top: 6px;
}


/*------------------*/
/*	SITE STRUCTURE
/*------------------------------------------------------*/

.textbox
{
    border: 1px solid #bbbbbb;
    box-shadow: none;
    height: 30px;
    margin: 5px 0 0;
    max-width: 300px;
    width: 100%;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 0 none !important;
    border-radius: 4px;
    color: #a0a0a0;
    display: inline-block;
    min-height: 46px;
    padding-bottom: 9px;
    padding-left: 15px !important;
    padding-right: 9px;
    padding-top: 9px;
    text-align: left;
    text-transform: none;
    /*width: 274px;*/
}



.site_wrapper
{
    width: 100%;
    margin: 0 auto 0 auto;
}

.container_full
{
    width: 100%;
    float: left;
    margin: auto auto auto auto;
}

.container
{
    width: 1170px;
    margin: auto auto auto auto;
    content: " ";
    display: table;
}





.container_inner
{
    width: 1170px;
    margin: auto auto auto auto;
}


.mapcolor
{
    font-size: 14px;
}

.menu ul > li.active a
{
    color: #fff !important;
    background-color: #3E4095;
    border-radius: 4px 4px 0 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


/* columns */
.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth
{
    position: relative;
    margin-right: 4%;
    float: left;
}

.one_full
{
    width: 100%;
}

.one_half
{
    width: 48%;
}

.one_third
{
    width: 30.650%;
}

.one_fourth
{
    width: 22%;
}

.one_fifth
{
    width: 16.800%;
}

.two_third
{
    width: 65.350%;
}

.three_fourth
{
    width: 74%;
}

.last
{
    margin-right: 0 !important;
    clear: right;
}


/*------------------*/
/*	MENU
/*------------------------------------------------------*/

#access .menu
{
    list-style: none;
    font-weight: normal;
    position: relative;
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 0px;
}

    #access .menu select
    {
        border: 2px solid #eee;
        padding: 10px 10px 10px 10px;
        background-color: #f9f9f9;
        color: #333;
    }

    #access .menu ul
    {
        margin: 0px;
        list-style-type: none;
        position: relative;
        text-align: left;
        z-index: 1001;
        height: auto;
        margin: 16px 0px 16px 0px;
        float: right;
    }

        #access .menu ul li
        {
            position: relative;
            display: inline-block;
            padding: 0;
            z-index: 101;
            /*margin: 0px 4px 0px 0px;*/
            float: left;
            background: url(../images/menu-divider.html) no-repeat right 31px;
        }

            #access .menu ul li.last
            {
                background: none;
            }

            #access .menu ul li a
            {
                display: inline-block;
                text-decoration: none;
                font-family: 'Open Sans', sans-serif;
                font-size: 14px;
                line-height: 1;
                color: #3b3a39;
                margin: 0;
                padding: 10px;
                text-align: center;
            }

                #access .menu ul li a i
                {
                    margin-left: 4px;
                }

                #access .menu ul li a:hover
                {
                    color: #fff;
                    background-color: #3E4095;
                    border-radius: 4px;
                    border-bottom-left-radius: 0px;
                    border-bottom-right-radius: 0px;
                }

                #access .menu ul li a.active
                {
                    color: #fff;
                    background-color: #F7C221;
                    border-radius: 4px;
                }

            #access .menu ul li ul
            {
                position: absolute;
                left: 0;
                height: auto;
                display: none;
                visibility: hidden;
                width: 194px;
                padding: 0;
                margin-top: -1px;
                text-align: left;
                background: #F7C221;
                border-radius: 4px;
                border-top-left-radius: 0px;
            }

                #access .menu ul li ul li
                {
                    display: list-item;
                    float: none;
                    background: none;
                    padding: 0;
                    margin: 0;
                    height: auto;
                }

                    #access .menu ul li ul li ul
                    {
                        top: 0;
                    }

                    #access .menu ul li ul li a
                    {
                        margin: 0;
                        border: none;
                        display: block;
                        padding: 14px 17px 14px 17px;
                        font-size: 13px;
                        font-family: 'Open Sans', sans-serif;
                        font-weight: normal;
                        color: #fff;
                        background: #F7C327;
                        width: 159px;
                        text-align: left;
                        border-bottom: 1px solid #f6f6f6;
                        border-radius: 4px;
                        border-top-left-radius: 0px;
                    }

                        #access .menu ul li ul li a:hover,
                        #access .menu ul li ul li.active a,
                        #access .menu ul li ul li a.selected
                        {
                            background: #ffa841;
                            border-bottom: 1px solid #f3f3f3;
                            color: #fff;
                            padding: 14px 17px 14px 17px;
                            border-radius: 4px;
                            border-top-left-radius: 0px;
                        }

                    #access .menu ul li ul li:last-child
                    {
                        border: none;
                    }

* html #access .menu
{
    height: 1%;
}

.selectnav
{
    display: none;
    width: 440px;
    margin-left: 20px;
}



/*------------------*/
/*	PAGES
/*------------------------------------------------------*/

.slider_button1
{
    float: left;
    background: url(../images/slider-but01.png) no-repeat center top;
    width: 180px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: right;
    vertical-align: middle;
    line-height: 50px;
    text-transform: uppercase;
}

    .slider_button1 i
    {
        float: left;
        margin: 18px 0px 0px 18px;
    }

    .slider_button1:hover
    {
        color: #fff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

.slider_button2
{
    float: left;
    background: url(../images/slider-but02.png) no-repeat center top;
    width: 180px;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: right;
    vertical-align: middle;
    line-height: 50px;
    text-transform: uppercase;
}

    .slider_button2 i
    {
        float: left;
        margin: 18px 0px 0px 18px;
    }

    .slider_button2:hover
    {
        color: #fff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

/* all bottom sections */
.bottom_section
{
    float: left;
    width: 100%;
}

    .bottom_section .one_half
    {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

.new_website
{
    float: left;
    width: 70%;
    height: 332px;
    padding-left: 30%;
    padding-top: 28px;
    background: url(../images/new-website-pic.png) no-repeat left top;
}

    .new_website strong
    {
        font-size: 14px;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px;
    }

    .new_website ul
    {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 13px 0px 0px 0px;
    }

    .new_website li
    {
        float: left;
        padding: 13px 0px;
        margin: 0 3% 0 0;
        width: 45%;
        background-color: #fff;
        border-radius: 4px;
        color: #3b3a39;
    }

        .new_website li i
        {
            margin-left: 13px;
            margin-right: 4px;
            color: #727272;
        }

    .new_website a
    {
        float: left;
        color: #F7C221;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 22px;
    }

        .new_website a:hover
        {
            color: #3b3a39;
        }

.people_says
{
    float: left;
    width: 93%;
    padding: 5% 0% 5.5% 7%;
    border-radius: 4px;
    background-color: #f0f0f0;
}

/* clients */
.clients
{
    float: left;
    width: 100%;
}

    .clients img
    {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }

.twitter_feeds_main
{
    float: left;
    width: 100%;
    background: #F7C221 url(../images/bg-texture3.png) repeat-x left top;
    margin-top: 30px;
    padding: 20px 0px 20px 0px;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
}

.twitter_feeds
{
    float: left;
    width: 92%;
    min-height: 60px;
    padding-left: 8%;
    padding-top: 5px;
    color: #fff;
    background: url(../images/twitter-icon.png) no-repeat left top;
}

    .twitter_feeds a
    {
        color: #fff;
    }

        .twitter_feeds a:hover
        {
            color: #3b3a39;
        }

    .twitter_feeds strong
    {
        font-weight: 600;
    }

    .twitter_feeds small a
    {
        color: #fff;
        font-size: 10px;
        margin-right: 5px;
    }

        .twitter_feeds small a:hover
        {
            color: #727272;
        }

/*.wave_graphs {
	float: left;
	width: 100%;
	height: 7px;
	margin-top: -7px;
	background: url(../images/waves-graph.png) repeat-x left top;
}*/

/* footer */
.footer
{
    float: left;
    width: 100%;
    background: #3b3a39 url(../images/bg-texture4.png) repeat left top;
    padding-bottom: 18px;
}

    .footer .one_fourth
    {
        float: left;
        width: 22%;
        color: #999;
    }

    .footer h3
    {
        color: #fff;
        font-weight: normal;
        margin-bottom: 27px;
    }

    .footer ul.list
    {
        padding: 0px;
        margin: 0;
    }

    .footer .list li
    {
        margin: 0;
        padding: 0px;
        line-height: 28px;
    }

        .footer .list li i
        {
            margin-right: 4px;
            font-weight: bold;
        }

        .footer .list li a
        {
            color: #999;
        }

            .footer .list li a:hover
            {
                color: #eee;
            }

    .footer ul.recent_blogs
    {
        padding: 12px 0px 0 0px;
        margin: -5px 0px 0px 0px;
    }

    .footer .recent_blogs li
    {
        padding: 0px 0 20px 0px;
        margin: 0px 0px 20px 0px;
        float: left;
        border-bottom: 1px solid #404040;
    }

        .footer .recent_blogs li.last
        {
            margin: 0px 0px 0px 0px;
            border-bottom: none;
        }

        .footer .recent_blogs li img
        {
            border: 3px solid #fff;
            float: left;
            margin-right: 20px;
        }

        .footer .recent_blogs li a
        {
            color: #999;
        }

            .footer .recent_blogs li a:hover
            {
                color: #eee;
            }

        .footer .recent_blogs li i
        {
            font-size: 11px;
            line-height: 16px;
            float: left;
            margin-top: 5px;
            font-style: normal;
            color: #727272;
        }

        .footer .recent_blogs li p
        {
            margin: -5px 0px 0px 0px;
        }

    .footer .any_questions
    {
        float: left;
        padding: 10px 10px 18px 10px;
        margin: 5px 0 0 0;
        min-width: 100%;
        min-height: 88px;
        background-color: #212121;
        border-radius: 4px;
        color: #999;
    }

        .footer .any_questions img
        {
            float: left;
            margin-right: 20px;
        }

        .footer .any_questions p
        {
            line-height: 18px;
        }

        .footer .any_questions h3
        {
            color: #e3e3e3;
            margin: 0px;
            font-weight: bold;
            font-size: 17px;
        }

            .footer .any_questions h3 i
            {
                color: #eee;
                text-transform: none;
                font-size: 14px;
                font-style: normal;
            }

    .footer .live_chat
    {
        float: left;
        padding: 20px 10px 18px 20px;
        margin: 27px 0 0 0;
        min-width: 188px;
        background-color: #212121;
        border-radius: 4px;
        text-transform: uppercase;
    }

        .footer .live_chat img
        {
            float: left;
            margin-right: 20px;
        }

        .footer .live_chat a
        {
            font-size: 27px;
            color: #e3e3e3;
            line-height: 22px;
        }

        .footer .live_chat h2
        {
            font-size: 27px;
            color: #e3e3e3;
            line-height: 22px;
            margin: 0px;
            font-weight: 600;
        }

            .footer .live_chat h2 i
            {
                font-size: 14px;
                color: #999;
                font-style: normal;
            }

        .footer .live_chat a:hover
        {
            color: #999;
        }

.footer_sectwo
{
    float: left;
    width: 100%;
    margin-top: 30px;
}

    .footer_sectwo .container
    {
        background: url(../images/h-line.png) repeat-x left top;
        padding-top: 28px;
    }

    .footer_sectwo .free_scripts h4
    {
        color: #fff;
        width: 130px;
        float: left;
    }

    .footer_sectwo .free_scripts
    {
        float: left;
        width: 48%;
    }

        .footer_sectwo .free_scripts ul
        {
            float: left;
            padding: 0px;
            margin: 4px 0px 0px 0px;
        }

        .footer_sectwo .free_scripts li
        {
            float: left;
            padding: 0px;
            margin: 0px 11px;
        }

    .footer_sectwo .payments_list h4
    {
        color: #fff;
        width: 100px;
        float: left;
    }

    .footer_sectwo .payments_list
    {
        float: right;
        width: 48%;
    }

        .footer_sectwo .payments_list ul
        {
            float: left;
            padding: 0px;
            margin: 4px 0px 0px 0px;
        }

        .footer_sectwo .payments_list li
        {
            float: left;
            padding: 0px;
            margin: 0px 10px;
        }

/* copyrights */
.copyright_info
{
    float: left;
    padding: 15px 0px 15px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    color: #999;
    border-top: 4px solid #292929;
    background: url(../images/bg-texture5.png) repeat left top;
}

    .copyright_info .one_half
    {
        float: left;
        width: 48%;
        margin-right: 4%;
    }

    .copyright_info b
    {
        font-size: 12px;
        color: #999;
        font-style: normal;
        font-weight: normal;
    }

    .copyright_info span
    {
        float: right;
    }

    .copyright_info a
    {
        margin-top: 10px;
        font-size: 12px;
        color: #999;
        text-align: right;
    }

        .copyright_info a:hover
        {
            color: #eee;
        }

/* footer social links */
ul.footer_social_links
{
    float: right;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.footer_social_links li
{
    float: left;
    padding: 0px;
    margin: 0px 0px 0px 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 24px;
    line-height: 22px;
    vertical-align: middle;
    background-color: #333;
    color: #999;
}

    .footer_social_links li:hover
    {
        background-color: #454545;
    }

    .footer_social_links li i
    {
        color: #999;
    }


/*------------------*/
/*	CONTENT
/*------------------------------------------------------*/
.content_left
{
    float: left;
    width: 71%;
    padding: 40px 0px 40px 0px;
}

.content_fullwidth
{
    float: left;
    width: 100%;
    padding: 40px 0px 50px 0px;
}

.right_sidebar
{
    float: right;
    width: 25%;
    padding: 40px 0px 40px 0px;
}

.left_sidebar
{
    float: left;
    width: 25%;
    padding: 40px 0px 50px 0px;
}

.content_right
{
    float: right;
    width: 71%;
    padding: 40px 0px 40px 0px;
}

/* page title */
.page_title
{
    float: left;
    width: 100%;
    margin-top: 100px;
    padding: 20px 0px;
    background: #272727 url(../images/bg-texture4.png) repeat left top;
}

    .page_title .title
    {
        width: 100%;
        float: left;
        text-align: left;
        margin: 0px;
    }

        .page_title .title h1
        {
            margin: 0px 0px 0px 0px;
            background: none;
            font-weight: 300;
            color: #fff;
        }

    .page_title .pagenation
    {
        float: left;
        width: 100%;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        font-size: 12px;
        text-align: left;
        font-weight: normal;
        color: #eee;
        margin: 4px 0px 0px 0px;
        padding: 0px;
    }

        .page_title .pagenation i
        {
            color: #999;
            margin: 0px 2px 0px 2px;
        }

        .page_title .pagenation a
        {
            padding: 0px 0px 0px 0px;
            color: #999;
        }

            .page_title .pagenation a:hover
            {
                color: #eee;
            }


/* our team */
.our_team_box
{
    width: 100%;
    float: left;
}

    .our_team_box ul
    {
        margin: 0;
        padding: 7px 0 0 0px;
        float: left;
        width: 180px;
    }

    .our_team_box li
    {
        margin: 0;
        padding: 0;
        line-height: 18px;
        list-style-type: none;
        color: #a9a9a9;
    }

        .our_team_box li a
        {
            margin: 7px 5px 0 0;
            padding: 0;
            float: left;
        }

    .our_team_box img.teammempic
    {
        width: 100%;
        margin: 0px;
        padding: 0;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }

        .our_team_box img.teammempic:hover
        {
            width: 100%;
            margin: 0px;
            padding: 0;
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

    .our_team_box li a img:hover
    {
        margin: 0px;
        padding: 0;
        opacity: 0.7;
        filter: alpha(opacity=10);
    }

    .our_team_box li strong
    {
        font-size: 13px;
        color: #454545;
        display: block;
    }

        .our_team_box li strong i
        {
            color: #999;
            font-size: 11px;
            font-style: normal;
        }

    .our_team_box .boxleft
    {
        width: 180px;
        float: left;
        margin: 0px 36px 0 0;
    }

    .our_team_box .cont-area
    {
        float: left;
        font-size: 10px;
        color: #727272;
        width: 100%;
        margin-bottom: 10px;
    }

    .our_team_box .boxright
    {
        width: 180px;
        float: right;
        margin: 0px;
    }

    .our_team_box li a i
    {
        color: #dadada;
        margin-right: 1px;
    }

/* our team big */
.our_team_box_big
{
    width: 100%;
    float: left;
}

    .our_team_box_big ul
    {
        margin: 0;
        padding: 20px 0 0 0px;
        float: left;
        width: 245px;
    }

    .our_team_box_big li
    {
        margin: 0;
        padding: 0;
        line-height: 18px;
        list-style-type: none;
        color: #a9a9a9;
    }

        .our_team_box_big li a
        {
            margin: 7px 5px 0 0;
            padding: 0;
            float: left;
        }

    .our_team_box_big img.teammempic
    {
        /*width: 245px;*/
        margin: 0px;
        padding: 0;
        float: left;
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
        border-radius: 50%;
    }

        .our_team_box_big img.teammempic:hover
        {
            filter: alpha(opacity=100);
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

    .our_team_box_big li a img:hover
    {
        margin: 0px;
        padding: 0;
        opacity: 0.7;
        filter: alpha(opacity=10);
    }

    .our_team_box_big li strong
    {
        font-size: 14px;
        color: #454545;
        display: block;
    }

        .our_team_box_big li strong i
        {
            color: #999;
            font-size: 12px;
            font-style: normal;
        }

    .our_team_box_big .cont-area
    {
        float: left;
        font-size: 10px;
        color: #727272;
        width: 100%;
        margin-bottom: 10px;
    }

    .our_team_box_big li a i
    {
        color: #dadada;
        margin-right: 4px;
    }

ul.list_doted02
{
    float: left;
    margin: 13px 0px 0px 0px;
    padding: 0px;
}

.list_doted02 li
{
    margin: 0px 0px 13px 0px;
    padding: 0px 0px 0px 13px;
}

    .list_doted02 li h5
    {
        margin-bottom: 2px;
        padding-bottom: 8px;
        border-bottom: 1px solid #f3f3f3;
    }

.big_text1
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 27px;
    line-height: 35px;
    color: #999;
}

    .big_text1 i
    {
        color: #F7C221;
        font-style: normal;
        font-weight: normal;
    }

.big_text2
{
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 22px;
    color: #3E4095;
    padding-top: 22px;
    padding-bottom: 22px;
    font-style: italic;
    text-align: center;
    width: 100%;
    background: #f9f9f9 url(../images/h-lines2.png) repeat-x left top;
}

    .big_text2 i
    {
        font-weight: 300;
    }

ul.fullimage_box
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 48%;
}

.fullimage_box li
{
    padding: 0px;
    margin: 0px;
}

    .fullimage_box li img
    {
        margin-bottom: 8px;
        width: 100%;
    }

        .fullimage_box li img:hover
        {
        }

ul.fullimage_box.last
{
    float: left;
    width: 48%;
    margin-left: 4%;
}

ul.fullimage_box2
{
    float: left;
    padding: 30px 20px;
    margin: 0px;
    width: 86.6%;
    border: 1px solid #eee;
    border-radius: 4px;
}

.fullimage_box2 li
{
    padding: 0px;
    margin: 0px;
    text-align: center;
}

ul.fullimage_box2.last
{
    float: left;
    width: 100%;
    margin-left: 4%;
}

.fullimage_box2 li i
{
    color: #F7C221;
}

.fullimage_box2 h3
{
    color: #F7C221;
    margin-top: 13px;
}

.box_widget_full
{
    float: left;
    width: 96%;
    padding: 2%;
    margin: 0px;
    background-color: #fbfbfb;
    border: 1px solid #eee;
    border-bottom: 2px solid #eee;
}

    .box_widget_full h3
    {
        margin-bottom: 10px;
    }

    .box_widget_full i
    {
        float: left;
        margin-right: 20px;
    }


/* client logos */
ul.clients_logos_list
{
    padding: 0;
    margin: 30px 0 0 0px;
    position: relative;
}

.clients_logos_list li
{
    padding: 0;
    margin: 0;
    float: left;
    width: 25%;
}

    .clients_logos_list li.last
    {
        margin: 0 0px 0 0;
    }

/* get features */
.get_features
{
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
}

    .get_features h5
    {
        margin-bottom: 7px;
        font-weight: normal;
    }

    .get_features p
    {
        line-height: 19px;
    }

    .get_features ul.get_features_list
    {
        float: left;
        padding: 0px;
        margin: 0px 0px 35px 0px;
    }

        .get_features ul.get_features_list.last
        {
            margin: 0px 0px 0px 0px;
        }

    .get_features .get_features_list li
    {
        float: left;
        padding: 0px;
        margin: 0px;
    }

        .get_features .get_features_list li.left
        {
            float: left;
            padding: 0px;
            margin: 0px 15px 0px 0px;
            width: 44px;
            height: 44px;
            background-color: #F7C221;
            border-radius: 45px;
            text-align: center;
            line-height: 52px;
            vertical-align: middle;
        }

            .get_features .get_features_list li.left i
            {
                color: #fff;
            }

        .get_features .get_features_list li.right
        {
            width: 80%;
        }


/* section 2 */
ul.lirt_section
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.lirt_section li.left
{
    float: left;
    padding: 0px;
    margin: 0 25px 0 0;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    vertical-align: middle;
    background-color: #f3f3f3;
    border-radius: 100%;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
    font-size: 22px;
}

.lirt_section li strong
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #F7C221;
    display: block;
    margin: 8px 0 0 0;
}

.lirt_section li i
{
    font-style: normal;
}

/* 404 Error Page */
.error_pagenotfound
{
    padding: 50px 30px 58px 30px;
    margin: 0 auto;
    width: 67%;
    background-color: #fff;
    border: 1px solid #eee;
    border-bottom: 5px solid #eee;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

    .error_pagenotfound strong
    {
        display: block;
        font-size: 145px;
        line-height: 100px;
        color: #e3e3e3;
        font-weight: normal;
    }

    .error_pagenotfound b
    {
        display: block;
        font-size: 40px;
        line-height: 40px;
        color: #eee;
        margin: 0;
        font-weight: 300;
    }

    .error_pagenotfound em
    {
        display: block;
        font-size: 18px;
        line-height: 50px;
        color: #F7C221;
        margin: 0;
        font-style: normal;
    }

/* portfolio single image */
.portfolio_area
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.portfolio_area_left
{
    padding: 0px;
    margin: 0px;
    width: 75%;
    float: left;
}

    .portfolio_area_left img
    {
        padding: 0px;
        margin: 0px;
        width: 100%;
        float: left;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    }

.portfolio_area_right
{
    padding: 0px;
    margin: 0px 0px 0px 3%;
    width: 22%;
    float: left;
}

.project_details
{
    padding: 0px;
    margin: 70px 0px 0px 0px;
}

    .project_details span
    {
        padding: 5px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 14px;
        font-weight: bold;
        color: #454545;
        float: left;
        width: 100%;
        border-bottom: 1px solid #e3e3e3;
    }

    .project_details strong
    {
        padding: 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        font-weight: bold;
        color: #727272;
        float: left;
        width: 40%;
    }

    .project_details em
    {
        padding: 0px 0px;
        margin: 0px 0px 0px 0px;
        font-size: 13px;
        font-weight: normal;
        font-style: normal;
        color: #727272;
        float: left;
        width: 60%;
    }

    .project_details span a
    {
        padding: 3px 10px;
        margin: 0px 0px 0px 3px;
        font-size: 11px;
        line-height: 30px;
        font-weight: normal;
        font-style: normal;
        color: #727272;
        background-color: #e3e3e3;
        border-radius: 3px;
    }

        .project_details span a:hover
        {
            background-color: #ddd;
        }

.addto_favorites
{
    padding: 3px 10px 5px 10px;
    margin: 20px 0px 0px 0px;
    width: 122px;
    display: block;
    border-radius: 3px;
    font-size: 13px;
    color: #999;
    background: #eee;
}

    .addto_favorites:hover
    {
        background: #ddd;
    }

    .addto_favorites i
    {
        color: #c3c3c3;
    }

ul.small_social_links
{
    padding: 0px;
    margin: 9px 0 25px 0px;
}

.small_social_links li
{
    padding: 0px;
    margin: 0px 9px 0px 0px;
    float: left;
}

    .small_social_links li i
    {
        color: #F7C221;
    }

    .small_social_links li a
    {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }

        .small_social_links li a:hover
        {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

.portfolio_image
{
    float: left;
    width: 97%;
    padding: 0px;
    margin: 0px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

    .portfolio_image .title
    {
        float: left;
        width: 92%;
        padding: 10px 19px 7px 20px;
        margin: 0px;
        font-size: 13px;
        color: #333;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
        text-transform: uppercase;
    }

    .portfolio_image i
    {
        position: absolute;
        display: none;
        color: #fff;
        margin-left: 45%;
        margin-top: 22%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
        -moz-opacity: 0.9;
        -khtml-opacity: 0.9;
        opacity: 0.9;
    }

    .portfolio_image:hover i
    {
        display: block;
    }

    .portfolio_image img
    {
        float: left;
        width: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        -moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;
    }

        .portfolio_image img:hover
        {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            -moz-opacity: 1;
            -khtml-opacity: 1;
            opacity: 1;
        }

/* blog */
.blog_post
{
    float: left;
    width: 100%;
}

    .blog_post h3
    {
        float: left;
        text-align: left;
        color: #333;
        width: 85%;
        line-height: 30px;
    }

        .blog_post h3 a
        {
            color: #F7C221;
            text-decoration: none;
            float: left;
            margin-top: 3px;
            text-transform: none;
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            font-size: 30px;
        }

            .blog_post h3 a:hover
            {
                color: #3b3a39;
            }

.post_info_content
{
    padding: 0px;
    margin: 10px 0 0 10%;
    width: 90%;
    float: left;
}

ul.post_meta_links
{
    float: left;
    margin: -10px 0px 0px -6px;
    padding: 0px 0px 0px 0px;
    width: 80%;
}

.post_meta_links li
{
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    list-style-type: none;
    color: #999;
}

    .post_meta_links li.post_by
    {
        padding: 0px 0px 0px 25px;
        background: url(../images/blog/icon-by-user.png) no-repeat 5px 5px;
    }

    .post_meta_links li.post_categoty
    {
        padding: 0px 0px 0px 22px;
        background: url(../images/blog/icon-category.png) no-repeat 2px 6px;
    }

    .post_meta_links li.post_comments
    {
        padding: 0px 0px 0px 22px;
        background: url(../images/blog/icon-comments.png) no-repeat 2px 5px;
    }

    .post_meta_links li a
    {
        color: #a1a1a1;
        padding: 0px 18px 0px 0px;
        text-decoration: none;
        font-size: 11px;
    }

        .post_meta_links li a:hover
        {
            color: #727272;
            text-decoration: none;
        }

.blog_postcontent
{
    float: left;
    width: 100%;
}

    .blog_postcontent .image_frame
    {
        float: left;
        width: 98%;
        border: 7px solid #fff;
        margin-bottom: 25px;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    }

        .blog_postcontent .image_frame:hover
        {
            border: 7px solid #f9f9f9;
        }

        .blog_postcontent .image_frame img
        {
            float: left;
            width: 99.7%;
            border: 1px solid #fff;
        }

    .blog_postcontent .video_frame iframe
    {
        float: left;
        width: 98%;
        height: 400px;
        border: 7px solid #fff;
        margin-bottom: 25px;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    }

        .blog_postcontent .video_frame iframe:hover
        {
            border: 7px solid #f9f9f9;
        }

/* blog small */
.blog_post h3
{
    width: 74%;
}

.blog_postcontent .image_frame.small
{
    float: left;
    width: 43%;
    border: 7px solid #fff;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

    .blog_postcontent .image_frame.small:hover
    {
        border: 7px solid #f9f9f9;
    }

.blog_postcontent .image_frame img
{
    float: left;
    width: 99.7%;
    border: 1px solid #fff;
}

.blog_postcontent .video_frame.small iframe
{
    float: left;
    width: 43%;
    height: 180px;
    border: 7px solid #fff;
    margin-bottom: 25px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);
}

.blog_postcontent .video_frame iframe:hover
{
    border: 7px solid #f9f9f9;
}

.post_info_content_small
{
    padding: 0px;
    margin: 0 0 0 4%;
    width: 50%;
    float: left;
}

ul.post_meta_links_small
{
    float: left;
    margin: -15px 0px 12px 80px;
    padding: 0px 0px 0px 0px;
    width: 80%;
}

.post_meta_links_small li.post_by
{
    float: left;
    padding: 0px 0px 0px 18px;
    background: url(../images/blog/icon-by-user.png) no-repeat 0px 5px;
}

.post_meta_links_small li.post_categoty
{
    float: left;
    padding: 0px 0px 0px 26px;
    background: url(../images/blog/icon-category.png) no-repeat 9px 6px;
}

.post_meta_links_small li.post_comments
{
    float: left;
    padding: 0px 0px 0px 26px;
    background: url(../images/blog/icon-comments.png) no-repeat 9px 5px;
}

.post_meta_links_small li a
{
    color: #a1a1a1;
    padding: 0px 5px 0px 0px;
    text-decoration: none;
    font-size: 11px;
}

    .post_meta_links_small li a:hover
    {
        color: #727272;
        padding: 0px 5px 0px 0px;
        text-decoration: none;
        font-size: 11px;
    }

.blog_post a.date
{
    padding: 10px 5px 0px 0px;
    text-decoration: none;
    width: 55px;
    height: 55px;
    text-align: center;
    background: #f9f9f9;
    display: block;
    margin-right: 20px;
    float: left;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}

    .blog_post a.date strong
    {
        color: #F7C221;
        font-size: 27px;
        font-weight: normal;
        display: block;
        margin-bottom: 10px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
    }

    .blog_post a.date:hover strong
    {
        color: #333;
    }

    .blog_post a.date i
    {
        color: #fff;
        font-size: 11px;
        font-style: normal;
        padding: 0px 0px;
        display: block;
        border-top: 1px solid #f3f3f3;
        width: 60px;
        background-color: #F7C221;
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
    }

    .blog_post a.date:hover i
    {
        background-color: #3b3a39;
    }

.post_readmore:link, .post_readmore:visited
{
    float: right;
    height: 27px;
    width: 185px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    background: url(../images/skin01/but_post_readmore.html) no-repeat left top;
}

.post_readmore:hover
{
    float: right;
    height: 27px;
    width: 185px;
    text-align: center;
    padding-top: 7px;
    color: #fff;
    text-decoration: none;
    background: url(../images/skin01/but_post_readmore_hover.html) no-repeat left top;
}

.sharepost
{
    float: left;
    width: 80%;
    margin-bottom: 40px;
}

    .sharepost ul
    {
        margin: 0px;
        padding: 0px;
    }

    .sharepost li
    {
        margin: 0px 7px 5px 0px;
        padding: 2px 5px;
        float: left;
        border-radius: 2px;
        list-style-type: none;
        background-color: #F7C221;
    }

        .sharepost li i
        {
            color: #fff;
        }

        .sharepost li:hover
        {
            background-color: #3b3a39;
        }

.about_author
{
    float: left;
    width: 93%;
    padding: 20px;
    background-color: #f9f9f9;
    border: 1px solid #eee;
}

    .about_author img
    {
        float: left;
        margin-right: 20px;
    }

    .about_author a
    {
        font-family: 'Open Sans' !important;
        font-weight: normal;
        font-weight: 600;
        color: #333;
    }

        .about_author a:hover
        {
            color: #F7C221;
        }


/* pagination */
.pagination
{
    clear: both;
    padding: 10px 0;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
}

    .pagination b
    {
        float: left;
        margin: 0px 5px 2px 0;
        padding: 0px 10px;
        font-weight: normal;
        color: #999;
    }

    .pagination a.navlinks
    {
        font-size: 12px;
        color: #454545;
        background-color: #eee;
        font-weight: 600;
        text-transform: uppercase;
        padding: 7px 10px;
        border-radius: 3px;
    }

        .pagination a.navlinks:hover
        {
            color: #fff;
            background-color: #454545;
        }

    .pagination a.current
    {
        color: #fff;
        background-color: #454545;
    }

/* comment form */
.comment_form
{
    float: left;
    width: 100%;
    margin-top: 30px;
}

    .comment_form label
    {
        float: left;
        width: 90px;
        height: 15px;
        padding: 7px 10px;
        margin-bottom: 20px;
    }

.comment_input_bg
{
    float: left;
    width: 75%;
    height: 25px;
    padding: 7px 10px 0px 10px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.comment_textarea_bg
{
    float: left;
    width: 90%;
    height: 235px;
    padding: 7px 10px 0px 10px;
    margin-bottom: 20px;
    border-top: 2px solid #e3e3e3;
    border-left: 2px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.comment_checkbox
{
    float: left;
    display: block;
    width: 90%;
    margin-top: 10px;
}

.comment_submit
{
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 9px 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    border-radius: 4px;
    color: #333;
    text-transform: uppercase;
}

    .comment_submit:hover
    {
        background-color: #f9f9f9;
        cursor: pointer;
    }

/* comments */
.comment_wrap
{
    padding: 20px 20px 20px 0px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

    .comment_wrap.chaild
    {
        border-bottom: 1px solid #eee;
        margin: 10px 20px 10px 50px;
        overflow: hidden;
    }

.gravatar
{
    float: left;
}

.comment_content
{
    overflow: hidden;
    padding-left: 20px;
    position: relative;
    min-height: 80px;
}

    .comment_content .comment_meta
    {
        position: relative;
    }

        .comment_content .comment_meta .comment_author
        {
            display: inline;
            font-size: 14px;
            font-style: normal;
        }

            .comment_content .comment_meta .comment_author i
            {
                display: inline;
                font-size: 11px;
                font-style: italic;
            }

    .comment_content .comment_text
    {
        clear: both;
        padding-top: 0px;
        overflow: hidden;
    }

        .comment_content .comment_text a
        {
            color: #d3d3d3;
            margin-top: 5px;
            float: left;
        }

            .comment_content .comment_text a:hover
            {
                color: #727272;
                margin-top: 5px;
                float: left;
            }

#comments_section li ul li
{
    margin-left: 30px;
}

/* contact form */
.comment_form
{
    float: left;
    width: 690px;
    margin-top: 30px;
}

.blocklabel
{
    float: left;
    width: 100%;
    display: block;
    margin-top: 10px;
    font-size: 15px;
}

.comment_form label
{
    float: left;
    width: 90px;
    height: 15px;
    padding: 7px 10px;
    margin-bottom: 20px;
}

.input_bg
{
    float: left;
    width: 100%;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
    border-top: 2px solid #e1e1e1;
    border-left: 2px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.textarea_bg
{
    float: left;
    width: 100%;
    height: 235px;
    padding: 7px 10px 0px 10px;
    margin-bottom: 20px;
    border-top: 2px solid #e1e1e1;
    border-left: 2px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.address-info
{
    float: left;
    background-color: #f9f9f9;
    border: 1px solid #e1e1e1;
    padding: 20px 20px 10px 20px;
    width: 91%;
    margin-bottom: 40px;
}

    .address-info a
    {
        color: #F7C221;
    }

        .address-info a:hover
        {
            color: #454545;
        }

.google-map
{
    width: 99%;
    height: 300px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}


/* Portfolio Page */
.portfolio_page
{
    padding: 0px;
    margin: 0px;
    float: left;
    width: 100%;
}

    .portfolio_page h3
    {
        color: #fff;
        text-align: center;
        width: 370px;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
        background-color: #35353d;
        float: left;
    }

    .portfolio_page .imgWrap
    {
        position: relative;
        width: 370px;
        height: 300px;
    }

        .portfolio_page .imgWrap.last
        {
            margin-right: 0px;
        }

        .portfolio_page .imgWrap img
        {
            float: left;
            width: 100%;
            height: 250px;
        }

    .portfolio_page .imgDescription
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(00, 000, 000, 0.40);
        color: #fff;
        visibility: hidden;
        opacity: 0;
    }

    .portfolio_page .imgWrap:hover .imgDescription
    {
        visibility: visible;
        opacity: 1;
    }

    .portfolio_page .imgDescription i
    {
        position: absolute;
        top: 103px;
        left: 160px;
        color: #fff;
        opacity: 0.8;
    }

/* our products */
.our_products
{
    width: 100%;
    float: left;
}

    .our_products ul
    {
        width: 100%;
        float: left;
    }

    .our_products li
    {
        width: 47.8%;
        float: left;
        margin-top: 20px;
        margin-right: 30px;
        margin-bottom: 10px;
    }

        .our_products li h4
        {
            color: #3b3a39;
            margin-top: 5px;
            margin-bottom: 10px;
        }

        .our_products li.last
        {
            width: 47.8%;
            float: left;
            margin-top: 20px;
        }

    .our_products.big
    {
        margin-top: -25px;
    }

    .our_products li .icon
    {
        float: left;
        width: 100px;
        height: 100px;
        border: 3px solid #f0f0f0;
        border-radius: 100%;
        text-align: center;
        line-height: 120px;
        vertical-align: middle;
        margin-right: 30px;
    }

        .our_products li .icon i
        {
            color: #b9b9b9;
            font-size: 40px;
        }

    .our_products.two li .icon i
    {
        color: #F7C221;
    }

/* fresh projects */
.fresh_projects
{
    float: left;
    width: 100%;
    background: #f0f0f0 url(../images/elements/light_honeycomb.html) repeat left top;
    text-align: center;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
    box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
}

    .fresh_projects h1
    {
        font-size: 40px;
        padding: 0px;
        margin: 0px 0px 45px 0px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

        .fresh_projects h1 strong
        {
            font-weight: normal;
        }

        .fresh_projects h1 i
        {
            font-size: 18px;
            color: #727272;
            font-style: normal;
            display: block;
            padding-top: 18px;
            line-height: 27px;
        }

.fresh_projects_list section .display .small-group
{
    float: left;
    width: 550px;
    height: 340px;
    overflow: hidden;
}

    .fresh_projects_list section .display .small-group div.small
    {
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
        color: #fff;
        text-align: center;
        overflow: hidden;
    }

        .fresh_projects_list section .display .small-group div.small img
        {
            width: 100%;
            height: 250px;
            -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
            -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
        }

        .fresh_projects_list section .display .small-group div.small .hover
        {
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            z-index: 90;
        }

        .fresh_projects_list section .display .small-group div.small:hover .hover
        {
            background: #000;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            -moz-opacity: 0.5;
            -khtml-opacity: 0.5;
            opacity: 0.5;
            height: 250px;
        }

        .fresh_projects_list section .display .small-group div.small:hover .info
        {
            color: #fff;
        }

        .fresh_projects_list section .display .small-group div.small a
        {
            color: #fff;
        }

        .fresh_projects_list section .display .small-group div.small .info
        {
            position: absolute;
            bottom: 20px;
            margin-bottom: 0px;
            left: 0;
            width: 100%;
            z-index: 100;
            background: none;
            border: none;
            -webkit-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            -moz-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            -o-transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            transition: bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        }

            .fresh_projects_list section .display .small-group div.small .info h1
            {
                background: none;
                color: #3b3a39;
                margin: 0px;
                padding: 0px;
                line-height: normal;
                font-size: 16px;
                font-weight: normal;
            }

            .fresh_projects_list section .display .small-group div.small .info h2
            {
                background: none;
                color: #727272;
                margin: 0px 0px 0px 0px;
                padding: 0px;
                font-size: 13px;
                font-weight: normal;
            }

.fresh_projects_list section.cheapest .small-group .additionnal
{
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    margin-top: 20px;
}

    .fresh_projects_list section.cheapest .small-group .additionnal b
    {
        padding: 7px 10px 7px 20px;
        margin: 0px 0px 0px 0px;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        border: 1px solid #fff;
        border-radius: 2px;
    }

.fresh_projects_list section.cheapest .small-group div.small:hover .info
{
    bottom: 207px;
}

.fresh_projects_list section.cheapest .small-group div.small:hover .additionnal
{
    opacity: 1;
}

.fresh_projects_list section.cheapest .small-group div.small:hover h1, .fresh_projects_list section.cheapest .small-group div.small:hover h2, .fresh_projects_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3, .fresh_projects_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3
{
    color: #fff;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

    .fresh_projects_list section.cheapest .small-group div.small:hover h2 strong, .fresh_projects_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 strong, .fresh_projects_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3 strong
    {
        color: #fff;
        margin: 0px;
        padding: 0px;
        line-height: normal;
    }

.portfolio_sidebar_widget .fresh_projects_list section .display .small-group div.small .info h1
{
    background: none;
    color: #fff;
    margin: 0px;
    padding: 0px;
    line-height: normal;
    font-size: 16px;
    font-weight: normal;
}

.portfolio_sidebar_widget .fresh_projects_list section .display .small-group div.small .info h2
{
    background: none;
    color: #fff;
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-size: 13px;
    font-weight: normal;
}

.portfolio_sidebar_widget .fresh_projects_list section .display .small-group
{
    float: left;
    width: 550px;
    height: 250px;
    overflow: hidden;
}

.portfolio_sidebar_widget .jcarousel-skin-tango .jcarousel-clip-horizontal
{
    width: 100%;
    height: 250px;
}

.portfolio_sidebar_widget .fresh_projects_list section.cheapest .small-group div.small:hover .info
{
    bottom: 130px;
}

/* hosting plan */
.hosting_page_plan_main
{
    position: relative;
    float: left;
}

.hosting_page_plan.first
{
    position: relative;
    float: left;
    width: 39.4%;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

    .hosting_page_plan.first .title
    {
        float: left;
        width: 100%;
        height: 27px;
        padding: 13px 0 10px 0;
        background: url(../images/gray-bg.jpg) repeat left top;
        text-align: center;
        font-size: 20px;
        color: #fff;
        border-top: 3px solid #272727;
        border-bottom: 1px solid #000;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        text-transform: uppercase;
    }

.hosting_page_plan
{
    position: relative;
    float: left;
    width: 20%;
    border-right: 1px solid #eee;
}

    .hosting_page_plan i.green
    {
        color: #2bce05;
    }

    .hosting_page_plan i.gray
    {
        color: #d3d3d3;
    }

    .hosting_page_plan .title
    {
        float: left;
        width: 100%;
        height: 27px;
        padding: 13px 0 10px 0;
        background: url(../images/gray-bg.jpg) repeat left top;
        text-align: center;
        font-size: 14px;
        color: #fff;
        border-top: 3px solid #272727;
        border-bottom: 1px solid #818181;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .hosting_page_plan .price
    {
        float: left;
        width: 100%;
        padding: 0 0 10px 0;
        text-align: center;
        font-size: 30px;
        color: #F7C221;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

        .hosting_page_plan .price i
        {
            font-size: 14px;
            color: #F7C221;
            font-weight: normal;
            font-style: normal;
            margin-top: 5px;
        }

    .hosting_page_plan .cont-list
    {
        float: left;
        width: 100%;
        padding: 20px 0;
        background-color: #fff;
        text-align: center;
        color: #727272;
    }

        .hosting_page_plan .cont-list ul
        {
            margin: 0;
            padding: 0;
        }

        .hosting_page_plan .cont-list li
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 35px;
            border-bottom: 1px solid #eee;
        }

            .hosting_page_plan .cont-list li.last
            {
                border: none;
            }

    .hosting_page_plan .ordernow
    {
        float: left;
        width: 100%;
        height: 90px;
        padding: 18px 0 0px 0;
        background-color: #f7f7f7;
        border-bottom: 1px solid #eee;
        text-align: center;
        color: #fff;
    }

        .hosting_page_plan .ordernow h4
        {
            padding: 20px 0px 0px 0px;
            text-align: center;
            color: #F7C221;
        }

a.ordernow_but
{
    padding: 9px 20px 9px 20px;
    margin: 10px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #F7C221;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #353535;
}

    a.ordernow_but:hover
    {
        background-color: #3b3a39;
    }

/* our support */
.our_support
{
    width: 42.5%;
    padding: 10px 20px 10px 20px;
    float: left;
    border-radius: 5px;
    border: 5px solid #f0f0f0;
}

    .our_support.last
    {
        padding: 10px 20px 10px 20px;
        float: right;
    }

    .our_support h3
    {
        color: #272727;
        border-bottom: 1px solid #eee;
        padding: 5px 0px;
        margin-bottom: 20px;
    }

    .our_support h5
    {
        color: #F7C221;
        margin-bottom: 3px;
        font-size: 14px;
    }

        .our_support h5 img
        {
            margin-right: 10px;
            float: left;
        }

    .our_support a
    {
        color: #454545;
    }

        .our_support a:hover
        {
            color: #F7C221;
        }

    .our_support p strong
    {
        font-weight: 600;
    }

.address-info
{
    float: left;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    padding: 15px 15px 10px 15px;
    width: 95%;
    margin-bottom: 40px;
}

    .address-info a
    {
        color: #3E4095;
    }





/*------------------*/
/*	RIGHT SIDEBAR
/*------------------------------------------------------*/
/* site search */
.site-search-area
{
    margin: 0px;
    padding: 0px;
}

#site-searchform
{
    margin: 0;
    padding: 0;
}

    #site-searchform #s
    {
        border: 1px solid #eee;
        background-color: #fff;
        width: 71%;
        height: 30px;
        padding: 5px 10px 5px 10px;
        color: #999;
        float: left;
        font: normal 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
    }

    #site-searchform #searchsubmit
    {
        float: left;
        width: 50px;
        height: 41px;
        cursor: pointer;
        text-indent: -5555em;
        line-height: 100;
        overflow: hidden;
        background: #F7C221 url(../images/site-search-icon.png) no-repeat center 14px;
        border: 0;
    }

        #site-searchform #searchsubmit:hover
        {
            background: #3b3a39 url(../images/site-search-icon.png) no-repeat center 14px;
        }

.sidebar_widget
{
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

    .sidebar_widget ul.arrows_list1
    {
        padding: 0px;
        margin: 0px;
        float: left;
        margin-top: -10px;
    }

        .sidebar_widget ul.arrows_list1 li a
        {
            color: #3E4095;
            line-height: 30px;
        }

            .sidebar_widget ul.arrows_list1 li a:hover
            {
                color: #9A9090;
            }

        .sidebar_widget ul.arrows_list1 i
        {
            margin-right: 4px;
        }

.sidebar_title
{
    float: left;
    width: 100%;
}

.sidebar_widget h3, .clientsays_widget h3
{
    margin-bottom: 30px;
    float: left;
    font-weight: 300;
}

    .sidebar_widget h3 i, .clientsays_widget h3 i
    {
        font-weight: normal;
        font-style: normal;
    }

/* Recent Posts */
ul.recent_posts_list
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
}

.recent_posts_list li
{
    padding: 0px 0px 13px 0px;
    margin: 0px 0px 16px 0px;
    list-style-type: none;
    border-bottom: 1px solid #f5f6f6;
    float: left;
    width: 100%;
}

    .recent_posts_list li a
    {
        text-decoration: none;
        line-height: 17px;
        display: block;
        color: #999;
    }

        .recent_posts_list li a:hover
        {
            color: #F7C221;
        }

    .recent_posts_list li span
    {
        float: left;
        margin-right: 15px;
    }

        .recent_posts_list li span img
        {
            float: left;
            margin-right: 0px;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
            -moz-opacity: 0.8;
            -khtml-opacity: 0.8;
            opacity: 0.8;
        }

            .recent_posts_list li span img:hover
            {
                float: left;
                margin-right: 0px;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                -moz-opacity: 1;
                -khtml-opacity: 1;
                opacity: 1;
            }

    .recent_posts_list li i
    {
        padding: 1px 0px 0px 0px;
        margin: 0px;
        display: block;
        font-size: 10px;
        font-style: normal;
        color: #c9c9c9;
    }

    .recent_posts_list li.last
    {
        padding: 0px 0px 7px 0px;
        margin: 0px 0px 0px 0px;
        border-bottom: 0px solid #f5f6f6;
    }

/* client says widget */
.clientsays_widget
{
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #999;
}

    .clientsays_widget strong
    {
        font-weight: 600;
        color: #454545;
    }

    .clientsays_widget h3
    {
        margin-bottom: 18px;
    }

    .clientsays_widget img
    {
        float: left;
        margin-right: 13px;
        margin-top: 7px;
        border: 1px solid #e3e3e3;
    }

/* Advertisements */
ul.adsbanner-list
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.adsbanner-list li
{
    margin: 0px 10px 10px 0px;
    padding: 0px;
    float: left;
    width: 120px;
    height: 120px;
    list-style-type: none;
}

    .adsbanner-list li img
    {
        margin: 0px;
        padding: 0px;
        float: left;
        width: 120px;
        height: 120px;
        list-style-type: none;
    }

    .adsbanner-list li.last
    {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        float: left;
        width: 120px;
        height: 120px;
        list-style-type: none;
    }




/*------------------*/
/* TYPOGRAPHY ELEMENTS
/*------------------------------------------------------*/

a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman
{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    a.but_goback i
    {
        color: #fff;
    }

a.but_goback
{
    padding: 13px 25px 13px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #999;
}

    a.but_goback:hover
    {
        color: #fff;
        background-color: #3b3a39;
    }

a.but_ok_2
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #909090;
}

    a.but_ok_2:hover
    {
        background-color: #ff9900;
    }

a.but_wifi
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #0099cc;
    border-bottom: 1px solid #909090;
}

    a.but_wifi:hover
    {
        background-color: #00abde;
    }

a.but_warning_sign
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #e5cc19;
    border-bottom: 1px solid #909090;
}

    a.but_warning_sign:hover
    {
        background-color: #efda1b;
    }

a.but_user
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #007f99;
    border-bottom: 1px solid #909090;
}

    a.but_user:hover
    {
        background-color: #0090ad;
    }

a.but_tag
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #e59919;
    border-bottom: 1px solid #909090;
}

    a.but_tag:hover
    {
        background-color: #efa61b;
    }

a.but_table
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #4c6699;
    border-bottom: 1px solid #909090;
}

    a.but_table:hover
    {
        background-color: #5674ad;
    }

a.but_star
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #99cc4c;
    border-bottom: 1px solid #909090;
}

    a.but_star:hover
    {
        background-color: #a6da52;
    }

a.but_search
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #66667f;
    border-bottom: 1px solid #909090;
}

    a.but_search:hover
    {
        background-color: #747490;
    }

a.but_phone
{
    padding: 10px 20px 10px 20px;
    margin: 0px 0px 0px 0px;
    background: #e56619;
    border-bottom: 1px solid #909090;
}

    a.but_phone:hover
    {
        background-color: #ef6f1b;
    }

a.but_pencil
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #cc4c19;
    border-bottom: 1px solid #909090;
}

    a.but_pencil:hover
    {
        background-color: #da521b;
    }

a.but_new_window
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #001900;
    border-bottom: 1px solid #909090;
}

    a.but_new_window:hover
    {
        background-color: #333333;
    }

a.but_music
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #cccc7f;
    border-bottom: 1px solid #909090;
}

    a.but_music:hover
    {
        background-color: #dada8a;
    }

a.but_hand_right
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #909090;
}

    a.but_hand_right:hover
    {
        color: #fff;
        background-color: #ff9900;
    }

a.but_thumbs_down
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #9999cc;
    border-bottom: 1px solid #909090;
}

    a.but_thumbs_down:hover
    {
        background-color: #a6a6da;
    }

a.but_thumbs_up
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #00cce5;
    border-bottom: 1px solid #909090;
}

    a.but_thumbs_up:hover
    {
        background-color: #00daef;
    }

a.but_globe
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #669999;
    border-bottom: 1px solid #909090;
}

    a.but_globe:hover
    {
        background-color: #6fa6a6;
    }

a.but_hospital
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #196666;
    border-bottom: 1px solid #909090;
}

    a.but_hospital:hover
    {
        background-color: #1b6f6f;
    }

a.but_coffe_cup
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #7f994c;
    border-bottom: 1px solid #909090;
}

    a.but_coffe_cup:hover
    {
        background-color: #8aa652;
    }

a.but_settings
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #997f4c;
    border-bottom: 1px solid #909090;
}

    a.but_settings:hover
    {
        background-color: #a68a52;
    }

a.but_chat
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #7f9919;
    border-bottom: 1px solid #909090;
}

    a.but_chat:hover
    {
        background-color: #8aa61b;
    }

a.but_play_button
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #4c664c;
    border-bottom: 1px solid #909090;
}

    a.but_play_button:hover
    {
        background-color: #567456;
    }

a.but_remove_2
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #e59966;
    border-bottom: 1px solid #909090;
}

    a.but_remove_2:hover
    {
        background-color: #efa66f;
    }

a.but_lock
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #994c19;
    border-bottom: 1px solid #909090;
}

    a.but_lock:hover
    {
        background-color: #a6521b;
    }

a.but_shopping_cart
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #cc7f4c;
    border-bottom: 1px solid #909090;
}

    a.but_shopping_cart:hover
    {
        background-color: #da8a52;
    }

a.but_exclamation_mark
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #4c7f7f;
    border-bottom: 1px solid #909090;
}

    a.but_exclamation_mark:hover
    {
        background-color: #528a8a;
    }

a.but_info
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #667fcc;
    border-bottom: 1px solid #909090;
}

    a.but_info:hover
    {
        background-color: #6f8ada;
    }

a.but_question_mark
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #4c0019;
    border-bottom: 1px solid #909090;
}

    a.but_question_mark:hover
    {
        background-color: #620020;
    }

a.but_minus
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #666666;
    border-bottom: 1px solid #909090;
}

    a.but_minus:hover
    {
        background-color: #747474;
    }

a.but_plus
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #333333;
    border-bottom: 1px solid #909090;
}

    a.but_plus:hover
    {
        background-color: #444444;
    }

a.but_folder_open
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #99cc99;
    border-bottom: 1px solid #909090;
}

    a.but_folder_open:hover
    {
        background-color: #a6daa6;
    }

a.but_file
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #999999;
    border-bottom: 1px solid #909090;
}

    a.but_file:hover
    {
        background-color: #a6a6a6;
    }

a.but_envelope
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #727272;
    border-bottom: 1px solid #909090;
}

    a.but_envelope:hover
    {
        background-color: #7c7c7c;
    }

a.but_edit
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #e5cc7f;
    border-bottom: 1px solid #909090;
}

    a.but_edit:hover
    {
        background-color: #efda8a;
    }

a.but_cogwheel
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #194c7f;
    border-bottom: 1px solid #909090;
}

    a.but_cogwheel:hover
    {
        background-color: #1e5c99;
    }

a.but_check
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #004c4c;
    border-bottom: 1px solid #909090;
}

    a.but_check:hover
    {
        background-color: #005c5c;
    }

a.but_camera
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #007fcc;
    border-bottom: 1px solid #909090;
}

    a.but_camera:hover
    {
        background-color: #008ada;
    }

a.btn_quote
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #3E4095;
    border-bottom: 1px solid #444698;
}

    a.btn_quote:hover
    {
        background-color: #5658A2;
    }

a.but_bookmark
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #990000;
    border-bottom: 1px solid #909090;
}

    a.but_bookmark:hover
    {
        background-color: #b60000;
    }

a.but_book
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #7f9999;
    border-bottom: 1px solid #909090;
}

    a.but_book:hover
    {
        background-color: #8aa6a6;
    }

a.but_download
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #F7C52D;
}

    a.but_download:hover
    {
        background-color: #F7C52D;
    }

a.but_pdf
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #909090;
}

    a.but_pdf:hover
    {
        background-color: #F9D25B;
    }

a.but_word_doc
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #909090;
}

    a.but_word_doc:hover
    {
        background-color: #ff9900;
    }

a.but_woman
{
    padding: 10px 22px 10px 22px;
    margin: 0px 0px 0px 0px;
    background: #F7C221;
    border-bottom: 1px solid #909090;
}

    a.but_woman:hover
    {
        background-color: #ff9900;
    }


/* styled boxes */
.info, .error, .notice, .success
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #bbb;
    margin-bottom: 20px;
    font-size: 13px;
}

p.error
{
    border: none;
}

.info strong, .error strong, .notice strong, .success strong
{
    font-size: 16px;
}

.message-box-wrap
{
    border: 0px solid #fff;
    padding: 10px;
}

.info
{
    color: #4a84bc;
    border-color: #c6e3ff;
    background-color: #e6f3ff;
}

.error
{
    color: #bd6767;
    border-color: #f1bdbd;
    background-color: #ffdddd;
}

.notice
{
    color: #a79a30;
    border-color: #d7d099;
    background-color: #f6f2d2;
}

.success
{
    color: #1ea133;
    border-color: #a9ecb4;
    background-color: #dffbe4;
}

.close-but
{
    width: 10px;
    height: 10px;
    float: right;
    border: none;
    margin: 5px;
    background: url(../images/elements/icon-remove.png) no-repeat center top;
}

/* dropcaps */

.dropcap1, .dropcap2, .dropcap3
{
    float: left;
    text-align: center;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.dropcap1
{
    width: 53px;
    height: 58px;
    line-height: 50px;
    background: url(../images/elements/dropcap_gray.png) no-repeat scroll 0px 0px transparent;
    color: #999;
    margin: 0 8px -4px 0;
    font-size: 32px;
}

    .dropcap1.gray
    {
        background-image: url(../images/elements/dropcap_gray.png);
    }

.dropcap2
{
    background: url(../images/elements/dropcap_gray.png) no-repeat scroll 0 -108px transparent;
    color: #999;
    line-height: 47px;
    height: 56px;
    width: 53px;
    margin: 0 8px -4px 0;
    font-size: 32px;
}

    .dropcap2.gray
    {
        background-image: url(../images/elements/dropcap_gray.png);
    }

.dropcap3
{
    font-size: 40px;
    line-height: 40px;
    width: 44px;
    height: 44px;
    margin: 0 0 -4px 0;
}

    .dropcap3.gray
    {
        color: #999;
    }


/* styled lists */
ul.list1
{
    padding: 0px;
    margin: 0px;
}

.list1 li
{
    padding: 0px;
    margin: 0px;
    text-align: left;
    line-height: 30px;
}


    .list1 li i
    {
        padding: 0px;
        margin: 9px 4px 0px 0px;
        color: #3E4095;
    }

ul.list2
{
    padding: 0px;
    margin: 0px;
}

.list2 li
{
    padding: 0px;
    margin: 0px;
    text-align: left;
    line-height: 29px;
    font-size: 14px;
    color: #3E4095;
}

    .list2 li i
    {
        padding: 0px;
        margin: 0px 9px 0px 0px;
    }


/* highlight colors */
.highlight
{
    color: #fff;
    padding: 2px 5px;
    background: #000;
    border-radius: 3px;
}

    .highlight.black
    {
        background: #000;
        border-radius: 3px;
    }

    .highlight.red
    {
        background: #ff0000;
        border-radius: 3px;
    }

    .highlight.gray
    {
        background: #aaa;
    }

    .highlight.yellow
    {
        background: #fff000;
    }

    .highlight.blue
    {
        background: #0099cc;
    }

    .highlight.pink
    {
        background: #e826b4;
    }

    .highlight.green
    {
        background: #48b02b;
    }

    .highlight.orange
    {
        background: #ffcc00;
    }

    .highlight.magenta
    {
        background: #9325ea;
    }


/* buttons */
.button, button
{
    text-decoration: none;
    text-align: center;
    color: #585656;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 32px;
    line-height: 32px;
    padding: 0px 15px;
    position: relative;
    outline: none;
    overflow: hidden; /* removes extra side padding in IE */
    cursor: pointer;
    border: 1px solid #dcdcdc; /* IE */
    border: rgba(0, 0, 0, .2) 1px solid; /* Saf4+, Chrome, FF3.6 */
    border-bottom: rgba(0, 0, 0, .4) 1px solid;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    background: -moz-linear-gradient( center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% ); /* FF3.6 */
    background: -webkit-gradient( linear, center top, center bottom, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .1)) ); /* Saf4+, Chrome */
    background-color: white;
}

    .button::-moz-focus-inner
    {
        border: none; /* overrides extra padding in Firefox */
    }

    .button:hover, .button.hover, .page-numbers:hover
    {
        background: -moz-linear-gradient( center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100% ); /* FF3.6 */
        background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)) ); /* Saf4+, Chrome */
    }

    .button:active, .button.active, .page-numbers:active
    {
        top: 2px;
        background: -moz-linear-gradient( center top, rgba(0, 0, 0, .1) 0%, rgba(255, 255, 255, .2) 100% ); /* FF3.6 */
        background: -webkit-gradient( linear, center bottom, center top, from(rgba(255, 255, 255, .2)), to(rgba(0, 0, 0, .1)) ); /* Saf4+, Chrome */
    }

    .button.full
    {
        display: block;
    }

    .button.small
    {
        font-size: 13px;
    }

    .button.medium
    {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    .button.large
    {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
    }


    /* styled buttons */
    .button.red
    {
        background-color: #ff0000;
        color: #fff;
    }

    .button.blue
    {
        background-color: #117ed1;
        color: #fff;
    }

    .button.lightblue
    {
        background-color: #0099cc;
        color: #fff;
    }

    .button.green
    {
        background-color: #009933;
        color: #fff;
    }

    .button.black
    {
        background-color: #333;
        color: #fff;
    }

    .button.orange
    {
        background-color: #F7C221;
        color: #fff;
    }

    .button.darkgray
    {
        background-color: #818181;
        color: #fff;
    }

    .button.gray
    {
        background-color: #f0f0f0;
        color: #000;
    }

/* tables */
.table-style
{
    float: left;
    width: 100%;
}

.table-list
{
    float: left;
    background-color: #fff;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    width: 100%;
}

    .table-list th
    {
        padding: 18px 10px;
        background-color: #eee;
    }

    .table-list td
    {
        padding: 13px 10px;
        text-align: center;
        background-color: #f5f5f5;
    }

    .table-list tr:hover td
    {
        background-color: #f9f9f9;
    }

ul.list_empty
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.list_empty li
{
    float: left;
    padding: 0px;
    margin: 0px 20px 35px 0px;
}

/* pricing tables */
.pricing-tables-main
{
    position: relative;
    float: left;
    margin-bottom: 40px;
}

.pricing-tables
{
    position: relative;
    float: left;
    width: 24%;
    border: 1px solid #eee;
}

    .pricing-tables .title
    {
        float: left;
        width: 100%;
        height: 30px;
        padding: 13px 0 10px 0;
        background-color: #454545;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #272727;
        border-bottom: 1px solid #818181;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

    .pricing-tables .price
    {
        float: left;
        width: 100%;
        padding: 30px 0 30px 0;
        background-color: #636363;
        text-align: center;
        font-size: 40px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

        .pricing-tables .price i
        {
            font-size: 14px;
            color: #ccc;
            display: block;
            font-weight: normal;
            font-style: normal;
            margin-top: 5px;
        }

    .pricing-tables .cont-list
    {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272;
    }

        .pricing-tables .cont-list ul
        {
            margin: 0;
            padding: 0;
        }

        .pricing-tables .cont-list li
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff;
        }

            .pricing-tables .cont-list li.last
            {
                border: none;
            }

    .pricing-tables .ordernow
    {
        float: left;
        width: 100%;
        padding: 28px 0px;
        background-color: #eee;
        text-align: center;
        color: #fff;
    }

.pricing-tables-main .ordernow .normalbut
{
    color: #fff;
    background-color: #666;
    border: 1px solid #454545;
    padding: 10px 18px;
    border-radius: 3px;
    font-weight: normal;
}

    .pricing-tables-main .ordernow .normalbut:hover
    {
        background-color: #727272;
    }

.pricing-tables-main .ordernow .colorchan
{
    color: #fff;
    background-color: #ff7b29;
    padding: 10px 18px;
    border-radius: 3px;
    font-weight: normal;
}

    .pricing-tables-main .ordernow .colorchan:hover
    {
        color: #fff;
        background-color: #f67220;
    }

.pricing-tables-helight
{
    position: relative;
    float: left;
    width: 27%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

    .pricing-tables-helight .title
    {
        float: left;
        width: 100%;
        height: 46px;
        padding: 20px 0 0 0;
        margin-top: -10px;
        background-color: #fa7421;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #f16b19;
        border-bottom: 1px solid #f19b65;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

    .pricing-tables-helight .price
    {
        float: left;
        width: 100%;
        padding: 30px 0 30px 0;
        background-color: #ff7b29;
        text-align: center;
        font-size: 45px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

        .pricing-tables-helight .price i
        {
            font-size: 14px;
            color: #eee;
            display: block;
            font-weight: normal;
            font-style: normal;
            margin-top: 5px;
        }

    .pricing-tables-helight .cont-list
    {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272;
    }

        .pricing-tables-helight .cont-list ul
        {
            margin: 0;
            padding: 0;
        }

        .pricing-tables-helight .cont-list li
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff;
        }

            .pricing-tables-helight .cont-list li.last
            {
                border: none;
            }

    .pricing-tables-helight .ordernow
    {
        float: left;
        width: 100%;
        padding: 30px 0 35px 0;
        background-color: #eee;
        text-align: center;
        color: #fff;
    }

.pricing-tables-two
{
    position: relative;
    float: left;
    width: 33%;
    border: 1px solid #eee;
}

    .pricing-tables-two .title
    {
        float: left;
        width: 100%;
        height: 30px;
        padding: 13px 0 10px 0;
        background-color: #454545;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #272727;
        border-bottom: 1px solid #818181;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

    .pricing-tables-two .price
    {
        float: left;
        width: 100%;
        padding: 30px 0 30px 0;
        background-color: #636363;
        text-align: center;
        font-size: 40px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

        .pricing-tables-two .price i
        {
            font-size: 14px;
            color: #ccc;
            display: block;
            font-weight: normal;
            font-style: normal;
            margin-top: 5px;
        }

    .pricing-tables-two .cont-list
    {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272;
    }

        .pricing-tables-two .cont-list ul
        {
            margin: 0;
            padding: 0;
        }

        .pricing-tables-two .cont-list li
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff;
        }

            .pricing-tables-two .cont-list li.last
            {
                border: none;
            }

    .pricing-tables-two .ordernow
    {
        float: left;
        width: 100%;
        padding: 28px 0;
        background-color: #eee;
        text-align: center;
        color: #fff;
    }

.pricing-tables-helight-two
{
    position: relative;
    float: left;
    width: 33%;
    z-index: 3;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.1);
}

    .pricing-tables-helight-two .title
    {
        float: left;
        width: 100%;
        height: 46px;
        padding: 20px 0 0 0;
        margin-top: -10px;
        background-color: #fa7421;
        text-align: center;
        font-size: 23px;
        color: #fff;
        border-top: 3px solid #f16b19;
        border-bottom: 1px solid #f19b65;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

    .pricing-tables-helight-two .price
    {
        float: left;
        width: 100%;
        padding: 30px 0 30px 0;
        background-color: #ff7b29;
        text-align: center;
        font-size: 45px;
        color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
    }

        .pricing-tables-helight-two .price i
        {
            font-size: 14px;
            color: #eee;
            display: block;
            font-weight: normal;
            font-style: normal;
            margin-top: 5px;
        }

    .pricing-tables-helight-two .cont-list
    {
        float: left;
        width: 100%;
        padding: 15px 0;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff;
        background-color: #f9f9f9;
        text-align: center;
        color: #727272;
    }

        .pricing-tables-helight-two .cont-list ul
        {
            margin: 0;
            padding: 0;
        }

        .pricing-tables-helight-two .cont-list li
        {
            margin: 0;
            padding: 0;
            list-style-type: none;
            line-height: 30px;
            border-bottom: 1px solid #fff;
        }

            .pricing-tables-helight-two .cont-list li.last
            {
                border: none;
            }

    .pricing-tables-helight-two .ordernow
    {
        float: left;
        width: 100%;
        padding: 30px 0 35px 0;
        background-color: #eee;
        text-align: center;
        color: #fff;
    }


/* columns with box */
.framed-box
{
    border: 1px solid #e3e3e3;
    width: 100%;
}

    .framed-box.center
    {
        text-align: center;
    }

.framed-box-wrap
{
    border: 1px solid #fff;
    background-color: #f9f9f9;
}

    .framed-box-wrap:hover
    {
        border: 1px solid #fff;
        background-color: #FF9900;
        color: #000;
    }

    .framed-box-wrap .pricing-title
    {
        background-color: #f1f1f1;
        padding: 20px 0px 0px 0px;
        text-align: center;
        border-bottom: 1px solid #fff;
    }

    .framed-box-wrap .pricing-text-list
    {
        padding: 15px 20px 40px 20px;
        text-align: center;
    }


/* testimonials */
.testimonials-5
{
    float: left;
}

    .testimonials-5 span
    {
        float: left;
    }

.testimonials-4
{
    float: left;
}

    .testimonials-4 .content
    {
        float: left;
        padding: 20px 20px 25px 20px;
        border: 1px solid #eee;
        background-color: #f9f9f9;
        border-radius: 5px;
    }

        .testimonials-4 .content i
        {
            font-size: 11px;
            color: #909090;
            text-transform: none;
        }

.testimonials-2
{
    float: left;
}

    .testimonials-2 span
    {
        float: left;
        line-height: 21px;
        padding: 20px 30px 20px 30px;
        border: 1px solid #eee;
        background: #f9f9f9;
    }

/* section 1 */
ul.lirc_section
{
    float: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
}

.lirc_section li
{
    float: left;
    padding: 0px;
    margin: 0px;
}

    .lirc_section li.left
    {
        float: left;
        padding: 0px;
        margin: 0 8% 0 0;
        width: 90px;
        height: 90px;
        line-height: 110px;
        text-align: center;
        vertical-align: middle;
        background-color: #f3f3f3;
        border-radius: 100%;
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
        -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
    }

        .lirc_section li.left i
        {
            color: #F7C221;
        }

    .lirc_section li.right
    {
        float: left;
        padding: 0px;
        margin: 0;
        width: 60.7%;
    }

    .lirc_section li.left.two
    {
        padding: 0px;
        margin: 0 0 0 35%;
        width: 65px;
        height: 65px;
        line-height: 75px;
        text-align: center;
        vertical-align: middle;
        background-color: #f3f3f3;
        border-radius: 100%;
        -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
        -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
        box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 0px 0px #FFF;
    }

    .lirc_section li.right.two
    {
        float: left;
        padding: 0px;
        margin: 0;
        width: 100%;
        text-align: center;
    }

        .lirc_section li.right.two h3
        {
            margin-top: 20px;
        }

.punchline_text_box
{
    float: left;
    width: 95.400%;
    padding: 30px 20px;
    margin: 0px;
    border: 1px solid #eee;
    border-left: 5px solid #F7C221;
    color: #999;
    background: #f9f9f9;
}

    .punchline_text_box strong
    {
        font-family: 'Open Sans', sans-serif;
        font-weight: 300;
        font-size: 18px;
        color: #3b3a39;
    }

    .punchline_text_box .left
    {
        float: left;
        width: 80%;
    }

    .punchline_text_box .right
    {
        float: left;
        width: 20%;
    }

a.knowmore_but
{
    float: right;
    padding: 13px 20px 13px 20px;
    margin: 0px 0px 0px 50px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #F7C221;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #999;
}

    a.knowmore_but:hover
    {
        color: #fff;
        background-color: #3b3a39;
    }

/* four columns features section */
.four_col_fusection .one_fourth
{
    width: 21.6%;
    padding: 30px 1%;
    text-align: center;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    position: relative;
    margin-right: 1.6%;
    float: left;
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

    .four_col_fusection .one_fourth:hover
    {
        background-color: #f0f0f0;
    }

        .four_col_fusection .one_fourth:hover i
        {
            background-color: #f9f9f9;
            border: 4px solid #fff;
        }

    .four_col_fusection .one_fourth.helight
    {
        background-color: #f0f0f0;
    }

        .four_col_fusection .one_fourth.helight i
        {
            background-color: #f9f9f9;
            border: 4px solid #fff;
            color: #F7C221;
        }

    .four_col_fusection .one_fourth i
    {
        color: #3b3a39;
        margin-bottom: 30px;
        border: 4px solid #f3f3f3;
        border-radius: 100%;
        float: left;
        width: 100px;
        height: 100px;
        line-height: 100px;
        text-align: center;
        vertical-align: middle;
        margin-left: 73px;
    }

    .four_col_fusection .one_fourth h2
    {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        font-size: 25px;
        text-transform: uppercase;
    }

    .four_col_fusection .one_fourth a
    {
        color: #999;
        font-size: 11px;
        text-transform: uppercase;
    }

        .four_col_fusection .one_fourth a:hover
        {
            color: #F7C221;
        }

            .four_col_fusection .one_fourth a:hover i
            {
                color: #F7C221;
                background: none;
                border: none;
            }

    .four_col_fusection .one_fourth:hover a i
    {
        background: none;
        border: none;
    }

    .four_col_fusection .one_fourth.helight a
    {
        color: #F7C221;
    }

        .four_col_fusection .one_fourth.helight a:hover
        {
            color: #3b3a39;
        }

            .four_col_fusection .one_fourth.helight a:hover i
            {
                color: #3b3a39;
            }

        .four_col_fusection .one_fourth.helight a i
        {
            background: none;
            border: none;
            color: #F7C221;
        }

    .four_col_fusection .one_fourth a i
    {
        display: inherit;
        margin: 0px 0px 0px 3px;
        color: #999;
        width: auto;
        height: auto;
        line-height: inherit;
        border: none;
        float: inherit;
        background: none;
        border: none;
    }

.four_col_fusection .last
{
    margin-right: 0 !important;
    clear: right;
}

.four_col_fusection.inner .one_fourth i
{
    color: #F7C221;
}

/* top section */
.top_section
{
    float: left;
    width: 100%;
    height: 32px;
    padding-top: 4px;
    /*background-color: #f7f7f7;*/
    position: fixed;
    z-index: 9999;
    border-top: 1px solid #fff;
    background-color: #FFFFFF;
}

    .top_section ul
    {
        float: right;
        padding: 0px;
        margin: 0px 16px 0px 0px;
    }

    .top_section li
    {
        float: left;
        padding: 0px;
        margin: 0px 0px 0px 10px;
        color: #3B3E44;
    }

        .top_section li strong
        {
            /*color: #3E4095 ;*/
            font-weight: normal;
            font-size: 14px;
        }

        .top_section li a
        {
            /*color: #b9b9b9;*/
            color: #3B3E44;
        }

            .top_section li a:hover
            {
                color: #3E4095;
            }

        .top_section li i
        {
            color: #d3d3d3;
        }

            .top_section li i:hover
            {
                color: #3E4095;
            }

/* site punch text */
.site_punchtext
{
    float: left;
    width: 100%;
    background: #181818 url(../images/bg-texture1.png) repeat left top;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    padding: 25px 0px;
}

/* features section */
.features_sec01
{
    float: left;
    width: 100%;
}

    .features_sec01 .left
    {
        float: left;
        width: 74%;
    }

    .features_sec01 .right
    {
        float: right;
        width: 270px;
    }

    .features_sec01 ul
    {
        float: left;
        width: 40%;
        padding: 2.2% 3.8%;
        margin: 0px 30px 0px 0px;
        border-left: 3px solid #3b3a39;
        background-color: #fff;
        border-top: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
    }

        .features_sec01 ul.last
        {
            margin: 0px 0px 0px 0px;
        }

        .features_sec01 ul:hover,
        .features_sec01 ul.active
        {
            border-left: 3px solid #F7C221;
            background-color: #f0f0f0;
        }

            .features_sec01 ul:hover li i,
            .features_sec01 ul:hover li h4,
            .features_sec01 ul.active li i,
            .features_sec01 ul.active li h4
            {
                color: #F7C221;
            }

    .features_sec01 li
    {
        padding: 0px;
        margin: 0px;
    }

        .features_sec01 li i
        {
            color: #3b3a39;
            font-size: 30px;
        }

    .features_sec01 h2
    {
        margin-bottom: 30px;
    }

    .features_sec01 li h4
    {
        margin-bottom: 10px;
    }

    .features_sec01 li.left
    {
        float: left;
        padding: 0px;
        margin: 0px;
        width: 13%;
    }

    .features_sec01 li.right
    {
        float: left;
        padding: 0px;
        margin: 0px;
        width: 87%;
    }

/* hot offers */
.hot_offers
{
    float: right;
    width: 270px;
    height: 260px;
    font-size: 14px;
    color: #e3e3e3;
    text-align: center;
    text-transform: uppercase;
    background: url(../images/hot-offers-bg.jpg) no-repeat center top;
}

    .hot_offers b
    {
        display: block;
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        margin-top: 40px;
    }

    .hot_offers strong
    {
        display: block;
        color: #F7C221;
        font-size: 40px;
        font-weight: bold;
        line-height: 27px;
        margin-top: 25px;
        margin-bottom: 16px;
    }

        .hot_offers strong em
        {
            color: #e3e3e3;
            font-size: 14px;
            font-weight: 300;
            font-style: normal;
            text-transform: none;
        }

/* hosting plans */
.hosting_aplans
{
    float: left;
    width: 100%;
    font-size: 14px;
    padding: 35px 0px 45px 0px;
    text-align: center;
    background: url(../images/bg-texture2.jpg) repeat left top;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 4px 0px 0px #FFF;
}

    .hosting_aplans h1
    {
        font-size: 32px;
        color: #3b3a39;
        padding: 0px;
        margin: 0px 0px 35px 0px;
        font-weight: 300;
    }

        .hosting_aplans h1 strong
        {
            font-weight: 600;
        }

        .hosting_aplans h1 i
        {
            font-size: 16px;
            color: #727272;
            font-style: normal;
            display: block;
            padding-top: 8px;
            line-height: 22px;
        }

    .hosting_aplans i
    {
        color: #d3d3d3;
        font-size: 20px;
    }

    .hosting_aplans .one
    {
        float: left;
        width: 40%;
        border: 1px solid #e3e3e3;
        background-color: #fff;
    }

        .hosting_aplans .one ul
        {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

        .hosting_aplans .one li
        {
            padding: 0px 40px;
            margin: 0px;
            color: #3b3a39;
            line-height: 59px;
            text-align: left;
            border-bottom: 1px solid #e3e3e3;
        }

            .hosting_aplans .one li.title
            {
                line-height: 50px;
                border-bottom: none;
            }

            .hosting_aplans .one li.prices_title
            {
                color: #3b3a39;
                font-size: 22px;
                line-height: 68px;
            }

    .hosting_aplans .two
    {
        float: left;
        width: 19.8%;
        border: 1px solid #e3e3e3;
        background-color: #fff;
        border-left: none;
    }

        .hosting_aplans .two ul
        {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

        .hosting_aplans .two li
        {
            padding: 0px 0px;
            margin: 0px;
            line-height: 59px;
            text-align: center;
            border-bottom: 1px solid #e3e3e3;
        }

            .hosting_aplans .two li.title
            {
                color: #fff;
                font-size: 22px;
                font-weight: 600;
                text-transform: uppercase;
                background-color: #F7C221;
                border-bottom: 5px solid #e67400;
                line-height: 45px;
            }

            .hosting_aplans .two li.price
            {
                color: #fff;
                line-height: 58px;
                background-color: #3b3a39;
                border-top: 4px solid #292827;
            }

                .hosting_aplans .two li.price strong
                {
                    font-size: 30px;
                }

    .hosting_aplans .three
    {
        float: left;
        width: 19.8%;
        border: 1px solid #e3e3e3;
        background-color: #fff;
        border-left: none;
    }

        .hosting_aplans .three ul
        {
            float: left;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

        .hosting_aplans .three li
        {
            padding: 0px 0px;
            margin: 0px;
            line-height: 59px;
            text-align: center;
            border-bottom: 1px solid #e3e3e3;
        }

            .hosting_aplans .three li.title
            {
                color: #fff;
                font-size: 22px;
                font-weight: 600;
                text-transform: uppercase;
                background-color: #acbe40;
                border-bottom: 5px solid #9bab3a;
                line-height: 45px;
            }

            .hosting_aplans .three li.price
            {
                color: #fff;
                line-height: 58px;
                background-color: #3b3a39;
                border-top: 4px solid #292827;
            }

                .hosting_aplans .three li.price strong
                {
                    font-size: 30px;
                }

/* what is included */
.what_included
{
    float: left;
    width: 100%;
    text-align: center;
}

    .what_included h1
    {
        font-size: 32px;
        color: #3b3a39;
        padding: 0px;
        margin: 0px 0px 35px 0px;
        font-weight: 300;
    }

        .what_included h1 strong
        {
            font-weight: 600;
        }

        .what_included h1 i
        {
            font-size: 16px;
            color: #727272;
            font-style: normal;
            display: block;
            padding-top: 8px;
            line-height: 22px;
        }

    .what_included ul
    {
        float: left;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .what_included li
    {
        float: left;
        width: 20%;
        padding: 2% 1% 2% 2.5%;
        text-align: left;
        border-radius: 4px;
        margin: 0 2% 0 0;
    }

        .what_included li.last
        {
            margin: 0 0% 0 0;
        }

        .what_included li strong
        {
            color: #3b3a39;
            font-size: 18px;
            font-weight: normal;
            display: block;
        }

        .what_included li i
        {
            float: left;
            color: #3b3a39;
            font-size: 30px;
            margin-right: 10px;
        }

        .what_included li:hover
        {
            background-color: #F7C221;
        }

            .what_included li:hover,
            .what_included li:hover i,
            .what_included li:hover strong
            {
                color: #fff;
            }

        .what_included li.active,
        .what_included li.active i,
        .what_included li.active strong
        {
            color: #fff;
            background-color: #F7C221;
        }



/* scroll up */
.scrollup
{
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 64px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
    z-index: 999;
}

.mini_title
{
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: bold !important;
    /*letter-spacing: 0;*/
    line-height: 140% !important;
    padding: 0 0 10px;
    /*position: relative;*/
    /*text-align: justify;*/
}

.btn
{
    font-family: "PT Sans",sans-serif;
    background-color: #F7C221;
    border-radius: 4px;
    color: #fff !important;
}

.btn-dark
{
    background-color: #222222;
    border: medium none;
    color: #ffffff;
}

.btn-lg
{
    font-size: 18px;
    font-weight: 600;
    padding: 10px 30px;
}

.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-primary
{
    border: medium none;
    color: #ffffff;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active
    {
        background-color: #222222;
        color: #ffffff;
    }