body, html {
    background: url(/images/body_bg.png) repeat center 0;
    font-family: tahoma, arial, sans-serif;
}

.wrapper {
    min-height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(/images/wrapper-bg.png) repeat-y center 0;
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-width: 959px) {
    body:first-of-type .wrapper {
        background: url(/images/wrapper-bg-ghrome.png) repeat-y center 0;
    }
}

.line-grey {
    border-top: #f2f2f2 1px solid;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.line-grey.before-h2 {
    height: 13px;
    margin-top: -7px;
}

.line-grey.before-h3 {
    height: 14px;
    margin-top: -7px;
}

.line-grey.before-h4 {
    height: 14px;
    margin-top: -7px;
}

.line-grey.before-h5 {
    height: 15px;
    margin-top: -7px;
}

.line-grey.before-h6 {
    height: 14px;
    margin-top: -7px;
}

.hei7 {
    height: 7px;
    clear: both;
}

.hei8 {
    height: 8px;
    clear: both;
}

.hei12 {
    height: 12px;
    clear: both;
}

.pb0 {
    padding-bottom: 0 !important;
}

mark.grey-white {
    color: #fff;
    background: #8a8a8a;
}

mark.blue-white {
    color: #fff;
    background: #6ec4e9;
}

mark.dashed {
    padding-bottom: 2px;
    padding-right: 1px;
    color: #737373;
    background: url(/images/dashed-17.png) repeat-x 2px 13px;
}

#footer-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: url(/images/body_bg.png) repeat center 0;
}

#footer-top {
    position: relative;
    z-index: 101;
    padding: 0 0 1px 0;
    width: 100%;
    min-height: 41px;
    background: url(/images/footer-line.png) repeat-x center 0 #fafafa;
    border-top: #e3e3e3 1px solid;
}

.footer-tweet-left {
    position: absolute;
    left: -5px;
    top: 50%;
    width: 10px;
    height: 9px;
    margin-top: -3px;
    background: url(/images/foooter-left.png) no-repeat 0 0;
}

.footer-tweet-right {
    position: absolute;
    right: -5px;
    top: 50%;
    width: 10px;
    height: 9px;
    margin-top: -3px;
    background: url(/images/footer-right.png) no-repeat 0 0;
}

#footer-top .twtr-hd,
#footer-top .twtr-ft,
#footer-top .twtr-tweet-text em {
    display: none;
}

#footer-top .twtr-bd {
    position: relative;
    overflow: hidden;
}

#footer-top .twtr-tweets {
    margin: -1px 0;
}

#footer-top .twtr-tweets {
    background: url(/images/tweet_w.png) no-repeat 11px 14px;
}

#footer-top .twtr-tweet {
    position: relative;
    padding: 8px 0 6px 28px;
    margin: 0 10px;
    border-bottom: #e6e6e6 1px solid;
    border-top: #fff 1px solid;
    background: url(/images/tweet_w.png) no-repeat 1px 13px;
}

#footer-top .twtr-tweet p {
    margin: 0;
    padding: 0;
}

#footer-middle {
    position: relative;
    padding: 20px 0 1px 0;
    background: #363636 url(/images/footer-middle.png) repeat-x 0 0;
    border-bottom: #2f2f2f 1px solid;
    z-index: 100;
}

#footer-middle h3 {
    margin: 4px 0 11px 0;
}

#footer-middle h3.logo {
    margin: 6px 0 7px 0;
    text-align: center;
}

#footer-middle .address {
    padding-top: 1px;
}

ul.certficates-type, ul.related-sites {
    position: relative;
    overflow: hidden;

}

ul.certficates-type li, ul.related-sites li {
    position: relative;
    padding: 9px 10px 0px 0;
    margin: 1px 0 -1px 0;
    min-height: 27px;
    border-top: #3d3d3d 1px solid;
    border-bottom: #303030 1px solid;
    background: url("/images/arrow-blue.png") right 17px no-repeat;
}

ul.certficates-type li:first-child, ul.related-sites li:first-child {
    border-top: none;
}

ul.certficates-type li a img, ul.related-sites li a img {
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    top: 13px;
}

.related-sites li a,
.latest_blog a {
    display: block;
    margin: -2px 0 0 0;
}

.related-sites li a {
    margin-top: 2px;
}

.related-sites li:first-child a {
    top: 0;
}

/* MIDDLE PART:SOCIAL LINKS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.social_links {
    text-align: left;
    position: relative;
}

.social_links a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    max-width: 20px;
    height: 21px;
    margin: 0 8px 0 0;
    text-decoration: none;
}

.social_links a:hover {
    overflow: visible;
}

#footer-middle .social_links {
    margin: 20px 0 18px 0;
    text-align: right;
}

#footer-middle ul {
    margin-bottom: 18px;
}

.title-text {
    position: absolute;
    top: 32px;
    width: 100px;
    padding: 3px 0 0 0;
    left: -40px;
    text-align: center;
    background: url(/images/arr-top.png) no-repeat center 0;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    -ms-transition: opacity 0.25s ease-in-out 0s;
    -o-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
}

#footer-middle .title-text {
    background-image: url(/images/arr-top-light.png);
}

.title-text b {
    position: relative;
    display: inline-block;
    height: 17px;
    padding: 0 5px;
    border-radius: 3px;
    background: #363636;
}

#footer-middle .title-text b {
    background: url(/images/to_top.png) repeat;
}

.social_links a img {
    position: relative;
    display: block;
    top: 5px;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    -ms-transition: opacity 0.25s ease-in-out 0s;
    -o-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
}

.social_links a img:first-child {
    margin-bottom: -17px;
    opacity: 1;
}

.social_links a:hover img,
.social_links a:hover .title-text {
    opacity: 1;
}

.social_links a:hover img:first-child {
    opacity: 0;
}

/* MIDDLE PART:BACK top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a.backtop {
    position: absolute;
    overflow: hidden;
    right: 22px;
    bottom: 6px;
    width: 23px;
    height: 23px;
    background: url(/images/arrow.png) repeat 0 -23px;
}

a.backtop:hover {
    background-position: 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOTTOM PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-bottom {
    position: relative;
    padding: 6px 0 1px 0;
    background: url(/images/footer-bg.png) repeat 0 bottom;
    border-top: #3a3938 1px solid;
    z-index: 101;
}

#footer-bottom-arr {
    position: absolute;
    left: 50%;
    top: -7px;
    width: 9px;
    height: 7px;
    margin-left: -4px;
    background: url(/images/footer-bottom-arr.png);
}

/* BOTTOM PART: MENU  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-menu,
#footer-bottom .two-thirds {
    overflow: hidden;
}

#footer-menu {
    margin: 0 0 6px -29px;
}

#footer-menu li {
    float: left;
    padding: 6px 0 6px 29px;
    margin: 0;
    height: 16px;
    list-style: none;
    background: url(/images/footer_menu_separator.png) no-repeat 14px 6px;
}

/* BOTTOM PART: COPYRIGHTS  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.copyrights {
    padding: 6px 0 9px 0;
}

.copyrights p {
    margin: 0;
}

#footer-middle .address p {
    margin-bottom: 6px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
											 #Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header-wrapper {
    padding: 0 0 13px 0;
    z-index: 300;
    position: relative;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ UPPER PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.upper-container {
    position: relative;
    z-index: 998;
}

.header-upper {
    position: absolute;
    left: -12px;
    width: 100%;
    padding: 31px 12px 14px 12px;
    top: -1000px;
    background: url(/images/upper-bg.png) repeat 0 0;
    z-index: 999;
    border-bottom: #363636 5px solid;
    -webkit-box-shadow: 0 1px 2px 0 #dedcdf;
    box-shadow: 0 1px 2px 0 #dedcdf;
}

.header-upper.op {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.toggle-upper {
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: -4px;
    margin-left: -10px;
    width: 0;
    height: 18px;
    padding: 0 0 0 21px;
    background: url(/images/close-upper.png) no-repeat 0 0;
    z-index: 1000;
}

.toggle-upper:hover {
    /*
	background-position:0 bottom;
	*/
}

.header-upper .toggle-upper {
    top: 100%;
    background-image: url(/images/up.png);
}

.map-iframe {
    position: relative;
    overflow: hidden;
    height: 182px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 0 1px #f0f0f0;
    box-shadow: 0 0 0 1px #f0f0f0;
    border: #fff 4px solid;
}

.map-iframe	img {
    display: block;
    max-width: none;
}

.bott-line {
    padding: 0 0 16px 0;
    margin: 0 0 14px 0;
    background: url(/images/line.png) repeat-x 0 bottom;
}

.part-left {
    float: left;
}

.part-right {
    float: right;
}

.contact-upper-form {
}

.contact-upper-form form, .contact-form {
    position: relative;
    padding-top: 4px;
}

form .inline-loading {
    position: absolute;
    left: 10px;
    bottom: 2px;
}

.contact-upper-form input[type=text] {
    width: 65%;
    margin: 0 0 5px 0;
    outline: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.blue-btn {
    display: block;
    float: left;
    text-decoration: none;
    line-height: 26px !important;
}

button.submit-btn,
input[type=submit].submit-btn,
input[type=button].submit-btn,
.blue-btn {
    outline: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    width: 92px;
    height: 26px;
    padding: 0;
    text-align: center;
    text-indent: 0;
    color: #fdfdfd;
    font: 400 12px/18px "Pt Sans", arial, sans-serif;
    cursor: pointer;
    border: #0191cf 1px solid;
    border-radius: 4px !important;
    background: #23a9e2; /* Old browsers */
    background: -moz-linear-gradient(top, #23a9e2 0%, #1caae6 20%, #049bdb 70%, #0098d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23a9e2), color-stop(20%, #1caae6), color-stop(70%, #049bdb), color-stop(100%, #0098d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #23a9e2 0%, #1caae6 20%, #049bdb 70%, #0098d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #23a9e2 0%, #1caae6 20%, #049bdb 70%, #0098d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #23a9e2 0%, #1caae6 20%, #049bdb 70%, #0098d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #23a9e2 0%, #1caae6 20%, #049bdb 70%, #0098d8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23a9e2', endColorstr='#0098d8', GradientType=0); /* IE6-9 */

}

button.submit-btn:hover,
input[type=submit].submit-btn:hover,
input[type=button].submit-btn:hover,
.blue-btn:hover {
    border: #0191cf 1px solid;
    border-radius: 4px !important;
    background: #38b6ec; /* Old browsers */
    background: -moz-linear-gradient(top, #38b6ec 0%, #30b0e8 29%, #1ba4de 70%, #17a1dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #38b6ec), color-stop(29%, #30b0e8), color-stop(70%, #1ba4de), color-stop(100%, #17a1dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #38b6ec 0%, #30b0e8 29%, #1ba4de 70%, #17a1dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #38b6ec 0%, #30b0e8 29%, #1ba4de 70%, #17a1dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #38b6ec 0%, #30b0e8 29%, #1ba4de 70%, #17a1dc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #38b6ec 0%, #30b0e8 29%, #1ba4de 70%, #17a1dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b6ec', endColorstr='#17a1dc', GradientType=0); /* IE6-9 */
}

@media all and (-webkit-min-device-pixel-ratio:0) {
    body:first-of-type .contact-upper-form input[type=submit],
    body:first-of-type .contact-upper-form button {
        padding-top: 1px;
        padding-bottom: 0;
    }
}

.contact-upper-form textarea {
    width: 95%;
    margin: 0 0 5px 0;
}

.contact-upper-form .btn-blue {
    position: relative;
    top: 1px;
}

.contact-datails {
    direction: rtl;
}

.contact-datails .address-line {
    margin-bottom: 10px;
}

.part-left div,
.part-right div {
    padding-bottom: 7px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header-top {
    padding: 1px 0 1px 0;
    position: relative;
    min-height: 17px;
    border-top: #404040 4px solid;
    border-bottom: #f5f5f5 1px solid;
    background: url(/images/subheader.png) repeat center 0;
    z-index: 311;
}

#header-top .container {
}

.left_wrapper {
    margin-left: 15px;
    padding-left: 8px;
    background: url(/images/left_wrapper.png) no-repeat 0 0;
}

#header-top .half-right {
    margin: 4px;
}

.user-actions li {
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
    text-align: center;
}

.user-actions li a {
    padding: 1px 6px 1px 1px;
    border-right: 1px solid #d1d1d1;
}

.user-actions li:first-child a {
    border-right: none;
}

.sign-popup {
    position: absolute;
    right: -8px;
    top: -1035px;
    width: 239px;
    height: 119px;
    padding: 26px 16px 22px 16px;
    background: url(/images/sign-bg.png) no-repeat 0 0;
}

.sign-popup.active {
    top: 35px;
}

.sign-form {
}

.sign-form label {
    float: right;
    line-height: 27px;
    font-size: 11px;
}

.sign-form input[type=text],
.sign-form input[type=password] {
    width: 163px;
    float: left;
    margin: 0 0 5px 0;
}

.sign-form a {
    margin: 0 0 0 13px;
    display: inline-block;
    vertical-align: middle;
}

.sign-form p {
    padding: 1px 0 0 0;
}

.sign-form .btn {
    vertical-align: middle;
}

.sign-form input[type=submit] {
    width: 61px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MIDDLE PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header-middle {
    border-top: #fff 1px solid;
    padding-top: 10px;
    z-index: 310;
}

.logo-slogan {
    float: right;
}

#header-middle .logo {
}

.slogan {
    margin-top: -10px;
    margin-left: -1px;
}

.tagline {
    float: left;
    margin: 13px 0 0 19px;
    min-height: 18px;
    padding: 11px 0 12px 22px;
    background: url(/images/tagline.png) no-repeat 0 0;
}

.info {
    padding-top: 10px;
}

.info .social_links {
    margin: -2px 0 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOTTOM PART  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header-bottom-wrapper {
    z-index: 99;
    clear: both;
    margin: 15px 10px 0 10px;
    height: 56px;
    border-bottom: #f2f2f2 1px solid;
    border-top: #f2f2f2 1px solid;
    -webkit-box-shadow: 0 1px 0 0 #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
}

/* SEARCH ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.search_block {
    margin: 15px 0;
    height: 24px;
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #cacaca;
    border-bottom-color: #eaeaea;
    border-left-color: #e2e2e2;
    border-right-color: #e2e2e2;
    border-radius: 15px;
    color: #777777;
    -webkit-box-shadow: 0 0 0 2px #f7f7f7, inset 0 1px 1px 0 #ededed;
    box-shadow: 0 0 0 2px #f7f7f7, inset 0 1px 1px 0 #ededed;
}

.search_block input[type=text] {
    border: none;
    width: 85%;
    padding: 4px 9px;
    height: 16px;
    display: block;
    float: left;
    background: none;
    text-indent: 0;
    line-height: 16px;
    vertical-align: middle;
}

.search_block input[type=submit] {
    border: none;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 14%;
    height: 24px;
    padding: 0;
    background: url(/images/search_site.png) no-repeat center center;
}

.search_block input[type=text]:focus {
    box-shadow: none;
}

/*  MENU ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main-menu-wrapper {
    position: relative;
}

ul#main-menu,
ul#main-menu li,
ul#main-menu li ul,
ul#main-menu li ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul#main-menu {
    min-height: 57px;
    margin-top: -1px;
}

ul#main-menu li {
    float: right;
    position: relative;
    padding-left: 1px;
    background: url(/images/li_main_nav.png) no-repeat 0 center;
}

ul#main-menu li:first-child {
}

ul#main-menu li:last-child {
    background: none;
}

ul#main-menu li a {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 20px 20px;
    background-position: center 1000px;
    background-repeat: no-repeat;
    text-align: center;
    z-index: 99;
}

ul#main-menu li a:hover,
ul#main-menu li a.active {
    background-position: center 0;
}

ul#main-menu li ul {
    position: absolute;
    display: none;
    left: 0;
    top: 56px;
    width: auto;
    min-width: 200px;
    padding: 3px 0 2px 0;
    background: url(/images/shadow.png) no-repeat 0 bottom;
}

ul#main-menu li:hover {
    z-index: 310;
}

/*ul#main-menu li:hover ul{
	display:block;}*/
ul#main-menu li ul li,
ul#main-menu li ul li:first-child {
    line-height: 18px;
    min-width: 200px;
    width: auto;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    background: url(/images/shadow-item.png) no-repeat 0 0;
}

ul#main-menu li ul li:first-child {
    background-position: 0 -2px;
    border-top: #3f97c3 2px solid;
}

ul#main-menu li li a {
    position: relative;
    padding: 8px 11px 6px 11px;
    margin: 0 1px;
    text-align: left;
}

