/*

 * !IMPORTANT: Do not edit this file (so that it will be easier to update the template)!

 * Put your css modifications into css/custom.css

 * 

 0) Imports

 1) Document setup

 2) Various classes

 3) Shadow & border

 4) Container title

 5) Layout override

 6) Header toolbar

 7) Header

 8) Social icons

 9) Search form

 10) Popover

 11) Sliders

 12) Tabs

 13) Gallery overlay

 14) Gallery

 15) Footer

 16) Below footer

 17) Vertical navigation

 18) Twitter widget

 19) Flickr widget

 20) Buttons

 21) Services

 22) Pager

 23) Posts widget

 24) Tags

 25) Testimonials

 26) Elements

 27) Forms

 28) Comments

 29) Google map

 30) Carousel

 31) 768px >= width <= 959px

 32) width <= 767px

 33) 480px <= width <= 767px

 34) Blog

 */





/******************************

 Document setup

*******************************/



body {
font-size: 14px;
    color: #555;

}



a {

    text-decoration: none;

    color: #239cc3;

}



a:hover {

    color: #1A7490;

}



h1, h2, h3, h4, h5, h6 {

    margin-bottom: 10px;

    

    color: #333;

    font-family: Georgia, Times, serif;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

    /*display: block;*/

}



h1 { font-size: 24px; line-height: 32px; }

h2 { font-size: 20px; line-height: 28px; }

h3 { font-size: 16px; }

h4 { font-size: 12px; }

h5 { font-size: 12px; }

h6 { font-size: 12px; color: #858585; }



address {

    margin-bottom: 20px;

}



.site-title {

    margin-bottom: 5px;

}



    .underline {

        height: 3px;

        width: 30px;

        margin-bottom: 23px;

        

        background: #239CC3;

    }



strong {

    font-weight: bold;

    color: #333;

}
.single_pro_img em,.blogsingle_con em{
font-weight: inherit;
}




#main {

    margin-bottom: 30px;

}



    #main .container {

        padding-bottom: 10px;

    }





.section-shadow,

#header .nav-h ul,

.r-slider-controls a,

#header-toolbar .social-icons li a,

.point-right,

.tabs-nav-vertical a,

.nav-v li a,

.dm3-gallery-options a,

.btn,

.section-shadow,

.section-border,

.tags a,

.form-field-wrap,

.container-single {

    border-radius: 3px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

}



.container-first {

    border-radius: 3px 3px 0 0;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

}



.container-last {

    border-radius: 0 0 3px 3px;

    -webkit-border-radius: 0 0 3px 3px;

    -moz-border-radius: 0 0 3px 3px;

}



.popover, #header .nav-h ul {

    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);

}





#page-title {

    margin-bottom: 40px;

}



#page-title a {float:left;}

#page-title a:after {content:'';float:left;}

    #page-title h1 {

        float: left;

        margin: 0;

        

        font-size: 32px;

        line-height: 36px;

        font-weight: bold;

        text-transform: uppercase;

    }

    

    #page-title p {

        float: right;

        margin: 14px 0 0 0;

        

        font-size: 16px;

        line-height: 20px;

        color: #bbb;

        font-weight: bold;

    }





.sidebar-inner {

    padding: 0 0 20px 20px;

    margin: 0 0 20px 0;

    

    border-left: 1px solid #eee;

}



    .widget {

        margin-bottom: 40px;

    }





/******************************

 Various classes

*******************************/



.clear {

    clear: both;

    height: 0;

}



.alignleft {

    float: left;

    margin-right: 20px;

}



.alignright {

    float: right;

    margin-left: 20px;

}



.pattern {

    background: #fff url(../images/pattern.png) repeat;

    background: #fff;

}



.frame {

    padding: 5px;

    line-height: 0;

    margin-bottom: 20px;

    display: inline-block;

    

    background-color: #f9f9f9;

}



.point-right {

    margin-left: 3px;

    position: relative;

    top: -1px;

    color: #858585;

}



.shadow-box {

    position: relative;

}



    .shadow {

        position: absolute;

        left: -10px;

        top: -10px;

        padding: 10px;

        width: 100%;

        height: 100%;

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

        filter: alpha(opacity=0);

        -moz-opacity: 0;

        opacity: 0;

  

        background: #f7f7f7;

    }

    

    .shadow-box:hover .shadow,

    .shadow-box.shadow:hover {

        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        filter: alpha(opacity=100);

        -moz-opacity: 1;

        opacity: 1;

    }

    

    .disabled:hover .shadow {

        display: none;

    }



.title-icon {

    overflow: hidden;

}



    .title-icon img {

        float: left;

        display: block;

    }

    

    .title-icon span {

        display: block;

        margin-left: 42px;

    }



.side-image {

    overflow: hidden;

}



    .side-image img {

        float: left;

        display: block;

    }

    

    .side-image p {

        margin-left: 42px;

    }

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.media-wrapper {

    display: block;

    padding: 5px;

    margin-bottom: 20px;

    

    line-height: 0;

    font-size: 0;

    background: #f5f5f5;

}



.ie7 .media-wrapper {

    zoom: 1;

}



    .media-wrapper .media {

        display: inline-block;

    }



    .media-wrapper .description {

        margin-top: 4px;

        line-height: 15px;

        color: #888;

        font-size: 11px;

    }

    

    .media-responsive img {

        width: 100%;

        height: auto;

    }



.highlight-1 {

    font-size: 20px;

    line-height: 32px;

    

    color: #888;

}



