@import url( bootstrap.css );
@import url( shortcodes.css );


/* CSS Document */
/*------------------------------------------------------------------------
All @media only screen and (max-width: 767px) has been changed to 
@media only screen and (max-width: 991px)
--------------------------------------------------------------------------*/
#Body {
    color: #666666;
    background: #FFF;
}

.body_bg {
    min-height: 100%;
}

l html,
body {
    margin: 0px;
    padding: 0px;
    font: normal 14px/1.5 'Open Sans';
    color: #666666;
    height: 100%;
}

p { /* This code block is modified to fit NASW standard*/
    margin: 0px 0px 8px 0px;
    color: #53565a;
    font-size: 14px;
    font-family: 'Open Sans';
    font-weight: regular;
}

header,
nav,
section,
footer {
    display: block;
}

/****************************-------------------------------------------------------------------*****************
																												*
	This section defines Custome CSS for NASW. Please append nasw before every class/id names!     				*
              
*****************************-------------------------------------------------------------------*****************/
.nasw_font {
    color: black !important;
    font-size: 13px !important;
    font-family: 'Open Sans' !important;
}


.nasw_1000expertcolor {
    color: white !important;
}

TH,
TD,
DIV {
}

A,
A:link {
    text-decoration: none;
    transition: color ease 300ms;
    -moz-transition: color ease 300ms; /* Firefox 4 */
    -webkit-transition: color ease 300ms; /* Safari and Chrome */
    -o-transition: color ease 300ms; /* Opera */
    -ms-transition: color ease 300ms; /* IE9? */
}

    A:active {
        text-decoration: none;
    }

    A:visited {
        text-decoration: none;
    }

    A:hover {
        text-decoration: underline;
    }

    A:focus {
        outline: none;
        -moz-outline: none;
    }


h1 {
    letter-spacing: normal;
    margin: 5px 0 10px 0;
    font-family: 'Open Sans' !important;
    color: #666;
}

h2 {
    letter-spacing: normal;
    margin: 5px 0 10px 0;
    font-family: 'Open Sans' !important;
}

h3 {
    letter-spacing: normal;
    margin: 5px 0 0px 0;
    font-family: 'Open Sans' !important;
    /*text-align:left !important;*/
}

h4 {
    letter-spacing: normal;
    margin: 0px 0 4px 0;
    font-family: 'Open Sans' !important;
}

h5 {
    letter-spacing: normal;
    margin: 0px 0 10px 0;
    font-family: 'Open Sans' !important;
}

form#Form {
    height: 100%;
}

.ModuleTitle_SubMenu {
    z-index: 9999 !important;
}

.clearfix:after {
    clear: both;
    content: ".";
    height: 0px;
    font-size: 0px;
    visibility: hidden;
    display: block;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

    .clearfix > div > a > img {
        padding: 0 0 10px 0;
    }

filter: none !important;
}

ul.dnnActionMenuBody li ul li a,
ul.dnnActionMenuBody li ul li a img {
    color: #328DDE !important;
}

.clear {
    clear: both;
}
#socialMediaIconRow {
	margin-top:20px;
}
.copyright_style {
	font-weight:initial;
}

/**************** Login page******************/
@media only screen and (max-width:991px) {

    .loginContent .LoginPanel {
        width: 100% !important;
    }

    .loginContent .dnnFormItem .dnnLoginRememberMe {
        white-space: nowrap;
    }

    .loginContent .dnnFormLabel {
        display: block !important;
        text-align: left !important;
    }
}
/**************** register page******************/


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

    .dnnRegistrationForm {
        min-width: inherit !important;
    }

        .dnnRegistrationForm .dnnForm {
            width: 100%;
        }

        .dnnRegistrationForm .dnnFormLabel {
            display: block !important;
            text-align: left !important;
        }

        .dnnRegistrationForm .dnnForm .dnnFormItem .dnnLabel {
            display: block !important;
            float: none !important;
            text-align: left !important;
            width: 100%;
        }

        .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
            right: auto !important;
            position: static !important;
            margin-left: 5px !important;
        }

        .dnnRegistrationForm .dnnForm .dnnFormItem {
            padding: 0px !important;
            margin: 0px !important;
        }

        .dnnRegistrationForm .dnnFormItem input[type="text"],
        .dnnRegistrationForm .dnnFormItem input[type="password"],
        .dnnRegistrationForm .dnnFormItem input[type="email"],
        .dnnRegistrationForm .dnnFormItem input[type="tel"],
        .dnnRegistrationForm .dnnFormItem select,
        .dnnRegistrationForm .dnnFormItem textarea {
            width: 100%;
            margin-bottom: 10px !important;
        }
}

/**************** Password page******************/
@media only screen and(max-width:991px) {
    .dnnSendPasswordContent {
        width: auto !important;
    }

        .dnnSendPasswordContent .dnnLabel {
            display: block !important;
            width: 100% !important;
            text-align: left;
        }

        .dnnSendPasswordContent a.dnnFormHelp, .dnnSendPasswordContent .dnnForm .dnnFormItem a.dnnFormHelp, .dnnSendPasswordContent .dnnTooltip label a.dnnFormHelp {
            position: static;
        }

        .dnnSendPasswordContent input[type="text"], .dnnSendPasswordContent input[type="password"], .dnnSendPasswordContent input[type="email"], .dnnSendPasswordContent input[type="tel"], .dnnSendPasswordContent select, .dnnSendPasswordContent textarea {
            width: 90%;
            margin-bottom: 10px !important;
        }

        .dnnSendPasswordContent ul.dnnActions {
            padding: 0 !important;
        }
}

/* ********** Control Panel Style ************** */


.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active {
    font-size: 12px;
    color: #973939;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Open Sans' !important;
}

A.CommandButton:hover {
    color: #973939;
    text-decoration: underline;
    font-size: 12px;
    font-weight: normal;
}

.FileManager A,
.FileManager A:link,
.FileManager A:visited,
.FileManager A:active {
    color: #000;
    text-decoration: underline;
}

    .FileManager A:hover {
        color: #000;
        text-decoration: none;
    }

/* ********** Buttons Style ************** */


a.Button_default {
    padding: 9px 25px;
    font-size: 14px;
    display: inline-block;
    /* white-space: nowrap; */
    color: #FFFFFF !important;
    /* background-color: #ed474a; */
    margin: 0px 12px 10px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

* + html a.Button_default {
    display: inline;
}

    a.Button_default:hover {
        text-decoration: none;
        background: #000000;
        color: #FFFFFF !important;
    }

a.Button_normal {
    padding: 6px 20px;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    color: #FFFFFF !important;
    background-color: #000000;
    margin: 0px 12px 10px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

* + html a.Button_normal {
    display: inline;
}

    a.Button_normal:hover {
        text-decoration: none;
        background: #ed474a;
        color: #FFFFFF !important;
    }

/* ********** Pane Style ************** */


.row [class*="Pane"] {
    padding: 0px 0px 5px 0px;
}

.DNNEmptyPane {
    display: none;
}

.TopOutPaneA {
    margin: 35px 0 0px !important;
}

.TopOutPane {
    padding: 0 !important;
}

.BannerPaneA {
    margin: 40px 0 60px;
    padding: 0 !important;
    border: 6px solid #FFF;
}

@media only screen and (max-width: 991px) {
    .BannerPaneA {
        margin: 20px 10px 50px;
    }
}

/* ********** Container Style ************** */

.Head {
    font-weight: bold;
    font-family: 'Open Sans';
}

.SubHead {
    font-family: 'Open Sans';
}

.SubSubHead {
    font-family: 'Open Sans';
}

.Normal {
    font-family: 'Open Sans';
}


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

.mb-10 {
    margin-bottom: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

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

.mb-20 {
    margin-bottom: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

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

.mb-30 {
    margin-bottom: 30px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

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

.mb-40 {
    margin-bottom: 40px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pr-10 {
    padding-right: 10%;
}

.pr-15 {
    padding-right: 15px;
}

.pl-10 {
    padding-left: 10%;
}

.pl-15 {
    padding-left: 15px;
}


.backgroundImage1 {
    background-color: #ed474a;
    text-align: center;
}

    .backgroundImage1,
    .backgroundImage1 *,
    .backgroundImage1 a,
    .backgroundImage1 a:link,
    .backgroundImage1 a:active,
    .backgroundImage1 a:visited {
        color: #FFF;
    }

.backgroundImage2 {
    background: url(images/img_bg_2.jpg) no-repeat center bottom #ffffff;
    text-align: center;
}

.backgroundImage3 {
    background: #f0f0f0;
    text-align: center;
}

.backgroundImage4 {
    background: url(images/img_bg_4.jpg) no-repeat center bottom;
    background-attachment: fixed;
    text-align: center;
}

    .backgroundImage4,
    .backgroundImage4 *,
    .backgroundImage4 a,
    .backgroundImage4 a:link,
    .backgroundImage4 a:active,
    .backgroundImage4 a:visited {
        color: #FFF;
    }

.backgroundImage5 {
    background: url(images/img_bg_5.jpg) no-repeat center bottom;
    background-attachment: fixed;
    text-align: center;
}

    .backgroundImage5,
    .backgroundImage5 *,
    .backgroundImage5 a,
    .backgroundImage5 a:link,
    .backgroundImage5 a:active,
    .backgroundImage5 a:visited {
        color: #444444;
    }

.backgroundImage6 {
    background: #f5f5f5;
    text-align: center;
    -moz-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.1) inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.1) inset; /* For Chrome5+, Safari5+ */
    box-shadow: 1px 3px 5px -2px rgba(0,0,0,0.1) inset;
}

.backgroundImage7 {
    background: url(images/img_bg_7.jpg) no-repeat center bottom;
    background-attachment: fixed;
    text-align: center;
}

    .backgroundImage7,
    .backgroundImage7 *,
    .backgroundImage7 a,
    .backgroundImage7 a:link,
    .backgroundImage7 a:active,
    .backgroundImage7 a:visited {
        color: #FFF;
    }



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

    .backgroundImage2,
    .backgroundImage4,
    .backgroundImage5,
    .backgroundImage7 {
        background-attachment: scroll;
        background-position: center bttom;
        background-size: cover;
    }
}


.big_size {
    font-size: 16px;
}

.title_style_1 {
    font-size: 26px;
    line-height: 1.2;
    font-weight: normal;
}

.title_style_2 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
}

.title_style_3 {
    text-align: center;
    width: 100%;
    overflow: hidden;
}

    .title_style_3 h3 {
        white-space: nowrap;
        text-align: left;
        padding: 0px 20px;
        position: relative;
        display: inline-block;
        font-size: 26px;
        line-height: 1.2;
        color: #53565a;
        white-space: normal;
        display: inline-block;
        letter-spacing: 2px;
    }

        .title_style_3 h3:before {
            content: "";
            background: url(images/title_style_3.png);
            width: 120px;
            height: 20px;
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -9px;
        }

        .title_style_3 h3:after {
            content: "";
            background: url(images/title_style_3.png);
            width: 120px;
            height: 20px;
            position: absolute;
            top: 50%;
            left: 100%;
            margin-top: -9px;
        }

.title_style_4 {
    font-size: 30px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: normal;
    padding-bottom: 20px;
    letter-spacing: 4px;
}


/* ********** Breadcrumb Style ************** */


.breadcrumbborder a .glyphicons {
    margin: 0 5px 0 0;
    color: #b8b8b8 !important;
}

.breadcrumbBox h3 {
    float: left;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.breadcrumbBox .breadcrumbRight {
    float: right;
    vertical-align: middle;
}

.breadcrumbcurrent {
    color: #006663 !important;
}

a.breadcrumb:active {
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
 
    color: #006663 !important;
    
}

.breadcrumbBox {
    margin-top: 50px;
}

.breadcrumb,
a.breadcrumb:link,
a.breadcrumb:visited {
    padding-top: 20px !important;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    /*text-transform: uppercase;*/
    font-family: 'Open Sans' !important;
    color: #d9d9d9;
	
}

a.breadcrumb:hover {
    font-weight: normal;
    text-decoration: underline;
}

.breadcrumbBox .here {
    display: none;
}

@media only screen and (max-width: 991px) {
    .breadcrumbBox .breadcrumbRight {
        display: none;
    }
}


/* ********** Other Style ************** */


.dnn_layout {
    width: 100%; /* width: 1980px;  this will break the responsiveness of the website*/
    margin: 0px auto;
}

.dnn_layout_inner {
    width: 450px;
    margin: 0px auto;
}

#dnn_wrapper {
    background-color: #fff;
}

.head_mid,
.content_mid,
.footer_mid {
    /*padding: 0px 20px; orginal code */
    padding: 0px 0px;
}

/*language*/


.languageBox {
    float: right;
    white-space: nowrap;
    border-left: 1px solid #585858;
    height: 34px;
    line-height: 34px;
    padding: 0px 15px;
}

    .languageBox img {
        width: 18px;
        height: 12px;
    }

    .languageBox span img {
        margin-right: 7px;
        filter: alpha(opacity=50);
        opacity: 0.5;
        vertical-align: middlea;
    }

    * + html .languageBox span {
        font-size: 30px;
    }

        .languageBox span.selected img {
            filter: alpha(opacity=100);
            opacity: 1;
            box-shadow: 0 0 2px rgba(255,255,255,0.4);
            -moz-box-shadow: 0 0 2px rgba(255,255,255,0.4);
            -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4);
        }

/*Login*/
/*Login*/

.Login {
    float: left;
}

    .Login .loginGroup,
    .Login .registerGroup {
        border-right: 1px solid #585858;
        display: inline-block;
        vertical-align: middle;
        padding: 5px 15px 5px 8px;
        margin: 0px;
        height: 34px;
    }

.Login {
    padding: 5px 15px 5px 15px;
}

    .Login .glyphicons {
        display: inline-block;
        vertical-align: middle;
    }

    .Login .registerGroup ul,
    .Login .registerGroup li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
    }

    .Login .registerGroup .userProfileImg img {
        max-width: 26px !important;
    }

    .Login,
    .Login a,
    .Login a:link,
    .Login a:active,
    .Login a:visited {
        color: #FFF;
    }

        .Login a:hover {
            color: #9abeaa !important;
            /*text-decoration: none;*/
        }

        .Login .registerGroup li.userMessages,
        .Login .registerGroup li.userNotifications {
            font-size: 0;
            overflow: hidden;
            vertical-align: middle;
            font-family: 'Glyphicons Regular';
            font-style: normal;
            font-weight: normal;
            line-height: 34px;
            -webkit-font-smoothing: antialiased;
            position: relative;
            padding: 0px 15px;
            border-right: 1px solid #585858;
            height: 34px;
            margin: -6px 0 -4px;
        }

        .Login .registerGroup li.userDisplayName a {
            padding: 0 14px;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .Login .registerGroup li.userDisplayName a {
        padding: 0 8px;
    }
}

.Login .registerGroup li.userMessages a {
    padding-left: 2px;
    line-height: 31px;
}

    .Login .registerGroup li.userMessages a:empty,
    .Login .registerGroup li.userNotifications a:empty {
        width: 1em;
    }

    .Login .registerGroup li.userMessages a:before {
        content: "\2709";
        color: FFF;
        font-size: 16px;
        transition: color ease-in 200ms;
        -moz-transition: color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
        -o-transition: color ease-in 200ms; /* Opera */
        -ms-transition: color ease-in 200ms; /* IE9? */
    }

.Login .registerGroup li.userNotifications a:before {
    content: "\E196";
    color: FFF;
    font-size: 14px;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
    -o-transition: color ease-in 200ms; /* Opera */
    -ms-transition: color ease-in 200ms; /* IE9? */
}

.Login .registerGroup li.userMessages:hover:before,
.Login .registerGroup li.userNotifications:hover:before {
    color: #9abeaa;
}