ul#main-menu > li >ul > li:first-child > a {
    padding-top: 7px !important;
}

ul#main-menu li li a:hover,
ul#main-menu li li a.active {
    z-index: 310;
}

.navi-to {
    display: none;
    border: #f0f0f0 1px solid;
    border-radius: 2px;
    height: 24px;
    padding: 6px 40px 0 11px;
    background: url(/images/navi.png) no-repeat right 0;
}

ul#main-menu li li ul {
    top: 0;
    left: 199px;
    padding-top: 0;
}

ul#main-menu li li li:first-child {
    border: none;
    background-position: 0 0;
}

/*  Mobile  */
select#main-menu-mobile {
    display: none;
    width: 420px;
    padding: 5px;
    margin: 0 0 5px 0;
    height: 30px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
											 #Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content-wrapper {
    z-index: 200;
    /*padding-bottom:21px;*/
    padding-bottom: 350px;
    /*min-height:500px;*/
    /*background:url(images/backgrounds/main_rep_bg.png) repeat center 0;*/
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#slider {
    overflow: hidden;
    position: relative;
    padding: 1px 0 5px 0;
    margin: 10px 10px 23px 10px;
    min-height: 100px;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
}

/* -- main li  */
#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100000px;
}

#slider ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}

.slider-text {
    position: absolute;
    max-width: 37%;
    left: 17px;
    bottom: 18px;
    padding: 9px 10px 8px 10px;
    background: url(/images/slider-over.png) repeat;
    border-left: #bfbfbf 2px solid;
    border-radius: 0 3px 3px 0;
}

.slider-text h3 {
    margin: 0 0 6px 0;
}

.slider-text p {
    margin: 0;
}

/* -- navi */
a#slider-left,
a#slider-right {
    position: absolute;
    top: 46%;
    width: 29px;
    height: 29px;
    background: url(/images/slider2-navi.png) no-repeat;
}

a#slider-left {
    background-position: 0 0;
    left: 15px;
}

a#slider-right {
    background-position: -29px 0;
    right: 15px;
}

a#slider-left:hover {
    background-position: 0 -29px;
}

a#slider-right:hover {
    background-position: -29px -29px;
}

#slider-middle-navi {
    position: absolute;
    width: 40%;
    bottom: 19px;
    left: 30%;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 0 -100px;
}

#slider-middle-navi a {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(/images/grey-slider.png) no-repeat 0 0;
    text-decoration: none;
    margin: 10px 1px 0 1px;
}

#slider-bottom-navi {
    position: absolute;
    overflow: hidden;
    height: 3px;
    left: 0;
    bottom: 1px;
    width: 100%;
    background: #ebebeb;
    white-space: nowrap;
}

#slider-bottom-navi span {
    position: absolute;
    height: 3px;
    width: 100px;
    left: 0;
    top: 0;
}

#slider-bottom-navi a {
    height: 3px;
    position: absolute;
    top: 0;
}

#slider-bottom-navi a:hover {
    background: #d6d6d6;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER SLOGAN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.box-page-slogan {
    position: relative;
    overflow: hidden;
}

#slogan-slider-box {
    position: relative;
    overflow: hidden;
    margin: -11px 10px -8px 10px;
}

.slogan-slider {
    margin: 0;
    width: 250000px;
    position: relative;
    overflow: hidden;
}

.slogan-slider li {
    margin: 0;
    float: left;
    padding: 3px 0;
}

.text-top {
    margin-bottom: 10px;
}

.sloganNavi {
    position: absolute;
    width: 9px;
    height: 13px;
    top: 50%;
    margin-top: -6px;
    background: url(/images/slogan-slider-navi.png) no-repeat;
}

.sloganNavi.prev {
    left: 0;
}

.sloganNavi.next {
    right: 0;
    background-position: right 0;
}

.sloganNavi.prev:hover {
    background-position: 0 bottom;
}

.sloganNavi.next:hover {
    background-position: right bottom;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WELCOME ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.box-page-slogan {
    margin: 0 10px 43px 10px;
    padding: 27px 10px 26px 10px;
    border-top: #f2f2f2 3px double;
    border-bottom: #f2f2f2 3px double;
    -webkit-box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff, inset 0 -1px 0 0 #fff;
}

.whole-width.box-page-slogan {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 36px;
    border-top: none;
    border-bottom: #f7f7f7 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
    text-align: left;
}

.box-page-slogan mark {
    background: none;
}

.box-page-slogan.inner-page-slogan {
    padding: 23px 0;
    margin-bottom: 45px;
    margin-top: -46px;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
}

.before-text {
    margin-bottom: 36px !important;
}

.whole-width.box-page-slogan #slogan-slider-box {
    margin: 0;
    padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Titles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sub-title {

    margin-bottom: 16px;
    position: relative;
    /*border-bottom:#f2f2f2 3px double;*/
}

.sub-title h3 {
    float: left;
}

h3.sub-title {
    position: relative;
}

.sub-title a.view_all {
    float: right;
    position: relative;
    top: 7px;
}

.title {
    padding-top: 17px;
    padding-bottom: 10px;
    position: relative;
    background: #fbfbfb url(/images/title-bott.png) repeat-x 0 bottom;
    border-bottom: #fff 1px solid;
    width: 984px;
    margin: 0 auto;
}

.title p {
    margin-left: 2px;
}

.title h1 {
    margin: 0 0 23px 0;
}

.decorated-text {
    margin-bottom: 12px;
}

.minhei-about-columns {
    min-height: 348px;
}

.sidebar-titles {
    margin: 0 0 12px 0;
}

.title .right-arr,
.title .left-arr {
    position: absolute;
    width: 8px;
    height: 9px;
    top: 50%;
    margin-top: -11px;
}

.title .right-arr {
    right: -3px;
    background: url(/images/arr-right.png);
}

.title .left-arr {
    left: -3px;
    background: url(/images/arr-left.png);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Recent  projects ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.list_recent_over {
    overflow: hidden;
    position: relative;
    margin: 0 -10px 0 10px;
}

ul.list_recent {
    padding: 0;
    margin: 0;
    min-height: 0;
    overflow: hidden;
    width: 250000px;
}

.list_recent li {
    list-style: none;
    background: none;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0;
    min-height: 100px;
    margin-bottom: 25px;
}

.rec_category {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 9px 0 10px 5px;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    background: url(/images/act-cats.png) no-repeat 0 -10px;
    -webkit-box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff, 0 1px 0 0 #fff;
}

.list_recent_over .rec_category {
    padding-left: 0;
}

.rec_fade_context_arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2px;
    width: 5px;
    height: 3px;
    background: url(/images/rec-arrow.png) no-repeat 0 0;
}

.rec_img {
    position: relative;
    overflow: hidden;
    margin: 1px;
    -webkit-box-shadow: 0 0 0 1px #f0f0f0;
    box-shadow: 0 0 0 1px #f0f0f0;
    border: #fff 3px solid;
}

.rec_img img {
    min-width: 100%;
    max-width: none;
    position: absolute;
    right: 0;
}

.rec_fade_context {
    position: absolute;
    top: 100%;
    height: 100%;
    width: 100%;
    padding-top: 49px;
    background: url(/images/recent-bg.jpg) repeat 0 0;
    border-top: #e8e8e8 1px solid;
    cursor: default;
}

.rec_fade_context p {
    position: relative;
    height: 70px;
    margin: 0 0 15px 0;
    overflow: hidden;
}

.ico_link {
    display: block;
    float: left;
    position: relative;
    width: 26px;
    height: 26px;
    margin: 0 2px 2px 0;
    padding: 0;
    background: url(/images/round-zoom.png) no-repeat -28px 0;
}

.ico_link:hover {
    background-position: 0 0;
}

.ico_link img {
    position: absolute;
    left: 8px;
    top: 7px;
}

.ico_link.fancybox img,
.ico_link.fancybox-media img {
    left: 8px;
    top: 8px;
}

.list_recent li h5 {
    position: absolute;
    top: 100%;
    margin-top: -62px;
    white-space: nowrap;
}

.list_recent li .rec_fade_context h5 {
    top: 82px;
}

.recent-box {
    margin: 10px -12px 43px -12px;
    padding: 19px 2px 19px 13px;
    position: relative;
    background: url(/images/recent-bg.jpg) repeat;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    -webkit-box-shadow: 0 1px 0 0 #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.recent-box .hidder-right {
    background: url(/images/recent-bg.jpg) repeat;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    top: -1px;
}

.recent-box .hidder-left {
    background: url(/images/recent-bg.jpg) repeat;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    top: -1px;
}

.recent-box ul {
    margin: 0;
    position: relative;
}

.recent-box .rec_category {
    background: url(/images/recent-bg.jpg) repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Recent Blog ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.recent_blog {
    margin: -27px 0 5px 0;
}

.recent_blog li {
    position: relative;
    min-height: 70px;
    padding: 21px 0 17px 112px;
    margin: 0;
    list-style: none;
    background: none;
    border-top: #f2f2f2 1px solid;
}

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

.recent_blog li p {
    margin: 0;
}

.recent_blog li a.fancybox,
.recent_blog li a.recent_blog_img,
.recent_blog li a.rec-im {
    position: absolute;
    overflow: hidden;
    top: 23px;
    width: 89px;
    height: 61px;
    left: 1px;
    -webkit-box-shadow: 0 0 0 1px #f0f0f0;
    box-shadow: 0 0 0 1px #f0f0f0;
    border: #fff 3px solid;
}

.recent_blog li a.fancybox span.over-bg,
.recent_blog li a.recent_blog_img span.over-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: url(/images/over_ico.png) no-repeat 0 bottom;
    cursor: pointer;
    display: none;
}

.recent_blog h5 {
    margin-top: -3px;
    margin-bottom: 0;
}

.details {
    padding: 6px 0 7px 0;
}

.details mark {
    background: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Services ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.service_list {
    margin: -13px 0 43px 0;
    padding: 0; /*min-height:220px;*/
}

.service_list li {
    padding: 3px 0 8px 25px;
    border-bottom: #f2f2f2 1px solid;
}

.service_list h6 {
    margin: 0 0 1px -25px;
}

.toggle-link {
    display: block;
    padding: 0 0 6px 25px;
    background: url(/images/plus.png) no-repeat 0 0;
}

.toggle-link.active {
    background-image: url(/images/minus.png);
}

.sub-text {
    overflow: hidden;
    position: relative;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Testimonials ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#testimonials {
    width: 100%;
    margin-top: -9px;
    height: 206px;
    overflow: hidden;
    position: relative;
}

#testimonials ul,
#testimonials li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: none;
}

#testimonials ul {
    width: 250000px;
    position: relative;
}

#testimonials ul li {
    float: right;
}

#testimonials li p {
    margin: 0 0 9px 0;
}

#testimonials li img {
    float: left;
    margin: 5px 10px 10px 0;
}

#testim_navi,
#recent-navi {
    width: 36px;
    position: absolute;
    left: 0;
    top: 0;
}

.t-navi-prev,
.t-navi-next {
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 6px;
    background: url(/images/navi-prev.png) no-repeat 6px 5px #e8e8e8;
    border-radius: 2px;
}

.t-navi-next {
    left: auto;
    right: 0;
    background-image: url(/images/navi-next.png);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Filter ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.filtr-block {
    float: right;
    position: relative;
    min-height: 23px;
    padding: 2px 22px 2px 22px;
    margin-bottom: 10px;
    margin-top: -5px;
    margin-right: -15px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #f0f0f0;
    box-shadow: 0 0 0 1px #f0f0f0 inset;
    border: #FBFBFB 15px solid;
    border-radius: 35px;
}

.filtr-categories {
    float: left;
}

.filtr-text-general {
    position: absolute;
    left: 13px;
    top: 6px;
}

.filtr-categories {
    position: relative;
    overflow: hidden;
    /*display:none;*/
}

.filtr-categories-container {
    /*margin:0 -2px 0 -13px;*/
    overflow: hidden;
    padding-bottom: 8px;
}

.filtr-categories-container a {
    float: right;
    display: block;
    position: relative;
    top: 4px;
    background: url(/images/sort-wrapper.png) no-repeat 0 -100px;
    padding: 0 11px 2px 12px;
    white-space: nowrap;
}

.filtr-categories-container a span {
    border-bottom: transparent 2px solid;
}

div:hover.filtr-block .filtr-categories-container a,
.opencats a {
    background-position: 0 -1px;
}

.filtr-categories-container a:first-child {
    /*background: none;*/
}

.filtr-categories-container a:last-child {
    background: none;
}

a#filtr-ico {
    position: absolute;
    overflow: hidden;
    right: 2px;
    top: 2px;
    width: 0;
    height: 0;
    padding: 23px 0 0 23px;
    background-repeat: no-repeat;
    background-position: 0 -23px;
}