.separator-1 {

    clear: both;

    width: 100%;

    height: 20px;

    border-top: 1px solid #eee;

}





/******************************

 Shadow & border

*******************************/



.section-shadow, .section-border {

    position: absolute;

    width: 100%;

    height: 100%;

}



.section-shadow {

    left: -4px;

    top: -4px;

    padding: 4px;

    background: url(../images/black-4.png);

}



.section-border {

    left: -1px;

    top: -1px;

   

}



#footer .section-border, #footer-btm .section-border {

    border-color: #000;

}





.horizontal-shadow {

    width: 100%;

    height: 3px;

    background: url(../images/black-4.png);

    position: absolute;

    left: 0;

    bottom: -4px;

}





/******************************

 Container title

*******************************/



.container-title {

    height: 30px;

    position: relative;

    z-index: 2;

    

    border-left: 3px solid #239CC3;

    background: #fff url(../images/pattern.png) repeat;

}



    .container-title h4 {

        padding: 0 30px 0 27px;

        display: block;

        float: left;

        height: 30px;

        line-height: 30px;

        position: relative;

        

        background: #fff;

        color: #858585;

        font-weight: bold;

        font-size: 11px;

        text-transform: uppercase;

    }



 .container-title h1 {

        padding: 0 30px 0 27px;

        display: block;

        float: left;

        height: 30px;

        line-height: 30px;

        position: relative;

        

        background: #fff;

        color: #858585;

        font-weight: bold;

        font-size: 11px;

        text-transform: uppercase;

    }

     .container-title h2 {

        padding: 0 30px 0 27px;

        display: block;

        float: left;

        height: 30px;

        line-height: 30px;

        position: relative;

        

        background: #fff;

        color: #858585;

        font-weight: bold;

        font-size: 11px;

        text-transform: uppercase;

    }

/******************************

 Layout override

*******************************/



.section {

    position: relative;

    width: 1000px;

    margin: 0 auto 0 auto;

}



    .boxed {

        padding: 30px 20px 0 20px;

        position: relative;

        z-index: 2;

        

        background-color: #fff;

    }

    

    .container {

        position: relative;

		z-index:1;

    }





/******************************

 Header toolbar

*******************************/



#header-toolbar {

    position: relative;

    padding: 10px 0;

    border-top: 4px solid #239cc3;

    background-color: #fff;

    border-bottom: 1px solid #d5d5d5;

}



    #header-toolbar .text {

        float: left;

        margin-bottom: 0;

        

        font-size: 11px;

        color: #858585;

    }

    

    #header-toolbar .social-icons {

        float: right;

        margin: 0;

    }

    

        #header-toolbar .social-icons li {

            margin: 0;

        }

    

        #header-toolbar .social-icons li a {

            margin: 0 0 0 10px;

            display: block;

        }





/******************************

 Header

*******************************/



#header {

    position: relative;

    z-index: 3;

    margin-top: 20px;

    margin-bottom: 20px;

}



    #logo {

        display: block;

        margin: 0;

        line-height: 0;

        position: absolute;

        top: 9px;

    }





    /* Search */

   

    .search-trigger {

        position: relative;

        float: right;

        margin: 0;

        padding: 0 0 14px 20px;

        top: 11px;

        

        /*background: url(../images/nav-sep.png) no-repeat left 4px;*/

        background: none;

    }

    

        .search-trigger a {

            display: inline-block;

            width: 18px;

            height: 17px;

            margin: -1px 0 0 0;

            

            background: url(../images/search-icon.png) no-repeat 0 0;

        }

        

        .search-trigger a:hover, .search-trigger a.active {

            background-position: -19px 0;

        }

        

        .search-trigger .popover {

            right: -20px;

            top: 29px;

        }

        

        .search-trigger .popover-pointer {

            right: 23px;

        }

        

        

    /* Navigation */



    #header .nav-h {

        float: right;

        margin: 0;

    }

    

        #header .nav-h > li {

            padding: 10px 10px 10px 10px;

            margin-left: 10px;

            float: left;

            

            background: url(../images/nav-sep.png) no-repeat left center;

            background: none;

        }

        

        #header .nav-h > li:first-child {

            background: none;

        }

        

            #header .nav-h li a {

                color: #858585;

                font-size: 14px;

                font-weight: bold;

                text-shadow: 0 1px 1px #fff;

            }

            

            #header .nav-h li:hover > a,

            #header .nav-h .current-menu-item > a {

                color: #333;

            }

            

                .nav-pointer {

                    margin-left: 5px;

                    position: relative;

                    top: -1px;

                }

            

            

            #header .nav-h ul {

                padding: 5px 10px;

                top: -6px;

                

                background: #fff;/* url(../images/pattern.png) repeat;*/

                border: 1px solid #d0d0d0;

            }

            

            #header .nav-h > li > ul {

                left: 5px;

                top: 40px;

            }

            

            #header .nav-h > li > .pointer,

            #header .nav-h ul li > .pointer {

                position: absolute;

                width: 13px;

                height: 7px;

                left: 50%;

                margin-left: -4px;

                bottom: 0;

                z-index: 2;

                display: none;

                

                background: url(../images/popover-pointer.png) no-repeat 0 0;

            }

            

            .ie7 #header .nav-h > li > .pointer,

            .ie7 #header .nav-h ul li > .pointer {

                bottom: -1px;

            }

            

            #header .nav-h ul li > .pointer {

                right: -1px;

                left: auto;

                bottom: 8px;

                height: 13px;

                width: 7px;

                background-position: right -7px;

            }

            

            

            #header .nav-h li:hover > .pointer {

                display: block;

            }

            

                #header .nav-h ul a {

                    display: block;

                    padding: 5px 0;

                    

                    font-size: 12px;

                    border-top: 1px solid #eee;

                }

                

                #header .nav-h ul > li:first-child > a {

                    border-top: 0;

                }





