/*=====================================
 GLOBAL
 =====================================*/

*:focus {
    outline: none;
}

h1 {
    margin: 0px 0px 20px 0px;
    font-family: 'OpenSansSemiboldRegular';
    font-size: 36px;
    letter-spacing: -2px;
    color: #898989;
}

h2 {
    font-size: 30px;
    margin: 15px 0px 15px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

h3 {
    font-size: 22px;
    margin: 15px 0px 15px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

h4 {
    font-size: 18px;
    margin: 15px 0px 18px 0px;
    font-family: 'OpenSansSemiboldRegular';
    font-weight: normal;
    color: #AEAEAE;
}

h5 {
    font-size: 15px;
    margin: 15px 0px 15px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

h6 {
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

.container {
    padding: 40px 30px 15px 30px;
    position: relative;
    background: none repeat scroll 0 0 #FFFFFF;
    z-index: 2;
}

.contentarea h1 {
    margin: 0px 0px 20px 0px;
    font-family: 'OpenSansSemiboldRegular';
    font-size: 36px;
    letter-spacing: -2px;
    color: #898989;
}

.contentarea h2 {
    font-size: 30px;
    margin: 15px 0px 15px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

.contentarea h3 {
    font-size: 22px;
    margin: 15px 0px 15px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

.contentarea h4 {
    font-size: 18px;
    margin: 15px 0px 18px 0px;
    font-family: 'OpenSansSemiboldRegular';
    font-weight: normal;
    color: #AEAEAE;
}

.contentarea h5 {
    font-size: 15px;
    margin: 15px 0px 15px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

.contentarea h6 {
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-family: 'OpenSansLightRegular';
    font-weight: normal;
    color: #898989;
}

.contentarea ul li {}

.contentarea ol li {}


/*=====================================
 HEADER
 =====================================*/

.header {
    width: 100%;
    position: relative;
    z-index: 100;
}

.header .container {
    padding: 0px 30px 0px 30px;
    height: 94px;
}


/*--------- Logo --------------------*/

.logo {
    padding: 20px 0px 17px 0px;
}

.logo img {
    display: block;
    background-color: #EC534D;
    max-width: 100%;
}


/*--------- Main Menu ---------------*/

.menu-main {
    position: relative;
}

.menu-main ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    position: absolute;
    right: -30px;
}

.menu-main ul .menu-item {
    float: left;
    height: 94px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #f5f5f5;
}

.menu-main ul .menu-item a {
    display: block;
    overflow: hidden;
    height: auto;
    padding: 36px 20px 25px 20px;
    font-size: 15px;
    line-height: 15px;
    position: relative;
    font-family: 'OpenSansRegular';
    color: #626262;
    background: url("../img/triangle.gif") no-repeat scroll center -15px transparent;
    -moz-transition: padding 0.2s ease, background 0.3s ease;
    -webkit-transition: padding 0.2s ease, background 0.3s ease;
    -o-transition: padding 0.2s ease, background 0.3s ease;
    -ms-transition: padding 0.2s ease, background 0.3s ease;
    transition: padding 0.2s ease, background 0.3s ease;
}

.menu-main ul .menu-item a span {
    display: block;
    position: relative;
    top: -3px;
    overflow: hidden;
    text-transform: lowercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
    color: #cfcfcf;
}

.menu-main ul .menu-item a:hover,
.menu-main ul .menu-item.current-menu-item a {
    text-decoration: none;
}

.menu-main ul .menu-item a:hover,
.menu-main ul .menu-item.current-menu-item a,
.menu-main ul .menu-item.sfHover a {
    height: 19px;
    padding-top: 75px;
    padding-bottom: 0px;
    text-decoration: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #626262;
    background-position: center -11px;
}

.menu-main ul .menu-item a:hover span,
.menu-main ul .menu-item.current-menu-item a span,
.menu-main ul .menu-item.sfHover a span {
    opacity: 0;
    visibility: hidden;
}

.menu-main ul .menu-item a span {
    color: #cfcfcf;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 21px;
}

.menu-main ul.sub-menu {
    position: relative;
    padding: 0px;
    width: 100%;
    right: 0px;
    z-index: 1000;
    background-color: #f5f5f5;
}

.menu-main ul.sub-menu li.menu-item {
    float: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #cfcfcf;
    height: auto;
}

.menu-main ul.sub-menu li.menu-item a {
    display: block;
    padding: 8px 0px;
    height: auto;
    position: relative;
    text-align: center;
    text-transform: none;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #a2a2a2;
    background: none;
    border-bottom: 0px none;
}

.menu-main ul.sub-menu li.menu-item:hover {
    padding: 0px;
    margin: 0px;
}

.menu-main ul.sub-menu li.menu-item a:hover {
    color: #ec534d;
}

.menu-main ul.sub-menu li .sub-menu {
    border-right: 1px solid #cfcfcf;
    position: absolute;
    right: 100%;
    top: 0px;
}

.menu-main .sf-js-enabled .menu-item .sub-menu .menu-item .sub-menu .menu-item:first-child a {
    background: url('../img/submenu-bg.gif') right center no-repeat;
}

.sf-sub-indicator {
    display: none !important;
}


/*------- Responsive Menu ------------*/

#responsive_menu {
    display: none;
    position: absolute;
    list-style: none;
    margin: 0px;
    padding: 0px;
    right: 35px;
}

#responsive_menu li {
    height: 100px;
    display: block;
    overflow: hidden;
    height: 30px;
    padding: 36px 35px 25px 35px;
    font-size: 15px;
    line-height: 15px;
    font-family: 'OpenSansRegular';
    cursor: pointer;
    color: #626262;
    background: url("../img/triangle.gif") no-repeat scroll center -16px transparent;
    -moz-transition: padding 0.3s ease, background 0.3s ease;
    -webkit-transition: padding 0.3s ease, background 0.3s ease;
    -o-transition: padding 0.3s ease, background 0.3s ease;
    -ms-transition: padding 0.3s ease, background 0.3s ease;
    transition: padding 0.3s ease, background 0.3s ease;
}

#responsive_menu li:hover,
#responsive_menu li.active {
    height: 23px;
    padding-top: 71px;
    padding-bottom: 0px;
    text-decoration: none;
    background-color: #f5f5f5;
    border-bottom: 1px solid #626262;
    background-position: center -11px;
}

.responsive-menu-wrapper {
    padding: 0px !important;
}

.responsive-menu-wrapper .responsive-menu-items.span16 {
    display: none;
}

.responsive-menu-wrapper {
    padding: 0px 0px 0px 0px;
}

.resp-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

.resp-menu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.resp-menu li a {
    display: block;
    padding: 4px 15px;
    font-size: 12px;
    color: #a2a2a2;
    background-color: #f5f5f5;
    border-top: 1px solid #cfcfcf;
}

.resp-menu li:first-child a {
    border-top: none;
}

.resp-menu .sub-menu a {
    padding: 4px 15px 4px 15px;
    background: url('../img/border-dot.gif') center top repeat-x;
    border-top: 0px none;
}

.resp-menu .sub-menu .sub-menu {
    margin-bottom: 4px;
}

.resp-menu .sub-menu .sub-menu li a {
    padding: 1px 15px 1px 25px;
    background: none;
    font-size: 10px;
}

.resp-menu li:hover a {
    text-decoration: none;
    color: #ec534d;
    background-color: #fff;
}

.resp-menu li:hover .sub-menu a {
    color: #a2a2a2;
}

.resp-menu li .sub-menu li:hover a {
    color: #ec534d;
    background-color: #fff;
}

.resp-menu li .sub-menu li:hover .sub-menu a {
    color: #a2a2a2;
}

.resp-menu li .sub-menu li .sub-menu li:hover a {
    color: #ec534d;
    background-color: #fff;
}


/*-------- Slogan -------------*/

.slogan {
    font-family: 'OpenSansLightRegular';
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 24px 0px 9px 0px;
}


/*------- Slideshow ----------*/

#slideshow {
    margin-bottom: 30px;
    height: 320px;
}

#slideshow .container {
    padding: 0px;
    position: absolute;
    bottom: 0px;
}

#slideshow .camera_caption {
    color: #aeaeae;
}

