/* #Basic Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {
    font-size: 12px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

.al-right {
    text-align: right;
}

.title h1 {
    line-height: 31px;
    font-size: 15px;
}

.title p {
    font: 11px/18px;
}

.sub-title h3,
h3.sub-title {
    font: 600 18px/28px;
}

.do-items h4 {
    font: 700 12px/16px;
    text-transform: uppercase;
}

.list_recent h5 {
    font: 700 13px/18px;
}

.sidebar-titles {
    font: 600 13px/19px;
    text-transform: uppercase;
}

.contact-datails {
    font-size: 11px;
}

.contact-datails h3,
.contact-upper-form h3 {
    font: 700 14px;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    font: 11px;
}

.font-italic {
    font-style: italic !important;
}

.RoundFirstLetter mark,
.DecFirstLetter mark,
.SquareFirstLetter mark,
.RoundBlueFirstLetter mark {
    text-align: center;
    font: 700 18px/26px;,
sans-serif
}

.DecFirstLetter mark {
    font-size: 20px;
}

table.def-table th {
    font: 700 13px/15px;
}

table.def-table td {
    font: 12px/15px;
}

.inner-page-content h4 {
    font: 700 11px/17px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* style */
.italic,
.tagline,
#footer-top .twtr-tweet p,
.info_text,
.recent-posts-side em,
.service-title p {
    font-style: italic;
}

/* weight */
.wei100,
.tagline,
#main-menu li li,
#main-menu li li a,
#header-middle .logo,
#footer-middle .logo,
ul.block-filtered-items li .rec_category a,
.categories-list a,
.pricing-box-header h4,
.recent-posts-side em,
.tag-link,
.category-project,
.category-project a {
    font-weight: 100;
}

.wei400,
.work-by,
.details mark,
.work-by a,
.details .time,
.service-title p,
.leave-comment label,
.items-detail h3 em,
.blog-info,
.page-404 p strong {
    font-weight: 400;
}

.wei600,
.slider-text h3,
.portfolio-text h2,
.post-entry h2,
.service-title h4,
.block-inner-text,
.hm-text h3,
.inner-page-sidebar h4,
.items-detail h3,
.s-text {
    font-weight: 600;
}

.wei700,
.phone,
#main-menu li a,
ul.our-work-scheeme li span,
ul.our-work-scheeme li span,
ul.our-work-scheeme li strong,
ul.our-team-list li strong,
ul.our-team-list li span,
#footer-middle h3,
.latest_news li a,
ul.latest_blog a,
.work-by,
.latest_news .time,
ul.latest_blog .time,
.details a,
.info_text,
.decorated-text,
.filtr-block,
.filtr-block a,
.portfolio-page-link a,
.accordation-items.type1 .accordation-item-header a,
.jToggle-items.type1 .jToggle-item-header a,
.pricing-box-header h3,
.contact-form label,
.recent-posts-side a,
.post-info .post-comments,
ul.latest-list a,
.project-navi a,
.plan-name,
.ipl-link,
.comment-info a,
.leave-comment h2 {
    font-weight: 700;
}

.page-404 h3 {
    font-weight: 800;
}

/* font size */
.fs9,
#footer-bottom,
.social_links a,
.details,
.read-more,
.link-detail {
    font-size: 9px;
}

.fs10,
.latest_news li,
.latest_news .time,
ul.latest_blog .time,
.filtr-block,
.filtr-block a,
.progress-bar,
.project-navi a,
.service-title p,
.items-detail h3 em,
.blog-info {
    font-size: 10px;
}

.fs11,
.slogan,
#main-menu li a,
#header-top,
.latest_news li a,
ul.latest_blog a,
.category-project,
.recent-posts-side em,
.work-by,
.copyrights,
.sign-form a,
.info_text,
.crumbs,
.post-details,
.date-latest,
ul.latest-list a,
.tag-link,
.desc-container-box,
.post-categories a {
    font-size: 11px;
}

.fs12,
.contact-datails p,
.tagline,
#main-menu > li > a,
ul.our-team-list li span,
#footer-top .twtr-tweet p,
#footer-middle,
.address,
.categories-list a,
.btn input,
.recent-posts-side a,
.pager a,
.comment-date,
#footer-middle .address p,
.leave-comment label,
.page-404 h3,
.contact-form label,
#main-menu li li a {
    font-size: 12px;
}

.fs13,
select#main-menu-mobile,
ul.our-work-scheeme li strong,
ul.our-team-list li strong,
.inner-page-sidebar h4,
.portfolio-page-link a,
.accordation-items.type1 .accordation-item-header a,
.jToggle-items.type1 .jToggle-item-header a,
.plan-name,
.block-inner-text,
.hm-text h3,
.ipl-link,
.blog-posts ul li h3,
.slogan-slider li {
    font-size: 13px;
}

.fs14,
.phone,
ul.our-team-list li span,
#footer-middle h3,
.slider-text h3,
.info-block h5,
.items-detail h3,
.service-title h4 {
    font-size: 12px;
}

.fs15,
.project-navi,
.pricing-box-header h4,
.post-info .post-comments {
    font-size: 15px;
}

.fs16,
.box-page-slogan,
.portfolio-text h2,
.post-entry h2 {
    font-size: 16px;
}

#header-top {
    line-height: 17px;
}

.fs18,
.phone strong mark,
.address,
.inner-page-content h3 {
    font-size: 18px;
}

.fs19,
.pricing-box-header h3 {
    font-size: 19px;
}

.fs20,
.s-text {
    font-size: 20px;
}