/******************************

 Social icons

*******************************/



.social-icons {

    height: 16px;

}



    .social-icons li {

        float: left;

        list-style: none outside none;

        margin-left: 10px;

    }

    

    .social-icons li:first-child {

        margin-left: 0;

    }

    

        .social-icons li a i {

            display: block;

            width: 16px;

            height: 16px;

        }



        .icon-rss i { background: url(../images/social/rss.png) no-repeat 0 0; }

		.icon-youtube i { background: url(../images/social/youtube.png) no-repeat 0 0; }

		.icon-linkedin i { background: url(../images/social/linkedin.png) no-repeat 0 0; }

		.icon-blogger i { background: url(../images/social/blogger.png) no-repeat 0 0; }

        .icon-twitter i { background: url(../images/social/twitter.png) no-repeat 0 0; }

        .icon-google-plus i { background: url(../images/social/google-plus.png) no-repeat 0 0; }

        .icon-facebook i { background: url(../images/social/facebook.png) no-repeat 0 0; }





/******************************

 Search form

*******************************/



.search-form {

    margin-bottom: 0;

    line-height: 1em;

}



    .search-form p {

        width: 190px;

        overflow: hidden;

    }

    

    #header .search-form p {

        margin-bottom: 0;

    }

    

        .search-form input[type="text"] {

            width: 155px !important;

            *width: 143px !important;

            float: left;

            position: relative;

            z-index: 1;

            border-top-right-radius: 0;

            border-bottom-right-radius: 0;

        }

        

        .search-form .btn {

            width: 36px;

            height: 28px;

            line-height: 26px;

            float: left;

            margin: 0 0 0 -1px;

            border-top-left-radius: 0;

            border-bottom-left-radius: 0;

            padding: 0;

            text-align: center;

            border: 1px solid #ddd;

            outline: 0;

        }

        

        .ie7 .search-form .btn {

            line-height: 20px;

        }





/******************************

 Popover

*******************************/



.popover {

    position: absolute;

    display: none;

    

    background: #fff;/*url(../images/pattern.png) repeat;*/

    border: 1px solid #d0d0d0;

}



    .popover-inner {

        padding: 10px;

        position: relative;

    }



    .popover-pointer {

        position: absolute;

        width: 13px;

        height: 7px;

        z-index: 2;

        display: block;

        top: -7px;

        

        background: url(../images/popover-pointer.png) no-repeat 0 0;

    }





/******************************

 Sliders

*******************************/



#main .container-slider {

    padding-bottom: 0;

}





/* r-slider */



.r-slider {

    overflow: hidden;

    width: 100%;

}



.r-slider-inner {

    width: 20000px;

}



.r-slide {

    float: left;

}



    .r-slide img {

        width: 100%;

        height: auto;

    }



.r-slider-container {

    position: relative;

}



    .r-slider {

        position: relative;

        line-height: 0;

        background-color: #858585;

    }



    .r-slider-container .description {

        margin-right: 97px;

        padding: 24px 0 34px 0;

        

        font-size: 24px;

        line-height: 32px;

        color: #333;

        font-family: Georgia, Times, serif;

    }

    

    .r-slider .r-slide {

        line-height: 0;

        font-size: 0;

        position: relative;

        cursor: pointer;

    }



.r-slider-points {

    position: relative;

    /*top: -19px;*/

    margin-bottom: -12px;

    z-index: 10;

    height: 12px;

}



.r-slider-container .r-slider-points {

    position: absolute;

    top: 342px;

    margin: 0;

}



    .r-slider-points a {

        display: block;

        float: left;

        margin-left: 7px;

        width: 14px;

        height: 12px;

        font-size: 0;

        line-height: 0;

        text-indent: -9999px;

        

        background: url(../images/r-slider-nav.png) no-repeat 0 -30px;

    }

    

    .r-slider-points a.r-slider-current {

        background-position: -14px -30px;

    }



.r-slider-controls {

    float: right;

    overflow: hidden;

    margin: 30px 0 0 0;

}



    .r-slider-controls a {

        display: block;

        float: left;

        margin-left: 7px;

        width: 30px;

        height: 30px;

        line-height: 26px;

        text-align: center;

        

        background-color: #333;

        color: #ccc;

    }

    

    .r-slider-controls a:hover {

        background-color: #222;

        color: #ccc;

    }

    



.r-slide .description {

    display: none;

}





.slide-action {

    display: block;

    width: 50px;

    height: 50px;

    position: absolute;

    right: 0;

    top: 0;

    

    background: url(../images/slide-action.png) no-repeat 0 0;

}



.slide-action:hover {

    background-position: -50px 0;

}





/******************************

 Tabs

*******************************/



/* Horizontal */



body ul.tabs-nav {

    overflow: hidden;

    margin-left: 0;

}



body ul.tabs-nav-vertical {

    margin-left: 10px;

}



    body ul.tabs-nav li {

        float: left;

        margin-right: 20px;

        list-style: none;

        

        font-weight: bold;

    }

    

        .tabs-nav .active a {

            color: #333;

            font-weight: bold;

        }