.Login .registerGroup li.userMessages a,
.Login .registerGroup li.userNotifications a {
    display: block !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.Login .registerGroup li.userNotifications a {
    left: 5px
}

* + html .Login .loginGroup,
* + html .Login .registerGroup,
* + html .Login .glyphicons,
* + html .Login .registerGroup ul,
* + html .Login .registerGroup li {
    display: inline;
}

    .Login .registerGroup li.userMessages a strong,
    .Login .registerGroup li.userNotifications a strong {
        display: none;
    }

    .Login .registerGroup li.userMessages a span {
        position: absolute;
        top: 2px;
        right: 4px;
        font-size: 12px;
        display: block;
        background-color: #ee5154;
        padding: 0px 3px;
        height: 14px;
        line-height: 1;
        color: #FFF;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-weight: normal;
    }

@media only screen and (max-width: 991px) {
    .Login .registerGroup li.userMessages,
    .Login .registerGroup li.userNotifications {
        border-right: 1px solid #585858 !important;
    }

    .languageBox {
        border-left: none;
    }
}


    
    
@media only screen and (min-width: 992px) {
   #dnn_FootPaneJ 
		{
			float:right;
		}
   /* .text-style-14  */
		/* { */
			/* margin-top:15px !important; */
			/* line-height:1.7  !important;} */
   /* .addressLine1Footer {font-size:120%;} */
   /* #national-association-of-social-workers-750-first-street-ne-sui > .text-style-14  */
		/* {margin-top:0px !important;} */
   /* #national-association-of-social-workers-750-first-street-ne-sui {margin-top:30%  !important;;} */
   
   
   
   
}


/* Search Style  */


.pulldownsearch {
    position: absolute;
    top: 0px !important;
    right: 0px;
    z-index: 903;
    height: 100% !important;
    width: 48px;
    border-left: 1px solid #FFF;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid #FFF;
    border-right: 1px solid rgba(255,255,255,0.2);
}

.visible-xs .pulldownsearch {
    position: absolute !important;
}

.searchbut {
    height: 40px;
    width: 40px;
    font-size: 16px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 55%;
    left: 50%;
    color: #FFF;
    margin: 10px 0px 0px 0px;
    z-index: 903;
}

    .searchbut.active .glyphicons.glyph-search:before {
        content: "\E208";
        color: #000000;
        z-index: 903;
    }

.searchBox {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 3px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
    overflow: inherit !important;
    height: 35px !important;
    z-index: 9999 !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .searchBox:before {
        content: "";
        border: 5px solid transparent;
        border-bottom: 5px solid #000000;
        position: absolute;
        bottom: 100%;
        right: 17px;
    }



    .searchBox #dnn_dnnSEARCH_ClassicSearch,
    .searchBox #dnn_dnnSEARCH1_ClassicSearch,
    .searchBox #dnn_dnnSEARCH2_ClassicSearch,
    .searchBox #dnn_dnnSEARCH3_ClassicSearch {
        background: none;
        border: none;
        float: none;
        height: 10px;
        margin-top: 3px;
        position: relative;
        white-space: nowrap;
        width: 235px;
        display: block;
        text-align: left;
        color: #FFF;
    }

.SearchIcon {
    display: block;
}

.search,
a.search:link,
a.search:active,
a.search:visited {
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0px;
    color: white;
    text-align: center;
    /*font-family: 'Open Sans';*/
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

a.search:before {
    content: "\E028";
}

.searchBox input.NormalTextBox {
    width: 165px;
    text-align: left;
    height: 12px;
    padding: 0px 3px 0px 3px;
    background: none;
    border: none;
    display: block;
    position: absolute;
    left: 4px;
    top: 3px;
    outline: 0;
    border-radius: 0px 0px 0px 0px;
    -webkit-appearance: none;
    color: black;
}

.searchBox .searchInputContainer {
    position: static !important;
}

    .searchBox .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
        top: 40px !important;
        left: auto;
        right: 5px !important;
        z-index: 1000;
    }

.searchBox.searchSkinObjectPreview {
    right: inherit;
    left: auto;
    right: 0px;
}

.dnnSearchBoxPanel,
.dnnSearchResultPanel {
    width: 100%;
    max-width: none;
    padding: 10px 0px !important;
}

.dnnSearchResultPanel {
    padding: 10px 0px 7px 0px !important;
}

/*source_code*/


.source_code {
    margin: 5px 0px;
}

    .source_code pre {
        display: none;
    }

    .source_code .source_box pre {
        display: block;
    }

    .source_code .source_box {
        display: none;
    }

/* ********** HEADER ************** */


.header_bg {
    border-bottom: 1px solid #FFF;
}

.header_top {
    background: #000000;
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.dnn_logo img {
    max-width: 100%;
}

.LogoMenuBox {
    padding: 35px 0px;
}

.header_element {
    display: inline;
}

.HeadPane {
    float: right;
    height: 34px;
    line-height: 34px;
}

    .HeadPane .Normal {
        color: #FFF;
        line-height: 34px;
        padding: 0px 15px;
    }

    .HeadPane a,
    .HeadPane a:link,
    .HeadPane a:active,
    .HeadPane a:visited,
    .HeadPane a:hover {
        color: #FFF;
        text-decoration: none
    }

        .HeadPane a:hover {
            color: #FFF;
            text-decoration: underline
        }


.dnn_logo {
    text-align: center;
    float: none;
    padding: 40px 0;
}

.header_line {
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    height: 0px;
    overflow: hidden;
    clear: both;
    width: 100%;
}

/* ********** NAV ************** */
#dnngo_megamenu .dnngo_masonrymenu > ul {
    float: left;
}


.nav_box {
    position: relative;
    text-align: center;
}

/*main menu*/
.dnn_menu {
    position: relative;
    z-index: 904;
    margin: 0px 50px;
}

#top_menu {
    position: relative;
}

    #top_menu ul {
        margin: 0px;
        padding: 0px 0px;
        display: block;
    }

    #top_menu ul {
        display: inline-block;
    }

        #top_menu ul:after {
            content: ".";
            font-size: 0px;
            height: 0px;
            display: block;
            clear: both;
            visibility: hidden;
        }

    #top_menu ul {
        margin: 0px 0 0px;
        padding: 0px 0px;
        display: block;
    }

    #top_menu li {
        list-style: none none outside;
        float: left;
        position: relative;
        margin: 0px;
        padding: 0px;
    }

    #top_menu > div > ul > li > a,
    #top_menu > div > ul > li > a > span,
    #top_menu > div > ul > li > a > span:after {
        display: block;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

    #top_menu ul li a {
        text-decoration: none;
        display: block;
        cursor: pointer;
        width: auto;
        float: left;
    }

    #top_menu > div > ul > li {
        position: relative;
    }

    /*sub menu*/


    #top_menu .menuslide {
        display: none;
        float: left;
        overflow: hidden;
        position: absolute;
    }

        #top_menu .menuslide ul {
            box-shadow: 0 0 2px rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
        }

            #top_menu .menuslide ul li {
                display: block;
                clear: both;
                padding: 0px;
                background: none;
                margin: 0px;
                position: relative;
            }

            #top_menu .menuslide ul .last-item > a {
                border-bottom: none !important;
            }

            #top_menu .menuslide ul li span {
                color: inherit;
                display: block;
                padding: 9px 60px 9px 24px;
                margin: 0px;
                background: none;
                white-space: nowrap;
                font-size: 13px;
            }

            #top_menu .menuslide ul li a {
                display: block;
                font-weight: normal;
                margin: 0px;
                padding: 0px;
                background: none;
                float: left;
                line-height: 24px;
                height: auto;
                position: relative;
                text-align: left;
            }

        #top_menu .menuslide ul {
            float: left;
            left: 0px;
            position: relative;
        }

            #top_menu .menuslide ul > li > a {
                transition: background-color ease-in 200ms;
                -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
                -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
                -o-transition: background-color ease-in 200ms; /* Opera */
                -ms-transition: background-color ease-in 200ms; /* IE9? */
            }

            #top_menu .menuslide ul > li.dir > a {
                /*background: url(images/arrow-1.png) no-repeat right 18px;*/
            }

                #top_menu .menuslide ul > li.dir > a:hover,
                #top_menu .menuslide ul > li.dir > a.menu_hover {
                }

/*Mega_menu*/


#Mega_menu {
    position: relative;
}

    #Mega_menu ul {
        margin: 0px;
        padding: 0px 0px;
        display: block;
    }

    #Mega_menu ul {
        display: inline-block;
    }

        #Mega_menu ul:after {
            content: ".";
            font-size: 0px;
            height: 0px;
            display: block;
            clear: both;
            visibility: hidden;
        }

    #Mega_menu ul {
        margin: 0px 0 0px;
        padding: 0px 0px;
        display: block;
    }

    #Mega_menu li {
        list-style: none none outside;
        float: left;
        position: relative;
        margin: 0px;
        padding: 0px;
    }

    #Mega_menu > div > ul > li > a,
    #Mega_menu > div > ul > li > a > span,
    #Mega_menu > div > ul > li > a > span:after {
        display: block;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

    #Mega_menu ul li a {
        text-decoration: none;
        display: block;
        cursor: pointer;
        width: auto;
        float: left;
    }

    #Mega_menu > div > ul > li {
        position: relative;
    }

/*-- submenu --*/








.Mega_menu div.mega_submenu {
    padding: 10px 0px;
    position: absolute;
    display: none;
    top: 100%;
    z-index: 705;
    left: 0px;
    margin: 0px;
}

.Mega_menu ul.mega_submenu_ul {
    width: 280px;
    overflow: hidden;
    display: block;
}

.Mega_menu div.Column2 ul.mega_submenu_ul {
    width: 560px;
}

.Mega_menu div.Column3 ul.mega_submenu_ul {
    width: 840px;
}

.Mega_menu div.Column4 ul.mega_submenu_ul {
    width: 1120px;
}

.Mega_menu ul.mega_submenu_ul > li {
    display: block;
    height: 100%;
    padding: 0px;
    float: none;
    width: 281px;
    margin: 0px -1px 0px 0px !important;
    padding: 0px 20px !important;
    zoom: 1;
    background: none !important;
}

    .Mega_menu ul.mega_submenu_ul > li:last {
        border-right: none;
    }

.Mega_menu ul.mega_submenu_ul li b {
    display: none !important;
}

.Mega_menu ul.mega_submenu_ul ul {
    width: 100%;
}

    .Mega_menu ul.mega_submenu_ul ul li {
        float: none !important;
        display: block;
        width: 100%;
        background: none !important;
    }

        .Mega_menu ul.mega_submenu_ul ul li a {
            display: block;
            width: 100%;
            font-weight: normal;
            float: none !important;
            font-size: 15px;
            text-align: left;
            line-height: 20px;
            color: #cccac8;
            letter-spacing: normal;
            margin: 0px;
            position: relative;
            padding: 8px 0px 8px 15px;
            white-space: normal;
            zoom: 1;
            border: none;
            background: url(images/arrow-1.png) no-repeat left -278px;
        }

            .Mega_menu ul.mega_submenu_ul ul li a:hover,
            .Mega_menu ul.mega_submenu_ul ul li a:hover:after {
            }

    .Mega_menu ul.mega_submenu_ul ul ul li a {
    }

    .Mega_menu ul.mega_submenu_ul ul li a span {
        white-space: normal !important;
    }

    .Mega_menu ul.mega_submenu_ul ul li a:hover {
        text-decoration: none;
    }

    .Mega_menu ul.mega_submenu_ul ul li a span {
        display: block;
        padding: 0px 15px 0px 0px;
        margin: 0px;
        background: none;
        word-break: break-all;
        text-transform: none;
    }

    .Mega_menu ul.mega_submenu_ul ul ul {
        border: none;
        padding: 8px 0px 5px 15px !important;
        margin: 0px;
        display: block;
        float: none;
        background: none;
        box-shadow: none;
        float: none !important;
        background: none !important;
        border: none !important;
    }

        .Mega_menu ul.mega_submenu_ul ul ul ul {
            padding: 0px 0px 0px 15px !important;
        }

        .Mega_menu ul.mega_submenu_ul ul ul li {
            margin: 0 0px 0px 0px;
            padding: 0;
            background: none;
            border: none;
        }

            .Mega_menu ul.mega_submenu_ul ul ul li a {
                float: none;
                position: relative;
                border-bottom: none;
                line-height: 18px;
                padding: 5px 0px 5px 15px;
                position: relative;
                font-size: 13px;
                background-position: left -282px;
            }

/*dnngo_megamenu */
#dnngo_megamenu {
    margin: auto;
    padding: 0px;
    clear: both;
    width: 100%;
}

    #dnngo_megamenu .primary_structure {
        position: relative;
        clear: both;
        margin: auto;
        padding: 0;
        display: table;
    }

        #dnngo_megamenu .primary_structure > li {
            float: left;
            list-style: none;
            position: relative;
        }

            #dnngo_megamenu .primary_structure > li > a {
                display: inline-block;
                padding: 0;
                transition: background-color ease-in 200ms;
                -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
                -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
                -o-transition: background-color ease-in 200ms; /* Opera */
                -ms-transition: background-color ease-in 200ms; /* IE9? */
            }

            * + html #dnngo_megamenu .primary_structure > li > a {
                display: inline;
            }


                #dnngo_megamenu .primary_structure > li > a:hover,
                #dnngo_megamenu .primary_structure > li.menu_hover > a,
                #dnngo_megamenu .primary_structure > li.current > a {
                    text-decoration: none;
                }

    /*sub*/
    #dnngo_megamenu .dnngo_menuslide {
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 904;
        margin: 0;
        padding: 0;
    }
    /*dnngo_slide_menu*/
    #dnngo_megamenu .dnngo_slide_menu {
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

.dnngo_slide_menu {
    margin-top: 22px !important;
    padding: 0;
    white-space: nowrap;
}

#dnngo_megamenu .dnngo_slide_menu ul {
    box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
}

    #dnngo_megamenu .dnngo_slide_menu ul,
    #dnngo_megamenu .dnngo_slide_menu ul li {
        margin: 0;
        padding: 0;
    }

#dnngo_megamenu .dnngo_slide_menu .dnngo_submenu {
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
    z-index: 904;
}

#dnngo_megamenu .dnngo_slide_menu li {
    position: relative;
    list-style: none;
}

    #dnngo_megamenu .dnngo_slide_menu li a {
        text-decoration: none;
        text-align: left;
        line-height: 24px;
        display: block;
        transition: color ease-in 200ms;
        -moz-transition: color ease-in 200ms;
        -webkit-transition: color ease-in 200ms;
        -o-transition: color ease-in 200ms;
        -ms-transition: color ease-in 200ms;
    }

        #dnngo_megamenu .dnngo_slide_menu li a:hover,
        #dnngo_megamenu .dnngo_slide_menu li.menu_hover > a {
        }

    #dnngo_megamenu .dnngo_slide_menu li.dir > a:after {
        content: "\E224";
        vertical-align: middle;
        font-size: 7px;
        font-family: 'Glyphicons Regular';
        padding: 0;
        margin: 0;
        display: inline-block;
        -webkit-text-size-adjust: none;
        position: absolute;
        right: 20px;
        top: 10px;
    }

#main_left #dnngo_megamenu .dir .dnngo_slide_menu ul {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}


/*dnngo_boxslide*/

#dnngo_megamenu .dnngo_boxslide {
    clear: both;
    overflow: hidden;
    width: 100%;
    margin: auto;
    text-align: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    #dnngo_megamenu .dnngo_boxslide .clear {
        clear: both;
        overflow: hidden;
        width: 100%;
        height: 0px;
    }

    #dnngo_megamenu .dnngo_boxslide .menu_centerbox {
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }


    #dnngo_megamenu .dnngo_boxslide .menu_leftbox {
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 15px;
    }

    #dnngo_megamenu .dnngo_boxslide .menu_rightbox {
        float: left;
        padding: 15px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul {
        margin: 0;
        padding: 0;
        text-align: left;
    }

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li {
            list-style: none;
            padding: 5px 10px;
            font-size: 13px;
        }

    #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul,
    #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul {
        padding: 10px;
    }

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li {
            display: inline-block;
            vertical-align: top;
            margin-right: -6px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 0px 10px;
        }

        * + html #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li {
            display: inline;
        }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a > span,
            #dnngo_megamenu .dnngo_boxslide .dnngo_masonrymenu > ul > li > a > span {
                color: #ed474a;
                font-size: 16px;
            }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a:hover {
                text-decoration: none;
            }

    #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li {
        width: 100% !important;
    }

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a {
            display: block;
            width: 100%;
        }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover {
                text-decoration: none;
            }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span {
                display: block;
            }

                #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a span:before {
                    content: "\E224";
                    vertical-align: middle;
                    font-size: 7px;
                    font-family: 'Open Sans';
                    padding: 0;
                    margin: 0;
                    display: inline-block;
                    margin: 0 3px 2px 0;
                    -webkit-text-size-adjust: none;
                }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox ul li li a:hover span:before {
            }

    #dnngo_megamenu .dnngo_boxslide .menu_topbox {
        width: 100%;
        padding: 15px;
    }

    #dnngo_megamenu .dnngo_boxslide .menu_bottombox {
        width: 100%;
        padding: 15px;
    }

h2.mega_title {
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 8px 0;
    text-transform: capitalize;
}
/*Left Menu*/


#left_menu {
    padding: 0px 0px 0px;
    margin-top: 30px;
    min-height: 300px;
    background-color: white;
    border-top: 5px solid #9abeaa;
    border-bottom: 5px solid #9abeaa;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

    #left_menu img {
        display: none;
    }

    #left_menu ul {
        padding: 0px;
        margin: 0px;
    }

        #left_menu ul li {
            list-style: none;
        }

            #left_menu ul li a {
                display: block;
                text-decoration: none;
                padding: 13px 0px 13px 10px;
                color: #006663;
                line-height: 19px;
                margin-bottom: 7px;
                font-weight: bold;
                font-size: 18px;
                position: relative;
                border-bottom: 1px solid #e5e5e5;
                border-radius: 3px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                transition: background-color ease-in 200ms;
                -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
                -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
                -o-transition: background-color ease-in 200ms; /* Opera */
                -ms-transition: background-color ease-in 200ms; /* IE9? */
            }

            #left_menu ul li.dir > a:before {
                /*content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 5px;
	height: 5px;
	margin: -3px 0 0 0;
	border-right: 1px solid #828282;
	border-bottom: 1px solid #828282;
	transform: rotate(-45deg);*/
                -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg); /* Opera */
            }

    #left_menu > .gomenu > ul > li > a:hover,
    #left_menu > .gomenu > ul > li.current > a:hover,
    #left_menu > .gomenu > ul > li.current > a {
        color: #FFF;
    }

        #left_menu > .gomenu > ul > li > a:hover:before,
        #left_menu > .gomenu > ul > li.current > a:hover:before,
        #left_menu > .gomenu > ul > li.current > a:before {
            border-right: 1px solid #FFF;
            border-bottom: 1px solid #FFF;
        }

        #left_menu > .gomenu > ul > li.current > a:before {
            transform: rotate(45deg);
            -ms-transform: rotate(45deg); /* IE 9 */
            -moz-transform: rotate(45deg); /* Firefox */
            -webkit-transform: rotate(45deg); /* Safari and Chrome */
            -o-transform: rotate(45deg); /* Opera */
        }

    #left_menu ul ul {
        padding: 10px 0px 0;
        display: none;
        border: 1px solid #e5e5e5;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-bottom: 7px;
    }

        #left_menu ul ul ul {
            padding: 5px 0px 0;
            display: none;
            margin-bottom: 0px;
            border: none;
            padding: 0;
            margin-bottom: 0px;
        }

    #left_menu ul li.current > ul {
        display: block;
    }

    #left_menu ul ul .subcurrent > ul {
        display: block;
    }

    #left_menu ul li li {
        margin: 0;
        border-bottom: none;
        padding: 0 11px;
    }

        #left_menu ul li li a {
            position: relative;
            padding: 8px 5px 8px 30px;
            line-height: 18px;
            font-size: 14px;
            border: none;
            white-space: normal;
            color: #666666;
            text-transform: none;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
        }

            #left_menu ul li li a:hover {
                color: #006663 !important;
            }

        #left_menu ul li li:last-child a {
            border-bottom: none;
        }

            #left_menu ul li li:last-child a:hover {
                color: #006663 !important;
            }

    #left_menu ul ul ul li:last-child a {
        border-bottom: 1px solid #e5e5e5;
    }

    #left_menu .gomenu ul ul li a:before {
        right: 5px;
    }

    #left_menu ul li li.subcurrent > a:before {
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari and Chrome */
        -o-transform: rotate(45deg); /* Opera */
    }

.rightPage_Box #left_menu ul li li {
    padding-left: 25px;
}

    .rightPage_Box #left_menu ul li li a {
        background-position: 0px -65px;
        padding-left: 15px;
    }


/* ********** CONTENT ************** */

#dnn_content {
    min-height: 475px;
}


.ContentTop {
    background: url(images/ContentTop_bg.jpg) no-repeat center center;
    background-size: auto 100%;
    background-attachment: fixed;
}

.ContentBottom {
    background: url(images/ContentTop_bg.jpg) no-repeat center center;
    background-size: auto 100%;
    background-attachment: fixed;
}



    .ContentTop .position,
    .ContentBottom .position {
        position: relative;
    }

.ContentTop_bg,
.ContentBottom_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=85);
    opacity: 0.85;
    z-index: 0;
}

.ContentTop .dnn_layout,
.ContentBottom .dnn_layout {
    position: relative;
    z-index: 1;
}

/* ********** FOOTER ************** */

.footer_box {
}

.FootPaneA,
.FootPaneB,
.FootPaneC,
.FootPaneD,
.FootPaneE,
.FootPaneH,
.FootPaneI,
.FootPaneJ {
    margin: 35px 0px 30px;
}

.FootPaneE {
    margin-bottom: 0
}

.FootPaneF,
.FootPaneG {
    margin: 10px 0px 35px;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .FootPaneA,
    .FootPaneB,
    .FootPaneC,
    .FootPaneD {
        margin: 15px 0px 10px;
    }
}

@media only screen and (max-width: 991px) {
    .FootPaneA,
    .FootPaneB,
    .FootPaneC,
    .FootPaneD {
        margin: 15px 0px 10px;
    }

    .search,
    a.search:link,
    a.search:active,
    a.search:visited {
        text-decoration: none;
        display: block;
        position: absolute;
        right: 30px;
        top: 0px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        padding: 0px;
        color: white;
        text-align: center;
        /*font-family: 'Open Sans';*/
        font-family: 'Glyphicons Regular';
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        font-size: 14px;
    }

    a.search:before {
        content: "\E028";
    }

    .searchBox input.NormalTextBox {
        width: 165px;
        text-align: left;
        height: 25px;
        padding: 0px 3px 0px 3px;
        background: white;
        border: none;
        display: block;
        position: absolute;
        left: 4px;
        top: 3px;
        outline: 0;
        border-radius: 0px 0px 0px 0px;
        -webkit-appearance: none;
        color: black;
    }
}