div:hover.filtr-block a#filtr-ico,
a#filtr-ico.active {
    background-position: 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Portfolio~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.portf {
    margin: 0 -15px 0 -10px;
}

ul.block-filtered-items {
    list-style: none;
    position: relative;
    overflow: hidden;
    background: none;
    padding: 0;
    margin: 0;
    min-height: 100px;
    margin-bottom: -10px;
}

ul.block-filtered-items li.element {
    float: left;
    position: relative;
    overflow: hidden;
    list-style: none;
    background: none;
    padding: 0 0 16px 0;
    margin: 0;
    border-left: transparent 10px solid;
    border-right: transparent 10px solid;
}

ul.block-filtered-items.portfolio-4c li.element {
    padding-bottom: 7px;
}

ul.block-filtered-items li img {
    min-width: 100%;
    max-width: auto;
}

ul.block-filtered-items.portfolio-2c li {
    width: 460px;
    height: 400px;
}

ul.block-filtered-items.portfolio-2c li img {
    height: 287px;
}

ul.block-filtered-items.portfolio-3c li {
    width: 300px;
    height: 300px;
}

ul.block-filtered-items.portfolio-3c li img {
    height: 187px;
}

ul.block-filtered-items.portfolio-4c li.element {
    width: 220px;
    height: 250px;
}

ul.block-filtered-items.portfolio-4c li.element {
    width: 220px;
    height: 250px;
}

ul.block-filtered-items.portfolio-4c li img, ul.block-filtered-items.portfolio-3c li img {
    height: 200px;
}

ul.block-filtered-items.portfolio-4c li img:hover, ul.block-filtered-items.portfolio-3c li img:hover {
    opacity: 0.35;
}

.portfolio-page-link {
    margin: 16px 0 15px 5px;
    max-height: 51px;
    overflow: hidden;
}

.portfolio-4c .portfolio-page-link {
    margin: 11px 0 11px 5px;
}

.portfolio-page-link a {
    display: block;
}

ul.block-filtered-items li .rec_category {
    position: static;
}

ul.block-filtered-items li.element a,
ul.block-filtered-items li a.fancybox-media {
    display: block;
    position: relative;
    overflow: hidden;
    border: #ffffff 4px solid;
}

.portfolio-shadow {
    position: relative;
    /*-webkit-box-shadow:0 0 3px 0 #f3f3f3;
	box-shadow:0 0 3px 0 #f3f3f3;*/
    border: #f2f2f2 1px solid;
}

ul.block-filtered-items li a img,
ul.block-filtered-items li a.fancybox-media img {
    display: block;
    position: relative;
}

ul.block-filtered-items li a span.over-bg-portfolio,
ul.block-filtered-items li a.fancybox-media span.over-bg-portfolio,
.gallery li a.fancybox span.over-bg-portfolio,
.left-image span.over-bg-portfolio,
.post-preview span.over-bg-portfolio,
.inner-img span.over-bg-portfolio {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/images/magnify-n.png) no-repeat center center #ffffff;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -webkit-transition: opacity 0.25s ease-in-out 0s;
    -moz-transition: opacity 0.25s ease-in-out 0s;
    -ms-transition: opacity 0.25s ease-in-out 0s;
    -o-transition: opacity 0.25s ease-in-out 0s;
    transition: opacity 0.25s ease-in-out 0s;
}

ul.block-filtered-items li a.fancybox-media span.over-bg-portfolio {
    background-image: url(/images/portfolio-over-media.png);
}

.left-image span.over-bg-portfolio {
    background-position: 0 0;
}