#slideshow .camera_fakehover {
    overflow: hidden
}

#slideshow .camera_target_content {
    overflow: visible;
}

#slideshow .camera_prev,
#slideshow .camera_next {
    background-color: #EC534D;
}

.camera_azure_skin .camera_prev>span:hover,
.camera_azure_skin .camera_next>span:hover {
    background-color: #626262;
}

#slideshow h5 {
    font-size: 22px;
    line-height: 22px;
    margin-top: 3px;
    margin-bottom: 12px;
    color: #cfcfcf;
}

#slideshow .camera_caption a {
    color: #e7e7e7;
}


/*------- Full Screen Slideshow ----------*/

#fullScreenSlideshow {
    position: absolute;
    height: 530px;
    top: 0;
    z-index: 1;
}

.fullScreenSlideshowNav {
    height: 360px;
}

.fullScreenSlideshowNav .camera_caption {
    max-width: 800px;
    width: auto;
    left: 0px;
}

#fullScreenSlideshow .container {
    padding: 0px;
    z-index: 1000;
    position: relative;
    background: none !important;
}

.fullScreenSlideshowNav .container .row .span16 {
    height: 458px;
    position: relative;
    left: -30px;
}

.fullScreenSlideshowNav .camera_commands {
    bottom: 0px;
    left: 0px;
}

.fullScreenSlideshowNav .camera_prev {
    bottom: 0px;
    left: 35px;
}

.fullScreenSlideshowNav .camera_next {
    bottom: 0px;
    left: 70px;
}

.fullScreenSlideshowNav .camera_caption h5 {
    font-family: 'OpenSansSemiboldRegular';
    font-size: 48px;
    line-height: 50px;
    margin: 0px 0px 10px 0;
    color: white;
}

.fullScreenSlideshowNav .camera_caption p {
    font-family: 'OpenSansLightRegular';
    font-size: 18px;
    color: white;
}

.fullScreenSlideshowNav .camera_caption>div {
    opacity: 0.9;
    color: white;
    padding: 30px 30px 65px 20px;
}

#fullScreenSlider .camera_commands {
    z-index: 200 !important;
}


/*-------- Full Screen Map ----------*/

#fullScreenMap {
    height: 360px;
}

#fullScreenMapContainer {
    position: absolute;
    top: 0;
    width: 100%;
}

#fullScreenMapContainer .container .row .span16 {
    height: 458px;
    position: relative;
    left: -30px;
}


/*-------- Supersize ----------*/

#container {
    width: 100%;
    background: #1E99BF;
}

#container #slide {
    width: 900px;
    height: 300px;
    margin: 0 auto;
}

.supersizecaption {
    height: 360px;
    background: none;
    position: relative;
    overflow: hidden;
}

.portfolio-supersizecaption {
    height: 570px;
    background: none;
    position: relative;
    overflow: hidden;
}


/*=====================================
 CONTAINER
 =====================================*/

.contentarea {}

.main-container.portfolio-slidecaption {
    padding-top: 30px;
}

.headofpage {
    margin: 10px 0px 15px 0px;
}

h4.light-gray {
    margin-top: 25px;
}


/*------------  Purchase ---------*/

.shortcode_purchase {
    padding: 25px;
    overflow: hidden;
    margin-bottom: 35px;
    background-color: #626262;
    clear: both;
}

.shortcode_purchase p {
    text-align: right;
    float: left;
    color: #e7e7e7;
    font-family: 'OpenSansLightRegular';
    font-size: 22px;
    line-height: 20px;
    margin: 0px;
}

.shortcode_purchase p span {
    display: block;
    font-family: 'OpenSansRegular';
    font-size: 15px;
    color: #aeaeae;
}

.shortcode_purchase .purchase_btn {
    float: right;
    margin-left: 20px;
    padding: 9px 10px;
    font-family: Myriad Pro;
    font-size: 17px;
    background-color: #aeaeae;
    color: #ffffff;
    border-radius: 0px;
    border: none;
    font-family: 'OpenSansBold';
    -moz-transition: all 250ms ease 0s;
    -webkit-transition: all 0250ms ease 0s;
    -o-transition: all 250ms ease 0s;
    -ms-transition: all 250ms ease 0s;
    transition: all 250ms ease 0s;
}

.shortcode_purchase .purchase_btn:hover {
    text-decoration: none;
    background-color: #ec534d;
}

.shortcode_purchase .purchase_btn span {
    display: block;
    width: 24px;
    float: left;
    font-family: 'FBiconsRegular';
    line-height: normal;
}


/*------------  Color Hover Block ---------*/

.shortcode_colorblock {}

.colorblock_item {
    border-top: 3px solid #626262;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 2%;
    -moz-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    -webkit-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    -o-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    -ms-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    transition: background-color 350ms ease 0s, color 350ms ease 0s;
}

.colorblock_item h3 {
    margin-bottom: 6px;
}

.colorblock_item h5 {
    margin-left: 13px;
    margin-right: 13px;
}