.Foot_line {
    border-bottom: 1px solid #313131;
    height: 0px;
    overflow: hidden;
    clear: both;
}

.copyright_style {
    float: left;
    /* padding: 00px 8px; */
    width: 100%;
}

.FooterPane {
    float: right;
    padding: 18px 8px 0;
    margin: 0;
}

.copyright_style .sep {
    padding: 0px 5px;
}

.copyright_style,
.copyright_style a,
.copyright_style a:link,
.copyright_style a:active,
.copyright_style a:visited {
    text-decoration: none;
   /* font-size: 12px;*/
}

    .copyright_style a:hover {
        text-decoration: none;
        color: #9abeaa !important;
        text-decoration: underline;
    }

.FooterPane .Normal,
.FooterPane a,
.FooterPane a:link,
.FooterPane a:active,
.FooterPane a:visited {
}

    .FooterPane a:hover {
        text-decoration: none;
    }

.FooterPane .social,
.FooterPane .glyphicons {
    font-size: 25px;
    margin: 0px 1px;
}

.FooterPane .social-icons a,
.FooterPane .social-icons a {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

    .FooterPane .social-icons a:hover,
    .FooterPane .social-icons a:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }


#to_top {
    text-align: center;
    float: right;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: fixed;
    bottom: 60px;
    right: 20px;
    cursor: pointer;
    z-index: 1000;
    display: none;
    transition: border-color ease-in 200ms;
    -moz-transition: border-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: border-color ease-in 200ms; /* Opera */
    -ms-transition: border-color ease-in 200ms; /* IE9? */
}

    #to_top:before {
        content: "";
        border: 8px solid transparent;
        border-bottom: 8px solid #006663;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -12px 0 0 -8px;
        transition: border-color ease-in 200ms;
        -moz-transition: border-color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: border-color ease-in 200ms; /* Safari and Chrome */
        -o-transition: border-color ease-in 200ms; /* Opera */
        -ms-transition: border-color ease-in 200ms; /* IE9? */
    }

    #to_top:hover {
        border-color: #000;
    }

        #to_top:hover:before {
            border-bottom-color: #000;
        }


/*dividers*/

.dividers_1 {
    border: none;
    border-bottom: 1px solid #006663;
    height: 0px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    margin: 5px 0;
}

.dividers_2 {
    border: none;
    border-bottom: 1px dashed #d7d7d7;
    height: 0px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    margin: 5px 0;
}

.dividers_3 {
    border: none;
    border-bottom: 3px double #ebebeb;
    height: 0px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    margin: 5px 0;
}

.dividers_4 {
    border: none;
    border-bottom: 2px solid #da4447;
    height: 0px;
    width: 10%;
    clear: both;
    display: block;
    overflow: hidden;
    margin: 5px 0;
}

.dividers_5 {
    border: none;
    border-top: 1px dotted #cdcdcd;
    border-bottom: 1px dotted #cdcdcd;
    height: 2px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    margin: 5px 0;
}