ul.block-filtered-items li a:hover span.over-bg-portfolio,
ul.block-filtered-items li a.fancybox-media:hover span.over-bg-portfolio,
.gallery li a.fancybox:hover span.over-bg-portfolio,
.left-image:hover span.over-bg-portfolio,
.post-preview:hover span.over-bg-portfolio,
.inner-img:hover span.over-bg-portfolio {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    opacity: 1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Progress Bar~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.progress-bar {
    position: relative;
    overflow: hidden;
    height: 21px;
    margin-bottom: 7px;
    background: url(/images/progres-bar.png) repeat-x 0 0;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    top: 5px;
}

.progress-value {
    position: absolute;
    width: 27px;
    right: 0;
    top: 0;
}

.progress-bar-text {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    height: 21px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Tab ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tab-navi {
    height: 32px;
    position: relative;
    z-index: 10;
}

.tab-styles .tab-navi {
    margin-top: -5px;
}

.tab-navi ul {
    list-style: none;
    margin: 0 0 -2px 0;
    padding: 0;
}

.tab-navi ul li {
    background: none;
    list-style: none;
    text-indent: 0;
}

.tab-navi a {
    text-decoration: none;
}

.tab-navi > ul > li {
    float: left;
    height: 30px;
    margin: 0 -1px 0 0;
    padding: 0;
    position: relative;
    background: url(/images/hover-tab.png) repeat-x 0 -100px #fff;
}

.tab-navi ul ul {
    display: none;
    border: 1px solid #E6E6E6;
    background: #fff;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 1px 0 0 #f6f6f7;
    box-shadow: 0 1px 0 0 #f6f6f7;
    margin: 0;
    padding: 5px 7px 7px 7px;
    position: absolute;
    top: 32px;
    left: 0;
    width: 138px;
}

.tab-navi ul ul li {
    border-top: 1px solid #F7F7F7;
    margin: 0;
    padding: 5px 0 2px 6px;
}

.tab-navi ul ul li:first-child {
    border: none;
}

.tab-navi > ul > li > a {
    border: 1px solid #EBEBEB;
    display: block;
    padding: 1px 13px 0 13px;
    margin: 0;
    position: relative;
    text-align: center;
    line-height: 28px;
}

.tab-navi > ul > li.first-li, .tab-navi > ul > li.first-li > a {
    border-radius: 3px 0 0 0;
}

.tab-navi > ul > li.last-li, .tab-navi > ul > li.last-li > a {
    border-radius: 0 3px 0 0;
}

.tab-navi > ul > li:hover {
    background-position: 0 bottom;
}

.tab-navi > ul > li:hover > a {
    text-shadow: 0 1px 0 #fff;
}

.tab-navi > ul > li > a.active,
.tab-navi > ul > li > a.active-trail {
    border-bottom-color: #fff;
    background: #fff;
    position: relative;
    z-index: 11;
}

.tab-navi > ul > li.has-submenu > a {
    padding-right: 23px;
    background: #fff url(/images/ico-dropdown.png) no-repeat right 14px;
}

/* type 2 */
.tab-navi.tab-type2 > ul > li {
    margin: 0 1px 0 0;
}

.tab-navi.tab-type2 > ul > li > a {
    border: #ebebeb 1px solid;
    text-shadow: none !important;
    border-radius: 0;
}

.tab-navi.tab-type2 > ul > li > a:hover {
}

.tab-navi.tab-type2 > ul > li > a.active,
.tab-navi.tab-type2 > ul > li > a.active-trail {
    border-color: #ebebeb;
    background: #fff;
    border-bottom-color: #fff;
    border-top-color: #0098d8;
}

.tab-content {
    position: relative;
    margin: -2px 0 23px 0;
    border: #ebebeb 1px solid;
    background: #fff;
    padding: 19px 15px 15px 15px;
    border-radius: 0 5px 5px 5px;
}

.tab-content-item {
    display: none;
}

.display-block {
    display: block;
}

.dbl-dott-wrapper {
    height: 2px;
    clear: both;
    margin-bottom: 20px;
    background: url(/images/dbl-dott.png) repeat-x 0 bottom;
}

.full-dbl-dott-wrapper {
    height: 2px;
    position: relative;
    top: -1px;
    clear: both;
    margin: 0 10px 23px 10px;
    background: url(/images/dbl-dott.png) repeat-x 0 bottom;
}

.tab-content-item p {
    margin-bottom: 18px;
}

.tab-content-item p.italic {
    margin-bottom: 17px;
}

.tab-styles .tab-content {
    padding-bottom: 4px;
}

.cite {
    margin: 0 0 19px 0;
    border-left: #f2f2f2 4px solid;
    padding-left: 11px;
}

.cite p {
    margin: 0;
}

.cite-sign {
    padding: 0 0 0 13px;
    background: url(/images/cite-sign.png) no-repeat 0 9px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Items ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.do-items {
    margin: 0 0 20px 0;
}

.do-item {
    position: relative;
    padding: 0 0 19px 46px;
    margin: 0 0 15px 0;
    background: url(/images/dbl-dott.png) repeat-x 0 bottom;
}

.do-item h4 {
    margin: 0 0 4px 0;
}

.do-item p {
    margin: 0;
}

.do-item img.ico-left {
    position: absolute;
    left: 0;
    top: 5px;
}

.align-left {
    float: left;
    margin: 5px 5px -2px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Info Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.info-block {
    background: #fefefe;
    border: #f0f0f0 1px solid;
    border-radius: 5px;
    padding: 15px 20px 13px 18px;
    margin-bottom: 20px;
}

.info-block h5 {
    margin-bottom: 9px;
}

.info-block p {
    margin-bottom: 13px;
}

.note {
    position: relative;
    padding: 14px 14px 14px 41px;
    margin: 0 0 11px 0;
    border: 1px solid #f2f2f2;
    background: #f7f7f7;
    border-radius: 4px;
    min-height: 16px;
    line-height: 16px;
    direction: rtl;
}

.note-red {
    background: no-repeat 16px 13px #ffe6e5;
    border-color: #fad2d4;
}

.note-blue {
    background: url(/images/note-blue.png) no-repeat 14px 13px #deefff;
    border-color: #c4ddf6;
}

.note-green {
    background: no-repeat 14px 14px #e9f7d2;
    border-color: #d8e3b2;
}

.note-yellow {
    background: url(/images/note-yellow.png) no-repeat 14px 14px #fffae0;
    border-color: #f9e495;
}

.close-note {
    position: absolute;
    width: 0;
    height: 0;
    right: 14px;
    top: 17px;
    padding: 9px 0 0 9px;
    overflow: hidden;
    background: url(/images/close-note.png) no-repeat 0 0;
}

.notes {
    margin-bottom: 9px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Accordion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.accordation-items {
    padding: 0 0 5px 0;
}

.accordation-item {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.accordation-item-header a {
    text-decoration: none;
}

.accordation-item-body {
    display: none;
}

.open > .accordation-item-body {
    display: block;
}

.accordation-items.type1 {
    padding-bottom: 18px;
    margin-top: -5px;
}

.accordation-items.type1 .accordation-item {
    border: #f2f2f2 1px solid;
    border-radius: 3px;
    margin-bottom: 5px;
}

.accordation-items.type1 .accordation-item-body {
    border-top: #f2f2f2 1px solid;
    padding: 17px 15px 0 15px;
}

.accordation-items.type1 .accordation-item-header {
    background: url(/images/acc-bg.png) repeat-x 0 bottom #fff;
}

.accordation-items.type1 .accordation-item-header a {
    display: block;
    padding: 14px 0 12px 38px;
    background: url(/images/open-accordion.png) no-repeat 10px 12px;
}

.accordation-items.type1 .accordation-item-header a.active {
    background-image: url(/images/close-accordion.png);
}

.accordation-items.type1 .accordation-item-body p {
    margin: 0;
    padding: 0 0 19px 0;
}

.accordation-items.type2 {
    margin-top: -16px;
    margin-bottom: 23px;
}

.accordation-items.type2 .accordation-item {
    padding: 10px 0;
    background: url(/images/dashed-li.png) repeat-x 0 bottom;
}

.accordation-items.type2 .accordation-item p {
    margin: 0;
}

.accordation-items.type2 .accordation-item-header {
    padding: 1px 0 2px 0;
}

.accordation-items.type2 .accordation-item-header a {
    padding: 2px 0 3px 27px;
    background: url(/images/acc-type2.png) no-repeat 0 0;
}

.accordation-items.type2 .accordation-item-header a.active {
    background: url(/images/acc-type2-act.png) no-repeat 0 0;
}

.accordation-items.type2 .accordation-item-body {
    padding: 4px 10px 4px 27px;
    line-height: 17px;
}

.accordation-items.type2.sidebar-accordation {
    margin-top: -5px;
    margin-bottom: 9px;
}

.accordation-items.type2.sidebar-accordation .accordation-item-header {
    padding-bottom: 0;
}

.accordation-items.type2.sidebar-accordation .accordation-item-header a {
    padding-top: 4px;
    padding-bottom: 1px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Jquery Toggle ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.jquery-toggle {
    padding-top: 7px;
}

.jToggle-items.type1 {
    padding: 5px 0;
    margin-bottom: 10px;
    margin-top: -10px;
}

.jToggle-items.type2 {
    padding: 5px 0;
    margin-bottom: 15px;
    margin-top: -23px;
}

.jToggle-items.type1 .jToggle-item {
    border: #f2f2f2 1px solid;
    background: #fff;
    border-radius: 3px;
    margin-bottom: 5px;
}

.jToggle-items.type1 .jToggle-item-header a {
    display: block;
    padding: 12px 0 11px 39px;
    text-decoration: none;
    background: url(/images/toggle-max.png) no-repeat 9px 10px;
}

.jToggle-items.type1 .jToggle-item-header a.active {
    background-image: url(/images/toggle-min.png);
}

.jToggle-items.type1 .jToggle-item-body {
    border-top: #f2f2f2 1px solid;
    padding: 12px 0 17px 37px;
}

.jToggle-items.type1 .jToggle-item-body p {
    margin: 0;
}

.jToggle-items.type2 .jToggle-item {
    padding-bottom: 7px;
    border-bottom: #f0f0f0 1px solid;
}

.jToggle-items.type2 .jToggle-item-header {
    padding: 13px 0 5px 0;
}

.jToggle-items.type2 .jToggle-item-header a {
    text-decoration: none;
    padding: 0 0 1px 27px;
    display: block;
    background: url(/images/jtoggle-max.png) no-repeat 0 0;
}

.jToggle-items.type2 .jToggle-item-header a.active {
    background: url(/images/jtoggle-min.png) no-repeat 0 0;
}

.jToggle-items.type2 .jToggle-item-body {
    padding: 0 0 4px 27px;
}

.jToggle-items.type2 .jToggle-item-body p {
    margin: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Pricing ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.pricing-table {
    padding: 12px 0 6px 0;
    margin-bottom: 25px;
    overflow: hidden;
}

.pricing-row {
    float: left;
    overflow: hidden;
    position: relative;
    width: 220px;
    margin: 92px 0 0 0;
    text-align: right;
}

.pricing-item {
    margin: -2px 0 2px 0;
    padding: 2px 0 0 0;
    min-height: 17px;
    background: #fafafa url(/images/dbl-line.png) repeat-x 0 0;
}

.pricing-item > span {
    display: block;
    padding: 9px 0 9px 0;
    height: 17px;
    border-right: #fff 1px solid;
}

.pricing-row .pricing-item > span {
    padding-left: 2px;
    padding-right: 17px;
}

.result-item a span {
    border-bottom: none;
}

.pricing-table .btn span {
    padding: 0 18px 0 13px !important;
}

.pricing-item .btn {
}

.basic-plan .pricing-item {
    border-right: #fff 1px solid;
}

.result-item {
    border-top: #ffffff 1px solid;
    background: #f7f7f7;
    height: 42px;
    border-bottom: #ebebeb 1px solid;
}

.result-item > span:first-child {
    padding-top: 7px;
}

.standard-plan .pricing-item {
    border-left: #fff 1px solid;
}

.basic-plan {
    float: left;
    width: 183px;
    text-align: center;
    z-index: 5;
}

.standard-plan {
    float: left;
    width: 177px;
    margin: 0 0 0 -3px;
    text-align: center;
    z-index: 6;
}

.premium-plan {
    float: left;
    position: relative;
    width: 193px;
    margin: -8px -3px 0 -3px;
    text-align: center;
    z-index: 7;
}

.business-plan {
    float: left;
    width: 174px;
    text-align: center;
    z-index: 6;
}

.business-plan .pricing-item > span {
    border-right: none;
}

.plan-header {
    position: relative;
    height: 92px;
    border-radius: 4px 4px 0 0;
}

.basic-plan .plan-header {
    background: url(/images/basic-orange-bg.png) repeat-x 0 0;
}

.standard-plan .plan-header {
    border-radius: 0;
    background: url(/images/standard-header.png) repeat-x 0 0;
}

.premium-plan .plan-header {
    background: url(/images/premium-sm.png) repeat-x 0 0;
}

.business-plan .plan-header {
    background: url(/images/standard-header.png) repeat-x 0 0;
}

.plan-name {
    position: relative;
    overflow: hidden;
    height: 35px;
}

.plan-price {
    padding: 4px 0 0 0;
}

.plan-month {
    margin: -5px 0 0 0;
    opacity: 0.54;
}

/* type 2 */
.pricing-table2 {
    overflow: hidden;
    margin: 0 0 36px -4px;
    padding: 20px 0 0 0;
}

.pricing-box {
    width: 230px;
    margin: 0 0 0 4px;
    padding: 0 0 16px 0;
    float: left;
    position: relative;
    border: #f2f2f2 1px solid;
    border-radius: 4px 4px 1px 1px;
    background: url(/images/box-pricing.png) repeat-x 0 bottom;
}

.pricing-box-header {
    padding: 12px 10px 11px 26px;
    position: relative;
    border-radius: 4px 4px 1px 1px;
    background: url(/images/header-bg.png) repeat-x 0 bottom;
    border-bottom: #f0f0f0 2px solid;
}

.pricing-box-header p {
    margin: 0;
}

.pricing-box-header h3 {
    margin: 0 0 6px 0;
}

.pricing-box-header h4 {
    margin: 0 0 5px 0;
}

.label-best {
    position: absolute;
    right: -2px;
    top: -2px;
}

.pricing-box ul {
    margin: 0 0 13px 0;
    padding: 7px 0 0 0;
    border-bottom: #f5f5f5 1px solid;
}

.pricing-box ul li {
    padding: 10px 0 9px 25px;
    margin: 0;
    list-style: none;
    border-top: #f5f5f5 1px solid;
    line-height: 17px;
    background: #fff;
}

.pricing-box ul li:first-child {
    border: none;
}

.pricing-box ul li.odd {
    background: #fefefe;
}

.pricing-box .btn {
    margin-left: 25px;
}

.pricing-box .btn span {
    padding: 0 18px 0 13px !important;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Map ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.map-box {
    padding: 3px 0;
    height: 356px;
    margin-bottom: 29px;
    width: 984px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-top: #f0f0f0 1px solid;
    border-bottom: #f0f0f0 1px solid;
}

#map_canvas {
    height: 356px;
}

#map_canvas img {
    max-width: none;
}

.address-line {
    line-height: 18px;
}

.phone-line span.skype_pnh_container {
    display: block !important;
    font-weight: 100 !important;
    margin: 0 0 0 -30px !important;
}

.contact-form {
    margin: -1px 0 0 0;
}

.contact-form input[type=text],
.contact-form textarea {
    margin: 6px 0 12px 0;
    -webkit-box-shadow: 0px 0px 0px 3px #fafafa;
    box-shadow: 0px 0px 0px 3px #fafafa;
}

.contact-form textarea {
    width: 690px;
    height: 117px;
    margin-bottom: 17px;
    resize: none;
}

.contact-form label {
    display: inline;
    padding: 0 5px 0 0;
}

.mobile-text {
    display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Portfolio detail ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.project-navi {
    margin-top: 13px;
    line-height: 23px;
}

.project-navi a {
    display: inline-block;
    vertical-align: middle;
    height: 23px;
}

.project-navi a.previous-project {
    padding: 0 0 0 29px;
    margin: 0 6px 0 0;
    background: url(/images/project-navi.png) no-repeat 0 -30px;
}

.project-navi a.previous-project:hover {
    background-position: 0 0;
}

.project-navi a.next-project {
    padding: 0 29px 0 0;
    margin: 0 0 0 6px;
    background: url(/images/project-navi.png) no-repeat right -87px;
}

.project-navi a.next-project:hover {
    background-position: right -60px;
}

.project-navi a.list-project {
    width: 0;
    height: 0;
    padding: 11px 0 0 11px;
    margin: 0 7px;
    overflow: hidden;
    background: url(/images/list.png) no-repeat 0 0 #dcdcdc;
}

.portfolio-text {
    margin-bottom: 20px;
}

.portfolio-text h2 {
    margin: -4px 0 14px 0;
}

.category-project {
    margin: -2px 0 11px 0;
}

.work-by {
    margin-bottom: 15px;
}

.work-by a {
    text-decoration: none;
}

.portfolio-text .dbl-dott-wrapper {
    margin-bottom: 16px;
}

.portfolio-text a.btn {
    margin-top: -5px;
}

.gallery {
    border: #f0f0f0 1px solid;
    padding: 4px;
    margin-bottom: 20px;
    position: relative;
}

.gallery-container {
    position: relative;
    overflow: hidden;
}

.gallery-container ul,
.gallery-container ul li {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

.gallery-container ul li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.gallery-container ul li img {
    min-width: 100%;
    max-width: 120%;
    min-height: 100%;
}

.gallery-container ul li:first-child {
    display: block;
}

.gnavi {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(/images/op35.png);
    bottom: 4px;
    right: 4px;
}

.gnavi span {
    position: absolute;
    width: 5px;
    height: 7px;
    left: 9px;
    top: 8px;
    background: url(/images/navi-arr.png) no-repeat;
}

.gnavi.gn-prev {
    margin-right: 23px;
}

.gnavi.gn-next span {
    background-position: right 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BLOGs page  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.recent-posts-side {
    padding: 0 0 0 0;
    margin: -1px 0 14px 0;
}

.recent-posts-side li {
    overflow: hidden;
    position: relative;
    border-top: #f2f2f2 1px dashed;
    padding: 12px 0 12px 71px;
    margin: 0;
    min-height: 43px;
}

.recent-posts-side li:first-child {
    border: none;
}

.recent-posts-side li a {
    display: block;
    margin: -5px 0 0 0;
}

.recent-posts-side li em {
    margin-bottom: -5px;
    display: block;
}

.left-image, .recent-posts-side li a.left-image {
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 60px;
    height: 43px;
    top: 17px;
}

.hei14 {
    height: 14px;
    clear: both;
}

.tags {
    padding: 11px 0 14px 0;
    margin-right: -3px;
    background: url(/images/tag-bg-hover.png) no-repeat 0 -100px;
}

.tag-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 22px;
    padding: 0 18px 0 6px;
    margin: 0 1px 12px 0;
    border-left: #e8e8e8 1px solid;
    border-radius: 3px 0 0 3px;
    background: url(/images/tag-bg.png) no-repeat right 0;
}

.without-bottom-line .accordation-item.last {
    background: none;
}

.hei5 {
    clear: both;
    height: 5px;
}

.hei6 {
    clear: both;
    height: 6px;
}

.flickr-feed {
    overflow: hidden;
    margin: -1px 0 16px -4px;
    padding: 10px 0 0 0;
}

.flickr-feed a {
    display: block;
    float: left;
    width: 52px;
    height: 52px;
    margin: 0 0 4px 4px;
}

.flickr-feed img {
    width: 52px;
    height: 52px;
    background: #f0f0f0;
}

.post-entry {
    overflow: hidden;
    padding: 0 0 9px 0;
    margin: 0 0 36px 0;
    background: url(/images/dbl-dott.png) repeat-x 0 bottom;
}

.post-entry h2 {
    margin: 0 0 16px 150px;
}

.post-info {
    width: 130px;
    float: left;
    padding: 14px 0 2px 0;
    margin-bottom: 26px;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
}

.post-info .post-date {
    position: relative;
    background: url(/images/op80-round.png) no-repeat;
    height: 49px;
    width: 58px;
    margin: 0 auto;
    text-align: center;
    padding: 9px 0 0 0;
}

.post-info .post-date strong {
    display: block;
    margin: -4px 0 0 0;
    font-size: 1.2em;
}

.post-info .post-comments {
    width: 26px;
    height: 35px;
    padding: 23px 0 0 32px;
    margin: -14px auto 12px auto;
    background: url(/images/comments.png) no-repeat 0 0;
}

.post-info .post-categories {
    padding: 14px 0 11px 0;
}

.post-info .post-categories strong {
    display: block;
}

.post-body {
    width: 100%;
    float: right;
}

.post-image {
    position: relative;
    overflow: hidden;
    margin: 0 0 -1px 0;
    height: 208px;
    border: #f0f0f0 1px solid;
}

.post-image a {
    display: block;
    overflow: hidden;
    border: #fff 4px solid;
    height: 200px;
    width: 539px;
}

.post-image a.itemP {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.post-image a.itemP:first-child {
    display: block;
}

.post-details {
    border-top: #f0f0f0 1px solid;
    border-bottom: #f0f0f0 1px solid;
    padding: 13px 0 11px 0;
    margin: 0 0 15px 0;
}

.post-details span {
    margin-left: 10px;
    /*color: #bebebe;*/
    color: #53a56b;
}

.post-details .vote-count {
    margin-left: 0;
}

.post-details .post-autor {
    background: url(/images/pers.png) no-repeat 0 center;
    padding: 3px 21px 3px 24px;
}

.post-details .post-tags {
    padding: 3px 0 3px 22px;
    background: url(/images/tags.png) no-repeat 0 center;
}

.post-details .post-tags {
    padding: 3px 20px 3px 22px;
    background: url(/images/tags.png) no-repeat 0 center;
}

.post-details .post-views {
    padding: 3px 0 3px 22px;
    background: url(/images/views.png) no-repeat 0 center;
}

.read-more {
    padding: 3px 13px 3px 0;
    background: url(/images/more.png) no-repeat right center;
}

.post-body .read-more {
    position: relative;
    top: -12px;
}

.audio-box {
    position: relative;
}

.post-image a.post-navi {
    position: absolute;
    width: 23px;
    height: 23px;
    top: 50%;
    margin-top: -12px;
    background: url(/images/post-navi.png) no-repeat 0 -23px;
    border: none;
}

.post-image a.post-navi.prev {
    left: 4px;
    background-position: 0 -23px;
}

.post-image a.post-navi.next {
    right: 4px;
    background-position: -23px -23px;
}

.post-image a.post-navi.prev:hover {
    background-position: 0 0;
}

.post-image a.post-navi.next:hover {
    background-position: -23px 0;
}

.pager {
    clear: both;
    margin: -12px 0 0 0;
    text-align: center;
}

.pager li {
    display: inline-block;
    border-bottom: #e3e3e3 2px solid;
    width: 25px !important;
    height: 27px !important;
    text-decoration: none;
    line-height: 29px;
    text-align: center;
}

.pager li:hover {
    border-bottom-color: #0098d8;
}

.pager li.selected {
    background: #f5f5f5;
    font-weight: 700;
    border-bottom-color: #0098d8;
}

.pager a.pager-previous {
    width: auto;
    padding: 0 6px 0 18px;
    background: url(/images/prev.png) no-repeat 6px 12px;
    margin-right: 3px;
}

.pager a.pager-next {
    width: auto;
    padding: 0 18px 0 6px;
    background: url(/images/detail.png) no-repeat 37px 12px;
    margin-left: 3px;
}

.pager a.pager-previous span,
.pager a.pager-next span {
    position: relative;
    top: -2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Crumbs  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.crumbs {
    padding-bottom: 16px;
    background: url(/images/crumbs-bg.png) repeat-x 0 bottom;
    text-align: right;
}

.crumbs a {
    margin: 0 3px;
    padding: 0 0 0 12px;
    background: url(/images/arr.png) no-repeat left 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page icons~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.icons {
    padding-top: 12px;
    text-align: right;
}

.icons a {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 13px;
    background: url(/images/active-ico-bg.png) no-repeat 0 -105px;
}

.icons a:hover {
    background-position: center;
}

.icons a.ico-contact {
    margin-left: 14px;
}

.icons a span {
    display: block;
    position: relative;
    overflow: hidden;
    height: 25px;
    width: 0;
    padding-left: 25px;
    background-position: center center;
    background-repeat: no-repeat;
}

.icons a.ico-home span {
    background-image: url(/images/ico-home.png);
}

.icons a.ico-contact span {
    background-image: url(/images/ico-contact.png);
}

.icons a.ico-sitemap span {
    background-image: url(/images/ico-sitemap.png);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Inner Page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content-line {
    margin-top: 40px;
}

.inner-page-content,
.inner-page-sidebar {
    margin-top: -4px;
}

.inner-page-content {
}

.inner-page-content h3 {
    line-height: 20px;
    margin: 1px 0 13px 0;
}

.inner-page-content h4 {
    margin-bottom: 10px;
}

.inner-page-content p {
    margin-bottom: 9px;
}

.inner-page-content img,
ul.our-team-list li img {
    float: left;
    max-width: 95%;
    padding: 4px;
    margin: 4px 20px 10px 0;
    border: #f0f0f0 1px solid;
}

.inner-page-content p strong {
    font-weight: 700;
    color: #858585;
}

.inner-page-content .dbl-dott-wrapper {
    margin-top: 19px;
    margin-bottom: 31px;
}

.our-work-scheeme {
    margin: 0 -10px 0 0;
    padding-top: 2px;
}

ul.our-work-scheeme li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 99px;
    height: 78px;
    margin-right: -12px;
    padding: 32px 38px 4px 0;
    background: url(/images/work-scheme.png) no-repeat 0 0;
    text-align: center;
}

ul.our-work-scheeme li.last-li {
    padding-right: 0;
    border-radius: 50px;
}

ul.our-work-scheeme li span {
    display: block;
}

ul.our-work-scheeme li strong {
}

ul.our-team-list {
    margin: 23px -135px 0 0;
    padding-top: 2px;
}

ul.our-team-list li {
    float: left;
    width: 140px;
    margin: 0 20px 15px 0;
}

ul.our-team-list li a {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 4px;
    margin-bottom: 16px;
    border: #f0f0f0 1px solid;
    text-align: center;
}

ul.our-team-list li img {
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    float: none;
    display: block;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0 auto;
}

ul.our-team-list li strong {
    display: block;
    margin-bottom: 7px;
    margin-right: -5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Latest List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
ul.sevice-links,
ul.latest-list {
    overflow: hidden;
    position: relative;
}

ul.sevice-links {
    margin-bottom: 14px;
}

ul.sevice-links li,
ul.latest-list li {
    border-top: #fff 1px solid;
    border-bottom: #f2f2f2 1px solid;
    padding: 5px 0;
    margin: 1px 0 -1px 0;
}

ul.sevice-links li:first-child,
ul.latest-list li:first-child {
    border-top: none;
}

ul.latest-list li {
    padding: 11px 0 13px 23px;
    background: url(/images/li-ico.png) no-repeat 0 15px;
}

ul.sevice-links li a {
    display: block;
    padding: 0 0 0 12px;
}

ul.sevice-links li a {
    text-decoration: none;
    padding: 0 18px 0 0;
    background: url(/images/arrow-serv.png) no-repeat right center;
}

.inner-page-sidebar .dbl-dott-wrapper {
    margin-top: 14px;
    margin-bottom: 31px;
}

.date-latest {
    padding: 4px 0 6px 0;
}

ul.latest-list {
    margin-top: -5px;
    margin-bottom: -8px;
}

ul.latest-list p {
    margin: 0;
}

.clients-list {
    margin-right: -20px;
}

.clients-list {
    padding-top: 10px;
}

.clients-list img {
    vertical-align: middle;
    margin: 0 12px 16px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Service ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.service-title {
    position: relative;
    padding: 0 0 10px 46px;
    margin-top: 6px;
}

.service-title h4 {
    margin: 0 0 2px 0;
}

.service-title p {
    margin: 0;
}

.st-webdesign {
    background: url(/images/ico-webdes.png) no-repeat 0 3px;
}

.st-business {
    background: url(/images/ico-business31x29.png) no-repeat 0 3px;
}

.st-seo {
    background: url(/images/ico-business31x29.png) no-repeat 0 1px;
}

.st-photo {
    background: url(/images/ico-photo.png) no-repeat 0 1px;
}

.st-programming {
    background: url(/images/ico-programming.png) no-repeat 0 1px;
}

.st-support {
    background: url(/images/ico-support.png) no-repeat 0 2px;
}

.service-graph h3 {
    margin-bottom: 11px;
}

.service-dia p {
    margin-bottom: 28px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Diagramm ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.dia-img {
    width: 215px;
    height: 135px;
    border: #f0f0f0 1px solid;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.services-overs {
    overflow: hidden;
    position: relative;
    width: 207px;
    height: 127px;
    border: #fff 4px solid;
}

.service-graph h3 {
    margin-bottom: 15px;
}

.overs {
    overflow: hidden;
    padding-top: 2px;
}

.service-graph p {
    margin-bottom: 13px;
}

.overs li {
    margin-bottom: 8px;
}

.overs ul {
    margin-bottom: 0;
    padding-bottom: 4px;
}

.diagram-text {
    float: left;
    width: 382px;
    padding: 6px 0 0 0;
    line-height: 17px;
}

.diagram-text p {
    margin-bottom: 14px;
}

.diagram-text ul {
    padding: 0 0 5px 0;
    margin-bottom: 0;
}

.diagram-text li {
    line-height: 17px;
    margin-bottom: 9px;
}

.diagram-table {
    display: none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.comments-list {
    padding-bottom: 7px;
}

.comment-item {
    overflow-y: hidden;
    padding: 0 81px 0 0;
    min-height: 63px;
}

.comment-item  .delete-comment {
    float: left;
    display: none;
}

.comment-avatar {
    position: absolute;
    width: 61px;
    height: 61px;
    margin: 0 -81px 0 0 !important;
    z-index: 100;
    border: #f0f0f0 1px solid;
}

.comment-avatar img {
    display: block;
    width: 55px;
    height: 55px;
    padding: 0;
    margin: 0;
    border: #fff 3px solid;
}

.comment-text {
    padding: 0 0 14px 0;
    margin: 0 0 29px 0;
    border-bottom: #f5f5f5 1px solid;
    -webkit-box-shadow: 0 1px 0 0 #ffffff;
    box-shadow: 0 1px 0 0 #ffffff;
}

.comment-text p {
    margin: 0;
}

.comment-info {
}

.comment-date {
    padding: 3px 0 6px 0;
}

.has-answer {
    position: relative;
}

.has-sub {
}

.comment-line {
    position: absolute;
    z-index: 90;
    left: 31px;
    margin-top: 35px;
}

.comment-line-hide {
    position: absolute;
    z-index: 91;
    height: 100%;
    left: 30px;
    margin-top: 43px;
    background: url(/images/main_rep_bg.png) repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Leave Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.leave-comment {
}

.leave-comment textarea {
    height: 128px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
											 #HTML Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ #LISTS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.list_type1 {
    margin: 0 0 23px 0;
    border-bottom: #f9f9fa 1px solid;
}

.list_type1 li {
    padding: 6px 0 8px 13px;
    margin: 0;
    list-style: none;
    border-bottom: #e6e6e6 1px solid;
    border-top: #f9f9fa 1px solid;
    background: url(/images/marker_list1.png) no-repeat 0 13px;
    line-height: 17px;
}

.list_type1 li:first-child {
    border-top: none;
    padding-top: 0;
    background-position: 0 7px;
}

.list_type2 {
    overflow: hidden;
}

.list_type2 li {
    padding: 7px 0 9px 27px;
    margin: 1px 0 -1px 0;
    border-bottom: #303030 1px solid;
    border-top: #3d3d3d 1px solid;
    background-repeat: no-repeat;
    background-position: 0 11px;
}

.list_type2 li:first-child {
    padding-top: 0;
    margin-top: 1px;
    border-top: none;
    line-height: 17px;
    background-position: 0 3px;
}

.list-type-dashed {
    margin: 0;
}

.list-type-dashed li {
    margin: 0 0 0 20px;
    line-height: 17px;
    background: url(/images/dashed-li.png) repeat-x 0 0;
}

.list-type-dashed li:first-child {
    background: none;
}

.list-type-dashed li span.list-marker {
    position: relative;
    left: -20px;
    display: block;
    padding: 6px 0 6px 20px;
}

.list-type-dashed li span.type1 {
    background: url(/images/list-type-31.png) no-repeat 0 10px;
}

.list-type-dashed li span.type2 {
    background: url(/images/list-type-32.png) no-repeat 0 11px;
}

.list-type-dashed li span.type3 {
    background: url(/images/list-type-33.png) no-repeat 0 11px;
}

.list-type-dashed li span.type4 {
    background: url(/images/list-type-34.png) no-repeat 0 9px;
}

.list-type-dashed li span.type5 {
    background: url(/images/list-type-35.png) no-repeat 0 8px;
}

.list-type-dashed li span.type6 {
    background: url(/images/list-type-36.png) no-repeat 0 8px;
}

.list-type-dashed li span.type7 {
    background: url(/images/list-type-37.png) no-repeat 0 8px;
}

.list_type3 {
    margin: 0 0 20px 0;
}

.list_type3 li {
    padding: 8px 18px 6px 0;
    margin: 0;
    line-height: 17px;
    border-bottom: #f2f2f2 1px dashed;
    background: url(/images/list-type-31.png) no-repeat right 12px;
}

.list_type35 li {
    padding: 8px 18px 6px 0;
    margin: 0;
    line-height: 17px;
    border-bottom: #f2f2f2 1px dashed;
    background: url(/images/list-type-35.png) no-repeat right 12px;
}

.list_type4 {
    margin: 0 0 20px 0;
}

.list_type4 li {
    padding: 8px 0 6px 24px;
    margin: 0;
    line-height: 17px;
    border-bottom: #f2f2f2 1px dashed;
    background: url(/images/hand.png) no-repeat 0 8px;
}

.list_type5 {
    margin: 0 0 20px 0;
}

.list_type5 li {
    padding: 8px 18px 6px 0;
    margin: 0;
    line-height: 17px;
    border-bottom: #f2f2f2 1px dashed;
    background: url(/images/b-marker.png) no-repeat right 14px;
}

.list_type6 {
    margin: 0 0 20px 0;
}

.list_type6 li {
    padding: 8px 18px 6px 0;
    margin: 0;
    line-height: 17px;
    border-bottom: #f2f2f2 1px dashed;
    background: url(/images/green-ok.png) no-repeat right 12px;
}

.list_type7 {
    margin: 0 0 20px 0;
}

.list_type7 li {
    padding: 8px 15px 6px 0;
    margin: 0;
    line-height: 17px;
    border-bottom: #f2f2f2 1px dashed;
    background: url(/images/triangle.png) no-repeat right 10px;
}

.list_type8 {
    margin: 0 0 16px 0;
}

.list_type8 li {
    padding: 6px 0 6px 18px;
    margin: 0;
    line-height: 17px;
    border-top: #f2f2f2 1px dashed;
    background: url(/images/cat-list.png) no-repeat 0 9px;
}

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

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

.pb3 {
    padding-bottom: 3px !important;
}

.mb0 {
    margin-bottom: 0;
}

.mb6 {
    margin-bottom: 6px;
}

.list-blue {
}

.list-blue li {
    padding-left: 15px;
    background: url(/images/round.png) no-repeat 0 5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.btn, .btn span, .btn input {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    line-height: 26px;
    height: 27px;
    background: url(/images/btn-bg.png) no-repeat 0 0;
    border: none;
    cursor: pointer;
}

.btn {
    overflow: hidden;
    padding: 0 0 0 3px;
}

.btn span,
.btn input {
    cursor: pointer;
    padding: 0 13px 2px 9px;
}

.btn input {
}

.btn-grey {
    background-position: 0 -54px;
}

.btn-grey span {
    background-position: right -81px;
}

.btn-grey:hover {
    background-position: 0 0;
}

.btn-grey:hover span {
    background-position: right -27px;
}

.btn-orange {
    background-position: 0 -108px;
}

.btn-orange span {
    background-position: right -135px;
}

.btn-orange:hover {
    background-position: 0 -162px;
}

.btn-orange:hover span {
    background-position: right -189px;
}

.btn-black {
    background-position: 0 -216px;
}

.btn-black span {
    background-position: right -243px;
}

.btn-black:hover {
    background-position: 0 -270px;
}

.btn-black:hover span {
    background-position: right -297px;
}

.btn-blue {
    background-position: 0 -324px;
}

.btn-blue span,
.btn-blue input {
    background-position: right -351px;
}

.btn-blue:hover {
    background-position: 0 -378px;
}

.btn-blue:hover span,
.btn-blue:hover input {
    background-position: right -405px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Blockquote ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
blockquote.blockquote-left {
    width: 52%;
    margin-right: 29px;
    float: left;
    margin-top: -5px;
}

blockquote.blockquote-right {
    width: 52%;
    margin-left: 29px;
    float: right;
    margin-top: -5px;
}

.RoundFirstLetter mark,
.DecFirstLetter mark,
.SquareFirstLetter mark,
.RoundBlueFirstLetter mark {
    position: relative;
    display: block;
    float: left;
    width: 26px;
    height: 26px;
    top: 5px;
    margin-right: 10px;
}

.RoundFirstLetter mark,
.RoundBlueFirstLetter mark {
    border-radius: 13px;
    color: #fff;
    background: #4f4f4f;
}

.DecFirstLetter mark {
    color: #4f4f4f;
    font-size: 20px;
}

.SquareFirstLetter mark {
    color: #fff;
    background: #4f4f4f;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Table ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.def-table {
    width: 100%;
    border-radius: 4px;
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    margin-bottom: 24px;
    margin-top: 20px;
}

table.def-table th {
    background: #4f4f4f url(/images/th-left.gif) repeat-y 0 0;
    box-shadow: 0 1px 0 0 #e8e8e8, inset 0 -3px 0 0 #f2f2f2;
    text-align: center;
    padding: 0 2px 0 17px;
    height: 41px;
    color: #e6e6e6;
    font: 700 13px/37px "Pt Sans" !important;
    vertical-align: top;
}

table.def-table th:first-child {
    border-radius: 4px 0 0 0;
    background-position: -1px 0
}

table.def-table th:last-child {
    border-radius: 0 4px 0 0;
}

table.def-table td {
    padding: 8px 2px 8px 17px;
    border-top: #f0f0f0 1px solid;
    border-left: #f0f0f0 1px solid;
    font: 12px/20px !important;
    line-height: 20px;
}

table.def-table tr:first-child td {
    padding-top: 11px;
}

table.def-table td.first-td {
    border-left: none;
    background: url(/images/td-bg.png) no-repeat 0 0;
}

table.def-table td.last-td {
    background: url(/images/td-bg.png) no-repeat right 0;
}

table.def-table tr:hover td {
    background-color: #f9f9f9;
}

table.def-table .last-row td {
    background: url(/images/td-bg.png) no-repeat center bottom;
}

table.def-table .last-row td.first-td {
    background-position: 0 bottom;
}

table.def-table .last-row td.last-td {
    background-position: right bottom;
}

.desc-container {
    position: relative;
    display: inline-block;
}

.desc-container-box {
    position: absolute;
    left: 50%;
    bottom: 30000px;
    width: 180px;
    padding: 5px 13px;
    margin: 0 0 8px -17px;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px 0 #d5d5d5;
    box-shadow: 0 2px 2px 0 #d5d5d5;
    line-height: 16px;
}

.deArr {
    position: absolute;
    width: 17px;
    height: 13px;
    left: 17px;
    bottom: -13px;
    background: url(/images/darr.png) no-repeat 0 0;
}

.desc-container:hover {
    overflow: visible;
}

.desc-container:hover .desc-container-box {
    bottom: 100%;
}

.inner-img img {
    display: block;
    border: #fff 3px solid;
}

.inner-img {
    float: left;
    position: relative;
    margin-right: 14px;
    margin-top: 4px;
    border: #f0f0f0 1px solid;
}

.mb9 {
    margin-bottom: 9px;
}

.no-bg-post {
    background: none;
    margin: 0;
    padding-bottom: 0;
}

.block-inner {
    position: relative;
    min-height: 18px;
    margin: 5px 0 16px 0;
}

.first-block-inner {
    margin-bottom: 13px;
}

.block-inner-text {
    width: 132px;
    float: left;
    margin: 0 20px 0 0;
    text-align: right;
}

.block_social_3 {
    position: relative;
    top: 3px;
}

.inline {
    float: left;
    width: auto;
}

.fb-like {
    width: 150px;
}

.leave-comment {
    padding: 28px 0 0 0;
}

.leave-comment h2 {
    margin-bottom: 22px;
}

.leave-comment input[type=text],
.leave-comment input[type=email],
.leave-comment textarea {
    margin-top: 6px;
    margin-bottom: 12px;
    -webkit-box-shadow: 0 0 0 3px #fafafa;
    box-shadow: 0 0 0 3px #fafafa;
}

.leave-comment label {
    clear: both;
}

.leave-comment span.btn {
    margin-top: 4px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Home enother ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* slider */
#home-slider {
    overflow: hidden;
    position: relative;
    margin: 12px 10px 45px 10px;
}

#home-slider-preview {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 76.8%;
    height: 100%;
}

#home-slider-preview img {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100%;
    max-width: 1000px;
    min-height: 100%;
}

.home-slider-navi {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    width: 23%;
    height: 100%;
    background: #fff;
}

.home-slider-navi ul {
    margin: 0;
    padding: 0;
    position: relative;
}

.home-slider-navi ul li {
    overflow: hidden;
    position: relative;
    height: 116px;
    margin: 0 0 3px 0;
    padding: 0;
}

.home-slider-navi li a {
    position: absolute;
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
}

.home-slider-navi img {
    position: absolute;
    display: block;
    margin: 0;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
}

.hm-text {
    position: absolute;
    left: 0;
    bottom: 15px;
    padding: 10px 14px 9px 12px;
    width: 286px;
    border-left: #e80303 4px solid;
    background: url(/images/slide-home-bg.png) repeat;
    border-radius: 0 5px 5px 0;
}

.hm-text h3 {
    margin: 0 0 7px 0;
}

.hm-text p {
    margin: 0;
}

.home-slider-navi .hm-text {
    display: none;
}

.hs-navi {
    position: absolute;
    display: none;
    width: 29px;
    height: 20px;
    left: 50%;
    margin-left: -15px;
    background: url(/images/hsnavi.png) no-repeat;
}

#home-slider:hover .hs-navi {
    display: block;
}

.hs-navi.prev {
    top: 0;
    background-position: 0 bottom;
}

.hs-navi.next {
    bottom: 0;
}

/* items detail */
.items-detail .four {
    margin-bottom: 42px;
}

.items-detail h3 {
    margin: 0 0 9px 0;
}

.items-detail h3 em {
    margin: 1px 0 0 0;
    display: block;
}

.items-detail p {
    margin: 0 0 8px 0;
}

.link-detail {
    padding: 0 0 0 16px;
    background: url(/images/detail.png) no-repeat left 5px;
}

.mb39 {
    margin-bottom: 39px;
}

/* reent posts */
#recent-navi-inner {
    float: right;
    position: relative;
    width: 36px;
    height: 17px;
    top: 0px;
}

#recent-projects-list {
    margin: -17px -10px 9px 10px;
    overflow: hidden;
    position: relative;
}

.hidder-right {
    position: absolute;
    width: 10px;
    height: 100%;
    right: 0;
    top: 0;
    background: url(/images/main_rep_bg.png) repeat;
}

.hidder-left {
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: url(/images/main_rep_bg.png) repeat;
}

#recent-projects-list ul {
    overflow: hidden;
    position: relative;
    width: 25000px;
}

#recent-projects-list ul li {
    float: left;
    position: relative;
    overflow: hidden;
    margin: 10px 20px 10px 0;
    width: 218px;
    height: 135px;
    background: url(/images/over-zzom.png) no-repeat 0 -100px;
    border: #f0f0f0 1px solid;
}

#recent-projects-list ul li img {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    height: 100%;
    max-width: none;
}

.img-over {
    display: block;
    position: relative;
    overflow: hidden;
    width: 210px;
    height: 127px;
    border: #fff 4px solid;
}

.over-ipl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: url(/images/det-over.png) repeat;
}

.ipl-ico {
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: -338px;
    width: 25px;
    height: 0;
    padding-top: 25px;
    margin-left: -12px;
    background: url(/images/over-zzom.png) no-repeat 0 0;
}

.ipl-link,
.ipl-text {
    position: absolute;
    overflow: hidden;
    width: 90%;
    top: 67px;
    left: 105%;
    white-space: nowrap;
    text-align: center;
}

.ipl-text {
    margin-top: 17px;
    left: -105%;
}

.over-ipl,
.over-ipl * {
    -webkit-transition: all 0.35s ease-in-out 0s;
    -moz-transition: all 0.35s ease-in-out 0s;
    -ms-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
}

.ipl-ico:hover {
    background-image: url(/images/over-plus.png);
}

#recent-projects-list ul li:hover .ipl-ico {
    top: 38px;
}

#recent-projects-list ul li:hover .over-ipl {
    opacity: 1;
}

#recent-projects-list ul li:hover .ipl-link,
#recent-projects-list ul li:hover .ipl-text {
    left: 5%;
}

/* blog-posts */
.blog-posts {
    overflow: hidden;
    position: relative;
    margin: -11px -10px -7px 10px;
}

.blog-posts ul {
    position: relative;
    width: 25000px;
    overflow: hidden;
}

.blog-posts ul li {
    float: left;
    margin: 0 20px 0 0;
    width: 220px;
}

.blog-posts ul li p {
    margin: 0 0 8px 0;
}

.blog-posts ul li h3 {
    min-height: 34px;
    padding: 0 0 0 39px;
    margin: 0;
    background-position: 0 4px;
    background-repeat: no-repeat;
}

.blog-note h3 {
    background-image: url(/images/blog-note.png);
}

.blog-photo h3 {
    background-image: url(/images/blog-photo.png);
}

.blog-audio h3 {
    background-image: url(/images/blog-audio.png);
}

.blog-smth h3 {
    background-image: url(/images/blog-smth.png);
}

.blog-info {
    margin: 9px 0 6px 39px;
}

#blog-navi {
    float: right;
    position: relative;
    width: 36px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page 404 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page-404 {
    padding: 40px 0 4px 0;
    text-align: center;
}

.page-404 h3 {
    margin: 9px 0 11px 0;
}

.page-404 p {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLIDER TYPE 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#slider2 {
    margin: 0 10px 22px 10px;
    height: 360px;
    border-top: #f2f2f2 1px solid;
    border-bottom: #f2f2f2 1px solid;
    position: relative;
    overflow: hidden;
}

#slider2 ul {
}

#slider2 li {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 360px;
    display: none;
}

#slider2 li:first-child {
    display: block;
    opacity: 0;
}

#slider2 li p {
    font-size: 12px;
    color: #6b6b6b;
}

#slider2 li > div {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
}

#slider2 li > div p,
#slider2 li > div h3 {
    display: block;
}

#slider2 li div.s-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 360px;
    display: block;
}