/* Vertical */



.vertical-tabs-container .tab h1:first-child {

    margin-top: -6px;

}



.tabs-nav-vertical {

    padding: 0;

}



    body ul.tabs-nav-vertical li {

        position: relative;

        float: none;

        margin: 0;

        float: none;

    }

    

        .tabs-nav-vertical a {

            display: block;

            padding: 5px 8px;

            

            color: #858585;

        }

        

        .tabs-nav-vertical .point-right {

            right: 0;

        }

        

        .tabs-nav-vertical a:hover {

            background-color: #f9f9f9;

        }

        

        .tabs-nav-vertical .active a {

            background-color: #f0f0f0;

            color: #333;

            font-weight: bold;

        }



.tabs {

    position: relative;

}





/******************************

 Gallery overlay

*******************************/



#dm3-gallery-overlay {

    display: none;

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 10;

    

    background-color: #fff;

}



.dm3-gallery-loader {

    display: none;

    position: absolute;

    left: 50%;

    top: 200px;

    

    background: #fff url(../images/ajax-loader.gif) no-repeat 0 0;

    width: 24px;

    height: 24px;

    margin-left: -12px;

}



    .dm3-gallery-media img {

        width: 100%;

        height: auto;

    }



    .dm3-gallery-content {

        display: none;

        position: relative;

        

        background: #fff;

    }

    

    .ie7 .dm3-gallery-content *,

    .ie8 .dm3-gallery-content * {

        filter: inherit;

    }

    

        .dm3-gallery-options {

            position: static;

            overflow: hidden;

            margin: 30px 0 30px 10px;

        }

        

            .dm3-gallery-options a {

                float: left;

                display: block;

                width: 30px;

                height: 30px;

                line-height: 26px;

                text-align: center;

                margin: 0 7px 0 0;

                

                background-color: #f5f5f5;

                color: #858585;

            }

            

            a.dm3-gallery-close {

                line-height: 30px;

            }

            

            .dm3-gallery-options a:hover {

                background-color: #f0f0f0;

            }





/******************************

 Gallery

*******************************/



.gallery-filter {

    margin: 0 10px 20px 10px;

    overflow: hidden;

}



    .gallery-filter li {

        float: left;

        margin-right: 20px;

        

        font-weight: bold;

    }

    

    .gallery-filter .active {

        color: #333;

    }

    



#main .container-gallery {

    padding-bottom: 10px;

}



.gallery-container {

    position: relative;

    *zoom: 1;

}



.gallery-item {

    margin-bottom: 30px;

    cursor: pointer;

}



.gallery-item.disabled,

.gallery-item.disabled * {

    cursor: default;

}



.ie7 .gallery-item *,

.ie8 .gallery-item * {

    filter: inherit;

}



.ie7 .gallery-item .shadow,

.ie8 .gallery-item .shadow {

    filter: alpha(opacity=0);

}



.ie7 .shadow-box:hover .shadow,

.ie7 .shadow-box.shadow:hover,

.ie8 .shadow-box:hover .shadow,

.ie8 .shadow-box.shadow:hover {

    filter: alpha(opacity=100);

}



    .gallery-img,

    .gallery-description,

    .gallery-title {

        position: relative;

        z-index: 2;

    }



    .gallery-title {

        position: relative;

        margin-bottom: 10px;

        

        font-weight: bold;

    }

    

        .gallery-title a {

            display: block;

            

            color: #333;

        }

        

        .gallery-item:hover .gallery-title a,

        .gallery-item:hover .gallery-title a .point-right {

            color: #1A7490;

        }

        

        .disabled:hover .gallery-title a,

        .disabled:hover .gallery-title a .point-right {

            color: #333;

        }

    

    .gallery-img {

        line-height: 0;

        font-size: 0;

        margin-bottom: 20px;

        position: relative;

    }

    

        .gallery-img a {

            position: relative;

            z-index: 2;

        }

    

        .gallery-img img {

            width: 100%;

        }





/******************************

 Footer

*******************************/



#footer {

    margin: 0 auto 0 auto;

    padding-top: 30px;

    

    background: #333 url(../images/footer-bg.png) repeat;

    text-shadow: 0 1px 1px #000;

}



    #footer .container {

        overflow: hidden;

        

        color: #ccc;

    }

        

        .footer-widget {

            padding-bottom: 10px;

        }

        

            .widget-title {

                text-transform: uppercase;

                font-size: 12px;

                font-weight: bold;

            }

            

            .footer-widget .widget-title {

                color: #fff;

            }





/******************************

 Below footer

*******************************/



#footer-btm {

    margin-bottom: 30px;

    

    font-size: 11px;

}



    #footer-btm .container {

        padding-top: 10px;

        padding-bottom: 10px;

        overflow: hidden;

        

        background: none;

    }

    

    #footer-btm .copyright-notice {

        float: left;

        margin: 0;

        

        color: #555;

    }



    #footer-btm .nav-h {

        float: right;

        margin: 0;

    }



        #footer-btm .nav-h li {

            margin-left: 20px;

        }

        

            #footer-btm .nav-h li a {

                color: #555;

            }

            

            #footer-btm .nav-h li a:hover {

                color: #1A7490;

            }





/******************************

 Vertical navigation

*******************************/



.nav-v {

    margin: -5px 0 20px 0;

}



.nav-v li {

    margin-top: 0;

}



