/*******price*******/
.price-table:after { clear: both; content: "."; height: 0; font-size: 0; visibility: hidden; display: block; }
.price-table { display: inline-block; }
.price-table { display: block; }
.price-table { padding: 28px 0 28px 0; }
    .price-table [class*="span"] { margin-bottom: 15px; }
    .price-table .col { float: right; text-align: center; margin-bottom: 10px; 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? */ }
    .price-table.col2 .col { width: 50%; }
    .price-table.col3 .col { width: 33.3333%; }
    .price-table.col4 .col { width: 25%; }
    .price-table.col5 .col { width: 20%; }
    * + html .price-table.col2 .col { width: 49.9%; }
    * + html .price-table.col3 .col { width: 33.33%; }
    * + html .price-table.col4 .col { width: 24.9%; }
    * + html .price-table.col5 .col { width: 19.9%; }
    .price-table .col:hover { box-shadow: 0 0 13px rgba(0,0,0,0.15); }
    .price-table .best_value { box-shadow: 0 0 13px rgba(0,0,0,0.15); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.15) inset; /* For Firefox3.6+ */ -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.15) inset; /* For Chrome5+,Safari5+ */ box-shadow: 0 0 5px rgba(0,0,0,0.15) inset; /* For Latest Opera */ margin-top: -38px; }
        .price-table .best_value .price_title { padding-top: 30px; padding-bottom: 26px; background: none; color: #FFF !important; }
            .price-table .best_value .price_title h2 { color: #FFF !important; }
        .price-table .best_value .price_holder { padding-bottom: 22px; }
.price_title { color: #444444; border: 1px solid #e9e8e8; padding-top: 15px; padding-bottom: 11px; padding-right: 10px; padding-left: 10px; font-size: 22px; position: relative; 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? */ }
.price-table .price_title h2 { margin: 0; font-weight: normal; }
.price-table .col:hover .price_title { }
.price-table .col:nth-of-type(2n+1) .price_title { }
.price-table .col:first-child .price_holder { margin-right: 0; }
.price-table .price_holder { border: 1px solid #e9e8e8; margin: 0 0 0 -1px; min-height: 300px; padding-bottom: 12px; }
.price-table .col:hover .price_holder { }
.price-table .price_box { color: #444444; padding: 20px 0 25px 0; }
.price-table .sup { font-size: 28px; line-height: 34px; vertical-align: top; }
.price-table .price { font-size: 48px; line-height: 50px; }
.price-table .price_holder ul { margin: 0 0 13px 0; padding: 0; border-bottom: 1px solid #e9e8e8; }
    .price-table .price_holder ul li { list-style: none; border-top: 1px solid #e9e8e8; padding: 12px 0; }
.price-table a.btn { border: none; background: transparent; color: #FFF; text-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 5px 20px; transition: all ease-in 200ms !important; -moz-transition: all ease-in 200ms !important; /* Firefox 4 */ -webkit-transition: all ease-in 200ms !important; /* Safari and Chrome */ -o-transition: all ease-in 200ms !important; /* Opera */ -ms-transition: all ease-in 200ms !important; /* IE9? */ }
    .price-table a.btn:hover { background-color: #525252; }
.price-table [class*="col-"] { margin-bottom: 15px; }

@media only screen and (min-width:768px) and (max-width:991px) {
    .price-table.col2 .col { width: 50%; }
    .price-table.col3 .col { width: 50%; }
    .price-table.col4 .col { width: 50%; }
    .price-table.col5 .col { width: 33.3333%; }
}

@media only screen and (max-width:767px) {
    .price-table.col2 .col { width: 100%; }
    .price-table.col3 .col { width: 100%; }
    .price-table.col4 .col { width: 100%; }
    .price-table.col5 .col { width: 100%; }
    .price-table div.best_value { margin: 5px 0; }
}
/*chart*/
/*loaded_list*/
/*blockquote*/
blockquote { font-style: italic; color: #848484; position: relative; border: none; }
    blockquote p { font-size: 13px; line-height: 1.8; text-indent: -50px; margin: 0; }
    blockquote small { display: block; line-height: 18px; font-size: 12px; position: absolute; bottom: -42px; right: 20%; padding: 24px 30px 0 0; }
/*Testimonials*/
.Testimonials_tab { /*direction:ltr;*/ position: relative; z-index: 0; margin: 0; padding: 0; width: 100%; overflow: hidden; min-height: 20px; transition: height ease-in 200ms; -moz-transition: height ease-in 200ms; /* Firefox 4 */ -webkit-transition: height ease-in 200ms; /* Safari and Chrome */ -o-transition: height ease-in 200ms; /* Opera */ -ms-transition: height ease-in 200ms; /* IE9? */ }
    .Testimonials_tab img { max-width: 100%; }
    .Testimonials_tab li { position: absolute; right: 0; top: 0; display: none; width: 100%; list-style: none; }
    .Testimonials_tab .last_page, .Testimonials_tab .next_page { position: absolute; top: 0; left: 0; height: 28px; line-height: 28px; width: 28px; border: 1px solid #e9e8e8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-align: center; color: #e9e8e8; font-family: Helvetica; top: auto; bottom: 14px; right: auto; left: 0; z-index: 15; 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? */ }
    .Testimonials_tab .last_page { left: 32px; }
        .Testimonials_tab .last_page:hover, .Testimonials_tab .next_page:hover { text-decoration: none; }
    .Testimonials_tab .dot { position: absolute; bottom: 0; z-index: 15; }
        .Testimonials_tab .dot a { display: inline-block; width: 13px; height: 13px; margin: 0 3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #303030; font-size: 0; text-indent: -999px; vertical-align: middle; position: static; overflow: hidden; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        * + html .Testimonials_tab .dot a { display: inline; }
/*quotes*/
/*Core Owl Carousel CSS File*/
/* clearfix*/
.carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.carousel { direction: ltr; display: none; position: relative; width: 100%; -ms-touch-action: pan-y\; }
    .carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px,0px,0px); }
    .carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
        .carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
    .carousel .owl-item { float: left; }
    .carousel .owl-pagination { text-align: center; margin-top: 20px; top: 100%; right: 0; width: 100%; }
    .carousel .owl-page { cursor: pointer; width: 13px; height: 13px; margin: 3px; border: 2px solid #009B85; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 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? */ }
        .carousel .owl-page.active { background-color: #009B85; }
    .carousel .owl-buttons .owl-prev, .carousel .owl-buttons .owl-next { position: absolute; left: -25px; right: auto; top: 50%; width: 48px; height: 48px; line-height: 48px; font-size: 0; text-align: center; cursor: pointer; margin: -17px 0 0 0; background-color: #b6b6b6; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; 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? */ }
    .carousel .owl-buttons .owl-next { left: auto; right: -25px; }
        .carousel .owl-buttons .owl-prev:before, .carousel .owl-buttons .owl-next:before { content: ""; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; width: 9px; height: 9px; position: absolute; top: 50%; right: 50%; margin: -4px 0 0 -4px; font-size: 20px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; }
        .carousel .owl-buttons .owl-next:before { border-right: none; border-left: 2px solid #FFF; margin-right: -4px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -o-transform: rotate(-135deg); }
.carousel { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
    .carousel .owl-buttons .owl-prev:hover, .carousel .owl-buttons .owl-next:hover { background-color: #009B85; }
        .carousel .owl-buttons .owl-prev:hover:before { }
        .carousel .owl-buttons .owl-next:hover:before { border-right: none; }
    .carousel .grabbing { cursor: move; }
    .carousel .owl-wrapper, .carousel .owl-item { direction: rtl; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
.carousel { display: none; }
    .carousel img { max-width: 100%; }

@media only screen and (min-width:1600px) {
    .carousel .owl-buttons .owl-prev { right: -55px; }
    .carousel .owl-buttons .owl-next { left: -55px; }
}

@media only screen and (max-width:767px) {
    .carousel .owl-buttons .owl-prev { right: 0; }
    .carousel .owl-buttons .owl-next { left: 0; }
}
/* Magnific Popup CSS */
.mfp-bg { top: 0; right: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; right: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; right: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: right; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; right: 8px; left: 8px; z-index: 1044; }
    .mfp-preloader a { color: #CCC; }
        .mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; left: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 10px 18px 0; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial,Baskerville,monospace; }
    .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }
    .mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; left: -6px; text-align: left; padding-left: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; left: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
    .mfp-arrow:active { margin-top: -54px; }
    .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; right: 0; top: 0; margin-top: 35px; margin-right: 35px; border: medium inset transparent; }
    .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
    .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { right: 0; }
    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-left: 17px solid #FFF; margin-right: 31px; }
    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-right: 25px; border-left: 27px solid #3F3F3F; }
.mfp-arrow-right { left: 0; }
    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-right: 17px solid #FFF; margin-right: 39px; }
    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-right: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
    .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
    .mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
    .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; right: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
    .mfp-figure:after { content: ''; position: absolute; right: 0; top: 40px; bottom: 40px; display: block; left: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0,0,0,0.6); background: #444; }
    .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
    .mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; right: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: right; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-left: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px) {
    /** * Remove all paddings around the image on small screen */
    .mfp-img-mobile .mfp-image-holder { padding-right: 0; padding-left: 0; }
    .mfp-img-mobile img.mfp-img { padding: 0; }
    .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
    .mfp-img-mobile .mfp-figure small { display: inline; margin-right: 5px; }
    .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
    .mfp-img-mobile .mfp-counter { left: 5px; top: 3px; }
    .mfp-img-mobile .mfp-close { top: 0; left: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,0.6); position: fixed; text-align: center; padding: 0; }
}

@media all and (max-width:900px) {
    .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
    .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
    .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
    .mfp-container { padding-right: 6px; padding-left: 6px; }
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; right: 50%; margin-right: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; left: 0; padding-top: 0; }
/* text-based popup styling */
.white-popup { position: relative; background: #FFF; padding: 25px; width: auto; max-width: 400px; margin: 0 auto; }
.mfp-zoom-in { }
    .mfp-zoom-in .mfp-content { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); }
    .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
    .mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; transform: scale(1); }
    .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; }
    .mfp-zoom-in.mfp-removing .mfp-content { transform: scale(0.8); opacity: 0; }
    .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; }
.mfp-newspaper { }
    .mfp-newspaper .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); }
    .mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; }
    .mfp-newspaper.mfp-ready .mfp-content { opacity: 1; transform: scale(1) rotate(0deg); }
    .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; }
    .mfp-newspaper.mfp-removing .mfp-content { transform: scale(0) rotate(500deg); opacity: 0; }
    .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; }
.mfp-move-horizontal { }
    .mfp-move-horizontal .mfp-content { opacity: 0; transition: all 0.3s; transform: translateX(-50px); }
    .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; }
    .mfp-move-horizontal.mfp-ready .mfp-content { opacity: 1; transform: translateX(0); }
    .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; }
    .mfp-move-horizontal.mfp-removing .mfp-content { transform: translateX(50px); opacity: 0; }
    .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; }
.mfp-move-from-top { }
    .mfp-move-from-top .mfp-content { opacity: 0; transition: all 0.2s; transform: translateY(-100px); }
    .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; }
    .mfp-move-from-top.mfp-ready .mfp-content { opacity: 1; transform: translateY(0); }
    .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; }
    .mfp-move-from-top.mfp-removing .mfp-content { transform: translateY(-50px); opacity: 0; }
    .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; }
.mfp-3d-unfold { }
    .mfp-3d-unfold .mfp-content { perspective: 2000px; }
    .mfp-3d-unfold .mfp-content { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); }
    .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; }
    .mfp-3d-unfold.mfp-ready .mfp-content { opacity: 1; transform: rotateY(0deg); }
    .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; }
    .mfp-3d-unfold.mfp-removing .mfp-content { transform: rotateY(60deg); opacity: 0; }
    .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; }
.mfp-zoom-out { }
    .mfp-zoom-out .mfp-content { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); }
    .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; }
    .mfp-zoom-out.mfp-ready .mfp-content { opacity: 1; transform: scale(1); }
    .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; }
    .mfp-zoom-out.mfp-removing .mfp-content { transform: scale(1.3); opacity: 0; }
    .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; }

@keyframes hinge {
    0% { transform: rotate(0); transform-origin: top right; animation-timing-function: ease-in-out; }
    20%,60% { transform: rotate(80deg); transform-origin: top right; animation-timing-function: ease-in-out; }
    40% { transform: rotate(60deg); transform-origin: top right; animation-timing-function: ease-in-out; }
    80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top right; animation-timing-function: ease-in-out; }
    100% { transform: translateY(700px); opacity: 0; }
}