.s-bg img {
    width: 100%;
    height: 100%;
}

#slider2 li div img {
    position: relative;
}

#slider2 li div.s-text {
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

#slider2 li h3 {
    color: #3a3a3a;
    font: 700 26px/26px "Droid Sans", sans-serif;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;
}

#slider2 li h3.fs23 {
    font-size: 23px;
}

#slider2 li h4 {
    color: #616161;
    font: 600 18px/20px "Open Sans", sans-serif;
}

#slider2 li p.colored {
    color: #20a5de;
    font: 400 13px/18px Georgia, "Times New Roman", Times, serif;
}

.slider2-navi {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    display: none;
    background: url(/images/slider2-navi.png) no-repeat 0 0;
    width: 29px;
    height: 29px;
}

#slider2:hover .slider2-navi {
    display: block;
}

.slider2-navi.prev {
    left: 15px;
    background-position: 0 0;
}

.slider2-navi.next {
    right: 15px;
    background-position: -29px 0;
}

.slider2-navi.prev:hover {
    background-position: 0 -29px;
}

.slider2-navi.next:hover {
    background-position: -29px -29px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Comment ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
label.error, .errorMessage {
    font: 100 10px/18px !important;
    color: #eb969b;
}

.contact-form input[type=text].ui-state-highlight,
.contact-form textarea.ui-state-highlight {
    -webkit-box-shadow: 0px 0px 0px 3px #f1f9fd;
    box-shadow: 0px 0px 0px 3px #f1f9fd;
    border: #f5b5b8 1px solid;
}

.contact-form label.error {
    position: absolute;
    margin: -12px 0 0 0;
    width: 220px;
    text-align: right !important;
}

.contact-form label.error[for=n-mess] {
    width: 700px;
}

#SendComment label.error {
}