.colorblock_item p {
    margin-left: 13px;
    margin-right: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

.colorblock_item span {
    display: block;
    padding: 20px 18px 21px 0;
    margin-bottom: 27px;
    font-family: 'FBiconsRegular';
    font-size: 40px;
    line-height: normal;
    outline: medium none !important;
    -moz-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    -webkit-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    -o-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    -ms-transition: background-color 350ms ease 0s, color 350ms ease 0s;
    transition: background-color 350ms ease 0s, color 350ms ease 0s;
}


/*------------ Shortcode Portfolio ----*/

#options {}

.shortcode_portfolio .filter_line {
    background-color: #626262;
    bottom: 0;
    display: block;
    height: 3px;
    left: 0;
    width: 100%;
    border-color: #626262 !important;
}

.shortcode_portfolio .filter_block {
    overflow: hidden;
}

.shortcode_portfolio .filter_navigation {
    position: relative;
    height: 36px;
}

.shortcode_portfolio .optionset {
    overflow: hidden;
    position: absolute;
    height: 36px;
}

.shortcode_portfolio .optionset li {
    float: left;
    display: inline-block;
    height: 38px;
    float: left;
    margin-right: 1px;
    overflow: hidden;
    position: relative;
}

.shortcode_portfolio .optionset li a {
    top: 0px;
    display: block;
    background-color: #f5f5f5;
    position: relative;
    top: 8px;
    padding-bottom: 11px;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: 'OpenSansLightRegular';
    background: url("../img/triangle.gif") no-repeat scroll center 31px #e7e7e7;
    font-size: 15px;
    line-height: 16px;
    color: #636363;
    border-top: 1px solid #ffffff;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}

.shortcode_portfolio .optionset li.selected a,
.shortcode_portfolio .optionset li a:hover {
    top: 0px;
    background-color: #f5f5f5;
    border-top: 1px solid #626262;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    text-decoration: none;
}

.shortcode_portfolio {
    margin-bottom: 2%;
    position: relative;
}

.shortcode_portfolio h4 {
    margin: 30px 0 10px;
    color: #aeaeae;
}

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

.shortcode_portfolio ul li {
    margin-bottom: 20px;
}

.shortcode_portfolio .view img {
    max-width: 100%;
}

.shortcode_portfolio .carouselslider-wrap .jcarousel-prev,
.shortcode_portfolio .carouselslider-wrap .jcarousel-next {
    top: 10px;
}


/*------------  Color Hover Block Light ---------*/

.shortcode_colorblock .colorblock_item.light {
    border-bottom: 1px solid #626262;
    background-color: #f5f5f5;
    color: #898989 !important;
}

.shortcode_colorblock .colorblock_item.light span {
    background-color: #FFF;
    color: #ec534d;
}

.shortcode_colorblock.with_hover .colorblock_item.light:hover {
    cursor: pointer;
    background-color: #626262;
    color: #e7e7e7 !important;
}

.shortcode_colorblock.with_hover .colorblock_item.light:hover h3 {
    color: #e7e7e7 !important;
}

.shortcode_colorblock.with_hover .colorblock_item.light:hover span {
    background-color: #ec534d;
    color: #f5f5f5;
}


/*------------  Color Hover Block Red ---------*/

.shortcode_colorblock .colorblock_item.colored {
    border-bottom: 1px solid #ec534d;
    background-color: #ec534d;
    color: #ffffff !important;
}

.shortcode_colorblock .colorblock_item.colored h3 {
    color: #ffffff !important;
}

.shortcode_colorblock .colorblock_item.colored span {
    background-color: #f5f5f5;
    color: #ec534d;
}

.shortcode_colorblock.with_hover .colorblock_item.colored:hover {
    cursor: pointer;
    border-bottom: 1px solid #626262;
    background-color: #626262;
    color: #e7e7e7;
}

.shortcode_colorblock.with_hover .colorblock_item.colored:hover span {
    background-color: #f5f5f5;
    color: #ec534d;
}


/*------------  Color Hover Block Gray ---------*/

.shortcode_colorblock .colorblock_item.gray {
    border-bottom: 1px solid #626262;
    background-color: #f5f5f5;
    color: #aeaeae;
}

.shortcode_colorblock .colorblock_item.gray span {
    background-color: #f5f5f5;
    color: #aeaeae;
}

.shortcode_colorblock.with_hover .colorblock_item.gray:hover {
    cursor: pointer;
    border-bottom: 1px solid #ec534d;
    background-color: #ec534d;
    color: #ffffff !important;
}

.shortcode_colorblock.with_hover .colorblock_item.gray:hover h3 {
    color: #ffffff !important;
}

.shortcode_colorblock.with_hover .colorblock_item.gray:hover span {
    background-color: #ec534d;
    color: #ffffff;
}


/*------------  Color Hover Block Dark ---------*/

.shortcode_colorblock .colorblock_item.dark {
    border-bottom: 1px solid #626262;
    background-color: #cfcfcf;
    color: #f5f5f5 !important;
}

.shortcode_colorblock .colorblock_item.dark h3 {
    color: #ffffff;
}

.shortcode_colorblock .colorblock_item.dark span {
    background-color: #f5f5f5;
    color: #ec534d;
}

.shortcode_colorblock.with_hover .colorblock_item.dark:hover {
    cursor: pointer;
    background-color: #626262;
    color: #e7e7e7;
}

.shortcode_colorblock.with_hover .colorblock_item.dark:hover span {
    background-color: #ec534d;
    color: #f5f5f5;
}


/*--------- Shortcode Dividers ---*/

.shortcode_dividers {
    margin-bottom: 35px;
}

.shortcode_dividers hr {
    margin-bottom: 15px;
}


/*--------- Text Block -----------*/

blockquote.left {
    float: left;
    margin: 0;
    width: 50%;
}

blockquote.right {
    float: right;
    margin: 0px 0px 0px 10px;
    width: 50%;
}

blockquote {
    position: relative;
    border: medium none;
    margin: 0;
    padding: 0 0 8px;
    color: #aeaeae;
}

blockquote p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 0 12px 0 38px;
}

blockquote,
blockquote.type1 {
    background: url("../img/bg_blockquote.png") no-repeat scroll 0 5px transparent;
}

blockquote.type2 {
    background: url("../img/bg_blockquote-gray.png") no-repeat scroll 0 5px transparent;
}

blockquote.type3 {
    background: url("../img/bg_blockquote-colored.png") no-repeat scroll 0 5px transparent;
}

blockquote span {
    display: block;
    font-size: 12px;
    font-style: italic;
    line-height: 18px;
    padding: 0 12px 0 38px;
}


/*--------- Dropcaps -----------------*/

.dropcaps {
    display: block;
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 8px 4px 0px 0px;
    font-family: 'OpenSansLightRegular';
    font-size: 38px;
}

.dropcaps.type1 {
    color: #ec534d;
}

.dropcaps.type2 {
    color: #aeaeae;
}

.dropcaps.type3 {
    font-family: 'OpenSansSemiboldRegular';
    color: #e7e7e7;
}


/*--------- Lists -----------------*/

.shortcode_column .shortcode_column.one_thirds {
    margin-right: 1%;
}

ul.list,
ol.list {
    list-style: none outside none;
    margin: 0px;
    float: left;
    overflow: hidden;
    padding: 0 0 20px;
    counter-reset: li;
    list-style: none outside none;
}

ul.list .title,
ol.list .title {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #626262;
    list-style: none !important;
}

ul.list li,
ol.list li {
    line-height: 18px;
    margin: 0px 0px 0px 22px;
    padding: 0;
    color: #aeaeae;
}

ul.list li.title:before,
ol.list li.title:before {
    content: " " !important;
}

ul.list.arrow li:before {
    content: "+";
    font-size: 14px;
    line-height: 18px;
    padding: 0 5px 0 2px;
}

ul.list.dotted li:before {
    content: "●";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding-right: 7px;
}

ol.list li:before {
    content: counter(li, decimal) ".";
    counter-increment: 0;
    padding-right: 5px;
}

ol.list li.title:before {
    content: counter(li, decimal) ".";
    counter-increment: 1;
    padding-right: 5px;
}

ul.list li:before,
ol.list li:before {
    color: #ec534d;
}

.list li {
    content: counter(li, decimal) ".";
    counter-increment: li;
    padding-right: 5px;
}


/*--------- Shortcode Price Block ------*/

.shortcode_priceblock {}

.priceblock_item {
    text-align: center;
    margin-top: 21px;
    margin-bottom: 25px;
    border-bottom: 1px solid #626262;
}

.priceblock_item.popular {
    margin-top: 0px;
    background-color: #f5f5f5;
    border-bottom: none;
}

.priceblock_item h2.title {
    margin: 0px;
    line-height: 52px;
    font-family: 'OpenSansLightRegular';
    font-size: 22px;
    background-color: #626262;
    color: #ffffff;
}

.priceblock_item h3.price {
    padding: 31px 0px 18px 0px;
    font-family: 'OpenSansBold';
    font-size: 50px;
    color: #ec534d;
}

.priceblock_item h3.price span {
    font-size: 24px;
    font-family: 'OpenSansLightRegular';
}

.priceblock_item ul {
    padding: 0px;
    margin: 0px;
    width: 100%;
    list-style: none;
}

.priceblock_item ul li {
    background-color: #f5f5f5;
    margin-bottom: 1px;
    padding: 9px 0px;
}

.priceblock_item.popular ul li {
    background-color: #cfcfcf;
    color: #ffffff;
}

.priceblock_item.popular ul li a {
    color: #626262;
}

.priceblock_item .get-btn,
.priceblock_item .most-popular {
    margin-bottom: 0px;
}

.priceblock_item .get-btn .shortcode_button {
    margin: 5px 0px;
    color: #ffffff;
    background-color: #cfcfcf;
}

.priceblock_item .get-btn .shortcode_button:hover {
    color: #ffffff;
    background-color: #626262;
}

.priceblock_item.popular .get-btn .shortcode_button {
    color: #ffffff;
    background-color: #626262;
}

.priceblock_item.popular .get-btn .shortcode_button:hover {
    color: #ffffff;
    background-color: #ec534d;
}

.priceblock_item .get-btn .shortcode_button .icon {
    margin-right: 10px;
    font-size: 16px;
    line-height: 26px;
}

.priceblock_item ul .most-popular {
    display: none;
}

.priceblock_item.popular ul .most-popular {
    display: block;
    background-color: #ec534d;
    font-size: 16px;
    line-height: 26px;
    font-family: 'OpenSansBold';
    color: #ffffff;
}

.priceblock_item .most-popular .icon {
    position: relative;
    margin-right: 9px;
    top: -2px;
}


/*--------- Shortcode Clients ----------*/

.our_clients {}

.our_clients .carouselslider-wrap ul li {
    display: block;
    width: 172px;
    height: 82px;
    position: relative;
}

.our_clients .carouselslider-wrap ul li {}

.our_clients .carouselslider-wrap ul li img {
    max-width: 100%
}

.our_clients .carouselslider-wrap .jcarousel-prev,
.our_clients .carouselslider-wrap .jcarousel-next {
    top: 20px;
}

.our_clients ul li .logo-gray {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.logo-color {
    position: absolute;
    left: 0;
    top: 0;
}


/*--------- Shortcode Our Team -----------*/

.ourteamcont {
    position: relative;
    clear: both;
    margin-bottom: 2%;
}

.ourteamcont .item {
    width: 220px;
    display: block;
    text-align: center;
    margin-right: 20px;
    padding-bottom: 15px;
    border-top: 3px solid #626262;
    border-bottom: 1px solid #626262;
}

.ourteamcont .carouselslider-wrap ul li {
    padding: 0px;
    display: block;
}

.ourteamcont .carouselslider-wrap .jcarousel-next,
.ourteamcont .carouselslider-wrap .jcarousel-prev {
    top: 0px;
}

.ourteamcont .item .teamava a img {
    height: 122px;
}

.ourteamcont .item .teamm_desc {
    background-color: #f5f5f5;
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}

.ourteamcont .item .team_desc h5 {
    margin-bottom: 0;
    font-family: 'OpenSansLightRegular';
    font-size: 22px;
}

.ourteamcont .item .team_desc h5 a {
    text-decoration: none;
}

.ourteamcont .item .team_desc .op {
    font-family: 'OpenSansLightRegular';
    font-size: 15px;
    color: #aeaeae;
}

.ourteamcont .item .team_desc .exc {
    margin-bottom: 15px;
    font-size: 12px;
    color: #898989;
}

.ourteamcont .item .team_desc .social {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    list-style: none;
    text-transform: none;
}

.ourteamcont .item .team_desc .social li {
    float: left;
}


/*--------- Shortcode Column -----------*/

.shortcode_column {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 2%;
}

.shortcode_column.last {
    float: left;
    margin-right: 0 !important;
}

.shortcode_column p {}

.shortcode_column.one_fourth {
    margin-bottom: 1%;
    margin-right: 2%;
    width: 23.5%;
}

.shortcode_column.one_thirds {
    margin-bottom: 1%;
    margin-right: 2%;
    width: 32%;
}

.shortcode_column.one_half {
    margin-bottom: 1%;
    margin-right: 2%;
    width: 49%;
}

.shortcode_column.two_thirds {
    margin-bottom: 1%;
    margin-right: 2%;
    width: 66%;
}

.shortcode_column.one_third {
    margin-bottom: 1%;
    margin-right: 2%;
    width: 32%;
}

.shortcode_column.three_fourth {
    margin-bottom: 1%;
    margin-right: 2%;
    width: 75%;
}


/*--------- Shortcode Featured -------*/

.shortcode_featured {
    position: relative;
    margin-bottom: 15px;
}

.shortcode_featured .jcarousel-prev,
.shortcode_featured .jcarousel-next {
    top: 0px !important;
}

.view {
    cursor: pointer;
    height: 160px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 220px;
}

.view img {
    display: block;
    border: none;
}

.view .mask,
.view .content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

.view-third .view-block {
    width: 130px;
    margin: 0 auto;
    bottom: 10%;
    left: 22%;
    position: absolute;
}

.view h5 {
    padding: 20px 10px 0px 10px;
    position: relative;
    text-align: center;
    font-family: 'OpenSansRegular';
    font-size: 18px;
    margin: 0 15px 5px;
    text-transform: none;
    color: #EC534D;
}

.view-third p {
    color: #626262;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin: 0 15px 9px;
}

.view-third .icon {
    display: block;
    float: left;
    position: relative;
    padding: 0 9px;
    width: 10px;
    font-size: 16px;
}

.view-third .read-more {
    display: block;
    float: left;
    position: relative;
}

.view-third .dividing {
    display: block;
    float: left;
    position: relative;
    color: #CFCFCF;
    margin: 0 7px;
}

.item-border-top {
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #626262;
    z-index: 200;
}

.item-border-down {
    height: 1px;
    width: 100%;
    bottom: 0px;
    position: absolute;
    background-color: #626262;
    z-index: 200;
}

.item-border-top .triangle-down {
    width: 0;
    height: 0;
    position: absolute;
    top: 3px;
    left: 50%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #626262;
}

.view-third:hover .mask {
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #000;
}


/*-------- Shortcode Testimonials ---*/

.testimonials {
    overflow: hidden;
}

.testimonials .carouselslider-wrap .carousel-control {
    top: 18px;
}

.testimonials_list {
    position: relative;
    margin-top: 1px;
}

.testimonials_list .jcarousel-item {
    width: 460px;
}

.testimonials_list .testimonials-item {
    clear: both;
    margin-bottom: 18px;
}

.testimonials_list .testimonials-item img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 4px;
}

.testimonials_list .testimonials-item .testimonials-content {
    overflow: hidden;
}

.testimonials_list .testimonials-item p {}

.testimonials_list .testimonials-item .author {
    font-style: italic;
    color: #aeaeae;
}


/*--------- Shortcode News ---*/

.shortcode_news {}

.shortcode_news h3 {
    color: #cfcfcf;
    line-height: 24px;
}


/*--------- Accordeon ------*/

.shortcode_accordeon {
    overflow: hidden;
    padding-top: 5px;
    margin-bottom: 30px;
}

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

.accordeon .shortcode_accordeon_item {
    padding: 0px 13px 0px 13px;
    border-bottom: 1px solid #cfcfcf;
    position: relative;
}

.accordeon .shortcode_accordeon_item:first-child {
    border-top: 1px solid #cfcfcf;
}

.accordeon .shortcode_accordeon_item.active {
    border-top: 3px solid #626262;
    border-bottom: 1px solid #626262;
    background-color: #f5f5f5;
    color: #626262;
}

.accordeon .shortcode_accordeon_item h5 {
    margin: 0px 0px 12px 0;
}

.accordeon .shortcode_accordeon_item.active h5 a {
    color: #626262;
    margin-bottom: 0px;
    padding-top: 13px;
}

.accordeon .shortcode_accordeon_item.active .triangle-left {
    left: 50%;
    opacity: 1;
    border-top: 4px solid #626262;
}

.accordeon .shortcode_accordeon_item:hover .triangle-left {
    left: 50%;
    opacity: 1;
}

.accordeon .shortcode_accordeon_item.active .triangle-right {
    right: 50%;
    opacity: 1;
    border-top: 4px solid #626262;
}

.accordeon .shortcode_accordeon_item:hover .triangle-right {
    right: 50%;
    opacity: 1;
}

.accordeon .shortcode_accordeon_item .triangle-left {
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    opacity: 0;
    left: 100%;
    border-right: 4px solid transparent;
    border-top: 5px solid #cfcfcf;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordeon .shortcode_accordeon_item .triangle-right {
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    opacity: 0;
    right: 100%;
    border-left: 4px solid transparent;
    border-top: 5px solid #cfcfcf;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordeon .shortcode_accordeon_item_title .accordion-opener {
    display: block;
    width: 100%;
    font-family: 'OpenSansLightRegular';
    color: #cfcfcf;
    outline: none;
    padding-top: 14px;
    margin: 0px 0px 10px 0px;
    cursor: pointer;
    font-size: 22px;
    line-height: 18px;
    font-weight: normal;
}

.accordeon .shortcode_accordeon_item_title .accordion-opener:hover {
    text-decoration: none;
}

.accordeon .shortcode_accordeon_item_body {
    padding-bottom: 5px;
}


/*--------- Tabs ----------------*/

.shortcode_tabs {
    margin-bottom: 15px;
}

.shortcode_tabs .nav-tabs {
    height: 38px;
    overflow: hidden;
    margin: 0px;
}

.shortcode_tabs .nav-tabs li {
    position: relative;
}

.shortcode_tabs .nav-tabs a {
    position: relative;
    top: 10px;
    padding-bottom: 16px;
    padding-top: 7px;
    background-color: #e7e7e7;
    font-family: 'OpenSansLightRegular';
    font-size: 15px;
    line-height: 16px;
    color: #636363;
    border: 0px none;
    background: url("../img/triangle.gif") no-repeat scroll center 33px #E7E7E7;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.shortcode_tabs .nav-tabs .active a,
.shortcode_tabs .nav-tabs a:hover {
    top: 0px;
    padding-top: 5px;
    background-color: #f5f5f5;
    border-top: 1px solid #626262;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
}

.shortcode_tabs .tab-content {
    background-color: #f5f5f5;
}

.shortcode_tabs .tab-content .tab-pane {
    padding: 10px 10px;
}


/*--------- Featured Posts ------*/

.featured_posts li {
    width: 220px;
    display: block;
    position: relative;
    overflow: hidden;
}

.featured_posts li .img {
    position: relative;
    border-bottom: 3px solid #626262;
}

.featured_posts li .img img {
    width: 220px;
    height: 85px;
    max-width: 100%;
}

.featured_posts li h5 {
    padding: 12px 0px;
    margin: 0px;
    width: 100%;
    font-size: 15px;
    line-height: 18px;
}

.featured_posts li .posts_desc {
    padding: 15px 17px 9px 17px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #626262;
}

.featured_posts li .posts_desc p {
    margin-bottom: 9px;
}

.featured_posts .carouselslider-wrap .jcarousel-prev,
.featured_posts .carouselslider-wrap .jcarousel-next {
    top: 20px;
}

.featured_posts .carouselslider li,
.featured_posts .carouselslider li .view {
    height: auto !important;
}


/*------ Color Icons -------*/

.shortcode_coloricons {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.shortcode_coloricons .coloricons_block {
    border-top: 3px solid #626262;
    border-bottom: 1px solid #626262;
    padding-bottom: 15px;
}

.coloricons_block .title {
    display: table-cell;
    vertical-align: middle;
}

.shortcode_coloricons .coloricons_block .dropcap {
    float: left;
    width: 37px;
    height: 50px;
    padding-left: 13px;
    margin-right: 10px;
    font-size: 36px;
    font-family: 'OpenSansBold';
    line-height: 52px;
    color: #ffffff;
    background-color: #e7e7e7;
    border-radius: 25px;
}

.shortcode_coloricons .coloricons_block .title {
    display: table;
    padding-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
}

.shortcode_coloricons .coloricons_block h5 {
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
    font-size: 22px;
    line-height: 24px;
    margin: 0px
}

.shortcode_coloricons .coloricons_block p {
    clear: both;
}


/*-------- Portfolio ---------*/

.portfolio {
    background-color: #626262;
    padding: 20px;
    overflow: hidden;
    margin-top: 55px;
    margin-bottom: 35px;
}

.portfolio .view {
    width: 209px;
    height: 153px;
    background: none;
}

.portfolio .view .mask {
    width: 209px;
}

.portfolio .portfolio-desc {
    width: 24%;
    margin-right: 2%;
    float: left;
    color: #aeaeae;
}

.portfolio .portfolio-desc h4 {
    margin-top: 0;
}

.portfolio .portfolio-desc p {
    margin-bottom: 6px;
}

.portfolio .portfolio-desc a {
    color: #e7e7e7;
}

.portfolio img {
    width: 210px;
}

.portfolio .carouselslider-wrap {
    max-width: 660px;
    float: left;
}

.portfolio .carouselslider-wrap li {
    width: 209px;
}

.portfolio .carouselslider-wrap .carousel-control {
    top: 25px;
}

.portfolio-img {
    margin-bottom: 25px;
}

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

.portfolio .carouselslider li {
    background: none;
}


/*--------- 1 col Portfolio -------*/

.portrowed1,
.portrowed2,
.portrowed3,
.portrowed4 {
    padding-top: 20px;
    margin-right: -20px;
}

.portrowed1 .element {
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}

.portrowed1 .view {
    float: left;
    width: 100%;
    height: auto;
    margin: 3px 0px 0px 0px;
}

.portrowed1 .view img {
    display: block;
    max-width: 100%;
    width: 48%;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.portrowed1 .mask {
    width: 48%;
    position: relative;
    float: left;
}

.portrowed1 h3 {
    color: #CFCFCF;
    margin-bottom: 3px;
    margin-top: 0;
    text-align: left;
}

.portrowed1 p {
    margin: 0px 0px 9px 0px;
}

.portrowed1 .view-third .view-block {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
}

.portrowed1 .view-third img {
    cursor: pointer;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.portrowed1 h3,
.portrowed1 p,
.portrowed1 .view-third .view-block,
.portrowed1 .view-third,
.portrowed1 .mask {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    cursor: default;
}

.portrowed1 .mask {
    visibility: visible !important;
}

.portrowed1 .mask,
.portrowed1 .view-third .mask:hover,
.view-third:hover .mask {
    display: block;
    opacity: 1;
    border-bottom: none;
    cursor: default;
    background: none;
}

.portrowed1 .view-third img:hover {
    opacity: 0.5;
}


/*--------- 2 col Portfolio -------*/

.portrowed2 {
    padding-top: 20px;
}

.portrowed2 .element {
    width: 47.8%;
    margin-right: 20px;
    float: left;
}

.portrowed2 .view {
    width: 100%;
    height: auto;
    margin: 3px 0px 0px 0px;
}

.portrowed2 .view img {
    max-width: 100%;
    height: auto;
}

.portrowed2 .view-third .view-block {
    bottom: 5%;
    left: 38%;
}


/*--------- 3 col Portfolio -------*/

.portrowed3 {
    padding-top: 20px;
}

.portrowed3 .element {
    width: 300px;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}

.portrowed3 .view {
    width: 300px;
    height: auto;
}

.portrowed3 .view img {
    max-width: 100%;
    width: 300px;
    height: 220px;
}

.portrowed3 .view-third .view-block {
    bottom: 12%;
    left: 31%;
}


/*--------- 4 col Portfolio -------*/

.portrowed4 {
    padding-top: 20px;
}

.portrowed4 .element {
    width: 220px;
    height: auto;
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
}

.portrowed4 .view,
.portrowed4 .view img {
    max-width: 100%;
    width: 220px;
    height: 160px;
}


/*=====================================
 CONTENT
 =====================================*/

.content_right {
    float: right !important;
}

.content_left {
    float: left !important;
}


/*=====================================
 SITEBAR
 =====================================*/

aside {
    margin-bottom: 20px;
}

aside h4 {
    color: #cfcfcf;
}

aside .widget_block {
    border-bottom: 1px solid #F5F5F5;
}

.sidebar.left {
    float: left !important;
}

.sidebar.right {
    float: right !important;
}


/*=====================================
 FOOTER
 =====================================*/

footer {
    width: 100%;
    position: relative;
}

.footer-inner {
    position: relative;
}


/*------- Subfooter -------------------*/

.subfooter {}

.subfooter .container {
    position: relative;
    padding-top: 35px;
    padding-bottom: 5px;
}

.subfooter h4 {
    color: #898989;
    margin: 0px 0px 15px 0px;
}

.subfooter p {
    margin-bottom: 6px;
}

.subfooter .triangle-down {
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    left: 49.5%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #626262;
}


/*------- Footer -------------------*/

.footer {
    position: relative;
    border-bottom: 3px solid #626262;
    margin-top: 3px;
}

.footer .container {
    padding-top: 18px;
    padding-bottom: 18px;
    position: relative;
}


/*------- Copyright -------------------*/

.footer .copyright {
    float: left;
    line-height: 28px;
    color: #aeaeae;
}

.footer .copyright p {
    margin: 0px;
}


/*------- Social ---------------------*/

.footer .social {
    float: right;
}

.footer .social li {
    float: left;
}

.social_responsive {
    padding: 8px 0 0px !important;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 1px solid #626262;
    list-style: none;
    display: none;
}


/*------- Social Responsive -----------*/

.social_responsive ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
}

.social_responsive li {
    float: left;
}

.social_responsive_toggle {
    float: right;
    display: none;
    padding: 0px 4px;
    font-size: 16px;
    line-height: 28px;
    color: #AEAEAE;
    cursor: pointer;
}


/*------- Back To Top ------------------*/

.backtotop {
    display: block;
    overflow: hidden;
    position: fixed;
    left: 50%;
    margin-left: 520px;
    bottom: -53px;
    padding-top: 21px;
    width: 59px;
    height: 30px;
    font-family: 'OpenSansSemiboldRegular';
    font-size: 13px;
    line-height: 14px;
    text-align: center;
    background: url('../img/backtotop.png') no-repeat;
    color: #fff;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    cursor: pointer;
}

.backtotop span {
    display: block;
    font-size: 18px;
}

.backtotop:hover {
    height: 40px;
}


/*------- Post -----------------------*/

.post {
    width: 100%;
    clear: both;
    margin-bottom: 40px;
}

.span8 .post {
    margin-bottom: 20px;
}

.post-image-full {
    width: 100%;
    height: auto;
    border-bottom: 3px solid #626262;
    overflow: hidden;
}

.post-image-full img {
    width: 100%;
}

.post-title h5 .icon {
    font-size: 16px;
    color: #626262;
    margin-right: 10px;
}

.post-title h5 {
    padding: 10px 0px;
    margin: 0px;
    font-size: 15px;
    color: #ec534d;
}

.post-title a:hover {
    text-decoration: none;
}

.post-text {
    padding: 10px 20px 0px 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #626262;
    color: #898989;
}

.post-info {}

.post-meta {}

.post-content {
    margin-top: 20px;
}

.post-image-full #slideshow {
    margin-bottom: 0px;
}

.one_half .post {
    margin-bottom: 20px;
}


/*------ Comments -----------------*/

#comments {
    margin-bottom: 2%;
}

#comments h3 {
    font-size: 36px;
    line-height: 38px;
    clear: both;
    color: #898989;
}

#comments .commentlist {
    list-style: none;
    margin: 0px;
    padding: 0px;
    clear: both;
}