.dividers_6 {
    border: none;
    height: 1px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    background: #ebebeb;
    background: -ms-linear-gradient(#ebebeb, #ebebeb 30%, #FFF 77%);
    background: -o-linear-gradient(#ebebeb, #ebebeb 30%, #FFF 77%);
    background: -moz-radial-gradient(#ebebeb, #ebebeb 30%, #FFF 77%);
    background: -webkit-radial-gradient(#ebebeb, #ebebeb 30%, #FFF 77%);
    margin: 5px 0;
}

.dividers_7 {
    border: none;
    height: 3px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
    background: #ebebeb;
    background: -ms-linear-gradient(#ebebeb, #dfdfdf 30%, #FFF 72%);
    background: -o-linear-gradient(#ebebeb, #dfdfdf 30%, #FFF 72%);
    background: -moz-radial-gradient(#ebebeb, #dfdfdf 30%, #FFF 72%);
    background: -webkit-radial-gradient(#ebebeb, #dfdfdf 30%, #FFF 72%);
    margin: 5px 0;
}

.dividers_8 {
    border: none;
    border-top: 1px dashed #d6d6d6;
    border-bottom: 1px dashed #d6d6d6;
    text-align: center;
    width: 100%;
    clear: both;
    display: block;
    font-size: 30px;
    margin: 15px 0;
}

    .dividers_8 span {
        display: block;
        width: 50px;
        margin: -10px auto;
        background: #FFF;
        padding: 0 10px 0 8px;
        color: #000;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }


/*list*/

.list_style1 {
    margin: 0px;
    padding: 0px;
    padding-left: 0;
}

    .list_style1 li {
        list-style: none;
        padding: 3px 0px;
    }

        .list_style1 li .glyphicons,
        .list_style1 li .social {
            margin-right: 5px;
        }

        .list_style1 li a,
        .list_style1 li a:link,
        .list_style1 li a:active,
        .list_style1 li a:visited {
            /*	color: #888888;                          ----- This is the origional code-------------*/
            color: #53565a;
        }

            .list_style1 li a:hover {
                color: #ed474a; /* red was the origional color*/
            }

.list_style2 {
    margin: 0px;
    padding: 0px;
    /*	float:left;----------------------Original Code---This removes the box issue that shorten the height of the .Box class*/
}

    .list_style2 ul {
        padding-top: 5px;
    }

    .list_style2 li {
        list-style: none;
        padding: 5px 0px;
    }

        .list_style2 li:before {
            content: " ";
            width: 7px;
            height: 7px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            background-color: #ed474a;
            margin: 0 8px 2px 0;
            display: inline-block;
            vertical-align: middle;
        }

        .list_style2 li a,
        .list_style2 li a:link,
        .list_style2 li a:active,
        .list_style3 li a:visited {
            /*	color: #888888;                        --------------------- This is the origional code ----*/
            color: #53565a;
        }

            .list_style2 li a:hover {
                /*	color: #ed474a;                         --------------------- red was the origional value*/
                color: #006663;
            }

.list_style3 {
    margin: 0px;
    padding: 0px;
    border-top: 2px solid #e2e2e2;
}

    .list_style3 ul {
        padding-top: 5px;
    }

    .list_style3 li {
        list-style: none;
        padding: 12px 0px;
        border-bottom: 1px solid #e2e2e2;
    }

        .list_style3 li a,
        .list_style3 li a:link,
        .list_style3 li a:active,
        .list_style3 li a:visited {
            color: #53565a;
        }

            .list_style3 li a:hover {
                color: #006663;
                text-decoration: none;
            }

    .list_style3 span.glyphicons,
    .list_style3 span.social {
        font-size: 20px;
        vertical-align: middle;
        background: #dcdcdc;
        padding: 5px;
        margin-right: 10px;
        color: #FFF;
        width: auto;
    }

.list_style4 {
    margin-top: 0px;
    padding: 0px;
    border-top: 2px solid #e2e2e2;
    font: 17px/25px OpenSans;
}

    .list_style4 ul {
        padding-top: 5px;
        font: 17px/25px OpenSans;
    }

    .list_style4 li {
        list-style: none;
        padding: 10px 0px;
        line-height: 20px;
        border-bottom: 1px solid #eaeaea;
        color: #53565a;
        font: 17px/25px OpenSans;
    }

        .list_style4 li a,
        .list_style4 li a:link,
        .list_style4 li a:active,
        .list_style4 li a:visited {
            /*color: #888888;**************************************************************************************/
            color: #53565a;
        }

            .list_style4 li a:hover {
                color: #006663;
            }

    .list_style4 span.glyphicons,
    .list_style4 span.social {
        font-size: 18px;
        vertical-align: middle;
        margin-right: 10px;
        color: #666;
    }


.list_style5 {
    margin: 0px;
    padding: 0px;
}

    .list_style5 li {
        list-style: none;
        padding: 13px 10px 13px 20px;
        margin-bottom: 7px;
        line-height: 20px;
        border: 1px solid #E5E5E5;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        transition: background-color ease-in 200ms;
        -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
        -o-transition: background-color ease-in 200ms; /* Opera */
        -ms-transition: background-color ease-in 200ms; /* IE9? */
    }

        .list_style5 li a {
            display: block;
            width: 100%;
            /*height:100%;*/
            padding: 13px 10px 13px 20px;
            margin: -13px -10px -13px -20px;
        }

            .list_style5 li,
            .list_style5 li a,
            .list_style5 li a:link,
            .list_style5 li a:active,
            .list_style5 li a:visited {
                color: #333333;
            }



.list_style1000 li a:active,
.list_style1000 li a:visited {
    color: white;
}

.list_style1000 li .list_style1000 li a,
.list_style1000 li a:link {
    color: #333333;
}

.list_style5 li:hover {
    /*background-color: #ed474a; orgional code*/
    background-color: #006663;
    color: #FFF;
}

    .list_style5 li:hover a,
    .list_style5 li a:hover {
        background-color: #006663;
        color: #FFF;
    }

.list_style5 span.glyphicons,
.list_style5 span.social {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 10px;
    color: #666;
}

.list_style6 {
    border-top: 1px solid #ebebeb;
    margin: 0;
    padding: 0;
}

    .list_style6 li {
        list-style: none;
        padding: 11px 0;
        border-bottom: 1px solid #ebebeb;
    }

        .list_style6 li .ico {
            width: 20px;
            height: 20px;
            line-height: 21px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            color: #FFF;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            margin: 0 5px 2px 0;
            font-size: 12px;
        }

.list_style7 {
    margin: 0px;
    padding: 10px 0;
}

    .list_style7 li {
        list-style: none;
        padding: 7px 0;
        width: 50%;
        display: inline-block;
        margin-right: -3px;
        vertical-align: top;
    }

    * + html .list_style7 li {
        display: inline;
    }

        .list_style7 li .ico {
            width: 20px;
            height: 20px;
            line-height: 21px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            background-color: #ed474a;
            color: #FFF;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            margin: 0 5px 2px 0;
            font-size: 12px;
            position: relative;
        }

            .list_style7 li .ico:before {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -3px 0 0 -3px;
                border-right: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
                width: 6px;
                height: 6px;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg); /* Opera */
            }

.list_style8 {
    margin: 0;
    padding: 0;
}

    .list_style8 li {
        list-style: none;
        padding: 8px 0;
        color: #363839;
        font-size: 14px;
    }

        .list_style8 li .ico {
            width: 25px;
            height: 25px;
            line-height: 26px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            background-color: #ed474a;
            color: #FFF;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            margin: 0 10px 2px 0;
            font-size: 14px;
        }

.list_style9 {
    margin: 0;
    padding: 0;
}

    .list_style9 li {
        list-style: none;
        padding: 0 0 12px;
        margin: 0 0 10px;
        font-size: 14px;
        border-bottom: 1px solid #3d3d3d;
    }

        .list_style9 li a,
        .list_style9 li a:link {
            color: #787878;
        }

            .list_style9 li a:hover {
                color: #ed474a;
            }


.list_style10 {
    margin: 0;
    padding: 0 0 0 3px;
}

    .list_style10 li {
        margin: 0;
        padding: 7px 0 7px 25px;
        list-style: none;
        border-bottom: 1px solid #c8c8c8;
        width: 46%;
        margin-right: 4%;
        display: inline-block;
        margin-left: -3px;
        position: relative;
        vertical-align: top;
    }

        .list_style10 li span {
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            background-color: #ed474a;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            position: absolute;
            left: 0px;
            top: 10px;
            color: #FFF;
            font-size: 10px;
        }

            .list_style10 li span:before {
                content: "";
                border-right: 1px solid #FFF;
                border-bottom: 1px solid #FFF;
                width: 5px;
                height: 5px;
                display: inline-block;
                vertical-align: middle;
                margin-left: -1px;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg); /* Opera */
            }

.list_style11 {
    margin: 0;
    padding: 0;
}

    .list_style11 li {
        list-style: none;
        margin: 0;
        padding: 3px 0;
    }

        .list_style11 li:before {
            content: "\E178";
            font-family: 'Open Sans';
            color: #ed474a;
            padding: 0px 10px 0 0;
            display: inline-block;
            vertical-align: middle;
        }

@media only screen and (max-width: 991px) {
    .list_style7 li {
        width: 100%;
        margin-right: 0;
        display: block;
    }
}

/*Custom Buttons style*/
a.Button_style1 {
    padding: 10px 16px;
    margin: 0px 5px 5px 0;
    position: relative;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    color: #FFFFFF !important;
    text-decoration: none;
    background: url(images/but_bg.png) repeat-x left bottom;
    background-size: contain;
    border-radius: 3px 3px 4px 4px;
    -moz-border-radius: 3px 3px 4px 4px;
    -webkit-border-radius: 3px 3px 4px 4px;
    -moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; /* For Firefox3.6+ */
    -webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset; /* For Chrome5+, Safari5+ */
    box-shadow: 0 -3px rgba(0, 0, 0, 0.2) inset;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

a.Button_style2 {
    padding: 10px 16px;
    margin: 0px 5px 5px 0;
    position: relative;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    color: #FFFFFF !important;
    text-decoration: none;
    background: url(images/but_bg.png) repeat-x left bottom;
    background-size: contain;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

a.Button_style3 {
    padding: 10px 16px;
    margin: 0px 5px 5px 0;
    position: relative;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    color: #FFFFFF !important;
    text-decoration: none;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

a[class*="Button"].Red {
    background-color: #df0c00
}

a[class*="Button"].Teal {
    background-color: #20b2aa
}

a[class*="Button"].Violet {
    background-color: #6f0080
}

a[class*="Button"].MidnightBlue {
    background-color: #191970
}

a[class*="Button"].gold {
    background-color: #ffd700
}

a[class*="Button"].OliveDrab {
    background-color: #76a732
}

a[class*="Button"].SteelBlue {
    background-color: #4682b4
}

a[class*="Button"].GoldenOrange {
    background-color: #f88616
}

a[class*="Button"].silver {
    background-color: #c0c0c0
}

a[class*="Button"].dark {
    background-color: #4a4949
}


a[class*="Button"].small {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 16px;
    line-height: 18px;
}

a[class*="Button"].large {
    font-size: 13px;
    letter-spacing: 1.2px;
    line-height: 20px;
    padding: 15px 22px;
}

a[class*="Button"].jumbo {
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 24px;
    padding: 18px 26px;
}

a.Button_style1:hover,
a.Button_style2:hover,
a.Button_style3:hover {
    color: #FFF !important;
    background-color: #000000;
    text-decoration: none;
}

* + html a.Button_style1,
* + html a.Button_style2,
* + html a.Button_style3 {
    display: inline;
}


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


/*serviceAnimation*/


.serviceAnimation_box {
    clear: both;
}

    .serviceAnimation_box:after {
        clear: both;
        content: ".";
        height: 0px;
        font-size: 0px;
        visibility: hidden;
        display: block;
    }

.service_left_box,
.service_right_box {
    float: left;
    width: 31%;
}

.service_center_box {
    float: left;
    width: 38%;
    color: #6e6e6e;
}

.serviceAnimation {
    padding: 25px 0px;
}

    .serviceAnimation li {
        /*color: #6e6e6e;*/
        font-size: 14px;
        line-height: 1.6;
        list-style: none;
        position: relative;
        padding: 25px 0px;
        border-top: 1px dashed #cccccc;
    }

        .serviceAnimation li:last-child {
            border-bottom: 1px dashed #cccccc;
        }

        .serviceAnimation li:before {
            content: " ";
            position: absolute;
            top: 0;
            width: 9px;
            height: 9px;
            margin-top: -4px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .serviceAnimation li:first-child:before {
            display: none;
        }

        .serviceAnimation li .number {
            width: 58px;
            height: 58px;
            line-height: 58px;
            display: block;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            position: absolute;
            text-align: center;
            font-size: 30px;
            color: #FFF;
            top: 49.9999%;
            margin-top: -29px;
            transition: background-color ease-in 200ms;
            -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
            -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
            -o-transition: background-color ease-in 200ms; /* Opera */
            -ms-transition: background-color ease-in 200ms; /* IE9? */
        }

        .serviceAnimation li:hover .number {
            background-color: #000000;
        }

    .serviceAnimation h3 {
        font-size: 18px;
        font-weight: normal;
    }

.service_left {
    padding-right: 25px;
    margin: 0 30px 0 0;
}

    .service_left li {
        text-align: right;
        padding-right: 15px;
    }

        .service_left li:before {
            right: -30px;
        }

        .service_left li .number {
            right: -55px;
        }

.service_right {
    padding-left: 25px;
    margin: 0 0 0 30px;
}

    .service_right li {
        text-align: left;
        padding-left: 15px;
    }

        .service_right li:before {
            left: -30px;
        }

        .service_right li .number {
            left: -55px;
        }

.service_center {
    padding: 25px 15px 0;
    text-align: center;
}

    .service_center .animation {
        text-align: center;
        margin: auto;
    }

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



    .service_left_box,
    .service_center_box,
    .service_right_box {
        float: none;
        width: 100%;
    }

        .service_left_box li,
        .service_right_box li {
            width: 33.3333%;
            display: inline-block;
            vertical-align: bottom;
            margin-right: -4px;
        }

    .service_left {
        border: none !important;
        margin: 0 0 25px 0;
        padding: 0;
    }

    .service_right {
        border: none !important;
        margin: 25px 0 0 0;
        padding: 0;
    }

    .service_left.serviceAnimation li {
        padding: 0px 25px 35px 25px;
        border: none;
        border-left: 1px dashed #cccccc;
        text-align: center;
    }

        .service_left.serviceAnimation li:first-child {
            border: none;
        }

        .service_left.serviceAnimation li:last-child {
            border: none;
            border-left: 1px dashed #cccccc;
        }

        .service_left.serviceAnimation li .number {
            top: 100%;
            left: 50%;
            margin: -29px 0px 0px -29px;
        }

        .service_left.serviceAnimation li:before {
            top: 100%;
            left: 0px;
            margin: -4px 0 0 -4px;
        }

    .service_right.serviceAnimation li {
        padding: 35px 25px 0px 25px;
        border: none;
        border-left: 1px dashed #cccccc;
        text-align: center;
    }

        .service_right.serviceAnimation li:first-child {
            border: none;
        }

        .service_right.serviceAnimation li:last-child {
            border: none;
            border-left: 1px dashed #cccccc;
        }

        .service_right.serviceAnimation li .number {
            top: 0;
            left: 50%;
            margin: -29px 0px 0px -29px;
        }

        .service_right.serviceAnimation li:before {
            top: 0;
            left: 0px;
            margin: -4px 0 0 -4px;
        }
}

/*@media only screen and (max-width: 320px) and (max-width: 992px) */
@media (min-width: 768px) and (max-width: 1199px) {
    .Login {
        float: left;
    }

        .Login .loginGroup,
        .Login .registerGroup {
            border-right: 1px solid #585858;
            display: inline-block;
            vertical-align: middle;
            padding: 5px 15px 5px 8px;
            margin: 0px;
            height: 34px;
        }

    .Login {
        padding: 5px 15px 5px 15px;
    }

        .Login .glyphicons {
            display: inline-block;
            vertical-align: middle;
        }


        .Login .registerGroup .userProfileImg img {
            max-width: 26px !important;
        }

        .Login,
        .Login a,
        .Login a:link,
        .Login a:active,
        .Login a:visited {
            color: #FFF;
        }

            .Login a:hover {
                color: #9abeaa !important;
                /*text-decoration: none;*/
            }

            .Login .registerGroup li.userMessages,
            .Login .registerGroup li.userNotifications {
                font-size: 0;
                overflow: hidden;
                vertical-align: middle;
                font-family: 'Glyphicons Regular';
                font-style: normal;
                font-weight: normal;
                line-height: 34px;
                -webkit-font-smoothing: antialiased;
                position: relative;
                padding: 0px 15px;
                border-right: 1px solid #585858;
                height: 34px;
                margin: -6px 0 -4px;
            }

            .Login .registerGroup li.userDisplayName a {
                padding: 0 7px;
            }

    .service_left_box,
    .service_right_box,
    .service_center_box {
        width: 100%;
        float: none;
    }

    .service_left,
    .service_right {
        border: none !important;
    }

    .serviceAnimation li:before {
        display: none;
    }

    .serviceAnimation {
        margin: 0;
        padding: 0;
        border: none;
    }

        .serviceAnimation li {
            text-align: center;
        }

            .serviceAnimation li .number {
                position: static;
                margin: 0px auto 15px;
            }

    .service_left_box li:first-child {
        border-top: none
    }

    .serviceAnimation .animated {
        -webkit-animation-name: fadeInUp;
        -moz-animation-name: fadeInUp;
        -o-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    .service_center {
        padding-bottom: 25px;
    }
}

/*keyAnimation*/

.keyAnimation img {
    vertical-align: bottom;
}

.keyAnimation {
    text-align: center;
    max-width: 980px;
    margin: auto;
}

    .keyAnimation ul {
        margin: 0px;
        padding: 20px 0 0 20px;
    }

        .keyAnimation ul li {
            list-style: none;
            float: left;
            width: 33.3%;
            color: #FFF;
            text-align: left;
            margin-bottom: 20px;
            position: relative;
        }

            .keyAnimation ul li .ico {
                width: 11px;
                height: 11px;
                vertical-align: middle;
                margin-right: 8px;
                background: #FFF;
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                display: inline-block;
            }

            .keyAnimation ul li:before {
                content: " ";
                position: absolute;
                height: 23px;
                top: 18px;
                left: 5px;
                border-left: 1px solid #FFF;
            }

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

    .keyAnimation {
        text-align: center;
    }

        .keyAnimation ul {
            text-align: left;
            padding: 20px 0;
            display: inline-block;
            margin: auto;
        }

            .keyAnimation ul li {
                float: none;
                width: 100%;
                margin-bottom: 15px;
            }

                .keyAnimation ul li:before {
                    display: none;
                }
}

/*info_main*/


.info_left {
    float: left;
    width: 50%;
}

.info_right {
    float: left;
    width: 50%;
}

.info_main {
    clear: both;
    border-bottom: 1px dashed #d6d6d6;
    margin-bottom: 15px;
}

    .info_main:after {
        clear: both;
        content: ".";
        height: 0px;
        font-size: 0px;
        visibility: hidden;
        display: block;
    }

.info_list {
    border-left: 1px dashed #d6d6d6;
    margin: 0 0 0 40px;
    padding: 0 0 15px 0;
    position: relative;
}


    .info_list .info_box {
        list-style: none;
        margin-left: -50px;
        padding: 15px 30px 15px 60px;
        color: #8a8a8a;
        font-size: 13px;
        position: relative;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        transition: background-color ease-in 200ms;
        -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
        -o-transition: background-color ease-in 200ms; /* Opera */
        -ms-transition: background-color ease-in 200ms; /* IE9? */
    }

    .info_list li {
        list-style: none;
        border-top: 1px dashed #d6d6d6;
        margin-left: 20px;
    }

        .info_list li:first-child {
            border: none;
        }

        .info_list li h3 {
            font-size: 20px;
            color: #53565a;
            font-weight: normal;
        }

            .info_list li h3 span {
                color: #ed474a;
            }

    .info_list .info_box:before {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        border: 2px solid #ed474a;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        top: 22px;
        background: #FFF;
        left: 23px;
    }

    .info_list:before {
        content: "";
        position: absolute;
        width: 13px;
        height: 13px;
        border: 2px solid #ed474a;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        bottom: -9px;
        background: #FFF;
        left: 0px;
        margin-left: -7px;
    }



    .info_list .info_box:hover {
        background-color: #ed474a;
        color: #FFF;
    }

        .info_list .info_box:hover h3,
        .info_list .info_box:hover h3 span {
            color: #FFF;
        }

        .info_list .info_box:hover:before {
            border: 2px solid #FFF;
            background: none;
        }


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

    .info_left,
    .info_right {
        float: none;
        width: 100%;
    }

    .info_list {
        border-left: none;
        margin: 0;
    }

        .info_list .info_box {
            margin-left: 0px;
            padding: 20px;
        }

            .info_list .info_box:before,
            .info_list:before {
                display: none;
            }
}

/*about */

.about_left {
    float: left;
    width: 50%;
    padding-bottom: 15px;
}

.about_right {
    float: left;
    width: 50%;
    padding-bottom: 15px;
}

.about_main {
    clear: both;
}

    .about_main:after {
        clear: both;
        content: ".";
        height: 0px;
        font-size: 0px;
        visibility: hidden;
        display: block;
    }

.about_content {
    border-left: 1px dashed #d6d6d6;
    padding: 25px 30px;
    margin-left: 15px;
}

    .about_content h3 {
        color: #53565a;
        font-size: 20px;
    }

        .about_content h3 span {
            color: #ed474a;
        }

    .about_content a.Button_default {
        margin: 15px 0 0 0;
    }

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

    .about_left,
    .about_right {
        float: none;
        width: auto;
    }

    .about_content {
        border: none;
        padding: 0;
    }
}

/*our_team*/

.our_team1 .team_list {
    border: 1px dashed #cfcfcf;
    padding: 10px;
    margin-bottom: 30px;
}

    .our_team1 .team_list img {
        max-width: 100%;
    }

.our_team1 .team_title {
    background: none;
    font-size: 18px;
    color: #2c3433;
    padding: 15px 0 10px;
}

    .our_team1 .team_title span {
        color: #ed474a;
    }

.our_team1 .team_social {
    border-top: 1px dashed #cfcfcf;
    padding: 12px 0 0px;
    margin-top: 10px;
    font-size: 30px;
}

    .our_team1 .team_social a {
        color: #ed474a;
        transition: color ease-in 200ms;
        -moz-transition: color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
        -o-transition: color ease-in 200ms; /* Opera */
        -ms-transition: color ease-in 200ms; /* IE9? */
    }

        .our_team1 .team_social a:hover {
            color: #000000;
        }

@media only screen and (max-width: 991px) {
    .team_list {
        max-width: 350px;
        margin: auto;
    }
}


.TeamDetail_left {
    border: 1px dashed #cfcfcf;
    padding: 10px;
}

    .TeamDetail_left img {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .TeamDetail_left .team_social {
        border-top: 1px dashed #cfcfcf;
        padding: 12px 0 0px;
        margin-top: 15px;
        font-size: 30px;
    }

        .TeamDetail_left .team_social a {
            color: #ed474a;
            transition: color ease-in 200ms;
            -moz-transition: color ease-in 200ms; /* Firefox 4 */
            -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
            -o-transition: color ease-in 200ms; /* Opera */
            -ms-transition: color ease-in 200ms; /* IE9? */
        }

            .TeamDetail_left .team_social a:hover {
                color: #000000;
            }

.TeamDetail_right .Teamtitle {
    color: #2c3433;
    font-size: 18px;
    font-weight: normal;
}

    .TeamDetail_right .Teamtitle span {
        color: #ed474a;
    }

.TeamDetail_content {
}

.TeamDetail_info {
    border-top: 1px dashed #dcdcdc;
    border-bottom: 1px dashed #dcdcdc;
    margin: 0;
    padding: 7px 0;
}

    .TeamDetail_info li {
        list-style: none;
        padding: 7px 10px 7px 0;
        display: inline-block;
        vertical-align: middle;
    }

        .TeamDetail_info li span.glyphicons,
        .TeamDetail_info li span.social {
            width: 29px;
            height: 29px;
            line-height: 29px;
            background-color: #dcdcdc;
            font-size: 16px;
            text-align: center;
            color: #FFF;
            margin-right: 10px;
            vertical-align: middle;
        }

        .TeamDetail_info li a,
        .TeamDetail_info li a:link,
        .TeamDetail_info li a:active,
        .TeamDetail_info li a:visited {
            color: #8a8a8a;
            text-decoration: none
        }

            .TeamDetail_info li a:hover {
                color: #ed474a;
                text-decoration: underline
            }


/*about list*/


.about_list {
    border-bottom: 1px solid #333333;
    margin: 0;
    padding: 0;
}

    .about_list li {
        list-style: none;
        padding: 10px 0;
        border-top: 1px solid #333333;
    }

    .about_list .glyphicons,
    .about_list .social {
        margin-right: 12px;
        font-size: 20px;
        vertical-align: middle
    }

/*FAQ*/

.faq_list {
    clear: both;
}

    .faq_list:after {
        clear: both;
        content: ".";
        height: 0px;
        font-size: 0px;
        visibility: hidden;
        display: block;
    }

.faq_left {
    float: left;
    width: 50%;
}

.faq_right {
    float: right;
    width: 50%;
}

.faq_list dl {
    padding-bottom: 45px;
    margin-bottom: 45px;
    position: relative;
}

    .faq_list dl:before {
        content: "";
        border-bottom: 1px solid #e5e5e5;
        width: 40%;
        position: absolute;
        top: 100%;
        left: 0;
    }

.faq_left dl {
    padding-right: 20px;
}

.faq_right dl {
    padding-left: 20px;
}

    .faq_right dl:before {
        left: 20px;
    }

.faq_list dt {
    font-size: 18px;
    color: #000000;
    font-weight: normal;
    padding-bottom: 15px;
}

    .faq_list dt .ico_q {
        width: 29px;
        height: 29px;
        line-height: 29px;
        font-size: 18px;
        text-align: center;
        color: #FFF;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #ed474a;
        display: inline-block;
        margin-right: 10px;
    }

    * + html .faq_list dt .ico_q {
        display: inline;
    }

.faq_list dd {
    position: relative;
    padding: 0 0 0 70px;
    margin: 0;
}

    .faq_list dd .ico_a {
        position: absolute;
        left: 0;
        top: 0;
        width: 29px;
        height: 29px;
        line-height: 29px;
        font-size: 18px;
        text-align: center;
        color: #FFF;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-color: #000000;
    }

        .faq_list dd .ico_a:before {
            content: " ";
            height: 100%;
            position: absolute;
            right: -20px;
            top: 0;
            border-right: 1px solid #e5e5e5;
        }

/*gmap*/

#gmap {
    height: 364px;
    width: 100%;
}

    #gmap img,
    #gmap2 img {
        max-width: none;
    }

#gmap2 {
    height: 477px;
    width: 100%;
}
/*posts list*/


.posts_list {
    margin: 0;
    padding: 5px 0 0;
}

    .posts_list li {
        list-style: none;
        clear: left;
    }

        .posts_list li img {
            float: left;
            margin: 0 10px 10px 0;
        }


.posts_list2 {
    margin: 0;
    padding: 5px 0 0;
}

    .posts_list2 li {
        list-style: none;
        clear: left;
        color: #a4a4a4;
        overflow: hidden;
        padding-bottom: 15px;
        margin-bottom: 20px;
        border-bottom: 1px solid #313131;
    }

        .posts_list2 li p {
            color: #787878;
            padding-top: 5px;
        }

        .posts_list2 li img {
            float: left;
            margin: 0 10px 10px 0;
        }

        .posts_list2 li:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }
/*link_list*/


.link_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .link_list li {
        padding: 11px 0;
        border-bottom: 1px solid #333333;
        color: #666666;
    }

        .link_list li span.glyphicons {
            margin-right: 10px;
            font-size: 9px;
            -webkit-text-size-adjust: none;
        }

        .link_list li,
        .link_list li a,
        .link_list li a:link,
        .link_list li a:active,
        .link_list li a:visited {
            color: #666666;
            text-decoration: none
        }

            .link_list li a:hover {
                text-decoration: none
            }


/*404*/
.errorpage_box {
    text-align: center;
    font-size: 20px;
    color: #000000;
}

    .errorpage_box h3 {
        font-size: 190px;
        line-height: 1.2;
        color: #595959;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .errorpage_box h3 {
        font-size: 140px;
    }
}

@media only screen and (max-width: 991px) {
    .errorpage_box h3 {
        font-size: 100px;
    }
}


/*banner*/
.SliderRevolution3D,
.SliderRevolution3D a,
.SliderRevolution3D a:link,
.SliderRevolution3D a:active,
.SliderRevolution3D a:visited,
.SliderRevolution3D a:hover {
    color: #FFF;
    text-decoration: none;
    -webkit-text-size-adjust: none;
}

.banner2title {
    font-size: 50px;
}

.banner2content {
    font-size: 16px;
    line-height: 28px;
}

.banner2more {
    padding: 12px 40px;
    border: 2px solid #FFF;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 27px;
}

    .banner2more a {
        color: #ffffff !important;
    }

    .banner2more:hover {
        background-color: #ed474a;
        border-color: #ed474a;
    }

.banner2line {
    width: 116px;
    border-top: 1px solid #FFF;
}

.banner4title {
    font-size: 100px;
    font-weight: normal;
    line-height: 1;
}

.banner4smalltitle {
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
}

.banner4content1,
.banner4content2 {
    padding: 3px 20px;
    font-size: 30px;
    font-weight: bold;
    background-color: #000;
    background-color: rgba(0,0,0,0.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    letter-spacing: 6px !important;
    display: inline-block;
    line-height: 54px;
}

.banner4content2 {
    background-color: #ed474a;
}

.banner4more {
    display: block;
    font-size: 15px;
    padding: 15px 20px;
    border: 1px solid #FFF;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    line-height: 27px;
}

    .banner4more a {
        color: #FFF !important;
    }

    .banner4more:hover {
        background-color: #ed474a;
        border-color: #ed474a;
    }

.banner6_text1 {
    color: #ffffff;
    font-size: 30px;
    line-height: 1;
}

.banner6_text2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

.banner6_text3 {
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
}

    .banner6_text3 span.glyphicons {
        margin-right: 18px;
        margin-left: 1px;
        vertical-align: middle;
        top: 0;
    }

.banner6_btn {
    font-size: 14px;
    cursor: pointer;
    padding: 14px 36px;
    background-color: #ed474a;
    text-transform: uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    letter-spacing: 2px;
    line-height: 26px;
}

    .banner6_btn:hover {
        background-color: #333333;
    }

    .banner6_btn a {
        color: #ffffff !important;
    }

.banner7_text1 {
    color: #ffffff;
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 6px;
}

    .banner7_text1 span {
        color: #ed474a;
    }

.banner7_text2 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 2px;
}

.banner7_btn {
    font-size: 14px;
    cursor: pointer;
    padding: 14px 35px;
    border: 1px solid #ffffff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    letter-spacing: 2px;
    line-height: 26px;
}

    .banner7_btn:hover {
        background-color: #ed474a;
        border-color: #ed474a;
    }

    .banner7_btn a {
        color: #ffffff !important;
    }

@media only screen and (max-width: 991px) {
    .banner4content1,
    .banner4content2 {
        letter-spacing: 2px;
    }
}


/*Theme_13_Elegant*/
.Theme_13_Elegant {
}

    .Theme_13_Elegant img {
        max-width: 100%;
    }

    .Theme_13_Elegant .unoslider_indicator {
        bottom: -30px !important;
        left: 0px !important;
        width: 100% !important;
        text-align: center !important;
        border: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

        .Theme_13_Elegant .unoslider_indicator a {
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            width: 20px !important;
            height: 20px !important;
            margin: 0 3px !important;
            transition: background-color ease-in 200ms;
            -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
            -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
            -o-transition: background-color ease-in 200ms; /* Opera */
            -ms-transition: background-color ease-in 200ms; /* IE9? */
        }

            .Theme_13_Elegant .unoslider_indicator a.unoslider_indicator_active {
            }

    .Theme_13_Elegant .unoslider_left,
    .Theme_13_Elegant .unoslider_right {
        width: 52px !important;
        height: 52px !important;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .Theme_13_Elegant .unoslider_left {
        left: -80px !important;
    }

    .Theme_13_Elegant .unoslider_right {
        right: -80px !important;
    }

    .Theme_13_Elegant .unoslider_left:before {
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #FFF;
        border-left: 2px solid #FFF;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -4px 0px 0px -2px;
        content: "";
        transform: rotate(45deg);
        -ms-transform: rotate(45deg); /* IE 9 */
        -moz-transform: rotate(45deg); /* Firefox */
        -webkit-transform: rotate(45deg); /* Safari and Chrome */
        -o-transform: rotate(45deg); /* Opera */
    }

    .Theme_13_Elegant .unoslider_right:before {
        width: 10px;
        height: 10px;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -4px 0px 0px -5px;
        content: "";
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); /* IE 9 */
        -moz-transform: rotate(-45deg); /* Firefox */
        -webkit-transform: rotate(-45deg); /* Safari and Chrome */
        -o-transform: rotate(-45deg); /* Opera */
    }

    .Theme_13_Elegant .unoslider_pause,
    .Theme_13_Elegant .unoslider_play {
        display: none !important;
    }

@media only screen and (max-width: 980px) {
    .Theme_13_Elegant .unoslider_left {
        left: 0px !important;
    }

    .Theme_13_Elegant .unoslider_right {
        right: 0px !important;
    }
}


/*Time Line*/
.timeline {
    border-left: 4px #e5e5e5 dotted;
    margin: 15px 50px 15px 93px;
    padding: 20px 0px 20px 73px;
}

    .timeline > li {
        list-style: none;
        position: relative;
        padding: 15px 0;
        min-height: 132px;
    }

        .timeline > li > span.timeline_time {
            position: absolute;
            top: 40px;
            left: -119px;
            width: 92px;
            height: 92px;
            line-height: 92px;
            text-align: center;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border: 1px solid #e2e2e2;
            background: #ffffff;
            color: #000000;
            font-size: 16px;
        }

    .timeline .timeline_content {
        border: 1px solid #ececec;
        padding: 25px 20px 15px;
        background-color: #fafafa;
        position: relative;
    }

        .timeline .timeline_content:before {
            content: " ";
            position: absolute;
            top: 65px;
            left: -7px;
            border-left: 1px solid #ececec;
            border-bottom: 1px solid #ececec;
            background-color: #fafafa;
            width: 14px;
            height: 14px;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg); /* IE 9 */
            -moz-transform: rotate(45deg); /* Firefox */
            -webkit-transform: rotate(45deg); /* Safari and Chrome */
            -o-transform: rotate(45deg); /* Opera */
        }

        .timeline .timeline_content p {
            line-height: 1.8;
        }

    .timeline .timeline_title {
        font-size: 20px;
        color: #000000;
        margin-bottom: 15px;
    }

@media only screen and (max-width: 991px) {
    .timeline {
        padding-left: 0px;
        margin: 15px 0px 15px 50px;
    }

        .timeline > li {
            margin: 100px 0 0 -50px;
            min-height: inherit !important;
        }

            .timeline > li > span.timeline_time {
                left: 0px;
                top: -100px;
            }

        .timeline .timeline_content:before {
            display: none;
        }
}

/*Lead*/
.Lead {
    padding: 140px 0;
    font-size: 20px;
    line-height: 1.2;
    text-align: center;
}

    .Lead .Lead_titleA {
        font-size: 30px;
        color: #FFF;
        font-weight: normal;
    }

    .Lead .Lead_titleA {
        font-size: 30px;
        color: #FFF;
        font-weight: normal;
        line-height: 1.2
    }

    .Lead .Lead_titleB {
        font-size: 60px;
        color: #FFF;
        line-height: 1.2
    }

    .Lead .Lead_titleC {
        font-size: 34px;
        color: #FFF;
        line-height: 1.4
    }

    .Lead a.Lead_button,
    .Lead a.Lead_button:hover {
        font-size: 22px;
        color: #ffffff;
        text-decoration: none;
        border: 2px solid #FFF;
        padding: 14px 30px;
        display: inline-block;
    }

        * + html .Lead a.Lead_button,
        * + html .Lead a.Lead_button:hover {
            display: inline;
        }

.Lead2 {
    padding: 110px 0 100px;
    text-align: center;
}

    .Lead2 .Lead2_title {
        font-size: 40px;
        line-height: 1.3;
        margin-bottom: 30px;
        color: #ffffff;
    }

@media only screen and (max-width: 991px) {
    .Lead .Lead_titleA {
        font-size: 22px;
    }

    .Lead .Lead_titleB {
        font-size: 30px;
    }

    .Lead .Lead_titleC {
        font-size: 20px;
    }

    .Lead2 .Lead2_title {
        font-size: 22px;
    }
}


/*mail*/
.emails_box {
    border: 10px solid #e5e5e5;
    margin: 20px 0;
    padding: 25px;
    font-size: 14px;
}

    .emails_box .emails-ico {
        margin: 8px 0 0 0;
        font-size: 60px;
        background: #dddddd;
        color: #FFF;
        width: 66px;
        height: 46px;
        overflow: hidden;
        border: 3px solid #dddddd;
    }

        .emails_box .emails-ico:before {
            position: absolute;
            top: -10px;
        }

    .emails_box h3 {
        color: #363839;
        font-size: 24px;
        font-weight: normal;
    }

.emails_text {
    float: left;
    border: 1px solid #e5e5e5;
}


/*advantage*/
.advantage_box {
    text-align: center;
    padding: 0 5px;
    margin-bottom: 10px;
}

    .advantage_box .advantage_ico {
        width: 68px;
        height: 68px;
        background: #000000;
        border: 2px solid #000000;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        margin: auto;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }


        .advantage_box .advantage_ico .glyphicons,
        .advantage_box .advantage_ico .socia {
            width: 60px;
            height: 59px;
            line-height: 60px;
            background: #000000;
            display: block;
            color: #FFF;
            font-size: 20px;
            border: 4px solid #000000;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            box-sizing: content-box;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            transition: all ease-in 200ms;
            -moz-transition: all ease-in 200ms; /* Firefox 4 */
            -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
            -o-transition: all ease-in 200ms; /* Opera */
            -ms-transition: all ease-in 200ms; /* IE9? */
        }

    .advantage_box h3 {
        font-weight: normal;
        color: #3d3f40;
        font-size: 19px;
        margin: 10px 0;
    }

    .advantage_box a.Button_normal {
        margin: 10px 0 0;
    }

    .advantage_box:hover .advantage_ico {
    }


        .advantage_box:hover .advantage_ico .glyphicons,
        .advantage_box:hover .advantage_ico .socia,
        .advantage_box:hover .advantage_ico {
            border: 4px solid #FFF;
        }

    .advantage_box:hover a.Button_normal {
    }

    .advantage_box:hover h3 {
    }

.advantage_box2 {
    text-align: center;
    padding: 0 5px;
    margin-bottom: 10px;
}

    .advantage_box2 .color_1 {
        background-color: #3dbaa1;
    }

    .advantage_box2 .color_2 {
        background-color: #8cba3d;
    }

    .advantage_box2 .color_3 {
        background-color: #ca9733;
    }

    .advantage_box2 .color_4 {
        background-color: #d96c4e;
    }

    .advantage_box2 .advantage_ico {
        width: 174px;
        height: 174px;
        line-height: 174px;
        text-align: center;
        font-size: 65px;
        color: #FFF;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin: auto;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

        .advantage_box2 .advantage_ico .glyphicons,
        .advantage_box2 .advantage_ico .socia {
        }

    .advantage_box2 h3 {
        font-weight: normal;
        color: #3d3f40;
        font-size: 19px;
        margin: 15px 0 10px;
    }



/*touch_box*/
.touch_box {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
}

    .touch_box .touch_link {
        text-align: right;
    }

        .touch_box .touch_link .Button_default {
            margin-top: 35px;
        }

@media only screen and (max-width: 991px) {
    .touch_box .touch_link {
        text-align: left;
    }
}

/*Social_list*/
.color_1, a.color_1, a.color_1:link, a.color_1:active, a.color_1:visited, a.color_1:hover {
    color: #2085c7
}

.color_2, a.color_2, a.color_2:link, a.color_2:active, a.color_2:visited, a.color_2:hover {
    color: #f39200
}

.color_3, a.color_3, a.color_3:link, a.color_3:active, a.color_3:visited, a.color_3:hover {
    color: #537bbd
}

.color_4, a.color_4, a.color_4:link, a.color_4:active, a.color_4:visited, a.color_4:hover {
    color: #e9644b
}

.color_5, a.color_5, a.color_5:link, a.color_5:active, a.color_5:visited, a.color_5:hover {
    color: #78cdf0
}

.Social_list {
    font-size: 40px;
}

.social_list2 a,
.social_list2 a:link,
.social_list2 a:active,
.social_list2 a:visited {
    font-size: 30px;
    color: #FFF;
    display: inline-block;
}

* + html .social_list2 a {
    display: inline;
}

    .social_list2 a:hover {
        color: #ed474a;
    }

.social_list3 {
    margin: 0px;
    padding: 0px;
}

    .social_list3 a,
    .social_list3 a:link,
    .social_list3 a:active,
    .social_list3 a:visited {
        font-size: 30px;
        margin: 0px;
        padding: 0px;
        vertical-align: middle;
        line-height: 1;
        color: #f1f1f1 !important;
    }

        .social_list3 a:hover {
            color: #006663 !important;
            ;
        }


/*evaluate*/
.evaluate blockquote {
    margin: 0;
    padding: 0px;
    text-indent: 0px;
}

    .evaluate blockquote p {
        text-indent: 0px;
        font-style: normal;
        color: #808080;
        font-size: 13px;
        background: #fafafa;
        border: 1px solid #ececec;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        padding: 20px;
        font-style: normal;
    }

    .evaluate blockquote small {
        position: relative;
        margin: 0;
        left: 0;
        top: 0;
        font-style: normal;
        font-size: 14px;
        padding-bottom: 25px;
    }

        .evaluate blockquote small:before {
            content: " ";
            width: 10px;
            height: 10px;
            position: absolute;
            left: 50px;
            top: -5px;
            border-right: 1px solid #ececec;
            border-bottom: 1px solid #ececec;
            background-color: #fafafa;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg); /* IE 9 */
            -moz-transform: rotate(45deg); /* Firefox */
            -webkit-transform: rotate(45deg); /* Safari and Chrome */
            -o-transform: rotate(45deg); /* Opera */
        }

        .evaluate blockquote small img {
            width: 50px;
            height: 50px;
            float: left;
            vertical-align: middle;
            border: 1px solid #eeeeee;
            margin-right: 20px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .evaluate blockquote small span {
            display: block;
            font-size: 15px;
            padding: 6px 0 3px;
        }



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

/*fullScreen_box*/
.fullScreen_box_1 {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background-color: #f7f7f7;
}


/*OUR SERVICE*/
.Service_Box dt {
    font-size: 18px;
    color: #3d3f40;
    padding-bottom: 10px;
    transition: color ease-in 200ms;
    -moz-transition: color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
    -o-transition: color ease-in 200ms; /* Opera */
    -ms-transition: color ease-in 200ms; /* IE9? */
}

.Service_Box dd {
    line-height: 2;
    padding-bottom: 30px;
}

    .Service_Box dd .glyphicons,
    .Service_Box dd .social {
        float: left;
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin: 10px 10px 0 0;
        text-align: center;
        font-size: 22px;
        color: #FFF;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.Service_Box:hover dt {
}

/*.clients_list */
.clients_list {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    padding: 0;
    text-align: center;
    padding: 12px 0;
}

    .clients_list li {
        list-style: none;
        display: inline-block;
        border-right: 1px solid #f2f2f2;
        padding: 0 20px;
    }

        .clients_list li:last-child {
            border-right: none;
        }

        .clients_list li img {
            max-width: 100%;
        }


/*image_gallery*/
.image_list a {
    display: inline-block;
    margin: 0 -1px 3px 0;
    padding: 0px;
    position: relative;
    background-color: #ed474a;
}

* + html .image_list a {
    display: inline;
}

    .image_list a .glyphicons {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #FFF;
        text-align: center;
        font-size: 24px;
        margin: -12px 0 0 -12px;
        filter: alpha(opacity=0);
        opacity: 0;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

    .image_list a img {
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

    .image_list a:hover img {
        filter: alpha(opacity=20);
        opacity: 0.2;
    }

    .image_list a:hover .glyphicons {
        filter: alpha(opacity=100);
        opacity: 1;
    }

/*tags_list*/
.tags_list a,
.tags_list a:link,
.tags_list a:active,
.tags_list a:visited {
    display: inline-block;
    vertical-top: middle;
    padding: 3px 8px;
    background-color: #333333;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 4px 4px 0;
    color: #787878 !important;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

    .tags_list a:hover {
        text-decoration: none;
        color: #FFF !important;
        background-color: #ed474a;
    }

.tags_list2 a,
.tags_list2 a:link,
.tags_list2 a:active,
.tags_list2 a:visited {
    display: inline-block;
    vertical-top: middle;
    padding: 4px 10px;
    border: 1px solid #787878;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 6px 6px 0;
    color: #787878;
    transition: background-color ease-in 200ms;
    -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
    -o-transition: background-color ease-in 200ms; /* Opera */
    -ms-transition: background-color ease-in 200ms; /* IE9? */
}

    .tags_list2 a:hover {
        text-decoration: none;
        color: #FFF !important;
        background-color: #ed474a;
        border: 1px solid #ed474a;
    }


.header_list,
.header_list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header_list {
    border-top: 1px solid rgb(123,123,123);
    border-top: 1px solid rgba(123,123,123,0.3);
}

    .header_list li {
        border-bottom: 1px solid rgb(123,123,123);
        border-bottom: 1px solid rgba(123,123,123,0.3);
        position: relative;
    }

        .header_list li a,
        .header_list li a:link,
        .header_list li a:active,
        .header_list li a:visited {
            display: block;
            padding: 10px 0 10px 25px;
            color: #999999;
            font-size: 14px;
            line-height: 1.5;
            transition: background-color ease-in 200ms;
            -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
            -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
            -o-transition: background-color ease-in 200ms; /* Opera */
            -ms-transition: background-color ease-in 200ms; /* IE9? */
        }

            .header_list li a:before {
                content: "";
                width: 4px;
                height: 4px;
                position: absolute;
                top: 20px;
                left: 10px;
                vertical-align: middle;
                display: inline-block;
                border-right: 1px solid #999999;
                border-bottom: 1px solid #999999;
                transform: rotate(-45deg);
                -ms-transform: rotate(-45deg); /* IE 9 */
                -moz-transform: rotate(-45deg); /* Firefox */
                -webkit-transform: rotate(-45deg); /* Safari and Chrome */
                -o-transform: rotate(-45deg); /* Opera */
            }

            .header_list li a:hover {
                background-color: #1a1a1a;
                text-decoration: none;
            }

.header-social {
    padding: 30px 0;
    text-align: center;
}

    .header-social a {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 1px solid #666666;
        display: inline-block;
        text-align: center;
        line-height: 38px;
        margin: 0 2px 5px;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

        .header-social a span {
            width: 16px;
            height: 16px;
            line-height: 16px;
            display: inline-block;
            overflow: hidden;
            font-size: 18px;
            text-align: center;
            color: #222222;
            background-color: #666666;
            text-indent: -1px;
            transition: all ease-in 200ms;
            -moz-transition: all ease-in 200ms; /* Firefox 4 */
            -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
            -o-transition: all ease-in 200ms; /* Opera */
            -ms-transition: all ease-in 200ms; /* IE9? */
        }

            .header-social a span:empty {
                width: 16px;
            }

        .header-social a:hover {
            border: 1px solid #ed474a;
            background-color: #ed474a;
        }

            .header-social a:hover span {
                color: #ed474a;
                background-color: #FFF;
            }

/*ServeList_1*/
.ServeList_1 {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .ServeList_1 li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        width: 33.333%;
        padding: 20px 30px;
        position: relative;
    }

        .ServeList_1 li p {
            line-height: 1.8;
        }

        .ServeList_1 li:before {
            content: "";
            border-bottom: 1px solid #dcdcdc;
            position: absolute;
            top: 100%;
            left: 15px;
            right: 15px;
        }

        .ServeList_1 li:after {
            content: "";
            border-right: 1px solid #dcdcdc;
            position: absolute;
            top: 15px;
            bottom: 15px;
            left: 100%;
            margin-left: 1px;
        }

    .ServeList_1 .ico {
        height: 104px;
        width: 104px;
        line-height: 104px;
        border: 2px solid #ed474a;
        margin: auto;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin-bottom: 20px;
        font-size: 30px;
        color: #ed474a;
        transition: all ease-out 1000ms;
        -moz-transition: all ease-out 1000ms; /* Firefox 4 */
        -webkit-transition: all ease-out 1000ms; /* Safari and Chrome */
        -o-transition: all ease-out 1000ms; /* Opera */
        -ms-transition: all ease-out 1000ms; /* IE9? */
    }

    .ServeList_1 li:hover .ico {
        transform: rotateY(360deg);
        -ms-transform: rotateY(360deg); /* IE 9 */
        -moz-transform: rotateY(360deg); /* Firefox */
        -webkit-transform: rotateY(360deg); /* Safari and Chrome */
        -o-transform: rotateY(360deg); /* Opera */
    }

.ServeList_2 {
    background-color: rgba(255,255,255,0.3);
    border: 1px solid rgba(255,255,255,0.7);
    margin: 30px 0 40px;
    padding: 0 10px 25px;
}

    .ServeList_2 .ico {
        height: 70px;
        width: 70px;
        line-height: 75px;
        background-color: #ed474a;
        display: inline-block;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin: -35px 0 20px;
        font-size: 30px;
    }

        .ServeList_2 .ico span {
            line-height: normal;
            text-align: center;
        }

        .ServeList_2 .ico span {
            transition: all ease-out 1000ms;
            -moz-transition: all ease-out 1000ms; /* Firefox 4 */
            -webkit-transition: all ease-out 1000ms; /* Safari and Chrome */
            -o-transition: all ease-out 1000ms; /* Opera */
            -ms-transition: all ease-out 1000ms; /* IE9? */
        }

    .ServeList_2:hover .ico span {
        transform: rotateY(360deg);
        -ms-transform: rotateY(360deg); /* IE 9 */
        -moz-transform: rotateY(360deg); /* Firefox */
        -webkit-transform: rotateY(360deg); /* Safari and Chrome */
        -o-transform: rotateY(360deg); /* Opera */
    }

    .ServeList_2 h5 {
        font-size: 16px;
        color: #ffffff;
        font-weight: normal;
        letter-spacing: 1px;
    }

    .ServeList_2 .but {
        background-color: #ed474a;
        padding: 5px 20px;
        display: inline-block;
        margin-top: 20px;
        transition: background-color ease-in 200ms;
        -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
        -o-transition: background-color ease-in 200ms; /* Opera */
        -ms-transition: background-color ease-in 200ms; /* IE9? */
    }

        .ServeList_2 .but:hover {
            text-decoration: none;
            background-color: #333;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ServeList_1 li {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .ServeList_1 li {
        width: 100%;
    }
}


/*news_list*/
.news_list {
    margin: 0;
    padding: 0;
}

    .news_list li {
        list-style: none;
        margin: 0;
        padding: 20px 0 20px 128px;
        border-bottom: 1px solid #dedede;
        position: relative;
        min-height: 140px;
    }

        .news_list li .pic {
            width: 100px;
            height: 100px;
            position: absolute;
            top: 20px;
            left: 0;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            overflow: hidden;
        }

            .news_list li .pic img {
                width: 100%;
                height: 100%;
            }
/*list_1*/
.list_1 {
    margin: 0;
    padding: 0;
}

    .list_1 li {
        list-style: none;
        display: inline-block;
        height: 170px;
        width: 170px;
        line-height: 170px;
        background-color: #f00;
        background-color: rgba(0,0,0,0.5);
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        font-size: 16px;
        position: relative;
        margin: 5px 60px 5px 0;
    }

        .list_1 li a,
        .list_1 li p {
            position: relative;
            z-index: 1;
        }

        .list_1 li .ico span {
            width: 41px;
            height: 41px;
            line-height: 41px;
            background-color: #ed474a;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            display: block;
            position: absolute;
            top: 0px;
            left: 7px;
        }

        .list_1 li .ico {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-animation-duration: 0.8s;
            -moz-animation-duration: 0.8s;
            -o-animation-duration: 0.8s;
            animation-duration: 0.8s;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
        }

        .list_1 li:hover .ico {
            -webkit-animation-name: shake;
            -moz-animation-name: shake;
            -o-animation-name: shake;
            animation-name: shake;
        }

        .list_1 li:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 100%;
            margin: -7px 0 0 20px;
            border-right: 5px solid #ffffff;
            border-bottom: 5px solid #ffffff;
            width: 15px;
            height: 15px;
            transform: rotate(-45deg);
            -ms-transform: rotate(-45deg); /* IE 9 */
            -moz-transform: rotate(-45deg); /* Firefox */
            -webkit-transform: rotate(-45deg); /* Safari and Chrome */
            -o-transform: rotate(-45deg); /* Opera */
        }

        .list_1 li:last-child:before {
            display: none;
        }

.news_list2 {
    margin: 0;
    padding: 0;
}

    .news_list2 li {
        margin: 0;
        padding: 0 0 30px 170px;
        list-style: none;
        position: relative;
        min-height: 90px;
        color: #666666;
    }

    .news_list2 .pic {
        position: absolute;
        top: 0;
        left: 0;
    }

    .news_list2 h3 {
        color: #000000;
        font-size: 14px;
        margin-bottom: 3px;
    }

    .news_list2 .info {
        font-size: 12px;
        color: #888888;
        padding-bottom: 5px;
    }


/*font icons */
.font-icons {
    font-size: 30px;
    letter-spacing: -5px;
}

    .font-icons a,
    .font-icons a:link,
    .font-icons a:active,
    .font-icons a:visited {
        color: #3e3e3e;
        text-decoration: none;
    }

        .font-icons a:hover {
            color: #ed474a;
            text-decoration: none;
            opacity: 0.9;
        }

/*full_screen_pic*/

.body_main {
    filter: alpha(opacity=0);
    opacity: 0;
}

.full_screen_shade {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: url(images/Loading.gif) no-repeat center center #000;
}

.full_screen_pic {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    z-index: 1;
}

    .full_screen_pic:before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: url(images/full_shade.png);
    }

    .full_screen_pic li {
        list-style: none;
        background-size: cover;
        background-position: center bottom;
    }

    .full_screen_pic .content {
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 50%;
        width: 100%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

        .full_screen_pic .content .title {
            font-size: 80px;
            color: #FFF;
            font-weight: bold;
            letter-spacing: 8px;
        }

            .full_screen_pic .content .title span {
                color: #ed474a;
            }

        .full_screen_pic .content .line {
            width: 100px;
            margin: auto;
            border-bottom: 1px solid #FFF;
            margin-bottom: 20px;
            opacity: 0;
            transition: transform ease-in 500ms, opacity ease-in 500ms;
            -moz-transition: -moz-transform ease-in 500ms, opacity ease-in 500ms; /* Firefox 4 */
            -webkit-transition: -webkit-transform ease-in 500ms, opacity ease-in 500ms; /* Safari and Chrome */
            -o-transition: -o-transform ease-in 500ms, opacity ease-in 500ms; /* Opera */
            -ms-transition: -ms-transform ease-in 500ms, opacity ease-in 500ms; /* IE9? */
        }

    .full_screen_pic.animations .content .line {
        opacity: 1;
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s;
    }


    .full_screen_pic .animation_3 {
        font-size: 20px;
    }

    .full_screen_pic .animation_1 {
        opacity: 0;
        transition: transform ease-in 500ms, opacity ease-in 500ms;
        -moz-transition: -moz-transform ease-in 500ms, opacity ease-in 500ms; /* Firefox 4 */
        -webkit-transition: -webkit-transform ease-in 500ms, opacity ease-in 500ms; /* Safari and Chrome */
        -o-transition: -o-transform ease-in 500ms, opacity ease-in 500ms; /* Opera */
        -ms-transition: -ms-transform ease-in 500ms, opacity ease-in 500ms; /* IE9? */
    }

    .full_screen_pic.animations .animation_1 {
        opacity: 1;
    }

    .full_screen_pic .animation_2 {
        opacity: 0;
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5);
        transition: transform ease-in 500ms, opacity ease-in 500ms;
        -moz-transition: -moz-transform ease-in 500ms, opacity ease-in 500ms; /* Firefox 4 */
        -webkit-transition: -webkit-transform ease-in 500ms, opacity ease-in 500ms; /* Safari and Chrome */
        -o-transition: -o-transform ease-in 500ms, opacity ease-in 500ms; /* Opera */
        -ms-transition: -ms-transform ease-in 500ms, opacity ease-in 500ms; /* IE9? */
    }

    .full_screen_pic.animations .animation_2 {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }

    .full_screen_pic .animation_3 {
        font-size: 24px;
        color: #FFF;
        letter-spacing: 1px;
        opacity: 0;
        padding: 0;
        -webkit-transform: scale(0.6) translate(0px,0px);
        -moz-transform: scale(0.6) translate(0px,0px);
        -ms-transform: scale(0.6) translate(0px,0px);
        -o-transform: scale(0.6) translate(0px,0px);
        transform: scale(0.6) translate(0px,0px);
        transition: transform ease-in 500ms, opacity ease-in 500ms;
        -moz-transition: -moz-transform ease-in 500ms, opacity ease-in 500ms; /* Firefox 4 */
        -webkit-transition: -webkit-transform ease-in 500ms, opacity ease-in 500ms; /* Safari and Chrome */
        -o-transition: -o-transform ease-in 500ms, opacity ease-in 500ms; /* Opera */
        -ms-transition: -ms-transform ease-in 500ms, opacity ease-in 500ms; /* IE9? */
    }

    .full_screen_pic.animations .animation_3 {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
        -moz-transform: scale(1) translate(0, 0);
        -ms-transform: scale(1) translate(0, 0);
        -o-transform: scale(1) translate(0, 0);
        transform: scale(1) translate(0, 0);
        -webkit-transition-delay: 1.5s;
        -moz-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }

    .full_screen_pic #nextPage {
        opacity: 0;
        width: 150px;
        height: 150px;
        line-height: 135px;
        font-size: 15px;
        color: #ed474a;
        font-weight: bold;
        margin: 20px auto;
        position: relative;
        background-color: #FFF;
        background-color: rgba(255,255,255,0.8);
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        transition: opacity ease-in 500ms;
        -moz-transition: opacity ease-in 500ms; /* Firefox 4 */
        -webkit-transition: opacity ease-in 500ms; /* Safari and Chrome */
        -o-transition: opacity ease-in 500ms; /* Opera */
        -ms-transition: opacity ease-in 500ms; /* IE9? */
    }

        .full_screen_pic #nextPage:after {
            content: "";
            border-bottom: 3px solid #ed474a;
            border-right: 3px solid #ed474a;
            width: 9px;
            height: 9px;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: 10px 0px 0px -7px;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg); /* IE 9 */
            -moz-transform: rotate(45deg); /* Firefox */
            -webkit-transform: rotate(45deg); /* Safari and Chrome */
            -o-transform: rotate(45deg); /* Opera */
            transition: all ease-in 0.3s;
            -moz-transition: all ease-in 0.3s; /* Firefox 4 */
            -webkit-transition: all ease-in 0.3s; /* Safari and Chrome */
            -o-transition: all ease-in 0.3s; /* Opera */
            -ms-transition: all ease-in 0.3s; /* IE9? */
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
        }

    .full_screen_pic.animations #nextPage {
        opacity: 1;
        -webkit-transition-delay: 2s;
        -moz-transition-delay: 2s;
        transition-delay: 2s;
        cursor: pointer;
    }

    .full_screen_pic #nextPage:hover:after {
        top: 55%;
    }

@media only screen and (max-width: 991px) {
    .full_screen_pic .content .title {
        line-height: 1;
        font-size: 36px;
        padding-bottom: 20px;
    }

    .full_screen_pic .animation_3 {
        font-size: 14px;
        line-height: 1.2;
        padding-bottom: 20px;
    }

    .full_screen_pic #nextPage {
        margin: 0px auto;
    }

    .full_screen_pic #nextPage {
        -webkit-transform: scale(0.6) rotateY(360deg);
        -moz-transform: scale(0.6) rotateY(360deg);
        -ms-transform: scale(0.6) rotateY(360deg);
        -o-transform: scale(0.6) rotateY(360deg);
        transform: scale(0.6) rotateY(360deg);
    }

    .full_screen_pic.animations #nextPage {
        -webkit-transform: scale(0.6) rotateY(0deg);
        -moz-transform: scale(0.6) rotateY(0deg);
        -ms-transform: scale(0.6) rotateY(0deg);
        -o-transform: scale(0.6) rotateY(0deg);
        transform: scale(0.6) rotateY(0deg);
    }
}
/*magic_box */
.magic_box {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #ed474a;
}

    .magic_box .up,
    .magic_box .down {
        background-color: #ed474a;
        color: #FFF;
        text-align: center;
        padding: 0 15px;
        margin: 0;
        transition: all ease-out 400ms;
        -moz-transition: all ease-out 400ms; /* Firefox 4 */
        -webkit-transition: all ease-out 400ms; /* Safari and Chrome */
        -o-transition: all ease-out 400ms; /* Opera */
        -ms-transition: all ease-out 400ms; /* IE9? */
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
    }

    .magic_box .down {
        position: absolute;
        top: 100%;
        left: 0px;
        height: 100%;
        width: 100%;
    }

    .magic_box .up .glyphicons {
        font-size: 45px;
        margin: 80px 0 20px;
        width: auto;
    }

        .magic_box .up .glyphicons:empty {
            width: auto;
            padding: 0px 10px;
        }

    .magic_box .up h3 {
        font-size: 16px;
        padding: 0px 0 80px;
        color: #FFF;
        margin: 0;
    }

    .magic_box .down h3 {
        font-size: 16px;
        color: #ffffff;
        padding: 45px 0 0;
    }

    .magic_box .down a.but {
        color: #FFF;
        margin-top: 10px;
        display: inline-block;
    }

    .magic_box:hover .up {
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .magic_box:hover .down {
        top: 0;
    }


/*employeesContent*/
.employeesBox {
    position: relative;
}

    .employeesBox img {
        max-width: 100%;
    }

.employeesContent {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #ffffff;
    padding: 30px;
    margin: 0 60px;
    box-shadow: 0 -8px 14px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -8px 14px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 -8px 14px rgba(0,0,0,0.2);
}

    .employeesContent h6 {
        margin-bottom: 5px;
    }

    .employeesContent .glyph {
        border-top: 1px dashed #d8d8d8;
        padding-top: 15px;
        margin-top: 15px;
    }

        .employeesContent .glyph a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            display: inline-block;
            margin: 0 3px 5px;
            border: 1px solid #919191;
            font-size: 16px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

            .employeesContent .glyph a span {
                color: #919191;
            }

            .employeesContent .glyph a:hover {
                transition: background-color ease-in 200ms;
                -moz-transition: background-color ease-in 200ms; /* Firefox 4 */
                -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
                -o-transition: background-color ease-in 200ms; /* Opera */
                -ms-transition: background-color ease-in 200ms; /* IE9? */
            }

                .employeesContent .glyph a:hover span {
                    color: #FFF;
                }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .employeesContent {
        padding: 15px;
        margin: 0 20px;
    }
}