.ui-state-highlight {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
											 #Colored
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* bg colors */
.backtop:hover,
#slider-bottom-navi span,
a:hover#t-navi-prev,
a:hover#t-navi-next,
.RoundBlueFirstLetter mark,
.project-navi a.list-project:hover,
.gnavi:hover,
.t-navi-prev:hover, .t-navi-next:hover {
    background-color: #0098d8;
}

/* border colors */
.filtr-block a.active span {
    border-color: #0098d8;
    padding-bottom: 4px;
}

/* images */
ul#main-menu > li > a {
    background-image: url(/images/menu-hov.png);
}

ul#main-menu > li > a.active {
    background-image: url(/images/menu-act.png);
}

#slider-middle-navi,
#slider-middle-navi a:hover,
#slider-middle-navi a.active {
    background-image: url(/images/colored-slider.png);
}

.list_type2 li {
    background-image: url(/images/marker_list2.png);
}

a#filtr-ico {
    background-image: url(/images/sort.png);
}

.progress-bar-text {
    background: url(/images/progress-bar.gif) repeat-x 0 0;
}

.contact-form label.required {
    background: url(/images/req.png) no-repeat left 2px;
}

.tag-link:hover {
    background: url(/images/tag-bg-hover.png) no-repeat right 0;
}

.tag-link:hover {
    border-left-color: #0e9eda;
}

ul.sevice-links li a:hover {
    background-image: url(/images/arrow-blue.png);
}

.post-frame {
    border: 1px solid #F0F0F0;
    padding: 4px;
    background: #fff;
    position: relative;
}