.hinge { animation-duration: 1s; animation-name: hinge; }
.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity .5s ease-out; }
.mfp-with-fade.mfp-ready .mfp-content { opacity: 1; }
.mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; }
/*dnntable*/
.dnntable { width: 100%; }
    .dnntable th, .dnntable td { padding: 15px 30px; font-size: 14px; 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? */ }
    .dnntable tr:hover td { background-color: #f9f8f8; }
.dnntable_1 th { border-bottom: 2px solid #e4e4e4; }
.dnntable_1 td { border-bottom: 1px solid #e4e4e4; }
.dnntable_2 th { border-bottom: 2px solid #e4e4e4; }
.dnntable_2 td { border-bottom: 1px solid #e4e4e4; }
.dnntable_2 tr:nth-child(even) td { background-color: #f7f7f7; }
.dnntable_3 th, .dnntable_3 td { border: 1px solid #e4e4e4; }
.dnntable_4 th, .dnntable_4 td { border: 1px solid #e4e4e4; }
.dnntable_4 tr:nth-child(even) td { background-color: #f7f7f7; }
/*Images*/
.photo_box .pic_box { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); }
.photo_box img { width: 100%; max-width: 100%; }
.photo_box { margin: 0; padding: 0; overflow: hidden; line-height: 1.8; display: block; }
    .photo_box .pic_box { position: relative; display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; }
    .photo_box a, .photo_box a:hover { text-decoration: none; }
    .photo_box .ico { position: absolute; top: 50%; right: 0; width: 100%; margin-top: -25px; text-align: center; color: #FFF; filter: alpha(opacity=0); opacity: 0; z-index: 1; }
        .photo_box .ico span, .photo_box .ico em, .photo_box .ico i, .photo_box .ico .fa { color: #FFF; width: 50px !important; height: 50px !important; line-height: 50px !important; display: inline-block; text-align: center; font-size: 20px; margin: 0 3px; background-color: #69b532; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
        .photo_box .ico h3, .photo_box .ico .title { color: #FFF; font-size: 15px; margin-bottom: 5px; }
    .photo_box .link-full { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; }
    .photo_box .content { position: absolute; top: 0; right: 0; width: 100%; height: 100%; text-align: center; color: #FFF; filter: alpha(opacity=0); opacity: 0; z-index: 1; display: block; }
.vertical_center_1 { width: 100%; height: 100%; display: table; }
.vertical_center_2 { display: table-cell; width: 100%; vertical-align: middle; }
    .vertical_center_2 p { padding-right: 10px; padding-left: 10px; }
.photo_box .title, .photo_box .description { display: block; font-style: normal; }
.photo_box .content h3, .photo_box .content .title { color: #FFF; font-size: 15px; margin-bottom: 5px; }
.photo_box .content p, .photo_box .content .description { color: #FFF; font-size: 13px; }
.photo_box .content > .fa { font-size: 50px; height: 70%; position: relative; }
    .photo_box .content > .fa:before { position: absolute; top: 50%; right: 0; }
.photo_box .content .ico { position: static; margin: 0 0 15px; }
.photo_box .shade { width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #000; filter: alpha(opacity=0); opacity: 0; z-index: 0; }
.photo_box .ico, .photo_box .content, .photo_box .shade { transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box:hover .ico, .photo_box:hover .content { filter: alpha(opacity=100); opacity: 1; }
.photo_box:hover .shade { filter: alpha(opacity=50); opacity: 0.5; }
.photo_box.default_show .ico, .photo_box.default_show .content { filter: alpha(opacity=100); opacity: 1; }
.photo_box.default_show .shade { filter: alpha(opacity=50); opacity: 0.5; }
.photo_box.img_zoom .pic_box img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -ms-transition: all ease-out 300ms; }
.photo_box:hover.img_zoom .pic_box img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }
.photo_box.ico_left_enter .ico, .photo_box.ico_right_enter .ico, .photo_box.ico_top_enter .ico, .photo_box.ico_bottom_enter .ico, .photo_box.ico_LeftAndRight_enter span, .photo_box.ico_TopAndBottom_enter span, .photo_box.ico_LeftAndRight_enter i, .photo_box.ico_TopAndBottom_enter i, .photo_box.ico_LeftAndRight_enter em, .photo_box.ico_TopAndBottom_enter em, .photo_box.ico_LeftAndRight_enter b, .photo_box.ico_TopAndBottom_enter b { transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box.ico_left_enter .ico { right: -100%; }
.photo_box:hover.ico_left_enter .ico { right: 0; }
.photo_box.ico_right_enter .ico { right: 100%; }
.photo_box:hover.ico_right_enter .ico { right: 0; }
.photo_box.ico_top_enter .ico { top: -100%; }
.photo_box:hover.ico_top_enter .ico { top: 50%; }
.photo_box.ico_bottom_enter .ico { top: 150%; }
.photo_box:hover.ico_bottom_enter .ico { top: 50%; }
.photo_box.ico_LeftAndRight_enter .ico_left { transform: translate(-250px,0); -ms-transform: translate(-250px,0); -webkit-transform: translate(-250px,0); -o-transform: translate(-250px,0); -moz-transform: translate(-250px,0); }
.photo_box.ico_LeftAndRight_enter .ico_right { transform: translate(250px,0); -ms-transform: translate(250px,0); -webkit-transform: translate(250px,0); -o-transform: translate(250px,0); -moz-transform: translate(200px,0); }
.photo_box.ico_TopAndBottom_enter .ico_top { transform: translate(0,-250px); -ms-transform: translate(0,-250px); -webkit-transform: translate(0,-250px); -o-transform: translate(0,-250px); -moz-transform: translate(0,-250px); }
.photo_box.ico_TopAndBottom_enter .ico_bottom { transform: translate(0,200px); -ms-transform: translate(0,200px); -webkit-transform: translate(0,200px); -o-transform: translate(0,200px); -moz-transform: translate(0,200px); }
.photo_box:hover.ico_LeftAndRight_enter .ico_left, .photo_box:hover.ico_LeftAndRight_enter .ico_right, .photo_box:hover.ico_TopAndBottom_enter .ico_top, .photo_box:hover.ico_TopAndBottom_enter .ico_bottom { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
.photo_box.ico_push_in img { margin-bottom: -15px; 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; }
.photo_box.ico_push_in .ico { top: auto; bottom: -50px; width: 100%; background-color: #69b532; filter: alpha(opacity=100); opacity: 1; }
    .photo_box.ico_push_in .ico .fa, .photo_box.ico_push_in .ico em { background-color: transparent !important; }
    .photo_box.ico_push_in .ico a { display: block; width: 50%; float: right; text-align: center; }
        .photo_box.ico_push_in .ico a:first-child { border-left: 1px solid #FFF; border-left: 1px solid rgba(255,255,255,0.5); margin-left: -2px; }
.photo_box:hover.ico_push_in img { margin-top: -15px; margin-bottom: 0; }
.photo_box:hover.ico_push_in .ico { top: auto; bottom: 0; }
.photo_box.ico_left_rotate .ico, .photo_box.ico_left_rotate .ico > span, .photo_box.ico_left_rotate .ico > i, .photo_box.ico_left_rotate .ico > em, .photo_box.ico_right_rotate .ico, .photo_box.ico_right_rotate .ico > span, .photo_box.ico_right_rotate .ico > i, .photo_box.ico_right_rotate .ico > em { width: 50px; height: 50px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; padding: 0; }
.photo_box.ico_left_rotate .ico { right: 0; top: auto; bottom: 0; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); 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; -moz-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; }
.photo_box.ico_right_rotate .ico { right: auto; left: 0; top: auto; bottom: 0; transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); 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; -moz-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.photo_box:hover.ico_left_rotate .ico, .photo_box:hover.ico_right_rotate .ico { transform: rotate(0); -ms-transform: rotate(0); -moz-transform: rotate(0); -webkit-transform: rotate(0); }
.photo_box.content_top_increment .increment_1 { transform: translate(0,-300px); -ms-transform: translate(0,-300px); -webkit-transform: translate(0,-300px); -o-transform: translate(0,-300px); -moz-transform: translate(0,-300px); transition: all ease-in 500ms; -moz-transition: all ease-in 500ms; -webkit-transition: all ease-in 500ms; -o-transition: all ease-in 500ms; -ms-transition: all ease-in 500ms; }
.photo_box.content_top_increment .increment_2 { transform: translate(0,-300px); -ms-transform: translate(0,-300px); -webkit-transform: translate(0,-300px); -o-transform: translate(0,-340px); -moz-transform: translate(0,-340px); transition: all ease-in 400ms; -moz-transition: all ease-in 400ms; -webkit-transition: all ease-in 400ms; -o-transition: all ease-in 400ms; -ms-transition: all ease-in 400ms; }
.photo_box.content_top_increment .increment_3 { transform: translate(0,-300px); -ms-transform: translate(0,-300px); -webkit-transform: translate(0,-300px); -o-transform: translate(0,-380px); -moz-transform: translate(0,-380px); transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box:hover.content_top_increment .increment_1, .photo_box:hover.content_top_increment .increment_2, .photo_box:hover.content_top_increment .increment_3 { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
.photo_box:hover.content_top_increment .increment_1 { transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box:hover.content_top_increment .increment_2 { transition: all ease-in 400ms; -moz-transition: all ease-in 400ms; -webkit-transition: all ease-in 400ms; -o-transition: all ease-in 400ms; -ms-transition: all ease-in 400ms; }
.photo_box:hover.content_top_increment .increment_3 { transition: all ease-in 500ms; -moz-transition: all ease-in 500ms; -webkit-transition: all ease-in 500ms; -o-transition: all ease-in 500ms; -ms-transition: all ease-in 500ms; }
.photo_box.content_top_increment .content h3 { background-color: #69b532; font-size: 18px; color: #FFF; padding: 15px; margin-bottom: 25px; width: 100%; }
.photo_box.content_top_increment .content a.but { background-color: #dedede; color: #666666; display: inline-block; padding: 5px 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; margin-top: 15px; }
.photo_box.content_top_increment .content p { padding: 0 30px; }
.photo_box.ico_zoom .ico span { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box:hover.ico_zoom .ico span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.photo_box.img_flip { overflow: visible; }
    .photo_box.img_flip .pic_box { position: relative; overflow: visible; -webkit-perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; }
        .photo_box.img_flip .pic_box img, .photo_box.img_flip .shade, .photo_box.img_flip .content { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 750ms ease 0s; -moz-transition: all 750ms ease 0s; -o-transition: all 750ms ease 0s; -ms-transition: all 750ms ease 0s; transition: all 750ms ease 0s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
        .photo_box.img_flip .pic_box img { z-index: 1; position: relative; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
        .photo_box.img_flip .pic_box .shade, .photo_box.img_flip .pic_box .content { z-index: -2; filter: alpha(opacity=100); opacity: 1; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
        .photo_box.img_flip .pic_box .content { z-index: -1; }
.photo_box:hover.img_flip img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.photo_box:hover.img_flip .pic_box .shade, .photo_box:hover.img_flip .pic_box .content { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
.photo_box:hover.img_flip .pic_box .shade { z-index: 2; }
.photo_box:hover.img_flip .pic_box .content { z-index: 3; }
.content_sytle_2 .shade { background-color: #69b532; }
.content_sytle_2 .content h3 { font-size: 18px; color: #FFF; margin-bottom: 5px; }
.content_sytle_2 .content p { padding: 0 30px 5px; }
.content_sytle_2 .content a.but { border: 1px solid #FFF; padding: 10px 25px; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; margin-top: 10px; color: #FFF; }
.photo_box.content_push_in .pic_box img { transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box.content_push_in .content { filter: alpha(opacity=100); opacity: 1; background-color: #69b532; top: auto; height: auto; bottom: 0; height: 60px; margin-bottom: -60px; overflow: hidden; }
    .photo_box.content_push_in .content h3, .photo_box.content_push_in .content .title { margin: 8px 0 0; }
.photo_box:hover.content_push_in .pic_box img { margin-top: -60px; margin-bottom: 60px; }
.photo_box:hover.content_push_in .content { margin-bottom: 0; }
.photo_box.icon_tag_push .ico { width: 90px; height: 90px; right: auto; left: -90px; top: -90px; margin: 0; text-align: left; 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; }
    .photo_box.icon_tag_push .ico:before { content: ""; position: absolute; top: 0; left: 0; border: 45px solid transparent; border-left-color: #69b532; border-top-color: #69b532; }
    .photo_box.icon_tag_push .ico span, .photo_box.icon_tag_push .ico em, .photo_box.icon_tag_push .ico i { background: none; position: relative; width: auto !important; height: auto !important; display: inline-block !important; line-height: 60px !important; width: 50px !important; text-align: center !important; }
.photo_box:hover.icon_tag_push .ico { left: 0; top: 0; }
.photo_box.icon_tag_push .content { background-color: #FFF; background-color: rgba(255,255,255,0.8); width: auto; height: auto; padding: 13px 36px; color: #666666; top: auto; bottom: 20px; filter: alpha(opacity=100); opacity: 1; }
    .photo_box.icon_tag_push .content h3, .photo_box.icon_tag_push .content .title { color: #666666; font-size: 16px; margin: 0; }
.photo_box.content_bottom_push_in .content { background-color: transparent; height: auto; padding: 15px 0; color: #FFF; top: auto; bottom: 0; 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; transform: translate(0,100%); -ms-transform: translate(0,100%); -webkit-transform: translate(0,100%); -o-transform: translate(0,100%); -moz-transform: translate(0,100%); }
    .photo_box.content_bottom_push_in .content:after { content: ""; background-color: #009B85; position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.8; }
    .photo_box.content_bottom_push_in .content:before { content: ""; border: 8px solid transparent; border-bottom-color: #009B85; position: absolute; top: -16px; right: 50%; margin-right: -4px; opacity: 0.8; }
    .photo_box.content_bottom_push_in .content h3, .photo_box.content_bottom_push_in .content .title { color: #FFF; font-size: 16px; margin: 0; }
    .photo_box.content_bottom_push_in .content p, .photo_box.content_bottom_push_in .content .description { color: #FFF; margin-bottom: 0; }
.photo_box:hover.content_bottom_push_in .content { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -o-transform: translate(0,0); -moz-transform: translate(0,0); }
.photo_box.content_bottom_push_in_2 .shade { background-color: #000; top: 100%; margin-top: -40px; filter: alpha(opacity=50); opacity: 0.5; }
.photo_box:hover.content_bottom_push_in_2 .shade { top: 0; margin: 0; filter: alpha(opacity=50); opacity: 0.5; }
.photo_box.content_bottom_push_in_2 .content { filter: alpha(opacity=100); opacity: 1; height: 40px; top: 100%; margin-top: -35px; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
.photo_box:hover.content_bottom_push_in_2 .content { height: 100%; top: 0; margin-top: 0; }
.photo_box.content_bottom_push_in_2 .but { border: 1px solid #FFF; padding: 10px 22px; font-size: 13px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: inline-block; margin-top: 10px; color: #FFF; text-decoration: none; }
.photo_box.entirety_left_offset .shade { background-color: #f0f0f0; }
.photo_box.entirety_left_offset .shade, .photo_box.entirety_left_offset .ico, .photo_box.entirety_left_offset .content { filter: alpha(opacity=100); opacity: 1; right: 100%; 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; }
.photo_box.entirety_left_offset .ico { width: auto; top: auto; bottom: 0; }
    .photo_box.entirety_left_offset .ico span, .photo_box.entirety_left_offset .ico em, .photo_box.entirety_left_offset .ico i { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; margin: 0; }
.photo_box.entirety_left_offset .content { text-align: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 30px 30px 30px 80px; }
.photo_box.entirety_left_offset h3, .photo_box.entirety_left_offset p, .photo_box.entirety_left_offset .title, .photo_box.entirety_left_offset .description, .photo_box.entirety_left_offset a { color: #666; }
.photo_box:hover.entirety_left_offset .shade, .photo_box:hover.entirety_left_offset .ico, .photo_box:hover.entirety_left_offset .content { right: 50px; }
.photo_box.entirety_bevel .content { height: 60%; text-align: right; top: 0; padding: 0 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.photo_box.entirety_bevel .ico { height: 40%; text-align: right; margin: 0; top: 60%; right: 40px; }
    .photo_box.entirety_bevel .ico span { background-color: transparent; border: 1px solid #FFF; }
.photo_box:hover.entirety_bevel .shade { background-color: #69b532; filter: alpha(opacity=80); opacity: 0.8; }
.photo_box.entirety_bevel .pic_box:before { content: ""; border-width: 0; border-style: solid; border-top-color: #e5e5e5; border-left-color: #FFF; border-right-color: #e5e5e5; border-bottom-color: #FFF; position: absolute; left: 0; bottom: 0; z-index: 3; transition: border-width ease-in 200ms; -moz-transition: border-width ease-in 200ms; -webkit-transition: border-width ease-in 200ms; -o-transition: border-width ease-in 200ms; -ms-transition: border-width ease-in 200ms; }
.photo_box:hover.entirety_bevel .pic_box:before { border-width: 25px; transition: border-width ease-in 200ms; -moz-transition: border-width ease-in 200ms; -webkit-transition: border-width ease-in 200ms; -o-transition: border-width ease-in 200ms; -ms-transition: border-width ease-in 200ms; }
.img_left { float: right; width: auto; margin: 8px 0 5px 15px; }
.img_right { float: left; width: auto; margin: 8px 15px 5px 0; }
.img_center { text-align: center; width: 100%; display: block; margin-bottom: 5px; }
    .img_center .pic_box { display: inline-block; width: auto; }
.box_border_radius { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); }
.box_border_round { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); }
.box_border { border: 3px solid #dddddd; overflow: hidden; }
.box_border_padding { border: 1px solid #dddddd; padding: 3px; margin-bottom: 8px; }
.box_bottom_shadow { box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3); -moz-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.3); }
.box_bottom_shadow_left, .box_bottom_shadow_right { overflow: visible; position: relative; z-index: 1; }
    .box_bottom_shadow_left:before { content: ""; position: absolute; top: 100%; right: 0; width: 100px; height: 15px; z-index: 0; box-shadow: 14px 14px 14px rgba(0,0,0,0.3); -moz-box-shadow: 14px 14px 14px rgba(0,0,0,0.3); -webkit-box-shadow: 14px 14px 14px rgba(0,0,0,0.3); margin: -24px 0 0 0; transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); }
    .box_bottom_shadow_right:after { content: ""; position: absolute; top: 100%; left: 0; width: 100px; height: 15px; z-index: -1; box-shadow: -14px 14px 14px rgba(0,0,0,0.3); -moz-box-shadow: -14px 14px 14px rgba(0,0,0,0.3); -webkit-box-shadow: -14px 14px 14px rgba(0,0,0,0.3); margin: -24px 0 0 0; transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(-deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); }
.box_shadow { box-shadow: 0 0 14px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 14px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.3); }

@-webkit-keyframes ico_rotate {
    0% { -webkit-transform: rotate(-60deg) scale(0.5); opacity: 0; }
    50% { -webkit-transform: rotate(20deg) scale(1.1); opacity: 1; }
    100% { -webkit-transform: rotate(0deg) scale(1); opacity: 1; }
}

@-moz-keyframes ico_rotate {
    0% { -moz-transform: rotate(-60deg) scale(0.5); opacity: 0; }
    50% { -moz-transform: rotate(20deg) scale(1.1); opacity: 1; }
    100% { -moz-transform: rotate(0deg) scale(1); opacity: 1; }
}

@-o-keyframes ico_rotate {
    0% { -0-transform:rotate(-60deg) scale(0.5); opacity: 0; }
    50% { -0-transform:rotate(20deg) scale(1.1); opacity: 1; }
    100% { -0-transform:rotate(0deg) scale(1); opacity: 1; }
}

@keyframes ico_rotate {
    0% { transform: rotate(-60deg) scale(0.5); opacity: 0; }
    50% { transform: rotate(20deg) scale(1.1); opacity: 1; }
    100% { transform: rotate(0deg) scale(1); opacity: 1; }
}

.ico_rotate .ico span { -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; -o-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; width: 80px; height: 80px; box-shadow: 0 0 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); }
.ico_rotate:hover .ico span { -webkit-animation-name: ico_rotate; -moz-animation-name: ico_rotate; -o-animation-name: ico_rotate; animation-name: ico_rotate; }
.shade_zoom .shade { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); 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? */ }
.shade_zoom:hover .shade { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.shade_zoom .ico span { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 40px !important; height: 40px !important; line-height: 40px !important; border: 1px solid #FFF; background-color: transparent !important; 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? */ }
.shade_zoom:hover .ico span { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); opacity: 1; }
.photo_box.content_zoom .shade, .photo_box.content_zoom .content { overflow: hidden; top: auto; right: 0; bottom: 0; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); 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? */ }
.photo_box.content_zoom:hover .shade, .photo_box.content_zoom:hover .content { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); filter: alpha(opacity=100); opacity: 1; }
.ico_no_bg .fa { background: none !important; font-size: 30px !important; color: #FFF !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.box_dotted_padding { border: 1px dashed #ddd; padding: 3px; }
.text_sytle_1 { padding: 15px 10px 10px; }
    .text_sytle_1 h3, .text_sytle_2 h3 { font-size: 14px; color: #666666; margin: 0; }
    .text_sytle_1 .info { float: left; padding-top: 13px; font-size: 14px; }
        .text_sytle_1 .info span { margin-left: 3px; }
    .text_sytle_1 h3 { margin: 0 0 5px 0; font-size: 14px; color: #666666; }
.text_sytle_2 { background-color: #f5f5f5; padding: 15px 15px 10px; border-bottom: 2px solid #dcdcdc; text-align: center; }
.text_sytle_3 { text-align: right; padding: 10px 0 5px; }
    .text_sytle_3 h3 { font-size: 14px; color: #666666; }
.text_sytle_4 h3 { padding: 0; border-bottom: 1px solid #dedede; margin-bottom: 12px; font-size: 14px; color: #666666; }
    .text_sytle_4 h3 span { display: inline-block; padding: 10px 0; border-bottom: 1px solid #69b532; margin-bottom: -1px; font-size: 14px; color: #666666; }
.text_sytle_5 { clear: both; overflow: hidden; margin: 5px; }
    .text_sytle_5 h3 { font-size: 18px; font-weight: normal; margin: 20px 8px 10px; padding: 0; }
.text_sytle_6 h3 { color: #363839; font-size: 18px; padding: 25px 0 0; font-weight: normal; margin-bottom: 0; }
.text_sytle_6 .info { margin-bottom: 10px; }
.text_sytle_6 .social-icons a { font-size: 23px; color: #8a8989; filter: alpha(opacity=50); opacity: 0.5; 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_sytle_6 .social-icons a:hover { filter: alpha(opacity=100); opacity: 1; }
.text_sytle_7 { clear: both; overflow: hidden; margin: 5px; }
    .text_sytle_7 h3 { font-size: 16px; color: #666666; font-weight: bold; margin: 10px 8px; }
        .text_sytle_7 h3 span { float: left; }
.text_sytle_8 { clear: both; overflow: hidden; border: 1px solid #c8c8c8; border-top: none; padding: 25px; font-size: 13px; color: #717171; 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_sytle_8 h3 { font-size: 16px; color: #000000; 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? */ }
    .text_sytle_8 a { text-decoration: underline; }
.photo_box:hover .text_sytle_8 { background-color: #009B85; color: #FFF; }
    .photo_box:hover .text_sytle_8 h3 { color: #FFF; }
    .photo_box:hover .text_sytle_8 a { color: #FFF; }
/* isotope_grid */
.isotope_grid { direction: ltr; width: 100%; }
    .isotope_grid .isotope_main { width: 100%; position: relative; }
    .isotope_grid .isotope_item { width: 0; margin: 0; position: absolute; right: 0; top: 0; }
        .isotope_grid .isotope_item img { width: 100%; max-width: 100%; }
.isotope_grid1 .isotope_item > div { margin: 0; }
.isotope_grid1 .isotope_group { text-align: center; padding: 10px 0 30px; }
    .isotope_grid1 .isotope_group a { margin: 0 5px 5px; padding: 10px 35px; color: #999999; font-size: 13px; display: inline-block; border: 2px solid #999999; 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? */ }
        .isotope_grid1 .isotope_group a:hover, .isotope_grid1 .isotope_group a.active { border-color: #cd3637; color: #cd3637; text-decoration: none; }
.isotope_grid1 .isotope_item .content { width: 100%; position: absolute; top: 50%; text-align: center; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); font-size: 15px; }
.isotope_grid1 .isotope_item .photo:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background-color: #cd3637; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); }
.isotope_grid1 .isotope_item .content .ico { height: 80px; width: 80px; line-height: 80px; text-align: center; margin: auto; border: 2px solid #FFF; font-size: 40px; margin-bottom: 20px; }
.isotope_grid1 .isotope_item .content h3 { font-size: 18px; }
.isotope_grid1 .isotope_item .content, .isotope_grid1 .isotope_item .photo:before { opacity: 0; filter: alpha(opacity=0); transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
.isotope_grid1 .isotope_item:hover .content { opacity: 1; filter: alpha(opacity=100); }
.isotope_grid1 .isotope_item:hover .photo:before { opacity: 0.8; filter: alpha(opacity=80); }
.isotope_grid2 .isotope_main { clear: both; padding-top: 12px; width: auto; margin-right: -5px; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.isotope_grid2 .photo { position: relative; margin: 5px; }
    .isotope_grid2 .photo .fa { position: absolute; top: 50%; right: 50%; height: 64px; width: 64px; line-height: 68px; margin: -32px 0 0 -32px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #50bdac; font-size: 26px; background-color: #FFF; filter: alpha(opacity=0); opacity: 0; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
    .isotope_grid2 .photo img { width: 100%; }
    .isotope_grid2 .photo:before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #51bdad; filter: alpha(opacity=0); opacity: 0; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
    .isotope_grid2 .photo:hover .fa, .isotope_grid2 .photo:hover:before { filter: alpha(opacity=80); opacity: 0.8; }
.isotope_grid3 .isotope_group { text-align: center; padding: 0 0 60px; }
    .isotope_grid3 .isotope_group a { border: 1px solid #dddddd; padding: 0 45px; height: 50px; line-height: 50px; margin: 0 5px 5px; display: inline-block; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
        .isotope_grid3 .isotope_group a, .isotope_grid3 .isotope_group a:link, .isotope_grid3 .isotope_group a:active, .isotope_grid3 .isotope_group a:visited { color: #666666; font-size: 14px; font-weight: bold; }
            .isotope_grid3 .isotope_group a:hover, .isotope_grid3 .isotope_group a.active { text-decoration: none; background-color: #fcc012; border-color: #fcc012; color: #FFF; font-weight: normal; border-bottom: 4px solid rgba(0,0,0,0.1); transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
.isotope_grid3 .photo { position: relative; }
    .isotope_grid3 .photo:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fcc012; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
    .isotope_grid3 .photo:hover:before { opacity: 0.9; filter: alpha(opacity=90); visibility: visible; }
    .isotope_grid3 .photo .ico .fa { width: 47px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #FFF; color: #FFF; transition: all ease-in 200ms; -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ }
    .isotope_grid3 .photo .ico { position: absolute; top: 50%; width: 100%; text-align: center; right: 0; margin-top: -24px; }
        .isotope_grid3 .photo .ico a:hover .fa { background-color: #ffffff; color: #fcc012; }
        .isotope_grid3 .photo .ico a:first-child .fa { transform: translate(-100px,0); -webkit-transform: translate(-100px,0); }
        .isotope_grid3 .photo .ico a:nth-child(2) .fa { transform: translate(0px,-100px); -webkit-transform: translate(0px,-100px); }
        .isotope_grid3 .photo .ico a:last-child .fa { transform: translate(100px,0); -webkit-transform: translate(100px,0); }
        .isotope_grid3 .photo .ico a .fa { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
    .isotope_grid3 .photo:hover .ico a .fa { opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: translate(0); -webkit-transform: translate(0); }
    .isotope_grid3 .photo .ico a, .isotope_grid3 .photo .ico a:hover { text-decoration: none; }

@media only screen and (max-width:767px) {
    .isotope_grid1 .isotope_group a { padding: 2px 8px; margin: 0 3px 3px; }
    .isotope_grid1 .isotope_item:hover .photo { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); z-index: 1000; }
    .isotope_grid3 .isotope_group { padding: 0 0 30px; }
}

.isotope_grid4 .photo { position: relative; overflow: hidden; }
    .isotope_grid4 .photo:before { content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; opacity: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
    .isotope_grid4 .photo:after { content: ""; right: 0; top: 0; bottom: 0; left: 0; position: absolute; border: 1px solid #FFF; opacity: 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? */ }
.isotope_grid4 .ico { position: absolute; top: 50%; width: 100%; right: 0; text-align: center; margin-top: -35px; z-index: 10; opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); transition: all ease-in 400ms; -moz-transition: all ease-in 400ms; /* Firefox 4 */ -webkit-transition: all ease-in 400ms; /* Safari and Chrome */ -o-transition: all ease-in 400ms; /* Opera */ -ms-transition: all ease-in 400ms; /* IE9? */ }
.isotope_grid4 .photo:hover:before { opacity: 1; }
.isotope_grid4 .photo:hover:after { right: 20px; top: 20px; bottom: 20px; left: 20px; opacity: 1; }
.isotope_grid4 .photo:hover .ico { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
.isotope_grid4 .ico span { width: 70px; height: 70px; line-height: 70px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #009B85; color: #FFF; font-size: 26px; margin: 0 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? */ }
.isotope_grid4 .ico a:hover { text-decoration: none; }
    .isotope_grid4 .ico a:hover span { background-color: #333; text-decoration: none; }
.isotope_grid4.isotope-spacing .isotope_item .photo { margin: 1px; }
/*flip box*/
.flip_box { -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; overflow: visible; margin-bottom: 5px; position: relative; }
    .flip_box .front, .flip_box .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 750ms ease 0s; -moz-transition: all 750ms ease 0s; -o-transition: all 750ms ease 0s; -ms-transition: all 750ms ease 0s; transition: all 750ms ease 0s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
    .flip_box .front { position: relative; z-index: 0; color: #444; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
    .flip_box .back { position: absolute; top: 0; right: 0; left: 0; height: 100%; z-index: -2; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
    .flip_box.flip_right .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
    .flip_box.flip_top .front { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
    .flip_box.flip_top .back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
    .flip_box.flip_bottom .front { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
    .flip_box.flip_bottom .back { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); }
    .flip_box:hover .front { background-color: #FFF; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
    .flip_box:hover .back { z-index: 3; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); }
    .flip_box.flip_right:hover .front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); }
    .flip_box.flip_top:hover .front { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); }
    .flip_box.flip_top:hover .back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
    .flip_box.flip_bottom:hover .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); transform: rotateX(180deg); }
    .flip_box.flip_bottom:hover .back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); }
.flip_box_1 .back h3 { padding: 30px 0 10px; color: #FFF; }
.flip_box_1 .front { background-color: #f6f6f6; padding: 30px 20px; text-align: center; line-height: 1.5; }
    .flip_box_1 .front .ico { width: 60px; height: 60px; line-height: 65px; text-align: center; margin: auto; background-color: #333333; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 24px; color: #FFF; margin-bottom: 10px; }
    .flip_box_1 .front h5 { font-size: 15px; padding: 5px 0; }
.flip_box_1 .back { height: 100%; color: #FFF; text-align: center; padding: 0 20px; }
    .flip_box_1 .back h5 { font-size: 15px; padding: 55px 0 10px; color: #FFF; }
.flip_box_2 .front { background-color: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 30px 20px; text-align: center; line-height: 1.5; }
    .flip_box_2 .front .fa { width: 120px; height: 120px; line-height: 120px; text-align: center; margin: auto; border: 1px solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 60px; margin-bottom: 10px; }
    .flip_box_2 .front h3 { font-size: 16px; padding: 15px 0; letter-spacing: 2px; font-weight: normal; }
.flip_box_2 .back { height: 100%; color: #FFF; text-align: center; padding: 0 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    .flip_box_2 .back h3 { padding: 20px 0 10px; color: #FFF; font-size: 16px; letter-spacing: 2px; font-weight: normal; }
.flip_box_3 .front { background-color: #f7f7f7; border: 1px solid #e2e2e2; color: #7b7b7b; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; padding: 30px 20px; text-align: center; line-height: 1.5; }
    .flip_box_3 .front .fa { width: 40px; height: 40px; line-height: 35px; text-align: center; margin: auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 30px; color: #373737; }
    .flip_box_3 .front h3 { font-size: 14px; padding: 5px 0; color: #373737; letter-spacing: 1px; }
    .flip_box_3 .front p { line-height: 1.8; }
.flip_box_3 .back { height: 100%; background: #373737; color: #FFF; text-align: center; padding: 0 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    .flip_box_3 .back h3 { padding: 30px 0 10px; color: #FFF; font-size: 14px; letter-spacing: 1px; font-weight: normal; }
.flip_box_4 .front { background-color: transparent; border: 1px solid transparent; padding: 30px 20px; text-align: center; line-height: 1.5; }
    .flip_box_4 .front .fa { width: 145px; height: 145px; line-height: 135px; text-align: center; margin: auto; border: 2px solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 60px; margin-bottom: 10px; }
    .flip_box_4 .front h3 { font-size: 14px; padding: 5px 0; color: #000000; letter-spacing: 1px; }
    .flip_box_4 .front p { color: #7b7b7b; line-height: 1.8; }
.flip_box_4 .back { height: 100%; color: #FFF; text-align: center; padding: 0 20px; }
    .flip_box_4 .back h3 { padding: 40px 0 10px; color: #FFF; font-size: 15px; letter-spacing: 2px; font-weight: normal; }
    .flip_box_4 .back p { line-height: 2; }
    .flip_box_4 .back .btn { font-weight: bold; color: #FFF; border: 1px solid #FFF; padding: 10px 27px; margin-top: 20px; display: inline-block; font-size: 13px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
/*video-bg*/
.video-bg { position: relative; z-index: 1; overflow: hidden; background-color: #f5f5f5; }
    .video-bg .videobox { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; }
        .video-bg .videobox .video { padding-bottom: 56.25%; height: 0; position: relative; }
        .video-bg .videobox iframe, .video-bg .videobox object, .video-bg .videobox embed, .video-bg .videobox video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; }
    .video-bg .player_line { width: 126px; margin: 25px auto; border-top-width: 2px; }
    .video-bg .play { cursor: pointer; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.65); }
    .video-bg .player { width: 100%; background: url(../images/loader.gif) no-repeat center center #000; }
.player_boxes { padding: 90px 15px; text-align: center; color: #FFF; }
.video-bg .player_boxes > * { position: relative; z-index: 1; }
.player_boxes .player_title { font-size: 50px; font-weight: bold; letter-spacing: 1px; line-height: 1.1; color: #FFF; }
.player_boxes .player_smalltitle { font-size: 20px; letter-spacing: 5px; margin: 30px 0 30px; font-weight: normal; line-height: 1.2; color: #FFF; padding: 20px 0; background: -moz-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0) 100%); background: -webkit-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(right,rgba(255,255,255,0) 0,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.3) 60%,rgba(255,255,255,0) 100%); }
.player_boxes .player_content { margin: 0 20%; color: #fff; line-height: 2; font-size: 15px; }
.player_boxes.full-height { text-align: center; white-space: nowrap; }
    .player_boxes.full-height:after { content: ""; height: 100%; width: 0; margin: 0; vertical-align: middle; display: inline-block; overflow: hidden; }
    .player_boxes.full-height .vertical-center { display: inline-block; vertical-align: middle; white-space: normal; }
.dnngo-main .player_boxes .dg-btn-2:hover { border-color: #20a3f0; background-color: #20a3f0; }

@media only screen and (min-width:768px) and (max-width:991px) {
    .player_boxes { padding: 50px 0; }
        .player_boxes .player_content { margin: 0 5%; }
}

@media only screen and (max-width:767px) {
    .player_boxes { padding: 20px 0; }
        .player_boxes .player_title { font-size: 25px; }
        .player_boxes .player_content { margin: 0; }
}
/*responsive-video*/
.responsive-video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; z-index: 0; }
    .responsive-video iframe, .responsive-video object, .responsive-video embed, .responsive-video video { position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; }
.questions-title { text-align: center; }
.code-description { font-size: 15px; margin-bottom: 60px; }
    .code-description h1 { color: #424242; font-size: 28px; font-weight: normal; margin: 0 0 14px; }
/*lightbox*/
.lightbox-title { border-bottom: 2px solid #f5f5f5; position: relative; margin-bottom: 40px; }
    .lightbox-title:after { content: ""; position: absolute; right: 0; bottom: -2px; width: 41px; border-bottom: 2px solid #20a3f0; }
    .lightbox-title h3 { font-size: 20px; color: #424242; padding: 11px 0; font-weight: normal; line-height: 1.2; }
    .lightbox-title .right button { margin-top: 8px; }
.lightbox-photo { border: 1px solid #dcdcdc; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px; margin-bottom: 20px; }
    .lightbox-photo img { max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    .lightbox-photo .title { display: block; padding: 10px 0 5px; font-size: 15px; color: #424242; }
    .lightbox-photo a:hover { text-decoration: none; }
        .lightbox-photo a:hover .title { color: #20a3f0; }
    .lightbox-photo .photo { position: relative; display: block; }
        .lightbox-photo .photo:after { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: #000; z-index: 0; opacity: 0; visibility: hidden; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        .lightbox-photo .photo:hover:after { opacity: 0.5; visibility: visible; }
        .lightbox-photo .photo > .fa { position: absolute; width: 45px; height: 45px; line-height: 45px; text-align: center; left: 0; bottom: 0; background-color: #20a3f0; color: #FFF; font-size: 18px; z-index: 2; border-radius: 0 0 0 3px; -moz-border-radius: 0 0 0 3px; -webkit-border-radius: 0 0 0 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? */ }
        .lightbox-photo .photo > .icon { position: absolute; top: 50%; right: 0; width: 100%; display: block; text-align: center; margin-top: -23px; z-index: 2; opacity: 0; visibility: hidden; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
            .lightbox-photo .photo > .icon .fa { width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; color: #FFF; font-size: 18px; margin: 0 8px; transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; /* Firefox 4 */ -webkit-transition: background-color ease-in 200ms; /* Safari and Chrome */ -o-transition: background-color ease-in 200ms; /* Opera */ -ms-transition: background-color ease-in 200ms; /* IE9? */ }
        .lightbox-photo .photo a:hover .fa { background-color: #555; }
        .lightbox-photo .photo:hover > .icon { opacity: 1; visibility: visible; }
.lightbox-cont { background-color: #f5f5f5; padding: 20px; margin-bottom: 10px; }
    .lightbox-cont > h4 { font-size: 15px; color: #424242; margin: 0 0 15px; font-weight: normal; }
.dg-modal .modal-title { font-size: 18px; color: #424242; font-weight: normal; }
.dg-modal .modal-header { padding: 15px 20px; border-bottom: none; position: relative; }
    .dg-modal .modal-header:after { content: ""; position: absolute; top: 100%; right: 20px; left: 20px; border-bottom: 1px solid #dcdcdc; display: block; }
    .dg-modal .modal-header .close { width: 22px; height: 22px; line-height: 18px; display: block; border: 1px solid #a4a4a4; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 1; color: #a4a4a4; margin-top: 2px; }
        .dg-modal .modal-header .close span { vertical-align: top; font-weight: normal; font-family: serif; }
.dg-modal .modal-content { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.dg-modal .modal-body { padding: 20px; }
.dg-modal .modal-footer { border: none; padding: 10px 20px 20px; }
    .dg-modal .modal-footer .btn { background: #20a3f0; color: #FFF; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        .dg-modal .modal-footer .btn:hover { background-color: #333; }
.dg-modal[class*="header-"] .modal-header { color: #FFF; }
    .dg-modal[class*="header-"] .modal-header:after { content: normal; }
    .dg-modal[class*="header-"] .modal-header h4 { color: #FFF; }
.dg-modal[class*="header-"] .close { color: #FFF; border-color: #FFF; }
.dg-modal[class*="bg-"], .dg-modal[class*="bg-"] h4 { color: #FFF; background: transparent; }
    .dg-modal[class*="bg-"] .close { color: #FFF; border-color: #FFF; }
    .dg-modal[class*="bg-"] .btn-close { background-color: rgba(0,0,0,.5); }
    .dg-modal[class*="bg-"] .modal-header:after { border-bottom-color: rgba(255,255,255,.5); }
.dg-modal.modal-slide-in .modal-dialog { opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); }
.dg-modal.modal-slide-in.in .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.dg-modal.modal-slide-out .modal-dialog { opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
.dg-modal.modal-slide-out.in .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.dg-modal.modal-slide-up .modal-dialog { opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate(0,-20%); -ms-transform: translate(0,-20%); -o-transform: translate(0,-20%); transform: translate(0,-20%); }
.dg-modal.modal-slide-down .modal-dialog { opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate(0,20%); -ms-transform: translate(0,20%); -o-transform: translate(0,20%); transform: translate(0,20%); }
.dg-modal.modal-slide-left .modal-dialog { opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate(-20%,0); -ms-transform: translate(-20%,0); -o-transform: translate(-20%,0); transform: translate(-20%,0); }
.dg-modal.modal-slide-right .modal-dialog { opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: translate(20%,0); -ms-transform: translate(20%,0); -o-transform: translate(20%,0); transform: translate(20%,0); }
.dg-modal.modal-slide-up.in .modal-dialog, .dg-modal.modal-slide-right.in .modal-dialog, .dg-modal.modal-slide-down.in .modal-dialog, .dg-modal.modal-slide-left.in .modal-dialog { opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); }
.dg-modal.modal-rotate-left .modal-dialog { -webkit-transform: translateX(-25%) rotate(-10deg) scale(.9); -ms-transform: translateX(-25%) rotate(-10deg) scale(.9); transform: translateX(-25%) rotate(-10deg) scale(.9); -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; }
.dg-modal.modal-rotate-right .modal-dialog { -webkit-transform: translateX(25%) rotate(10deg) scale(.9); -ms-transform: translateX(25%) rotate(10deg) scale(.9); transform: translateX(25%) rotate(10deg) scale(.9); }
.dg-modal.modal-rotate-right.in .modal-dialog, .dg-modal.modal-rotate-left.in .modal-dialog { -webkit-transform: translateX(0) rotate(0) scale(1); -ms-transform: translateX(0) rotate(0) scale(1); transform: translateX(0) rotate(0) scale(1); }
.dg-modal.modal-3d-horizontal { -webkit-perspective: 1300px; perspective: 1300px; }
    .dg-modal.modal-3d-horizontal .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); -o-transform: rotateY(-70deg); transform: rotateY(-70deg); -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
    .dg-modal.modal-3d-horizontal.in .modal-dialog { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
.dg-modal.modal-3d-vertical { -webkit-perspective: 1300px; perspective: 1300px; }
    .dg-modal.modal-3d-vertical .modal-dialog { -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; -webkit-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); -o-transform: rotateX(-70deg); transform: rotateX(-70deg); -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
    .dg-modal.modal-3d-vertical.in .modal-dialog { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); }
.dg-modal.modal-3d-newspaper .modal-dialog { opacity: 0; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; -webkit-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); -o-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); }
.dg-modal.modal-3d-newspaper.in .modal-dialog { opacity: 1; -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
.dg-modal.modal-3d-slit { -webkit-perspective: 1300px; perspective: 1300px; }
    .dg-modal.modal-3d-slit .modal-dialog { opacity: 0; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; -webkit-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
    .dg-modal.modal-3d-slit.in .modal-dialog { -webkit-animation-name: slit; -o-animation-name: slit; animation-name: slit; -webkit-animation-duration: .7s; -o-animation-duration: .7s; animation-duration: .7s; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-webkit-keyframes slit {
    50% { opacity: .5; -webkit-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); }
    100% { opacity: 1; -webkit-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
}

@-o-keyframes slit {
    50% { opacity: .5; -webkit-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); }
    100% { opacity: 1; -webkit-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
}

@keyframes slit {
    50% { opacity: .5; -webkit-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); }
    100% { opacity: 1; -webkit-transform: translateZ(0) rotateY(0); -ms-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); }
}

.modal-body .nav.nav-tabs { margin-right: 0; }
.color-demo .modal-header, .color-demo .modal-content { padding: 4px 3px; margin: 0 0 5px; font-size: 12px; white-space: nowrap; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; }
.color-demo .table { width: 16.66666667%; margin: 0 0 5px; border: none; display: block; }
    .color-demo .table thead { display: block; }
        .color-demo .table thead th { padding: 5px 3px; border: none; white-space: nowrap; display: block; font-size: 12px; }
.color-demo.table { border: none; }
    .color-demo.table > .col-sm-2 > div, .color-demo.table > .col-sm-3 > div, .color-demo.table > .col-sm-4 > div { margin-bottom: 5px; padding: 5px 3px; white-space: nowrap; font-size: 12px; }
.color-demo .tooltip-inner { white-space: nowrap; }
.border-demo .col-sm-2 > div, .border-demo .col-sm-4 > div { border-width: 1px; border-style: solid; }
.thumbnail-title { text-align: center; margin-bottom: 38px; }
    .thumbnail-title h3 { font-size: 20px; font-weight: normal; color: #424242; margin: 0 0 18px; line-height: 1.2; }
        .thumbnail-title h3:after { content: ""; display: block; width: 40px; border-bottom: 2px solid #20a3f0; margin: 20px auto 0; }
    .thumbnail-title p { max-width: 50%; margin: auto; }

@media only screen and (min-width:992px) and (max-width:1199px) {
    .thumbnail-title p { max-width: 75%; }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .thumbnail-title p { max-width: 80%; }
}

@media only screen and (max-width:767px) {
    .thumbnail-title p { max-width: 100%; }
}

.dg-thumbnail img { max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dg-thumbnail { display: block; border: 1px solid #dcdcdc; padding: 6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #666666; margin-bottom: 20px; }
    .dg-thumbnail .description { line-height: 1.6; padding: 8px 7px; }
    .dg-thumbnail .thumb-box { position: relative; }
        .dg-thumbnail .thumb-box .ico { position: absolute; top: 50%; right: 0; text-align: center; width: 100%; margin-top: -25px; z-index: 2; visibility: hidden; opacity: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        .dg-thumbnail .thumb-box em, .dg-thumbnail .thumb-box i, .dg-thumbnail .thumb-box .fa { width: 45px; height: 45px; line-height: 47px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #20a3f0; margin: 0 5px 5px; color: #FFF; font-size: 16px; 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? */ }
            .dg-thumbnail .thumb-box em:hover, .dg-thumbnail .thumb-box i:hover, .dg-thumbnail .thumb-box .fa:hover { background-color: #555; }
        .dg-thumbnail .thumb-box .ico a:hover { text-decoration: none; }
        .dg-thumbnail .thumb-box > a:after { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; background-color: #000; z-index: 1; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; visibility: hidden; opacity: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
    .dg-thumbnail .thumb-info { position: absolute; z-index: 2; top: 50%; right: 0; text-align: center; width: 100%; color: #FFF; transform: translateY(-50%); -webkit-transform: translateY(-50%); visibility: hidden; opacity: 0; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        .dg-thumbnail .thumb-info .date { margin-bottom: 8px; font-size: 11px; }
        .dg-thumbnail .thumb-info h4 { color: #FFF; font-size: 15px; margin: 0; }
        .dg-thumbnail .thumb-info a, .dg-thumbnail .thumb-info a:link, .dg-thumbnail .thumb-info a:active, .dg-thumbnail .thumb-info a:visited { color: #FFF; font-size: 11px; }
    .dg-thumbnail .thumb-box:hover > a:after { opacity: 0.5; visibility: visible; }
    .dg-thumbnail .thumb-box:hover .ico, .dg-thumbnail .thumb-box:hover .thumb-info { opacity: 1; visibility: visible; }
    .dg-thumbnail .line { font-size: 0; overflow: hidden; height: 0; }
        .dg-thumbnail .line:before, .dg-thumbnail .line span:before, .dg-thumbnail .line:after, .dg-thumbnail .line span:after { content: ""; position: absolute; width: 70px; height: 70px; max-width: 50%; max-height: 50%; border-color: rgba(255,255,255,0.6); border-width: 1px; border-style: none; z-index: 4; opacity: 0; visibility: hidden; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
    .dg-thumbnail .thumb-box:hover .line:before, .dg-thumbnail .thumb-box:hover .line span:before, .dg-thumbnail .thumb-box:hover .line:after, .dg-thumbnail .thumb-box:hover .line span:after { opacity: 1; visibility: visible; margin: 0; }
    .dg-thumbnail .line:before { right: 8px; top: 8px; border-right-style: solid; border-top-style: solid; margin: -8px 0 0 -8px; }
    .dg-thumbnail .line span:before { left: 8px; top: 8px; border-left-style: solid; border-top-style: solid; margin: -8px -8px 0 0; }
    .dg-thumbnail .line:after { right: 8px; bottom: 8px; border-right-style: solid; border-bottom-style: solid; margin: 0 0 -8px -8px; }
    .dg-thumbnail .line span:after { left: 8px; bottom: 8px; border-left-style: solid; border-bottom-style: solid; margin: 0 -8px -8px 0; }
    .dg-thumbnail .title { margin: 18px 0 0; font-size: 15px; color: #424242; padding: 0 7px; }
        .dg-thumbnail .title a, .dg-thumbnail .title a:link, .dg-thumbnail .title a:active, .dg-thumbnail .title a:visited { color: #424242; font-size: 15px; }
            .dg-thumbnail .title a:hover { color: #20a3f0; text-decoration: none; }
    .dg-thumbnail .thumb-header h4 { font-size: 15px; color: #666666; }
    .dg-thumbnail .brand { margin-top: 4px; }
        .dg-thumbnail .brand span { color: #666666; font-size: 16px; margin: 2px 2px 3px; display: inline-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? */ }
        .dg-thumbnail .brand a:hover span { color: #20a3f0; }
    .dg-thumbnail .switcher { margin-top: 7px; }
        .dg-thumbnail .switcher label { width: 34px; height: 15px; line-height: 45px; position: relative; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; display: block; background-color: #FFF; border: 1px solid #d4d5d4; cursor: pointer; overflow: hidden; transition: all ease-in 200ms; -moz-transition: all ease-in 200ms; /* Firefox 4 */ -webkit-transition: all ease-in 200ms; /* Safari and Chrome */ -o-transition: all ease-in 200ms; /* Opera */ -ms-transition: all ease-in 200ms; /* IE9? */ }
        .dg-thumbnail .switcher input[type="checkbox"] { display: none; }
        .dg-thumbnail .switcher label:before { content: ""; width: 13px; height: 13px; position: absolute; right: -1px; top: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #FFF; border: 1px solid #d4d5d4; 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? */ }
        .dg-thumbnail .switcher input[type="checkbox"]:checked + label:before { right: 100%; margin-right: -13px; }
        .dg-thumbnail .switcher input[type="checkbox"]:checked + label { background-color: #20a3f0; border-color: transparent; }
    .dg-thumbnail .check { margin-top: 3px; }
        .dg-thumbnail .check input[type="checkbox"] { display: none; }
        .dg-thumbnail .check label { width: 20px; height: 20px; line-height: 20px; border: 1px solid #999999; background: #FFF; margin: 0; overflow: hidden; display: block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-indent: -1px; cursor: pointer; }
        .dg-thumbnail .check input[type="checkbox"]:checked + label:after { content: "\f00c"; font-family: "FontAwesome"; color: #999999; }
    .dg-thumbnail .thumb-header { padding: 3px 7px; }
    .dg-thumbnail .thumb-footer { padding: 0 7px 8px; }
        .dg-thumbnail .thumb-footer > .fa { font-size: 16px; margin: 0 3px; }
        .dg-thumbnail .thumb-footer > .brand { margin-top: 0; }
    .dg-thumbnail .brand-radius { width: 38px; height: 38px; line-height: 38px; font-size: 16px; border: 1px solid #666666; display: inline-block; color: #666666; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin: 2px 3px 2px; }
        .dg-thumbnail .brand-radius .fa { font-size: 16px; margin: 0; }
    .dg-thumbnail .thumb-author { padding: 12px 8px; min-height: 96px; }
    .dg-thumbnail .author-img { float: right; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-left: 8px; overflow: hidden; }
    .dg-thumbnail .author-right { overflow: hidden; line-height: 1.4; padding-top: 12px; }
        .dg-thumbnail .author-right h5 { margin: 0 0 5px; }
    .dg-thumbnail .thumb-author > h4 { color: #424242; font-size: 18px; }
    .dg-thumbnail .thumb-author .brand { margin-top: 3px; }
    .dg-thumbnail .thumb-author p { margin: 0 0 3px; }
    .dg-thumbnail .thumb-author .fa { font-size: 15px; margin-left: 3px; vertical-align: middle; }
.thumbnail-title02 { position: relative; margin-bottom: 40px; }
    .thumbnail-title02:after { content: ""; position: absolute; right: 0; bottom: -2px; width: 41px; border-bottom: 2px solid #20a3f0; }
    .thumbnail-title02 h3 { font-size: 20px; color: #424242; padding: 11px 0 20px; font-weight: normal; }
    .thumbnail-title02 .right button { margin-top: 8px; }
.dg-thumbnail .thumb-right + .thumb-box { float: right; width: 50%; }
.dg-thumbnail .thumb-left + .thumb-box { float: left; width: 50%; }
.dg-thumbnail:after { content: ""; clear: both; display: block; height: 0; overflow: hidden; }
.dg-thumbnail .thumb-right { float: left; width: 50%; padding: 10px 14px 5px 0; }
.dg-thumbnail .thumb-left { float: right; width: 50%; padding: 10px 7px 5px 7px; }
    .dg-thumbnail .thumb-right h4, .dg-thumbnail .thumb-left h4 { margin: 0 0 10px; font-size: 15px; }
    .dg-thumbnail .thumb-right .brand, .dg-thumbnail .thumb-left .brand { margin: 0; }
    .dg-thumbnail .thumb-right hr, .dg-thumbnail .thumb-left hr { margin: 0 0 16px; border-top: 1px solid #dcdcdc; }

@media only screen and (max-width:992px) {
    .dg-thumbnail .thumb-right + .thumb-box, .dg-thumbnail .thumb-left + .thumb-box, .dg-thumbnail .thumb-right, .dg-thumbnail .thumb-left { width: auto; margin: 8px; }
    .dg-thumbnail .thumb-right, .dg-thumbnail .thumb-left { padding: 0; }
}

.animations-title { margin-bottom: 40px; }
    .animations-title h3 { font-size: 20px; color: #424242; font-weight: normal; margin: 0; }
.tablepage-title { margin-bottom: 30px; }
    .tablepage-title h3 { font-size: 20px; color: #424242; font-weight: normal; margin: 0; line-height: 1; }
    .tablepage-title .right { margin-top: -8px; }
ul { margin-right: 20px; list-style-type: disc; }
    ul ul { padding-top: 0; list-style-type: circle; }
ol ol { padding-top: 3px; }
ol { margin-right: 1.6em; list-style-position: outside; }
    ol li { padding-right: 6px; }
.list-ordened, .list-ordened2, .list-ordened3 { counter-reset: custom-counter; list-style: none; margin-right: 0; }
    .list-ordened li, .list-ordened2 li, .list-ordened3 li { position: relative; padding-right: 27px; margin-bottom: 3px; line-height: 24px; }
        .list-ordened li:before, .list-ordened2 li:before, .list-ordened3 li:before { position: absolute; top: 0; right: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold; color: #2fa9f1; }
    .list-ordened2 li { padding-right: 32px; margin-bottom: 13px; padding-top: 1px; }
        .list-ordened2 li:before { width: 26px; height: 26px; line-height: 24px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; border: 1px solid #2fa9f1; text-align: center; }
    .list-ordened3 li { padding-right: 32px; margin-bottom: 13px; padding-top: 1px; }
        .list-ordened3 li:before { width: 26px; height: 26px; line-height: 26px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; text-align: center; background-color: #20a3f0; color: #FFF; }
dl dt { font-size: 13px; color: #333333; margin-bottom: 8px; }
dl dd { margin-bottom: 22px; }
.list-ico, .list-ico2, .list-ico3 { list-style: none; margin-right: 0; }
    .list-ico li, .list-ico2 li, .list-ico3 li { position: relative; margin-bottom: 3px; line-height: 24px; padding-right: 36px; margin-bottom: 18px; padding-top: 1px; }
    .list-ico .fa, .list-ico2 .fa, .list-ico3 .fa, .list-ico .lnr, .list-ico2 .lnr, .list-ico3 .lnr, .list-ico .glyphicon, .list-ico2 .glyphicon, .list-ico3 .glyphicon { position: absolute; top: 0; right: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold; color: #2fa9f1; width: 26px; height: 26px; text-align: center; line-height: 26px; }
    .list-ico2 .fa, .list-ico2 .lnr, .list-ico2 .glyphicon { line-height: 24px; display: inline-block; border: 1px solid #2fa9f1; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
    .list-ico3 .fa, .list-ico3 .lnr, .list-ico3 .glyphicon { display: inline-block; text-align: center; background-color: #20a3f0; color: #FFF !important; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
    .list-ico.ico-sm li, .list-ico2.ico-sm li, .list-ico3.ico-sm li { padding-right: 32px; margin-bottom: 9px; padding-top: 1px; }
    .list-ico.ico-sm .fa, .list-ico2.ico-sm .fa, .list-ico3.ico-sm .fa, .list-ico.ico-sm .lnr, .list-ico2.ico-sm .lnr, .list-ico3.ico-sm .lnr, .list-ico.ico-sm .glyphicon, .list-ico2.ico-sm .glyphicon, .list-ico3.ico-sm .glyphicon { font-size: 0.8em; width: 20px; height: 20px; line-height: 20px; top: 3px; }
    .list-ico2.ico-sm .fa, .list-ico2.ico-sm .lnr, .list-ico2.ico-sm .glyphicon { line-height: 19px; }
    .list-ico.ico-lg li, .list-ico2.ico-lg li, .list-ico3.ico-lg li { padding-right: 42px; margin-bottom: 18px; padding-top: 3px; }
    .list-ico.ico-lg .fa, .list-ico2.ico-lg .fa, .list-ico3.ico-lg .fa, .list-ico.ico-lg .lnr, .list-ico2.ico-lg .lnr, .list-ico3.ico-lg .lnr, .list-ico.ico-lg .glyphicon, .list-ico2.ico-lg .glyphicon, .list-ico3.ico-lg .glyphicon { font-size: 1.5em; width: 30px; height: 30px; line-height: 30px; }
    .list-ico2.ico-lg .fa, .list-ico2.ico-lg .lnr, .list-ico2.ico-lg .glyphicon { line-height: 29px; }
body ul.list-border-solid li { border-bottom: 1px solid #dcdcdc; margin-bottom: 18px; padding-bottom: 18px; }
body ul.list-border-solid.ico-sm li { margin-bottom: 9px; padding-bottom: 10px; }
body ul.list-border-solid.ico-lg { margin-bottom: 18px; padding-bottom: 18px; }
body ul.list-border-dashed li { border-bottom: 1px dashed #dcdcdc; margin-bottom: 18px; padding-bottom: 18px; }
body ul.list-border-dashed.ico-sm li { margin-bottom: 9px; padding-bottom: 10px; }
body ul.list-border-dashed.ico-lg { margin-bottom: 18px; padding-bottom: 18px; }
div.tooltip.in { opacity: 1; }
.tooltip .tooltip-inner { padding: 7px 12px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.color-demo .tooltip.in { position: relative; margin-bottom: 12px; }
.tooltip.top .tooltip-arrow { border-right-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; }
.tooltip.left .tooltip-arrow { border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
.tooltip.right .tooltip-arrow { border-right-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; }
.tooltip.bottom .tooltip-arrow { border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.popover { border-radius: 2px; border-color: #dcdcdc; padding: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-family: inherit; line-height: inherit; }
.popover-title { padding: 15px 20px 0; margin: 0; font-size: 14px; background-color: transparent; border-bottom: none; border-radius: 0; color: #666666; font-size: 15px; font-weight: normal; line-height: 1.6; }
.popover-content { padding: 10px 20px 15px; color: #666666; font-size: 13px; }
.popover > .arrow { border-width: 7px; }
.custom-header .popover-title { color: #FFF; padding: 11px 20px; }
.custom-header .popover-content { padding-top: 15px; }
.custom-bg.popover { border: none; }
.custom-bg .popover-title, .custom-bg .popover-content { color: #FFF; }
.custom-bg.popover > .arrow:after { content: normal; }
.custom-bg.popover > .arrow { border: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: center; -webkit-transform-origin: center; width: 8px; height: 8px; }
.tooltip { font-family: inherit; line-height: inherit; }
.custom-bg.tooltip > .tooltip-arrow { border: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: center; -webkit-transform-origin: center; width: 8px; height: 8px; }
.popover.top > .arrow { bottom: -7px; margin-right: -7px; border-top-color: #dcdcdc; }
.popover.right > .arrow { right: -7px; margin-top: -7px; border-left-color: #dcdcdc; }
.popover.bottom > .arrow { top: -7px; margin-right: -7px; }
.popover.left > .arrow { left: -7px; margin-top: -7px; }
.custom-bg.popover.top > .arrow { bottom: -4px; margin-right: -4px; }
.custom-bg.popover.right > .arrow { right: -4px; margin-top: -4px; }
.custom-bg.popover.bottom > .arrow { top: -4px; margin-right: -4px; }
.custom-bg.popover.left > .arrow { left: -4px; margin-top: -3px; }
.custom-bg.tooltip.top > .tooltip-arrow { bottom: 1px; margin-right: -3px; }
.custom-bg.tooltip.right > .tooltip-arrow { right: 1px; margin-top: -3px; }
.custom-bg.tooltip.bottom > .tooltip-arrow { top: 1px; margin-right: -3px; }
.custom-bg.tooltip.left > .tooltip-arrow { left: 1px; margin-top: -3px; }
/*Labels-and-badges*/
.labelspage-title { overflow: hidden; text-align: center; }
    .labelspage-title h3 { position: relative; display: inline-block; padding: 0 20px; max-width: 80%; color: #424242; font-size: 20px; margin: 0; }
        .labelspage-title h3 + p { margin-top: 21px; }
        .labelspage-title h3:after, .labelspage-title h3:before { content: ""; position: absolute; top: 50%; border-bottom: 2px solid #f6f6f6; width: 2000px; margin-top: -1px; }
        .labelspage-title h3:after { right: 100%; }
        .labelspage-title h3:before { left: 100%; }
    .labelspage-title p { max-width: 50%; margin: auto; }

@media only screen and (min-width:768px) and (max-width:991px) {
    .labelspage-title p { max-width: 75%; }
}

@media only screen and (max-width:767px) {
    .labelspage-title p { max-width: 100%; }
}

.badge { vertical-align: middle; margin-bottom: 2px; font-weight: normal; }
.badge-o { display: inline-block; min-width: 10px; padding: 2px 6px; font-size: 12px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; color: inherit; border-width: 1px; border-style: solid; border-color: inherit; vertical-align: middle; margin-bottom: 2px; }
.badge-white { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; color: inherit; background-color: #FFF; vertical-align: middle; margin-bottom: 2px; }
.pane-area { margin: 5px 0; padding: 12px 0; text-align: center; font-size: 14px; color: #555; background: rgba(0,0,0,0.05); box-shadow: 0 0 1px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.4); }
.dg-blockquote { border: 1px solid #dcdcdc; padding: 20px; font-style: normal; }
    .dg-blockquote p { text-indent: -2em; font-style: normal; }
    .dg-blockquote cite { display: inline-block; color: #424242; font-size: 15px; font-weight: bold; }
        .dg-blockquote cite:before { content: normal; }
    .dg-blockquote footer { margin-top: 12px; }
.right-border { border: none; border-left: 5px solid #dcdcdc; }
.left-border { border: none; border-right: 5px solid #dcdcdc; }
.none-border { border: none; }
.dg-blockquote.left-bg, .dg-blockquote.right-bg { position: relative; z-index: 1; }
    .dg-blockquote.left-bg:before, .dg-blockquote.right-bg:before { content: ""; background: url(../images/blockquote-quote.png) no-repeat 0 0; position: absolute; z-index: -1; font-size: 50px; right: 0; top: 0; width: 56px; height: 48px; }
    .dg-blockquote.right-bg:before { background-position: -56px 0; right: auto; left: 0; }
    .dg-blockquote.left-bg p, .dg-blockquote.right-bg p { text-indent: 0; }
.media, .media-body { overflow: visible; }
.media { padding: 16px 0 16px; margin: 0; overflow: visible; }
.media-list.media-hover .media { transition: background-color ease-in 200ms; -moz-transition: background-color ease-in 200ms; -webkit-transition: background-color ease-in 200ms; -o-transition: background-color ease-in 200ms; -ms-transition: background-color ease-in 200ms; }
    .media-list.media-hover .media:hover { background-color: #f8f8f8; }
.media-list.media-border .media { border-bottom: 1px solid #ebebeb; }
    .media-list.media-border .media:last-child { border-bottom: none; }
.media-body .media-list { padding-top: 16px; }
    .media-body .media-list > .media:last-child { padding-bottom: 0; }
.media-title { margin: 0 0 26px; }
    .media-title h3 { font-size: 18px; color: #424242; line-height: 1.2; }
    .media-title .right { margin: -6px 0 0 0; }
.media-list { margin: 0; padding: 0; }
.media-left, .media > .pull-left { padding: 0 11px 0 20px; position: relative; }
.media-right, .media > .pull-right { padding: 0 20px 0 11px; position: relative; }
.media-body .media-left, .media-body .media > .pull-left { padding: 0 0 0 20px; }
.media-body .media-right, .media-body .media > .pull-right { padding: 0 20px 0 0; }
.media-heading { font-size: 15px; line-height: 20px; color: #424242; margin: 0; }
.media-info { font-size: 13px; color: #999999; padding: 0 0 0 8px; }
    .media-info.dotted:before { content: ""; width: 3px; height: 3px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #999999; display: inline-block; vertical-align: middle; margin: 0 8px; }
.media .dropdown { margin: 0 10px; }
    .media .dropdown > div[type="button"] { cursor: pointer; color: #666666; }
.media .dropdown-menu { font-size: 13px; }
    .media .dropdown-menu > li > a { padding: 6px 20px; font-weight: normal; line-height: 1.6; color: #666666; white-space: nowrap; }
        .media .dropdown-menu > li > a:hover { background-color: #eeeeee; color: #666666; }
.media-badge { position: absolute; top: -0px; left: 100%; border: 2px solid #FFF; margin-left: -21px; padding: 3px 5px; }
.media-right .media-badge, .pull-right .media-badge { right: 100%; left: auto; margin: 0 0 0 -21px; }
.media .label { font-size: 13px; padding: 0 6px; height: 21px; line-height: 21px; font-weight: normal; display: inline-block; }
/*dropdown */
.btn[class*="bg-"]:hover, .btn[class*="bg-"]:active, .btn[class*="bg-"]:focus { color: #FFF; }
.dropdown-menu > .active > a { color: #262626; background-color: #f5f5f5; }
    .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: inherit; background-color: #f5f5f5; }
.dropright .dropdown-menu { right: auto; left: 0; }
.dropdown-demo { position: relative; display: block; float: none; clear: both; margin: 40px 0 40px; z-index: inherit; }
.dropdown-menu { -webkit-box-shadow: none; box-shadow: none; min-width: 200px; }
    .dropdown-menu > li > a { font-size: 13px; line-height: inherit; padding: 5px 10px; color: #666; 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; }
    .dropdown-menu > li.dropdown-header { padding: 5px 10px; color: #424242; font-size: 13px; line-height: inherit; }
.dropdown-submenu { position: relative; }
.dropdown-menu .ico-right { position: absolute; left: 10px; top: 50%; margin-top: -7px; }
.dropdown-submenu > .dropdown-menu { right: 100%; top: 0; margin: 0 !important; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropdown-menu > .dropdown-submenu:focus > a, .dropdown-menu > .dropdown-submenu:hover > a { background-color: #f5f5f5; }

@-webkit-keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@-o-keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

@keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    100% { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
}

.dropdown-menu.animate { overflow: hidden; }
.open > .dropdown-menu.animate > li { -webkit-animation-name: slide-right; -o-animation-name: slide-right; animation-name: slide-right; -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.dropdown-menu.animate > li:nth-child(1) { -webkit-animation-delay: .02s; -o-animation-delay: .02s; animation-delay: .02s; }
.dropdown-menu.animate > li:nth-child(2) { -webkit-animation-delay: .04s; -o-animation-delay: .04s; animation-delay: .04s; }
.dropdown-menu.animate > li:nth-child(3) { -webkit-animation-delay: .06s; -o-animation-delay: .06s; animation-delay: .06s; }
.dropdown-menu.animate > li:nth-child(4) { -webkit-animation-delay: .08s; -o-animation-delay: .08s; animation-delay: .08s; }
.dropdown-menu.animate > li:nth-child(5) { -webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s; }
.dropdown-menu.animate > li:nth-child(6) { -webkit-animation-delay: .12s; -o-animation-delay: .12s; animation-delay: .12s; }
.dropdown-menu.animate > li:nth-child(7) { -webkit-animation-delay: .14s; -o-animation-delay: .14s; animation-delay: .14s; }
.dropdown-menu.animate > li:nth-child(8) { -webkit-animation-delay: .16s; -o-animation-delay: .16s; animation-delay: .16s; }
.dropdown-menu.animate > li:nth-child(9) { -webkit-animation-delay: .18s; -o-animation-delay: .18s; animation-delay: .18s; }
.dropdown-menu.animate > li:nth-child(10) { -webkit-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.btn-group > .btn[class*="bg-"] { border-right: 1px solid rgba(0,0,0,0.1); z-index: 3; }
    .btn-group > .btn[class*="bg-"]:first-child { border-right-color: transparent; }
.dropdown-menu.dropdown-bullet:before { content: ""; position: absolute; right: 12px; top: -5px; width: 8px; height: 8px; background-color: #fff; border-top: 1px solid #ccc; border-top: 1px solid rgba(0,0,0,.15); border-right: 1px solid #ccc; border-right: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid transparent; border-left: 1px solid transparent; transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin: center center; -webkit-transform-origin: center center; }
.dropdown-menu.top-left.dropdown-bullet:before { right: 12px; top: auto; bottom: -4px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.dropdown-menu.bottom-left.dropdown-bullet:before { right: 12px; top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.dropdown-menu.right-top.dropdown-bullet:before { right: -4px; top: 12px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.dropdown-menu.left-top.dropdown-bullet:before { right: auto; top: 12px; left: -4px; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.dropdown-menu.top-right.dropdown-bullet:before { right: auto; bottom: -5px; left: 12px; top: auto; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.dropdown-menu.bottom-right.dropdown-bullet:before { right: auto; left: 12px; top: -5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.dropdown-menu.right-bottom.dropdown-bullet:before { right: -5px; top: auto; bottom: 12px; transform: rotate(45deg); -webkit-transform: rotate(-45deg); }
.dropdown-menu.left-bottom.dropdown-bullet:before { right: auto; top: auto; left: -5px; bottom: 12px; transform: rotate(45deg); -webkit-transform: rotate(135deg); }
.dropdown-menu.top-left.dropdown-bullet, .dropdown-menu.top-right.dropdown-bullet { margin: 0 0 10px 0; }
.dropdown-menu.dropdown-bullet, .dropdown-menu.bottom-left.dropdown-bullet, .dropdown-menu.bottom-right.dropdown-bullet { margin: 10px 0 0 0; }
.dropdown-menu.right-top.dropdown-bullet, .dropdown-menu.right-bottom.dropdown-bullet { margin: 0 10px 0 0; }
.dropdown-menu.left-top.dropdown-bullet, .dropdown-menu.left-bottom.dropdown-bullet { margin: 0 0 0 10px; }
.dropdown-demo.dropdown-menu.dropdown-bullet { margin-top: 50px; }
.dropdown-menu.top-left { top: auto; bottom: 100%; right: 0; left: auto; margin: 0 0 3px 0; }
.dropdown-menu.bottom-left { top: 100%; bottom: auto; right: 0; left: auto; margin: 3px 0 0 0; }
.dropdown-menu.right-top { top: 0; bottom: auto; right: 100%; left: auto; margin: 0 3px 0 0; }
.dropdown-menu.left-top { top: 0; bottom: auto; right: auto; left: 100%; margin: 0 0 0 3px; }
.dropdown-menu.top-right { top: auto; bottom: 100%; right: auto; left: 0; margin: 0 0 3px 0; }
.dropdown-menu.bottom-right { top: 100%; bottom: auto; right: auto; left: 0; margin: 3px 0 0 0; }
.dropdown-menu.right-bottom { top: auto; bottom: 0; right: 100%; left: auto; margin: 0 3px 0 0; }
.dropdown-menu.left-bottom { top: auto; bottom: 0; right: auto; left: 100%; margin: 0 0 0 3px; }
/*label */
.label { padding: 0.3em .6em .3em; }
/*Dropcat-Highlight*/
.dropcap { display: inline-block; float: right; font-size: 42px; height: 55px; line-height: 55px; margin: 8px 0 0 10px; text-align: center; width: 55px; font-weight: bold; color: #666666; border: 1px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.dropcap-circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.dropcap.bg-default { background: #666666; color: #FFF; }
.dropcap-square { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.dropcap.dropcap-small { font-size: 15px; height: 25px; line-height: 25px; width: 25px; }
.dropcap.dropcap-large { font-size: 70px; height: 85px; line-height: 85px; width: 85px; }
.highlight { background-color: #ebebeb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/**/
.demo-heading { border: none; }
    .demo-heading td { border: none; padding: 0 2%; }
/*panel */
.panel { margin-bottom: 35px; background-color: #fff; border: 1px solid #dcdcdc; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.panel-heading { padding: 13px 23px 13px; border-bottom: 1px solid #dcdcdc; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 15px; color: #424242; font-weight: bold; }
.panel-body { padding: 16px 23px 15px; }
.panel-flat > .panel-heading { border-bottom: none; padding: 22px 23px 4px; }
.panel-flat > .panel-body { padding: 6px 23px 25px; }
.panel-default > .panel-heading { color: #424242; background-color: #fafafa; border-color: #dcdcdc; }
.panel-heading[class*="bg-"] { padding: 14px 24px 14px; margin: -1px -1px 0; border-bottom: none; }
.panel-border-top, .panel-border-top.border-accent { border-right-color: #dcdcdc !important; border-left-color: #dcdcdc !important; border-bottom-color: #dcdcdc !important; border-right-width: 1px !important; border-left-width: 1px !important; border-bottom-width: 1px !important; }
.panel-border-left, .panel-border-left.border-accent { border-top-color: #dcdcdc !important; border-left-color: #dcdcdc !important; border-bottom-color: #dcdcdc !important; border-top-width: 1px !important; border-left-width: 1px !important; border-bottom-width: 1px !important; }
.panel-border-right, .panel-border-right.border-accent { border-right-color: #dfdfdf !important; border-top-color: #dfdfdf !important; border-bottom-color: #dfdfdf !important; border-right-width: 1px !important; border-top-width: 1px !important; border-bottom-width: 1px !important; }
.panel-border-bottom, .panel-border-bottom.border-accent { border-right-color: #dfdfdf !important; border-left-color: #dfdfdf !important; border-top-color: #dfdfdf !important; border-right-width: 1px !important; border-left-width: 1px !important; border-top-width: 1px !important; }
.border-lg { border-width: 2px; }
.border-xl { border-width: 3px; }
.panel[class*="bg-"] { border: none; }
    .panel[class*="bg-"] .panel-heading { color: #fff; border-bottom: 1px solid #ffffff; }
.panel table { border-bottom: none; }
.panel > table { border-top: none; }
/*bg color*/
.breadcrumb { margin: 0 0 30px; background-color: transparent; border: 1px solid transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 9px 0 9px 15px; }
    .breadcrumb:after { content: ""; clear: both; display: block; height: 0; overflow: hidden; width: 100%; }
    .breadcrumb .right:before { content: ""; }
    .breadcrumb .dropdown { white-space: nowrap; cursor: pointer; }
    .breadcrumb[class*="bg-"] { color: #fff; padding-right: 15px; }
    .breadcrumb[class*="border-"] { padding-right: 15px; }
    .breadcrumb[class*="bg-"] > li > a, .breadcrumb[class*="bg-"] > li > a:link, .breadcrumb[class*="bg-"] > li > a:active, .breadcrumb[class*="bg-"] > li > a:visited, .breadcrumb[class*="bg-"] > .active, .breadcrumb[class*="bg-"] > li + li:before { color: #fff; }
        .breadcrumb[class*="bg-"] > li > a:hover, .breadcrumb[class*="bg-"] .right .dropdown:hover { color: #333333; text-decoration: none; }
    .breadcrumb.bg-default, .breadcrumb.bg-white, .breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a.active, .breadcrumb.bg-default > li > a, .breadcrumb.bg-default > li > a:link, .breadcrumb.bg-default > li > a:active, .breadcrumb.bg-default > li > a:visited, .breadcrumb.bg-default > .active, .breadcrumb.bg-default > li + li:before, .breadcrumb.bg-white > li > a, .breadcrumb.bg-white > li > a:link, .breadcrumb.bg-white > li > a:active, .breadcrumb.bg-white > li > a:visited, .breadcrumb.bg-white > .active, .breadcrumb.bg-white > li + li:before { color: #666666; }
    .breadcrumb .dropdown-menu { margin-top: 12px; }
    .breadcrumb[class*="bg-"] .right .dropdown { 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? */ }
    .breadcrumb a:hover, .breadcrumb .dropdown:hover, .breadcrumb.bg-default li a:hover, .breadcrumb.bg-default li .dropdown:hover, .breadcrumb.bg-default li.right .dropdown:hover { color: #20a3f0; text-decoration: none; }
    .breadcrumb > li + li:before { padding: 0; }
.border-default { border-color: #dcdcdc; }
.bg-default { background-color: #fcfcfc; }
.breadcrumb.style-arrow { padding-top: 4px; padding-bottom: 4px; }
    .breadcrumb.style-arrow > li { position: relative; z-index: 1; vertical-align: middle; margin-top: 4px; margin-bottom: 4px; }
        .breadcrumb.style-arrow > li > a, .breadcrumb.style-arrow > li.active { padding: 3px 18px; }
        .breadcrumb.style-arrow > li > a { display: inline-block; }
        .breadcrumb.style-arrow > li:before, .breadcrumb.style-arrow > li:after { content: ""; position: absolute; width: 100%; height: 50%; top: 0; right: 0; background-color: #ebebeb; z-index: -1; transform: skew(45deg); -webkit-transform: skew(45deg); 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? */ }
        .breadcrumb.style-arrow > li:after { top: 50%; right: 0; transform: skew(-45deg); -webkit-transform: skew(-45deg); }
        .breadcrumb.style-arrow > li:first-child { overflow: hidden; margin-left: -7px; }
            .breadcrumb.style-arrow > li:first-child > a { padding: 3px 11px 3px 20px; }
        .breadcrumb.style-arrow > li.right > a { padding: 0; }
        .breadcrumb.style-arrow > li:first-child:before { transform-origin: left bottom; -webkit-transform-origin: left bottom; }
        .breadcrumb.style-arrow > li:first-child:after { transform-origin: left top; -webkit-transform-origin: left top; }
        .breadcrumb.style-arrow > li.right { padding: 3px 0; }
            .breadcrumb.style-arrow > li.right:before, .breadcrumb.style-arrow > li.right:after { content: normal; }
        .breadcrumb.style-arrow > li > a:hover { color: #666666; text-decoration: none; }
        .breadcrumb.style-arrow > li:not(.active):hover:before, .breadcrumb.style-arrow > li:not(.active):hover:after { background-color: #dcdcdc; }
.breadcrumb.style-square { margin-top: 4px; margin-bottom: 4px; }
    .breadcrumb.style-square > li { position: relative; z-index: 1; vertical-align: middle; margin-left: 6px; margin-top: 4px; margin-bottom: 4px; }
        .breadcrumb.style-square > li > a, .breadcrumb.style-square > li.active { padding: 3px 18px; }
        .breadcrumb.style-square > li > a { display: inline-block; }
        .breadcrumb.style-square > li.right { margin: 4px 0; }
            .breadcrumb.style-square > li.right > a { padding: 0; }
        .breadcrumb.style-square > li:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-color: #ebebeb; z-index: -1; transform: skew(-15deg); -webkit-transform: skew(-15deg); 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? */ }
        .breadcrumb.style-square > li.right { padding: 3px 0; }
            .breadcrumb.style-square > li.right:before { content: normal; }
        .breadcrumb.style-square > li > a:hover { color: #666666; text-decoration: none; }
    .breadcrumb.style-square li:not(.active):hover:before { background-color: #dcdcdc; }
/*bg color*/
.dg-modal.bg-turquoise .modal-content, .dg-modal.header-turquoise .modal-header, .list-ico3 .bg-turquoise, .bg-turquoise, .dropdown-menu.hover-turquoise a:hover, .dropdown-menu.hover-turquoise > .active > a { background-color: #08dcf5; color: #fff; }
.dg-modal.bg-borland .modal-content, .dg-modal.header-borland .modal-header, .list-ico3 .bg-borland, .bg-borland, .dropdown-menu.hover-borland a:hover, .dropdown-menu.hover-borland > .active > a { background-color: #20a3f0; color: #fff; }
.dg-modal.bg-denim .modal-content, .dg-modal.header-denim .modal-header, .list-ico3 .bg-denim, .bg-denim, .dropdown-menu.hover-denim a:hover, .dropdown-menu.hover-denim > .active > a { background-color: #127dcf; color: #fff; }
.dg-modal.bg-gray .modal-content, .dg-modal.header-gray .modal-header, .list-ico3 .bg-gray, .bg-gray, .dropdown-menu.hover-gray a:hover, .dropdown-menu.hover-gray > .active > a { background-color: #333333; color: #fff; }
.dg-modal.bg-black .modal-content, .dg-modal.header-black .modal-header, .list-ico3 .bg-black, .bg-black, .dropdown-menu.hover-black a:hover, .dropdown-menu.hover-black > .active > a { background-color: #191919; color: #fff; }
.dg-modal.bg-night .modal-content, .dg-modal.header-night .modal-header, .list-ico3 .bg-night, .bg-night, .dropdown-menu.hover-night a:hover, .dropdown-menu.hover-night > .active > a { background-color: #323232; color: #fff; }
.dg-modal.bg-emerald .modal-content, .dg-modal.header-emerald .modal-header, .list-ico3 .bg-emerald, .bg-emerald, .dropdown-menu.hover-emerald a:hover, .dropdown-menu.hover-emerald > .active > a { background-color: #40d075; color: #fff; }
.dg-modal.bg-orange .modal-content, .dg-modal.header-orange .modal-header, .list-ico3 .bg-orange, .bg-orange, .dropdown-menu.hover-orange a:hover, .dropdown-menu.hover-orange > .active > a { background-color: #f39705; color: #fff; }
.dg-modal.bg-chambray .modal-content, .dg-modal.header-chambray .modal-header, .list-ico3 .bg-chambray, .bg-chambray, .dropdown-menu.hover-chambray a:hover, .dropdown-menu.hover-chambray > .active > a { background-color: #505f79; color: #fff; }
.dg-modal.bg-bittersweet .modal-content, .dg-modal.header-bittersweet .modal-header, .list-ico3 .bg-bittersweet, .bg-bittersweet, .dropdown-menu.hover-bittersweet a:hover, .dropdown-menu.hover-bittersweet > .active > a { background-color: #ff6061; color: #fff; }
.dg-modal.bg-pelorous .modal-content, .dg-modal.header-pelorous .modal-header, .list-ico3 .bg-pelorous, .bg-pelorous, .dropdown-menu.hover-pelorous a:hover, .dropdown-menu.hover-pelorous > .active > a { background-color: #237da6; color: #fff; }
.dg-modal.bg-citrus .modal-content, .dg-modal.header-citrus .modal-header, .list-ico3 .bg-citrus, .bg-citrus, .dropdown-menu.hover-citrus a:hover, .dropdown-menu.hover-citrus > .active > a { background-color: #a9d300; color: #fff; }
.dg-modal.bg-blackberry .modal-content, .dg-modal.header-blackberry .modal-header, .list-ico3 .bg-blackberry, .bg-blackberry, .dropdown-menu.hover-blackberry a:hover, .dropdown-menu.hover-blackberry > .active > a { background-color: #461135; color: #fff; }
.dg-modal.bg-melon .modal-content, .dg-modal.header-melon .modal-header, .list-ico3 .bg-melon, .bg-melon, .dropdown-menu.hover-melon a:hover, .dropdown-menu.hover-melon > .active > a { background-color: #febbb4; color: #fff; }
.dg-modal.bg-lipstick .modal-content, .dg-modal.header-lipstick .modal-header, .list-ico3 .bg-lipstick, .bg-lipstick, .dropdown-menu.hover-lipstick a:hover, .dropdown-menu.hover-lipstick > .active > a { background-color: #9a2c4a; color: #fff; }
.dg-modal.bg-darkcyan .modal-content, .dg-modal.header-darkcyan .modal-header, .list-ico3 .bg-darkcyan, .bg-darkcyan, .dropdown-menu.hover-turquoise a:hover, .dropdown-menu.hover-turquoise > .active > a { background-color: #007c8e; color: #fff; }
.dg-modal.bg-toryblue .modal-content, .dg-modal.header-toryblue .modal-header, .list-ico3 .bg-toryblue, .bg-toryblue, .dropdown-menu.hover-toryblue a:hover, .dropdown-menu.hover-toryblue > .active > a { background-color: #40548e; color: #fff; }
.dg-modal.bg-crimson .modal-content, .dg-modal.header-crimson .modal-header, .list-ico3 .bg-crimson, .bg-crimson, .dropdown-menu.hover-crimson a:hover, .dropdown-menu.hover-crimson > .active > a { background-color: #ef1d38; color: #fff; }
.dg-modal.bg-celery .modal-content, .dg-modal.header-celery .modal-header, .list-ico3 .bg-celery, .bg-celery, .dropdown-menu.hover-celery a:hover, .dropdown-menu.hover-celery > .active > a { background-color: #bbb83f; color: #fff; }
.dg-modal.bg-pink .modal-content, .dg-modal.header-pink .modal-header, .list-ico3 .bg-pink, .bg-pink, .dropdown-menu.hover-pink a:hover, .dropdown-menu.hover-pink > .active > a { background-color: #dc717c; color: #fff; }
.dg-modal.bg-citrus2 .modal-content, .dg-modal.header-citrus2 .modal-header, .list-ico3 .bg-citrus2, .bg-citrus2, .dropdown-menu.hover-citrus2 a:hover, .dropdown-menu.hover-citrus2 > .active > a { background-color: #97c200; color: #fff; }
.dg-modal.bg-comet .modal-content, .dg-modal.header-comet .modal-header, .list-ico3 .bg-comet, .bg-comet, .dropdown-menu.hover-comet a:hover, .dropdown-menu.hover-comet > .active > a { background-color: #626073; color: #fff; }
.dg-modal.bg-atomic .modal-content, .dg-modal.header-atomic .modal-header, .list-ico3 .bg-atomic, .bg-atomic, .dropdown-menu.hover-atomic a:hover, .dropdown-menu.hover-atomic > .active > a { background-color: #3d4c53; color: #fff; }
.dg-modal.bg-seagreen .modal-content, .dg-modal.header-seagreen .modal-header, .list-ico3 .bg-seagreen, .bg-seagreen, .dropdown-menu.hover-seagreen a:hover, .dropdown-menu.hover-seagreen > .active > a { background-color: #1cc0be; color: #fff; }
.dg-modal.bg-shadowgreen .modal-content, .dg-modal.header-shadowgreen .modal-header, .list-ico3 .bg-shadowgreen, .bg-shadowgreen, .dropdown-menu.hover-shadowgreen a:hover, .dropdown-menu.hover-shadowgreen > .active > a { background-color: #94c1ab; color: #fff; }
.dg-modal.bg-silver .modal-content, .dg-modal.header-silver .modal-header, .list-ico3 .bg-silver, .bg-silver, .dropdown-menu.hover-silver a:hover, .dropdown-menu.hover-silver > .active > a { background-color: #b8b8b8; color: #fff; }
.dg-modal.bg-acapulco .modal-content, .dg-modal.header-acapulco .modal-header, .list-ico3 .bg-acapulco, .bg-acapulco, .dropdown-menu.hover-acapulco a:hover, .dropdown-menu.hover-acapulco > .active > a { background-color: #62a783; color: #fff; }
.dg-modal.bg-rock .modal-content, .dg-modal.header-rock .modal-header, .list-ico3 .bg-rock, .bg-rock, .dropdown-menu.hover-rock a:hover, .dropdown-menu.hover-rock > .active > a { background-color: #2e313d; color: #fff; }
.dg-modal.bg-midnightblue .modal-content, .dg-modal.header-midnightblue .modal-header, .list-ico3 .bg-midnightblue, .bg-midnightblue, .dropdown-menu.hover-midnightblue a:hover, .dropdown-menu.hover-midnightblue > .active > a { background-color: #122b58; color: #fff; }
.dg-modal.bg-darkturquoise .modal-content, .dg-modal.header-darkturquoise .modal-header, .list-ico3 .bg-darkturquoise, .bg-darkturquoise, .dropdown-menu.hover-darkturquoise a:hover, .dropdown-menu.hover-darkturquoise > .active > a { background-color: #00d7e9; color: #fff; }
.dg-modal.bg-radicalred .modal-content, .dg-modal.header-radicalred .modal-header, .list-ico3 .bg-radicalred, .bg-radicalred, .dropdown-menu.hover-radicalred a:hover, .dropdown-menu.hover-radicalred > .active > a { background-color: #f82f54; color: #fff; }
.dg-modal.bg-cadetblue .modal-content, .dg-modal.header-cadetblue .modal-header, .list-ico3 .bg-cadetblue, .bg-cadetblue, .dropdown-menu.hover-cadetblue a:hover, .dropdown-menu.hover-cadetblue > .active > a { background-color: #5d9ca8; color: #fff; }
.dg-modal.bg-sunshade .modal-content, .dg-modal.header-sunshade .modal-header, .list-ico3 .bg-sunshade, .bg-sunshade, .dropdown-menu.hover-sunshade a:hover, .dropdown-menu.hover-sunshade > .active > a { background-color: #fa973c; color: #fff; }
.dg-modal.bg-blackberry .modal-content, .dg-modal.header-blackberry .modal-header, .list-ico3 .bg-blackberry, .bg-blackberry, .dropdown-menu.hover-blackberry a:hover, .dropdown-menu.hover-blackberry > .active > a { background-color: #361630; color: #fff; }
.dg-modal.bg-mantis .modal-content, .dg-modal.header-mantis .modal-header, .list-ico3 .bg-mantis, .bg-mantis, .dropdown-menu.hover-mantis a:hover, .dropdown-menu.hover-mantis > .active > a { background-color: #8fc567; color: #fff; }
.dg-modal.bg-saffron .modal-content, .dg-modal.header-saffron .modal-header, .list-ico3 .bg-saffron, .bg-saffron, .dropdown-menu.hover-turquoise a:hover, .dropdown-menu.hover-turquoise > .active > a { background-color: #f0ca3d; color: #fff; }
.dg-modal.bg-shamrock .modal-content, .dg-modal.header-shamrock .modal-header, .list-ico3 .bg-shamrock, .bg-shamrock, .dropdown-menu.hover-saffron a:hover, .dropdown-menu.hover-saffron > .active > a { background-color: #24d78a; color: #fff; }
.dg-modal.bg-orange2 .modal-content, .dg-modal.header-orange2 .modal-header, .list-ico3 .bg-orange2, .bg-orange2, .dropdown-menu.hover-orange2 a:hover, .dropdown-menu.hover-orange2 > .active > a { background-color: #f4633c; color: #fff; }
.dg-modal.bg-primary .modal-content, .dg-modal.header-primary .modal-header, .list-ico3 .bg-primary, .bg-primary, .dropdown-menu.hover-primary a:hover, .dropdown-menu.hover-primary > .active > a { background-color: #337ab7; color: #fff; }
.dg-modal.bg-success .modal-content, .dg-modal.header-success .modal-header, .list-ico3 .bg-success, .bg-success, .dropdown-menu.hover-success a:hover, .dropdown-menu.hover-success > .active > a { background-color: #5cb85c; color: #fff; }
.dg-modal.bg-info .modal-content, .dg-modal.header-info .modal-header, .list-ico3 .bg-info, .bg-info, .dropdown-menu.hover-info a:hover, .dropdown-menu.hover-info > .active > a { background-color: #5bc0de; color: #fff; }
.dg-modal.bg-warning .modal-content, .dg-modal.header-warning .modal-header, .list-ico3 .bg-warning, .bg-warning, .dropdown-menu.hover-warning a:hover, .dropdown-menu.hover-warning > .active > a { background-color: #f0ad4e; color: #fff; }
.dg-modal.bg-danger .modal-content, .dg-modal.header-danger .modal-header, .list-ico3 .bg-danger, .bg-danger, .dropdown-menu.hover-danger a:hover, .dropdown-menu.hover-danger > .active > a { background-color: #d9534f; color: #fff; }
.dg-modal.bg-grayish .modal-content, .dg-modal.header-grayish .modal-header, .list-ico3 .bg-grayish, .bg-grayish, .dropdown-menu.hover-grayish a:hover, .dropdown-menu.hover-grayish > .active > a { background-color: #f5f5f5; color: #666666; }
.dg-modal.bg-turquoise-g .modal-content, .dg-modal.header-turquoise-g .modal-header, .list-ico3 .bg-turquoise-g, .bg-turquoise-g, .dropdown-menu.hover-turquoise-g a:hover, .dropdown-menu.hover-turquoise-g > .active > a { background: -webkit-linear-gradient(135deg,#1de0c1,#44d2fb); background: -o-linear-gradient(135deg,#1de0c1,#44d2fb); background: -moz-linear-gradient(135deg,#1de0c1,#44d2fb); background: linear-gradient(135deg,#1de0c1,#44d2fb); background-color: #1de0c1; color: #fff; }
.dg-modal.bg-navyblue-g .modal-content, .dg-modal.header-navyblue-g .modal-header, .list-ico3 .bg-navyblue-g, .bg-navyblue-g, .dropdown-menu.hover-navyblue-g a:hover, .dropdown-menu.hover-navyblue-g > .active > a { background: -webkit-linear-gradient(135deg,#0547f1,#02b4d0,#02b6d0); background: -o-linear-gradient(135deg,#0547f1,#02b4d0,#02b6d0); background: -moz-linear-gradient(135deg,#0547f1,#02b4d0,#02b6d0); background: linear-gradient(135deg,#0547f1,#02b4d0,#02b6d0 ); background-color: #0547f1; color: #fff; }
.dg-modal.bg-blue-g .modal-content, .dg-modal.header-blue-g .modal-header, .list-ico3 .bg-blue-g, .bg-blue-g, .dropdown-menu.hover-blue-g a:hover, .dropdown-menu.hover-blue-g > .active > a { background: -webkit-linear-gradient(135deg,#0850f7 20%,#1758fe 40%,#0899f5 90%); background: -o-linear-gradient(135deg,#0850f7 20%,#1758fe 40%,#0899f5 90%); background: -moz-linear-gradient(135deg,#0850f7 20%,#1758fe 40%,#0899f5 90%); background: linear-gradient(135deg,#0850f7 20%,#1758fe 40%,#0899f5 90%); background-color: #0850f7; color: #fff; }
.dg-modal.bg-jewel-g .modal-content, .dg-modal.header-jewel-g .modal-header, .list-ico3 .bg-jewel-g, .bg-jewel-g, .dropdown-menu.hover-jewel-g a:hover, .dropdown-menu.hover-jewel-g > .active > a { background: -webkit-linear-gradient(135deg,#0f7936 30%,#179a47,#38965b); background: -o-linear-gradient(135deg,#0f7936 30%,#179a47,#38965b); background: -moz-linear-gradient(135deg,#0f7936 30%,#179a47,#38965b); background: linear-gradient(135deg,#0f7936 30%,#179a47,#38965b); background-color: #0f7936; color: #fff; }
.dg-modal.bg-borland-g .modal-content, .dg-modal.header-borland-g .modal-header, .list-ico3 .bg-borland-g, .bg-borland-g, .dropdown-menu.hover-borland-g a:hover, .dropdown-menu.hover-borland-g > .active > a { background: -webkit-linear-gradient(45deg,#1e7ad8 20%,#1ed6d8 80%); background: -o-linear-gradient(45deg,#1e7ad8 20%,#1ed6d8 80%); background: -moz-linear-gradient(45deg,#1e7ad8 20%,#1ed6d8 80%); background: linear-gradient(45deg,#1e7ad8 20%,#1ed6d8 80%); background-color: #1e7ad8; color: #fff; }
.dg-modal.bg-primary-g .modal-content, .dg-modal.header-primary-g .modal-header, .list-ico3 .bg-primary-g, .bg-primary-g, .dropdown-menu.hover-primary-g a:hover, .dropdown-menu.hover-primary-g > .active > a { background: -webkit-linear-gradient(45deg,#0676f4 20%,#00e9fe 80%); background: -o-linear-gradient(45deg,#0676f4 20%,#00e9fe 80%); background: -moz-linear-gradient(45deg,#0676f4 20%,#00e9fe 80%); background: linear-gradient(45deg,#0676f4 20%,#00e9fe 80%); background-color: #0676f4; color: #fff; }
.dg-modal.bg-success-g .modal-content, .dg-modal.header-success-g .modal-header, .list-ico3 .bg-success-g, .bg-success-g, .dropdown-menu.hover-success-g a:hover, .dropdown-menu.hover-success-g > .active > a { background: -webkit-linear-gradient(90deg,#1e7ad7 20%,#16a168 90%); background: -o-linear-gradient(90deg,#1e7ad7 20%,#16a168 90%); background: -moz-linear-gradient(90deg,#1e7ad7 20%,#16a168 90%); background: linear-gradient(90deg,#1e7ad7 20%,#16a168 90%); background-color: #1e7ad7; color: #fff; }
.dg-modal.bg-info-g .modal-content, .dg-modal.header-info-g .modal-header, .list-ico3 .bg-info-g, .bg-info-g, .dropdown-menu.hover-info-g a:hover, .dropdown-menu.hover-info-g > .active > a { background: -webkit-linear-gradient(-45deg,#00ccff 20%,#35d3d4 90%); background: -o-linear-gradient(-45deg,#00ccff 20%,#35d3d4 90%); background: -moz-linear-gradient(-45deg,#00ccff 20%,#35d3d4 90%); background: linear-gradient(-45deg,#00ccff 20%,#35d3d4 90%); background-color: #00ccff; color: #fff; }
.dg-modal.bg-warning-g .modal-content, .dg-modal.header-warning-g .modal-header, .list-ico3 .bg-warning-g, .bg-warning-g, .dropdown-menu.hover-warning-g a:hover, .dropdown-menu.hover-warning-g > .active > a { background: -webkit-linear-gradient(90deg,#ff6c66 20%,#f1c442 90%); background: -o-linear-gradient(90deg,#ff6c66 20%,#f1c442 90%); background: -moz-linear-gradient(90deg,#ff6c66 20%,#f1c442 90%); background: linear-gradient(90deg,#ff6c66 20%,#f1c442 90%); background-color: #ff6c66; color: #fff; }
.dg-modal.bg-danger-g .modal-content, .dg-modal.header-danger-g .modal-header, .list-ico3 .bg-danger-g, .bg-danger-g, .dropdown-menu.hover-danger-g a:hover, .dropdown-menu.hover-danger-g > .active > a { background: -webkit-linear-gradient(135deg,#48a9e1 20%,#c361dc 90%); background: -o-linear-gradient(135deg,#48a9e1 20%,#c361dc 90%); background: -moz-linear-gradient(135deg,#48a9e1 20%,#c361dc 90%); background: linear-gradient(135deg,#48a9e1 20%,#c361dc 90%); background-color: #48a9e1; color: #fff; }
.dg-modal.bg-accent .modal-content, .dg-modal.header-accent .modal-header, .list-ico3 .bg-accent, .bg-accent, .dropdown-menu.hover-accent a:hover, .dropdown-menu.hover-accent > .active > a { color: #fff; }
/*color*/
.color-turquoise { color: #08dcf5 !important; }
.color-borland { color: #20a3f0 !important; }
.color-denim { color: #127dcf !important; }
.color-gray { color: #333333 !important; }
.color-black { color: #191919 !important; }
.color-night { color: #323232 !important; }
.color-emerald { color: #40d075 !important; }
.color-orange { color: #f39705 !important; }
.color-chambray { color: #505f79 !important; }
.color-bittersweet { color: #ff6061 !important; }
.color-pelorous { color: #237da6 !important; }
.color-citrus { color: #a9d300 !important; }
.color-blackberry { color: #461135 !important; }
.color-melon { color: #febbb4 !important; }
.color-lipstick { color: #9a2c4a !important; }
.color-darkcyan { color: #007c8e !important; }
.color-toryblue { color: #40548e !important; }
.color-crimson { color: #ef1d38 !important; }
.color-celery { color: #bbb83f !important; }
.color-pink { color: #dc717c !important; }
.color-citrus2 { color: #97c200 !important; }
.color-comet { color: #626073 !important; }
.color-atomic { color: #3d4c53 !important; }
.color-seagreen { color: #1cc0be !important; }
.color-shadowgreen { color: #94c1ab !important; }
.color-silver { color: #b8b8b8 !important; }
.color-acapulco { color: #62a783 !important; }
.color-rock { color: #2e313d !important; }
.color-midnightblue { color: #122b58 !important; }
.color-darkturquoise { color: #00d7e9 !important; }
.color-radicalred { color: #f82f54 !important; }
.color-cadetblue { color: #5d9ca8 !important; }
.color-sunshade { color: #fa973c !important; }
.color-blackberry { color: #361630 !important; }
.color-mantis { color: #8fc567 !important; }
.color-saffron { color: #f0ca3d !important; }
.color-shamrock { color: #24d78a !important; }
.color-orange2 { color: #f4633c !important; }
.color-primary { color: #337ab7 !important; }
.color-success { color: #5cb85c !important; }
.color-info { color: #5bc0de !important; }
.color-warning { color: #f0ad4e !important; }
.color-danger { color: #d9534f !important; }
/*border color*/
.border-turquoise { border-color: #08dcf5 !important; }
.border-borland { border-color: #20a3f0 !important; }
.border-denim { border-color: #127dcf !important; }
.border-gray { border-color: #333333 !important; }
.border-black { border-color: #191919 !important; }
.border-night { border-color: #323232 !important; }
.border-emerald { border-color: #40d075 !important; }
.border-orange { border-color: #f39705 !important; }
.border-chambray { border-color: #505f79 !important; }
.border-bittersweet { border-color: #ff6061 !important; }
.border-pelorous { border-color: #237da6 !important; }
.border-citrus { border-color: #a9d300 !important; }
.border-blackberry { border-color: #461135 !important; }
.border-melon { border-color: #febbb4 !important; }
.border-lipstick { border-color: #9a2c4a !important; }
.border-darkcyan { border-color: #007c8e !important; }
.border-toryblue { border-color: #40548e !important; }
.border-crimson { border-color: #ef1d38 !important; }
.border-celery { border-color: #bbb83f !important; }
.border-pink { border-color: #dc717c !important; }
.border-citrus2 { border-color: #97c200 !important; }
.border-comet { border-color: #626073 !important; }
.border-atomic { border-color: #3d4c53 !important; }
.border-seagreen { border-color: #1cc0be !important; }
.border-shadowgreen { border-color: #94c1ab !important; }
.border-silver { border-color: #b8b8b8 !important; }
.border-acapulco { border-color: #62a783 !important; }
.border-rock { border-color: #2e313d !important; }
.border-midnightblue { border-color: #122b58 !important; }
.border-darkturquoise { border-color: #00d7e9 !important; }
.border-radicalred { border-color: #f82f54 !important; }
.border-cadetblue { border-color: #5d9ca8 !important; }
.border-sunshade { border-color: #fa973c !important; }
.border-blackberry { border-color: #361630 !important; }
.border-mantis { border-color: #8fc567 !important; }
.border-saffron { border-color: #f0ca3d !important; }
.border-shamrock { border-color: #24d78a !important; }
.articlenews .datenews .border-orange2 { border-color: #f4633c !important; }
.border-primary { border-color: #337ab7 !important; }
.border-success { border-color: #5cb85c !important; }
.border-info { border-color: #5bc0de !important; }
.border-warning { border-color: #f0ad4e !important; }
.border-danger { border-color: #d9534f !important; }
/*---------------------------------------------------------------------------medilam-------------------------------------------------------------------------*/
.Full_Screen_PaneC { background: #f5f5f5; }
/*---------------------*/
.categorynews { font-size: 19px; font-weight: bold; }

.titlenews { text-align: center; margin: 0 0 30px 0; }
/*---------lastnews---------*/
.latestnews { padding-top: 6px; }
.dtenews { position: absolute; top: 0; background: #3db5ac; color: #fff; padding: 20px 15px; font-weight: bold; font-size: 15px; text-align: center; }
.col-sm-5.photonews { position: relative; padding-right: 0px !important; }
.newspane { background: #f1f1f1; }
.titrnews { font-weight: bold; font-size: 17px; color: #333 !important; }
.col-sm-7.detailnews { padding: 30px 15px 15px 30px; }
.viewcountstyle { color: #059aae; }
.summerynews { color: #5a5a5a !important; text-align: justify; }
.imgnews img { max-width: 100%; }
.news-left img { max-width: 100%; border: solid 1px #eee; padding: 1px; }
/*----------*/
.date-news { color: #3db5ac; }
.col-sm-4.news-left { padding-left: 0 !important; }
.thumbimage {
    width: 110px;
    height: 94px;
    border: solid 1px #eee;
    background: #f9f9f9;
}
.col-sm-8.news-right { padding-right: 10px; }
.news-right span { color: #1063b0; margin: 0 0 0 4px; }
.news-right a { color: #666 !important; font-size: 14px !important; line-height: 1.6em; }
    .news-right a:hover { color: #3db5ac !important; text-decoration: none !important; }
.fa.fa-caret-left.red { padding-left: 2px; }
.latestnews .col-sm-6 { border-top: solid 1px #eee; width: 46%; margin: 5px 0px 5px 27px; padding: 10px 0 0px 0; }
    .latestnews .col-sm-6:nth-child(1), .latestnews .col-sm-6:nth-child(2), .latestnews .col-sm-12:nth-child(1) { border-top: solid 0px #eee; }
.latestnews .col-sm-12 { border-top: solid 1px #eee; margin: 5px 0px 5px 27px; padding: 10px 15px 0px 0; width: 95%; }
/*-----*/
.newstab .articlenews:nth-child(1) { border-top: solid 0px #eee; padding-top: 0px; }
.articlenews { border-top: solid 1px #eee; padding-top: 12px; margin-right: 0; }
.col-sm-2.news-left { padding-right: 0; padding-left: 0; }

.articlenews .datenews { padding: 10px 0; background: #ef9b4e; margin-bottom: 13px; text-align: center; color: #fff; font-weight: bold; width: 57px; }
.orange { color: #ef9b4e; }
.midpanebanner ul li { list-style-type: none; margin: 0; }
.midpanebanner ul { padding-top: 25px; }
.midpanebanner img { margin-bottom: 15px; }
/*****----------------------******/
ul.linkstyle li:nth-child(1) { border-top: dashed 0px #eee; }
ul.linkstyle li { list-style-type: none; border-top: dashed 1px #eee; padding: 7px 0 7px 0; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
.linkstyle li:hover { padding: 7px 5px 7px 0; }
.linkstyle em { color: #3db5ac; padding: 0 0 0 7px; }
.linkstyle a { color: #777; }
    .linkstyle a:hover { text-decoration: none !important; }
/*********/
.row.middpanetab { height: 412px; overflow-y: scroll; }
.heightscroll{
    height: 305px;
    overflow-y: scroll;
}
.middpanetab li:nth-child(1) { border-top: dashed 0px #eee; }
.middpanetab ul {text-align:right; }
    .middpanetab ul li { list-style-type: none; padding: 9px 0; border-top: dashed 1px #e5e5e5; -moz-transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; }
        .middpanetab ul li:hover { padding: 9px 5px 9px 0; }
.middpanetab li em { padding: 0 0 0 7px; color: #41abe8; }
.middpanetab a { color: #777; }
    .middpanetab a:hover { text-decoration: none; }
.footerdate em { position: absolute; top: -35px; right: -31px; z-index: 9; font-size: 63px; background: #0b486b; padding: 10px; color: rgba(255,255,255,0.3); }
.footerdate { border: solid 3px rgba(255,255,255,0.2); position: relative; padding: 25px; font-size: 16px; text-align: center; margin-right: 50px; color: #eee; }
/******/
.footercontact li { list-style-type: none; color: #eee; padding: 4px 0; }
.footercontact .fa-envelope { color: #33d181; }
.footercontact em { padding: 0 0 0 7px; font-size: 17px; }
.footercontact .fa-fax { color: #7dc8f4; }
.articlenews .datenews .footercontact .fa-phone { color: #fa9300; }
.footercontact .fa-envelope-o { color: #d5d41d; }
/*----------*/
.dg-ourteam01 { position: relative; }
    .dg-ourteam01 img { width: 100%; }
    .dg-ourteam01:before { content: ""; border: 10px solid rgba(255,255,255,.7); width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; z-index: 1; opacity: 0; visibility: hidden; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
    .dg-ourteam01:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.55); opacity: 0; visibility: hidden; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
    .dg-ourteam01:hover:before,
    .dg-ourteam01:hover:after { opacity: 1; visibility: visible; }
    .dg-ourteam01 .content { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; color: #FFF; opacity: 0; visibility: hidden; transition: all ease-in 300ms; -moz-transition: all ease-in 300ms; -webkit-transition: all ease-in 300ms; -o-transition: all ease-in 300ms; -ms-transition: all ease-in 300ms; }
        .dg-ourteam01 .content .title { color: #FFF; margin: 0; font-size: 16px; }
        .dg-ourteam01 .content small { font-size: 14px; }
    .dg-ourteam01:hover .content { opacity: 1; visibility: visible; }


    .dg-ourteam01 .ico { text-align: center; z-index: 2; margin-bottom: 18px; display: inline-block; }
        .dg-ourteam01 .ico i,
        .dg-ourteam01 .ico .fa { width: 42px; height: 42px; line-height: 42px; display: inline-block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #FFF; color: #333; opacity: 0; 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; margin: 0 3px; }
        .dg-ourteam01 .ico .ico_left { transform: translateX(-50px); -webkit-transform: translateX(-50px); }
        .dg-ourteam01 .ico .ico_right { transform: translateX(50px); -webkit-transform: translateX(50px); }
    .dg-ourteam01:hover .ico i,
    .dg-ourteam01:hover .ico .fa { opacity: 1; }
    .dg-ourteam01:hover .ico .ico_left,
    .dg-ourteam01:hover .ico .ico_right { transform: translateX(0px); -webkit-transform: translateX(0px); }

    .dg-ourteam01 .ico i:hover,
    .dg-ourteam01 .ico .fa:hover { background-color: #20a3fc; color: #fff; }
    .dg-ourteam01 .ico a:hover { text-decoration: none !important; }
/*----*/
.dg-ourteam02 { text-align: center; margin-bottom: 30px; margin-top: 30px; margin-left: 0; margin-right: 0; }
    .dg-ourteam02 img { max-width: 100%; width: 100%; }
    .dg-ourteam02 .info { padding: 10px; background-color: #f8f8f8; }
        .dg-ourteam02 .info h3,
        .dg-ourteam02 .info { 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? */ }
            .dg-ourteam02 .info h3 { margin: 0 0 -12px 0; font-size: 20px; }
    .dg-ourteam02 .social { margin-top: 8px; }
        .dg-ourteam02 .social a { width: 40px; height: 40px; line-height: 38px; text-align: center; display: inline-block; margin: 0px 1px 3px; border: 1px solid #c2c2c2; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #666666; font-size: 16px; 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? */ }
            .dg-ourteam02 .social a em { vertical-align: middle; }
    .dg-ourteam02 .info { color: #FFF; background-color: #3db5ac; }
        .dg-ourteam02 .info h3 { color: #FFF; }
    .dg-ourteam02 .social a { border-color: #FFF; background-color: #FFF; color: #3db5ac; }
        .dg-ourteam02 .social a:hover { text-decoration: none; }
/*-------------------*/
/*---*/
.Social-Iconfooter { text-align: left; }
    .Social-Iconfooter span { border: solid 3px rgba(255,255,255,0.2); text-align: center; font-size: 35px; width: 75px; margin-top: 5px; height: 75px; padding-top: 20px; color: rgba(255,255,255,0.2); -moz-transition: 0.7s ease 0s; -webkit-transition: 0.7s ease 0s; -o-transition: 0.7s ease 0s; transition: 0.7s ease 0s; margin-left: 2px; }

        .Social-Iconfooter span:hover { color: #fff; border: solid 3px rgba(255,255,255,0.8); }
/*-------*/
.designpane { color: #fff; }
/*------*/
.archivestyle { background: #3db5ac; width: 150px; padding: 10px 0; text-align: center; position: relative; float: 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? */ }
    .archivestyle:hover { background: #0b486b; }
    .archivestyle a { color: #fff !important; font-weight: bold; }
        .archivestyle a:hover { text-decoration: none; }
    .archivestyle em { color: rgba(255,255,255,0.2); font-size: 70px; position: absolute; top: -16px; right: 0; }
/*-------------bannertelegram--------------------*/
.bannerpane { background: #3db5ac; color: #fff; text-align: center; position: relative; height: 294px; }
.infobanner { padding: 43px 15px 30px 15px; font-size: 23px; font-weight: bold; }
.socialbanner { background: #f5f5f5; width: 100px; height: 100px; padding-top: 7px; font-size: 50px; border-radius: 50%; position: absolute; top: 103px; right: 137px; z-index: 2; }
.phonebanner { background: #f5f5f5; padding: 66px 15px 0 15px; position: absolute; bottom: 0; width: 100%; height: 145px; }
.phonebannerbtn { background: #0b486b; width: 200px; margin: 0 auto; padding: 10px; font-size: 16px; }

@media only screen and (min-width: 1300px) {
    .dg-ourteam02 { margin-left: 18px; margin-right: 18px; }
}
/*------*/
@media only screen and (max-width: 1400px) {
    .ImageTitleSummary .date { width: 63%; }
    .latestnews .col-sm-6 { min-height: 113px; }
}



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

    .latestnews .col-sm-6 { width: 97%; }
    .titrnews { font-size: 14px; }
    .col-sm-7.detailnews { padding: 20px 15px 0px 30px; }
    .summerynews { height: 70px; overflow: hidden; }
    .col-sm-12 .col-sm-3 { width: 100%; }
    .col-sm-12 .col-sm-9 { width: 100%; }
    .col-sm-12 .subtitle { display: none; }
    .col-sm-12 .news-a { font-size: 13px !important; }
    .latestnews .col-sm-12 { min-height: 113px; }
}


@media only screen and (max-width:767px) {
    /*--mainpage---*/
    .latestnews .col-sm-6 { width: 90%; clear: both; padding-right: 15px; }
    .latestnews .col-sm-12 { width: 90%; clear: both; padding-right: 15px; }
    .latestnews .col-sm-6:nth-child(2) { border-top: solid 1px #eee; }
}
/*---------------*/
.copyright_style .sep, .terms { display: none; }