.nav-v li:first-child {

    margin-top: 0;

}



    .nav-v li a {

        padding: 5px 0;

        

        border-bottom: 1px solid #eee;

        color: #858585;

    }

    

    #footer .nav-v li a {

        color: #fff;

        border-bottom: 1px solid #222;

    }

    

    .nav-v li a:before {

        display: none;

        content: '';

    }

    

    .nav-v li a:after {

        content: " \00BB";

    }

    

    .nav-v li a:hover {

        color: #333;

    }

    

    #footer .nav-v li a:hover {

        text-decoration: underline;

    }

    

    #footer .nav-v {

        margin-top: -5px;

    }





/******************************

 Twitter widget

*******************************/



.twitter-widget ul {

    margin-bottom: 0;

    font-style: italic;

}



    .twitter-widget li {

        margin-bottom: 20px;

    }

    

        .twitter-widget li a {

            font-weight: bold;

        }

        

        #footer.twitter-widget li a {

            color: #858585;

        }

        

        #footer.twitter-widget li a:hover {

            color: #fff;

        }

        

        #footer .twitter-widget li a {

            color: #fff;

        }

        

        #footer .twitter-widget li a:hover {

            text-decoration: underline;

        }





/******************************

 Flickr widget

*******************************/



.flickr-widget {

    overflow: hidden;

    width: 105%;

    margin-bottom: 15px;

}



    .flickr-widget li {

        float: left;

    }

    

    .flickr-widget li {

        margin-bottom: 5px;

        margin-right: 5px;

        line-height: 0;

        font-size: 0;

    }

    

    .flickr-widget li img {

        width: 60px;

        height: auto;

        

        border: 5px solid #f5f5f5;

    }

    

    #footer .flickr-widget li img {

        border: 5px solid #222;

    }

    

    #footer .flickr-widget li img:hover {

        border-color: #444;

    }





/******************************

 Buttons

*******************************/



.btn {

    padding: 7px 10px;

    

    cursor: pointer;

    border: 0;

    background: #f5f5f5;

    color: #858585;

    font-weight: normal;

    font-size: 12px;

}



button.btn {

    overflow: visible;

}



button.btn::-moz-focus-inner {

    padding: 0;

    margin: 0;

    border: 0

}



.btn:hover {

    background-color: #f0f0f0;

    color: #858585;

}



.btn-large {

    padding: 11px 14px;

}



.btn-primary {

    background-color: #239CC3;

    color: #fff;

}



.btn-primary:hover {

    background-color: #26ABD6;

    color: #fff;

}



.btn-icon {

    position: relative;

    padding-right: 40px;

}



.btn-icon.btn-large {

    padding-right: 46px;

}



    .btn-icon span {

        position: absolute;

        right: 10px;

        top: 6px;

        width: 14px;

        height: 16px;

        display: block;

        

        text-align: right;

        border-left: 1px solid #ddd;

    }

    

    @-moz-document url-prefix() { 

      button.btn-icon span {

         right: 20px;

         top: 0;

      }

    }

    

    .btn-icon.btn-primary span {

        border-color: #1CDAD6;

    }

    

    .btn-icon.btn-large span {

        right: 14px;

        top: 10px;

        width: 16px;

    }

    

        .btn-icon span i {

            position: relative;

            top: -3px;

            

            font-style: normal;

        }

        

        button.btn-icon span i {

            top: -1px;

        }

        

        .btn-icon.btn-large span i {

            top: -3px;

        }





/******************************

 Services

*******************************/



body ul.services {

    margin-top: -5px;

    margin-bottom: 15px;

    margin-left: 0;

}



    body ul.services li {

        border-bottom: 1px solid #eee;

        cursor: pointer;

        list-style: none;

        clear: both;

        overflow: hidden;

    }

    

    .services li:hover {

        padding-left: 5px;

        background-color: #f5f5f5;

    }

    

        .services .with-image:first-child {

            margin-top: -5px;

        }

    

        .services .with-image .media-wrapper {

            margin: 5px 0 0 0;

        }

    

        .services li:hover a {

            color: #1A7490;

        }

    

        .services li a {

            display: block;

            padding: 5px 0;

            

            font-weight: bold;

        }

        

        .services li p {

            color: #858585;

            margin: -5px 0 0 0;

            padding-bottom: 5px;

        }

        

        .services .with-image > a,

        .services .with-image > p {

            margin-left: 60px;

        }





/******************************

 * Pager

 ******************************/



.pager {

    margin-bottom: 17px;

    

    overflow: hidden;

    text-align: center;

}



.ie7 .pager {

    margin-bottom: 0;

    padding-bottom: 17px;

}



    .pager a, .pager span {

        display: inline-block;        

        margin: 0 5px;

        padding: 0 2px;

        

        border-bottom: 3px solid #fff;

    }

    

    .pager span {

        border-bottom: 3px solid #1A7490;

    }





/******************************

 * Posts widget

 ******************************/



.posts-widget li {

    overflow: hidden;

    margin-bottom: 20px;

}



    .posts-widget .image {

        float: left;

    }

    

    .posts-widget .image + .posts-widget-content {

        margin-left: 60px;

    }

    

    .posts-widget .title {

        display: block;

        margin: -5px 0 5px 0;

        

        font-weight: bold;

    }

    

    .posts-widget p {

        margin-bottom: 5px;

    }

    

    .posts-widget-meta {

        color: #858585;

        font-size: 11px;

    }





/******************************

 * Tags

 ******************************/