#comments .commentlist .stand_comment {
    border-top: 3px solid #626262;
    border-bottom: 1px solid #626262;
    overflow: hidden;
    margin-top: 27px;
}

#comments .commentlist .children {
    list-style: none;
    margin: 0px 0px 0px 50px;
    padding: 0px;
    clear: both;
}

#comments .commentlist .commentmetadata {
    background-color: #F5F5F5;
    color: #898989;
    padding: 7px 10px 1px;
}

#comments .commentlist .commentmetadata p {
    margin: 0px 0px 8px 0px;
}

#comments .commentlist .comment-post {
    padding-top: 20px;
    padding-bottom: 5px;
}

#comments .commentlist .comment-post img {
    float: left;
    margin: 4px 20px 20px 0px;
}

#comments .commentlist .comment-post p {
    overflow: hidden;
}


/*=====================================
 WIGETS
 ======================================*/

.widget_block h4 {
    margin: 30px 0px 15px 0px;
}

.widget_block ul .author {
    color: #aeaeae;
}

.widget_block ul .time_ago,
.widget_block ul .tweet_time a {
    color: #aeaeae;
}

.widget_block ul li {
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden;
}

.widget_block ul .last {
    border: none;
}


/*------- Text Wiget ---------*/

.text-widget {
    border-bottom: 1px solid #f5f5f5;
}