.fs21,
#footer-middle .logo {
    font-size: 21px;
}

.fs30,
.plan-price {
    font-size: 30px;
}

.lh33,
ul.our-work-scheeme li span {
    font-size: 33px;
}

.fs34,
#header-middle .logo {
    font-size: 34px;
}

/* line height */
.rec_category,
.rec_category a {
    line-height: 10px;
}

.read-more,
.details {
    line-height: 11px;
}

.lh13,
.slogan {
    line-height: 13px;
}

.service-title p,
.blog-info {
    line-height: 14px;
}

.lh15,
.latest_news li a,
ul.latest_blog a,
.category-project,
.work-by,
.slogan-slider li,
.crumbs,
.items-detail h3 em {
    line-height: 15px;
}

.filtr-block,
.filtr-block a {
    line-height: 16px;
}

.lh17,
ul.our-work-scheeme li strong,
#footer-top .twtr-tweet p,
#footer-middle,
.latest_news .time,
ul.latest_blog .time,
#footer-bottom,
.copyrights,
.social_links a,
.recent-posts-side a,
.slider-text p,
.portfolio-page-link a,
.pricing-box-header h4,
.post-info .post-comments,
ul.latest-list a,
.service-title h4,
.hm-text h3,
.hm-text,
.items-detail h3,
.ipl-link,
.blog-posts ul li h3,
.page-404 p strong,
.btn input,
.recent-posts-side em {
    line-height: 17px;
}

.lh18,
.tagline,
#main-menu li a,
#main-menu li li,
#main-menu li li a,
.inner-page-sidebar h4,
.slider-text h3,
#footer-middle .address p,
.page-404 h3,
.inner-page-content h3 {
    line-height: 18px;
}

.lh19 {
    line-height: 19px;
}

.lh20,
.phone,
.project-navi,
.portfolio-text h2,
.post-entry h2 {
    line-height: 20px;
}

lh20,
.progress-bar {
    line-height: 21px;
}

.lh22,
.block-inner-text,
.tag-link {
    line-height: 22px;
}

.lh23,
.pricing-box-header h3,
.project-navi,
.project-navi a {
    line-height: 23px;
}

.lh25,
#footer-middle .logo {
    line-height: 25px;
}

.box-page-slogan {
    line-height: 26px;
}

.sign-form a {
    line-height: 27px;
}

.lh28,
select#main-menu-mobile {
    line-height: 28px;
}

.lh33,
ul.our-work-scheeme li span {
    line-height: 33px;
}

.lh34,
.plan-price {
    line-height: 34px;
}

.lh35,
.plan-name {
    line-height: 35px;
}

.lh36,
#header-middle .logo {
    line-height: 36px;
}

/* dec none */
#header-top a,
#main-menu li a,
a.navi-to,
#header-middle .logo a,
.latest-list a,
.latest_news li a,
ul.latest_blog a,
.category-project,
.work-by,
#footer-bottom a,
.box-page-slogan a,
.sub-title a,
.rec_category a,
.details a,
.filtr-block a,
.portfolio-page-link a,
.email-line a,
.website-line a,
.categories-list a,
.project-navi a,
.recent-posts-side li a,
#footer-middle li a
#footer-middle .logo a,
.tag-link,
.post-info .post-categories a,
.crumbs a:hover,
.read-more,
.pager a,
.grey-links a,
.comment-info a,
.link-detail,
.ipl-link,
.page-404 a {
    text-decoration: none;
}

#footer-middle address a,
.email-line a:hover,
.website-line a:hover,
.comment-info a:hover,
.page-404 a:hover {
    text-decoration: underline;
}

/* align right */
.box-page-slogan.inner-page-slogan,
.btn input,
.contact-form label {
    text-align: left !important;
}

.al-right,
#header-top .half-right,
.copyrights {
    text-align: right;
}

.box-page-slogan {
    text-align: center;
}

.info {
    text-align: left;
}

/* upper */
.tt-upper,
#main-menu li a,
.project-navi a,
ul.our-work-scheeme li strong,
.inner-page-sidebar h4,
#footer-middle h3,
#footer-bottom a,
.box-page-slogan,
.details a,
.details mark,
.details .time,
.filtr-block,
.filtr-block a,
.portfolio-text h2,
.progress-bar,
.plan-name,
.read-more,
.link-detail,
.blog-info strong,
.page-404 h3 {
    text-transform: uppercase;
}

#main-menu li li,
#main-menu li li a,
.address a:hover,
.slider-text h3,
.slogan-slider li,
.post-entry h2,
.hm-text h3,
.items-detail h3 em,
.service-title h4,
.blog-posts ul li h3,
.items-detail h3,
.pricing-box-header h3 {
    text-transform: none;
}

.social_links a {
    text-transform: capitalize;
}

#header-middle .logo {
    letter-spacing: -2px;
}

.progress-bar-text {
    text-indent: 8px;
}

ul.our-work-scheeme li span {
    text-shadow: 0 1px 0 #fff, 0 -1px 0 #93b2bf;
}

ul.our-work-scheeme li strong {
    text-shadow: 0 1px 0 #fff;
}

/* #Media Queries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) {
    .premium-plan .plan-header .plan-name {
        line-height: 43px;
        font-size: 16px;
    }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #header-middle,
    #header-middle .info {
        text-align: center;
    }

    #footer-bottom {
        font-size: 11px;
    }

    .copyrights {
        text-align: left;
    }

    ul#main-menu li a {
        font-weight: 100;
        text-transform: none;
    }

    .box-page-slogan {
        font-size: 15px;
        line-height: 24px;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}