.post-frame iframe {
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
											 #Media Queries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 959px) {
    #header-wrapper {
        width: 984px;
        margin: 0 auto;
    }

    #footer-wrapper {
        margin-left: -492px;
        width: 984px;
        left: 50%;
    }

    #slider ul li,
    #slider ul li img {
        width: 940px;
        height: 354px;
    }

    .list_recent li,
    #testimonials ul li {
        width: 220px;
    }

    .list_recent li {
        margin: 0 20px 0 0;
        height: 212px;
    }

    .rec_img, .rec_img img {
        height: 127px;
    }

    .gallery-container {
        height: 387px;
    }

    .post-frame {
        margin-bottom: -5px;
        height: 310px;
    }

    .post-frame iframe {
        height: 310px;
        position: relative;
        width: 539px;
        margin: 0;
        border: none;
    }

    .slogan-slider li {
        width: 900px;
    }

    .list_recent_over {
        width: 960px;
    }

    .list_recent_over .hidder-right {
        width: 20px;
    }

    .whole-width {
        margin-left: -12px;
        margin-right: -12px;
        padding-left: 22px;
        padding-right: 22px;
    }

    .content-line {
        background: url(/images/line-content.png) repeat-y 645px 0;
    }

    .map-box {
        margin-left: -12px;
        margin-right: -12px;
    }

    .title-inner {
        margin-left: 10px !important;
    }

    .icons a.ico-sitemap {
        margin-right: 3px;
    }

    .leave-comment textarea {
        width: 690px;
    }

    .premium-plan .pricing-item {
        position: relative;
        z-index: 7;
        background: url(/images/pricing-item.png) no-repeat 0 0;
        margin-left: -3px;
        margin-right: -3px;
    }

    .text-top {
        font-size: 17px;
        top: 1px;
        position: relative;
    }

    .text-bottom {
        font-size: 15px;
    }

    .recent-box .hidder-right,
    #recent-projects-list .hidder-right,
    .blog-posts .hidder-right {
        width: 20px;
    }
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) {
    #main-menu a, #main-menu a > * {
        -webkit-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
        -moz-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
        -ms-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
        -o-transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
        transition: background-color 0.2s ease 0s, border 0.2s ease 0s, color 0.2s ease 0s, opacity 0.2s ease-in-out 0s;
    }

    .premium-plan .plan-header .plan-name {
        height: 43px;
    }

    .premium-plan .pricing-item span {
        border-right: none;
    }

    .premium-plan .plan-header {
        height: 100px;
        position: relative;
        z-index: 8;
        background: url(/images/premium-header.png) repeat-x 0 0 #029ada;
    }

    .premium-plan .result-item {
        border-top: #f2f2f2 1px solid;
        height: 53px;
        border-bottom: none;
        background: url(/images/pricing-item.png) no-repeat 0 bottom;
    }

    .project-navi {
        text-align: right;
    }

    .inner-page-sidebar ul,
    .inner-page-sidebar h4,
    .inner-page-sidebar .dbl-dott-wrapper,
    .clients-list {
        margin-left: 20px;
    }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .our-work-scheeme {
        margin-left: 30px;
    }

    .whole-width {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 0;
        margin-right: 0;
    }

    .wrapper {
        background: url(/images/wrapper-bg-768.png) repeat-y center 0;
    }

    .premium-plan .pricing-item {
        position: relative;
        z-index: 7;
        background: url(/images/pricing-item-720.png) no-repeat 0 0;
        margin-left: -3px;
        margin-right: -3px;
    }

    .premium-plan .pricing-item.result-item {
        background-position: 0 bottom;
    }

    #header-wrapper {
        width: 768px;
        margin: 0 auto;
    }

    #footer-wrapper {
        margin-left: -384px;
        left: 50%;
        width: 768px;
    }

    .title {
        width: 758px;
        margin: 0 auto;
        padding-left: 10px;
    }

    ul#main-menu li a {
        padding-left: 22px;
        padding-right: 22px;
    }

    #slider ul li,
    #slider ul li img {
        width: 748px;
        height: 281px;
    }

    .list_recent li,
    #testimonials ul li,
    .blog-posts ul li {
        width: 172px;
    }

    .list_recent li {
        margin: 0 10px;
        height: 183px;
    }

    .rec_img, .rec_img img {
        height: 109px;
    }

    .list_recent li:hover .rec_category {
        display: none;
    }

    /* portfolio */
    .portfolio {
        width: 760px;
        margin: auto;
    }

    ul.block-filtered-items.portfolio-2c li {
        width: 364px;
        height: 340px;
    }

    ul.block-filtered-items.portfolio-2c li img {
        height: 227px;
    }

    ul.block-filtered-items.portfolio-3c li {
        width: 236px;
        height: 260px;
    }

    ul.block-filtered-items.portfolio-3c li img {
        height: 147px;
    }

    ul.block-filtered-items.portfolio-4c li.element {
        width: 172px;
        height: 220px;
    }

    ul.block-filtered-items.portfolio-4c li img {
        height: 107px;
    }

    .pricing-row {
        width: 170px;
        white-space: nowrap;
    }

    .basic-plan,
    .business-plan,
    .standard-plan {
        width: 141px;
    }

    .premium-plan {
        width: 153px;
    }

    .pricing-box {
        width: 182px;
    }

    .pricing-box ul li,
    .pricing-box-header {
        padding-left: 10px;
    }

    .pricing-box .btn {
        margin-left: 10px;
    }

    .contact-form input[type=text] {
        width: 162px;
    }

    .contact-form textarea {
        width: 546px;
    }

    .gallery-container {
        height: 307px;
    }

    .post-frame {
        margin-bottom: -5px;
        height: 230px;
    }

    .post-frame iframe {
        width: 100%;
        height: 230px;
        position: relative;
    }

    .post-info {
        width: 113px;
    }

    .post-body {
        width: 411px;
    }

    .post-categories {
        font-size: 11px;
    }

    .post-image {
        height: 160px;
    }

    .post-image a {
        height: 152px;
        width: 401px;
    }

    .post-entry h2 {
        margin-left: 145px;
    }

    .post-info .post-date {
        width: 47px;
        height: 42px;
        padding-top: 8px;
        padding-right: 1px;
        background: url(/images/op80-round-740.png) no-repeat 0 0;
    }

    .post-info .post-date strong {
        font-size: 1.08em;
    }

    .post-info .post-comments {
        width: 21px;
        height: 31px;
        background: url(/images/comments-740.png) no-repeat 0 0;
        padding-left: 27px;
        padding-top: 17px;
    }

    .slogan-slider li {
        width: 700px;
    }

    .recent-box {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .header-upper {
        left: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .part-right,
    .part-left {
        float: none;
    }

    .list_recent_over {
        width: 768px;
    }

    ul.our-work-scheeme li {
        margin-right: 0;
    }

    ul.our-team-list li {
        width: 107px;
    }

    .content-line {
        background: url(/images/line-content.png) repeat-y 517px 0;
    }

    .canvas-box {
        width: 256px;
    }

    .diagram-text {
        width: 236px;
    }

    a.ico-sitemap {
        margin-right: 15px;
    }

    .block-inner-text {
        width: 125px;
        text-align: left;
    }

    .leave-comment textarea {
        width: 560px;
    }

    .list_recent_over {
        margin: 0 -10px 0 0;
    }

    .list_recent_over .hidder-right,
    .list_recent_over .hidder-left {
        width: 10px;
    }

    /*	#home-slider-preview img{min-width:531px;min-height:354px; right:192px; left:auto;}*/
    #recent-projects-list {
        margin-left: 0;
        margin-right: 4px;
    }

    .blog-posts {
        margin-left: 0;
        margin-right: 0;
    }

    #recent-projects-list ul li {
        height: 107px;
        width: 170px;
        margin-left: 11px;
        margin-right: 6px;
    }

    #recent-projects-list .img-over {
        width: 162px;
        height: 99px;
    }

    .blog-posts ul li {
        width: 172px;
        margin-left: 11px;
        margin-right: 9px;
    }

    #recent-projects-list .hidder-right {
        width: 6px;
    }

    #recent-projects-list .hidder-left {
        width: 11px;
    }

    .blog-posts .hidder-right,
    .blog-posts .hidder-left {
        width: 10px;
    }

    li:hover .ipl-ico {
        top: 30px !important;
    }

    .ipl-link, .ipl-text {
        top: 59px;
    }

    #slider2, #slider2 li {
        height: 284px;
    }

    #slider2 li h3 {
        font-size: 22px;
        line-height: 22px;
    }

    #slider2 li a.btn {
        display: none;
    }

    .overs {
        clear: both;
    }

    .list_recent li h5 {
        margin-top: -57px;
    }

    .website-line {
        margin-bottom: 9px;
    }

    .tab-navi.tab-type2 > ul > li > a {
        padding-left: 0;
        padding-right: 0;
        width: 76px;
    }

    .tab-content {
        border-radius: 0 0 5px 5px;
    }

    .tab-navi > ul {
        margin-right: -5px;
    }

    .post-info .post-categories {
        padding: 14px 0 11px 0;
    }

    .cont-title-aside {
        line-height: 25px !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .map-box {
        width: 768px;
    }

    #recent-projects-list ul li:hover .ipl-ico,
    #recent-projects-list ul li:hover .ipl-link {
        margin-top: -7px;
    }

    #recent-projects-list ul li:hover .ipl-text {
        margin-top: 11px;
    }

    a.backtop {
        right: 10px;
    }

    .contact-form label.error {
        width: 175px;
        white-space: nowrap;
    }

    .contact-form label.error[for=n-mess] {
        width: 565px;
    }

    .recent-box .hidder-left {
        width: 10px;
    }

    .home-slider-navi img {
        left: -20px;
    }

    #recent-projects-list .hidder-right {
        width: 20px;
    }
}

/* All Mobile Sizes (devices and browser) - < 767 */
@media only screen and (max-width: 767px) {
    a.backtop {
        right: 10px;
    }

    .map-box {
        width: 100%;
        height: 300px;
    }

    #map_canvas {
        height: 300px;
    }

    .sep4 {
        height: 4px;
    }

    .sep6 {
        height: 6px;
    }

    .mob-line {
        background: url(/images/dbl-dott.png) repeat-x 0 bottom;
        height: 2px;
        margin-top: -1px;
        margin-bottom: 31px;
    }

    .part-right,
    .part-left,
    .inner-page-content img {
        float: none;
    }

    #footer-top {
        min-height: 56px;
    }

    .navi-to {
        display: block;
    }

    .tagline,
    .search_block,
        /*	ul#main-menu li ul, */
    .slider-text,
    #slider-bottom-navi,
    .icons {
        display: none !important;
    }

    .header-bottom-wrapper,
    .full-dbl-dott-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    /* header */
    #header-wrapper {
        padding-bottom: 18px;
    }

    #header-middle {
        padding-top: 30px;
    }

    .header-bottom-wrapper {
        border: none;
        height: auto;
    }

    /* -- logo */
    .logo-slogan {
        margin-bottom: 13px;
        float: none;
    }

    /* -- menu */
    ul#main-menu {
        position: absolute;
        display: none;
        left: 0;
        top: 33px;
        background: url(/images/subheader.png) repeat;
    }

    ul#main-menu li,
    ul#main-menu li:first-child {
        float: none;
        width: 100%;
        background: url(/images/submenuwrapp.png) repeat-x 0 0;
    }

    ul#main-menu li:first-child {
        background-position: 0 -2px;
    }

    ul#main-menu li a {
        height: auto;
        padding: 10px 11px;
        width: auto;
        text-align: left;
    }

    /* footer */
    .copyrights {
        padding: 11px 0 13px 0;
        border-top: #424242 1px solid;
    }

    /* content */
    #slider {
        margin: 0 0 23px 0;
        padding-bottom: 1px;
    }

    #slider-middle-navi {
        bottom: 11px;
    }

    .filtr-block {
        float: none;
        border-radius: 25px;
    }

    .filtr-categories {
        overflow: hidden;
        float: none;
    }

    .filtr-categories-container {
        margin: 0 -9px 0 5px;
    }

    .filtr-categories a {
        padding: 0 9px 2px 10px;
        background-position: 0 1px;
        margin-left: -5px;
        margin-right: 5px;
    }

    .project-navi {
        margin: -12px 0 17px 0;
    }

    .filtr-block a.active span {
        border-bottom-color: #0098d8 !important;
    }

    .filtr-block a#filtr-ico {
        display: none;
    }

    .filtr-block .filtr-text-general {
    }

    /* portfolio */
    ul.block-filtered-items.portfolio-2c li,
    ul.block-filtered-items.portfolio-3c li {
        width: 420px;
        height: 375px;
    }

    ul.block-filtered-items.portfolio-2c li img,
    ul.block-filtered-items.portfolio-3c li img {
        height: 262px;
    }

    ul.block-filtered-items.portfolio-4c li.element {
        width: 200px;
        height: 238px;
    }

    ul.block-filtered-items.portfolio-4c li img {
        height: 125px;
    }

    .box-page-slogan {
        padding-top: 18px;
        padding-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
    }

    .notes {
        margin-bottom: 29px;
    }

    .empty-after-text {
        height: 14px;
    }

    .empty-after-progress {
        height: 18px;
    }

    .jquery-toggle {
        padding-top: 0;
    }

    .dbl-dott-wrapper.full-width {
        margin-bottom: 38px;
        height: 11px;
    }

    .tab-content {
        margin-bottom: 20px;
    }

    .tab1-content {
        margin-bottom: 22px;
    }

    blockquote.blockquote-left,
    blockquote.blockquote-right {
        float: none;
        width: auto;
        margin: 0;
    }

    .accordation-items.type1 {
        padding-bottom: 17px;
    }

    .jToggle-items.type1 {
        padding-bottom: 7px;
    }

    .basic-plan .pricing-item {
        border-right: none;
    }

    .pricing-item > span {
        height: auto;
        padding-bottom: 8px;
    }

    .gallery {
        margin-bottom: 17px;
    }

    #header-top .container .half-left,
    #header-top .container .half-right {
        width: 49% !important;
    }

    #header-top .container .half-left {
        float: left;
    }

    #header-top .container .half-right {
        float: right;
    }

    .small-scale-line {
        height: 2px;
        margin: 42px 0 38px 0;
        background: url(/images/dbl-dott.png) repeat-x 0 0;
    }

    ul.our-work-scheeme li.last-li {
        margin-right: 160px;
    }

    .canvas-box, .diagram-text {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }

    .leave-comment input[type=text],
    .leave-comment input[type=email],
    .leave-comment textarea {
        width: 410px;
    }

    .leave-comment {
        margin-bottom: 40px;
    }

    .leave-comment span.btn,
    .leave-comment span.btn input {
        width: 100px;
    }

    .hm-text p {
        display: none;
    }

    .hm-text {
        width: auto;
        max-width: 80%;
    }

    .hm-text h3 {
        margin: 0;
    }

    .service-box {
        margin-top: 16px;
    }

    .flogo-text {
        margin-bottom: 27px;
    }

    #footer-middle .latest_blog {
        margin-bottom: 19px;
    }

    #footer-middle .latest_news {
        margin-bottom: 15px;
    }

    #testimonials {
        height: 150px;
    }

    #footer-menu li {
        padding: 5px 0 7px 29px;
    }

    .copyrights p {
        position: relative;
        top: 1px;
    }

    .contact-upper-form {
        margin-top: -18px;
    }

    blockquote.blockquote-left,
    blockquote.blockquote-right {
        margin-top: -8px;
        margin-bottom: 10px;
    }

    .dbl-dott-wrapper.full-width.ipad-hei {
        height: 5px;
        margin-bottom: 20px;
    }

    .dbl-dott-wrapper.full-width.mobile-hei {
        height: 2px;
        position: relative;
        top: -5px;
        margin-bottom: 22px;
    }

    .dbl-dott-wrapper.full-width.mob2 {
        height: 2px;
        margin-bottom: 20px;
    }

    .service-dia {
        padding-top: 8px;
    }

    #home-slider {
        margin-bottom: 33px;
    }

    .items-detail .four {
        margin-bottom: 27px;
    }

    .items-detail .columns.four.item-responsive {
        margin-top: -1px;
    }

    .items-detail {
        padding-bottom: 3px;
    }

    .home-box {
        margin-bottom: 28px;
    }

    #recent-projects-list.home-recent {
        margin-bottom: -2px !important;
    }

    .filtr-block {
        border: none;
        background: none;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding-left: 0;
        margin-left: -5px;
    }

    .filtr-text-general {
        display: none;
    }

    .filtr-block {
        position: relative;
        margin-top: -5px;
        margin-left: -8px;
    }

    .blog-aside {
        margin-top: 12px;
    }

    .post-details {
        padding-bottom: 9px;
    }

    .next-block-inner {
        margin-bottom: -19px;
    }

    .send-mess {
        margin-top: -12px;
    }

    .list_recent li h5 {
        margin-top: -57px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 480 > 767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .whole-width {
        width: 420px;
        margin-left: -300px;
        margin-right: -300px;
        padding-left: 300px;
        padding-right: 300px;
    }

    .title {
        width: 100%;
        margin: 0 auto;
    }

    .recent-box {
        padding: 19px 0 0 0;
    }

    .header-upper {
        left: -200px;
        padding-left: 200px;
        width: 620px
    }

    .wrapper {
        background: url(/images/other-bg.png) repeat center 0;
    }

    #header-wrapper {
        margin: 0 auto;
    }

    #footer-wrapper {
        margin-left: 0;
        left: 0;
        width: 100%;
    }

    ul#main-menu,
    #testimonials ul li,
    #slider ul li,
    #slider ul li img,
    ul#main-menu-mobile {
        width: 420px;
    }

    ul#main-menu,
    a.navi-to {
        display: none !important;
    }

    select#main-menu-mobile {
        display: block;
        width: 420px;
    }

    #slider ul li,
    #slider ul li img {
        height: 158px;
    }

    a#slider-left, a#slider-right {
        top: 66px;
    }

    .list_recent {
        margin: 0 -10px 10px -10px;
    }

    .list_recent li {
        width: 200px;
        margin: 0 10px 19px 10px;
        height: 212px;
    }

    .rec_img, .rec_img img {
        height: 138px;
    }

    .pricing-row {
        display: none;
    }

    .standard-plan,
    .business-plan {
        width: 210px;
        margin: 0 0 29px 0;
    }

    .basic-plan,
    .premium-plan {
        width: 209px;
        margin: 0 1px 29px 0;
    }

    .basic-plan .plan-header,
    .premium-plan .plan-header {
        border-radius: 4px 0 0 0;
    }

    .standard-plan .plan-header,
    .business-plan .plan-header {
        border-radius: 0 4px 0 0;
    }

    .pricing-table2 {
        margin-bottom: 7px;
    }

    .pricing-box {
        width: 206px;
        margin-bottom: 29px;
    }

    .recent_blog {
        margin-bottom: 27px;
    }

    .contact-form input[type=text],
    .contact-form textarea {
        width: 410px;
    }

    .mobile-text {
        display: block;
        margin: 0 0 3px 0;
    }

    .gallery-container {
        height: 262px;
    }

    .post-frame {
        margin-bottom: -5px;
        height: 176px;
    }

    .post-frame iframe {
        width: 100%;
        height: 176px;
        position: relative;
    }

    .post-info {
        width: 79px;
    }

    .post-body {
        width: 321px;
    }

    .post-categories {
        font-size: 11px;
    }

    .post-image {
        height: 126px;
    }

    .post-image a {
        height: 118px;
        width: 311px;
    }

    .post-entry h2 {
        margin-left: 99px;
    }

    .post-info .post-date {
        width: 47px;
        height: 42px;
        padding: 8px 1px 0 0;
        background: url(images/backgrounds/op80-round-740.png) no-repeat 0 0;
    }

    .post-info .post-date strong {
        font-size: 1em;
    }

    .post-info .post-comments {
        width: 21px;
        height: 31px;
        background: url(/images/comments-740.png) no-repeat 0 0;
        padding-left: 27px;
        padding-top: 17px;
        font-size: 12px !important;
    }

    .post-details {
        padding-top: 11px;
    }

    .post-details .post-views {
        border-top: #f0f0f0 1px solid;
        display: block;
        margin: 9px 0 -3px 0;
        padding-top: 11px;
        background-position: 0 14px;
    }

    .slogan-slider li {
        width: 380px;
    }

    .list_recent_over {
        width: 440px;
    }

    .blog-posts {
        margin-left: 1px;
        margin-right: -21px;
    }

    ul.our-team-list li, .blog-posts ul li {
        width: 200px;
    }

    .blog-posts .hidder-left {
        width: 1px;
    }

    .blog-posts .hidder-right {
        width: 21px;
    }

    .social-inner-text {
        height: 35px;
        margin-bottom: 20px;
    }

    .block-inner-text {
        width: 80px;
        text-align: left;
        height: 36px;
    }

    #home-slider {
        margin-left: 0;
        margin-right: 0;
        width: 420px;
        height: 162px;
    }

    #home-slider-preview img {
        height: 163px;
        width: 333px;
    }

    .home-slider-navi ul li {
        height: 52px;
    }

    .home-slider-navi ul li img {
        width: 100%;
        height: 52px;
    }

    #recent-projects-list {
        margin-left: -10px;
        margin-right: -4px;
    }

    #recent-projects-list ul li {
        width: 200px;
        height: 124px;
        margin-left: 11px;
        margin-right: 4px;
    }

    #recent-projects-list .img-over {
        width: 192px;
        height: 116px;
    }

    #recent-projects-list .hidder-right {
        width: 4px;
    }

    #recent-projects-list .hidder-left {
        width: 10px;
    }

    #slider2, #slider2 li {
        height: 152px;
    }

    #slider2 li div h3,
    #slider2 li h3.fs23 {
        font-size: 14px;
        line-height: 14px;
    }

    #slider2 li div p, #slider2 li div h4, #slider2 li div a.btn {
        display: none;
    }

    #slogan-slider-box {
        margin-top: 0;
        margin-bottom: 0;
    }

    .list_recent_over {
        margin-left: 3px;
        margin-right: -13px;
    }

    .recent-box .hidder-right {
        width: 300px;
        right: -290px;
    }

    .recent-box .hidder-left {
        width: 300px;
        left: -290px;
    }

    .pricing-table {
        margin-bottom: -1px;
    }

    .mob-1 {
        margin-top: -1px !important;
    }

    #recent-projects-list ul li:hover .ipl-ico,
    #recent-projects-list ul li:hover .ipl-link {
        margin-top: -6px;
    }

    #recent-projects-list ul li:hover .ipl-text {
        margin-top: 12px;
    }

    .contact-form label.error {
        width: 420px !important;
    }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) < 480 */