/*-------Widget Flickr ---------*/

.widget_flickr {
    margin-top: 20px;
}

.widget_flickr a {
    display: inline-block;
    height: auto;
    position: relative;
    text-decoration: none;
    margin-bottom: 6px;
    margin-right: 6px;
    padding-bottom: 0;
}

.widget_flickr a.last {
    margin-right: 0px;
}

.widget_flickr img {
    width: 69px;
}

.widget_flickr .flickr-mask {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #FFF;
    opacity: 0;
    width: 100%;
    height: 100%;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.widget_flickr a:hover .flickr-mask {
    opacity: 0.4;
}


/*------- Wideo Widget ---------------*/

.video-widget {
    margin-bottom: 10px;
    margin-top: 20px;
}

.video_frame {
    width: 340px;
    height: 190px;
}


/*------- Blogroll Wiget -------------*/

.blogroll-widget {
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

.blogroll-widget li {
    padding: 5px 0px;
}

.blogroll-widget li:last-child {
    border-bottom: 0px;
}

.blogroll-widget li a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #626262;
}


/*------- Popular Post Wiget ---------*/

.widget_block .popular_post {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
}

.widget_block .popular_post li {
    margin-bottom: 7px;
}

.widget_block .popular_post li a {
    display: block;
    margin-top: 15px;
}

.widget_block .popular_post li img {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
    margin-top: 7px;
}

.widget_block .popular_post li .popular_posts_content {
    margin-top: 4px;
}


/*------- Testimonials Wiget ---------*/

.widget_block .testimonials {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
}

.widget_block .testimonials li:first-child {
    padding-top: 3px;
}

.widget_block .testimonials li {
    padding-top: 10px;
    padding-bottom: 2px;
}

.widget_block .testimonials li .icon {
    margin-right: 15px;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 18px;
    color: #e7e7e7;
}


/*------- Latest Tweets -------------*/

.widget_block .tweets {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
}

.widget_block .tweets li {
    padding-top: 8px;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #F5F5F5;
    overflow: hidden;
}

.widget_block .tweets li:last-child {
    border-bottom: 0px;
}

.widget_block .tweets li.tweet_first {
    padding-top: 3px;
    border-bottom: 1px solid #F5F5F5;
}

.widget_block .latest_tweets li .icon {
    margin-right: 18px;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 18px;
    color: #e7e7e7;
}

.tweet .tweet_text {
    display: block;
    text-indent: 20px;
    background: url('../img/icon/social/twitter-widget.jpg') left 3px no-repeat;
}

.tweet_time {
    display: block;
    position: absolute;
    bottom: 8px;
}


/*------- List Contacts -------------*/

.widget_block .list_contacts {
    width: 100%;
    float: none;
    list-style: none;
    margin: 0 0 10px;
    padding: 3px 0px 0px 0px;
    border-bottom: 1px solid #f5f5f5;
}

.widget_block .list_contacts li {
    padding-bottom: 6px;
    border-bottom: none !important;
}

.widget_block .list_contacts li .icon {
    margin-right: 15px;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 18px;
    color: #e7e7e7;
}

.widget_block .list_contacts .contacts_address {}

.widget_block .list_contacts .contacts_phone {
    color: #aeaeae;
}

.widget_block .list_contacts .contacts_phone p {
    overflow: hidden;
    margin: 0px;
}

.widget_block .list_contacts .contacts_skype {
    color: #aeaeae;
}

.widget_block .list_contacts .contacts_email {}


/*------ Map Widget ----------*/

.widget_map {
    position: relative;
    margin-bottom: 15px;
}

.widget_map .map_top {
    width: 100%;
    height: 3px;
    background-color: #626262;
}

.widget_map .show_map {
    height: 38px;
    overflow: hidden;
    position: relative;
}

.widget_map .show_map a {
    top: 0px;
    background-color: #f5f5f5;
    position: relative;
    top: 16px;
    padding-bottom: 11px;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: 'OpenSansLightRegular';
    background: url("../img/triangle.gif") no-repeat scroll center 33px #e7e7e7;
    font-size: 15px;
    line-height: 16px;
    color: #636363;
    border: 0px none;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
}

.widget_map .show_map .hide_map,
.widget_map .show_map a:hover {
    top: 10px;
    background-color: #f5f5f5;
    border-top: 1px solid #626262;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    text-decoration: none;
}


/*------ Search --------------*/

.widget_search {
    position: relative;
    margin-bottom: 20px;
    margin-top: 4px;
    background: none repeat scroll 0 0 #f5f5f5;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    clear: both;
    border-right: none;
    border-bottom: none;
}

input.btn_search-widget,
input.btn_search-widget:hover {
    display: inline-block;
    background: url("../img/search.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    height: 16px;
    position: absolute;
    left: 8px;
    top: 7px;
    width: 16px;
}

.widget_search .d-search_inp-widget {
    padding: 2px 15px 0px 33px;
}

.widget_search .d-search_inp-widget input {
    background: none;
    border: none;
    color: #898989;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
    outline: medium none;
}

.widget_search .d-search_inp-widget input:focus {
    background-color: #f5f5f5 !important;
    border: none !important;
    color: #898989 !important;
}


/*=====================================
 FORM
 =====================================*/

.textarea {
    width: inherit;
    height: 19px;
    line-height: 19px;
    margin: 4px 0px 12px;
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-bottom: 0px none;
    border-right: 0px none;
    background-color: #f5f5f5;
    color: #898989;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.textarea.dark {
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-color: #424242;
    color: #aeaeae;
    background-color: #626262;
}


/*------ Leave Comment -----------------*/

#respond {
    width: 50%;
}

#respond .postcomment {
    font-size: 36px;
    line-height: 38px;
    color: #898989;
}