.tags {

    overflow: hidden;

    margin-bottom: 15px;

}



    .tags a {

        float: left;

        display: block;

        padding: 2px 7px;

        margin: 5px 5px 0 0;

        

        background-color: #f5f5f5;

        color: #858585;

        font-size: 11px;

    }

    

    .tags a:hover {

        color: #333;

        background-color: #f0f0f0;

    }





/******************************

 * Testiminials

 ******************************/



.testimonials p {

    margin-bottom: 5px;

}



.testimonials .author {

    font-size: 11px;

    color: #858585;

}



    .testimonials .author-name {

        font-weight: bold;

    }



    .testimonials .author span {

        display: block;

    }



.testimonials + .tabs-nav {

    overflow: visible;

    height: 50px;

}



    .testimonials + .tabs-nav li {

        padding: 5px;

        margin-right: 10px;

        position: relative;

        

        cursor: pointer;

        line-height: 0;

        font-size: 0;

    }

    

    .testimonials + .tabs-nav li.active,

    .testimonials + .tabs-nav li:hover {

        background: #f5f5f5;

    }

    

        .testimonials + .tabs-nav li span {

            display: none;

            width: 15px;

            height: 8px;

            position: absolute;

            left: 50%;

            margin-left: -8px;

            top: -21px;

            

            background: url(../images/pointer-btm.png) no-repeat 0 0;

        }

        

        .testimonials + .tabs-nav li.active span {

            display: block;

        }



.testimonials {

    margin-bottom: 20px;

}



.testimonials .tab {

    padding: 10px;

    width: auto !important;

    

    border: 1px solid #eee;

}





/******************************

 * Elements

 ******************************/



/* Blockquote */



