@import url(fonts/font-awesome.css );
@import url( css/bootstrap.rtl.css );
@import url( css/shortcodes.rtl.css );



/* CSS Document */
#Body {
    color: #666666;
    background: #FFF;
}

.body_bg {
    min-height: 100%;
    position: relative;
}

html, body {
    margin: 0px;
    padding: 0px;
    font: IranSans;
    color: #666666;
    height: 100%;
}

p {
    margin: 0px 0px 8px 0px;
}

header, nav, section, footer {
    display: block;
	width: 100%;
}

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;
    }

h1 {
    letter-spacing: normal;
    margin: 5px 0 10px 0;
    font-family: inherit;
}

h2 {
    letter-spacing: normal;
    margin: 5px 0 10px 0;
    font-family: inherit;
}

h3 {
    letter-spacing: normal;
    margin: 5px 0 10px 0;
    font-family: inherit;
}

h4 {
    letter-spacing: normal;
    margin: 0px 0 4px 0;
    font-family: inherit;
}

h5 {
    letter-spacing: normal;
    margin: 5px 0 10px 0;
    font-family: inherit;
}

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;
}

#dnn_ControlPanel #dnnCPWrap {
    filter: none !important;
}

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

.clear {
    clear: both;
}
th.hdtableth{
	text-align:right !important;
}
/**************** Login page******************/
@media only screen and (max-width:767px) {
		.d-grid{
		display:grid;		
	}
	.order-1{
		order:1;		
	}
	.order-2{
		order:2;		
	}
    .loginContent .LoginPanel {
        width: 100% !important;
    }

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

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


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

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

        .dnnRegistrationForm .dnnForm {
            width: 100%;
        }

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

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

        .dnnRegistrationForm .dnnForm .dnnFormItem a.dnnFormHelp {
            left: auto !important;
            position: static !important;
            margin-right: 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:767px) {
    .dnnSendPasswordContent {
        width: auto !important;
    }

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

        .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;
}

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;
    }


/* ********** Control Panel Style ************** */
.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active {
    font-size: 12px;
    color: #973939;
    text-decoration: none;
    font-weight: normal;
}

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_blue {
    padding: 12px 30px;
    margin: 0px 10px;
    position: relative;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 10px;
    color: #FFFFFF !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? */
}

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

    a.Button_blue:hover {
        text-decoration: none;
        background: #555555;
    }

a.Button_blue2 {
    padding: 8px 15px;
}

    a.Button_blue span.fa,
    a.Button_blue2 span.fa {
        font-size: 24px;
        vertical-align: bottom;
        margin-left: 5px;
    }


a.Button_special {
    padding: 12px 30px;
    margin: 0px;
    position: relative;
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    margin-bottom: 10px;
    color: #FFFFFF !important;
    border-radius: 3px 3px 4px 4px;
    -moz-border-radius: 3px 3px 4px 4px;
    -webkit-border-radius: 3px 3px 4px 4px;
    background: url(images/Button_special.png) repeat-x right bottom;
    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? */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    a.Button_special {
        padding: 12px 15px;
    }
}

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

    a.Button_special:hover {
        text-decoration: none;
        background-color: #555555;
    }


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

.DNNEmptyPane {
    display: none;
}

[class*="Pane"] {
    margin-bottom: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    [class*="Pane"] {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    [class*="Pane"] {
        margin-bottom: 10px;
    }
}

.BannerPane,
.Full_Screen_PaneH {
    margin-top: 5px;
}
/* ********** Container Style ************** */
.Head {
    font-weight: bold;
    font-family: IranSans;
}

.SubHead {
    font-family: IranSans;
}

.SubSubHead {
    font-family: IranSans;
}

.Normal {
    font-family: IranSans;
}

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

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

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

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

.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-60 {
    margin-top: 60px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 767px) {
    .pl-10 {
        padding-right: 0;
    }

    .pr-10 {
        padding-left: 0;
    }

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

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

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

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

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

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

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

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

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

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

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

    .pb-60 {
        padding-bottom: 30px;
    }
}
/* ********** Breadcrumb Style ************** */

/* ********** Other Style ************** */
.social{
	position: fixed;
  left: 1%;
  bottom: 10%;
  z-index: 9999;
}
.social a{
	color: #52772e !important;
}
.dnn_layout {
    width: 980px;
    margin: 0px auto;
}

#dnn_wrapper {
    background: #FFF;
    position: relative;
    z-index: 1;
}

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

/*language*/
.languageBox {
    float: right;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
}

    .languageBox span img,
    .languageBox2 span img {
        margin-left: 7px;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .languageBox span.selected img,
    .languageBox2 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);
    }

.languageBox2 {
    text-align: center;
}

    .languageBox2 .language-object {
        margin-bottom: 20px;
    }

/*Login*/
.Login {
    margin-right: 5px;
    padding-right: 0px;
    padding-left: 2px;
    max-width: 260px; /* grow user information to a max of 260px */
    float: left;
    border-left: 1px solid #131616;
    height: 40px;
    line-height: 40px;
}

    .Login A,
    .Login A:link,
    .Login A:active,
    .Login A:visited {
        color: #979797;
        padding: 0px 12px;
        display: inline-block;
    }

        * + html .Login A,
        * + html .Login A:link,
        * + html .Login A:active,
        * + html .Login A:visited {
            display: inline;
        }

    .Login .LoginLink {
        background: url(images/login_bg.png) no-repeat left center;
    }

    .Login A:hover {
    }
/*--------------
	Menu Bar: User Properties
---------------*/

.userProperties {
    border-left: 1px solid #131616;
    float: Left;
    margin-right: 5px;
    max-width: 114px;
    padding-left: 2px;
    padding-right: 0;
    position: absolute;
	left:3.5%;
}

    .userProperties > ul {
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .userProperties > ul li {
            list-style: none;
            position: relative;
        }

        .userProperties > ul > li, .userProperties > ul > li > span {
            float: right;
			
        }

            .userProperties > ul > li img, .userProperties > ul > li > a {
                width: auto;
                display: block;
                font-size: 12px;
                color: #979797;
                text-decoration: none;
            }

.userName, .userRegister, .userLogin {
    height: 16px;
    line-height: 16px;
}

.userRegister {
}

.userName {
    max-width: 190px; /* user name and arrow max width */
}

    .userName > a {
        border-right: 1px solid #3c4140;
        padding-right: 10px;
        padding-left: 20px;
    }

        .userName > a:after {
            content: "";
            border-color: #979797 transparent transparent transparent;
            border-style: solid;
            border-width: 5px;
            position: absolute;
            left: 0;
            top: 50%;
            margin: -1px -6px 0 0;
            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? */
        }

        .userName > a:hover:after,
        .userName > a.active:after {
            border-color: #009b85 transparent transparent transparent;
        }

    .userName > a, .userRegister > a, .userLogin > a {
        display: inline-block;
        margin: 0px;
        /* styles to handle long names */
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.userRegister > a, .userLogin > a {
    padding: 0 14px;
    background: none;
}

.userName > a.active {
}

.userProfile .userProfileImg {
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.15);
    margin: -2px 4px 0 0;
}

    .userProfile .userProfileImg img {
        height: 12px;
        width: 12px;
    }

.userProfile {
    position: relative;
}

    .userProfile .userMessages {
        position: absolute;
        top: 0px;
        left: 0px;
        color: #FFF;
        display: block;
        padding: 0px 6px;
        border-radius: 3px;
        font-size: 10px;
        text-shadow: 0px 1px #fff;
    }

.userProperties ul.userMenu li {
    line-height: 20px;
}

/*--------------
	 User Controls Menu Drop Down
---------------*/
.userProperties ul.userMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 906;
    width: 175px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    background: #3a4241;
    padding: 15px 0px;
}

.userProperties li.userNotifications, .userProperties li.userProfilename {
    border-bottom: 1px solid #5e5e5e;
    padding: 0px 0px 10px;
    margin: 0px 0px 10px;
}

.userProperties ul.userMenu:after {
    position: absolute;
    top: -6px;
    left: 80px;
    content: '';
    width: 0px;
    height: 0px;
    border-right: 7px solid transparent; /* right arrow slant */
    border-left: 7px solid transparent; /* left arrow slant */
    border-bottom: 7px solid #3a4241; /* bottom, add background color here */
    font-size: 0px;
    line-height: 0px;
}

.userProperties ul.userMenu a {
    display: block;
    padding: 2px 15px;
    color: #aaaaaa;
    text-decoration: none;
    /* transition decleration */
    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? */
}

    .userProperties ul.userMenu a span {
        padding: 0px 4px;
        border-radius: 3px;
        font-size: 11px;
        color: #fff;
    }

.userProperties ul.userMenu li:last-child > a {
    padding-bottom: 0;
}

.userProperties ul.userMenu li:hover > a {
}

.userProperties ul.userMenu a strong {
    font-weight: normal;
}
/* Search Style  */
.searchBox {
    float: left;
    border-right: 1px solid #3c4140;
}
.searchBoxMobile{
	margin: 18px;
}

#search #dnn_dnnSEARCH_ClassicSearch, #search #dnn_dnnSEARCH1_ClassicSearch, #search #dnn_dnnSEARCH2_ClassicSearch, #search #dnn_dnnSEARCH3_ClassicSearch {
    background: #c3c3c3;
    border: none;
    float: none;
    height: 40px;
    margin-top: 0px;
    position: relative;
    white-space: nowrap;
    width: 200px;
    display: block;
    text-align: right;
    color: #FFF;
}


.SearchIcon {
    display: none;
}

.search, a.search:link, a.search:active, a.search:visited {
    text-decoration: none;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 40px;
    font-size: 0px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    padding: 0px;
}

#search .search:before {
    font-family: "FontAwesome";
    content: "\f002";
    font-size: 14px;
    color: #FFF;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -9px -9px 0 0;
    opacity: 0.5;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    
}


* + html .search, a.search:link, a.search:active, a.search:visited {
    font-size: 0px;
    line-height: 0px;
}

a.search:hover {
}

#search input.NormalTextBox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #979797;
    display: block;
    height: 40px;
    outline: 0 none;
    padding: 0 3px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 0px;
    width: 160px;
	border-left:1px solid;
}

#search .searchInputContainer {
    position: static !important;
}

    #search .searchInputContainer a.dnnSearchBoxClearText.dnnShow {
        top: 4px !important;
        right: auto;
        left: 40px !important;
    }

#search .searchSkinObjectPreview {
    left: inherit;
    right: auto;
    left: 0px;
    z-index: 905;
}

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

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

#header8 #search input.NormalTextBox::-webkit-input-placeholder {
    color: #FFF;
}

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

.dnn_logo {
    float: right;
}

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

.LogoMenuBox {
    padding: 35px 0px;
}
/*source_code*/
.source_code {
    margin: 5px 0px;
    position: relative;
}

    .source_code pre {
        display: none;
        direction: ltr;
    }

    .source_code .source_box pre {
        display: block;
    }

    .source_code .source_box {
        display: none;
    }
/* ********** NAV ************** */
/*main menu*/

#dnngo_megamenu .rtl .dnngo_menuslide.slide {
    left: auto !important;
    right: 0;
}



.dnn_menu {
    position: relative;
    z-index: 904;
}

#dnngo_megamenu > div > ul > li > a > span {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    #dnngo_megamenu > div > ul > li > a > span > em {
        display: none;
    }
/*dnngo_megamenu */
#dnngo_megamenu {
    margin: 0px;
    padding: 0px;
    clear: both;
}

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

        #dnngo_megamenu .primary_structure > li {
            float: right;
            list-style: none;
            position: relative;
            margin: 0px 2px 0px 0px;
        }

        #dnngo_megamenu .primary_structure li.dir > a:after {
            content: "\f13a";
            vertical-align: middle;
            font-size: 13px;
            font-family: 'FontAwesome';
            padding: 0;
            margin: 0;
            display: inline-block;
            -webkit-text-size-adjust: none;
            position: absolute;
            left: 3px;
            top: 34px;
            color: #b8825e;
        }

        #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;
            }

    #dnngo_megamenu li span > img,
    #dnngo_megamenu li span > i {
        margin: 0 0 2px 6px;
        vertical-align: middle;
        transition: color ease-in 200ms;
        -webkit-transition: color ease-in 200ms; /* Safari and Chrome */
    }


    /*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_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: -94% !important;
            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: right;
                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: "\f104";
                vertical-align: middle;
                font-size: 13px;
                font-family: 'FontAwesome';
                padding: 0;
                margin: 0;
                display: inline-block;
                -webkit-text-size-adjust: none;
                position: absolute;
                left: 20px;
                top: 10px;
            }


    /*dnngo_boxslide*/

    #dnngo_megamenu .dnngo_boxslide {
        clear: both;
        overflow: hidden;
        width: 100%;
        margin: auto;
        text-align: right;
        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: right;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

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

        #dnngo_megamenu .dnngo_boxslide .menu_rightbox {
            float: right;
            padding: 25px;
            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: right;
        }

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

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox > div {
            padding: 25px 15px;
            margin: 0;
        }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul {
                display: inline-block;
                vertical-align: top;
                margin-left: -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 > div > ul {
                display: inline;
            }

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li:before {
        }

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox > ul > li > a {
            display: block;
            border-bottom: 1px solid #D3D3D3;
            margin: 0 0 7px 0;
            padding: 0 0 12px 0;
        }

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

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a > span {
            color: #3b9cf7;
            font-size: 16px;
        }

            #dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a > span:before {
                content: "\f137";
                vertical-align: middle;
                font-size: 14px;
                font-family: 'FontAwesome';
                padding: 0;
                margin: 0 0 3px 8px;
                display: inline-block;
                -webkit-text-size-adjust: none;
            }

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

        #dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > ul > li {
            padding: 5px 0;
        }

        #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: "\f104";
                    vertical-align: middle;
                    font-size: 13px;
                    font-family: 'FontAwesome';
                    padding: 0;
                    margin: 0;
                    display: inline-block;
                    margin: 0 0 2px 4px;
                }

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

        #dnngo_megamenu .dnngo_boxslide .menu_topbox {
            width: 100%;
            padding: 25px;
            position: relative;
            z-index: 1;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

        #dnngo_megamenu .dnngo_boxslide .menu_bottombox {
            width: 100%;
            padding: 25px;
            position: relative;
            z-index: 1;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

h2.mega_title {
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    border-bottom: 1px solid #D3D3D3;
    margin: 0 0 11px 0;
    padding: 0 0 11px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dnngo_megamenu.IHide-md li span > img,
    #dnngo_megamenu.IHide-md li span > i {
        display: none;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    #dnngo_megamenu.IHide-sm li span > img,
    #dnngo_megamenu.IHide-sm li span > i {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    #dnngo_megamenu.IHide-lg li span > img,
    #dnngo_megamenu.IHide-lg li span > i {
        display: none;
    }
}

.itembox {
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    /*	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);*/
}

    .itembox .slidingbox {
        position: absolute;
        top: 0;
        right: 0px;
        text-align: center;
        width: 100%;
        height: 100%;
        color: #FFF;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms;
        -webkit-transition: all ease-in 200ms;
        -o-transition: all ease-in 200ms;
        -ms-transition: all ease-in 200ms;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .itembox:hover .slidingbox {
        filter: alpha(opacity=80);
        opacity: 0.8;
    }

    .itembox .slidingbox a.iconleft:before {
        font-family: 'Glyphicons Regular';
        content: "\E051";
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 50%;
        right: 50%;
        width: 35px;
        height: 35px;
        line-height: 35px;
        display: block;
        margin: -15px -36px 0px 0px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms;
        -webkit-transition: ease-in 200ms;
        -o-transition: all ease-in 200ms;
        -ms-transition: all ease-in 200ms;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        background-color: rgba(0,0,0,0.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .itembox .slidingbox a.iconright:before {
        font-family: 'Glyphicons Regular';
        content: "\E028";
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 50%;
        right: 50%;
        width: 35px;
        height: 35px;
        line-height: 35px;
        display: block;
        margin: -15px 3px 0px 0px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms;
        -webkit-transition: ease-in 200ms;
        -o-transition: all ease-in 200ms;
        -ms-transition: all ease-in 200ms;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        background-color: rgba(0,0,0,0.5);
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .itembox:hover .slidingbox a:before {
        filter: alpha(opacity=80);
        opacity: 0.8;
        -webkit-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -moz-animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
        animation: avia_pop_small 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    }

@-webkit-keyframes avia_pop_small {
    0% {
        -webkit-transform: rotate(-175deg) scale(0.2);
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1);
    }
}

@-moz-keyframes avia_pop_small {
    0% {
        -moz-transform: rotate(-175deg) scale(0.2);
    }

    100% {
        -moz-transform: rotate(0deg) scale(1);
    }
}

@keyframes avia_pop_small {
    0% {
        transform: rotate(-175deg) scale(0.2);
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

.itembox_bottom h3 {
    font-size: 15px;
    color: #444444;
    margin: 15px 0 2px 0;
    font-weight: normal;
}

.itembox_bottom em {
    font-size: 13px;
    color: #b7b7b7;
}


/*Left Menu*/
.Page_Box {
    position: relative;
}

.LeftBox {
    padding: 20px 15px 40px;
    position: relative;
    z-index: 1;
}

.LeftPage_Box_bg {
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px !important;
    z-index: 0;
}

.LeftPage_Box_bg1 {
    background: url(images/right_menu_bg.png) repeat-y left top;
    height: 100%;
}

.LeftPage_Box_bg2 {
    background: url(images/right_menu_top.png) no-repeat left top;
    width: 100%;
    height: 100%;
}

.LeftPage_Box_bg3 {
    background: url(images/right_menu_bottom.png) no-repeat left bottom;
    width: 100%;
    height: 100%;
}

.rightPage_Box_bg {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0px !important;
    z-index: 0;
}

.rightPage_Box_bg1 {
    background: url(images/left_menu_bg.png) repeat-y right top;
    height: 100%;
}

.rightPage_Box_bg2 {
    background: url(images/left_menu_top.png) no-repeat right top;
    width: 100%;
    height: 100%;
}

.rightPage_Box_bg3 {
    background: url(images/left_menu_bottom.png) no-repeat right bottom;
    width: 100%;
    height: 100%;
}

.LeftOutPane {
    margin-left: 2px;
}

#left_menu {
    padding: 0px 0px 0px;
    margin: 0px;
    min-height: 300px;
}

    #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 40px 13px 10px;
                color: #333333;
                line-height: 19px;
                border-bottom: 1px solid #dadada;
                background: url(images/left_iconr.png) no-repeat 230px -171px;
                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 .menu_arrow {
                display: none;
            }

.rightPage_Box #left_menu ul li a {
    padding-right: 50px;
    background: url(images/left_icon.png) no-repeat 20px -171px;
}

#left_menu > .gomenu > ul > li.current.Item-1 > a {
    border-top: 1px solid #dadada;
}

#left_menu > .gomenu > ul > li > a:hover {
    background: url(images/left_icon.png) no-repeat 10px 14px;
    color: #FFFFFF;
}

.rightPage_Box #left_menu > .gomenu > ul > li > a:hover {
    background-position: 20px 14px;
}

#left_menu > .gomenu > ul > li.current > a,
#left_menu > .gomenu > ul > li.current > a:hover {
    background: url(images/left_icon.png) no-repeat 10px -171px #FFF;
    color: #333333;
}

.rightPage_Box #left_menu > .gomenu > ul > li.current > a,
.rightPage_Box #left_menu > .gomenu > ul > li.current > a:hover {
    background-position: 20px -171px;
}

#left_menu ul ul {
    padding: 10px 15px;
    display: none;
}

    #left_menu ul ul ul {
        padding: 5px 0px;
        display: none;
        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-right: 20px;
}

    #left_menu ul li li li {
        padding-right: 15px;
    }

    #left_menu ul li li a {
        position: relative;
        padding: 6px 15px 6px 5px;
        line-height: 18px;
        font-size: 13px;
        border: none;
        white-space: normal;
        color: #666666;
        background: none;
        text-transform: none;
    }

.rightPage_Box #left_menu ul li li a {
    background: none;
    padding-right: 15px;
}

#left_menu ul li li a:before {
    content: ">";
    color: #666666;
    right: 0px;
    position: absolute;
    top: 6px;
    font-size: 12px;
}
/*hover_menu*/
#hover_menu {
    margin: 0 39px 0 0;
}

    #hover_menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #hover_menu ul li {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

.hover_menu ul li span > i,
.hover_menu ul li span > img {
    margin: 0 0 0 4px;
}

#hover_menu ul li img {
    vertical-align: middle;
}

#hover_menu ul li a {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    color: #000;
    display: block;
    text-decoration: none;
    outline: none;
    text-align: right;
    text-transform: uppercase;
    position: relative;
}

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

#hover_menu ul li a {
    display: inline-block;
}

#hover_menu ul li a {
    display: block;
}

#hover_menu ul li span {
    padding: 8px 10px;
    display: block;
}

#hover_menu ul li li a {
    font-size: 12px;
    line-height: 20px;
}

#hover_menu ul li li span {
    padding: 8px 10px;
}

#hover_menu ul li.current > a > span,
#hover_menu ul li a:hover > span,
#hover_menu ul li a:active > span {
    font-weight: bold;
}

#hover_menu ul ul {
    display: none;
    padding: 2px 0 0 0;
    margin: 0px;
}

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

#hover_menu ul li li a:before {
    content: "";
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    position: absolute;
    top: 15px;
    right: 0px;
}

#hover_menu ul li li li a:before {
    background-color: #606060;
}

#hover_menu ul li li a {
    padding: 0 0 0 15px;
    margin-right: 15px;
}

#hover_menu ul li li li a {
    color: #757575;
}

#hover_menu ul li li li a {
    margin-right: 30px;
}

#hover_menu ul li li li li a {
    margin-right: 45px;
}

#hover_menu ul li li li li li a {
    margin-right: 60px;
}

#hover_menu ul li a .menu_arrow {
    display: block;
    width: 39px;
    padding: 0px;
    height: 39px;
    text-indent: 17px;
    color: #009b85;
    overflow: hidden;
    margin: -20px 0 0 0;
    text-align: center;
    line-height: 39px;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    font-family: 'FontAwesome';
    font-weight: bold;
    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? */
}

    #hover_menu ul li a .menu_arrow.arrow_closed,
    #hover_menu ul li a:hover .menu_arrow.arrow_closed {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg); /* IE 9 */
        -moz-transform: rotate(90deg); /* Firefox */
        -webkit-transform: rotate(90deg); /* Safari and Chrome */
        -o-transform: rotate(90deg); /* Opera */
    }

    #hover_menu ul li a .menu_arrow:before {
        content: "\f104";
        margin-left: 17px;
    }

    #hover_menu ul li a:hover .menu_arrow:before,
    #hover_menu > ul > li.current > a > .menu_arrow:before,
    #hover_menu ul li a .menu_arrow.arrow_closed:before,
    #hover_menu ul li a:hover .menu_arrow.arrow_closed:before {
    }

.hover_menu > ul {
    position: relative;
}

    .hover_menu > ul:before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        right: 0;
        width: 1px;
        background-color: #009b85;
    }

    .hover_menu > ul > li + li {
        border-top: 1px dashed #009b85;
    }

    .hover_menu > ul > li > a > span > i {
        width: 39px;
        height: 39px;
        line-height: 39px;
        color: #009b85;
        font-size: 16px;
        margin: 0 10px 0 -19px;
        border: 1px solid #009b85;
        background-color: #ffffff;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.form-group-left {
    padding: 14px 14px;
    margin-left: -20px;
    border-radius: 0px 5px 5px 0px;
    background: url(images/pixel.png) repeat;
}

    .form-group-left h5 {
        color: #2a4769;
        line-height: 10px;
    }

    .form-group-left:before {
        content: "\f095";
        vertical-align: middle;
        font-size: 26px;
        font-family: 'FontAwesome';
        padding: 0;
        margin: 0;
        display: inline-block;
        -webkit-text-size-adjust: none;
        position: absolute;
        right: -10px;
        top: 38px;
        color: #2a4769;
    }

.form-group-right {
    padding: 14px 14px;
    margin-right: -20px;
    border-radius: 5px 0px 0px 5px;
    text-align: left;
    
    padding-left: 10px;
    background: url(images/pixel.png) repeat;
}

    .form-group-right h5 {
        color: #2a4769;
        line-height: 10px;
    }

    .form-group-right:before {
        content: "\f041";
        vertical-align: middle;
        font-size: 26px;
        font-family: 'FontAwesome';
        padding: 0;
        margin: 0;
        display: inline-block;
        -webkit-text-size-adjust: none;
        position: absolute;
        left: -6px;
        top: 20px;
        color: #2a4769;
    }

    .form-group-right:after {
        content: "\f024";
        vertical-align: middle;
        font-size: 23px;
        font-family: 'FontAwesome';
        padding: 0;
        margin: 0;
        display: inline-block;
        -webkit-text-size-adjust: none;
        position: absolute;
        left: -10px;
        top: 47px;
        color: #2a4769;
    }

@media only screen and (max-width: 767px) {
    #header_slide,
    .box-effect-4.active #header_slide {
        display: none !important;
    }

    div#header8,
    .box-effect-4.active div#header8 {
        display: none !important;
    }

    .rightmain,
    .box-effect-4.active .rightmain {
        -webkit-transform: none;
        transform: none;
    }
}


/* ********** CONTENT ************** */
.Mian_Box {
    background: #f7f7f7 url(images/mian_line.jpg) repeat-x right bottom;
}

    .Mian_Box [class*="Pane"], .Mian_Box_2 [class*="Pane"], .Mian_Box_3 [class*="Pane"] {
        margin: 40px 0;
    }

#dnn_content {
   /* min-height: 350px;*/
    padding: 0px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #dnn_content {
        padding-top: 25px;
    }

    .Mian_Box [class*="Pane"], .Mian_Box_2 [class*="Pane"], .Mian_Box_3 [class*="Pane"] {
        margin: 25px 0;
    }
}

@media only screen and (max-width: 767px) {
    #dnn_content {
        padding-top: 10px;
    }

    .Mian_Box [class*="Pane"], .Mian_Box_2 [class*="Pane"], .Mian_Box_3 [class*="Pane"] {
        margin: 10px 0;
    }
}