#respond .attwarn {
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #626262;
}

.commname,
.commemail,
.commurl,
.commmessage {
    width: 100%;
    margin-bottom: 0px;
}

.commname input,
.commemail input,
.commurl input,
.commmessage input {
    width: 100%;
    margin: 0px 0px 1px 0px;
    color: #898989;
}

.commemail {}

.commurl {}

.commmessage textarea {
    height: 108px;
    margin: 0px;
}

#respond .comment_btn {
    margin: 1px -2px 0px 0px;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 12px 5px;
    -moz-transition: all 300ms ease 0s;
    border-radius: 0 0 0 0;
    border: 0px none;
    display: inline-block;
    font-family: 'OpenSansSemiboldRegular';
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

#respond .comment_btn.clear {
    background-color: #cfcfcf;
    color: #626262;
}

#respond .comment_btn.send {
    background-color: #ec534d;
    color: #ffffff;
}

#respond .comment_btn.clear:hover {
    background-color: #626262;
    color: #ffffff;
}

#respond .comment_btn.send:hover {
    background-color: #626262;
    color: #ffffff;
}


/*------ Contact Form -------------*/

#contact-form {}

#contact-form .postcomment {
    font-size: 36px;
    line-height: 38px;
    color: #898989;
}

#contact-form .attwarn {
    margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #626262;
}