blockquote { padding: 0 20px 0 20px; border-left: 1px solid #eee; margin-left: 20px;

    color: #777; font-style: italic; font-size: 14px; line-height: 22px; }

.bq-meta { margin-left: 41px; margin-bottom: 20px; }

.bq-author { display: block; }

.bq-title { color: #777; }





/* Dropcaps */



.dropcap1 { float: left; display: block; margin: 0 10px 0 0; font-size: 40px; line-height: 40px; }

.dropcap2 { float: left; display: block; margin: 2px 10px 0 0; font-size: 26px; line-height: 35px;

    text-align: center; background: #eee; width: 35px; }





/* Pullquote */



.pullquote-left, .pullquote-right { font-size: 11px; color: #777; width: 18%; }

.pullquote-left { float: left; margin: 0 20px 20px 0; padding: 0 20px 0 0; border-right: 1px solid #eee; }

.pullquote-right { float: right; margin: 0 0 20px 20px; padding: 0 0 0 20px; border-left: 1px solid #eee; }





/* Lists */



.main-content ul, .main-content ol { margin: 0 0 20px 20px; }

.ie7 .main-content ol { margin-left: 23px; }

.main-content ul li { list-style: circle outside; }

.main-content ol li { list-style: decimal outside; }



ul.plus-list, ul.tick-list, ul.arrow-list, ul.delete-list { margin-left: 0;

    margin-bottom: 15px; }



ul.plus-list li { background: url(../images/lists/plus_16.png) no-repeat 0 0; list-style: none;

    padding-left: 26px; margin-bottom: 5px; }

    

ul.tick-list li { background: url(../images/lists/tick_16.png) no-repeat 0 0; list-style: none;

    padding-left: 26px; margin-bottom: 5px; }



ul.arrow-list li { background: url(../images/lists/right_16.png) no-repeat 0 0; list-style: none;

    padding-left: 26px; margin-bottom: 5px; }

    

ul.delete-list li { background: url(../images/lists/delete_16.png) no-repeat 0 0; list-style: none;

    padding-left: 26px; margin-bottom: 5px; }





/* Toggle */



.toggles { padding-bottom: 15px; }

.toggle { margin-bottom: 20px; overflow: hidden; position: relative; }

.toggles .toggle { margin-bottom: 5px; }

.toggle-box { border: 1px solid #eee; }

.toggle-header { margin: 0; padding: 0 0 5px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #eee; }

.toggle-box { padding: 20px 20px 0 20px; border-top: none; }

.toggle-header:after { content: '+'; float: right; font-weight: bold; font-size: 14px; }

.toggle-open:after { content: '-'; }





/* Message boxes */



.msg-box { padding: 19px 19px 19px 54px; border: 1px solid; background: no-repeat 19px 19px;

    margin-bottom: 20px; }



.msg-error { background-image: url(../images/message-boxes/delete_16.png); border-color: #FFAFAF;

    background-color: #FFDFDF; color: #9F1D1D; }

    

.msg-warning { background-image: url(../images/message-boxes/warning_16.png); border-color: #FFE25F;

    background-color: #FFF6CF; color: #5F4F06; }

    

.msg-success { background-image: url(../images/message-boxes/tick_16.png); border-color: #A2EF68;

    background-color: #D1FFAF; color: #274F0A; }

    

.msg-info { background-image: url(../images/message-boxes/info_16.png); border-color: #86DDEF;

    background-color: #CFF7FF; color: #0A434F; }





/******************************

 * Forms

 ******************************/



.form label {

    font-weight: bold;

    padding-top: 9px;

}



.form-field-wrap {

    display: block;

    padding: 4px;

    float: left;

    

    background-color: #f5f5f5;

}



.form-textarea-wrap {

    float: none;

}



    .form-textarea-wrap textarea {

        overflow: auto;

    }

    

    .ie7 .form-textarea-wrap textarea {

        width: 440px;

    }



.form textarea {

    width: 100%;

}





/******************************

 * Comments

 ******************************/



ol.comments, .comments ol { margin-left: 0 !important; }

ol.comments li { list-style: none; }

.comment { list-style: none outside none; }

.comment-wrap { margin-bottom: 30px; }

.comment-meta { border-bottom: 1px solid #eee; padding: 5px 0; overflow: hidden; }

.comment-author { font-weight: bold; display: block; float: left; }

.comment-date { display: block; float: right; color: #777; margin-right: 10px;

    border-right: 1px solid #d9d9d9; padding-right: 10px; }

.comment-reply { display: block; float: right; }

.comment-body { padding: 20px 0 0 70px; overflow: hidden; position: relative; }

.avatar { position: absolute; left: 0; top: 20px; border: 5px solid #f5f5f5; }

.comment ol { padding-left: 20px; }





/******************************

 * Google map

 ******************************/



#google_map {

    width: 100% !important;

}





/******************************

 * Carousel

 ******************************/



.dm3-carousel {

    margin: 0 0 50px 0;

    position: relative;

}



.dm3-carousel ul {

    margin: 0;

}



.dm3-carousel li {

    float: left;

    width: 140px;

    height: 80px;

}



    .dm3-carousel li > a {

        display: block;

    }



    .dm3-carousel li img {

        display: block;

    }



    .dm3-carousel-items-wrapper {

        margin-bottom: 20px;

    }



    .dm3-carousel-controls {

        float: right;

        margin-bottom: 20px;

    }



    .dm3-carousel-controls > span {

        display: block;

        width: 30px;

        height: 30px;

        margin-left: 7px;

        position: relative;

        float: left;

        

        text-align: center;

        background-color: #333;

        color: #ccc;

        cursor: pointer;

        border-radius: 4px;

        -moz-border-radius: 4px;

        -webkit-border-radius: 4px;

    }

    

        .dm3-carousel-controls > span span {

            display: block;

            width: 10px;

            height: 10px;

            line-height: 7px;

            position: absolute;

            left: 50%;

            margin-left: -5px;

            top: 50%;

            margin-top: -5px;

        }

        

        .ie7 .dm3-carousel-controls > span span {

            line-height: 8px;

        }

    

    .dm3-carousel-controls > span:hover {

        background-color: #222;

    }





/******************************

 * 768px >= width <= 959px

 ******************************/



@media only screen and (min-width: 768px) and (max-width: 959px) {

    .section {

        width: 768px;

    }

    

    .boxed {

        padding: 20px 0 10px 0;

    }

    

    .container-title h4 {

        padding-left: 7px;

        padding-right: 7px;

    }

}





/******************************

 * width <= 767px

 ******************************/



@media only screen and (max-width: 767px) {

    .section {

        width: 320px;

    }

    

    .boxed {

        padding: 20px 10px 10px 10px;

    }

    

    .container-title h4 {

        padding-left: 7px;

        padding-right: 7px;

    }

    

    .content-sep {

        margin-left: 0;

        margin-right: 0;

    }

    

    .main-content {

        margin-bottom: 30px;

    }

    

    .sidebar-inner {

        padding: 0;

        border: 0;

    }

    

    #page-title h1 {

        float: none;

    }

    

    #page-title p {

        margin-top: 5px;

        float: none;

    }

    

    #footer {

        margin-bottom: 0;

    }

    

    

    /* Header toolbar */

   

    #header-toolbar .text {

        float: none;

        margin-bottom: 10px;

    }

    

    #header-toolbar .social-icons {

        float: none;

    }

    

        #header-toolbar .social-icons li a {

            margin: 0 10px 0 0;

        }

    

    

    /* Header */

    

    #logo {

        margin-bottom: 20px;

        position: relative;

        top: auto;

    }

    

    /*.search-trigger {

        display: none;

    }*/

    

    #header .nav-select {

        margin-bottom: 15px;

    }

    

    

    /* r-slider */

   

   .r-slider-container .description {

       margin-right: 0;

       font-size: 16px;

       line-height: 24px;

       padding: 20px 0 20px 0;

   }

   

   .r-slider-controls {

       display: none;

   }

   

   

   /* Services */

  

   .services.no-margin {

       margin-bottom: 5px;

   }

   

   

   /* Forms */

   

   .form-field-wrap {

       float: none;

   }

   

   .form input[type="text"], .form textarea, .form select, .form .ul-select-field {

       width: 252px;

   }

   

   

   /* Vertical tabs */

   body ul.tabs-nav-vertical {

       margin-left: 0;

   }

   

   

   /* Gallery overlay */

   .dm3-gallery-options {

       margin-left: 0;

   }

}





/******************************

 *  480px <= width <= 767px

 ******************************/



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .section {

        width: 460px;

    }

    

    .boxed {

        padding: 20px 20px 0 20px;

    }

    

    .container-title h4 {

        padding-left: 17px;

        padding-right: 17px;

    }

}





@media screen and (max-width: 480px) {

    .form label {

        padding-top: 0;

    }

}





/******************************

 * Blog (v 1.0)

 ******************************/



.entry {

    margin-bottom: 60px;

}



.entry:after,

.entry-meta .after,

.entry-meta:after,

.entry-meta .after {

    content: ' ';

    display: block;

    clear: both;

    height: 0;

    font-size: 0;

}



/* ie7 fix */

.entry,

.entry-meta {

    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("span")).className="after");

}

    

    .entry-title {

        position: relative;

        top: -6px;

        margin-bottom: 4px;

    }

    

    .entry-img {

        float: left;

        padding: 5px;

        width: 210px;

        

        line-height: 0;

        font-size: 0;

        background-color: #f5f5f5;

    }

    

        .entry-img img {

            width: 100%;

            height: auto;

        }

        

        .ie7 .entry-img img {

            width: auto;

        }

    

    .entry-img ~ .entry-title,

    .entry-img ~ .entry-meta,

    .entry-img ~ .entry-description,

    .entry-img ~ .entry-options {

        margin-left: 240px;

    }

    

    .entry-img-wide {

        float: none;

        width: auto;

        margin-bottom: 20px;

    }

    

    .entry-img-wide ~ .entry-title,

    .entry-img-wide ~ .entry-meta,

    .entry-img-wide ~ .entry-description,

    .entry-img-wide ~ .entry-options {

        margin-left: 0;

    }



    .entry-meta {

        margin-bottom: 20px;

    }

    

    .entry-meta:after,

    .entry-meta .after {

        clear: right;

    }

    

        .entry-meta span {

            display: inline-block;

            margin-right: 15px;

            

            color: #999;

        }

    

    .entry-description {

        margin-bottom: 20px;

    }

    

    .entry-options {

        margin-bottom: 20px;

    }

    

    .entry-meta { margin-bottom: 20px; border-bottom: 1px solid #eee;

    border-top: 1px solid #eee; padding: 5px 0; }

    .entry-meta span { padding: 2px 0 0 25px; }

    .entry-date { background: url(../images/spirit20/calendar.png) no-repeat 0 0; }

    .entry-terms { background: url(../images/spirit20/tag.png) no-repeat 0 0; }

    .entry-comments { background: url(../images/spirit20/comment.png) no-repeat 0 0; }

    .entry-author { background: url(../images/spirit20/author.png) no-repeat 0 0; }





@media screen and (max-width: 480px) {

    

    .entry-img ~ .entry-title,

    .entry-img ~ .entry-meta,

    .entry-img ~ .entry-description,

    .entry-img ~ .entry-options {

        margin-left: 0;

    }

    

    .entry-img {

        float: none;

        width: auto;

        margin-bottom: 20px;

    }

    

    .entry-img ~ * {

        margin-left: 0;

    }

    

}



#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    z-index: 1;

    bottom: 50px;

    right: 1%;

    overflow: hidden;

    width: 40px;

    height: 40px;

    border: none;

    text-indent: 100%;

    background: url("../images/to-top1.png") no-repeat 0px 0px;
opacity: 1 !important;
}

.sxpage ul {list-style:none !important;}

.sxpage a {

    color: #666666;

    text-decoration: underline;

	

}



#page-title h2 ul a{

	float: none;

	display: initial;

}

#header .nav-h_m{

	display: none;

}
#header-toolbar .text{
		font-size: 16px;
	}
	#page-title h2 ul a{
		font-size: 14px;
	}
	#page-title{
		margin-bottom: 10px;
	}
	#logo img{
		width: 70%;
	}