#main_left .social-icons2 {
    padding-top: 10px;
}

    #main_left .social-icons2 a {
        background-color: #656565;
        border-radius: 3px;
        color: #656565;
        display: inline-block;
        height: 32px;
        margin: 0 2px 5px;
        padding: 0;
        text-align: center;
        transition: background-color 200ms ease-in 0s;
        width: 32px;
    }

        #main_left .social-icons2 a span {
            background-color: #d9d9d9;
            display: block;
            font-size: 17px;
            height: 14px;
            margin: 7px 0 0 9px;
            overflow: hidden;
            text-indent: -2px;
            transition: color 200ms ease-in 0s;
            width: 14px;
        }


@media only screen and (min-width: 1400px) {

    .dnn_layout {
        width: 1370px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

    .dnn_layout {
        width: 1130px;
    }
}

.head_mid,
.content_mid,
.footer_mid {
    padding: 0px 20px;
}

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

    .dnn_layout {
        width: 750px;
    }

    .head_mid,
    .content_mid,
    .footer_mid {
        padding: 0px 15px;
    }

    .copyright_style .sep {
        padding: 0px 7px;
    }

    .menubox .dnn_logo,
    .nav_box .dnn_logo {
        max-width: 160px;
    }
}

@media only screen and (max-width: 991px) {
    .nav_box {
        text-align: left !important;
        color: red;
    }

    .dnn_layout {
        width: auto;
    }

    .content_mid,
    .footer_mid {
        padding: 0px 15px;
    }

    .header_element {
        position: relative;
        display: inline-block;
        border-left: 1px solid #585858;
        border-right: 1px solid #585858;
        margin-left: -3px;
        display: inline-block;
    }

    * + html .header_element {
        display: inline;
    }

    .Logins {
        border-right: none !important;
    }

    .emails {
        float: right;
    }

    .header_element .icon {
        width: 48px;
        height: 45px;
        font-size: 20px;
        color: #FFF;
        text-align: center;
        line-height: 45px;
        cursor: pointer;
    }

        .header_element .icon:empty {
            width: 48px;
        }

    .header_element .Login_icon {
        border-right: none;
    }

    .header_element .email_icon {
        float: right;
    }

    .header_element.Open .icon {
        background-color: #ed474a;
    }

    .header_element .element_box {
        position: absolute;
        left: 0px;
        top: 100%;
        background: #000000;
        filter: alpha(opacity=0);
        opacity: 0;
        z-index: -1;
        height: 0px;
        white-space: nowrap;
        margin-top: 5px;
        border: none;
        transition: all ease-in 100ms;
        -moz-transition: all ease-in 100ms; /* Firefox 4 */
        -webkit-transition: all ease-in 100ms; /* Safari and Chrome */
        -o-transition: all ease-in 100ms; /* Opera */
        -ms-transition: all ease-in 100ms; /* IE9? */
    }

    .header_element .HeadPane {
        left: auto;
        right: 0;
    }

    .header_element .Login .loginGroup,
    .header_element .Login .registerGroup {
        border: none;
        padding: 0px !important;
    }

    .header_element .Login {
        padding: 0px 10px;
        line-height: 32px;
    }

    .header_element.Open .element_box {
        filter: alpha(opacity=100);
        opacity: 1;
        z-index: 1000;
        height: 36px;
    }

    .header_element .element_box:before {
        content: " ";
        border: 4px solid transparent;
        border-bottom: 4px solid #000000;
        position: absolute;
        top: -8px;
        left: 21px;
    }

    .header_element .HeadPane:before {
        left: auto;
        right: 21px;
    }

    .nav_box {
        text-align: left;
    }

    .pulldownsearch {
        position: static;
        float: left !important;
        width: auto;
        border: none;
    }

    .searchbut {
        display: none;
    }

    .searchBox {
        text-align: center;
        display: block !important;
        opacity: 1 !important;
        top: 0px;
        height: 50px !important;
        background: none;
        /*border-left: 1px solid #FFF;
	border-left: 1px solid rgba(255,255,255,0.2);
	border-right: 1px solid #FFF;
	border-right: 1px solid rgba(255,255,255,0.2);*/
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        margin: 0px !important;
        padding-top: 7px !important;
    }

        .searchBox ::-webkit-input-placeholder {
            color: #FFF
        }

        .searchBox:before {
            display: none;
        }

    /*--------- Mobile Menu style ----------*/


    .mobile_icon {
        font-size: 26px;
        color: #FFF;
        display: inline-block;
        padding: 0 10px;
        border-right: 1px solid #FFF;
        border-right: 1px solid rgba(255,255,255,0.2);
        line-height: 50px;
        cursor: pointer;
        width: 50px;
        text-align: center;
    }

        .mobile_icon.active .glyphicons:before {
            content: "\E208";
            font-size: 22px;
        }

    #mobile_menu {
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        z-index: 906;
        background: #16514f;
        display: none;
        height: 580px;
    }

        #mobile_menu .menu_main {
            padding: 10px;
        }

    .multi_menu {
        margin: auto;
    }

        .multi_menu ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .multi_menu ul li {
                margin: 0px;
                padding: 0px;
                list-style: none;
            }

                .multi_menu ul li img {
                    vertical-align: middle;
                }

                .multi_menu ul li a {
                    font-size: 15px;
                    line-height: 20px;
                    padding: 0px;
                    margin: 0px;
                    color: white;
                    display: block;
                    text-decoration: none;
                    outline: none;
                    text-align: left;
                    border-bottom: 1px dashed #3a3a3a;
                }

                    .multi_menu ul li a:after {
                        clear: both;
                        content: ".";
                        height: 0px;
                        font-size: 0px;
                        visibility: hidden;
                        display: block;
                    }

                .multi_menu ul li a {
                    display: inline-block;
                }

                .multi_menu ul li a {
                    display: block;
                }
		.multi_menu ul li a.active {
		font-weight: bold;
		}

                .multi_menu ul li span {
                    padding: 10px 0px;
                    display: block;
                }

                .multi_menu ul li .menu_arrow {
                    background-image: url(images/arrow-1.png);
                    background-repeat: no-repeat;
                    background-position: right -80px;
                    /* display: block;       changed to show only the child page*/
		    display: none;
                    width: 40px;
                    padding: 0px;
                    height: 40px;
                    float: right;
                    text-indent: 0px;
                    overflow: hidden;
                    margin: 0px;
                    text-align: center;
                    line-height: 40px;
                    font-size: 0;
                }

                    .multi_menu ul li .menu_arrow.arrow_opened {
                        float: right !important;
                    }

                    .multi_menu ul li .menu_arrow.arrow_closed {
                        background-position: right -178px;
                    }

            .multi_menu ul ul {
                display: none;
                background: #16514f;
                padding: 2px 0px 5px 0px;
                margin: 0px;
            }

            .multi_menu ul li.current > ul {
                display: block;
            }

            .multi_menu ul li.active > a,
            .multi_menu ul li a:hover {
                color: white;
                text-decoration: underline;
            }

            .multi_menu ul li.current > a,
            .multi_menu ul li.current > a:hover {
                border-bottom: 1px solid #000000;
                color: white;
            }

            .multi_menu ul li a {
                padding: 0 0 0 15px;
                text-align: center;
            }

            .multi_menu ul li li a {
                padding: 0 0 0 30px;
            }

            .multi_menu ul li li li a {
                padding: 0 0 0 45px
            }

            .multi_menu ul li li li li a {
                padding: 0 0 0 60px
            }

    /*foot*/


    .copyright_style {
        float: none;
        text-align: center;
    }

    .FooterPane {
        float: none;
        text-align: center;
        padding: 0px 8px 20px;
    }
}

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

    .searchBox #dnn_dnnSEARCH_ClassicSearch,
    .searchBox #dnn_dnnSEARCH1_ClassicSearch,
    .searchBox #dnn_dnnSEARCH2_ClassicSearch,
    .searchBox #dnn_dnnSEARCH3_ClassicSearch {
        width: 120px;
    }


    .searchBox input.NormalTextBox {
        width: 150% !important;
        margin-left: -100% !important;
    }
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) {
}*/