.contactname {}

.contactemail {}

.contactmessage {}

.shortcode_column .contactname input,
.shortcode_column .contactemail input {
    width: 340px;
    float: left;
    color: #898989;
    display: block;
    margin: 0px 1px 1px 0px;
}

.shortcode_column .contactmessage textarea {
    width: 690px;
    height: 108px;
    margin: 0px;
}

.one_half .contactname input,
.one_half .contactemail input {
    width: 220px;
    float: left;
    color: #898989;
    display: block;
    margin: 0px 1px 1px 0px;
}

.one_half .contactmessage textarea {
    width: 450px;
    height: 108px;
    margin: 0px;
}

#contact-form .contact_btn {
    margin: 1px -2px 0px 0px;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 11px 4px;
    -moz-transition: all 300ms ease 0s;
    border-radius: 0 0 0 0;
    border: 0px none;
    display: inline-block;
    font-family: 'OpenSansSemiboldRegular';
}

#contact-form .contact_btn.clear {
    background-color: #cfcfcf;
    color: #626262;
}

#contact-form .contact_btn.send {
    background-color: #ec534d;
    color: #ffffff;
}

#contact-form .contact_btn.clear:hover {
    background-color: #626262;
    color: #ffffff;
}

#contact-form .contact_btn.send:hover {
    background-color: #626262;
    color: #ffffff;
}


/*------ List Contact -----------------*/

.list_contacts {
    width: 50%;
    float: left;
    margin: 0 0 2% 0;
    padding: 0px;
    list-style: none;
}

.list_contacts li p {
    overflow: hidden;
}


/*=====================================
 DEFAULT
 =====================================*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 10px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 10px;
}

a img.alignnone {
    margin: 5px 20px 10px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.preloader {
    background: url("../img/preload_img.gif") no-repeat scroll center center transparent;
    display: block;
    height: auto;
    max-width: 100%;
}

hr {
    clear: both;
    margin: 0px;
}

hr.light-gray {
    border-color: #f5f5f5 !important
}

hr.light {
    border-color: #cfcfcf !important;
}

hr.dark {
    border-color: #626262 !important;
}

hr.colored {
    border-color: #ec534d;
}

.line {
    height: 1px;
    background-color: #000;
    margin: 20px 0px;
}

.dividing {
    margin: 0px 7px;
    color: #cfcfcf;
}


/*--------- Massage Box -----*/

.shortcode_messagebox {
    padding: 7px 10px 0px 37px;
    margin-bottom: 11px;
    border-bottom: 1px solid #626262;
    background-repeat: no-repeat;
    background-position: 8px 10px;
}

.shortcode_messagebox p {
    margin-bottom: 10px;
}

.shortcode_messagebox.info {
    background-color: #badae9;
    background-image: url('../img/icon/messagebox/info-icon.png');
}

.shortcode_messagebox.success {
    background-color: #cbe9ba;
    background-image: url('../img/icon/messagebox/success-icon.png');
}

.shortcode_messagebox.alert {
    background-color: #faef96;
    background-image: url('../img/icon/messagebox/alert-icon.png');
}

.shortcode_messagebox.error {
    background-color: #ffbebb;
    background-image: url('../img/icon/messagebox/error-icon.png');
}


/*--------- Social Icons ---------*/

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

.social li,
.team_desc .social li {
    width: 28px;
    height: 28px;
    margin: 0px 4px 0px 0px;
}

.social li a {
    display: block;
    background-image: url('../img/icon/social/social-icon.png');
    background-color: #e7e7e7;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    line-height: 28px;
    -moz-transition: background-color 400ms ease 0s, background-position 350ms ease 0s;
    -webkit-transition: background-color 400ms ease 0s, background-position 350ms ease 0s;
    -o-transition: background-color 400ms ease 0s, background-position 350ms ease 0s;
    -ms-transition: background-color 400ms ease 0s, background-position 350ms ease 0s;
}

.social li a:hover {
    background-color: #ec534d;
}

.social .social_facebook {
    background-position: 0 0;
}

.social .social_facebook:hover {
    background-position: 0 -28px;
}

.social .social_twitter {
    background-position: -32px 0;
}

.social .social_twitter:hover {
    background-position: -32px -28px;
}

.social .social_flickr {
    background-position: -64px 0;
}

.social .social_flickr:hover {
    background-position: -64px -28px;
}

.social .social_pinterest {
    background-position: -96px 0;
}

.social .social_pinterest:hover {
    background-position: -96px -28px;
}

.social .social_digg {
    background-position: -128px 0;
}

.social .social_digg:hover {
    background-position: -128px -28px;
}

.social .social_vimeo {
    background-position: -160px 0;
}

.social .social_vimeo:hover {
    background-position: -160px -28px;
}

.social .social_rss {
    background-position: -191px 0;
}

.social .social_rss:hover {
    background-position: -191px -28px;
}


/*--------- Social Responsive Icons ---------*/