@media only screen and (max-width: 480px) {
	#page-title{
		margin-bottom: 0;
	}
	#page-title h2 ul a,#page-title h2 ul li{
		font-size: 12px;
	}
	.highlight-1 h1{
		font-size: 22px;
	}
	.highlight-1 p{
		font-size: 16px;
	}
	
	#header .nav-h_m{
		margin-top: 15px;
	}
	#logo{
		width: 40%;
		left: -30px;
		margin-bottom: 0;
	}
	#logo img{
		width: 100%;
	}
	.search-trigger a{
		display: none;
	}
	#header .nav-h > li{
		padding: 5px;
	}
	.search-trigger .popover{
display: block;
		    right: -20px;

   			 top: -50px;

	}
	#footer-btm .nav-h li{
		margin-left: 10px;
	}
	#footer{
		display: none;
	}
	#header .nav-h{

		display: none;

	}

	#header .nav-h_m{

		display: block;

	}

	

	iframe{

		width: 100% !important;

	}
}


/*foot message*/
.rect {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 320px;
  z-index: 99;
  overflow: hidden;
  color:#ffffff;
}
.rect p{
  margin: 0;
   padding:10px;
  cursor:pointer;
  background-color: #239cc3;
  border-radius:10px 10px 0 0;
  position: relative;
  color:#fff;
}
.rect p span{
 background: url(../images/top.png) no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 16px;
}
.rect p .active{
  background: url(../images/bottom.png) no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 16px;
    top: 15px;
}
.rect-b{
   display:none;
  background-color: #efefef;
   padding: 10px;
   padding-bottom: 20px;
    border-radius:0 0 10px 10px ;
}
.rect-b textarea{
  width: 100%;
  height: 100px;
  padding-left: 6px;
  color:#ababab;
  border: 1px solid #ccc;

}
.rect-b>input{
  width: 100%;
  height: 30px;
  margin-bottom: 8px;
  padding-left: 6px;
  color:#ababab;
  border: 1px solid #ccc;

}
.rect-b div{
   margin-bottom: 8px;
}
.rect-b div input{
  height: 30px;
  padding-left: 6px;
  color:#ababab;
  border: 1px solid #ccc;

}
.rect-b input[type="submit"]{
  background-color: #239cc3;
  line-height: 32px;
  color: #ffffff;
}