.Mian_Box_2 {
    background: url(images/mian_line.jpg) repeat-x right bottom;
}

.TopOutPaneC {
    background: #f0f0f0;
    padding: 32px !important;
}

.TopOutPaneC {
    background: #f5f5f5;
    padding: 32px !important;
}

.Mian_Box_3 {
    background: url(images/mian_line.jpg) repeat-x right top #f7f7f7;
}

.Mian_Box_4 [class*="Pane"] {
    margin: 40px 0px 0px;
}

.Mian_Box_5 {
    background: url(images/mian_line.jpg) repeat-x right top #f9f9f9;
}

.TopOutPaneG {
    margin-top: 20px;
}

.Mian_Box_6 {
	border-top: 1px solid #dcbaa1;
    /*background: url(images/mian_line.jpg) repeat-x right top #f9f9f9;*/
	
}

    .Mian_Box_6 [class*="Pane"] {
        margin: 30px 0 23px;
    }

.Banner_box {
    background: url(images/opacity_20_0.png) repeat-x right bottom #e7e7e7;
    background-size: 100% 5px;
}

    .Banner_box [class*="Pane"] {
        margin: 45px 0 80px;
    }

.tp-bullets {
    z-index: 900 !important;
}

.backgroundImage1 {
    background: url(images/img_bg_1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.backgroundImage2 {
    background: url(images/img_bg_2.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.backgroundImage2_shade h3 {
    color: #FFF;
}

.backgroundImage2_shade {
    position: relative;
    background-image: url(images/shade_1.png);
}

.backgroundImage2,
.backgroundImage2 .Normal {
    color: #FFF;
}

.backgroundImage3 {
    background: #f1f2f4;
    position: relative;
    background-image: url(images/shade_1.png);
    text-align: center;
}

.backgroundImage4 {
    background: url(images/img_bg_4.jpg) center top;
    position: relative;
    text-align: center;
    background-attachment: fixed;
}

    .backgroundImage4:before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background-color: #3b9cf7;
        filter: alpha(opacity=89);
        opacity: 0.89;
        z-index: 0;
    }

    .backgroundImage4,
    .backgroundImage4 .Normal,
    .backgroundImage4 h3 {
        color: #FFF;
    }

        .backgroundImage4 > * {
            position: relative;
            z-index: 1;
        }

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

.backgroundImage5 {
    background: #fdfdfd;
    border-top: 1px solid #e9e8e8;
    border-bottom: 1px solid #e9e8e8;
    text-align: center;
}

.backgroundImage6 {
    background-image: url(images/img_bg_6.jpg);
    text-align: center;
}

    .backgroundImage6,
    .backgroundImage6 .Normal,
    .backgroundImage6 h3 {
        color: #FFF;
    }

.backgroundImage7 {
    background-image: url(images/img_bg_7.jpg);
    text-align: center;
}

    .backgroundImage7,
    .backgroundImage7 .Normal,
    .backgroundImage7 h3 {
        color: #FFF;
    }

.backgroundImage8 {
    background: url(images/img_bg_8.jpg) center top;
    position: relative;
    text-align: center;
    background-attachment: fixed;
}

    .backgroundImage8:before {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        width: 100%;
        height: 100%;
        background: url(images/img_bg_8_shade.png);
        filter: alpha(opacity=89);
        opacity: 0.89;
        z-index: 0;
    }

    .backgroundImage8,
    .backgroundImage8 .Normal,
    .backgroundImage8 h3 {
        color: #FFF;
    }

        .backgroundImage8 > * {
            position: relative;
            z-index: 1;
        }

.backgroundImage9 {
    background: #f6f7f9;
}

    .backgroundImage1 h3,
    .backgroundImage2 h3,
    .backgroundImage3 h3,
    .backgroundImage4 h3,
    .backgroundImage5 h3,
    .backgroundImage6 h3,
    .backgroundImage7 h3,
    .backgroundImage8 h3,
    .backgroundImage9 h3 {
        font-size: 26px;
        margin-bottom: 25px;
    }

.backgroundImage10 {
    background-color: #f7f7f7;
}

.top_line {
    border-top: 1px solid #e5e5e5;
}

.bottom_line {
    border-bottom: 1px solid #e5e5e5;
}

.backgroundImage11 {
    background: url(images/img_bg_9.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage11,
    .backgroundImage11 h3 {
        color: #FFF;
    }

.backgroundImage12 {
    background: url(images/img_bg_10.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage12,
    .backgroundImage12 h3 {
        color: #FFF;
    }

.backgroundImage13 {
    background-color: #009b85;
}

    .backgroundImage13,
    .backgroundImage13 h3 {
        color: #FFF;
    }

.backgroundImage14 {
    background: url(images/img_bg_11.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.backgroundImage14_shade,
.backgroundImage15_shade {
    position: relative;
    background-image: url(images/shade_2.png);
}

.backgroundImage14,
.backgroundImage14 h3 {
    color: #FFF;
}

.backgroundImage15 {
    background: url(images/img_bg_12.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage15,
    .backgroundImage15 h3 {
        color: #FFF;
    }

.backgroundImage16 {
    background: url(images/img_bg_13.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.backgroundImage16_shade {
    position: relative;
    background-image: url(images/shade_3.png);
}

.backgroundImage16,
.backgroundImage16 h3 {
    color: #FFF;
}

.backgroundImage17 {
    background: url(images/img_bg_14.jpg) no-repeat center top;
}

.backgroundImage18 {
    background: url(images/img_bg_15.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage18,
    .backgroundImage18 h3 {
        color: #FFF;
    }

.backgroundImage19 {
    background: url(images/img_bg_16.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.backgroundImage20 {
    background: url(images/img_bg_17.jpg) no-repeat center center;
}

    .backgroundImage20,
    .backgroundImage20 h3 {
        color: #FFF;
    }

.backgroundImage21 {
    background-color: #dceef8;
}

.backgroundImage22 {
    background: url(images/img_bg_18.jpg);
}

    .backgroundImage22,
    .backgroundImage22 h3 {
        color: #FFF;
    }

.backgroundImage23 {
    background: url(images/img_bg_19.jpg) no-repeat center center;
}

    .backgroundImage23,
    .backgroundImage23 h3 {
        color: #FFF;
    }

.backgroundImage24 {
    background: url(images/img_bg_20.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage24,
    .backgroundImage24 h3 {
        color: #FFF;
    }

.backgroundImage25 {
    background: url(images/img_bg_21.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage25,
    .backgroundImage25 h3 {
        color: #FFF;
    }

.backgroundImage26 {
    background: url(images/img_bg_22_1.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage26,
    .backgroundImage26 h3 {
        color: #FFF;
    }

.backgroundImage27 {
    background: url(images/img_bg_23.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage27,
    .backgroundImage27 h3 {
        color: #FFF;
    }

.backgroundImage28 {
    background: #f9f9f9;
}

.backgroundImage29 {
    background: url(images/img_bg_24.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.backgroundImage29_shade {
    position: relative;
    background-image: url(images/shade_4.png);
}

.backgroundImage29,
.backgroundImage29 h3 {
    color: #FFF;
}

.backgroundImage30 {
    background: url(images/img_bg_25.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage30,
    .backgroundImage30 h3 {
        color: #FFF;
    }

.backgroundImage31 {
    background: url(images/img_bg_26.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

    .backgroundImage31,
    .backgroundImage31 h3 {
        color: #FFF;
    }

.backgroundImage32 {
    background: url(images/img_bg_32.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.backgroundImage33 {
    background: url(images/img_bg_33.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.backgroundImage34 {
    background-color: #00C1A9;
}

.backgroundImage35 {
    background: url(images/img_bg_35.jpg) no-repeat top center;
    background-size: cover;
    /*background-attachment:fixed;*/
}

.backgroundImage36 {
    background: url(images/img_bg_36.jpg) no-repeat top center;
    background-size: cover;
   
}
.linkback{
    min-height:157px;
}

.backgroundImage39 {
    content: "";
        position: absolute;
        width: 50%;
        height: 25px;
        right: 0;
        bottom: 0;
        background-color: #fff;
        margin: 0 -25px 0 0;
        display: none;
}

.backgroundImage37 {
     content: "";
        position: absolute;
        width: 50%;
        height: 25px;
        right: 0;
        bottom: 0;
        background-color: #fff;
        margin: 0 -25px 0 0;
        display: none;
}

    .backgroundImage37:before {
         content: "";
        position: absolute;
        width: 50%;
        height: 25px;
        right: 0;
        bottom: 0;
        background-color: #fff;
        margin: 0 -25px 0 0;
        display: none;
    }

    .backgroundImage37 .triangleout:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 25px;
        right: 0;
        bottom: 0;
        background-color: #fff;
        margin: 0 -25px 0 0;
        display: none;
    }

    .backgroundImage37 .triangleout:after {
        content: "";
        position: absolute;
        width: 50%;
        height: 25px;
        left: 0;
        bottom: 0;
        background-color: #fff;
        margin: 0 0 0 -25px;
        display: none;
    }

    .backgroundImage37 .triangle {
        display: inline-block;
        position: absolute;
        border-color: transparent #fff #fff #fff;
        border-style: solid;
        border-width: 25px 25px 0 25px;
        bottom: 0;
        right: 50%;
        margin: 0 -25px 0 0;
        overflow: hidden;
        display: none;
    }

.icon-tamir {
    font-size: 0.7em;
    line-height: 1.2;
    padding: 0;
    text-align: center;
    top: 39px;
    text-shadow: 1px 1px 0px #fff;
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
	[class*="backgroundImage"]{
        background-attachment: scroll !important;
    }
}*/
@media only screen and (max-width: 991px) {

    .backgroundImage1,
    .backgroundImage2,
    .backgroundImage4,
    .backgroundImage8,
    .backgroundImage11,
    .backgroundImage12,
    .backgroundImage14,
    .backgroundImage15,
    .backgroundImage16,
    .backgroundImage18,
    .backgroundImage19,
    .backgroundImage24,
    .backgroundImage25,
    .backgroundImage26,
    .backgroundImage27,
    .backgroundImage29,
    .backgroundImage30,
    .backgroundImage31 {
        background-attachment: scroll;
        background-position: center center;
        background-size: cover;
    }
}

@media only screen and (max-width: 1024px) {
    .backgroundImage1,
    .backgroundImage2 {
        background-attachment: scroll;
        background-position: center bttom;
    }
}

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

   
    .linkback {
        height: 298px;
    }


    .icon-tamir {
        top: 99px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1100px) {
    #dnngo_megamenu > div > ul > li > a > span {
        padding: 0 25px !important;
    }
      .dnn_search {
        padding-right: 0px !important;
        padding-top: 12px !important;
    }
       .dnn_menu {
        padding-right: 15px !important;
    }
}

@media only screen and (min-width: 780px) and (max-width: 990px) {
    .dnn_search {
        padding-right: 0px !important;
        padding-top: 12px !important;
    }

    .dnn_menu {
        padding-right: 0px !important;
    }

    #dnngo_megamenu > div > ul > li > a > span {
        padding: 0 2px !important;
    }

    #dnngo_megamenu .primary_structure li.dir > a:after {
        font-size: 8px !important;
        left: -4px !important;
        top: 13px !important;
    }
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
    .backgroundImage39 {
        height: auto;
    }
}

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

.footer_mid {
}

.Footer_Contentbg {
    background: #252d2c;
    border-bottom: 1px solid #444747;
}

    .Footer_Contentbg [class*="Pane"] {
        margin: 30px 0px 31px;
    }

.Footer_Bottombg {
    background: #1a1f1f;
    padding: 5px 0px 30px;
    font-size: 13px;
}

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

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

    .copyright_style, .FooterPane .Normal, .copyright_style a, .copyright_style a:link, .copyright_style a:active, .copyright_style a:visited {
        text-decoration: none;
    }

        .copyright_style a:hover {
            text-decoration: underline;
        }

#to_top {
    display: none;
    position: fixed;
    left: 25px;
    bottom: 25px;
    float: left;
    background: url(images/GoTop.png) no-repeat center center;
    background-color: #333;
    z-index: 1;
    width: 46px;
    height: 46px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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? */
}

/* ********** BOTTOM ************** */

/*Link_list*/
.Link_list {
    padding: 0px;
    margin: 0px;
}

    .Link_list li {
        display: inline-block;
        vertical-align: top;
        width: 49%;
        margin: 0px 0px 0px -3px;
        list-style: none;
        padding: 3px 0px;
        position: relative;
    }

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

        .Link_list li span {
            position: absolute;
            top: 3px;
            right: 0px;
        }

        .Link_list li a {
            padding-right: 14px;
            display: block;
        }


/*Custom Buttons style*/
a.Button_style1 {
    padding: 10px 16px;
    margin: 0px 0 5px 5px;
    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 right 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 0 5px 5px;
    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 right 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 0 5px 5px;
    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: #2e2e2e;
    text-decoration: none;
}

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


/*Our Skills*/
.progress2 {
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
    background-image: none !important;
}

    .progress2 .progress-bar {
        text-align: right;
        text-indent: 12px;
        background-image: none !important;
        box-shadow: none !important;
    }


/*blockquote*/
.Foot_blockquote {
    background: url(images/mark_right.png) no-repeat left center;
}

    .Foot_blockquote blockquote {
        text-align: center;
        padding: 0px 80px;
        margin: 0;
        background: url(images/mark_left.png) no-repeat right center;
    }

        .Foot_blockquote blockquote small {
            position: initial;
            padding: 24px 0 0 0;
        }


/*News_list*/
.News_list {
    margin: 0px;
    padding: 0px;
}

    .News_list li {
        list-style: none;
        border-top: 1px solid #3e4443;
        border-bottom: 1px solid #1e2423;
        padding: 15px 15px 15px 0px;
        background: url(images/arrow_3r.png) no-repeat 250px 20px;
    }

        .News_list li:first-child {
            border-top: none;
        }

        .News_list li:last-child {
            border-bottom: none;
        }

/*social-icons*/
.social-icons {
    margin: 0px -3px 0px;
    padding: 0px;
}

.social-icons1 a {
    background-color: #bbbbbb;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-out 0s;
    width: 30px;
    margin: 3px;
    border: none;
    color: #FFF !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? */
}

* + html .social-icons1 a {
    text-indent: 0px;
    font-size: 0px;
    overflow: hidden;
    display: inline;
}

.social-icons2 a {
    display: block;
}

.social-icons2 em {
    color: #f5f5f5;
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #5e6463;
    display: inline-block;
    vertical-align: middle;
    margin: 6px 0px 6px 8px;
    height: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    width: 30px;
    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? */
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

* + html .social-icons2 span {
    display: inherit;
    text-indent: 0px;
    font-size: 0px;
}


.social-icons2 li {
    list-style: none;
    background: url(images/arrow_4r.png) center left no-repeat;
    border-bottom: 1px solid #3f3f3f;
}

    .social-icons2 li a {
        display: block;
        color: #999999;
    }

.social-icons2 a:hover {
    background: none !important;
    text-decoration: none !important;
}

    .social-icons2 a:hover em {
    }

.social-icons3 a {
    font-size: 20px;
    margin: 6px;
}

    .social-icons3 a:hover {
        color: #009b85 !important;
        background-color: transparent !important;
    }


/*3D Banner*/
.Banner_Title {
    color: #FFF;
    -webkit-text-size-adjust: none;
}

.Banner_Content {
    color: #FFF;
    -webkit-text-size-adjust: none;
}

.Banner_Content2 {
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    -webkit-text-size-adjust: none;
}

.Banner_more1 .fa {
    border: 1px solid #FFF;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
}

.Banner_Content_List {
    color: #FFF;
    background: url(images/arrow_7.png) no-repeat right center;
    -webkit-text-size-adjust: none;
}

.Banner_Content_List2 {
    color: #FFF;
    background: url(images/arrow_8.png) no-repeat right center;
    background-size: contain;
    -webkit-text-size-adjust: none;
}

.ls-borderlessdark .ls-nav-prev {
    background: url(images/Banner_arrows.png) no-repeat 9px center !important;
    width: 38px;
    height: 38px;
}

.ls-borderlessdark .ls-nav-next {
    background: url(images/Banner_arrows.png) no-repeat -76px center !important;
    width: 38px;
    height: 38px;
}

.ls-borderlessdark .ls-bottom-nav-wrapper {
    display: none !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .Banner_more1 .fa {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .Banner_more1 .fa {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 6px;
    }
}


/*----------- Page-----------------------*/
/* **********  About-Us  ************** */
.aboutus_a h1 {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    margin: 0;
}

.aboutus_a .line {
    width: 87px;
    height: 3px;
    background-color: #00C1A9;
    margin: 20px 0;
}

.aboutus_a p {
    line-height: 1.8;
}

.aboutus_b h1.title {
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    margin: 0;
}

.aboutus_b .line {
    width: 83px;
    height: 3px;
    margin: 20px auto 25px;
    background-color: #CACAC8;
}

.aboutus_c h1 {
    font-size: 24px;
    color: #666;
    font-weight: normal;
    margin: 0 0 30px 0;
}

.aboutus_c .aboutus_c_right {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .aboutus_c .aboutus_c_right li {
        border: 1px solid #e1e1e1;
        position: relative;
        padding: 13px 78px 13px 18px;
        margin: 0 0 22px 0;
    }

        .aboutus_c .aboutus_c_right li.the4 {
            margin: 0;
        }

        .aboutus_c .aboutus_c_right li span.fa {
            position: absolute;
            right: 0;
            top: 0;
            width: 59px;
            height: 66px;
            line-height: 66px;
            text-align: center;
            color: #fff;
            font-size: 24px;
            margin: -1px -1px 0 0;
        }

        .aboutus_c .aboutus_c_right li.the1 span.fa {
            background-color: #00BA7E;
        }

        .aboutus_c .aboutus_c_right li.the2 span.fa {
            background-color: #FB8544;
        }

        .aboutus_c .aboutus_c_right li.the3 span.fa {
            background-color: #00C1A9;
        }

        .aboutus_c .aboutus_c_right li.the4 span.fa {
            background-color: #F5005A;
        }

.aboutus_d {
    text-align: center;
}

    .aboutus_d h1.title {
        font-size: 24px;
        color: #333;
        font-weight: normal;
        margin: 0;
    }

    .aboutus_d .line {
        width: 83px;
        height: 3px;
        background-color: #00C1A9;
        margin: 20px auto;
    }

.aboutus_d_bottom {
    position: relative;
    padding: 0 125px 0 0;
    margin: 35px 0 0 0;
}

    .aboutus_d_bottom span.fa {
        font-size: 90px;
        color: #00C1A9;
        position: absolute;
        right: 0;
        top: 20px;
    }

        .aboutus_d_bottom span.fa.the1 {
            right: 0;
        }

        .aboutus_d_bottom span.fa.the2 {
            right: 0;
        }

        .aboutus_d_bottom span.fa.the3 {
            right: 22px;
        }

        .aboutus_d_bottom span.fa.the4 {
            right: 8px;
        }

    .aboutus_d_bottom h2.title {
        font-size: 20px;
        color: #595958;
        margin: 0 0 15px 0;
        font-weight: normal;
    }

    .aboutus_d_bottom p {
        font-size: 14px;
        color: #7c7c7c;
        line-height: 24px;
    }

.aboutus_e {
}

    .aboutus_e.headline_box {
        color: #fff;
        position: relative;
        padding: 0px 140px 0px 220px;
    }

    .aboutus_e .headline_left {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 135px;
        background: url(images/line.png) no-repeat left center;
        height: 100%;
        min-height: 94px;
        line-height: 94px;
    }

    .aboutus_e .headline_left {
        font-size: 60px;
        font-weight: bold;
    }

    .aboutus_e .headline_center {
        padding: 15px;
    }

        .aboutus_e .headline_center h3 {
            color: #fff;
            font-size: 20px;
            padding-bottom: 10px;
            font-weight: normal;
        }

    .aboutus_e .headline_right {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 220px;
        text-align: left;
    }

        .aboutus_e .headline_right .Button_default {
            margin-top: 25px;
        }

    .aboutus_e a.headline_right_button {
        color: #666666;
        text-decoration: none;
        font-size: 14px;
        padding: 16px 24px;
        display: inline-block;
        top: 45px;
        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? */
        background-color: #eeeeee;
        background: #eeeeee;
        background: -moz-linear-gradient(30deg,#eeeeee 0%,#ffffff 100%);
        background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#eeeeee),color-stop(100%,#ffffff));
        background: -webkit-linear-gradient(30deg,#eeeeee 0%,#ffffff 100%);
        background: -o-linear-gradient(30deg,#eeeeee 0%,#ffffff 100%);
        background: -ms-linear-gradient(30deg,#eeeeee 0%,#ffffff 100%);
        background: linear-gradient(30deg,#eeeeee 0%,#ffffff 100%);
        margin-top: 20px;
    }

        .aboutus_e a.headline_right_button:hover {
            background: #666;
            color: #fff;
        }

@media only screen and (max-width: 767px) {
    .aboutus_e a.headline_right_button {
        top: 0;
    }
}


.ourservices_a {
    background-color: #F4F4F4;
    position: relative;
}

.ourservices_a_img1,
.ourservices_a_img2,
.ourservices_a_img3,
.ourservices_a_img4 {
    position: absolute;
    top: 0;
    width: 26%;
    height: 100%;
    overflow: hidden;
}

.ourservices_a_img1 {
    background: url(images/ourservices_1.jpg) center center no-repeat;
    background-size: cover;
    right: 0;
}

.ourservices_a_img2 {
    background: url(images/ourservices_2.jpg) center center no-repeat;
    background-size: cover;
    right: 50%;
}

.ourservices_a_img3 {
    background: url(images/ourservices_3.jpg) center center no-repeat;
    background-size: cover;
    right: 24%;
}

.ourservices_a_img4 {
    background: url(images/ourservices_4.jpg) center center no-repeat;
    background-size: cover;
    right: 74%;
}

.ourservices_a_img1 .triangle,
.ourservices_a_img2 .triangle {
    border-top-width: 6px;
    border-style: solid;
    border-top-color: #F4F4F4;
    border-left-width: 0px;
    border-left-color: #F4F4F4;
    border-bottom-width: 6px;
    border-bottom-color: #F4F4F4;
    border-right-width: 10px;
    border-right-color: transparent;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin: -6px 0 0 0;
    overflow: hidden;
}

.ourservices_a_img1:before,
.ourservices_a_img2:before {
    width: 10px;
    height: 50%;
    position: absolute;
    background-color: #F4F4F4;
    left: 0px;
    top: 0px;
    content: "";
    margin: -6px 0 0 0;
}

.ourservices_a_img1:after,
.ourservices_a_img2:after {
    width: 10px;
    height: 50%;
    position: absolute;
    background-color: #F4F4F4;
    left: 0px;
    bottom: 0px;
    content: "";
    margin: 0 0 -6px 0;
}


.ourservices_a_img3 .triangle,
.ourservices_a_img4 .triangle {
    border-top-width: 6px;
    border-style: solid;
    border-top-color: #F4F4F4;
    border-right-width: 0px;
    border-right-color: #F4F4F4;
    border-bottom-width: 6px;
    border-bottom-color: #F4F4F4;
    border-left-width: 10px;
    border-left-color: transparent;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 50%;
    margin: -6px 0 0 0;
    overflow: hidden;
}

.ourservices_a_img3:before,
.ourservices_a_img4:before {
    width: 10px;
    height: 50%;
    position: absolute;
    background-color: #F4F4F4;
    right: 0px;
    top: 0px;
    content: "";
    margin: -6px 0 0 0;
}

.ourservices_a_img3:after,
.ourservices_a_img4:after {
    width: 10px;
    height: 50%;
    position: absolute;
    background-color: #F4F4F4;
    right: 0px;
    bottom: 0px;
    content: "";
    margin: 0 0 -6px 0;
}


.ourservices_a_text1,
.ourservices_a_text2,
.ourservices_a_text3,
.ourservices_a_text4 {
    width: 25%;
    position: relative;
    top: 0;
    float: right;
    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? */
}

.ourservices_a_text1,
.ourservices_a_text2 {
    padding: 30px 20px 30px 30px;
}

.ourservices_a_text3,
.ourservices_a_text4 {
    padding: 30px 30px 30px 20px;
}

.ourservices_a_text1 {
    right: 26%;
}

.ourservices_a_text2 {
    right: 51%;
}

.ourservices_a_text3 {
    right: 0;
}

.ourservices_a_text4 {
    right: 25%;
}


    .ourservices_a_text1 h3,
    .ourservices_a_text2 h3,
    .ourservices_a_text3 h3,
    .ourservices_a_text4 h3 {
        text-transform: uppercase;
        font-size: 16px;
        color: #333333;
        margin: 0;
    }

    .ourservices_a_text1 .line,
    .ourservices_a_text2 .line,
    .ourservices_a_text3 .line,
    .ourservices_a_text4 .line {
        width: 87px;
        height: 1px;
        background-color: #00C1A9;
        margin: 15px 0;
    }

    .ourservices_a_text1 p,
    .ourservices_a_text2 p,
    .ourservices_a_text3 p,
    .ourservices_a_text4 p {
    }

    .ourservices_a_text1 a,
    .ourservices_a_text2 a,
    .ourservices_a_text3 a,
    .ourservices_a_text4 a {
    }

@media only screen and (min-width: 1200px) {
    .ourservices_a_text1,
    .ourservices_a_text2 {
        padding: 40px 30px 40px 40px;
    }

    .ourservices_a_text3,
    .ourservices_a_text4 {
        padding: 40px 40px 40px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ourservices_a_img1,
    .ourservices_a_img2,
    .ourservices_a_img3,
    .ourservices_a_img4 {
        width: 50%;
        height: 300px;
        top: 0;
        right: 0;
    }

    .ourservices_a_img2,
    .ourservices_a_img4 {
        right: 50%;
    }

    .ourservices_a_text1,
    .ourservices_a_text2,
    .ourservices_a_text3,
    .ourservices_a_text4 {
        width: 50%;
        right: 0;
        margin-top: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .ourservices_a_img1,
    .ourservices_a_img2,
    .ourservices_a_img3,
    .ourservices_a_img4 {
        position: relative;
        width: 100%;
        height: 300px;
        top: 0;
        right: 0;
    }

    .ourservices_a_text1,
    .ourservices_a_text2,
    .ourservices_a_text3,
    .ourservices_a_text4 {
        width: 100%;
        float: none;
        right: 0;
        padding: 15px;
    }
}

.ourservices_b {
    text-align: center;
}

    .ourservices_b h1.title {
        color: #fff;
        font-size: 24px;
    }

    .ourservices_b p {
        color: #fff;
        font-size: 14px;
        line-height: 28px;
        margin: 30px 0;
        padding: 0 50px;
    }

    .ourservices_b .accent_btn5 {
        margin: 0 13px;
    }


.functionList.ourservices_c .functionBox {
    position: relative;
}

    .functionList.ourservices_c .functionBox .line {
        display: none;
        width: 270px;
        height: 1px;
        background-color: #919191;
        position: absolute;
        right: 145px;
        top: 89px;
        transform: rotate(31deg);
        -ms-transform: rotate(31deg); /* IE 9 */
        -moz-transform: rotate(31deg); /* Firefox */
        -webkit-transform: rotate(31deg); /* Safari and Chrome */
        -o-transform: rotate(31deg); /* Opera */
    }

        .functionList.ourservices_c .functionBox .line span.fa {
            width: 26px;
            height: 26px;
            line-height: 24px;
            border: 1px solid #919191;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            color: #919191;
            font-size: 18px;
            position: absolute;
            right: 50%;
            margin: -12px -12px 0 0;
            background-color: #F5F5F5;
        }

    .functionList.ourservices_c .functionBox .line2 {
        display: none;
        width: 270px;
        height: 1px;
        background-color: #919191;
        position: absolute;
        right: 149px;
        top: 89px;
        transform: rotate(-31deg);
        -ms-transform: rotate(-31deg); /* IE 9 */
        -moz-transform: rotate(-31deg); /* Firefox */
        -webkit-transform: rotate(-31deg); /* Safari and Chrome */
        -o-transform: rotate(-31deg); /* Opera */
    }

        .functionList.ourservices_c .functionBox .line2 span.fa {
            width: 26px;
            height: 26px;
            line-height: 24px;
            border: 1px solid #919191;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            color: #919191;
            font-size: 18px;
            position: absolute;
            right: 50%;
            margin: -12px -12px 0 0;
            background-color: #F5F5F5;
        }



    .functionList.ourservices_c .functionBox .functionIcon {
        height: 148px;
        width: 148px;
        line-height: 148px;
        font-size: 48px;
    }

.functionList.ourservices_c .functionIcon .fa {
    height: 148px;
    width: 148px;
    line-height: 148px !important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.functionList.ourservices_c .color_1_bg {
    background-color: #279EEF !important;
}

.functionList.ourservices_c .color_2_bg {
    background-color: #00C4AC !important;
}

.functionList.ourservices_c .color_3_bg {
    background-color: #FF9235 !important;
}

.functionList.ourservices_c .color_4_bg {
    background-color: #FF7AC9 !important;
}

.functionList.ourservices_c .functionBox .functiontitle {
    font-size: 16px;
    color: #313131;
}

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

    .ourservices_d ul li {
        margin: 0 23px 20px 0;
        display: block;
        background-color: #F5F5F5;
        border: 1px solid #dfdede;
        padding: 15px 35px 15px 20px;
        position: relative;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        position: relative;
        transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms;
        -moz-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* Firefox 4 */
        -webkit-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* Safari and Chrome */
        -o-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* Opera */
        -ms-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* IE9? */
    }

        .ourservices_d ul li span {
            position: absolute;
            width: 44px;
            height: 44px;
            line-height: 42px;
            text-align: center;
            color: #fff;
            background-color: #00C1A9;
            border: 1px solid transparent;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            right: 0;
            top: 50%;
            margin: -22px -22px 0 0;
            font-size: 20px;
        }

        .ourservices_d ul li:hover {
            border: 1px solid #02ac97;
            background-color: #00C1A9;
            color: #fff;
        }

            .ourservices_d ul li:hover span {
                border: 1px solid #00bfa7;
                color: #00bfa7;
                background-color: #fff;
                transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms;
                -moz-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* Firefox 4 */
                -webkit-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* Safari and Chrome */
                -o-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* Opera */
                -ms-transition: background-color ease-in 200ms,border ease-in 200ms,color ease-in 200ms; /* IE9? */
            }

.ourteam_a {
    background-color: #F9F9F9;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    padding: 30px 30px 30px 210px;
    margin: 0 0 30px 0;
    overflow: hidden;
}

    .ourteam_a .leftmian {
        float: right;
    }

        .ourteam_a .leftmian:after {
            position: absolute;
            content: "";
            border-style: solid;
            border-color: #00DDCB transparent transparent #00DDCB;
            border-width: 120px;
            left: 0px;
            bottom: 0px;
        }

        .ourteam_a .leftmian h1.title {
            font-size: 16px;
            color: #292929;
            font-weight: normal;
            margin: 0;
        }

            .ourteam_a .leftmian h1.title span {
                font-size: 14px;
                color: #808080;
            }

        .ourteam_a .leftmian p.test {
            font-size: 13px;
            color: #7c7c7c;
            line-height: 24px;
            margin: 15px 0;
        }

    .ourteam_a .rightmain {
        position: absolute;
        left: 0px;
        top: 20px;
    }

.ourteam_b {
    position: relative;
}

    .ourteam_b .ourteam_b_left {
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: url(images/ourteam_b_1.jpg) center center no-repeat;
        background-size: cover;
    }

    .ourteam_b .ourteam_b_right {
        background: url(images/ourteam_b_2.jpg) center center no-repeat;
        width: 50%;
        padding: 60px;
        text-align: right;
        float: left;
    }

        .ourteam_b .ourteam_b_right h1.title {
            font-size: 24px;
            color: #f0f0f0;
            margin: 0;
            font-weight: normal;
        }

        .ourteam_b .ourteam_b_right p {
            font-size: 13px;
            color: #f0f0f0;
            line-height: 24px;
            margin: 30px 0;
        }

        .ourteam_b .ourteam_b_right a.accent_btn {
            margin: 0 0 0 27px;
            border-color: #fff;
            color: #fff;
        }

            .ourteam_b .ourteam_b_right a.accent_btn:hover {
                border-color: #019B85;
            }

.ourteam_c {
    margin: 0 0 40px 0;
}

    .ourteam_c h1.title {
        font-size: 16px;
        color: #444;
        font-weight: normal;
        margin: 0 0 15px 0;
    }

        .ourteam_c h1.title span.fa {
            width: 52px;
            height: 52px;
            line-height: 52px;
            display: inline-block;
            text-align: center;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            font-size: 24px;
            color: #fff;
            vertical-align: middle;
            margin: 0 0 0 20px;
        }

            .ourteam_c h1.title span.fa.color_1_bg {
                background-color: #FF9339 !important;
            }

            .ourteam_c h1.title span.fa.color_2_bg {
                background-color: #FE3A1F !important;
            }

            .ourteam_c h1.title span.fa.color_3_bg {
                background-color: #009545 !important;
            }

            .ourteam_c h1.title span.fa.color_4_bg {
                background-color: #3063C6 !important;
            }

    .ourteam_c p {
        font-size: 13px;
        color: #7c7c7c;
        line-height: 22px;
    }

.contactus_a {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    margin: 40px 0 0 0;
    border-style: solid;
    border-width: 1px;
    border-color: #d5d5d5;
    background-color: #FAFAFA;
}

    .contactus_a .icon {
        width: 66px;
        height: 66px;
        color: #fff;
        font-size: 24px;
        line-height: 66px;
        display: inline-block;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin: -33px 0 10px 0;
    }

    .contactus_a.color1 .icon {
        background-color: #72CE6C;
    }

    .contactus_a.color2 .icon {
        background-color: #FF9339;
    }

    .contactus_a.color3 .icon {
        background-color: #007DF7;
    }

    .contactus_a.color4 .icon {
        background-color: #FF389A;
    }

    .contactus_a h3 {
        font-size: 15px;
        color: #333;
        font-weight: normal;
        margin: 15px 0;
    }

    .contactus_a p {
        line-height: 24px;
        margin: 0 0 30px 0;
    }






/* **********  Lead  ************** */
.Lead {
    position: relative;
}

.Lead_font {
    position: absolute;
    right: 0px;
    top: 50%;
    width: 100%;
}

.Lead h1 {
    color: #ffffff;
    font-size: 30px;
    background: url(images/opacity_70.png);
    padding: 10px 40px;
    position: absolute;
    right: 0;
    bottom: 10px;
    margin: 0px;
    font-weight: normal;
}

.Lead p {
    color: #ffffff;
    font-size: 20px;
    background: url(images/opacity_70.png);
    padding: 15px 40px;
    line-height: 1.2;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight: normal;
}
/*Our Skills*/
.progress {
    height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
}

    .progress .progress-bar {
        text-align: right;
        text-indent: 12px;
    }
/* MEET OUR TEAM */
.our_team .team_list {
    text-align: center;
    margin-top: 20px;
}

.our_team .team_title {
    padding: 10px;
    color: #FFF;
    text-align: center;
    line-height: 1.2;
    font-style: italic;
}

    .our_team .team_title span {
        font-size: 18px;
        padding-right: 10px;
        display: block;
        font-style: normal;
        padding-bottom: 3px;
    }

.our_team .team_social {
    text-align: center;
    padding: 10px 0;
    background: #efefef;
}

    .our_team .team_social .social-icons a {
        width: 30px;
        height: 30px;
        margin: 2px;
        background-color: #bbbbbb;
        display: inline-block;
    }

        .our_team .team_social .social-icons a:hover {
            box-shadow: none;
        }

/*our_team2*/
.our_team2 .team_list {
    text-align: center;
    margin-top: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
}

.our_team2 .team_title {
    padding: 10px;
    color: #FFF;
    text-align: center;
    line-height: 1.2;
    font-style: italic;
    background: none !important;
}

    .our_team2 .team_title span {
        font-size: 18px;
        padding-left: 10px;
        display: block;
        font-style: normal;
        padding-bottom: 3px;
    }

.our_team2 .team_content {
    background-color: #06bfa7;
    padding: 10px 0;
}

.our_team2 .team_social {
    text-align: center;
    padding: 10px 0;
}

.our_team2 .social-icons a {
    font-size: 24px;
    display: inline-block;
    color: #FFF;
    ffilter: alpha(opacity=80);
    opacity: 0.8;
    padding: 2px;
}

    .our_team2 .social-icons a:hover {
        ffilter: alpha(opacity=100);
        opacity: 1;
        color: #FFF;
        background: none !important;
    }

.ot2 {
    color: #fff !important;
}

/*ServicesList*/
.Services_List {
    clear: both;
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px 10px;
    text-align: center;
}

    .Services_List .col-sm-3 {
        margin-bottom: 20px;
    }

        .Services_List .col-sm-3 > div {
            background: #f8f8f8;
            display: inline-block;
        }

    .Services_List h3 {
        color: #444444;
        font-size: 16px;
        font-weight: normal;
        padding: 10px 0px;
        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? */
    }

    .Services_List .Services_icon {
        width: 82px;
        height: 82px;
        font-size: 30px;
        display: block;
        text-align: center;
        margin: 40px auto 0px;
        line-height: 82px;
        color: #FFF;
        background: #c8c8c8;
        border-radius: 82px;
        -moz-border-radius: 82px;
        -webkit-border-radius: 82px;
        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? */
    }

        .Services_List .Services_icon span {
            line-height: inherit;
        }

    .Services_List .Services_Content {
        padding: 0px 20px 40px;
    }

/*What Others Say About Us ?*/
.About_info {
    position: relative;
    padding-right: 100px;
    margin-top: 20px;
}

    .About_info .Img_box {
        position: absolute;
        top: 10px;
        right: 0px;
        width: 88px;
        height: 88px;
        line-height: 88px;
        font-size: 50px;
        color: #FFF;
        text-align: center;
        background: #dbdbdb;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin-left: 15px;
    }

        .About_info .Img_box span {
            line-height: inherit;
        }

.About_msg {
    margin-right: -100px;
    color: #444444;
}

    .About_msg span {
    }
/*Why Choose Us ?*/
.Choose_List {
    margin: 10px 0 0;
    padding: 0px;
}

    .Choose_List li {
        background: url(images/arrow_6r.png) no-repeat 530px 16px;
        padding-right: 37px;
        list-style: none;
        border-bottom: 1px solid #e2e2e2;
        padding: 9px 30px 10px 0px;
    }

    .Choose_List span {
        float: left;
    }
/*We've Got Answers*/
.Answers_List {
    padding: 0px;
    margin: 0px;
}

    .Answers_List li {
        list-style: none;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 1px solid #e2e2e2;
    }

        .Answers_List li.last-item {
            padding-bottom: 15px;
            margin-bottom: 0px;
            border-bottom: none;
        }

    .Answers_List h3 {
        font-size: 16px;
        color: #333333;
        font-weight: normal;
        padding-bottom: 10px;
    }

    .Answers_List span.Answers_icon {
        width: 82px;
        height: 82px;
        line-height: 82px;
        color: #FFF;
        text-align: center;
        display: inline-block;
        float: right;
        font-size: 40px;
        margin: 3px 0px 0px 15px;
        background: #c8c8c8;
        border-radius: 82px;
        -moz-border-radius: 82px;
        -webkit-border-radius: 82px;
        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 .Answers_List span.Answers_icon {
        display: block;
        font-size: 65px;
    }

    * + html .Answers_List h3 {
        margin-top: -20px;
    }
/*tabs-top-group*/
.tabs-top-group2 .panel-default {
    border: none;
    margin-top: 0 !important;
    border-radius: 0;
    box-shadow: none;
    background: none;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 1px;
}

.tabs-top-group2 .nav-tabs {
    border: none;
    background: #f7f7f7;
    padding: 5px 0px;
}

    .tabs-top-group2 .nav-tabs a, .tabs-top-group2 .nav-tabs a:link, .tabs-top-group2 .nav-tabs a:active, .tabs-top-group2 .nav-tabs a:visited {
        color: #444444;
        font-size: 16px;
        border: none;
    }

        .tabs-top-group2 .nav-tabs a:hover {
            border: none;
            background: none;
        }

    .tabs-top-group2 .nav-tabs li {
        list-style: none;
    }

        .tabs-top-group2 .nav-tabs li.active a, .tabs-top-group2 .nav-tabs li.active a:hover {
            border: none;
            background: none;
        }

.tabs-top-group2 .panel-heading {
    border: none;
    border-radius: 0;
    padding: 0;
}

    .tabs-top-group2 .panel-heading .panel-title a {
        border: none;
        background: url(images/plus_minus2.png) no-repeat left -75px #F8F8F8;
        position: relative;
        border: none;
        padding: 10px 35px 10px 0px;
        font-size: 14px;
        color: #444444;
        display: block;
        font-weight: normal;
        line-height: 18px;
        outline: none;
        text-decoration: none !important;
        -webkit-transition: background-color 0.35s ease;
        -moz-transition: background-color 0.35s ease;
        -ms-transition: background-color 0.35s ease;
        -o-transition: background-color 0.35s ease;
        transition: background-color 0.35s ease;
    }

    .tabs-top-group2 .panel-heading:hover .panel-title a.collapsed {
        background-position: left -139px;
    }

    .tabs-top-group2 .panel-heading .accordion_icon {
        position: absolute;
        right: 8px;
        top: 10px;
        text-align: center;
        background: #9b9b9b !important;
        color: #FFFFFF;
        font-weight: bold;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .tabs-top-group2 .panel-heading .panel-title a {
        transition: background-color ease-in 100ms;
        -moz-transition: background-color ease-in 100ms; /* Firefox 4 */
        -webkit-transition: background-color ease-in 100ms; /* Safari and Chrome */
        -o-transition: background-color ease-in 100ms; /* Opera */
        -ms-transition: background-color ease-in 100ms; /* IE9? */
    }

        .tabs-top-group2 .panel-heading .panel-title a.collapsed {
            background-position: left 15px;
        }

    .tabs-top-group2 .panel-heading:hover .panel-title a {
        background-image: url(images/plus_minus2.png);
        background-position: left -229px;
        color: #FFF !important;
    }

    .tabs-top-group2 .panel-heading:hover .accordion_icon {
        background: #FFF !important;
    }

.tabs-top-group2 .panel-body {
    padding: 20px 40px 20px 0px;
    border: none;
}

.Title_pricing {
    font-size: 20px;
    color: #444;
    font-weight: normal;
    text-align: center;
    padding-bottom: 20px;
}


/* Form   Theme_Responsive_Default */

.Theme_Responsive_Default .form_input {
    padding-left: 25px !important;
    position: relative;
}

    .Theme_Responsive_Default .form_input input, .Theme_Responsive_Default .form_input textarea {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .Theme_Responsive_Default .form_input textarea {
    }

    .Theme_Responsive_Default .form_input .form_required {
        padding: 0px !important;
        position: absolute;
        top: 10px;
        left: 0px;
    }

.Theme_Responsive_Default .form_label {
    color: #888888;
    font-size: 14px;
}

.Theme_Responsive_Default .btn {
    background: none;
    padding: 5px 20px;
    margin: 0 0 10px;
    color: #FFF !important;
    text-shadow: none !important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    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_Responsive_Default .btn:hover {
        background: #525252;
    }
/*Contact_Info*/
.ContactInfo_list {
    margin: 0px;
    padding: 0px;
}

    .ContactInfo_list li {
        border-bottom: 1px solid #e2e2e2;
        padding: 10px 0px 10px 0px;
        margin: 0px;
        list-style: none;
        position: relative;
        color: #888888;
        font-size: 14px;
    }

        .ContactInfo_list li span {
            margin-left: 10px;
        }


/*gmap*/
#gmap img {
    max-width: none;
}

#gmap {
    width: 100%;
    height: 300px;
}
/*404 ERROR*/
.ErrorPage_Box {
    text-align: center;
}

    .ErrorPage_Box h1 {
        text-align: center;
        color: #888888;
        font-size: 60px;
        font-weight: normal;
        padding: 50px 0px 20px;
        line-height: 1.1;
    }

    .ErrorPage_Box p {
        color: #888888;
        font-size: 16px;
        text-align: center;
        padding: 20px 0px 10px 0px;
    }

    .ErrorPage_Box ul {
        display: inline-block;
        margin: auto;
        padding: 0px 0px 20px 0px;
    }

    * + html .ErrorPage_Box ul {
        display: inline;
    }

        .ErrorPage_Box ul li {
            text-align: right;
            list-style: none;
            color: #888888;
            font-size: 16px;
            padding: 5px 0px;
        }

    .ErrorPage_Box .Refresh:before {
        display: none !important;
    }

    .ErrorPage_Box .ErrorPage_but a.Refresh span {
        width: 30px;
        height: 20px;
        background: url(images/But_icon.png) no-repeat 0px 0px;
        display: inline-block;
        vertical-align: middle;
    }

    .ErrorPage_Box .ErrorPage_but {
        padding: 20px 0px 50px;
    }

        .ErrorPage_Box .ErrorPage_but a.GoHome span {
            width: 30px;
            height: 20px;
            background: url(images/But_icon.png) no-repeat -70px 0px;
            display: inline-block;
            vertical-align: middle;
        }

        .ErrorPage_Box .ErrorPage_but a:Hover {
            text-decoration: none;
        }

/* ********** Form Style ************** */

.RightPaneProfile .console-none h3 {
    background-image: url(images/arrow_9.png) !important;
}

.submit_ticket a {
    color: #fff !important;
    text-decoration: none;
}


/*submit_ticket */
.submit_ticket {
    background: #F7F7F7;
    padding: 25px 15px;
}

    .submit_ticket .ticket_bg a {
        font-size: 20px;
        padding: 6px 68px 6px 37px;
        transition: background-color 200ms ease-in 0s;
        white-space: nowrap;
    }

    .submit_ticket h3 {
        font-weight: normal;
    }

    .submit_ticket .ticket_bg {
        text-align: center;
        margin-top: 20px;
    }

.responsive {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
}

.Notebook {
    width: 100%;
}

.iPad {
    bottom: 0px;
    right: 0px;
    height: 80%;
    position: absolute;
    text-align: right;
    width: 100%;
}

.iPhone {
    bottom: 0px;
    right: 20%;
    height: 65%;
    max-width: 100%;
    position: absolute;
    text-align: right;
}

.responsive .iPad img,
.responsive .iPhone img {
    max-height: 100% !important;
}
/*About_list*/
.About_list {
    margin: 0;
    padding: 0;
}

    .About_list li {
        list-style: none;
        padding: 4px 0;
    }

        .About_list li span {
            margin-left: 5px;
        }
/*Our Skills*/
.progress {
    height: 14px;
    line-height: 14px;
    margin-bottom: 8px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .progress .progress-bar {
        text-align: right;
        text-indent: 12px;
    }

.progress_font {
    clear: both;
    overflow: hidden;
    margin-bottom: 2px;
}

    .progress_font span {
        float: left;
    }


/*function list*/
.functionList {
    margin-bottom: 5px;
    text-align: center;
    overflow: hidden;
    clear: both;
}

    .functionList .functionBox .functiontitle {
        font-size: 18px;
        color: #666666;
        vertical-align: middle;
        font-weight: normal;
        padding: 11px 0px 0px;
        margin: 0px;
    }

    .functionList .functionBox .functionMain {
        padding: 18px 0px 3px 0px;
        vertical-align: top;
        clear: both;
    }

    .functionList .functionBox .functionIcon {
        height: 61px;
        width: 61px;
        line-height: 61px;
        font-size: 36px;
        margin: 15px auto;
        text-align: center;
        position: relative;
    }

    .functionList .functionBox:hover .functionIcon {
    }

    .functionList .functionIcon .fa {
        height: 61px;
        width: 61px;
        line-height: 61px !important;
        color: #FFF !important;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

.functionList2 {
    margin-bottom: 5px;
    text-align: center;
    overflow: hidden;
    clear: both;
}

    .functionList2 .functionBox .functiontitle {
        font-size: 18px;
        color: #666666;
        vertical-align: middle;
        font-weight: normal;
        padding: 11px 0px 0px;
        margin: 0px;
    }

    .functionList2 .functionBox .functionMain {
        padding: 18px 0px 3px 0px;
        vertical-align: top;
        clear: both;
    }

    .functionList2 .functionBox .functionIcon {
        height: 78px;
        width: 78px;
        line-height: 78px;
        font-size: 36px;
        margin: 15px auto;
        text-align: center;
        position: relative;
    }

    .functionList2 .functionBox:hover .functionIcon {
    }

    .functionList2 .functionIcon .fa {
        height: 78px;
        width: 78px;
        line-height: 74px !important;
        border: 2px solid transparent;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.functionList3 {
    margin-bottom: 5px;
    text-align: center;
    overflow: hidden;
    clear: both;
}

    .functionList3 .functionBox {
        padding: 10px;
    }

        .functionList3 .functionBox .functiontitle {
            font-size: 16px;
            color: #000000;
            vertical-align: middle;
            font-weight: normal;
            text-transform: uppercase;
        }

        .functionList3 .functionBox .functionMain {
            padding: 13px 0 20px 0;
            vertical-align: top;
            clear: both;
        }

            .functionList3 .functionBox .functionMain p {
                padding-bottom: 10px;
            }

        .functionList3 .functionBox .functionIcon {
            height: 78px;
            width: 78px;
            line-height: 78px;
            font-size: 36px;
            margin: auto;
            text-align: center;
            position: relative;
            padding: 25px 0;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .functionList3 .functionBox:hover .functionIcon {
        }

    .functionList3 .functionIcon .fa {
        height: 78px;
        width: 78px;
        line-height: 78px !important;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #FFF;
    }

    .functionList3 .functionBox {
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        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? */
        margin: 10px 0 5px;
    }

        .functionList3 .functionBox:hover,
        .functionList3 .functionBox:hover .functiontitle,
        .functionList3 .functionBox:hover a,
        .functionList3 .functionBox:hover a:link,
        .functionList3 .functionBox:hover a:active,
        .functionList3 .functionBox:hover a:visited {
            color: #FFFFFF !important;
        }

            .functionList3 .functionBox:hover .functionIcon em {
                background: #FFF;
            }


.functionList4 {
    margin-bottom: 5px;
    overflow: hidden;
    clear: both;
    margin: 0;
    padding: 0;
}

    .functionList4 li {
        list-style-type: none;
    }

    .functionList4 + .functionList4 {
        margin-top: 25px;
    }

    .functionList4 .functiontitle {
        font-size: 16px;
        color: #000000;
        vertical-align: middle;
        font-weight: normal;
        padding: 10px 0px 15px;
        margin: 0px;
        text-transform: uppercase;
    }

        .functionList4 .functiontitle em {
            font-size: 20px;
            height: 40px;
            width: 40px;
            line-height: 40px !important;
            text-align: center;
            margin-left: 12px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            color: #FFF;
        }

    .functionList4 .functionMain {
        padding: 5px 0px 10px 0px;
        vertical-align: top;
        clear: both;
    }

.functionList5 {
    overflow: hidden;
    clear: both;
}

    .functionList5 .functiontitle {
        font-size: 18px;
        color: #444444;
        vertical-align: middle;
        font-weight: normal;
        padding: 22px 120px 5px 0px;
        margin: 0px;
        position: relative;
        min-height: 75px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

        .functionList5 .functiontitle span {
            display: block;
            font-size: 12px;
        }

        .functionList5 .functiontitle em.fa {
            width: 100px;
            height: 100px;
            text-align: center;
            line-height: 100px;
            position: absolute;
            right: 0px;
            top: 0px;
            background-color: #d5d5d5;
            color: #FFF;
            font-size: 45px;
            margin-left: 10px;
            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? */
        }

    .functionList5 .functionMain {
        padding: 23px 0px 5px 0px;
    }

        .functionList5 .functionMain p {
            padding-bottom: 4px;
        }

    .functionList5 .functionBox:hover .functiontitle em.fa {
        background-color: #009b85;
    }

.functionList6 {
    margin: 0 0 8px;
    padding: 0;
    clear: both;
    overflow: hidden;
}

    .functionList6 li {
        margin: 0px;
        padding: 0px;
        width: 25%;
        float: right;
        list-style: none;
        text-align: center;
        color: #FFF;
        padding: 15px 0 22px 0;
        font-size: 16px;
        background-image: url(images/opacity_20_0.png);
        background-position: bottom right;
        background-repeat: repeat-x;
        background-size: auto 3px;
    }

        .functionList6 li span {
            display: block;
            font-size: 90px;
            width: 100px;
            height: 100px;
            line-height: 100px;
            text-align: center;
            margin: 0 auto 8px;
            color: #555;
            filter: alpha(opacity=40);
            opacity: 0.4;
            text-shadow: -1px -1px 2px #000000, 1px 1px 1px #FFFFFF;
        }

        .functionList6 li .fa:empty,
        .functionList6 li .social:empty {
            width: 100%;
        }

    .functionList6 a,
    .functionList6 a:link,
    .functionList6 a:active,
    .functionList6 a:visited {
        text-decoration: none;
    }

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

.functionList7 {
    margin-bottom: 5px;
    overflow: hidden;
    clear: both;
    margin: 0;
    padding: 0;
}

    .functionList7 + .functionList7 {
        margin-top: 20px;
    }

    .functionList7 li {
        margin-bottom: 30px;
    }

    .functionList7 .functiontitle {
        font-size: 18px;
        color: #000000;
        font-weight: normal;
        padding: 5px 0px 14px;
        margin: 0px;
    }

        .functionList7 .functiontitle em {
            font-size: 25px;
            color: #009b85;
            float: right;
            width: 55px;
            padding-top: 6px;
            vertical-align: top;
        }

    .functionList7 .functionMain {
        padding: 3px 55px 10px 0px;
    }

.functionList8 {
    text-align: center;
    margin: 0 0 50px;
}

    .functionList8 .functionBox {
        padding: 25px 20px;
        border: 1px solid #cccccc;
        position: relative;
        background-color: #ffffff;
        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? */
    }

        .functionList8 .functionBox + .functionBox {
            margin: 0 -1px 0 0;
        }

    .functionList8 .functionicon {
        display: inline-block;
        border: 1px solid transparent;
        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? */
    }

        .functionList8 .functionicon em {
            width: 68px;
            height: 68px;
            line-height: 68px;
            border: 1px solid #000000;
            margin: 5px;
            font-size: 25px;
            color: #444444;
            text-align: center;
            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? */
        }

    .functionList8 .functiontitle h3 {
        font-size: 18px;
        font-weight: normal;
        line-height: 1.3;
        margin: 20px 0 11px;
        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? */
    }

    .functionList8 .functionMain p {
        padding-bottom: 7px;
    }

    .functionList8 .functionBox:hover {
        background-color: #009b85;
        color: #ffffff;
        border-top: 1px solid #009b85;
        border-bottom: 1px solid #009b85;
    }

        .functionList8 .functionBox:hover:before {
            content: "";
            position: absolute;
            top: 100%;
            right: 50%;
            margin: 1px -10px 0 0;
            border-style: solid;
            border-color: #009b85 transparent transparent transparent;
            border-width: 11px 10px;
        }

        .functionList8 .functionBox:hover .functionicon,
        .functionList8 .functionBox:hover .functionicon em {
            border-color: #ffffff;
            color: #ffffff;
        }

        .functionList8 .functionBox:hover .functiontitle h3 {
            color: #ffffff;
        }

        .functionList8 .functionBox:hover .functionMain a {
            color: #ffffff !important;
        }


/*MessageBox*/
.MessageBox h3 {
    font-size: 22px;
    color: #444444;
    margin-bottom: 15px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: normal;
}

.MessageBox .Message_right {
    padding-top: 25px;
    text-align: center;
}


/*horizontalTab_Top_2*/
.horizontalTab_Top_2 ul.resp-tabs-list li {
    padding-top: 1px;
}

    .horizontalTab_Top_2 ul.resp-tabs-list li.resp-tab-active {
        padding-top: 0px;
    }

        .horizontalTab_Top_2 ul.resp-tabs-list li.resp-tab-active span {
        }

.link_list_2 {
    margin: 0;
    padding: 0 0 8px;
    clear: both;
    overflow: hidden;
}

    .link_list_2 li {
        width: 50%;
        float: right;
        margin: 0px;
        padding: 2px 0px 3px;
        list-style: none;
    }

        .link_list_2 li span {
            width: 7px;
            height: 7px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 3px 10px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        * + html .link_list_2 li span {
            display: inline;
        }


/*******Pricing Option *******/
.price_List .price_content {
    padding-right: 100px;
    position: relative;
}

.price_List .sup {
    position: absolute;
    top: 20px;
    right: 0px;
    font-size: 25px;
    color: #959595;
}

.price_List .price {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 50px;
    color: #444444;
}


/*list*/
.list_style {
    margin: 0px;
    padding: 0px;
}

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

        .list_style li .fa,
        .list_style li .social {
            margin-left: 5px;
        }

.filter_block #filters li.selected a, .filter_block #filters li.selected a:hover {
    color: #FFF !important;
}

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

    .list_style1 li .fa {
        margin-left: 3px;
    }

/*gray_line*/
.gray_line {
    border-bottom: 1px solid #e2e2e2;
    height: 0px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
}

.gray_line2 {
    border-bottom: 1px solid #f0f0f0;
    height: 0px;
    width: 100%;
    clear: both;
    display: block;
    overflow: hidden;
}

.dividers_1 {
    border: none;
    border-bottom: 1px solid #ebebeb;
    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 #009b85;
    height: 0px;
    width: 100%;
    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;
}


/*ServeList*/
.ServeList {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    display: block;
}

.ServeBox {
    margin-bottom: 10px;
}

.ServeList li {
    width: 25%;
    float: right;
    list-style: none;
    text-align: center;
    display: block;
}

* + html .ServeList li {
    width: 24.9%;
}

.ServeList .ServeBox {
    border: 10px solid #e5e5e5;
    text-align: center;
    padding: 0px 5px 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: border ease 300ms;
    -moz-transition: border ease 300ms; /* Firefox 4 */
    -webkit-transition: border ease 300ms; /* Safari and Chrome */
    -o-transition: border ease 300ms; /* Opera */
    -ms-transition: border ease 300ms; /* IE9? */
    margin: 0px 5px 5px;
}

    .ServeList .ServeBox:hover {
    }

.ServeList .Serve_Icon {
    height: 70px;
    line-height: 70px;
    font-size: 45px;
    text-align: center;
}

    .ServeList .Serve_Icon span {
        line-height: inherit !important;
    }

.ServeList h3 {
    font-size: 18px;
    color: #333333;
    vertical-align: middle;
    padding: 0px 0px 10px;
    margin: 0px;
}

.ServeList p {
    line-height: 1.6;
}

/*ServeList_2*/
.ServeList_2 {
}

    .ServeList_2 .Serve_Icon {
        height: 105px;
        width: 105px;
        margin: auto;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        padding: 3px;
        margin-bottom: 10px;
        filter: alpha(opacity=30); /*IE*/
        opacity: 0.3;
        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 .Serve_Icon span {
            height: 105px;
            width: 105px;
            line-height: 105px;
            font-size: 50px;
            color: #ffffff;
            text-align: center;
            display: block;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

    .ServeList_2 .ServeBox:hover .Serve_Icon {
        background-color: transparent;
    }

    .ServeList_2 .ServeBox h3 {
        text-align: center;
        font-size: 16px;
        color: #333333;
    }

    .ServeList_2 .ServeBox {
        text-align: center;
    }
/*ServeList_3*/
.ServeList_3 .Serve_Icon {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    margin: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    background: #aaaaaa;
    position: absolute;
    top: 0px;
    right: 0px;
    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_3 .Serve_Icon span {
        height: 105px;
        width: 105px;
        line-height: 105px;
        text-align: center;
        display: block;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.ServeList_3 .ServeBox:hover .Serve_Icon {
}

.ServeList_3 .ServeBox h3 {
    text-align: right;
    font-size: 16px;
    color: #2c3433;
    font-weight: normal;
    position: relative;
    min-height: 35px;
    padding: 10px 50px 0px 0px;
}

.ServeList_3 .ServeBox {
    text-align: right;
}
/*ServeList_4*/
.ServeList_4 .Serve_Icon {
    height: 72px;
    width: 72px;
    line-height: 72px;
    font-size: 28px;
    color: #80807f;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    overflow: hidden;
    background: #eeeeee;
    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_4 .Serve_Icon span {
        line-height: inherit !important;
    }

.ServeList_4 .ServeBox:hover .Serve_Icon {
    color: #FFF;
}


.ServeList_4 .ServeBox {
    border: 1px solid #d8dbdb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding: 20px 10px 10px;
}

.ServeList_4 h3 {
    padding: 10px 0px;
}
/*ServeList_5*/
.ServeList_5 .Serve_Icon {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    margin: -30px auto 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    display: block;
    position: relative;
    overflow: hidden;
    color: #FFF;
    font-size: 28px !important;
    font-weight: bold;
    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_5 .ServeBox:hover .Serve_Icon > img {
    filter: alpha(opacity=0); /*IE*/
    opacity: 0;
}

.ServeList_5 .ServeBox {
    border: 1px solid #d8dbdb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding: 0px 10px 10px;
    margin: 35px 1px 0px;
}

.ServeList_5 h3 {
    padding: 5px 0px;
}
/*ServeList_6*/
.ServeList_6 .Serve_Icon {
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    font-size: 26px;
    color: #009b85;
    margin: auto;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    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_6 .ServeBox:hover .Serve_Icon {
}

.ServeList_6 .ServeBox h3 {
    text-align: right;
    font-size: 16px;
    color: #2c3433;
    font-weight: normal;
    position: relative;
    min-height: 35px;
    padding: 10px 50px 0px 0px;
}

.ServeList_6 .ServeBox {
    text-align: right;
}



/*Theme_21_LinkAndZoom_Normal*/
.Theme_21_LinkAndZoom_Normal li {
    background-color: #f3f3f3;
    text-align: center;
}

.Theme_21_LinkAndZoom_Normal .carousel_cap {
    padding: 0 15px 25px;
    color: #888888;
    border-bottom: 2px solid #dadada;
}

.Theme_21_LinkAndZoom_Normal h3.carousel_title {
    padding: 15px 15px 5px;
    color: #444444;
    font-size: 16px;
}

.Theme_21_LinkAndZoom_Normal .pager {
    padding-top: 20px !important;
}

    .Theme_21_LinkAndZoom_Normal .pager a {
        width: 20px !important;
        height: 20px !important;
        background-color: #d8d8d8 !important;
    }

        .Theme_21_LinkAndZoom_Normal .pager a.selected {
        }

.Theme_21_LinkAndZoom_Normal .prev,
.Theme_21_LinkAndZoom_Normal .next {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    top: -52px !important;
}

    .Theme_21_LinkAndZoom_Normal .prev:hover,
    .Theme_21_LinkAndZoom_Normal .next:hover {
    }

.Theme_21_LinkAndZoom_Normal .next {
    left: 0px !important;
}

.Theme_21_LinkAndZoom_Normal .prev {
    left: 26px !important;
}

/*Theme_14_Default*/
.Theme_14_Default .scrollableArea {
    background: #000;
}

    .Theme_14_Default .scrollableArea a img,
    .Theme_14_Default .scrollableArea a:before {
        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? */
    }

    .Theme_14_Default .scrollableArea a:hover img {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .Theme_14_Default .scrollableArea a {
        position: relative;
        display: block;
        float: right;
    }

        .Theme_14_Default .scrollableArea a:before {
            content: "  ";
            position: absolute;
            top: 50%;
            right: 50%;
            width: 54px;
            height: 54px;
            display: block;
            margin: -27px -27px 0px 0px;
        }

        .Theme_14_Default .scrollableArea a:hover:before {
            background: url(images/Pic_Icon.png) center center no-repeat;
        }

.Theme_14_Default .scrollingHotSpotLeft {
    width: 44px !important;
    height: 50px !important;
    background: url(images/arrow-4.png) no-repeat 12px center #000 !important;
    opacity: 0;
    min-width: 44px !important;
    top: 50% !important;
    margin-top: -25px !important;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
}

.Theme_14_Default .scrollingHotSpotRight {
    width: 44px !important;
    height: 50px !important;
    background: url(images/arrow-4.png) no-repeat -30px center #000 !important;
    opacity: 0;
    min-width: 44px !important;
    top: 50% !important;
    margin-top: -25px !important;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
}
/*Theme_13_Elegant*/
.Theme_12_Elegant div.unoslider_caption {
    bottom: 0px;
    width: 100%;
    padding: 15px 0px;
    background-color: #000;
    background-color: rgba(0,0,0,0.3);
    color: #FFF;
    text-indent: 20px;
    font-size: 15px;
}

.Theme_12_Elegant div.unoslider_indicator {
    bottom: -40px;
    right: 0px;
    width: 100%;
    border: none;
    box-shadow: none;
    text-align: center;
}

    .Theme_12_Elegant div.unoslider_indicator a {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        height: 20px;
        width: 20px;
        margin: auto 4px;
        background-color: #878787;
        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_12_Elegant div.unoslider_indicator a.unoslider_indicator_active,
        .Theme_12_Elegant div.unoslider_indicator a.unoslider_indicator_active:hover {
            width: 6px;
            height: 6px;
            background: transparent;
        }
/*.Theme_08_Default*/
.Theme_08_Default .Slide div {
    text-align: center;
}

/*new 3d*/
.banner5_title {
    font-size: 22px;
    color: #FFF;
    padding: 10px 15px;
    -webkit-text-size-adjust: none;
}

.banner5_content {
    background: url(images/opacity_70.png);
    font-size: 17px;
    color: #FFF;
    padding: 10px 15px;
    -webkit-text-size-adjust: none;
}

.banner1_title {
    color: #ffffff;
    font-size: 60px;
    font-weight: normal !important;
    -webkit-text-size-adjust: none;
}

.banner1_smalltitle {
    color: #ffffff;
    font-size: 46px;
    font-weight: bold !important;
    -webkit-text-size-adjust: none;
}

.banner1_content {
    color: #ffffff;
    font-size: 17px;
}

.banner1_more {
    color: #ffffff;
    background: url(images/arrow_8.png) no-repeat left center;
    background-size: contain;
    padding: 8px 0px 8px 45px;
    font-size: 16px;
}

.banner2_title {
    color: #FFF;
    font-size: 60px;
    font-weight: bold;
    font-family: IRANSans-web,Arial, Helvetica, sans-serif;
    line-height: 1;
}

.banner2_line {
    margin: auto 20px;
    width: 100%;
    max-width: 318px;
    border-bottom: 1px solid #FFF;
    text-indent: -999px;
    font-size: 0;
    overflow: hidden;
    height: 0px;
}

.banner2_content {
    background: url(images/opacity_70.png);
    color: #FFF;
    font-size: 20px;
    padding: 18px 30px;
}

.banner2_more1 {
    font-size: 17px;
    color: #FFF;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}

.banner2_more1 {
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px 30px;
    margin-left: 15px;
}

.banner2_more2 {
    font-size: 17px;
    color: #FFF;
    text-align: right;
    text-shadow: 1px 1px 1px #000;
}

.banner2_more2 {
    background: url(images/arrow_8.png) no-repeat left center;
    background-size: contain;
    padding: 12px 0 12px 50px;
    display: inline-block;
    margin-right: 15px;
}

* + html .banner2_more1,
* + html .banner2_more2 {
    display: inline;
}

.tp-banner-container a,
.tp-banner-container a:link,
.tp-banner-container a:active,
.tp-banner-container a:visited,
.tp-banner-container a:hover {
    color: #FFF !important;
}

.Skin_03_Default #filters li.selected a,
.Skin_03_Default #filters li.selected a:hover,
.Skin_03_Default .view-tenth:hover .portfolio_descr {
    color: #FFF !important;
}

.post_categories a:hover {
    background: none !important;
}


/*insets_list*/
.insets_list {
    margin: 0;
    padding: 0;
    text-align: right;
}

    .insets_list li {
        display: inline-block;
        vertical-align: top;
        width: 82px;
        list-style: none;
    }


@media only screen and (min-width: 1200px) {
    .dnn_layout {
        width: 1170px;
    }

    #top_menu > div > ul > li > a > span {
        padding: 0px 31px;
        line-height: 38px;
        height: 38px;
    }

    /*Theme_20_Default*/
    .Theme_20_Default li {
    }

        .Theme_20_Default li img {
            border: none !important;
            width: 82px !important;
            height: 82px !important;
        }

    .ourteam_a {
        padding: 30px 30px 30px 250px;
    }

        .ourteam_a .leftmian:after {
            border-width: 130px;
        }

        .ourteam_a .rightmain {
            left: 15px;
        }

    .ourteam_b .ourteam_b_right {
        padding: 90px 60px 90px 200px;
    }

    .functionList.ourservices_c .functionBox .line,
    .functionList.ourservices_c .functionBox .line2 {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .dnn_layout {
        width: 736px;
    }

    .dnn_logo {
        max-width: 150px;
    }

    #top_menu > div > ul > li > a > span {
        padding: 0px 15px;
        line-height: 30px;
        height: 30px;
    }

    .Theme_19_Normal .filter_block {
        position: static;
        top: 0;
        left: 0;
    }

    .Lead h1 {
        font-size: 22px;
    }

    .Lead p {
        font-size: 12px;
    }

    .ErrorPage_Box h1 {
        font-size: 30px;
        padding: 30px 0px 20px;
        line-height: 1.4;
    }

    .Footer_Contentbg [class*="Pane"] {
        margin: 10px 0 5px;
    }

    .functionList.ourservices_c .functionBox .line,
    .functionList.ourservices_c .functionBox .line2 {
        display: none;
    }

    .ourteam_b .ourteam_b_right {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .dnn_layout {
        width: auto;
    }

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

    .dnn_logo {
        float: none;
        text-align: right;
        position: relative;
        min-height: 40px;
        padding-left: 90px;
    }

    .HeaderPane_mobile {
        text-align: center;
    }
    /*Nav*/

    .navigation--mobile {
        display: block;
    }

    #dnn_wrapper {
        background: #FFF;
        overflow: hidden;
    }

    .navigation_mobile {
        width: 75%;
        position: absolute;
        bottom: 100%;
        left: 0;
        visibility: hidden;
        z-index: 0;
        -webkit-transition: visibility 0 linear;
        -webkit-transition-delay: 0.4s;
        -moz-transition: visibility 0 linear 0.4s;
        -o-transition: visibility 0 linear 0.4s;
        transition: visibility 0 linear 0.4s;
    }

    .wrapper {
        height: 100%;
        position: relative;
        z-index: 1;
        background: #FFF;
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        -moz-transition: -moz-transform 0.4s ease-in-out;
        -o-transition: -o-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
    }

    .navigation_is-visible .wrapper {
        background: #FFF;
        box-shadow: 0 0 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2);
        -webkit-transform: translateX(-75%);
        -moz-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
        -o-transform: translateX(-75%);
        transform: translateX(-75%);
    }

    .navigation_is-visible #dnn_wrapper {
        background: #e6e6e6;
    }

    .navigation_is-visible .navigation_mobile {
        top: 0px;
        bottom: auto;
        visibility: visible;
        z-index: 1;
        -webkit-transition: z-index 0 linear;
        -webkit-transition-delay: 0.4s;
        -moz-transition: z-index 0 linear 0.4s;
        -o-transition: z-index 0 linear 0.4s;
        transition: z-index 0 linear 0.4s;
    }

    .phoneHeadTop {
        padding: 25px 15px 25px 80px;
        position: relative;
    }

    .switchOpen {
        width: 44px;
        height: 38px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        cursor: pointer;
        position: absolute;
        left: 25px;
        top: 50%;
        margin-top: -18px;
        text-align: center;
        line-height: 36px;
        font-size: 22px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

        .switchOpen:before {
        }

    .SwitchClose:before {
        content: "\f00d";
    }

    .Login {
        text-align: center;
        float: none;
        border: none;
        max-width: none;
        padding: 0;
        margin: 0;
        width: auto;
    }

        .Login .LoginLink {
            background: none;
        }

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

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

    .languageBox {
        height: auto !important;
        line-height: normal !important;
    }

    .searchBox2 {
        margin: 0px 15px 25px;
        width: auto;
        display: block;
        position: relative;
        padding: 0px 3px 0px 43px;
        background: #FFF;
    }

        .searchBox2 input.NormalTextBox {
            line-height: 18px;
            height: 18px;
            padding: 10px 0px;
            border: none;
            background: none;
            width: 100%;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .searchBox2 .searchInputContainer {
            display: block !important;
            margin: 0px !important;
        }

            .searchBox2 .searchSkinObjectPreview,
            .searchBox2 .searchInputContainer a.dnnSearchBoxClearText.dnnShow,
            .searchBox2 .searchInputContainer a.dnnSearchBoxClearText {
                display: none !important;
            }

        .searchBox2 .search,
        .searchBox2 a.search:link,
        .searchBox2 a.search:active,
        .searchBox2 a.search:visited {
            width: 40px !important;
            height: 100%;
            color: #FFF !important;
            background-image: none;
            font-family: 'FontAwesome';
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            font-size: 0px;
            text-indent: 0px;
            -webkit-text-size-adjust: none;
        }

            .searchBox2 .search:empty {
                width: 1em;
            }

            .searchBox2 .search:before {
                font-size: 18px;
                content: "\f002";
                position: absolute;
                top: 50%;
                right: 50%;
                margin: -9px -9px 0 0;
            }

    .responsive .iPad,
    .responsive .iPhone {
        vertical-align: bottom;
        height: auto;
        width: auto;
    }

        .responsive .iPad img,
        .responsive .iPhone img {
            max-width: 65% !important;
        }


    /*--------- Mobile Menu style ----------*/
    #mobile_menu {
        margin: 0px 15px 15px;
    }

    .multi_menu {
        margin: auto;
    }

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

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

                .multi_menu ul li a {
                    font-size: 14px;
                    line-height: 20px;
                    padding: 0px;
                    margin: 0px;
                    color: #FFF;
                    display: block;
                    text-decoration: none;
                    outline: none;
                    text-align: right;
                }

        .multi_menu > ul > li > a > span {
            font-size: 14px;
            text-transform: capitalize;
        }

        .multi_menu > ul > li.current > a > span,
        .multi_menu > ul > li.current:hover > a > span,
        .multi_menu > ul > li.active > a > span,
        .multi_menu > ul > li:hover > a > span {
        }

        .multi_menu > ul > li {
            border: 2px solid transparent;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            transition: background-color ease-in 200ms,border-color ease-in 200ms;
            -moz-transition: background-color ease-in 200ms,border-color ease-in 200ms; /* Firefox 4 */
            -webkit-transition: background-color ease-in 200ms,border-color ease-in 200ms; /* Safari and Chrome */
            -o-transition: background-color ease-in 200ms,border-color ease-in 200ms; /* Opera */
            -ms-transition: background-color ease-in 200ms,border-color ease-in 200ms; /* IE9? */
        }

            .multi_menu > ul > li:hover,
            .multi_menu > ul > li.current,
            .multi_menu > ul > li.active {
                background-color: transparent;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

        .multi_menu ul li span {
            padding: 10px 15px;
            display: block;
            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? */
        }

            .multi_menu ul li span > img,
            .multi_menu ul li span > i {
                margin: 0 0 0 4px;
            }

        .multi_menu ul li .menu_arrow {
            display: block;
            width: 40px;
            padding: 0px;
            height: 40px;
            float: left;
            overflow: hidden;
            margin: 0px;
            position: relative;
            font-size: 0px;
            text-indent: -999px;
        }

            .multi_menu ul li .menu_arrow:before {
                content: " ";
                position: absolute;
                top: 50%;
                right: 50%;
                margin: -3px -3px 0px 0px;
                display: inline-block;
                width: 0px;
                height: 0px;
                border: 6px solid transparent;
                border-bottom-width: 0px;
            }

        .multi_menu > ul > li > a > .menu_arrow:before {
            border: 6px solid transparent;
            border-bottom-width: 0px;
            border-top-color: #FFF;
        }

        .multi_menu ul li .menu_arrow.arrow_opened {
        }

        .multi_menu ul li .menu_arrow.arrow_closed:before {
            border: 6px solid transparent;
            border-top-width: 0px;
        }

        .multi_menu > ul > li:hover > a > .menu_arrow:before,
        .multi_menu > ul > li.current > a > .menu_arrow:before,
        .multi_menu > ul > li.active > a > .menu_arrow:before {
            border: 6px solid transparent;
            border-bottom-width: 0px;
        }

        .multi_menu > ul > li:hover > a > .menu_arrow.arrow_closed:before,
        .multi_menu > ul > li.current > a > .menu_arrow.arrow_closed:before,
        .multi_menu > ul > li.active > a > .menu_arrow.arrow_closed:before {
            border: 6px solid transparent;
            border-top-width: 0px;
        }

        .multi_menu ul li li,
        .multi_menu ul li li a,
        .multi_menu ul li li a span {
            background: none !important;
        }

            .multi_menu ul li li span {
                padding: 3px 15px;
                color: #3c3c3c;
                font-size: 12px;
            }

        .multi_menu > ul > li > ul {
            padding-bottom: 5px;
        }

        .multi_menu ul ul {
            display: none;
            margin: 0;
            background: #e6e6e6;
        }

            .multi_menu ul ul li .menu_arrow {
                height: 22px;
                margin-top: 2px;
                padding: 0px;
            }

            .multi_menu ul ul li.current > a > span,
            .multi_menu ul ul li.current:hover > a > span,
            .multi_menu ul ul li.active > a > span,
            .multi_menu ul ul li:hover > a > span {
            }

            .multi_menu ul ul li a:hoevr {
            }

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

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

        .multi_menu ul ul ul {
            padding: 0px 15px;
            margin: 0px;
        }

        .multi_menu > ul > li > a > span > em {
            display: none;
        }

    .IHide-xs .multi_menu ul li span > img,
    .IHide-xs .multi_menu ul li span > i {
        display: none;
    }


    .Footer_Contentbg [class*="Pane"] {
        margin: 15px 0px 15px;
    }

    .Footer_Contentbg .FootPaneA {
        margin-top: 30px;
    }

    .Footer_Contentbg .FootPaneD {
        margin-bottom: 30px;
    }

    .copyright_style {
        text-align: center;
    }

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

    #to_top {
        position: fixed;
        float: none;
        margin: auto;
    }
    /*Theme_19_Normal*/
    .Theme_19_Normal .filter_block {
        position: static;
        top: 0;
        left: 0;
    }

    .Theme_19_Normal .filter_navigation ul ul li a {
        padding: 5px 12px !important;
    }


    .Theme_08_Default .Slide div {
        display: none !important;
    }


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

    .Lead h1 {
        font-size: 22px;
    }

    .Lead p {
        font-size: 12px;
    }

    .ErrorPage_Box h1 {
        font-size: 30px;
        padding: 30px 0px 20px;
        line-height: 1.4;
    }

    .breadcrumbBox h2 {
        font-size: 22px;
        margin: 0px;
        padding: 0px;
    }

    .breadcrumbRight {
        display: none;
    }

    .LeftPage_Box,
    .LeftPage_Box_bg1,
    .LeftPage_Box_bg2,
    .rightPage_Box,
    .rightPage_Box_bg1,
    .rightPage_Box_bg2 {
        background: none;
    }

    .js-clingify-placeholder,
    #roll_nav {
        display: none;
    }

    .SkinPlugin_icon {
        display: none !important;
    }

    .our_team2 .team_list {
        max-width: 270px;
        margin: auto auto 8px;
    }

    .functionList6 li {
        float: none;
        margin: auto auto 8px;
        width: 100%;
    }

    .LeftPage_Box_bg,
    .rightPage_Box_bg {
        display: none !important;
    }

    .aboutus_c .aboutus_c_right li span.fa {
        height: 85px;
        line-height: 85px;
    }

    .aboutus_d_bottom span.fa {
        font-size: 40px;
        top: 0;
    }

    .aboutus_d_bottom {
        padding: 0 50px 0 0;
    }

    .aboutus_e.headline_box {
        padding: 0;
    }

    .aboutus_e .headline_left {
        position: static;
        width: 100%;
        background: none;
        ;
        height: 100%;
        min-height: 94px;
        line-height: 94px;
        text-align: center;
    }

    .aboutus_e .headline_center {
        padding: 15px;
        text-align: center;
    }

    .aboutus_e .headline_right {
        position: static;
        width: 100%;
        text-align: center;
    }

    .ourservices_a_img1:before, .ourservices_a_img2:before,
    .ourservices_a_img1:after, .ourservices_a_img2:after,
    .ourservices_a_img1 .triangle, .ourservices_a_img2 .triangle,
    .ourservices_a_img3:before, .ourservices_a_img4:before,
    .ourservices_a_img3:after, .ourservices_a_img4:after,
    .ourservices_a_img3 .triangle, .ourservices_a_img4 .triangle {
        display: none;
    }

    .ourservices_b p {
        padding: 0;
    }

    .ourservices_b .accent_btn5 {
        margin: 0 5px;
        padding: 8px;
    }

    .functionList.ourservices_c .functionBox .line,
    .functionList.ourservices_c .functionBox .line2 {
        display: none;
    }

    .ourservices_d ul {
        margin: 20px 0 0 0;
    }

    .ourteam_a {
        padding: 15px;
    }

        .ourteam_a .rightmain,
        .ourteam_a .leftmian:after {
            display: none;
        }

    .ourteam_b .ourteam_b_left {
        width: 100%;
        height: 200px;
        position: relative;
    }

    .ourteam_b .ourteam_b_right {
        padding: 15px;
        width: 100%;
    }

        .ourteam_b .ourteam_b_right a.accent_btn {
            margin: 0 0 0 10px;
            padding: 10px 20px;
        }
}

@media only screen and (max-width: 550px) {
    .Lead h1 {
        font-size: 22px;
        display: none;
    }

    .Lead p {
        font-size: 12px;
        display: none;
    }

    .Login,
    userProperties {
        border: none !important;
        white-space: nowrap;
        padding: 0px !important;
        margin: 0px !important;
    }
}

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

.news_post_box .post_box .post_more a:hover {
    color: #FFF !important;
    text-decoration: none;
}

/*print*/
@media print {
    a:link:after {
        content: " ";
    }

    .navigation.navigation_mobile,
    #mobile_menu {
        display: none !important;
    }

    .animation {
        opacity: 1 !important;
    }

    .animated,
    .animated .animation_item {
        -webkit-animation-name: none !important;
        -moz-animation-name: none !important;
        -o-animation-name: none !important;
        animation-name: none !important;
    }
}

/*Element Hide*/

@media only screen and (max-width: 767px) {
    .ElementHide-xs,
    tr.ElementHide-xs,
    th.ElementHide-xs,
    td.ElementHide-xs {
        display: none !important;
    }

    .roll_menu.roll_activated .ElementHide-xs,
    .roll_menu.roll_activated tr.ElementHide-xs,
    .roll_menu.roll_activated th.ElementHide-xs,
    .roll_menu.roll_activated td.ElementHide-xs {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ElementHide-sm,
    tr.ElementHide-sm,
    th.ElementHide-sm,
    td.ElementHide-sm {
        display: none !important;
    }

    .roll_menu.roll_activated .ElementHide-sm,
    .roll_menu.roll_activated tr.ElementHide-sm,
    .roll_menu.roll_activated th.ElementHide-sm,
    .roll_menu.roll_activated td.ElementHide-sm {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ElementHide-md,
    tr.ElementHide-md,
    th.ElementHide-md,
    td.ElementHide-md {
        display: none !important;
    }

    .roll_menu.roll_activated .ElementHide-md,
    .roll_menu.roll_activated tr.ElementHide-md,
    .roll_menu.roll_activated th.ElementHide-md,
    .roll_menu.roll_activated td.ElementHide-md {
        display: none !important;
    }
}

@media only screen and (min-width: 1200px) {
    .ElementHide-lg,
    tr.ElementHide-lg,
    th.ElementHide-lg,
    td.ElementHide-lg {
        display: none !important;
    }

    .roll_menu.roll_activated .ElementHide-lg,
    .roll_menu.roll_activated tr.ElementHide-lg,
    .roll_menu.roll_activated th.ElementHide-lg,
    .roll_menu.roll_activated td.ElementHide-lg {
        display: none !important;
    }
}


/*****bootstrap.css 2*****/
blockquote {
    padding: 21px;
    margin: 0px 0 42px 0;
    font-family: IRANSans-web,Arial;
    font-style: italic;
    color: #848484;
    position: relative;
    border: none;
}

    blockquote p {
        margin-bottom: 0;
        font-size: 13px;
        font-weight: 300;
        line-height: 22.5px;
        text-indent: 50px;
    }

    blockquote small {
        display: block;
        line-height: 18px;
        font-size: 12px;
        position: absolute;
        bottom: -42px;
        right: 20%;
        padding: 24px 30px 0 0;
    }

        blockquote small:before {
            content: '\2014 \00A0';
        }

    blockquote.pull-right {
        float: left;
        padding-left: 15px;
        padding-right: 0;
    }

        blockquote.pull-right p, blockquote.pull-right small {
            text-align: left;
        }

mark, .mark {
    padding: 0;
}

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

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

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

.our_team img, .our_team2 img {
    max-width: 100%;
    width: 100%;
}

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

#dnngo_megamenu .dnngo_boxslide img {
    max-width: 100%;
}


.btn-primary, .btn-danger {
    color: #ffffff !important;
}

.btn-default {
    color: #333333 !important;
}

.tp-simpleresponsive > ul > li {
    line-height: 20px;
}



.pane_area {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/*Our Team*/
.our_team3 .team_title {
    padding: 15px 0px 8px;
    font-size: 18px;
    color: #009b85;
    background: none;
    text-align: right;
}

    .our_team3 .team_title span {
        color: #2c3433;
        display: inline;
        padding: 0;
    }

.our_team3 .team_content {
    color: #808080;
}

.our_team3 .team_social {
    padding: 0px;
    background: none;
    text-align: right;
}

    .our_team3 .team_social a,
    .our_team3 .team_social a:link,
    .our_team3 .team_social a:active,
    .our_team3 .team_social a:visited {
        font-size: 32px;
        color: #d2d2d2;
        margin-left: 3px;
    }

        .our_team3 .team_social a:hover {
            color: #009b85;
            text-decoration: none;
        }

.our_team3 .team_list {
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .our_team3 .team_list {
        max-width: 250px;
        margin: auto auto 5px;
    }
}

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

    .link_list2 li {
        display: inline-block;
        list-style: none;
        margin-right: -3px;
        width: 19%;
        text-align: center;
        vertical-align: middle;
    }

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

/*new page*/

.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: #009b85;
            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? */
            background: none;
            text-indent: 0;
            font-size: 28px;
            height: 30px;
            margin: 0;
            width: 30px;
            overflow: visible;
        }

            .TeamDetail_left .team_social a:hover {
                color: #2e2e2e;
            }

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

    .TeamDetail_right .Teamtitle span {
        color: #009b85;
    }

.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 0 7px 10px;
        display: inline-block;
        vertical-align: middle;
    }

        .TeamDetail_info li span.fa,
        .TeamDetail_info li span.social {
            width: 29px;
            height: 29px;
            line-height: 29px;
            background-color: #dcdcdc;
            font-size: 16px;
            text-align: center;
            color: #FFF;
            margin-left: 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: #009b85;
                text-decoration: underline;
            }


.bs-docs-example .progress {
    height: 20px;
}

.breadcrumb_social {
    text-align: center;
}

    .breadcrumb_social a {
        width: 39px;
        height: 39px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        background-color: #ffffff;
        margin: 0 1px;
        transition: background-color ease 300ms;
        -moz-transition: background-color ease 300ms; /* Firefox 4 */
        -webkit-transition: background-color ease 300ms; /* Safari and Chrome */
        -o-transition: background-color ease 300ms; /* Opera */
        -ms-transition: background-color ease 300ms; /* IE9? */
    }

    .breadcrumb_social span {
        font-size: 18px;
        text-indent: -1px;
        color: #777;
        width: 16px !important;
        height: 18px;
        margin: 10px 0 0;
        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? */
    }

    .breadcrumb_social a:hover {
        background-color: #777;
    }

        .breadcrumb_social a:hover span {
            color: #FFF;
        }


/***new portfolios group***/
.isotope_grid .portfolios_group {
    margin: 5px 0 35px;
    position: relative;
    display: inline-block;
    top: 0;
}

    .isotope_grid .portfolios_group a {
        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 #009b85;
    color: #009b85;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    text-decoration: none;
    margin-left: 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: #009b85;
        text-decoration: none;
    }

@media only screen and (max-width: 767px) {
    a.portfolios_default_btn {
        margin-left: 2px;
    }
}
/***portfolios carousel***/
.portfolios_carousel_title {
    font-size: 20px;
    color: #333333;
    padding: 23px 0 15px;
}

.portfolios_carousel .carousel .owl-buttons .owl-prev,
.portfolios_carousel .carousel .owl-buttons .owl-next {
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    right: -50px;
    margin-top: -25px;
    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_carousel .carousel .owl-buttons .owl-next {
    right: auto;
    left: -50px;
}

    .portfolios_carousel .carousel .owl-buttons .owl-prev:before,
    .portfolios_carousel .carousel .owl-buttons .owl-next:before {
        border-bottom: 1px solid #d1d1d1;
        border-right: 1px solid #d1d1d1;
    }

    .portfolios_carousel .carousel_1 .owl-buttons .owl-prev:hover,
    .portfolios_carousel .carousel_1 .owl-buttons .owl-next:hover,
    .portfolios_carousel .carousel .owl-buttons .owl-prev:hover:before,
    .portfolios_carousel .carousel .owl-buttons .owl-next:hover:before {
        border-color: #009b85;
    }

@media only screen and (max-width: 767px) {
    .portfolios_carousel .carousel .owl-buttons .owl-prev {
        right: -20px;
    }

    .portfolios_carousel .carousel .owl-buttons .owl-next {
        left: -20px;
    }
}

/***Grid layouts***/
.Grid_layouts .isotope_main {
    margin-right: -15px;
}

.Grid_layouts .photo_box .content h2 {
    font-size: 16px;
    line-height: 1.8;
}

.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: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.Grid_layouts .photo_box .shade {
    background-color: #009b85;
}

.Grid_layouts .photo_box:hover .shade {
    opacity: 0.8;
}

@media only screen and (max-width: 767px) {
    .Grid_layouts .isotope_main {
        margin-right: 0;
    }
}

/***Classic layouts***/
.Classic_layouts .isotope_main {
    margin-right: -15px;
    direction: ltr;
}

@media only screen and (max-width: 767px) {
    .Classic_layouts .isotope_main {
        margin-right: 0;
        direction: ltr;
    }
}

/***Text layouts***/
.Text_layouts .isotope_main {
    margin-right: -15px;
    direction: ltr;
}

.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: #009b85;
    background: #ffffff !important;
}

.Text_layouts .photo_box .shade {
    background-color: #009b85;
}

.text_sytle1 {
    font-size: 12px;
    color: #666666;
    padding: 16px 0 19px;
    text-align: right;
}

    .text_sytle1 h3 {
        font-size: 15px;
        color: #333333;
        text-transform: uppercase;
    }

    .text_sytle1 a {
        font-size: 13px;
        color: #009b85;
        text-transform: uppercase;
        text-align: right;
    }

.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-align: right;
}

    .text_sytle2 h3 {
        font-size: 15px;
        color: #333333;
        text-transform: uppercase;
    }

    .text_sytle2 .info {
        float: left;
        font-size: 14px;
        padding-top: 13px;
    }

        .text_sytle2 .info span {
            margin-left: 3px;
        }

@media only screen and (max-width: 767px) {
    .Text_layouts .isotope_main {
        margin-right: 0;
    }
}

/***List layouts***/
.List_layouts .isotope_main {
    margin-right: 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: #009b85;
    display: inline-block;
}

.List_layouts_text p a {
    margin-top: 26px;
}

@media only screen and (max-width: 767px) {
    .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: 12px;
        color: #666666;
    }

        .Sidebar_layouts_categories li a {
            color: #666666;
        }

    .Sidebar_layouts_categories .fa {
        font-size: 12px;
        color: #009b85;
        margin-left: 10px;
    }

.categories_number {
    float: left;
}

.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: right;
        padding-left: 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 .fa {
        color: #009b85;
        margin-left: 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;
    }

    .Single_Layouts .carousel .owl-pagination {
        top: auto;
        bottom: 0;
    }

    .Single_Layouts .carousel .owl-page {
        background-color: rgba(255,255,255,0.6);
        width: 17px;
        height: 17px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

        .Single_Layouts .carousel .owl-page.active {
            background-color: #ffffff;
        }

@media only screen and (max-width: 767px) {
    .Single_Layouts .carousel .owl-buttons .owl-prev,
    .Single_Layouts .carousel .owl-buttons .owl-next {
        margin-top: -33px;
    }
}
/***page control***/
.page_turning a {
    font-size: 12px;
    color: #666666 !important;
    margin: 0 0 5px 5px;
}

a.page_control {
    display: inline-block;
    line-height: 31px !important;
    width: 70px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    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: #009b85 !important;
        border: 1px solid #009b85;
        text-decoration: none;
    }

.Single_page {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d8d8d8;
}

    .Single_page a {
        font-size: 13px;
        color: #009b85;
        display: inline-block;
        line-height: 38px !important;
        width: 100px;
        border: 1px solid #009b85;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        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: #009b85;
            color: #ffffff;
        }

.prev_control {
    float: right;
}

.next_control {
    float: left;
}


.full_bg1 {
    background-color: #f7f7f7;
}
/****** home ******/
/*common style*/
.img_display {
    display: inline-block;
}

.text_hidden {
    overflow: hidden;
}

.text_padding {
    padding-bottom: 30px;
}

.text_accent {
    color: #009b85;
}

.home_head h3,
.home_head_center h3 {
    font-size: 22px;
    color: #444444;
    font-weight: normal;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 5px 0 0;
    padding: 0;
}

.home_head .line,
.home_head_center .line {
    width: 126px;
    height: 1px;
    background-color: #009b85;
    margin: 15px 0 25px;
}

.home_head_center h3 {
    text-align: center;
}

.home_head_center .line {
    margin: 15px auto 25px;
}

.home_list1 {
    margin: 15px 0 22px;
    list-style: none;
}

    .home_list1 li {
        line-height: 2;
    }

        .home_list1 li em.fa {
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            font-size: 10px;
            color: #009b85;
            border: 1px solid #009b85;
            margin-left: 10px;
            vertical-align: middle;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

.home_isotope .isotope_main .photo_box {
    margin: 30px 15px 0;
}

.home_isotope .photo_box .content .ico .Hline {
    background-color: #ffffff;
    height: 2px;
    margin: 0 auto;
    position: relative;
    top: 64px;
    width: 129px;
}

.home_isotope .photo_box .content .ico .Vlive {
    background-color: #ffffff;
    height: 129px;
    margin: 0 auto;
    width: 2px;
}

.home_isotope .photo_box .shade {
    background-color: #3b4241;
}

.home_isotope .photo_box:hover .shade {
    opacity: 0.5;
}

.text_sytle4 {
    line-height: 1.6;
    padding: 12px 0 15px;
}

    .text_sytle4 .info {
        float: left;
        padding-top: 10px;
    }

        .text_sytle4 .info em.fa {
            margin-left: 10px;
        }

    .text_sytle4 .photo_title {
        color: #444444;
    }

.backgroundImage11 .home_head_center h3,
.backgroundImage12 .home_head_center h3 {
    color: #ffffff;
}

.backgroundImage11 .home_head_center .line,
.backgroundImage12 .home_head_center .line {
    background-color: #ffffff;
}

.home_features_left > div,
.home_features_right > div {
    padding: 40px 0 5px;
}

.home_features_left {
    text-align: left;
}

    .home_features_left em.fa,
    .home_features_right em.fa {
        width: 81px;
        height: 81px;
        line-height: 78px;
        font-size: 26px;
        color: #ffffff;
        margin: 2px 0 0;
        border: 3px solid #ffffff;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .home_features_left em.fa {
        float: left;
        margin-right: 18px;
    }

.home_features_right em.fa {
    float: right;
    margin-left: 18px;
}

.home_features_left h3,
.home_features_right h3 {
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
    font-weight: normal;
    margin: 0 0 10px;
}

.home_news_right {
    border: 1px solid #e5e5e5;
}

    .home_news_right + .home_news_right {
        margin-top: 15px;
    }

    .home_news_right .photo_box {
        float: right;
        margin: 0;
    }

        .home_news_right .photo_box .ico {
            margin-top: -17px;
        }

            .home_news_right .photo_box .ico a em.fa {
                color: #ffffff;
                width: 35px !important;
                height: 35px !important;
                line-height: 35px !important;
                font-size: 16px;
                border: none;
                display: inline-block;
                background-color: #000000;
                background-color: rgba(0,0,0,0.5);
                border-radius: 50%;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
            }

        .home_news_right .photo_box .shade {
            background-color: #009b85;
        }

.home_news_text_top {
    padding: 10px 20px;
    height: 117px;
}

    .home_news_text_top h3 {
        font-size: 14px;
        color: #444444;
        font-weight: normal;
    }

.home_news_text_bottom {
    height: 33px;
    line-height: 33px;
    border-top: 1px solid #e5e5e5;
}

    .home_news_text_bottom > span {
        padding: 0 10px;
        display: inline-block;
    }

    .home_news_text_bottom > a {
        padding: 0 10px;
        color: #666666 !important;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        display: inline-block;
    }

.home_news_right:hover .shade,
.home_news_right .photo_box:hover .shade {
    opacity: 0.8;
}

.home_news_right:hover .ico,
.home_news_right:hover .content {
    opacity: 1;
}

.home_news_text_bottom > a:hover {
    color: #009b85 !important;
    text-decoration: none;
}

.home_team_border {
    border-bottom: 1px solid #e5e5e5;
}

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

.home_team_2,
.home_team_4 {
    border-right: 1px solid #e5e5e5;
}

.home_team_1,
.home_team_2 {
    padding: 0 0 80px;
}

.home_team_3,
.home_team_4 {
    padding: 50px 0 30px;
}

.home_team_1,
.home_team_3 {
    padding-left: 30px;
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
}


.home_team_left {
    float: right;
    margin: 0 15px 0 25px;
}

    .home_team_left img {
        width: 173px;
        height: 173px;
        margin-bottom: 8px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.social_list a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    margin: 0 3px;
    color: #ffffff !important;
    background-color: #009b85;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: background-color ease-in 200ms;
    -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */
}

    .social_list a:hover {
        background-color: #666666;
    }

.home_team_title {
    padding: 16px 0 20px;
}

.home_text2_p1 {
    padding-bottom: 10px;
}

.home_list2 {
    margin: 8px 0 18px;
    list-style: none;
}

    .home_list2 li {
        line-height: 2;
    }

        .home_list2 li em.fa {
            text-align: center;
            color: #009b85;
            margin-left: 10px;
            font-size: 15px;
            vertical-align: middle;
        }


/****** home2 ******/
a.accent_btn {
    display: inline-block;
    color: #009b85;
    padding: 10px 30px;
    border: 1px solid #009b85;
    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? */
}

    a.accent_btn:hover {
        text-decoration: none;
        color: #ffffff;
        background-color: #009b85;
    }

a.accent_btn2 {
    display: inline-block;
    color: #999999 !important;
    padding: 10px 30px;
    border: 1px solid #a5a5a5;
    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? */
}

    a.accent_btn2:hover {
        text-decoration: none;
        color: #009b85 !important;
        border-color: #009b85;
    }

a.Button_white {
    padding: 11px 30px;
    margin: 0px;
    position: relative;
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    color: #009b85 !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: url(images/Button_special.png) repeat-x right bottom #ffffff;
    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? */
}

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

    a.Button_white:hover {
        text-decoration: none;
        color: #ffffff !important;
        background-color: #555555;
    }

.home2_head_center {
    text-align: center;
}

    .home2_head_center p {
        font-size: 16px;
        margin: 5px 0 27px;
    }

    .home2_head h3,
    .home2_head_center h3 {
        font-size: 22px;
        line-height: 1.3;
        color: #444444;
        font-weight: normal;
        text-transform: uppercase;
        margin: 5px 0 0;
    }

    .home2_head .line,
    .home2_head_center .line {
        width: 179px;
        height: 18px;
        position: relative;
        margin: 15px 0 25px;
    }

.home2_head_line_l,
.home2_head_line_r {
    width: 158px;
    height: 1px;
    background-color: #009b85;
    position: absolute;
    top: 7px;
    right: 0;
}

.home2_head_line_m {
    width: 15px;
    height: 15px;
    border-left: 1px solid #009b85;
    border-bottom: 1px solid #009b85;
    position: absolute;
    top: 0;
    left: 3px;
    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 */
}

    .home2_head_line_m:before {
        content: "";
        width: 7px;
        height: 7px;
        background-color: #009b85;
        position: absolute;
        right: 0;
        top: 0;
        margin: 2px;
    }

.home2_head_center .line {
    width: 177px;
    margin: 15px auto 25px;
}

.home2_head_center .home2_head_line_l,
.home2_head_center .home2_head_line_r {
    width: 78px;
}

.home2_head_center .home2_head_line_r {
    right: auto;
    left: 0;
}

.home2_head_center .home2_head_line_m {
    left: auto;
    right: 50%;
    margin-right: -8px;
}

.home2_full {
    position: relative;
    color: #ffffff;
}

.home2_full_left {
    background: url(images/home2_full_bg.jpg) 0 0 repeat;
    width: 50%;
    padding: 40px;
    text-align: center;
}

.home2_full .home2_head_center h3 {
    color: #ffffff;
}

.home2_list {
    margin: 40px 15px 37px;
    list-style: none;
    text-align: right;
    display: inline-block;
}

    .home2_list li {
        line-height: 2;
    }

        .home2_list li em.fa {
            color: #009b85;
            margin-left: 12px;
            font-size: 20px;
            vertical-align: middle;
        }

.home2_full_right {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/home2_full_right_img.jpg) center center no-repeat;
    background-size: cover;
}

.home2_full2 {
    position: relative;
}

    .home2_full2:before {
        content: "";
        position: absolute;
        right: 50%;
        top: 100%;
        margin: 0 -17px 0 0;
        border-width: 12px 17px;
        border-style: solid;
        border-color: #009b85 transparent transparent transparent;
    }

.home2_text1 {
    font-size: 22px;
    padding-top: 6px;
    text-transform: uppercase;
}

.home2_text2 {
    padding-top: 15px;
}

.home2_text2_content {
    line-height: 2;
}

    .home2_text2_content + .home2_text2_content {
        margin-top: 20px;
    }

    .home2_text2_content em.fa {
        float: right;
        width: 68px;
        height: 68px;
        line-height: 68px;
        font-size: 22px;
        color: #ffffff;
        margin-left: 15px;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.home2_text2_color1 em.fa {
    background-color: #31aae1;
}

.home2_text2_color2 em.fa {
    background-color: #03c1a6;
}

.home2_text2_color3 em.fa {
    background-color: #ec768c;
}

.home2_text2_content h4 {
    font-size: 14px;
    color: #444444;
    line-height: 1.3;
    font-weight: normal;
    margin: 7px 0 13px;
}

.home2_list2 {
    margin: 20px 0;
    list-style: none;
}

    .home2_list2 li {
        line-height: 2;
    }

    .home2_list2 em.fa {
        color: #009b85;
        margin-left: 10px;
        font-size: 15px;
        vertical-align: middle;
    }

.backgroundImage14 .home2_head_center h3,
.backgroundImage15 .home2_head_center h3 {
    color: #ffffff;
}

.home2_team .row + .row {
    margin-top: 10px;
}

.home2_team > div > div > div {
    position: relative;
    background-color: #f7f7f7;
    margin-top: 20px;
    transition: all ease-in 300ms;
    -moz-transition: all ease-in 300ms; /* Firefox 4 */
    -webkit-transition: all ease-in 300ms; /* Safari and Chrome */
    -o-transition: all ease-in 300ms; /* Opera */
    -ms-transition: all ease-in 300ms; /* IE9? */
}

.home2_team_left1,
.home2_team_left2,
.home2_team_left3,
.home2_team_left4 {
    position: absolute;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(images/home2_team_img1.jpg) center top no-repeat;
    background-size: cover;
}

.home2_team_left2 {
    background-image: url(images/home2_team_img2.jpg);
}

.home2_team_left3 {
    background-image: url(images/home2_team_img3.jpg);
}

.home2_team_left4 {
    background-image: url(images/home2_team_img4.jpg);
}

.home2_team_right {
    float: left;
    width: 50%;
    padding: 0 20px;
}

.home2_team_border {
    border-bottom: 1px solid #dadada;
    padding: 27px 0;
}

.home2_team_title {
    padding: 0 0 19px;
}

    .home2_team_title h3 {
        font-size: 14px;
        color: #444444;
        font-weight: normal;
        line-height: 1.3;
        margin: 0;
        transition: all ease-in 300ms;
        -moz-transition: all ease-in 300ms; /* Firefox 4 */
        -webkit-transition: all ease-in 300ms; /* Safari and Chrome */
        -o-transition: all ease-in 300ms; /* Opera */
        -ms-transition: all ease-in 300ms; /* IE9? */
    }

.social_list2 {
    margin: 13px 0;
}

    .social_list2 a {
        font-size: 20px;
        color: #999999 !important;
        margin: 0 0 0 14px;
    }

.home2_team > div > div > div:hover {
    background-color: #009b85;
    color: #ffffff;
}

    .home2_team > div > div > div:hover .home2_team_title h3,
    .home2_team > div > div > div:hover .social_list2 a {
        color: #ffffff !important;
    }

.home2_text3.row {
    margin: 0;
    overflow: hidden;
}

    .home2_text3.row > div {
        margin-bottom: -10000px;
        padding-bottom: 10000px;
    }

@media only screen and (max-width: 767px) {
    .home2_text3.row > div {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
}


.home2_text3 {
    background-color: #009b85;
    text-align: center;
    color: #ffffff;
}

    .home2_text3 > div {
        position: relative;
        z-index: 100;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #ffffff;
    }

        .home2_text3 > div.firstchild {
            border-right: none;
        }

        .home2_text3 > div.lastchild {
            border-left: none;
        }

        .home2_text3 > div + div:before {
            content: "";
            position: absolute;
            right: -11px;
            top: 50%;
            margin: -11px 0 0 0;
            width: 20px;
            height: 20px;
            border: 6px solid #ffffff;
            background-color: #009b85;
            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 */
        }

.home2_text3_light .before {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(images/home2_text3_bg.png) 0 0 repeat;
    z-index: -1;
}

.home2_text3 em.fa {
    width: 104px;
    height: 104px;
    line-height: 104px;
    font-size: 33px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.home2_text3 h3 {
    color: #ffffff;
    font-size: 16px;
    margin: 25px 0 33px;
    font-weight: normal;
    text-transform: uppercase;
}

.hone2_contact_info {
}

    .hone2_contact_info + .hone2_contact_info {
        border-top: 1px solid #eaeaea;
        padding-top: 15px;
        margin-top: 34px;
    }

    .hone2_contact_info em.fa {
        float: right;
        width: 81px;
        height: 81px;
        line-height: 81px;
        color: #009b85;
        font-size: 40px;
        margin-left: 20px;
        text-align: center;
        border: 1px solid #999999;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .hone2_contact_info h3 {
        color: #444444;
        font-size: 18px;
        font-weight: normal;
        margin: 15px 0 3px;
    }

.home2_work_process {
    margin: 0;
    list-style: none;
    text-align: center;
}

    .home2_work_process li {
        float: right;
        width: 20%;
    }

    .home2_work_process .work_step {
        font-size: 35px;
        width: 118px;
        height: 118px;
        line-height: 112px;
        margin: 15px auto 0;
        border: 3px solid #ffffff;
        position: relative;
        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? */
    }

        .home2_work_process .work_step .line {
            position: absolute;
            top: 58px;
            right: 100%;
            margin-right: 3px;
            height: 1px;
            width: 70px;
            background-color: #ffffff;
        }

    .home2_work_process h3 {
        font-size: 18px;
        font-weight: normal;
        margin: 26px 0 31px;
    }

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

    .home2_work_process li:hover .work_step {
        background-color: #009b85;
        border-color: #009b85;
    }

/*foot2*/
.foot2_text1 img {
    padding-top: 8px;
}

.foot_logo_text {
    padding-top: 40px;
}

.social_list1 {
    padding-top: 20px;
}

    .social_list1 a {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 18px;
        margin: 0 0 0 6px;
        color: #ffffff !important;
        background-color: #232a34;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

        .social_list1 a:hover {
            background-color: #666666;
        }

.foot_comments > div + div {
    border-top: 1px dashed #444444;
    padding-top: 15px;
    margin-top: 16px;
}

.foot_twitter > a {
    float: right;
    font-size: 20px;
    margin-left: 10px;
}

.foot_twitter > div a {
    color: #bbbbbb !important;
}

.foot_posts img {
    float: right;
    margin-left: 30px;
    margin-top: 6px;
}

.foot_posts h3 {
    font-size: 13px;
    color: #bbbbbb;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.foot_posts + .foot_posts {
    margin-top: 24px;
}


/****** home3 ******/
a.accent_btn3 {
    display: inline-block;
    padding: 10px 35px;
    color: #ffffff !important;
    background-color: #009b85;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    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.accent_btn3:hover {
        background-color: #555555;
        text-decoration: none;
    }

.home3_head_center {
    text-align: center;
    margin-top: 5px;
    text-transform: uppercase;
}

    .home3_head h3,
    .home3_head_center h3 {
        font-size: 22px;
        color: #000000;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0;
        line-height: 1.3;
    }

.home3_head h3 {
    margin: 5px 0 35px;
}

.home3_head span {
    font-size: 13px;
    color: #666666;
}

.home3_head .line {
    width: 30px;
    height: 1px;
    display: inline-block;
    margin: 0 5px;
    background-color: #009b85;
}

.home3_head_center .line {
    width: 30px;
    height: 1px;
    background-color: #009b85;
    margin: 25px auto 40px;
}

.home3_text1 {
    padding-top: 25px;
    padding-bottom: 30px;
}

    .home3_text1 h3 {
        font-size: 22px;
        line-height: 1.3;
        font-weight: normal;
        text-transform: uppercase;
        margin: 5px 0 15px;
    }

    .home3_text1 > p {
        font-size: 14px;
        line-height: 1.8;
    }

.home3_list {
    margin: 20px 0 25px;
    list-style: none;
}

    .home3_list li {
        line-height: 2;
    }

        .home3_list li em.fa {
            margin-left: 12px;
            font-size: 18px;
            color: #009b85;
            vertical-align: middle;
        }

.home3_blog {
    border: 1px solid #ededed;
    background-color: #f7f7f7;
    position: relative;
    margin-top: 45px;
}

.home3_blog1_left {
    position: absolute;
    right: 0;
    top: 0;
    width: 34%;
    height: 100%;
    background: url(images/home3_blog_img1.jpg) center top no-repeat;
    background-size: cover;
}

.home3_blog1_right {
    float: left;
    width: 66%;
    position: relative;
    padding: 60px 70px 60px 30px;
}

.home3_blog2_left {
    float: right;
    width: 66%;
    text-align: left;
    position: relative;
    padding: 60px 30px 60px 70px;
}

.home3_blog2_right {
    position: absolute;
    left: 0;
    top: 0;
    width: 34%;
    height: 100%;
    background: url(images/home3_blog_img2.jpg) center top no-repeat;
    background-size: cover;
}

.home3_blog h3 {
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    text-transform: uppercase;
    margin: 5px 0 15px;
}

.home3_blog_date {
    position: absolute;
    top: 50%;
    margin-top: -47px;
    padding-top: 10px;
    width: 95px;
    height: 95px;
    font-size: 40px;
    color: #ffffff;
    text-align: center;
    background-color: #009b85;
    border: 3px solid #ffffff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    z-index: 1;
    line-height: 1.1;
    -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.2); /* For Firefox3.6+ */
    -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.2); /* For Chrome5+, Safari5+ */
    box-shadow: 3px 3px 6px rgba(0,0,0,0.2); /* For Latest Opera */
}

.home3_blog2_left .home3_blog_date {
    -moz-box-shadow: -3px 3px 6px rgba(0,0,0,0.2); /* For Firefox3.6+ */
    -webkit-box-shadow: -3px 3px 6px rgba(0,0,0,0.2); /* For Chrome5+, Safari5+ */
    box-shadow: -3px 3px 6px rgba(0,0,0,0.2); /* For Latest Opera */
}

.home3_blog_date span {
    font-size: 14px;
    display: block;
}

.home3_blog1_right .home3_blog_date {
    right: -47px;
}

.home3_blog2_left .home3_blog_date {
    left: -47px;
}

.home3_products_box {
    margin: auto 13%;
}

.home3_products {
    margin-top: 40px;
    padding: 0 34px 30px;
    color: #ffffff;
    text-align: center;
    border: 1px solid #9b9da1;
    background-color: #6c6f76;
    background-color: rgba(108,111,118,0.5);
}

    .home3_products em.fa {
        width: 83px;
        height: 83px;
        line-height: 83px;
        font-size: 45px;
        margin: -40px auto 0;
        background-color: #009b85;
    }

    .home3_products h3 {
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
        line-height: 1.3;
        margin: 30px 0 20px;
    }

    .home3_products .line {
        width: 30px;
        height: 1px;
        background-color: #009b85;
        margin: 20px auto;
    }

    .home3_products p {
        line-height: 2;
        padding: 0px 20px;
    }

.home3_carousel_btn {
    margin-top: 40px;
}

.home3_text2 {
    margin: 0 -6px;
}

.home3_text2_padding {
    padding: 0 6px;
    float: right;
    width: 14.286%;
}

    .home3_text2_padding .photo_box .ico span {
        border: none;
        font-size: 18px;
        background-color: transparent;
    }

    .home3_text2_padding .photo_box .shade {
        background-color: #009b85;
    }

    .home3_text2_padding .photo_box:hover .shade {
        opacity: 0.8;
    }

/*foot3*/
.foot_about img {
    margin: 3px 0 20px;
}

.foot_about a {
    font-size: 14px;
}

    .foot_about a em {
        color: #ffffff;
        width: 17px;
        height: 17px;
        line-height: 17px;
        margin-left: 5px;
        text-align: center;
        background-color: #009b85;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.foot-goemail {
    position: relative;
    padding: 10px 10px 12px;
    background-color: #202020;
    line-height: 1.2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .foot-goemail .fa {
        position: absolute;
        top: 0;
        left: 0px;
        width: 38px;
        height: 100%;
        text-align: center;
        background-color: #009b85;
        color: #FFF;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-size: 16px;
        transition: all ease-in 200ms;
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    }

        .foot-goemail .fa:after {
            content: "";
            display: inline-block;
            width: 0px;
            height: 100%;
            vertical-align: middle;
        }

        .foot-goemail .fa:hover {
            opacity: 0.8;
        }


.foot_news {
    border-bottom: 1px solid #3d3d3d;
    padding-bottom: 18px;
}

    .foot_news + .foot_news {
        padding-top: 20px;
    }

    .foot_news img {
        float: right;
        margin: 4px 0 0 20px;
    }

    .foot_news h3 {
        font-size: 16px;
        color: #009b85;
        font-weight: normal;
        margin: 0 0 6px;
    }

.foot_tags a {
    display: inline-block;
    color: #888888 !important;
    padding: 16px 19px;
    border: 1px solid #888888;
    margin: 0 0 8px 8px;
    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? */
}

    .foot_tags a:hover {
        text-decoration: none !important;
        color: #009b85 !important;
        border-color: #009b85;
    }


/****** home4 ******/
a.accent_btn4 {
    display: inline-block;
    color: #000000 !important;
    padding: 14px 35px;
    font-size: 14px;
    border: 1px solid #444444;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 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? */
}

    a.accent_btn4:hover {
        text-decoration: none;
        color: #009b85 !important;
        border-color: #009b85;
    }

a.accent_btn5 {
    display: inline-block;
    padding: 11px 35px;
    font-size: 14px;
    color: #ffffff !important;
    background-color: #009b85;
    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.accent_btn5:hover {
        background-color: #555555;
        text-decoration: none;
    }

a.accent_btn6 {
    display: inline-block;
    color: #ffffff !important;
    padding: 10px 35px;
    font-size: 14px;
    border: 1px solid #ffffff;
    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.accent_btn6:hover {
        text-decoration: none;
        color: #009b85 !important;
        border-color: #009b85;
    }

.home4_head h3,
.home4_head_center h3 {
    font-size: 30px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1.3;
    margin: 5px 0 22px;
}

    .home4_head h3 span,
    .home4_head_center h3 span {
        font-weight: normal;
    }

.home4_head_center {
    text-align: center;
}

.text_black {
    color: #000000;
}

.home4_text1 p {
    padding-bottom: 22px;
}

.home4_isotope .isotope_group {
    position: relative;
    top: 0;
    border: none !important;
    text-align: center;
    margin: 0 0 40px;
    background: none;
}

    .home4_isotope .isotope_group a {
        border: 1px solid #444444 !important;
        color: #000000;
        float: none;
        font-size: 16px;
        padding: 10px 22px;
        margin: 8px 4px 0;
    }

        .home4_isotope .isotope_group a:hover {
            color: #009b85;
            background: none !important;
            border-color: #009b85 !important;
        }

        .home4_isotope .isotope_group a.active {
            color: #ffffff;
            background-color: #000000 !important;
            border-color: #000000 !important;
        }

.home4_isotope .isotope_main .photo_box {
    margin: 0;
}

.home4_isotope_btn {
    margin: 50px 0 10px;
}

.home4_list {
    padding-top: 30px;
}

    .home4_list > div + div {
        margin-top: 20px;
    }

    .home4_list em {
        float: right;
        width: 44px;
        height: 44px;
        line-height: 44px;
        margin-left: 20px;
        font-size: 24px;
        color: #ffffff;
        background-color: #009b85;
        text-align: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.hone4_img1 {
    margin-right: -60px;
}

.home4_text2 {
    padding-top: 30px;
}

.home4_list2 {
    margin: 20px 0 25px;
    list-style: none;
}

    .home4_list2 li {
        line-height: 2;
    }

    .home4_list2 em {
        color: #009b85;
        margin-left: 15px;
        font-size: 18px;
        vertical-align: middle;
    }

.home4_text2_btn a {
    margin: 0 0 10px 8px;
}

.home4_img_link {
    position: relative;
}

.img_left_link {
    position: absolute;
    right: 0;
    top: 55px;
    text-align: left;
}

.center_img {
    width: 46%;
    margin: auto;
}

.img_right_link {
    position: absolute;
    left: 10px;
    top: 55px;
}

    .img_left_link > div,
    .img_right_link > div {
        position: relative;
    }

        .img_left_link > div + div,
        .img_right_link > div + div {
            margin-top: 40px;
        }

.link_btn {
    color: #666666;
    font-size: 14px;
    cursor: pointer;
}

.left_link_line {
    position: absolute;
    top: 12px;
    right: 100%;
    display: none;
    margin-right: 12px;
}

.right_link_btn {
    position: absolute;
    top: 12px;
    left: 100%;
    display: none;
    margin-left: 12px;
}

.link_btn span {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid #009b85;
    margin: 0 12px 0 0;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
    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? */
}

    .link_btn span:before {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        top: 3px;
        right: 3px;
        background-color: #009b85;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.img_right_link .link_btn span {
    margin: 0 0 0 12px;
}

.link_btn:hover {
    color: #009b85;
}

    .link_btn:hover span {
        border-color: #666666;
    }

        .link_btn:hover span:before {
            background-color: #666666;
        }

#left_link_line1 {
    width: 190px;
    height: 61px;
    background: url(images/left_link_img1.png) left top no-repeat;
    display: block;
}

#left_link_line2 {
    width: 280px;
    height: 61px;
    background: url(images/left_link_img2.png) left top no-repeat;
}

#left_link_line3 {
    width: 245px;
    height: 42px;
    background: url(images/left_link_img3.png) left top no-repeat;
    top: -30px;
}

#right_link_line1 {
    width: 245px;
    height: 22px;
    background: url(images/right_link_img1.png) right top no-repeat;
}

#right_link_line2 {
    width: 175px;
    height: 50px;
    background: url(images/right_link_img2.png) right top no-repeat;
    display: block;
}

#right_link_line3 {
    width: 150px;
    height: 28px;
    background: url(images/right_link_img3.png) right top no-repeat;
}


/****** home5 ******/
a.accent_btn7 {
    display: inline-block;
    color: #ffffff !important;
    padding: 18px 50px;
    font-size: 16px;
    border: 1px solid #ffffff;
    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.accent_btn7:hover {
        text-decoration: none;
        border-color: #555555;
        background-color: #555555;
    }

a.accent_btn8 {
    display: inline-block;
    padding: 28px 45px;
    font-size: 25px;
    color: #ffffff !important;
    background-color: #009b85;
    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.accent_btn8:hover {
        background-color: #555555;
        text-decoration: none;
    }

a.accent_btn9 {
    display: inline-block;
    color: #009b85 !important;
    padding: 27px 45px;
    font-size: 25px;
    border: 1px solid #ffffff;
    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.accent_btn9:hover {
        text-decoration: none;
        border-color: #555555;
        background-color: #555555;
    }

.home5_head {
    text-align: center;
}

    .home5_head h3 {
        color: #2c3e52;
        font-size: 30px;
        line-height: 1.3;
        margin: 5px 0 11px;
        text-transform: uppercase;
        display: inline-block;
    }

    .home5_head .icon_area {
        position: relative;
        display: inline-block;
    }

    .home5_head .icon_area {
        padding: 0 27px;
        margin: 24px 0 45px;
    }

    .home5_head .icon_area {
        font-size: 60px;
    }

        .home5_head .icon_area .icon_left {
            width: 185px;
            height: 1px;
            background-color: #6b7886;
            position: absolute;
            left: 100%;
            top: 50%;
        }

        .home5_head .icon_area .icon_right {
            width: 185px;
            height: 1px;
            background-color: #6b7886;
            position: absolute;
            right: 100%;
            top: 50%;
        }

.home5_divider {
    margin: 0 0 5px;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
}

    .home5_divider em {
        width: 42px;
        height: 42px;
        line-height: 40px;
        color: #999999;
        border: 1px solid #d9d9d9;
        background-color: #ffffff;
        position: absolute;
        bottom: -21px;
        right: 50%;
        margin-right: -20px;
        z-index: 1;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.home5_text1 h3 {
    color: #2c3e52;
    font-size: 30px;
    line-height: 1.3;
    padding-bottom: 18px;
    margin: 5px 0 25px;
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 1px solid #6b7886;
}

.home5_text1_p {
    color: #444444;
}

.home5_list {
    margin: 20px 0 22px;
    list-style: none;
}

    .home5_list li {
        line-height: 2;
    }

        .home5_list li em {
            color: #009b85;
            font-size: 18px;
            margin-left: 20px;
            vertical-align: middle;
        }

.home5_img_link {
    position: relative;
    width: 87%;
    margin-right: 7%;
    padding-top: 85px;
}

.home5_link_title {
    color: #2c3e52;
}

.home5_img_link > div {
    position: absolute;
}

.home5_link_1 {
    top: 30px;
    right: -62px;
    width: 95px;
    text-align: left;
}

.home5_link_2 {
    top: 0;
    right: 65px;
    width: 245px;
    text-align: left;
}

.home5_link_3 {
    top: 0;
    left: 140px;
    width: 245px;
}

.home5_link_4 {
    top: 58px;
    left: -55px;
    width: 245px;
}

.home5_link_5 {
    top: 150px;
    left: -70px;
    width: 200px;
}

.home5_link_line {
    position: absolute;
    top: 5px;
}

.home5_link_1 .home5_link_line {
    right: 100%;
    margin-right: 10px;
}

.home5_link_2 .home5_link_line {
    right: 100%;
    margin-right: 10px;
}

.home5_link_3 .home5_link_line {
    left: 100%;
    margin-left: 10px;
}

.home5_link_4 .home5_link_line {
    left: 100%;
    margin-left: 10px;
}

.home5_link_5 .home5_link_line {
    left: 100%;
    margin-left: 10px;
}

.home5_img_link .home5_link_line img {
    max-width: none !important;
}


.news_headline {
    padding: 18px 0 23px;
}

    .news_headline h3 {
        color: #2c3e52;
        font-size: 16px;
        line-height: 1.3;
        text-transform: uppercase;
        margin: 6px 0;
    }

.Skin_04_Box .news_post .news_headline {
    padding: 0;
}

.news_headline div {
    color: #444444;
}

.news_comment {
    color: #a1b0bb;
    padding-top: 20px;
}

    .news_comment span {
        margin-left: 20px;
    }

        .news_comment span em {
            margin-left: 10px;
        }

.hone5_news_left,
.hone5_news_right1,
.hone5_news_right2 {
    padding: 15px;
    border: 1px solid #c1ccd3;
    margin-bottom: 15px;
    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? */
}

.hone5_news_right2 {
    padding: 18px 20px 17px;
}

    .hone5_news_left img,
    .hone5_news_right1 img,
    .hone5_news_right2 img {
        margin: auto;
    }

.hone5_news_right1 .news_headline {
    padding: 7px 0 23px;
}

.home5_news_content div.row > div > .row + .row {
    margin-top: 15px;
}

.home5_news_content .accent_btn5 {
    margin-top: 35px;
}

.hone5_news_left:hover,
.hone5_news_right1:hover,
.hone5_news_right2:hover {
    background-color: #f9fafc;
}

.home5_feature_title {
    font-size: 16px;
    color: #444444;
    margin: 25px 0 20px;
}

    .home5_feature_title h3 {
        font-size: 30px;
        color: #2c3e52;
        font-weight: normal;
        line-height: 1.3;
        margin: 5px 0 9px;
    }

.home5_feature_content + .home5_feature_content {
    border-top: 1px solid #c1ccd3;
    padding-top: 15px;
    margin-top: 15px;
}

.home5_feature_content em {
    width: 65px;
    height: 65px;
    line-height: 65px;
    float: right;
    font-size: 26px;
    color: #009b85;
    margin-left: 15px;
    text-align: center;
    border: 1px solid #c1ccd3;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.home5_feature_content h3 {
    font-size: 14px;
    color: #2c3e52;
    text-transform: uppercase;
    margin: 4px 0 7px;
}

.backgroundImage23 .home5_head h3 {
    color: #ffffff;
}

.home5_layout {
    text-align: center;
}

    .home5_layout > .row + .row {
        margin-top: 25px;
    }

    .home5_layout p {
        padding: 20px 0 10px;
    }

.home5_layout_img {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 100%;
}

    .home5_layout_img:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: 12px;
        -moz-border-radius: 12px;
        -webkit-border-radius: 12px;
        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? */
    }

    .home5_layout_img:hover:before {
        background-color: #d1d2d7;
    }

.home5_full_three {
    background-color: #009b85;
    margin: 0;
    color: #ffffff;
    overflow: hidden;
}

    .home5_full_three .home5_full_color1,
    .home5_full_three .home5_full_color2,
    .home5_full_three .home5_full_color3 {
        margin-bottom: -1000px;
        padding-bottom: 1000px;
    }


    .home5_full_three > div {
        padding-left: 40px;
        padding-right: 40px;
        position: relative;
        z-index: 1;
    }

.full_head {
    color: #ffffff;
    font-size: 16px;
}

    .full_head h3 {
        color: #ffffff;
        font-size: 25px;
        line-height: 1.3;
        font-weight: normal;
        text-transform: uppercase;
        margin: 5px 0 15px;
    }

    .full_head .line {
        width: 62px;
        height: 1px;
        background-color: #ffffff;
        margin: 5px 0 17px;
    }

.home5_full_three p a {
    margin-top: 24px;
}

.home5_full_color2:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(images/opacity_10.png);
}

.home5_full_color3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: url(images/opacity_20.png);
}

.home5_full_color1,
.home5_full_color2,
.home5_full_color3 {
    transition: background ease-in 200ms;
    -webkit-transition: background ease-in 200ms; /* Safari and Chrome */
}

.home5_full_color1 {
    background: url(images/home5_full_bg1.jpg) center top;
    background-size: 100%;
}

.home5_full_color2 {
    background: url(images/home5_full_bg2.jpg) center top;
    background-size: 100%;
}

.home5_full_color3 {
    background: url(images/home5_full_bg3.jpg) center top;
    background-size: 100%;
}

    .home5_full_color1:after,
    .home5_full_color2:after,
    .home5_full_color3:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: #009B85;
        z-index: -1;
        transition: all ease-in 200ms;
        -webkit-transition: all ease-in 200ms; /* Safari and Chrome */
    }

    .home5_full_color1:hover:after,
    .home5_full_color2:hover:after,
    .home5_full_color3:hover:after {
        opacity: 0;
    }

    .home5_full_color2:hover:before,
    .home5_full_color3:hover:before {
        display: none;
    }

.home5_bottom_text {
    text-align: center;
}

    .home5_bottom_text div {
        font-size: 30px;
    }

    .home5_bottom_text h3 {
        font-size: 60px;
        text-transform: uppercase;
        line-height: 1.3;
        margin: 22px 0 51px;
    }

    .home5_bottom_text p a {
        margin: 0 15px;
    }


/****** home6 ******/
.color_444 {
    color: #444444;
}

a.accent_btn10 {
    display: inline-block;
    color: #000000 !important;
    padding: 12px 35px;
    font-size: 13px;
    border: 1px solid #d8d8d8;
    background-color: #f7f7f7;
    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? */
}

    a.accent_btn10:hover {
        text-decoration: none;
        color: #009b85 !important;
        border-color: #009b85;
    }

a.accent_btn11 {
    display: inline-block;
    padding: 12px 35px;
    font-size: 13px;
    border: 1px solid #009b85;
    background-color: #f7f7f7;
    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? */
}

    a.accent_btn11:hover {
        text-decoration: none;
        border-color: #555555;
        background-color: #555555;
        color: #FFF;
    }

a.accent_btn12 {
    display: inline-block;
    font-size: 16px;
    color: #009b85;
    padding: 10px 30px;
    border: 1px solid #009b85;
    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.accent_btn12:hover {
        text-decoration: none;
        color: #ffffff;
        background-color: #009b85;
    }

a.accent_btn13 {
    display: inline-block;
    color: #ffffff !important;
    padding: 12px 30px;
    border: 1px solid #ffffff;
    background-color: #009b85;
    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? */
}

    a.accent_btn13:hover {
        text-decoration: none;
        border-color: #555555;
        background-color: #555555;
    }

.home6_head_center {
    text-align: center;
}

    .home6_head_center h3 {
        font-size: 33px;
        line-height: 1.3;
        font-weight: normal;
        margin: 5px 0 18px;
    }

    .home6_head_center .line {
        width: 100px;
        height: 1px;
        margin: 42px auto 50px;
        background-color: #0e2a36;
        position: relative;
    }

        .home6_head_center .line:before {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            top: -2px;
            right: 0;
            background-color: #0e2a36;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .home6_head_center .line:after {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            top: -2px;
            left: 0;
            background-color: #0e2a36;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

.home6_text1 h3 {
    font-size: 33px;
    line-height: 1.3;
    font-weight: normal;
    margin: 0 0 19px;
}

.home6_text1 h4 {
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    margin: 18px 0 11px;
}

.home6_text1 a.accent_btn10 {
    margin-top: 22px;
}

.home6_isotope {
    padding-top: 5px;
}

    .home6_isotope .isotope_main .photo_box {
        margin: 0;
    }

.functionList7_all .accent_btn11 {
    margin-top: 50px;
}

.home6_services > .row + .row {
    margin-top: 20px;
}

.home6_services_left {
    text-align: left;
}

.home6_services_left,
.home6_services_right {
    padding: 5px 15px;
}

    .home6_services_left .icon_border {
        display: inline-block;
        float: left;
        margin-right: 15px;
        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? */
    }

    .home6_services_right .icon_border {
        float: right;
        margin-left: 15px;
        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? */
    }

    .home6_services_left h3,
    .home6_services_right h3 {
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0 0 10px;
        line-height: 1.3;
    }

        .home6_services_left h3 span,
        .home6_services_right h3 span {
            display: block;
            font-size: 13px;
            color: #444444;
            padding: 10px 0 6px;
        }

    .home6_services_left em,
    .home6_services_right em {
        width: 122px;
        height: 122px;
        line-height: 122px;
        text-align: center;
        font-size: 53px;
        color: #ffffff;
    }

.home6_services_color1 {
    background-color: #d6e4ef;
}

.home6_services_color2 {
    background-color: #bceae0;
}

.home6_services_color3 {
    background-color: #f7d7d8;
}

.home6_services_color4 {
    background-color: #d6dee0;
}

.home6_services_color5 {
    background-color: #a5d2dd;
}

.home6_services_color6 {
    background-color: #e7d9fd;
}

.home6_services_color7 {
    background-color: #eddce4;
}

.home6_services_color8 {
    background-color: #def0c0;
}

.home6_services_left:hover .icon_border,
.home6_services_right:hover .icon_border {
    background-color: #222534;
}

.home6_services_left:hover em,
.home6_services_right:hover em {
    width: 112px;
    height: 112px;
    line-height: 110px;
    margin: 5px;
    border: 1px solid #ffffff;
}

.home6_app_content {
    padding-top: 15px;
}

    .home6_app_content h3 {
        font-size: 33px;
        font-weight: normal;
        line-height: 1.3;
        position: relative;
    }

        .home6_app_content h3 span {
            font-size: 18px;
            display: block;
            padding: 9px 0 8px;
        }

        .home6_app_content h3 em {
            position: absolute;
            right: -42px;
            top: 12px;
            font-size: 19px;
        }

            .home6_app_content h3 em:after {
                content: "";
                width: 160px;
                height: 1px;
                background-color: #ffffff;
                position: absolute;
                left: 100%;
                top: 8px;
                margin-left: 9px;
            }

.home6_list {
    margin: 20px 0 30px;
    list-style: none;
}

    .home6_list li {
        line-height: 1.8;
    }

        .home6_list li em.fa {
            margin-left: 15px;
            color: #009b85;
            vertical-align: middle;
        }

.home6_app_content p a {
    margin: 0 0 10px 30px;
}

.social_list3 {
    padding: 20px 0 35px;
}

    .social_list3 a {
        font-size: 25px;
        margin: 4px 0 0;
        color: #d8d8d8 !important;
        display: inline-block;
    }

        .social_list3 a + a {
            margin-right: 16px;
        }

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

.home6_logos {
    text-align: center;
}

.home6_logos_2 {
    display: none;
}

.home6_logos > div:hover .home6_logos_1 {
    display: none;
}

.home6_logos > div:hover .home6_logos_2 {
    display: inline-block;
}

.backgroundImage27 .home6_head_center .line,
.backgroundImage27 .home6_head_center .line:before,
.backgroundImage27 .home6_head_center .line:after {
    background-color: #ffffff;
}

.home6_text2 {
    font-size: 18px;
    color: #000000;
    text-align: left;
    padding-top: 8px;
}

.home6banner {
    margin: 0;
    padding: 0;
    width: 100%;
}

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

    .home6banner .home6banner_bg {
        position: relative;
    }

    .home6banner .home6banner_text {
        position: absolute;
        top: 50%;
        right: 0%;
        text-align: center;
        width: 100%;
        transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }

        .home6banner .home6banner_text img {
            max-width: 64%;
        }

    .home6banner .home6banner_bottom {
        text-align: center;
        margin-top: -10%;
        position: relative;
    }

.home6banner_pic {
    position: relative;
    margin: 0;
    padding: 0;
}

    .home6banner_pic .pic_itme {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

        .home6banner_pic .pic_itme.first {
            position: relative;
        }

        .home6banner_pic .pic_itme img {
            max-width: 100%;
        }

/*foot6*/
.foot_tags1 a {
    display: inline-block;
    color: #888888 !important;
    background-color: #303030;
    padding: 7px 13px;
    margin: 0 8px 8px 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? */
}

    .foot_tags1 a:hover {
        text-decoration: none !important;
        color: #ffffff !important;
        background-color: #009b85;
    }


/****** home7 ******/

/*box container*/
/* Effect 1: Slide in on top */
.box-effect-1 .left-menu {
    visibility: visible;
    z-index: 940;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate(100%, 0);
}

.box-effect-1.active .left-menu {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
}

.box-effect-1.active #header_slide {
    right: 302px;
}

/* Effect 2: Reveal */
.box-effect-2.active,
.box-effect-2.delay {
    overflow: hidden;
    height: auto !important;
}

    .box-effect-2.active .rightmain,
    .box-effect-2.delay .rightmain {
        box-shadow: 0 0 9px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3);
    }

    .box-effect-2.active .rightmain {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate(300px, 0);
    }

.box-effect-2 .left-menu {
    z-index: 1;
}

.box-effect-2.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.box-effect-2.active #header_slide {
    right: 302px;
}

/* Effect 3: Push*/
.box-effect-3.active,
.box-effect-3.delay {
    overflow: hidden;
    height: auto !important;
}

    .box-effect-3.active .rightmain,
    .box-effect-3.delay .rightmain {
    }

    .box-effect-3.active .rightmain {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate(300px, 0);
    }

    .box-effect-3.active .left-menu {
        -webkit-transform: translate3d(0px, 0, 0);
        transform: translate(0px, 0);
    }

.box-effect-3 .left-menu {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate(-100%, 0);
    z-index: 50;
}

.box-effect-3.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.box-effect-3.active #header_slide {
    right: 302px;
}

/* Effect 4: Slide along */
.box-effect-4.active,
.box-effect-4.delay {
    overflow: hidden;
    height: auto !important;
}

    .box-effect-4.active .rightmain,
    .box-effect-4.delay .rightmain {
        box-shadow: 0 0 9px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3);
    }

    .box-effect-4.active .rightmain {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate(300px,0);
    }

.box-effect-4 .left-menu {
    z-index: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate(-50%, 0);
}

.box-effect-4.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
}

.box-effect-4.active #header_slide {
    right: 302px;
}


/* Effect 5: Reverse slide out */
.box-effect-5.active,
.box-effect-5.delay {
    overflow: hidden;
    height: auto !important;
}

    .box-effect-5.active .rightmain,
    .box-effect-5.delay .rightmain {
        box-shadow: 0 0 9px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 9px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.3);
    }

    .box-effect-5.active .rightmain {
        -webkit-transform: translate3d(300px, 0, 0);
        transform: translate(300px, 0);
    }

.box-effect-5 .left-menu {
    z-index: 1;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate(50%, 0);
}

.box-effect-5.active .left-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
}

.box-effect-5.active #header_slide {
    right: 302px;
}

a.accent_btn14 {
    display: inline-block;
    color: #000000 !important;
    font-size: 14px;
    padding: 9px 30px;
    border: 1px solid #e7e7e7;
    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? */
}

    a.accent_btn14:hover {
        text-decoration: none;
        border-color: #009b85;
        color: #009b85 !important;
    }

a.accent_btn15 {
    display: inline-block;
    color: #000000 !important;
    font-size: 14px;
    padding: 13px 35px;
    background-color: #ffffff;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    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.accent_btn15 em {
        color: #009b85;
    }

    a.accent_btn15:hover {
        text-decoration: none;
        background-color: #555555;
    }

a.accent_btn16 {
    display: inline-block;
    color: #ffffff !important;
    padding: 13px 30px;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    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.accent_btn16:hover {
        text-decoration: none;
        background-color: #555555;
    }

.home7_head h3 {
    font-size: 30px;
    line-height: 1.3;
    position: relative;
    display: inline-block;
    margin: 0 0 22px;
    text-transform: uppercase;
}

.home7_head .rline {
    position: absolute;
    right: 100%;
    top: 10px;
    width: 1px;
    height: 21px;
    margin-right: 20px;
    background-color: #ffffff;
}

.home7_head_center {
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
}

    .home7_head_center div {
        font-size: 15px;
        color: #009b85;
    }

    .home7_head_center h3 {
        font-size: 30px;
        color: #000000;
        line-height: 1.3;
        position: relative;
        display: inline-block;
        padding: 0 45px;
        margin: 0 0 22px;
    }

    .home7_head_center .lline {
        position: absolute;
        top: 50%;
        left: 100%;
        width: 89px;
        height: 1px;
        background-color: #252525;
    }

        .home7_head_center .lline:before {
            content: "";
            position: absolute;
            left: 0;
            top: -7px;
            width: 1px;
            height: 15px;
            background-color: #252525;
        }

    .home7_head_center .rline {
        position: absolute;
        top: 50%;
        right: 100%;
        width: 89px;
        height: 1px;
        background-color: #252525;
    }

        .home7_head_center .rline:before {
            content: "";
            position: absolute;
            right: 0;
            top: -7px;
            width: 1px;
            height: 15px;
            background-color: #252525;
        }

.home7_text1 h3 {
    font-size: 30px;
    color: #000000;
    font-weight: normal;
    line-height: 1.3;
    margin: 5px 0 20px;
}

.home7_list {
    margin: 22px 0 28px;
    list-style: none;
}

    .home7_list li {
        line-height: 2;
    }

        .home7_list li em {
            color: #009b85;
            font-size: 18px;
            margin-left: 18px;
            vertical-align: middle;
        }

.home7_news .row + .row {
    margin-top: 28px;
}

.home7_news .photo_box {
    overflow: visible;
    margin-bottom: 8px;
}

    .home7_news .photo_box .pic_box {
        padding-bottom: 98px;
    }

    .home7_news .photo_box .content {
        opacity: 1;
        top: auto;
        bottom: 0;
        text-align: right;
        background-color: #ffffff;
        border: 1px solid #f9f9f9;
        border-top: none;
        height: 98px;
        transition: all ease-in 200ms;
        -moz-transition: all ease-in 200ms;
        -webkit-transition: all ease-in 200ms;
        -o-transition: all ease-in 200ms;
        -ms-transition: all ease-in 200ms;
    }

        .home7_news .photo_box .content > p {
            font-size: 13px;
            color: #666666;
            padding: 25px 15px;
            margin: 0;
        }

        .home7_news .photo_box .content .text_title {
            padding: 20px 15px;
            background-color: #f9f9f9;
        }

            .home7_news .photo_box .content .text_title h3 {
                font-size: 14px;
                color: #000000;
                font-weight: normal;
                margin: 0 0 9px;
            }

            .home7_news .photo_box .content .text_title p {
                font-size: 14px;
                color: #444444;
                padding: 0;
            }

    .home7_news .photo_box:hover .content {
        height: 227px;
    }

    .home7_news .photo_box:hover .content {
        border-color: #cccccc;
    }

    .home7_news .photo_box .ico {
        top: 78px;
        margin: 0;
    }

        .home7_news .photo_box .ico em {
            border: none;
            color: #009b85;
            font-size: 30px;
            width: 56px !important;
            height: 56px !important;
            line-height: 56px !important;
            background: url(images/home7_ico_bg.png);
        }

.home7_news > p > a {
    margin-top: 57px;
}

.home7_news {
    text-align: center;
}

    .home7_news .photo_box {
        display: inline-block;
    }

.backgroundImage30 .home7_head_center div,
.backgroundImage30 .home7_head_center h3 {
    color: #ffffff;
}

.backgroundImage30 .home7_head_center .lline:before,
.backgroundImage30 .home7_head_center .lline,
.backgroundImage30 .home7_head_center .rline:before,
.backgroundImage30 .home7_head_center .rline {
    background-color: #ffffff;
}

.home7_team .row + .row {
    margin-top: 30px;
}

.home7_team_left {
    float: right;
    position: relative;
    margin-bottom: 8px;
}

    .home7_team_left:before {
        content: "";
        position: absolute;
        left: 0;
        top: 28px;
        border-style: solid;
        border-width: 22px 21px;
        border-color: transparent transparent transparent #ffffff;
    }

.home7_team_info {
    position: absolute;
    bottom: 20px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

    .home7_team_info a,
    .home7_team_info a:link,
    .home7_team_info a:hover {
        color: #ffffff;
    }

    .home7_team_info span {
        height: 27px;
        line-height: 27px;
        display: inline-block;
        margin: 0 3px;
        padding: 0 11px;
        border-radius: 11px;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
    }

        .home7_team_info span.color1 {
            background-color: #31aae2;
        }

        .home7_team_info span.color2 {
            background-color: #eb768c;
        }

        .home7_team_info span.color3 {
            background-color: #73c8b7;
        }

.home7_team_right {
    overflow: hidden;
    padding: 20px 30px 0 0;
    position: relative;
    margin-bottom: 8px;
}

    .home7_team_right h3 {
        font-size: 16px;
        font-weight: normal;
        margin: 5px 0 14px;
    }

    .home7_team_right h4 {
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        margin: 0 0 27px;
    }

    .home7_team_right p {
        padding-top: 8px;
    }

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

.home7_features_right {
    float: right;
    width: 470px;
    padding-top: 0;
}

    .home7_features_right .loaded_list7 {
        padding-top: 15px;
    }

    .home7_features_right p a {
        margin: 10px 0 0 5px;
    }

.social_list4 .row + .row {
    margin-top: 22px;
}

.social_list4 a {
    width: 100%;
    padding: 18px 30px;
    font-size: 16px;
    color: #000000 !important;
    background-color: #ffffff;
    display: inline-block;
    text-align: left;
    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? */
}

    .social_list4 a em {
        float: right;
        color: #cfcfcf;
        font-size: 22px;
        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? */
    }

    .social_list4 a:hover {
        text-decoration: none;
        background-color: #009b85;
        color: #ffffff !important;
    }

        .social_list4 a:hover em {
            color: #ffffff;
        }

.home7banner_btn span {
    vertical-align: middle;
    color: #009b85;
    transform: scale(1.4);
    margin-left: 8px;
}

.home7banner_btn a,
.home7banner_btn a:link,
.home7banner_btn a:active,
.home7banner_btn a:visited {
    color: #000 !important;
}

    .home7banner_btn a:hover {
        color: #009b85 !important;
    }

@media only screen and (min-width: 1200px) {
    /*home*/
    .home_list1 {
        margin: 32px 0 45px;
    }

    .home_features_left > div,
    .home_features_right > div {
        padding: 75px 0 16px;
    }

    .home_news_text_bottom > span {
        padding: 0 20px;
    }

    .home_news_text_bottom > a {
        padding: 0 20px;
    }

    .home_text2_p1 {
        padding-bottom: 26px;
    }

    .home_list2 {
        margin: 23px 0 39px;
    }
    /*home2*/
    .home2_text2 {
        padding-top: 50px;
    }

    .home2_text2_content {
        margin-top: 16px;
    }

        .home2_text2_content + .home2_text2_content {
            margin-top: 40px;
        }

        .home2_text2_content em.fa {
            margin-left: 25px;
        }

    .home2_list2 {
        margin: 20px 0 34px;
    }

    .hone2_contact_info h3 {
        margin: 20px 0 3px;
    }

    .home2_work_process .work_step .line {
        width: 108px;
    }
    /*home3*/
    .home3_text1 {
        padding-top: 64px;
    }

        .home3_text1 h3 {
            margin: 5px 0 22px;
        }

    .home3_list {
        margin: 33px 0 36px;
    }

    .home3_products {
        padding: 0 10px 30px;
    }

    .foot_tags a {
        padding: 16px 28px;
    }
    /*home4*/
    .home4_text2 {
        padding-top: 65px;
    }

    .home4_list2 {
        margin: 42px 0 50px;
    }

    .img_left_link {
        top: 80px;
    }

    .img_right_link {
        top: 80px;
    }

        .img_left_link > div + div,
        .img_right_link > div + div {
            margin-top: 45px;
        }

    #left_link_line1 {
        width: 270px;
    }

    #left_link_line2 {
        width: 376px;
    }

    #left_link_line3 {
        width: 335px;
    }

    #right_link_line1 {
        width: 336px;
    }

    #right_link_line2 {
        width: 249px;
    }

    #right_link_line3 {
        width: 210px;
    }
    /*home5*/
    .home5_list {
        margin: 30px 0 32px;
    }

    .home5_link_1 {
        right: -75px;
    }

    .home5_link_2 {
        right: 135px;
    }

    .home5_link_3 {
        left: 170px;
    }

    .home5_link_4 {
        top: 85px;
        left: -10px;
    }

    .home5_link_5 {
        top: 190px;
        left: -80px;
        width: 245px;
    }

    .home5_feature_title {
        margin: 55px 0;
    }

    .home5_feature_content + .home5_feature_content {
        padding-top: 21px;
        margin-top: 21px;
    }

    .home5_feature_content em {
        width: 81px;
        height: 81px;
        line-height: 79px;
        font-size: 26px;
        margin-left: 20px;
    }
    /*home6*/
    .home6_list {
        margin: 32px 0 45px;
    }

    .social_list3 a + a {
        margin-right: 25px;
    }
    /*home7*/

    .home7_news .photo_box .content > p {
        padding: 25px 25px 38px;
    }

    .home7_news .photo_box .content .text_title {
        padding: 20px 25px;
    }

    .home7_news .photo_box:hover .content {
        height: 221px;
    }

    .home7_features_right {
        padding-top: 40px;
        width: 565px;
    }

        .home7_features_right .loaded_list7 {
            padding-top: 30px;
        }

        .home7_features_right p a {
            margin: 20px 0 0 5px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*home*/
    .home_features_left > div,
    .home_features_right > div {
        padding: 20px 0 0;
    }

    .home_features_left em.fa,
    .home_features_right em.fa {
        height: 60px;
        line-height: 56px;
        width: 60px;
    }

    .home_features_left em.fa {
        margin-right: 10px;
    }

    .home_features_right em.fa {
        margin-left: 10px;
    }

    .home_news_right {
        margin-top: 15px;
    }

    .home_news_text_bottom > span {
        padding: 0 40px;
    }

    .home_news_text_bottom > a {
        padding: 0 40px;
    }

    .home_team_border {
        border-bottom: none;
    }

    .home_team {
        float: none;
        width: 100%;
    }

    .home_team_2,
    .home_team_4 {
        border-right: none;
    }

    .home_team_1,
    .home_team_2,
    .home_team_3 {
        padding: 0 0 25px;
    }

    .home_team_1,
    .home_team_3 {
        padding-left: 15px;
    }

    .home_team_4 {
        padding: 0;
    }
    /*home2*/
    .home2_full_left {
        padding: 30px 20px;
    }

    .home2_list {
        margin: 30px 15px 27px;
    }

    .home2_text2_content + .home2_text2_content {
        margin-top: 15px;
    }

    .home2_text2_content h4 {
        margin: 5px 0;
    }

    .home2_text2_content em.fa {
        height: 50px;
        line-height: 50px;
        margin-left: 10px;
        width: 50px;
    }

    .hone2_contact_info em.fa {
        float: none;
        height: 70px;
        line-height: 70px;
        width: 70px;
    }

    .hone2_contact_info + .hone2_contact_info {
        margin-top: 5px;
        padding-top: 10px;
    }

    .hone2_contact_info h3 {
        margin: 8px 0 3px;
    }

    .home2_work_process .work_step .line {
        width: 21px;
    }
    /*home3*/
    .home3_text1 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

        .home3_text1 h3 {
            margin: 5px 0;
        }

    .home3_list {
        margin: 10px 0 15px;
    }

    .home3_products {
        padding: 0 20px 15px;
        margin-top: 55px;
    }
    /*home4*/
    .home4_text1 p {
        padding-bottom: 5px;
    }

    .home4_list {
        padding-top: 15px;
    }

        .home4_list > div + div {
            margin-top: 10px;
        }

    .hone4_img1 {
        margin: 0;
    }

    .home4_text2 {
        padding-top: 10px;
    }

    .home4_list2 {
        margin: 15px 0;
    }

    .home4_text2_btn a {
        margin: 0 0 10px 3px;
    }

    .link_btn {
        font-size: 13px;
    }
    /*home5*/
    .functionList5 .functiontitle {
        padding: 5px 120px 5px 0;
    }

    .home5_img_link {
        padding-top: 0;
    }

    .home5_layout > .row + .row {
        margin-top: 0;
    }
    /*home6*/
    .functionList7 .functiontitle em {
        width: 40px;
    }

    .functionList7 .functionMain {
        padding-right: 40px;
    }

    .home6_services_left em,
    .home6_services_right em {
        width: 115px;
        height: 115px;
        line-height: 115px;
    }

    .home6_services_left:hover em,
    .home6_services_right:hover em {
        width: 105px;
        height: 105px;
        line-height: 103px;
    }
    /*home7*/
    .home7_news .photo_box .pic_box {
        padding-bottom: 94px;
    }

    .home7_news .photo_box .content .text_title {
        padding: 10px 15px 5px;
    }

    .home7_news .photo_box .content > p {
        padding: 10px 15px;
    }

    .home7_news .photo_box .content {
        height: 94px;
    }

    .home7_news .photo_box:hover .content {
        height: 213px;
    }

    .home7_news .photo_box .ico {
        top: 15px;
    }

    .home7_features_right {
        width: 348px;
    }
}

@media only screen and (max-width: 767px) {
    /*home*/
    .home_features_left {
        text-align: right;
    }

        .home_features_left > div {
            padding: 0 0 20px;
        }

    .home_features_right > div {
        padding: 15px 0 5px;
    }

    .home_features_left em.fa,
    .home_features_right em.fa {
        height: 65px;
        line-height: 61px;
        width: 65px;
        float: right;
        margin: 0 0 0 10px;
    }

    .home_news_right {
        margin-top: 15px;
    }

        .home_news_right .photo_box {
            float: none;
            display: inline-block;
            margin: 10px;
        }

    .home_news_right {
        text-align: center;
    }

        .home_news_right .home_news_text_bottom {
            height: auto;
            position: relative;
        }

            .home_news_right .home_news_text_bottom:before {
                content: "";
                position: absolute;
                right: 0;
                top: 33px;
                width: 100%;
                border-bottom: #e5e5e5 1px solid;
            }

    .home_team_border {
        border-bottom: none;
    }

    .home_team {
        float: none;
        width: 100%;
    }

    .home_team_2,
    .home_team_4 {
        border-right: none;
    }

    .home_team_left {
        float: none;
        margin: 0;
    }

    .home_team_right {
        text-align: center;
    }

    .home_team_1,
    .home_team_2,
    .home_team_3 {
        padding: 0 0 30px;
    }

    .home_team_4 {
        padding: 0;
    }
    /*home2*/
    .home2_full_left {
        width: 100%;
        padding: 15px;
    }

    .home2_list {
        margin: 23px 15px 20px;
    }

    .home2_full_right {
        position: relative;
        width: 100%;
        height: 300px;
    }

    .home2_right_btn {
        padding-top: 15px;
    }

    .home2_text2_content {
        margin-bottom: 15px;
    }

        .home2_text2_content + .home2_text2_content {
            margin-top: 0;
        }

        .home2_text2_content h4 {
            margin: 5px 0 10px;
        }

        .home2_text2_content em.fa {
            height: 60px;
            line-height: 60px;
            width: 60px;
        }

    .home2_team_left1,
    .home2_team_left2,
    .home2_team_left3,
    .home2_team_left4 {
        position: relative;
        height: 250px;
        width: 100%;
    }

    .home2_team_right {
        width: 100%;
        float: none;
    }

    .home2_team .row + .row {
        margin-top: 0;
    }

    .home2_text3 > div {
        border: none;
    }

        .home2_text3 > div + div:before {
            display: none;
        }

    .hone2_contact_info,
    .hone2_contact_info + .hone2_contact_info {
        margin-top: 20px;
    }

    .home2_work_process li {
        width: auto;
        text-align: center;
        margin: auto;
        float: none;
    }

    .home2_work_process .work_step .line {
        display: none;
    }
    /*home3*/
    .home3_blog1_left,
    .home3_blog2_right {
        position: relative;
        width: 100%;
        height: 250px;
    }

    .home3_blog1_right,
    .home3_blog2_left {
        float: none;
        width: 100%;
        text-align: right;
        padding: 60px 15px 15px;
    }

    .home3_blog_date {
        top: 0;
        right: 50% !important;
        margin-right: -47px;
    }

    .home3_products {
        padding: 0 8px 15px;
        margin-top: 50px;
    }

    .home3_text2_padding {
        width: 50%;
    }

    .foot_tags a {
        padding: 11px;
    }
    /*home4*/
    .functionList4 + .functionList4 {
        margin-top: 0;
    }
    /*home5*/
    .functionList5 .functionMain {
        padding: 23px 0 15px;
    }

    .home5_img_link {
        padding-top: 0;
        margin-right: 0;
        width: 100%;
    }

    .home5_layout > .row + .row {
        margin-top: 0;
    }

    .home5_bottom_text p a {
        margin-bottom: 10px;
    }
    /*home6*/
    .functionList7 + .functionList7 {
        margin-top: 0;
    }

    .functionList7 .functiontitle em {
        width: 40px;
    }

    .functionList7 .functionMain {
        padding-right: 40px;
    }

    .home6_services > .row + .row {
        margin-top: 0;
    }

    .home6_services_left {
        text-align: right;
    }

        .home6_services_left .icon_border {
            float: right;
            margin: 0 0 0 10px;
        }

        .home6_services_left em,
        .home6_services_right em {
            width: 80px;
            height: 80px;
            font-size: 40px;
            line-height: 80px;
        }

        .home6_services_left:hover em,
        .home6_services_right:hover em {
            width: 70px;
            height: 70px;
            line-height: 68px;
        }

    .home6_text2 {
        text-align: right;
    }
    /*home7*/
    .home7_news .row + .row {
        margin-top: 0;
    }

    .home7_news .photo_box .pic_box {
        padding-bottom: 80px;
    }

    .home7_news .photo_box .content .text_title {
        padding: 12px 15px 7px;
    }

    .home7_news .photo_box .content > p {
        padding: 12px;
    }

    .home7_news .photo_box .content {
        height: 80px;
    }

    .home7_news .photo_box:hover .content {
        height: 180px;
    }

    .home7_team {
        text-align: center;
    }

    .home7_team_left {
        float: none;
        width: auto;
        text-align: center;
        display: inline-block;
    }

        .home7_team_left:before {
            display: none;
        }

    .home7_team_right {
        padding: 20px 0 10px;
    }

    .home7_features_left {
        float: none;
        width: 100%;
    }

    .home7_features_right {
        float: none;
        width: auto;
        padding: 15px 20px;
    }
}


/* 
================================
 Container Styles for DotNetNuke
================================
.


/*-------------------------------------------------------------------------------*/
.actions {
    width: 10px;
}

.clear {
    clear: both;
}

.c_footer {
    padding-left: 10px;
    text-align: left;
}

.dnntitle {
    padding-right: 10px;
}

.c_contentpane {
    text-align: right;
    padding: 2px 5px 0px 5px;
}

.ModuleTitle_MenuContainer {
    width: 100px !important;
}


.Container-1 {
    margin-bottom: 5px;
    text-align: center;
}

    .Container-1 .dnntitle {
        white-space: nowrap;
        padding: 0px;
    }

    .Container-1 .contentmain1 {
    }

    .Container-1 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-1 .Normal {
        text-align: center;
    }

    .Container-1 .Icon_1 {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin: 0px auto 8px;
    }

.Container-2 {
    margin-bottom: 5px;
}

    .Container-2 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0px;
    }

    .Container-2 .contentmain1 {
    }

    .Container-2 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: left;
        vertical-align: top;
        clear: both;
    }

.Container-3 {
    margin-bottom: 5px;
}

    .Container-3 .dnntitle {
        white-space: nowrap;
        text-align: right;
        border-bottom: 3px solid #e8e8e8;
        padding: 0px;
        margin-bottom: 15px;
    }

    .Container-3 .contentmain1 {
        padding-left: 5px;
    }

    .Container-3 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-4 {
    margin-bottom: 5px;
}

    .Container-4 .dnntitle {
        white-space: nowrap;
        text-align: right;
        padding: 8px 0px;
        border-bottom: 2px solid #414141;
        margin-bottom: 10px;
    }

    .Container-4 .contentmain1 {
    }

    .Container-4 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-5 {
    margin-bottom: 5px;
}

    .Container-5 .dnntitle {
        white-space: nowrap;
        text-align: right;
        padding: 4px 15px 4px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        margin-bottom: 5px;
    }

    .Container-5 .contentmain1 {
        border: 1px solid #cccccc;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 10px 15px;
    }

    .Container-5 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-6 {
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
}

    .Container-6 .dnntitle {
        white-space: nowrap;
        padding: 0px;
    }

    .Container-6 .contentmain1 {
    }

    .Container-6 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-7 {
    margin-bottom: 5px;
}

    .Container-7 .dnntitle {
        white-space: nowrap;
        margin-bottom: 5px;
        padding: 3px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .Container-7 .contentmain1 {
    }

    .Container-7 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-8 {
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

    .Container-8 .dnntitle {
        white-space: nowrap;
        margin-bottom: 5px;
        padding: 3px 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .Container-8 .contentmain1 {
    }

    .Container-8 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-9 {
    margin-bottom: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 5px;
}

    .Container-9 .dnntitle {
        white-space: nowrap;
        margin: 0 auto 5px;
        padding: 3px 0px;
        text-align: center;
        border-bottom: 1px solid #c7c7c7;
        width: 50%;
        position: relative;
    }

    .Container-9 .title_line {
        position: absolute;
        bottom: -2px;
        right: 50%;
        margin-right: -25px;
        width: 50px;
    }

    .Container-9 .contentmain1 {
    }

    .Container-9 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-10 {
    margin-bottom: 5px;
}

    .Container-10 .dnntitle {
        white-space: nowrap;
        margin: 0;
        padding: 5px 0 0;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .Container-10 .contentmain1 {
    }

    .Container-10 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-10 .dnntitle .line {
        height: 1px;
        width: 126px;
        background-color: #009b85;
        margin: 14px auto 21px;
        position: relative;
        z-index: 1;
    }

.Container-11 {
    margin-bottom: 5px;
}

    .Container-11 .dnntitle {
        white-space: nowrap;
        margin: 0;
        padding: 5px 0 0;
        text-align: right;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .Container-11 .contentmain1 {
    }

    .Container-11 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-11 .dnntitle .line {
        height: 1px;
        width: 126px;
        background-color: #009b85;
        margin: 14px 0 21px;
        position: relative;
        z-index: 1;
    }

.Container-12 {
    margin-bottom: 5px;
}

    .Container-12 .dnntitle {
        white-space: nowrap;
        margin: 0;
        padding: 5px 0 0;
        text-align: center;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .Container-12 .contentmain1 {
    }

    .Container-12 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-12 .dnntitle .line {
        width: 177px;
        height: 18px;
        margin: 15px auto 20px;
        position: relative;
    }

        .Container-12 .dnntitle .line .line_l,
        .Container-12 .dnntitle .line .line_r {
            width: 78px;
            height: 1px;
            background-color: #009b85;
            position: absolute;
            top: 7px;
            right: 0;
        }

        .Container-12 .dnntitle .line .line_r {
            right: auto;
            left: 0;
        }

        .Container-12 .dnntitle .line .line_m {
            width: 15px;
            height: 15px;
            border-left: 1px solid #009b85;
            border-bottom: 1px solid #009b85;
            position: absolute;
            top: 0;
            right: 50%;
            margin-right: -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 */
        }

            .Container-12 .dnntitle .line .line_m:before {
                content: "";
                width: 7px;
                height: 7px;
                background-color: #009b85;
                position: absolute;
                right: 0;
                top: 0;
                margin: 2px;
            }

.Container-13 {
    margin-bottom: 5px;
}

    .Container-13 .dnntitle {
        white-space: nowrap;
        margin: 0;
        padding: 5px 0 0;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .Container-13 .contentmain1 {
    }

    .Container-13 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-13 .dnntitle .line {
        width: 179px;
        height: 18px;
        margin: 15px 0 20px;
        position: relative;
    }

        .Container-13 .dnntitle .line .line_l {
            width: 158px;
            height: 1px;
            background-color: #009b85;
            position: absolute;
            top: 7px;
            right: 0;
        }

        .Container-13 .dnntitle .line .line_m {
            width: 15px;
            height: 15px;
            border-left: 1px solid #009b85;
            border-bottom: 1px solid #009b85;
            position: absolute;
            top: 0;
            left: 3px;
            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 */
        }

            .Container-13 .dnntitle .line .line_m:before {
                content: "";
                width: 7px;
                height: 7px;
                background-color: #009b85;
                position: absolute;
                right: 0;
                top: 0;
                margin: 2px;
            }

.Container-14 {
    margin-bottom: 5px;
}

    .Container-14 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0px;
    }

    .Container-14 .contentmain1 {
    }

    .Container-14 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-15 {
    margin-bottom: 5px;
}

    .Container-15 .dnntitle {
        white-space: nowrap;
        margin: 0;
        padding: 5px 0 0;
        text-align: right;
        text-transform: uppercase;
        line-height: 1.3;
    }

    .Container-15 .contentmain1 {
    }

    .Container-15 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-15 .dnntitle .line {
        height: 1px;
        width: 30px;
        background-color: #009b85;
        margin: 16px 0 24px;
        position: relative;
        z-index: 1;
    }

.Container-16 {
    margin-bottom: 5px;
}

    .Container-16 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0 0 14px;
    }

    .Container-16 .contentmain1 {
    }

    .Container-16 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-17 {
    margin-bottom: 5px;
}

    .Container-17 .dnntitle {
        white-space: nowrap;
        margin-bottom: 18px;
        padding: 0px;
    }

    .Container-17 .contentmain1 {
    }

    .Container-17 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-18 {
    margin-bottom: 5px;
}

    .Container-18 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0px;
    }

    .Container-18 .contentmain1 {
    }

    .Container-18 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-18 .line {
        width: 100px;
        height: 1px;
        margin: 28px 0 41px;
        background-color: #0e2a36;
        position: relative;
    }

        .Container-18 .line:before {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            top: -2px;
            right: 0;
            background-color: #0e2a36;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .Container-18 .line:after {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            top: -2px;
            left: 0;
            background-color: #0e2a36;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

.Container-19 {
    margin-bottom: 5px;
}

    .Container-19 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0px;
    }

    .Container-19 .contentmain1 {
    }

    .Container-19 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-19 .line {
        width: 100px;
        height: 1px;
        margin: 22px 0 19px;
        background-color: #474747;
        position: relative;
    }

        .Container-19 .line:before {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            top: -2px;
            right: 0;
            background-color: #474747;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .Container-19 .line:after {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            top: -2px;
            left: 0;
            background-color: #474747;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }


.Container-20 {
    margin-bottom: 5px;
}

    .Container-20 .dnntitle {
        white-space: nowrap;
        margin-bottom: 6px;
        padding: 0 15px 0 0;
        display: inline-block;
        position: relative;
    }

    .Container-20 .contentmain1 {
    }

    .Container-20 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-20 .line {
        position: absolute;
        top: 50%;
        right: 100%;
        width: 89px;
        height: 1px;
        background-color: #252525;
    }

        .Container-20 .line:before {
            content: "";
            position: absolute;
            right: 0;
            top: -5px;
            width: 1px;
            height: 11px;
            background-color: #252525;
        }

.Container-21 {
    margin-bottom: 5px;
}

    .Container-21 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0px;
    }

    .Container-21 .contentmain1 {
    }

    .Container-21 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-21 .line {
        width: 88px;
        height: 1px;
        margin: 22px 6px 19px 0;
        background-color: #303030;
        position: relative;
    }

.Container-22 {
    margin-bottom: 5px;
}

    .Container-22 .dnntitle {
        white-space: nowrap;
        margin-bottom: 10px;
        padding: 0px;
    }

    .Container-22 .contentmain1 {
    }

    .Container-22 .contentpane {
        padding: 5px 0px 3px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

    .Container-22 .line {
        width: 57px;
        height: 1px;
        margin: 20px 0 24px;
        background-color: #767676;
        position: relative;
    }

        .Container-22 .line:before {
            content: "";
            width: 4px;
            height: 4px;
            position: absolute;
            top: -2px;
            right: 0;
            background-color: #767676;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

        .Container-22 .line:after {
            content: "";
            width: 4px;
            height: 4px;
            position: absolute;
            top: -2px;
            left: 0;
            background-color: #767676;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }



.Container-H1 {
    margin-bottom: 5px;
}

    .Container-H1 .dnntitle {
        padding: 0px;
    }

    .Container-H1 .contentmain {
    }

    .Container-H1 .contentpane {
        padding: 5px 0px 1px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-H2 {
    margin-bottom: 5px;
}

    .Container-H2 .dnntitle {
        padding: 0px;
    }

    .Container-H2 .contentmain {
    }

    .Container-H2 .contentpane {
        padding: 5px 0px 1px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }

.Container-H3 {
    margin-bottom: 5px;
}

    .Container-H3 .dnntitle {
        padding: 0px;
    }

    .Container-H3 .contentmain {
    }

    .Container-H3 .contentpane {
        padding: 5px 0px 1px 0px;
        text-align: right;
        vertical-align: top;
        clear: both;
    }



.title1 {
    font-size: 18px;
    color: #444444;
    white-space: normal;
    vertical-align: middle;
}

.title2 {
    font-size: 22px;
    color: #444444;
    white-space: normal;
    vertical-align: middle;
}

.title3 {
    font-size: 22px;
    color: #444444;
    white-space: normal;
    vertical-align: middle;
    margin-bottom: -3px;
    display: inline-block;
    padding: 5px 0px;
}

.title4 {
    font-size: 18px;
    color: #ffffff;
    white-space: normal;
    vertical-align: middle;
    font-weight: normal;
}

.title5 {
    font-size: 18px;
    color: #ffffff;
    white-space: normal;
    vertical-align: middle;
    font-weight: normal;
}

.title6 {
    font-size: 18px;
    white-space: normal;
    vertical-align: middle;
}

.title7 {
    font-size: 18px;
    white-space: normal;
    vertical-align: middle;
    padding: 0px 10px;
}

.title8 {
    font-size: 18px;
    color: #FFFFFF;
    white-space: normal;
    vertical-align: middle;
    padding: 0px 10px;
}

.title9 {
    font-size: 20px;
    color: #444444;
    vertical-align: middle;
    padding: 0px 10px;
    text-align: center;
}

.title10 {
    font-size: 20px;
    color: #f4f4f4;
    white-space: normal;
    vertical-align: middle;
}

.title11 {
    font-size: 22px;
    color: #ffffff;
    white-space: normal;
    vertical-align: middle;
    text-transform: uppercase;
}

.title12 {
    font-size: 33px;
    color: #000000;
    white-space: normal;
    vertical-align: middle;
}

.title13 {
    font-size: 22px;
    color: #fefefe;
    white-space: normal;
    vertical-align: middle;
}

.title14 {
    font-size: 14px;
    color: #000000;
    white-space: normal;
    vertical-align: middle;
    font-weight: bold;
}

.title22 {
    font-size: 15px;
    color: #FFFFFF;
    white-space: normal;
    vertical-align: middle;
    font-weight: normal;
}

/*Mobile Menu*/

.mm-menu .mm-navbar.mm-navbar-top-2, .mm-menu .mm-navbar.mm-navbar-top-2 a {
    color: #666;
}

html.mm-opening.mm-opened .mm-slideout {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}

.mm-slideout {
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
}

.mobile_menu .mm-close.mm-btn:before {
    content: "\f00d";
    font-family: "FontAwesome";
    font-size: 20px;
}

.mobile_menu .mm-prev:before, .mobile_menu .mm-arrow:after {
    display: none;
}

.mobile_menu .mm-prev:after, .mobile_menu .mm-next:after, .mobile_menu .mm-arrow:before {
    content: "\f053";
    font-family: "FontAwesome";
    font-size: 15px;
    display: inline-block;
}

.mobile_menu .mm-listview > li > a > span > i {
    display: inline-block;
    margin-left: 5px;
}

.mobile_menu .mm-next:after {
    border: none;
    transform: none;
    -webkit-transform: none;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 16px;
    display: inline-block;
    top: -12px;
}

.mobile_menu .mm-navbar .mm-btn {
    line-height: 38px;
}

@media all and (max-width: 175px) {
    html.mm-opening.mm-opened .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
    }
}

@media all and (min-width: 550px) {
    html.mm-opening.mm-opened .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
    }
}

@media only screen and (max-width: 767px) {
    .mobile_menu.mm-menu {
        right: 0;
        left: 0;
        display: block !important;
    }

    .mobile_menu .menu_header {
        border-bottom: 1px solid #AFAFAF;
    }

    #header_slide {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    html.mm-opening.mm-opened .mm-slideout {
        -webkit-transform: translate(0%, 0);
        -moz-transform: translate(0%, 0);
        -ms-transform: translate(0%, 0);
        -o-transform: translate(0%, 0);
        transform: translate(0%, 0);
    }
}

@media only screen and (max-width: 767px) {
	.btn-news{
		    width: 100% !important;
	}
		.SectionHeader{
		top: 14rem !important;  
        left: -4rem !important;
 
	}
	.BasketMobile{
		display: flex;
justify-content: space-around;
	}
    /*Nav*/
.video{
  width: 100%;
  object-fit: cover;
}
    .navigation--mobile {
        display: block;
    }

    #dnn_wrapper {
        overflow: hidden;
    }

    .navigation_mobile {
        width: 75%;
        position: absolute;
        bottom: 100%;
        left: 0;
        visibility: hidden;
        z-index: 0;
        -webkit-transition: visibility 0 linear;
        -webkit-transition-delay: 0.4s;
        -moz-transition: visibility 0 linear 0.4s;
        -o-transition: visibility 0 linear 0.4s;
        transition: visibility 0 linear 0.4s;
    }

    .wrapper {
        height: 100%;
        position: relative;
        z-index: 1;
        background: #FFF;
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        -moz-transition: -moz-transform 0.4s ease-in-out;
        -o-transition: -o-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
    }

    .navigation_is-visible .wrapper {
        background: #FFF;
        border-left: 1px solid #dedede;
        -webkit-transform: translateX(-75%);
        -moz-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
        -o-transform: translateX(-75%);
        transform: translateX(-75%);
    }

    .navigation_is-visible #dnn_wrapper {
        background: #f5f5f5;
    }

    .navigation_is-visible .navigation_mobile {
        top: 0px;
        bottom: auto;
        visibility: visible;
        z-index: 1;
        -webkit-transition: z-index 0 linear;
        -webkit-transition-delay: 0.4s;
        -moz-transition: z-index 0 linear 0.4s;
        -o-transition: z-index 0 linear 0.4s;
        transition: z-index 0 linear 0.4s;
    }

    .phoneHeadTop {
        border-bottom: 1px solid #eaeaea;
        padding: 3px 15px 15px 107px;
        position: relative;
    }

    .phoneHeadBottom {
        text-align: center;
        padding: 8px 0px 8px;
        position: relative;
    }

    .mobilemenu_close {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        cursor: pointer;
        position: absolute;
        left: 25px;
        top: 50%;
        margin-top: -20px;
        color: #444444;
        font-family: "FontAwesome";
        overflow: hidden;
        white-space: nowrap;
        font-size: 0px;
        text-decoration: none !important;
    }

        .mobilemenu_close:after {
            font-size: 28px;
            display: inline-block;
        }

        .mobilemenu_close:after {
            content: "\f0c9";
        }

    html.mm-opening.mm-opened .mobilemenu_close:after, #mobile_search.Open:before {
        content: "\f00d";
    }

    #mobile_search {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
        cursor: pointer;
        position: absolute;
        left: 70px;
        top: 50%;
        margin-top: -20px;
        color: #444444;
        overflow: hidden;
        white-space: nowrap;
        font-size: 21px;
        text-decoration: none !important;
    }

    .languageBox {
        height: auto !important;
        line-height: normal !important;
        float: none !important;
    }

    .searchBox2 {
        padding: 0px 0px 0px 0px;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        width: auto;
        position: absolute;
        left: -1px;
        right: -1px;
        top: 5.5rem;
        z-index: 30;
       /* background-color: transparent;
        border: #dedede 1px solid;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);*/
        display: none;
    }

        .searchBox2:before {
            content: "";
            position: absolute;
            width: 9px;
            height: 9px;
            background-color: #FFF;
            top: -5px;
            left: 60px;
            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 */
            box-shadow: -1px -1px 2px rgba(0,0,0,0.2);
            -moz-box-shadow: -1px -1px 2px rgba(0,0,0,0.2);
            -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.2);
        }

        .searchBox2 * {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: content-box;
        }

        .searchBox2 input.NormalTextBox {
            line-height: 22px;
            height: 22px;
            padding: 7px 4px;
            border: none;
            background: none;
            width: 100%;
            outline: none;
            background-color: #ececec;
        }

        .searchBox2 .searchInputContainer {
            display: block !important;
            margin: 0px !important;
        }

            .searchBox2 .searchSkinObjectPreview, .searchBox2 .searchInputContainer a.dnnSearchBoxClearText.dnnShow, .searchBox2 .searchInputContainer a.dnnSearchBoxClearText {
                text-align: right;
            }

        .searchBox2 ul.searchSkinObjectPreview {
            width: 100%;
            display: none;
        }

        .searchBox2 .searchInputContainer a.dnnSearchBoxClearText {
            top: 2px;
            display: none !important;
        }

    #search2.searchBox2 .search, #search2.searchBox2 a.search:link, #search2.searchBox2 a.search:active, #search2.searchBox2 a.search:visited {
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        text-decoration: none;
        display: block;
        position: absolute;
        left: 17px;
        top: 15px;
        text-align: center;
        width: 36px;
        height: 36px;
        overflow: hidden;
        padding: 0px;
        color: #FFF;
        font-family: 'FontAwesome';
    }

    .phoneHeadTop > span > a > img {
        max-width: 38%;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top:0;
    }

    .phoneHeadBottom .Login, .phoneHeadBottom .languageBox {
        display: inline-block;
        vertical-align: middle;
    }

        .phoneHeadBottom .languageBox .language-object .Language {
            display: inline-block;
            vertical-align: middle;
            padding: 0px;
            line-height: 26px;
        }

        .phoneHeadBottom .languageBox span img {
            margin-bottom: -3px;
        }

        .phoneHeadBottom .Login .registerGroup li.userDisplayName {
            padding: 0;
        }

    .Login * {
        display: inline-block;
    }

    header {
        padding: 0 !important;
    }
    /*Login*/
    .Login {
        margin-right: 5px;
        padding-right: 0px;
        padding-left: 2px;
        text-align: center;
    }

        .Login * {
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        * + html .Login * {
            display: inline;
        }
		.registerGroup {
            display: none !important;
           
        }

        .Login .loginGroup, .Login .registerGroup {
            display: inline-block;
            padding: 0px 23px 0px 3px;
            margin: 0px;
            height: 40px;
            line-height: 40px;
        }

            .Login .sep, .Login .registerGroup li.userMessages:after, .Login .registerGroup li.userNotifications:after {
                font-size: 12px;
                font-family: IRANSans-web, Arial, Helvetica, sans-serif;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
            }

        .Login img {
            vertical-align: middle;
            margin-top: -2px;
        }

        .Login .fa {
            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: 35px !important;
        }

        .Login, .Login a, .Login a:link, .Login a:active, .Login a:visited {
            color: #777777;
    padding: 0;
    top: 40px;
    position: relative;
    font-size: 12px;
    right: 0;
        }

            .Login a:hover {
                color: #24bb9c;
                text-decoration: none;
            }

            .Login .registerGroup li.userMessages, .Login .registerGroup li.userNotifications {
                font-size: 0;
                overflow: hidden;
                vertical-align: middle;
                font-family: 'FontAwesome';
                font-style: normal;
                font-weight: normal;
                -webkit-font-smoothing: antialiased;
                position: relative;
                padding: 0px 5px 0 10px;
                height: 31px;
                line-height: 31px;
                text-align: left;
                margin: 0;
            }

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

            .Login .registerGroup li.userMessages {
                padding-right: 4px;
            }

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

                .Login .registerGroup li.userMessages:before {
                    content: "\f0e0";
                    font-size: 14px;
                    z-index: 0;
                    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:before {
                content: "\f06a";
                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? */
            }
			.userDisplayName{
				display:block !important;
			}

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

            .Login .registerGroup li.userMessages:after, .Login .registerGroup li.userNotifications:after {
                content: "|";
                font-size: 13px;
                color: #777777;
                line-height: 20px !important;
                height: 18px !important;
                font-weight: normal !important;
                overflow: hidden;
                position: absolute;
                top: 5px;
                left: 0px;
                z-index: 10;
            }

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

            * + html .Login .loginGroup, * + html .Login .registerGroup, * + html .Login .fa, * + 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, .Login .registerGroup li.userNotifications a span {
                    position: absolute;
                    top: 0px;
                    left: 0px;
                    font-size: 12px;
                    display: block;
                    background-color: #24bb9c;
                    padding: 0px 3px;
                    height: 14px;
                    line-height: 1;
                    color: #FFF;
                    border-radius: 3px;
                    -moz-border-radius: 3px;
                    -webkit-border-radius: 3px;
                    font-weight: normal;
                }

    .mobile_menu .HeadPane_mobile {
        padding: 0px;
    }

    .mobile_menu .header_top_info {
        padding: 15px 10px;
    }
}

.carousel_6 .item img {
    opacity: 0.3;
    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? */
}

.carousel_6 .item:hover img {
    opacity: 1;
}



/*----------------------*/
.ms-container{
	font-family:IranSans, Tahoma, Arial, Helvetica, sans-serif !important;
}
.ms-col-md-1, .ms-col-md-10, .ms-col-md-11, .ms-col-md-12, .ms-col-md-2, .ms-col-md-3, .ms-col-md-4, .ms-col-md-5, .ms-col-md-6, .ms-col-md-7, .ms-col-md-8, .ms-col-md-9 {
    /*float: right !important;*/
}

.ms-nav-tabs>li {
    float: right !important;
   
}