.social_responsive li a {
    display: block;
    background-image: url('../img/icon/social/social-resp-icon.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    margin: 0px 4px 0px 0px;
    -moz-transition: background-position 350ms ease 0s;
    -webkit-transition: background-position 350ms ease 0s;
    -o-transition: background-position 350ms ease 0s;
    -ms-transition: background-position 350ms ease 0s;
}

.social_responsive .social_facebook {
    background-position: 0 0;
}

.social_responsive .social_facebook:hover {
    background-position: 0 -20px;
}

.social_responsive .social_twitter {
    background-position: -20px 0;
}

.social_responsive .social_twitter:hover {
    background-position: -20px -20px;
}

.social_responsive .social_flickr {
    background-position: -40px 0;
}

.social_responsive .social_flickr:hover {
    background-position: -40px -20px;
}

.social_responsive .social_dribbble {
    background-position: -60px 0;
}

.social_responsive .social_dribbble:hover {
    background-position: -60px -20px;
}

.social_responsive .social_delicious {
    background-position: -80px 0;
}

.social_responsive .social_delicious:hover {
    background-position: -80px -20px;
}

.social_responsive .social_pinterest {
    background-position: -100px 0;
}

.social_responsive .social_pinterest:hover {
    background-position: -100px -20px;
}

.social_responsive .social_digg {
    background-position: -120px 0;
}

.social_responsive .social_digg:hover {
    background-position: -120px -20px;
}

.social_responsive .social_vimeo {
    background-position: -140px 0;
}

.social_responsive .social_vimeo:hover {
    background-position: -140px -20px;
}

.social_responsive .social_rss {
    background-position: -160px 0;
}

.social_responsive .social_rss:hover {
    background-position: -160px -20px;
}


/*--------- Buttons ---------*/

.shortcode_button {
    border-radius: 0px;
    margin-bottom: 5px;
    display: inline-block;
    font-family: 'OpenSansSemiboldRegular';
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

.shortcode_button:hover {
    text-decoration: none;
    cursor: pointer;
}

.shortcode_button.btn-small {
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
    background-color: #ec534d;
    padding: 4px 11px 3px;
}

.shortcode_button.btn-small:hover {
    color: #ffffff;
    background-color: #626262;
}

.shortcode_button.btn-small-icon {
    font-size: 14px;
    line-height: 22px;
    color: #626262;
    background-color: #cfcfcf;
    padding: 4px 11px 3px;
}

.shortcode_button.btn-small-icon:hover {
    color: #ffffff;
    background-color: #ec534d;
}

.shortcode_button.btn-small-icon .icon {
    margin-right: 9px;
    font-size: 16px;
    line-height: 22px;
}

.shortcode_button.btn-medium-icon {
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    background-color: #aeaeae;
    padding: 7px 11px 6px;
}

.shortcode_button.btn-medium-icon:hover {
    color: #aeaeae;
    background-color: #626262;
}

.shortcode_button.btn-medium-icon .icon {
    margin-right: 9px;
}

.shortcode_button.btn-large {
    font-family: 'OpenSansLightRegular';
    font-size: 28px;
    color: #aeaeae;
    background-color: #e7e7e7;
    padding: 5px 11px 4px;
}

.shortcode_button.btn-large:hover {
    color: #aeaeae;
    background-color: #626262;
}

.shortcode_button.btn-back {
    font-size: 14px;
    margin-bottom: 35px;
    line-height: 21px;
    color: #ffffff;
    background-color: #ec534d;
    padding: 5px 11px 3px;
}

.shortcode_button.btn-back .icon {
    display: block;
    float: left;
    margin: 5px 7px 0px 0px;
    width: 7px;
    height: 11px;
    background: url('../img/paginationl-arrow.png') no-repeat left -22px;
}

.shortcode_button.btn-back:hover {
    color: #ffffff;
    background-color: #626262;
}


/*-------- Icons -----------*/

.icon {
    font-family: 'FBiconsRegular';
    text-transform: none;
}

.cont-icon {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    float: left;
    background: url('../img/icon/contact/icon.png');
}

.cont-icon.type1 {
    background-position: 0 0;
}

.cont-icon.type2 {
    background-position: -20px 0;
}

.cont-icon.type3 {
    background-position: -40px 0;
}

.cont-icon.type4 {
    background-position: -60px 0;
}

.cont-icon.type5 {
    background-position: -80px 0;
}

.cont-icon.type6 {
    background-position: -100px 0;
}

.cont-icon.type7 {
    background-position: -120px 0;
}

.cont-icon.type8 {
    background-position: -140px 0;
}

.cont-icon.type9 {
    background-position: -160px 0;
}

.footer-icon {
    display: block;
    width: 20px;
    height: 17px;
    margin-right: 4px;
    float: left;
    background: url('../img/icon/footer/icon.png');
}

.footer-icon.type1 {
    background-position: 0 0;
}

.footer-icon.type2 {
    background-position: -20px 0;
}

.footer-icon.type3 {
    background-position: -40px 0;
}

.footer-icon.type4 {
    background-position: -60px 0;
}

.footer-icon.type5 {
    background-position: -80px 0;
}

.footer-icon.type6 {
    background-position: -100px 0;
}

.art-icon {
    display: block;
    width: 20px;
    height: 17px;
    margin-right: 4px;
    float: left;
    background: url('../img/icon/articles/icon.png');
}

.art-icon.type1 {
    background-position: 0 0;
}

.art-icon.type2 {
    background-position: -20px 0;
}

.art-icon.type3 {
    background-position: -40px 0;
}

.art-icon.type4 {
    background-position: -60px 0;
}

.art-icon.type5 {
    background-position: -80px 0;
}

.art-icon.type6 {
    background-position: -100px 0;
}


/*-------- load More -------*/

.load-more {
    width: 100%;
    clear: both;
    margin-top: 15px;
    border-top: 1px solid #5e5e5e;
    text-align: center;
}

.load-more a {
    display: block;
    background-color: #f5f5f5;
    font-family: 'OpenSansLightRegular';
    padding: 4px 11px 3px;
    font-size: 15px;
    line-height: 28px;
    color: #636363;
}

.load-more a:hover {
    background-color: #636363;
    color: #ffffff;
}


/*-------- Pagination ------*/

.pagerblock {
    height: 27px;
    margin: 8px 0;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
}

.pagerblock li {
    display: inline;
}

.pagerblock li a {
    float: left;
    width: 28px;
    height: 26px;
    margin-right: 5px;
    line-height: 28px;
    text-align: center;
    font-family: 'OpenSansSemiboldRegular';
    text-decoration: none;
    color: #898989;
    border-left-width: 0;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

.pagerblock li a:hover,
.pagerblock li .current {
    background-color: #e7e7e7;
    border-bottom: 1px solid #838383;
    cursor: pointer;
}

.pagerblock li .current:hover {
    cursor: default;
}

.pagerblock li a .btn_prev,
.pagerblock li a .btn_next {
    display: block;
    text-indent: -10000px;
    overflow: hidden;
    margin: 8px 0px 0px 11px;
    width: 7px;
    height: 11px;
    background-image: url("../img/paginationl-arrow.png");
}

.pagerblock li a .btn_prev {
    background-position: left bottom;
}

.pagerblock li a .btn_next {
    background-position: right center;
}

.pagerblock li .disabled .btn_prev {
    background-position: left top;
}

.pagerblock li .disabled .btn_next {
    background-position: right top;
}

.pagerblock li .disabled:hover {
    border: none;
    background-color: transparent;
    cursor: default;
}


/*--------- Width ----------*/


/*--------- Height -------*/


/*--------- Margin -------*/

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}


/*--------- Font Size -------*/


/*--------- Colors -------*/

.colored {
    color: #ec534d;
}

.gray {
    color: #aeaeae !important;
}

.light-gray {
    color: #cfcfcf !important;
}

.highlighted_colored {
    background-color: #ec534d;
    color: #ffffff;
}

.highlighted_dark {
    background-color: #626262;
    color: #ffffff;
}

.highlighted_light {
    background-color: #cfcfcf;
    color: #626262;
}

.da-thumbs {
    list-style: none;
    position: relative;
}

.da-thumbs li,
.da-thumbs .element {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.da-thumbs li .view,
.da-thumbs li .view img,
.da-thumbs .element.view,
.da-thumbs .element .view img {
    display: block;
    position: relative;
}

.da-thumbs li .view,
.da-thumbs .element .view {
    overflow: hidden;
}

.da-thumbs li .view div,
.da-thumbs .element .view div {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    margin: 0;
}

.da-thumbs li .view div.da-animate {
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* Initial state classes: */

.da-slideFromTop {
    left: 0px;
    top: -100%;
}

.da-slideFromBottom {
    left: 0px;
    top: 100%;
}

.da-slideFromLeft {
    top: 0px;
    left: -100%;
}

.da-slideFromRight {
    top: 0px;
    left: 100%;
}


/* Final state classes: */

.da-slideTop {
    top: 0px;
}

.da-slideLeft {
    left: 0px;
}

.view div {
    margin: 0 !important;
    display: block !important
}

.ajaxanswer {
    bottom: 23px;
    display: none;
    margin: 10px 0 0 35px;
    position: absolute;
    right: 0;
}

.in-4-img {
    width: 60px;
    height: 60px;
}

.in-4-mes {
    border: 1px solid #e7e7e7;
}

.in-4-mes label {
    display: inline;
}

.para_table {
    overflow: auto;
}

#parameter {
    overflow: auto;
}
#maximg img{ max-width:100% !important; height:auto !important}
#form { margin:20px 0; clear:both; background:#eee; border-top:#ccc 3px solid; padding:30px;border-radius:10px;}
#form h3{ margin-bottom:20px;}
#form li{ list-style:none;}
#form input,#form textarea{ width:90%; border-top:#ccc 1px solid; border-right:#ddd 1px solid;  border-left:#999 1px solid; border-bottom:#999 1px solid; padding:10px; margin:10px 0; border-radius:10px;}
#form .input_btn{background:#337ab7; color:#fff;}
#form .input_btn:hover{background:#3976ab; color:#eee;}