@media only screen and (max-width: 479px) {
    .whole-width {
        width: 300px;
        margin-left: -300px;
        margin-right: -300px;
        padding-left: 300px;
        padding-right: 300px;
    }

    .recent-box {
        padding: 19px 0 0 0;
        margin-left: 0;
        margin-right: 0;
    }

    .title {
        width: 100%;
        margin: 0 auto;
    }

    .service_list {
        margin-bottom: 43px;
    }

    .header-upper {
        left: -100px;
        padding-left: 100px;
        width: 400px;
    }

    .wrapper {
        background: url(/images/other-bg.png) repeat center 0;
    }

    #footer-wrapper {
        width: 100%;
    }

    #footer-top {
        min-height: 70px;
    }

    #slider {
        margin-bottom: 23px;
    }

    ul#main-menu,
    a.navi-to {
        display: none !important;
        width: 300px;
        max-height: 200px;
    }

    select#main-menu-mobile {
        display: block;
    }

    #slider ul li,
    #slider ul li img {
        width: 300px;
        height: 112px;
    }

    a#slider-left, a#slider-right {
        top: 42px;
    }

    .list_recent {
        margin-bottom: 0;
    }

    .list_recent li {
        margin-bottom: 19px;
    }

    .list_recent li,
    #testimonials ul li {
        width: 300px;
    }

    .list_recent li {
        height: 237px;
    }

    .rec_img, .rec_img img {
        height: 162px;
    }

    .recent_blog {
        margin-bottom: 27px;
    }

    .recent_blog li {
        padding-left: 100px;
    }

    .recent_blog li a.fancybox,
    .recent_blog li a.recent_blog_img {
        width: 85px;
        height: 59px;
    }

    /* portfolio */
    ul.block-filtered-items.portfolio-2c li,
    ul.block-filtered-items.portfolio-3c li,
    ul.block-filtered-items.portfolio-4c li.element {
        width: 300px;
        height: 300px;
    }

    ul.block-filtered-items.portfolio-2c li img,
    ul.block-filtered-items.portfolio-3c li img,
    ul.block-filtered-items.portfolio-4c li img {
        height: 187px;
    }

    .tab-navi ul li.last-li ul {
        left: auto;
        right: 0;
    }

    table.def-table th,
    table.def-table td {
        padding: 8px 5px;
    }

    .pricing-row {
        display: none;
    }

    .basic-plan,
    .business-plan,
    .standard-plan {
        width: 300px;
        margin: 0 0 20px 0;
        float: none;
    }

    .premium-plan {
        float: none;
        width: 294px;
        margin: 0 3px 20px 3px;
    }

    .pricing-table2 {
        margin-bottom: 7px;
    }

    .pricing-box {
        width: 298px;
        margin-bottom: 29px;
    }

    .contact-form input[type=text],
    .contact-form textarea {
        width: 290px;
    }

    .mobile-text {
        display: inline;
        margin-right: 15px;
    }

    .gallery-container {
        height: 187px;
    }

    .post-entry {
        position: relative;
    }

    .post-entry h2 {
        margin: 0 0 0 43px;
        font-size: 15px !important;
    }

    .post-frame {
        margin-bottom: -5px;
        height: 166px;
    }

    .post-frame iframe {
        width: 100%;
        height: 166px;
        position: relative;
    }

    .post-info {
        float: none;
        border: none;
        width: auto;
        padding: 0 0 0 43px;
        margin-bottom: -2px;
    }

    .post-body,
    .blog-posts ul li {
        width: 300px;
        margin: 0;
    }

    .blog-posts ul li h3 {
        max-width: 200px;
    }

    .post-categories {
        font-size: 11px;
    }

    .post-image {
        height: 118px;
    }

    .post-image a {
        height: 110px;
        width: 290px;
    }

    .post-info .post-date {
        width: 32px;
        height: 32px;
        background: url(/images/op80-300.png) no-repeat 0 0;
        position: absolute;
        left: 0;
        top: 3px;
        padding-top: 4px;
        font-size: 11px !important;
    }

    .post-info .post-date strong {
        font-size: 0.9em;
        text-transform: lowercase;
        top: -6px;
        position: relative;
    }

    .post-info .post-comments, .post-info .line-grey {
        display: none;
    }

    .post-info .post-categories {
        padding: 2px 0 16px 0;
    }

    .post-info .post-categories strong {
        display: inline;
    }

    .post-details {
        padding-top: 11px;
    }

    .post-details .post-views {
        border-top: #f0f0f0 1px solid;
        display: block;
        margin: 9px 0 -3px 0;
        padding-top: 11px;
        background-position: 0 14px;
    }

    .blog-posts {
        margin-left: 0;
        margin-right: 0;
    }

    .slogan-slider li {
        width: 260px;
        text-align: left;
    }

    .list_recent_over,
    .leave-comment input[type=text],
    .leave-comment input[type=email],
    .leave-comment textarea {
        width: 300px;
    }

    .leave-comment span.btn,
    .leave-comment span.btn input {
        width: 100px;
    }

    .leave-comment {
        margin-bottom: 40px;
    }

    .comment-item {
        padding-left: 0;
        background-position: 1px 0;
    }

    .comment-avatar {
        position: static;
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }

    .comment-item .comment-avatar {
        margin-left: 0;
    }

    .comment-item .comment-item {
        margin-left: 30px;
    }

    .comment-line {
        left: 2px;
        width: 32px;
    }

    .comment-line-hide {
        width: 10px !important;
    }

    .comment-item .comment-item .comment-line {
        width: 39px;
    }

    .comment-item .comment-item .comment-line-hide {
        margin-left: -35px;
    }

    .comment-item .comment-item .comment-item .comment-line {
        width: 79px;
    }

    .comment-item .comment-item .comment-item .comment-line-hide {
        margin-left: -30px;
    }

    .comment-item .comment-item .comment-item .comment-item .comment-line {
        width: 93px;
    }

    .comment-item .comment-item .comment-item .comment-item .comment-item .comment-line {
        width: 124px;
    }

    .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-line {
        width: 155px;
    }

    .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-item .comment-line {
        width: 186px;
    }

    #recent-projects-list {
        margin-left: 0;
        margin-right: 0;
    }

    #recent-projects-list ul li {
        width: 297px;
        height: 170px;
        margin-left: 1px;
        margin-right: 0;
    }

    #recent-projects-list .img-over {
        width: 289px;
        height: 162px;
    }

    .ipl-ico {
        margin-top: 23px;
    }

    .ipl-link, .ipl-text {
        top: 50%;
    }

    #home-slider {
        margin-left: 0;
        margin-right: 0;
        width: 300px;
        height: 115px;
    }

    #home-slider-preview img {
        height: 115px;
        width: 234px !important;
    }

    .hm-text {
        bottom: 0;
        width: 200px;
        max-width: none;
    }

    .home-slider-navi ul li {
        height: 38px;
        margin-bottom: 1px;
    }

    .home-slider-navi ul li img {
        width: 100%;
        height: 52px;
    }

    .blog-posts .hidder-left,
    .blog-posts .hidder-right,
    #recent-projects-list .hidder-right,
    #recent-projects-list .hidder-left {
        width: 0;
    }

    #slider2, #slider2 li {
        height: 102px;
    }

    #slider2 li div h3,
    #slider2 li h3.fs23 {
        font-size: 11px;
        line-height: 11px;
    }

    #slider2 li div p, #slider2 li div h4, #slider2 li div a.btn {
        display: none;
    }

    .dia-img {
        float: none; /* width:298px; height:auto;*/
    }

    /*
	.services-overs{width:290px; height:auto;}
	.services-overs img{width:290px; display:block;}*/
    .slogan-slider li {
        font-size: 11px !important;
    }

    #slogan-slider-box {
        margin-top: -4px;
        margin-bottom: -2px;
    }

    .list_recent_over {
        margin-left: 0;
    }

    .recent-box .hidder-right {
        width: 300px;
        right: -300px;
    }

    .recent-box .hidder-left {
        width: 300px;
        left: -300px;
    }

    .pricing-table {
        margin-bottom: 10px;
    }

    .standard-plan .plan-header {
        border-radius: 4px 4px 0 0;
    }

    .basic-plan .pricing-item,
    .pricing-item > span {
        border-right: 0;
    }

    .premium-plan {
        margin-left: 0;
        margin-right: 0;
        width: 301px;
    }

    .standard-plan .pricing-item {
        border-left: none;
    }

    .service-graph h3.sub-title {
        line-height: 25px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .filtr-block, .filtr-block a {
        line-height: 20px;
    }

    .filtr-block {
        position: relative;
        margin-top: -8px;
    }

    .block-inner-text {
        width: auto;
        display: inline;
    }

    .next-block-inner {
        margin-bottom: 16px;
    }

    .comment-info {
        padding-left: 65px;
    }

    .map-box {
        width: 100%;
        height: 260px;
    }

    #map_canvas {
        height: 260px;
    }

    .contact-form label.error {
        width: 300px !important;
    }
}

#flash-message-wrapper {
    border: 1px solid;
    border-radius: 6px;
    display: none;
    padding: 10px 12px 10px 90px;
    position: fixed;
    top: 10px;
    left: 5px;
    z-index: 2000;
}

.block-filtered-items .items {
    text-align: center;
}

.welcome-box {
    margin-top: 10px !important;
    padding: 0 20px 20px 20px !important;
}

.welcome-box p img {
    float: left;
    margin: 10px 10px 2px 0;
}

.question-form-wrapper {
    position: relative;
}