@media only screen and (min-width: 320px) and (max-width: 768px) {
    #mobile_menu {
        position: absolute;
        top: 100%;
        left: 0px;
        width: 100%;
        z-index: 906;
        background: #16514f;
        display: none;
        height: auto;
        padding-bottom: 2em;
    }
}
/******Home Version2******/
.foot_photo.photo_box {
    margin: 0 -2px -6px 0;
    display: inline-block;
}

    .foot_photo.photo_box.img_zoom:hover .pic_box img {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    .foot_photo.photo_box .ico {
        margin-top: -13px;
    }

        .foot_photo.photo_box .ico span {
            font-size: 14px;
            height: 26px !important;
            line-height: 26px !important;
            width: 26px !important;
        }

/*print*/

@media print {
    a:link:after,
    article a[href^=http]:after {
        content: " ";
    }
}



/*loading*/
.loading {
    width: 26px;
    height: 26px;
    position: relative;
}

    .loading .container1 > div,
    .loading .container2 > div,
    .loading .container3 > div {
        width: 6px;
        height: 6px;
        background-color: #333;
        border-radius: 100%;
        position: absolute;
        -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
        animation: bouncedelay 1.2s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
    }

    .loading .loading-container {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .loading .container2 {
        -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
    }

    .loading .container3 {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    .loading .circle1 {
        top: 0;
        left: 0;
    }

    .loading .circle2 {
        top: 0;
        right: 0;
    }

    .loading .circle3 {
        right: 0;
        bottom: 0;
    }

    .loading .circle4 {
        left: 0;
        bottom: 0;
    }

    .loading .container2 .circle1 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .loading .container3 .circle1 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .loading .container1 .circle2 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .loading .container2 .circle2 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .loading .container3 .circle2 {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .loading .container1 .circle3 {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .loading .container2 .circle3 {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .loading .container3 .circle3 {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .loading .container1 .circle4 {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .loading .container2 .circle4 {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .loading .container3 .circle4 {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.isotope_grid .loading {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin: 0 0 0 -10px;
}

/***new portfolios group***/
.isotope_grid .portfolios_group {
    padding: 5px 0 35px;
    position: relative;
    text-align: left;
}

    .isotope_grid .portfolios_group a {
        margin: 0px 3px 5px 0px;
        padding: 8px 32px;
        line-height: 18px;
        font-size: 13px;
        outline: none;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }
/***portfolios button***/
a.portfolios_default_btn {
    display: inline-block;
    width: 120px;
    line-height: 36px !important;
    border: 1px solid #ed474a;
    color: #ed474a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
    text-transform: uppercase;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

    a.portfolios_default_btn:hover {
        color: #ffffff;
        background-color: #ed474a;
        text-decoration: none;
    }

@media only screen and (max-width: 991px) {
    a.portfolios_default_btn {
        margin-right: 2px;
    }
    .breadcrumbshade {
	    display:none;
    }
}
/***portfolios carousel***/
.portfolios_carousel_title {
    font-size: 20px;
    color: #333333;
    padding: 23px 0 15px;
}

/***Grid layouts***/
.Grid_layouts .isotope_main {
    margin-left: -15px;
}

.Grid_layouts .isotope_item .photo_box {
    margin: 0 0 15px 15px;
}

.Grid_layouts .photo_box .content h3 {
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
    text-transform: uppercase;
}

.Grid_layouts .photo_box .content p {
    font-size: 13px;
    margin-bottom: 15px;
}

.Grid_layouts .photo_box .content a {
    font-size: 14px;
    color: #ffffff;
    line-height: 36px;
    border: 1px solid #ffffff;
    padding: 8px 45px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.Grid_layouts .photo_box .shade {
    background-color: #ed474a;
}

.Grid_layouts .photo_box:hover .shade {
    opacity: 0.8;
}

@media only screen and (max-width: 991px) {
    .Grid_layouts .isotope_main {
        margin-left: 0;
    }

    .Grid_layouts .isotope_item .photo_box {
        margin: 0 0 15px;
    }
}

/***Classic layouts***/
.Classic_layouts .isotope_main {
    margin-left: -15px;
}

.Classic_layouts .isotope_item .photo_box {
    margin: 0 0 15px 15px;
}

.Classic_layouts .photo_box .content h3 {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.Classic_layouts .isotope_item .photo_box .shade {
    background-color: #000000 !important;
}

.Classic_layouts .photo_box:hover .shade {
    opacity: 0.5;
}

@media only screen and (max-width: 991px) {
    .Classic_layouts .isotope_main {
        margin-left: 0;
    }

    .Classic_layouts .isotope_item .photo_box {
        margin: 0 0 15px;
    }
}

/***Text layouts***/
.Text_layouts .isotope_main {
    margin-left: -15px;
}

.Text_layouts .isotope_item .photo_box {
    margin: 0 0 15px 15px;
    letter-spacing: 0;
}

.Text_layouts .photo_box .ico span {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 16px;
    border: 1px solid #ffffff;
    background: none !important;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

.Text_layouts .photo_box a:hover span {
    color: #ed474a;
    background: #ffffff !important;
}

.Text_layouts .photo_box .shade {
    background-color: #ed474a;
}

.text_sytle1 {
    font-size: 12px;
    color: #666666;
    padding: 16px 0 19px;
}

    .text_sytle1 h3 {
        font-size: 15px !important;
        color: #333333;
        text-transform: uppercase;
        letter-spacing: 0 !important;
        font-weight: bold !important;
    }

    .text_sytle1 a {
        font-size: 13px;
        color: #ed474a;
        text-transform: uppercase;
    }

.text_sytle2 {
    font-size: 13px;
    color: #666666;
    padding: 20px 20px 15px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d4d4d4;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

    .text_sytle2 h3 {
        font-size: 15px !important;
        color: #333333;
        text-transform: uppercase;
        letter-spacing: 0 !important;
        font-weight: bold !important;
    }

    .text_sytle2 .info {
        float: right;
        font-size: 14px;
        padding-top: 13px;
    }

        .text_sytle2 .info span {
            margin-right: 3px;
        }

@media only screen and (max-width: 991px) {
    .Text_layouts .isotope_main {
        margin-left: 0;
    }

    .Text_layouts .isotope_item .photo_box {
        margin: 0 0 15px;
    }
}

/***List layouts***/
.List_layouts .isotope_main {
    margin-left: 0;
}

.List_layouts .isotope_item > div {
    margin: 0 -15px;
}

.List_layouts .isotope_main .photo_box {
    margin: 0;
}

.List_layouts .isotope_item {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

.List_layouts_text {
    font-size: 12px;
}

.text_sytle3 {
    font-size: 13px;
    color: #666666;
}

    .text_sytle3 h3 {
        font-size: 15px;
        color: #333333;
        margin: 0 0 7px;
        text-transform: uppercase;
    }

.List_layouts_text hr {
    width: 60px;
    margin: 20px 0;
    border-color: #ed474a;
    display: inline-block;
}

.List_layouts_text p a {
    margin-top: 26px;
}

@media only screen and (max-width: 991px) {
    .List_layouts .isotope_main .photo_box {
        margin: 0 0 15px;
    }
}

/***Sidebar layouts***/
.Sidebar_layouts {
    padding-bottom: 25px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

    .Sidebar_layouts .text_sytle3 {
        padding: 20px 0 4px;
    }

    .Sidebar_layouts p a {
        margin-top: 13px;
    }

.Sidebar_layouts_categories {
    margin: 0 0 20px;
    list-style: none;
}

    .Sidebar_layouts_categories li {
        border-bottom: 1px solid #d1d1d1;
        /* line-height: 39px; */
        font-size: 13px; /* color:#16px; Original code*/
        /* color:#666666; Original code*/
        color: #53565a;
	line-height:1.6;
	margin-bottom:0.7em;
	padding-bottom:0.8em;
    }

.Sidebar_layouts_categories1 li {
    border-bottom: 1px solid #d1d1d1;
    line-height: 39px;
    font-size: 13px;
    /* color:#666666; Original code*/
    color: #53565a;
}


.Sidebar_layouts_categories li a {
    /* color:#666666; Original code*/
    color: #53565a;
}

.Sidebar_layouts_categories .glyphicons {
    font-size: 12px;
    color: #ed474a;
    margin-right: 10px;
}

.categories_number {
    float: right;
}

.Sidebar_layouts_recent_news {
    font-size: 13px;
    color: #888888;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d1d1d1;
}

    .Sidebar_layouts_recent_news img {
        float: left;
        padding-right: 20px;
    }

    .Sidebar_layouts_recent_news .heading {
        font-size: 14px;
        color: #333333;
        padding-top: 8px;
    }

        .Sidebar_layouts_recent_news .heading a {
            color: #333333;
        }

.Sidebar_layouts_links {
    margin: 0 0 20px;
    list-style: none;
}

    .Sidebar_layouts_links li {
        border-bottom: 1px solid #d1d1d1;
        line-height: 39px;
    }

        .Sidebar_layouts_links li a {
            font-size: 12px;
            color: #666666;
        }

    .Sidebar_layouts_links .glyphicons {
        color: #ed474a;
        margin-right: 10px;
    }

/***All Single layouts***/
.Single_Layouts {
    font-size: 12px;
    color: #666666;
}

    .Single_Layouts h3 {
        font-size: 15px;
        color: #333333;
        text-transform: uppercase;
        margin: 20px 0 15px;
    }

    .Single_Layouts p {
        padding-bottom: 11px;
    }
/***page control***/
.page_turning a {
    font-size: 12px;
    color: #666666 !important;
    margin: 0 5px 5px 0;
}

a.page_control {
    display: inline-block;
    line-height: 31px !important;
    width: 70px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center;
    text-decoration: none;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

a.page_number {
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    width: 30px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    text-decoration: none;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

    a.page_control:hover, a.page_number:hover {
        color: #ed474a !important;
        border: 1px solid #ed474a;
        text-decoration: none;
    }

.Single_page {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
}

    .Single_page a {
        font-size: 13px;
        color: #ed474a;
        display: inline-block;
        line-height: 38px !important;
        width: 100px;
        border: 1px solid #ed474a;
        text-align: center;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        text-decoration: none;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

        .Single_page a:hover {
            background-color: #ed474a;
            color: #ffffff;
        }

.prev_control {
    float: left;
}

.next_control {
    float: right;
}


/***home 6***/
.home6_head h4 {
    font-size: 16px;
    color: #666666;
    font-weight: normal;
    margin: 0 0 16px;
}

.home6_head h3 {
    font-size: 24px;
    color: #333333;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
}

.home6_head .line,
.home6_head .line_center {
    width: 40px;
    height: 2px;
    background-color: #ed474a;
    margin: 20px 0;
}

.home6_head .line_center {
    margin: 20px auto;
}

.img_display {
    display: inline-block;
}

.arrow_icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-color: #ed474a;
    color: #FFF;
    margin: -3px 0 0 10px;
    font-size: 12px;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

    .arrow_icon:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -3px 0 0 -4px;
        border-right: 1px solid #FFF;
        border-bottom: 1px solid #FFF;
        width: 6px;
        height: 6px;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); /* IE 9 */
        -moz-transform: rotate(-45deg); /* Firefox */
        -webkit-transform: rotate(-45deg); /* Safari and Chrome */
        -o-transform: rotate(-45deg); /* Opera */
    }

.home6_text1_img {
    width: 200px;
    height: 200px;
    line-height: 200px;
    margin: 0 auto 30px;
    background-color: #efefef;
    border: 3px solid #efefef;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-transition: all ease 200ms; /* Firefox 4 */
    -webkit-transition: all ease 200ms; /* Safari and Chrome */
    -o-transition: all ease 200ms; /* Opera */
    -ms-transition: all ease 200ms; /* IE9? */
}

    .home6_text1_img:hover {
        background-color: #f9f9f9;
        border: 3px solid #e5e5e5;
    }

    .home6_text1_img img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        transition: all ease 200ms;
        -moz-transition: all ease 200ms; /* Firefox 4 */
        -webkit-transition: all ease 200ms; /* Safari and Chrome */
        -o-transition: all ease 200ms; /* Opera */
        -ms-transition: all ease 200ms; /* IE9? */
    }

    .home6_text1_img:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

.home6_text1 .home6_head h4 {
    font-size: 14px;
}

.home6_text1 .home6_head h3 {
    font-size: 18px;
    color: #3d3f40;
}

.home6_text1 .home6_head .line_center {
    background-color: #333333;
}

.home6_text1 a {
    text-transform: uppercase;
}

.home6_full_bg1 {
    background-color: #eeeeee;
    position: relative;
}

.home6_full_bg1_l {
    float: left;
    width: 50%;
    position: relative;
    padding: 60px 50px;
}

    .home6_full_bg1_l:before {
        content: "";
        position: absolute;
        top: 20%;
        left: 100%;
        border-width: 18px 0 18px 18px;
        border-color: transparent transparent transparent #eeeeee;
        border-style: solid;
        z-index: 1
    }

    .home6_full_bg1_l p {
        padding-bottom: 10px;
    }

.home6_full_bg1_btn a {
    margin: 10px 0 0;
    text-transform: uppercase;
}

.home6_full_bg1_r {
    float: right;
    width: 50%;
    height: 100%;
    background: url(images/home6_img4.jpg) center 0 no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.home6_isotope > p {
    padding: 0
}

.home6_isotope .isotope_grid .isotope_item .photo_box h3 {
    font-weight: bold;
    letter-spacing: 0;
    text-transform: uppercase;
}

.home6_isotope .isotope_grid .isotope_item .photo_box .shade {
    background-color: #000000;
}

.home6_isotope .isotope_grid .photo_box:hover .shade {
    opacity: 0.7;
}

.home6_isotope .photo_box.ico_right_rotate .ico,
.home6_isotope .photo_box.ico_right_rotate .ico > span {
    height: 60px;
    width: 60px;
}

.home6_isotope .isotope_grid .isotope_item .photo_box .ico span {
    border: none;
    background-color: #ed474a;
    height: 60px !important;
    width: 60px !important;
    line-height: 60px !important;
}

.home6_number_bg {
    background-color: #222222;
    padding: 0 15px;
}

    .home6_number_bg .number_Animation .number {
        line-height: 1;
    }

.home6_number_line {
    width: 40px;
    height: 3px;
    background-color: #aaaaaa;
    margin: 15px auto;
}

.home6_number_bg p {
    font-size: 16px;
    color: #ffffff;
    line-height: 1;
}

.home6_text2_ul ul {
    list-style: none;
    margin: 25px 0 25px;
}

    .home6_text2_ul ul li {
        padding-bottom: 10px;
    }

        .home6_text2_ul ul li span {
            color: #ed474a;
            margin-right: 15px;
        }

.home6_text2 .Button_default {
    margin: 0;
    text-transform: uppercase;
}

.home6_text3 {
    padding-top: 45px;
}

.home6_text3_left {
    text-align: right;
}

.home6_text3_right {
    text-align: left;
}

    .home6_text3_left > div,
    .home6_text3_right > div {
        padding-top: 45px;
    }

.home6_text3_left_title,
.home6_text3_right_title {
    font-size: 16px;
    color: #3d3f40;
    font-weight: bold;
    line-height: 50px;
    text-transform: uppercase;
}

    .home6_text3_left_title span.glyphicons,
    .home6_text3_right_title span.glyphicons {
        float: right;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        margin: 0 0 0 20px;
        color: #ffffff;
        background-color: #ed474a;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .home6_text3_right_title span.glyphicons {
        float: left;
        margin: 0 20px 0 0;
    }

.home6_text3_btn a {
    margin: 40px 15px 0;
    text-transform: uppercase;
}

.three_equal_height {
    display: table;
    border-collapse: collapse;
    color: #ffffff;
}

.table_cell1, .table_cell2, .table_cell3 {
    display: table-cell;
    width: 33.3333%;
    padding: 60px 70px;
}

.table_cell1 {
    background-color: #fe6a56;
}

.table_cell2 {
    background-color: #ed474a;
}

.table_cell3 {
    background-color: #ff6673;
}

.three_equal_height .home6_head h4 {
    color: #ffffff;
}

.three_equal_height .home6_head h3 {
    color: #ffffff;
    font-size: 18px;
}

.three_equal_height .home6_head .line {
    background-color: #ffffff;
}

a.table_cell_btn {
    padding: 10px 28px;
    display: inline-block;
    font-size: 14px;
    color: #ffffff !important;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    margin-top: 25px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

    a.table_cell_btn:hover {
        background-color: #ffffff;
        color: #ed474a !important;
        text-decoration: none;
    }

.home6_team_content .photo_box {
    padding: 45px 0 20px;
}

    .home6_team_content .photo_box .pic_box {
        width: 200px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.home6_team_content .home6_head h4 {
    font-size: 14px;
    margin: 0 0 10px;
}

.home6_team_content .home6_head h3 {
    font-size: 16px;
    color: #3d3f40;
}

.home6_team_content .home6_head .line_center {
    background-color: #bbbbbb;
}

.home6_full_bg2 {
    background: url(images/home6_full_bg2.jpg) center center no-repeat;
    color: #ffffff;
}

    .home6_full_bg2 .home6_head h4,
    .home6_full_bg2 .home6_head h3 {
        color: #ffffff;
    }

    .home6_full_bg2 .home6_head .line_center {
        background-color: #ffffff;
    }

    .home6_full_bg2 > div > div > p {
        padding-bottom: 55px;
    }

.home6_full_bg1 #gmap3 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
}

.home6_contact {
    float: right;
    width: 50%;
    padding: 60px;
    position: relative;
    box-shadow: -3px 0 3px 0 #bbbbbb;
    -moz-box-shadow: -3px 0 3px 0 #bbbbbb;
    -webkit-box-shadow: -3px 0 3px 0 #bbbbbb;
}

    .home6_contact:before {
        content: "";
        position: absolute;
        top: 20%;
        left: -9px;
        height: 18px;
        width: 18px;
        background-color: #eeeeee;
        box-shadow: -3px -3px 3px 0 #bbbbbb;
        -moz-box-shadow: -3px -3px 3px 0 #bbbbbb;
        -webkit-box-shadow: -3px -3px 3px 0 #bbbbbb;
        transform: rotate(45deg);
        -ms-transform: rotate(-45deg); /* IE 9 */
        -moz-transform: rotate(-45deg); /* Firefox */
        -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */
        -o-transform: rotate(-45deg); /* Opera */
    }

.home6_contact_info {
    padding: 35px 0 10px;
    border-bottom: 1px dashed #aaaaaa;
}

    .home6_contact_info .row > div {
        padding-bottom: 45px;
    }

    .home6_contact_info .glyphicons {
        float: left;
        height: 50px;
        width: 50px;
        line-height: 50px;
        font-size: 20px;
        margin-right: 30px;
        color: #ffffff;
        background-color: #ed474a;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.home6_contact_info_right {
    overflow: hidden;
    padding-top: 10px;
}

    .home6_contact_info_right span {
        font-size: 15px;
        font-weight: bold;
        color: #333333;
        text-transform: uppercase;
    }

.home6_contact_social a {
    font-size: 24px;
    float: left;
    line-height: 1;
    padding-top: 40px;
    margin-right: 8px;
    color: #999999 !important;
}

    .home6_contact_social a:hover {
        color: #ed474a !important;
    }

.home6_foot_about img {
    padding-bottom: 25px;
}

.home6_foot_about p {
    padding-bottom: 10px;
}

.home6_foot_about a {
    text-transform: uppercase;
}


.home6_foot_news {
    border-bottom: 1px solid #434343;
    line-height: 1;
    padding-bottom: 27px;
}

    .home6_foot_news + .home6_foot_news {
        margin-top: 27px;
    }

    .home6_foot_news img {
        float: left;
        padding-right: 25px;
    }

    .home6_foot_news .news_p1 {
        font-size: 14px;
        padding-bottom: 15px;
    }

    .home6_foot_news .news_p2 {
        color: #484848;
    }

.foot_text span {
    padding: 0 12px;
}


/*anchorTag*/
.anchorTag {
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    z-index: 903;
}

/*anchor Nav*/
#anchorNav {
    position: fixed;
    right: 100px;
    top: 30%;
    margin: 0;
    padding: 0;
    z-index: 10000;
}

    #anchorNav li {
        list-style: none;
        cursor: pointer;
        position: relative;
        margin-bottom: 15px;
    }

        #anchorNav li i {
            display: block;
            width: 20px;
            height: 20px;
            background-color: #000000;
            border: 6px solid #000000;
            opacity: 0.6;
            text-indent: -200px;
            overflow: hidden;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            transition: background-color ease-out 300ms;
            -moz-transition: background-color ease-out 300ms; /* Firefox 4 */
            -webkit-transition: background-color ease-out 300ms; /* Safari and Chrome */
            -o-transition: background-color ease-out 300ms; /* Opera */
            -ms-transition: background-color ease-out 300ms; /* IE9? */
        }

        #anchorNav li:hover i,
        #anchorNav li.active i {
            background-color: #ffffff;
        }

        #anchorNav li span {
            background-color: #000000;
            color: #FFF;
            position: absolute;
            top: 50%;
            right: 100%;
            height: 30px;
            line-height: 30px;
            margin: -15px 10px 0 0;
            white-space: nowrap;
            padding: 0 15px;
            opacity: 0;
            visibility: hidden;
            transition: all ease-in 200ms;
            -moz-transition: all ease-in 200ms; /* Firefox 4 */
            -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
            -o-transition: all ease-in 200ms; /* Opera */
            -ms-transition: all ease-in 200ms; /* IE9? */
            opacity: 0.6;
        }

            #anchorNav li span:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 100%;
                margin-top: -5px;
                border-width: 5px 0 5px 5px;
                border-style: solid;
                border-color: transparent transparent transparent #000000;
            }

        #anchorNav li:hover span {
            visibility: visible;
        }

@media only screen and (max-width: 991px) {
    #anchorNav {
        display: none;
    }
}

/***home 7***/
.home7_head h3 {
    font-size: 20px;
    color: #333333;
    text-transform: uppercase;
    margin: 0;
    line-height: 1;
}

.home7_head .dash_line,
.home7_head .dash_line_center {
    width: 40px;
    border-bottom: 1px dashed #ed474a;
    margin: 25px 0 20px;
}

.home7_head .dash_line_center {
    margin: 25px auto 20px;
}

.home7_anchor_bg {
    background-color: #ed474a;
    color: #ffffff;
}

.anchor_title {
    font-size: 50px;
    font-weight: bold;
    padding: 0 40px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.title_left_line {
    position: absolute;
    right: 100%;
    top: -5px;
}

.title_right_line {
    position: absolute;
    left: 100%;
    top: -5px;
}

.home7_text1_content img {
    padding-top: 35px;
}

.home7_text1_content h3 {
    font-size: 16px;
    color: #333333;
    margin: 25px 0 18px;
    text-transform: uppercase;
}

.home7_text1_content p {
    padding-bottom: 10px;
}

.home7_text1_content a {
    text-transform: uppercase;
}

.home7_full_bg1 {
    background-color: #f0f0f0;
}

.home7_text2_ul ul {
    list-style: none;
    margin: 25px 0 40px;
}

    .home7_text2_ul ul li {
        margin-bottom: 2px;
    }

.home7_text2_ul .arrow_icon {
    height: 15px;
    line-height: 15px;
    width: 15px;
    margin: -3px 10px 0 0;
}

    .home7_text2_ul .arrow_icon:before {
        height: 4px;
        width: 4px;
        margin: -2px 0 0 -2px;
    }

.home7_full_bg1 .Button_default {
    margin: 0;
    text-transform: uppercase;
}

.home7_employees_content img {
    padding: 25px 0 35px;
}

.home7_employees_content h3 {
    font-size: 15px;
    color: #000000;
    font-weight: normal;
    margin: 0;
}

.home7_employees_content h4 {
    font-size: 13px;
    color: #888888;
    text-transform: uppercase;
    font-weight: normal;
    margin: 4px 0 20px;
}

.home7_employees_content a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 15px 3px 0px;
    border: 1px solid #919191;
    font-size: 16px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

    .home7_employees_content a span {
        color: #919191;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms; /* Firefox 4 */
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
        -o-transition: all ease-in 200ms; /* Opera */
        -ms-transition: all ease-in 200ms; /* IE9? */
    }

    .home7_employees_content a:hover {
        background-color: #ed474a;
        border-color: #ed474a;
    }

        .home7_employees_content a:hover span {
            color: #FFF;
        }

.home7_full_bg2 {
    background: url(images/home7_full_bg2.jpg) 0 0 repeat;
    color: #ffffff;
}

    .home7_full_bg2 .home7_head h3 {
        color: #ffffff;
    }

.home7_text3_content {
    padding-top: 34px;
}

    .home7_text3_content .row + .row {
        padding-top: 60px;
    }

    .home7_text3_content span.glyphicons {
        float: left;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        margin-right: 20px;
        font-size: 22px;
        color: #ffffff;
        background-color: #ed474a;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.home7_text3_right {
    overflow: hidden;
    padding-top: 7px;
}

    .home7_text3_right h3 {
        font-size: 15px;
        color: #333333;
        text-transform: uppercase;
        margin: 5px 0 16px;
    }

.home7_full_bg3 {
    background: url(images/home7_full_bg3.jpg) center center no-repeat;
    color: #ffffff;
}

.home7_features_left img {
    display: inline-block;
}

.home7_full_bg3 .home7_head {
    padding: 25px 0 10px;
}

    .home7_full_bg3 .home7_head h3 {
        color: #ffffff;
    }

.home7_full_bg3 .dash_line {
    border-color: #ffffff;
}

.home7_features {
    padding-bottom: 40px;
}

    .home7_features span.glyphicons {
        float: left;
        width: 72px;
        height: 72px;
        line-height: 70px;
        text-align: center;
        margin-right: 30px;
        font-size: 30px;
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .home7_features div {
        overflow: hidden;
    }

.home7_features_btn a {
    text-transform: uppercase;
}

.home7_portfolio {
    background-color: #ececec;
    position: relative;
}

.home7_portfolio_img1,
.home7_portfolio_img2,
.home7_portfolio_img3,
.home7_portfolio_img4 {
    position: absolute;
    top: 0;
    width: 25%;
    height: 100%;
}

.home7_portfolio_img1 {
    background: url(images/home7_img9.jpg) center center no-repeat;
    background-size: cover;
    left: 0;
}

.home7_portfolio_img2 {
    background: url(images/home7_img10.jpg) center center no-repeat;
    background-size: cover;
    left: 50%;
}

.home7_portfolio_img3 {
    background: url(images/home7_img11.jpg) center center no-repeat;
    background-size: cover;
    left: 25%;
}

.home7_portfolio_img4 {
    background: url(images/home7_img12.jpg) center center no-repeat;
    background-size: cover;
    left: 75%;
}

    .home7_portfolio_img1:before,
    .home7_portfolio_img2:before,
    .home7_portfolio_img3:before,
    .home7_portfolio_img4:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0;
        transition: all ease-out 300ms;
        -moz-transition: all ease-out 300ms; /* Firefox 4 */
        -webkit-transition: all ease-out 300ms; /* Safari and Chrome */
        -o-transition: all ease-out 300ms; /* Opera */
        -ms-transition: all ease-out 300ms; /* IE9? */
    }

    .home7_portfolio_img1:hover:before,
    .home7_portfolio_img2:hover:before,
    .home7_portfolio_img3:hover:before,
    .home7_portfolio_img4:hover:before {
        opacity: 0.7;
    }

.home7_portfolio_text1,
.home7_portfolio_text2,
.home7_portfolio_text3,
.home7_portfolio_text4 {
    width: 25%;
    padding: 30px;
    position: relative;
    top: 0;
    float: left;
    z-index: 1;
    transition: all ease-out 300ms;
    -moz-transition: all ease-out 300ms; /* Firefox 4 */
    -webkit-transition: all ease-out 300ms; /* Safari and Chrome */
    -o-transition: all ease-out 300ms; /* Opera */
    -ms-transition: all ease-out 300ms; /* IE9? */
}

.home7_portfolio_text1 {
    left: 25%;
}

.home7_portfolio_text2 {
    left: 50%;
}

.home7_portfolio_text3 {
    left: 0;
}

.home7_portfolio_text4 {
    left: 25%;
}

.home7_portfolio_text1:before,
.home7_portfolio_text2:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 20%;
    border-width: 18px 18px 18px 0;
    border-color: transparent #ececec transparent transparent;
    border-style: solid;
    transition: all ease-out 300ms;
    -moz-transition: all ease-out 300ms; /* Firefox 4 */
    -webkit-transition: all ease-out 300ms; /* Safari and Chrome */
    -o-transition: all ease-out 300ms; /* Opera */
    -ms-transition: all ease-out 300ms; /* IE9? */
}

.home7_portfolio_text3:before,
.home7_portfolio_text4:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 20%;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #ececec;
    border-style: solid;
    transition: all ease-out 300ms;
    -moz-transition: all ease-out 300ms; /* Firefox 4 */
    -webkit-transition: all ease-out 300ms; /* Safari and Chrome */
    -o-transition: all ease-out 300ms; /* Opera */
    -ms-transition: all ease-out 300ms; /* IE9? */
}

.home7_portfolio_text1 h3,
.home7_portfolio_text2 h3,
.home7_portfolio_text3 h3,
.home7_portfolio_text4 h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #333333;
    padding-bottom: 5px;
    transition: all ease-out 300ms;
    -moz-transition: all ease-out 300ms; /* Firefox 4 */
    -webkit-transition: all ease-out 300ms; /* Safari and Chrome */
    -o-transition: all ease-out 300ms; /* Opera */
    -ms-transition: all ease-out 300ms; /* IE9? */
}

.home7_portfolio_text1 p,
.home7_portfolio_text2 p,
.home7_portfolio_text3 p,
.home7_portfolio_text4 p {
    padding-bottom: 10px;
    transition: all ease-out 300ms;
    -moz-transition: all ease-out 300ms; /* Firefox 4 */
    -webkit-transition: all ease-out 300ms; /* Safari and Chrome */
    -o-transition: all ease-out 300ms; /* Opera */
    -ms-transition: all ease-out 300ms; /* IE9? */
}

.home7_portfolio_text1 a,
.home7_portfolio_text2 a,
.home7_portfolio_text3 a,
.home7_portfolio_text4 a {
    text-transform: uppercase;
}

.home7_portfolio_text1:hover,
.home7_portfolio_text2:hover,
.home7_portfolio_text3:hover,
.home7_portfolio_text4:hover {
    background-color: #222222;
    color: #ffffff;
}

    .home7_portfolio_text1:hover h3,
    .home7_portfolio_text2:hover h3,
    .home7_portfolio_text3:hover h3,
    .home7_portfolio_text4:hover h3 {
        color: #ffffff;
    }

    .home7_portfolio_text1:hover:before,
    .home7_portfolio_text2:hover:before {
        border-color: transparent #222222 transparent transparent;
    }

    .home7_portfolio_text3:hover:before,
    .home7_portfolio_text4:hover:before {
        border-color: transparent transparent transparent #222222;
    }

.home7_full_bg4 {
    background: url(images/home7_full_bg4.jpg) center center no-repeat;
    color: #ffffff;
}

    .home7_full_bg4 h3 {
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
        padding-bottom: 27px;
    }

.home7_pricing .price-table {
    padding-top: 35px;
}

.home7_full_bg5 {
    background: url(images/home7_full_bg5.jpg) center center no-repeat;
    color: #ffffff;
}

.home7_text4 h3 {
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0 0 15px;
    line-height: 1;
}

.home7_text4 p {
    font-size: 15px;
}

.home7_text4 a {
    padding: 9px 0;
    width: 169px;
    display: inline-block;
    white-space: nowrap;
    color: #FFFFFF !important;
    margin: 24px 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all ease-in 200ms;
    -moz-transition: all ease-in 200ms; /* Firefox 4 */
    -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    -o-transition: all ease-in 200ms; /* Opera */
    -ms-transition: all ease-in 200ms; /* IE9? */
}

    .home7_text4 a + a {
        margin-left: 30px;
    }

    .home7_text4 a:hover {
        border-color: #ed474a;
        background-color: #ed474a;
        text-decoration: none;
    }

.home7_touch_info {
    padding-top: 30px;
}

    .home7_touch_info h4 {
        font-size: 14px;
        color: #333333;
        font-weight: normal;
        margin: 0 0 5px;
    }

    .home7_touch_info div span {
        width: 85px;
        display: inline-block;
    }

.home7_touch_social a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 55px;
    text-align: center;
    margin: 30px 10px 0 0;
    border: 1px solid #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms; /* Firefox 4 */
    -webkit-transition: all ease 300ms; /* Safari and Chrome */
    -o-transition: all ease 300ms; /* Opera */
    -ms-transition: all ease 300ms; /* IE9? */
}

    .home7_touch_social a span.social {
        font-size: 18px;
        color: #828282;
        transition: all ease 300ms;
        -moz-transition: all ease 300ms; /* Firefox 4 */
        -webkit-transition: all ease 300ms; /* Safari and Chrome */
        -o-transition: all ease 300ms; /* Opera */
        -ms-transition: all ease 300ms; /* IE9? */
    }

    .home7_touch_social a:hover {
        border-color: #ed474a;
    }

        .home7_touch_social a:hover span.social {
            color: #ed474a;
        }

.home7_foot_news + .home7_foot_news {
    padding: 15px 0 0;
    margin: 15px 0 0;
    border-top: 1px solid #3e3e3e;
}

.home7_foot_accent {
    color: #ed474a;
}

.home7_foot_social {
    border-bottom: 1px solid #3e3e3e;
    padding-bottom: 13px;
}

    .home7_foot_social + .home7_foot_social {
        margin-top: 10px;
    }

    .home7_foot_social a {
        display: block;
        color: #666666 !important;
    }

        .home7_foot_social a span.social {
            font-size: 24px;
            margin-right: 18px;
            vertical-align: middle;
            transition: all 300ms ease 0s;
            -moz-transition: all 300ms ease 0s; /* Firefox 4 */
            -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */
            -o-transition: all 300ms ease 0s; /* Opera */
            -ms-transition: all 300ms ease 0s; /* IE9? */
        }

.home7_social_arrow {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    float: right;
    width: 4px;
    height: 4px;
    margin: 11px 1px 0px 0px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg); /* IE 9 */
    -moz-transform: rotate(-45deg); /* Firefox */
    -webkit-transform: rotate(-45deg); /* Safari and Chrome */
    -o-transform: rotate(45deg); /* Opera */
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s; /* Firefox 4 */
    -webkit-transition: all 300ms ease 0s; /* Safari and Chrome */
    -o-transition: all 300ms ease 0s; /* Opera */
    -ms-transition: all 300ms ease 0s; /* IE9? */
}

.home7_foot_social a:hover {
    color: #ed474a !important;
    text-decoration: none;
}

    .home7_foot_social a:hover span {
        color: #ed474a;
    }

    .home7_foot_social a:hover .home7_social_arrow {
        border-color: #ed474a;
    }

.home7_footpane .sep {
    padding: 0 12px;
}

@media only screen and (min-width: 1400px) {
    .home7_portfolio_text1,
    .home7_portfolio_text2,
    .home7_portfolio_text3,
    .home7_portfolio_text4 {
        padding: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mt-60 {
        margin-top: 30px;
    }

    .mb-60 {
        margin-bottom: 30px;
    }

    .pt-60 {
        padding-top: 30px;
    }

    .pb-60 {
        padding-bottom: 30px;
    }

    /*home 6*/
    .home6_text2_ul ul li span {
        margin-right: 5px;
    }

    .home6_text3_left_title,
    .home6_text3_right_title {
        font-size: 15px;
        line-height: 40px;
    }

        .home6_text3_left_title span.glyphicons,
        .home6_text3_right_title span.glyphicons {
            margin: 0 0 0 5px;
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .home6_text3_right_title span.glyphicons {
            margin: 0 5px 0 0;
        }

    .table_cell1,
    .table_cell2,
    .table_cell3 {
        padding: 30px;
    }

    .home6_team_content .photo_box .pic_box {
        width: 100%;
    }

    .home6_contact_info_right {
        float: left;
    }

    /*home 7*/
    .home7_text2_ul ul {
        margin: 10px 0 20px;
    }

    .home7_text2_ul .arrow_icon {
        margin-right: 5px;
    }

    .home7_text3_content span.glyphicons,
    .home7_features span.glyphicons {
        margin-right: 10px;
    }

    .home7_features {
        padding-bottom: 20px;
    }

    .home7_portfolio_img1,
    .home7_portfolio_img2,
    .home7_portfolio_img3,
    .home7_portfolio_img4 {
        width: 50%;
        height: 300px;
        top: 0;
        left: 0;
    }

    .home7_portfolio_img2,
    .home7_portfolio_img4 {
        left: 50%;
    }

    .home7_portfolio_text1,
    .home7_portfolio_text2,
    .home7_portfolio_text3,
    .home7_portfolio_text4 {
        width: 50%;
        left: 0;
        margin-top: 300px;
    }

        .home7_portfolio_text1:before,
        .home7_portfolio_text2:before,
        .home7_portfolio_text3:before,
        .home7_portfolio_text4:before {
            display: none;
        }
	
}

@media only screen and (max-width: 991px) {
    .mt-60 {
        margin-top: 15px;
    }

    .mb-60 {
        margin-bottom: 15px;
    }

    .pt-60 {
        padding-top: 15px;
    }

    .pb-60 {
        padding-bottom: 15px;
    }

    .pr-10 {
        padding-right: 0;
    }

    .pl-10 {
        padding-left: 0;
    }

    /*home 6*/
    .home6_text1_img {
        margin-top: 15px;
    }

    .home6_full_bg1_l {
        float: none;
        width: 100%;
        padding: 15px;
    }

        .home6_full_bg1_l:before {
            display: none;
        }

    .home6_full_bg1_r {
        width: 100%;
        position: relative;
        height: 200px;
    }

    .home6_number_bg .number_Animation .number {
        font-size: 40px;
    }

    .home6_number_bg .row > div {
        padding-top: 10px;
    }

    .home6_text2_left img {
        padding-bottom: 15px;
    }

    .home6_text3_left {
        text-align: left;
    }

        .home6_text3_left > div,
        .home6_text3_right > div {
            padding: 5px 0;
        }

    .home6_text3_left_title span.glyphicons {
        float: left;
        margin: 0 20px 0 0;
    }

    .home6_text3_btn a {
        margin: 10px 1px 0;
    }

    .table_cell1,
    .table_cell2,
    .table_cell3 {
        display: block;
        width: 100%;
        padding: 15px;
    }

    .home6_full_bg1 #gmap3 {
        width: 100%;
        position: relative;
        height: 300px;
    }

    .home6_contact {
        float: none;
        width: 100%;
        padding: 15px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

        .home6_contact:before {
            display: none;
        }

    /*home 7*/
    .anchor_title {
        padding: 0 15px;
        font-size: 30px;
    }

    .title_left_line,
    .title_right_line {
        display: none;
    }

    .home7_full_bg1 .home7_head {
        padding-top: 15px;
    }

    .home7_portfolio_img1,
    .home7_portfolio_img2,
    .home7_portfolio_img3,
    .home7_portfolio_img4 {
        position: relative;
        width: 100%;
        height: 300px;
        top: 0;
        left: 0;
    }

    .home7_portfolio_text1,
    .home7_portfolio_text2,
    .home7_portfolio_text3,
    .home7_portfolio_text4 {
        width: 100%;
        float: none;
        left: 0;
        padding: 15px;
    }

        .home7_portfolio_text1:before,
        .home7_portfolio_text2:before,
        .home7_portfolio_text3:before,
        .home7_portfolio_text4:before {
            display: none;
        }

    .home7_text4 a {
        margin: 10px 2px 0;
    }

        .home7_text4 a + a {
            margin-left: 2px;
        }
}