@import "https://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
/*@import "https://fonts.googleapis.com/css?family=Fjord+One";*/
@import "https://fonts.googleapis.com/css?family=Merriweather+Sans:400,800,700italic,400italic,300";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');

body {
    font-family: 'Droid Arabic Kufi', 'tahoma', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    /* background-image:url(../images/pattern/arches.png); */
    background-repeat: repeat;
    /* background: #e4f7f9; */
    /* background-position: 90px 89px; */
    /* filter: invert(); */
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}

ol, ul {
    list-style: none
}

.clear {
    clear: both
}

.en {
    font-family: 'Helvetica', 'Sans Serif';
    font-weight: 300;
    letter-spacing: 0
}

strong {
    font-weight: 900
}

a, a:visited {
    text-decoration: none;
    /* color:#999; */
}

body.blue a:hover {
    text-decoration: none;
    color: #52bde9
}

body.red a:hover {
    text-decoration: none;
    color: #F29935
}

body.green a:hover {
    text-decoration: none;
    color: #9c3
}

body.ocean a:hover {
    text-decoration: none;
    color: #0ea5a0
}

body.orange a:hover {
    text-decoration: none;
    color: #f27935
}

body.blue .maincolor, body.blue a.maincolor, body.blue a.maincolor:visited, body.blue a.maincolor:hover {
    color: #52bde9;
    cursor: pointer
}

body.red .maincolor, body.red a.maincolor, body.red a.maincolor:visited, body.red a.maincolor:hover {
    color: #F29935;
    cursor: pointer
}

body.green .maincolor, body.green a.maincolor, body.green a.maincolor:visited, body.green a.maincolor:hover {
    color: #9c3;
    cursor: pointer
}

body.ocean .maincolor, body.ocean a.maincolor, body.ocean a.maincolor:visited, body.ocean a.maincolor:hover {
    color: #0ea5a0;
    cursor: pointer
}

body.orange .maincolor, body.orange a.maincolor, body.orange a.maincolor:visited, body.orange a.maincolor:hover {
    color: #f27935;
    cursor: pointer
}

a.maincolor:hover {
    text-decoration: underline
}

body.blue .mainbg {
    background-color: #52bde9
}

body.red .mainbg {
    background-color: #F29935
}

body.green .mainbg {
    background-color: #9c3
}

body.ocean .mainbg {
    background-color: #0ea5a0
}

body.orange .mainbg {
    background-color: #f27935
}

.smokewhitebg {
    background-color: #f5f5f5
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    font-family: droid arabic kufi, 'Lato', sans-serif;
    margin-bottom: 10px;
    color: #000;
    droid arabic kufi, 'Lato', font-family: sans-serif;
}

h1 {
    font-size: 32px;
    line-height: 36px
}

h2 {
    font-size: 28px;
    line-height: 32px
}

h3 {
    font-size: 24px;
    line-height: 28px
}

h4 {
    font-size: 20px;
    line-height: 24px
}

h5 {
    font-size: 18px;
    line-height: 22px
}

h6 {
    font-size: 16px;
    line-height: 20px
}

.hiddenatstart {
    display: none
}

p, i {
    font-size: 13px;
    color: #3C3C3C;
    line-height: 27px
}

i {
    color: unset;
}

span.verysmall, p.verysmall, .verysmall {
    font-size: 10px;
    line-height: 21px
}

span.small, p.small, a.small, a.small:visited, a.small:hover {
    font-size: 13px;
    line-height: 22px
}

span.medium, p.medium, a.medium, a.medium:visited, a.medium:hover {
    font-size: 16px;
    line-height: 24px
}

span.big, p.big {
    font-size: 18px
}

.italic {
    font-style: italic
}

span.thin, p.thin {
    font-weight: 300
}

span.quote, p.quote {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 400
}

span.white, p.white, .white {
    color: #fff
}

span.black, p.black, .black, a.black, a.black:visited {
    color: #000
}

span.gray, p.gray, .gray {
    color: #6F6D6C
}

span.darkgray, p.darkgray, .darkgray {
    color: #737373
}

span.lightgray, p.lightgray {
    color: #aaa
}

span.darkgray, p.darkgray {
    color: #737373
}

.bold {
    font-weight: 600
}

a.condensed, a.condensed:visited, a.condensed:hover, p.condensed {
    font-family: 'Roboto Condensed', sans-serif
}

.subfooter p {
    color: #363636;
    line-height: 47px;
    font-size: 13px
}

.footer p {
    color: #242424;
}

.widget-title, .widget-title a, .widget-title a:visited, .widget-title a:hover {
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    font-weight: bold
}

.footer .widget-title, .footer .widget-title a, .footer .widget-title a:visited, .footer .widget-title a:hover {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 1px
}

.bigintro, .bigintro a, .bigintro a:visited, .bigintro a:hover {
    font-size: 30px;
    line-height: 50px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.blog-title, .blog-title a, .blog-title a:visited, .blog-title a:hover {
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
    font-family: 'Droid Arabic Kufi', 'Open Sans', sans-serif
}

.content-title, .content-title a, .content-title a:visited, .content-title a:hover {
    font-size: 20px;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.paragraph-title, .paragraph-title a, .paragraph-title a:visited, .paragraph-title a:hover {
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

.boxed-title, .boxed-title a, .boxed-title a:visited, .boxed-title a:hover {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

.showbiz-title, .showbiz-title a, .showbiz-title a:visited, .showbiz-title a:hover {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

.simple-title, .simple-title a, .simple-title a:visited, .simple-title a:hover {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600
}

.article-title, .article-title a, .article-title a:visited, .article-title a:hover {
    font-size: 30px;
    line-height: 33px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif
}

.mini-title, .mini-title a, .mini-title a:visited, .mini-title a:hover {
    font-size: 12px;
    line-height: 13px;
    font-family: 'Open Sans', sans-serif
}

.footer .recent-post-title, .footer .recent-post-title a, .footer .recent-post-title a:visited, .footer .recent-post-title a:hover {
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400
}

.footer .recent-post .postdate, .footer .recent-post .postcomment, .footer .recent-post .postcomment a, .footer .recent-post .postcomment a:visited {
    color: #888;
    font-family: Georgia
}

i.mini {
    font-size: 10px;
    line-height: 12px !important;
    margin-top: 2px;
    padding: 0 1px
}

i.verysmall {
    font-size: 12px;
    line-height: 21px !important
}

i.small {
    font-size: 15px;
    line-height: 21px !important
}

i.normal {
    font-size: 18px;
    line-height: 18px !important
}

i.medium {
    font-size: 15px;
    line-height: 9px !important;
}

i.large {
    font-size: 40px;
    line-height: 45px !important
}

i.extremlarge {
    font-size: 50px;
    line-height: 60px !important
}

i.fiftyfifty {
    padding: 12px
}

i.iconborder {
    border: 2px solid #d1d1d1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}

.portfolio-nav i {
    color: #d1d1d1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

body.blue .portfolio-nav i:hover, body.blue .icon-colored-hover:hover i, body.blue .coloredhover:hover, body.blue i.maincolor {
    color: #52bde9
}

body.green .portfolio-nav i:hover, body.green .icon-colored-hover:hover i, body.green .coloredhover:hover, body.green i.maincolor {
    color: #9c3
}

body.ocean .portfolio-nav i:hover, body.ocean .icon-colored-hover:hover i, body.ocean .coloredhover:hover, body.ocean i.maincolor {
    color: #0ea5a0
}

body.red .portfolio-nav i:hover, body.red .icon-colored-hover:hover i, body.red .coloredhover:hover, body.red i.maincolor {
    color: #F29935
}

body.orange .portfolio-nav i:hover, body.orange .icon-colored-hover:hover i, body.orange .coloredhover:hover, body.orange i.maincolor {
    color: #f27935
}

body.blue .portfolio-nav i.iconborder:hover {
    border-color: #52bde9
}

body.green .portfolio-nav i.iconborder:hover {
    border-color: #9c3
}

body.ocean .portfolio-nav i.iconborder:hover {
    border-color: #0ea5a0
}

body.red .portfolio-nav i.iconborder:hover {
    border-color: #F29935
}

body.orange .portfolio-nav i.iconborder:hover {
    border-color: #f27935
}

.icon-colored-hover i {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: auto;
    vertical-align: top;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 0
}

.divide0 {
    width: 100%;
    height: 0
}

.divide2 {
    width: 100%;
    height: 2px
}

.divide3 {
    width: 100%;
    height: 3px
}

.divide5 {
    width: 100%;
    height: 5px
}

.divide10 {
    width: 100%;
    height: 10px
}

.divide15 {
    width: 100%;
    height: 15px
}

.divide20 {
    width: 100%;
    height: 20px
}

.divide25 {
    width: 100%;
    height: 25px
}

.divide30 {
    width: 100%;
    height: 30px
}

.divide35 {
    width: 100%;
    height: 35px
}

.divide40 {
    width: 100%;
    height: 40px
}

.divide45 {
    width: 100%;
    height: 40px
}

.divide50 {
    width: 100%;
    height: 50px
}

.divide55 {
    width: 100%;
    height: 55px
}

.divide60 {
    width: 100%;
    height: 60px
}

.rm1 {
    margin-right: 1px
}

.rm2 {
    margin-right: 2px
}

.rm5 {
    margin-right: 5px
}

.rm10 {
    margin-right: 10px
}

.rm15 {
    margin-right: 15px
}

.rm20 {
    margin-right: 20px
}

.rm25 {
    margin-right: 25px
}

.rm30 {
    margin-right: 30px
}

.rm40 {
    margin-right: 40px
}

.lm1 {
    margin-left: 1px
}

.lm5 {
    margin-left: 5px
}

.lm7 {
    margin-left: 7px
}

.lm10 {
    margin-left: 7px;
}

.lm15 {
    margin-left: 15px
}

.lm20 {
    margin-left: 20px
}

.lm25 {
    margin-left: 25px
}

.lm30 {
    margin-left: 25px
}

.lm40 {
    margin-left: 40px
}

.rp10 {
    padding-right: 10px
}

.rp20 {
    padding-right: 20px
}

.lp20 {
    padding-left: 20px
}

.lp60 {
    padding-left: 60px
}

.tm4 {
    margin-top: 4px
}

.tm5 {
    margin-top: 5px
}

.tm7 {
    margin-top: 7px
}

.tm10 {
    margin-top: 8px;
}

.tm15 {
    margin-top: 15px
}

.tm20 {
    margin-top: 20px
}

.mbm1 {
    margin-bottom: -1px
}

.bm5 {
    margin-bottom: 5px !important
}

.bm15 {
    margin-bottom: 15px !important
}

.bm20 {
    margin-bottom: 20px !important
}

.nobottommargin {
    margin-bottom: 0 !important
}

hr {
    margin: 16px 0;
    border-top: 1px solid #d8d8d8;
    border-bottom: none
}

hr.dark {
    margin: 20px 0;
    border-top: 1px solid #555;
    border-bottom: none
}

hr.big {
    border-top-width: 5px;
    margin: 21px 0
}

hr.lower {
    margin: 8px 0
}

.smartdivider i.small {
    line-height: 30px !important
}

.smartdivider .nobreak.verysmall {
    line-height: 30px
}

.smartdivider span {
    padding-bottom: 9px
}

.bottomhr {
    border-bottom: 1px solid #d8d8d8
}

.coloredbottomhr {
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    line-height: 22px
}

body.blue .coloredbottomhr {
    border-color: #52bde9
}

body.green .coloredbottomhr {
    border-color: #9c3
}

body.orange .coloredbottomhr {
    border-color: #f27935
}

body.red .coloredbottomhr {
    border-color: #F29935;
}

body.ocean .coloredbottomhr {
    border-color: #0ea5a0
}

.lh30 {
    line-height: 30px !important
}

.lh35 {
    line-height: 35px !important
}

.lh40 {
    line-height: 40px !important
}

.lh45 {
    line-height: 45px !important
}

.lh50 {
    line-height: 50px !important
}

.smartdivider .verysmall.lh30 {
    line-height: 33px !important
}

.reddivider {
    width: 100%;
    height: 4px;
    background-color: #000
}

body.blue .reddivider {
    background-color: #52bde9
}

body.green .reddivider {
    background-color: #9c3
}

body.orange .reddivider {
    background-color: #f27935
}

body.red .reddivider {
    background-color: #F29935
}

body.ocean .reddivider {
    background-color: #0ea5a0
}

.txt-center, .centered {
    text-align: center
}

.mcentered {
    margin: auto
}

.txt-left {
    text-align: left
}

.txt-right {
    text-align: right
}

.imgfloat {
    float: left;
    margin: 5px 30px 20px 0
}

.leftfloat {
    float: left
}

.rightfloat {
    float: right
}

.righttoleftfloat {
    float: right
}

@media only screen and (max-width: 767px) {
    .righttoleftfloat {
        clear: left;
        float: left
    }
}

.fullwidththumb {
    width: 100%
}

.nobreak {
    white-space: nowrap
}

.linkicon {
    position: absolute;
    left: 50%;
    top: 50%
}

.lupeicon {
    position: absolute;
    left: 50%;
    top: 50%
}

.linkicon.notalone {
    margin-left: 5px
}

.lupeicon.notalone {
    margin-left: -15px
}

.one_half {
    width: 49%;
    position: relative
}

.one_third {
    width: 32%;
    position: relative
}

.two_third {
    width: 66%;
    position: relative
}

.three_fourth {
    width: 74%;
    position: relative
}

.four_fifth {
    width: 78% position:relative
}

.one_fourth {
    width: 23.5%;
    position: relative
}

.one_fifth {
    width: 18.2%;
    position: relative
}

.two_fifth {
    width: 39%;
    position: relative
}

.three_fifth {
    width: 58.3%;
    position: relative
}

.one_sixth {
    width: 13.33%;
    position: relative
}

.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .three_fourth, .one_sixth, .four_fifth, .two_fifth, .three_fifth {
    margin-right: 2%;
    margin-bottom: 0;
    float: left
}

.lastcolumn {
    margin-right: 0 !important;
    clear: right
}

@media only screen and (max-width: 767px) {
    .one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .two_fifth, .three_fifth {
        width: 100%;
        margin-bottom: 20px
    }

    .lastcolumn {
        margin-bottom: 0
    }

    .mobilecentered {
        text-align: center
    }
}

.table {
    display: table
}

.table-cell.fullwidth {
    width: 100%
}

.table-cell {
    display: table-cell;
    vertical-align: bottom
}

.table-cell.top {
    vertical-align: top
}

@media only screen and (max-width: 520px) {
    .table.breakonmobile {
        display: block
    }

    .table.breakonmobile .table-cell {
        display: block
    }
}

.default-table {
    width: 80% !important
}

.default-table td, .default-table th {
    text-align: center !important
}

.borderedbox-wrapper {
    z-index: 250;
    position: relative
}

.borderedbox {
    z-index: 250;
    position: relative;
    border: 1px solid #d8d8d8;
    background-color: #f5f5f5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 40px 30px
}

.borderedbox.icon-colored-hover {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    z-index: 1
}

.borderedbox.icon-colored-hover:hover {
    z-index: 5;
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1)
}

.borderedbox .box-hidesection {
    display: none
}

@media only screen and (max-width: 767px) {
    .borderedbox .box-hidesection {
        display: block
    }
}

.color-boxed {
    background-color: #000;
    padding: 5px 10px
}

body.blue .color-boxed {
    background-color: #52bde9
}

body.green .color-boxed {
    background-color: #9c3
}

body.orange .color-boxed {
    background-color: #f27935
}

body.red .color-boxed {
    background-color: #F29935
}

body.ocean .color-boxed {
    background-color: #0ea5a0
}

.gray-boxed {
    background-color: #ececec;
    padding: 5px 10px
}

.news_title_gray_boxed {
    /* background-color: #374952; */
    padding: 15px 10px;
}

.main_title_gray_boxed {
    background-color: #454545;
    padding: 5px 10px;
    border: 0 solid #F0F0F0;
    border-bottom: 0 solid #F1F1F1
}

.main_title_boxed {
    padding: 5px 10px;
    border: 0 solid #F0F0F0;
    border-bottom: 1px solid #F1F1F1;
    padding-right: 0
}

.news_title_date {
    margin-top: 10px;
    display: inline;
    /* margin-right: 15px; */
    color: #959595;
    font-family: 'open sans', 'tahoma', sans-serif;
    font-size: 13px;
}

.news_title {
    color: #3f69b5;
    font-family: 'Droid Arabic Kufi', 'tahoma', sans-serif;
    font-size: 18px;
    display: inline-block;
    line-height: 26px;
    margin-bottom: 12px;
}

.detailholder.gray-boxed {
    padding: 10px 15px
}

.newsletter, .referals {
    padding: 20px;
    background-color: #f5f5f5
}

.socials {
    position: relative;
    /* height:16px; */
    float: right;
}

ul.socials {
    margin-top: 7px;
    margin-bottom: 0;
    margin-right: 80px;
}

.subfooter ul.socials {
    margin-top: 12px;
}

.socials li {
    position: relative;
    float: left;
    margin-right: 2px;
    z-index: 100;
    cursor: pointer
}

.socials li:last-child {
    margin-right: 0
}

.socials .soc .bg {
    background-position: top left;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-in-out
}

.socials li:last-child .soc {
    margin-right: 0
}

.socials .soc:hover .bg {
    background-position: bottom left
}

.socials .bg {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat
}

ul.socials li p {
    display: none
}

.sharings {
    margin-top: 3px
}

@media only screen and (max-width: 520px) {
    ul.socials li {
        margin-right: 15px
    }

    ul.socials li:last-child {
        margin-right: 0
    }
}

.soc {
    width: 16px;
    height: 16px;
    background-size: 16px 16px
}

.soc.twitter {
    background-image: url(../images/socials/black/twitter-icon.png)
}

.soc.rss {
    background-image: url(../images/socials/black/rss-icon.png)
}

.soc.facebook {
    background-image: url(../images/socials/black/facebook-icon.png)
}

.soc.twitter {
    background-image: url(../images/socials/black/twitter-icon.png)
}

.soc.dribbble {
    background-image: url(../images/socials/black/dribbble-icon.png)
}

.soc.pinterest {
    background-image: url(../images/socials/black/pinterest-icon.png)
}

.soc.linkedin {
    background-image: url(../images/socials/black/linkedin-icon.png)
}

.soc.vimeo {
    background-image: url(../images/socials/black/vimeo-icon.png)
}

.soc.youtube {
    background-image: url(../images/socials/black/youtube-icon.png)
}

.soc.tumblr {
    background-image: url(../images/socials/black/tumblr-icon.png)
}

.soc.forrst {
    background-image: url(../images/socials/black/forrst-icon.png)
}

.soc.skype {
    background-image: url(../images/socials/black/skype-icon.png)
}

.soc.flickr {
    background-image: url(../images/socials/black/flickr-icon.png)
}

.soc.digg {
    background-image: url(../images/socials/black/digg-icon.png)
}

.soc.google {
    background-image: url(../images/socials/black/google-icon.png)
}

.subfooter .soc.twitter {
    background-image: url(../images/socials/white/twitter-icon.png)
}

.subfooter .soc.rss {
    background-image: url(../images/socials/white/rss-icon.png)
}

.subfooter .soc.facebook {
    background-image: url(../images/socials/white/facebook-icon.png)
}

.subfooter .soc.twitter {
    background-image: url(../images/socials/white/twitter-icon.png)
}

.subfooter .soc.dribbble {
    background-image: url(../images/socials/white/dribbble-icon.png)
}

.subfooter .soc.pinterest {
    background-image: url(../images/socials/white/pinterest-icon.png)
}

.subfooter .soc.linkedin {
    background-image: url(../images/socials/white/linkedin-icon.png)
}

.subfooter .soc.vimeo {
    background-image: url(../images/socials/white/vimeo-icon.png)
}

.subfooter .soc.youtube {
    background-image: url(../images/socials/white/youtube-icon.png)
}

.subfooter .soc.tumblr {
    background-image: url(../images/socials/white/tumblr-icon.png)
}

.subfooter .soc.forrst {
    background-image: url(../images/socials/white/forrst-icon.png)
}

.subfooter .soc.skype {
    background-image: url(../images/socials/white/skype-icon.png)
}

.subfooter .soc.flickr {
    background-image: url(../images/socials/white/flickr-icon.png)
}

.subfooter .soc.digg {
    background-image: url(../images/socials/white/digg-icon.png)
}

.subfooter .soc.google {
    background-image: url(../images/socials/white/google-icon.png)
}

.subheader_wrapper {
    background-color: rgb(255 255 255);
    /* border-bottom: 1px solid #01c8e91f; */
    /* background:rgba(255,255,255,1); */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
    /* background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); */
    background: -o-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
    /* background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgb(255, 255, 255) 47%,rgb(239, 239, 239) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
    height: 127px;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.header_wrapper {
    /* background-color: rgba(9, 72, 108, 1); */
    /*! background:rgba(31,30,31,1); */
    /*! background:-moz-linear-gradient(top,rgba(31,30,31,1) 0%,rgba(56,55,56,1) 87%,rgba(56,55,56,1) 100%); */
    /*! background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(31,30,31,1)),color-stop(87%,rgba(56,55,56,1)),color-stop(100%,rgba(56,55,56,1))); */
    /*! background:-webkit-linear-gradient(top,rgba(31,30,31,1) 0%,rgba(56,55,56,1) 87%,rgba(56,55,56,1) 100%); */
    /*! background:-o-linear-gradient(top,rgba(31,30,31,1) 0%,rgba(56,55,56,1) 87%,rgba(56,55,56,1) 100%); */
    /*! background:-ms-linear-gradient(top,rgba(31,30,31,1) 0%,rgba(56,55,56,1) 87%,rgba(56,55,56,1) 100%); */
    /*! background: linear-gradient(to bottom,rgb(60, 66, 76) 0%,rgba(64, 73, 83, 0.65) 87%,rgb(63, 70, 80) 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1e1f', endColorstr='#383738', GradientType=0);
    border-bottom: 0 solid #d8d8d8;
    position: relative;
}

.logoholder {
    position: relative;
    width: 61px;
    margin-top: 25px;
    margin-bottom: 25px
}

body.boxedlayout {
    /* padding:10px 0 */
}

.boxedlayout .boxed-wrapper {
    /* box-shadow:0 0 5px 1px rgba(0,0,0,0.2); */
    /* -webkit-box-shadow: 0 0 5px 1px rgba(76, 76, 76, 0.25); */
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    max-width: 1250px;
    margin: auto;
    /* border-radius:2px; */
    border: 9px solid rgba(9, 72, 108, 0);
    /* border-top-width: 60px; */
    border-bottom: 0px;
    /* border-top-right-radius: 10px; */
    /* border-top-left-radius: 10px; */
    margin-top: -9px;
    /* z-index: 9999; */
}

.boxedlayout .maincontent, .boxedlayout .footer, .boxedlayout .header, .boxedlayout .subfooter {
    max-width: 1250px;
    margin: auto
}

.header {
    border-top: 5px solid #fff;
    position: relative;
}

body.blue .header {
    border-color: #52bde9
}

body.green .header {
    border-color: #9c3
}

body.orange .header {
    border-color: #f27935
}

body.red .header {
    /* border-color: #f8493c; */
    z-index: 100;
    /* overflow: hidden; */
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    /* background: azure; */
    border-top: 0px;
}

body.ocean .header {
    border-color: #0ea5a0
}

.maincontent {
    background-color: #fff;
    /* background-image:url(../images/pattern/lines.png); */
    background-repeat: repeat;
    border: 0 solid rgba(221, 221, 221, 0.7);
    border-radius: 0px;
    min-height: 400px;
    padding-bottom: 40px;
}

.container {
    padding: 0 40px;
    /* background: #FFF; */
    /* opacity: 0.98; */
}

.footer .container {
    padding: 40px
}

.callout {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 30px 20px
}

@media only screen and (min-width: 981px) and (max-width: 1199px) {
    .boxedlayout .maincontent, .boxedlayout .footer, .boxedlayout .header, .boxedlayout .subfooter, .boxedlayout .boxed-wrapper {
        max-width: 1020px;
        margin: auto
    }
}

@media only screen and (min-width: 769px) and (max-width: 980px) {
    .boxedlayout .maincontent, .boxedlayout .footer, .boxedlayout .header, .boxedlayout .subfooter, .boxedlayout .boxed-wrapper {
        max-width: 804px;
        margin: auto
    }

    body.boxedlayout {
        padding: 0
    }
}

@media only screen and (max-width: 768px) {
    .container {
        padding: 0 20px
    }

    .footer .container {
        padding: 40px 20px
    }

    body.boxedlayout {
        padding: 0
    }
}

.subfooter {
    background-color: #d5dbdf;
    /* padding:25px 0; */
    height: 47px;
}

.footer {
    background-color: #f5f9fb;
}

.menu_container {
    background: #FFF;
    text-align: right;
    display: flex;
    /* border-top: 1px dashed rgb(242 242 242); */
    /* background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#165d7b ),color-stop(1,#2b7490 )); */
    background-image: -o-linear-gradient(bottom, #165d7b 0%, #2b7490 100%);
    /*! background-image:-moz-linear-gradient(bottom,#165d7b  0%,#2b7490  100%); */
    /* background-image:-webkit-linear-gradient(bottom,#165d7b  0%,#2b7490  100%); */
    background-image: -ms-linear-gradient(bottom, #165d7b 0%, #2b7490 100%);
    /* background-image: linear-gradient(to bottom,#ffffff  0%,#fdfdfd  100%); */
    /* background: linear-gradient(45deg, #ededed, #ffffff); */
    /* background-image: url('images/wave-top.png'); */
    /* width: 1038px; */
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
}

#nav {
    float: right;
    position: relative;
    z-index: 1000;
    margin-bottom: 0;
    margin-right: 0
}

#nav, #nav a, #nav a:visited {
    text-decoration: none;
    font-family: 'Droid Arabic Kufi', Sans Serif;
    font-weight: 500
}

#nav a.activepage {
    font-weight: 500;
    font-family: 'Droid Arabic Kufi', Sans Serif
}

#nav>ul>li {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-in-out;
    color: #FEFEFE;
    float: right;
    position: relative;
    margin-right: -1px;
    margin-bottom: 0;
    /* border-left:1px solid #367790 */
    border-bottom: 2px solid transparent;
}

#nav>ul>li:first-child {
    /* border-right:1px solid #367790; */
}

#nav>ul>li:first-child:after {
    content: "";
    z-index: -1;
    position: absolute;
    border: none
}

#nav>ul>li>a, #nav>ul>li>a.visited, #nav>ul>li>span, #nav>ul>li>span.visited {
    line-height: 57px;
    color: #32507e;
    font-size: 13px;
    padding: 24px 14px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    cursor: pointer;
    font-weight: 500;
}

#nav>ul>li a:hover, #nav>ul>li a:active, #nav>ul>li>span:hover, #nav>ul>li>span:active {
    color: #333
}

#nav>ul>li:hover, #nav>ul>li.active {
    /* background-color: #00f5ea; */
    border-bottom: 2px solid #f440510a;
}

#nav>ul>li:hover span, #nav>ul>li.active span {
    color: #333 !important
}

#nav ul li>ul {
    position: absolute;
    right: 0px;
    /* top: 65px; */
    width: 200px;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: top .2s ease-out;
    -o-transition: top .2s ease-out;
    -ms-transition: top .2s ease-in-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    /* box-shadow:0 5px 8px 0 rgba(0,0,0,0.1); */
    -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
    /* -webkit-box-shadow:0 5px 8px 0 rgba(0,0,0,0.1); */
    border: 1px solid #d5d5d5;
    border-top: none;
    border-right: none;
    z-index: -1;
}

#nav ul li:hover>ul {
    top: 59px;
    visibility: visible;
    -moz-opacity: 1;
    filter: alpha(opacity=0.98);
    opacity: 1;
}

#nav ul li ul {
    margin-left: 170px;
}

#nav ul li ul li>ul {
    position: absolute;
    right: 101%;
    top: 0;
    width: 100%;
    /* background-color:#fff; */
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-in-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

#nav ul li ul li:hover>ul {
    top: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#nav ul li ul>li {
    position: relative;
    padding: 10px 0 9px !important;
    /*! background-color: #ffffff; */
    /* border-bottom: 1px dashed #EEE; */
    text-align: right;
    line-height: 20px;
}

#nav ul li ul>li:first-child {
    padding-top: 0
}

#nav ul li ul>li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

#nav ul li ul>li a, #nav ul li ul>li span, #nav ul li ul>li a:visited {
    color: #EEEEEE;
    font-size: 12.1px;
    font-weight: 500;
    white-space: nowrap;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    cursor: pointer;
}

#nav ul li ul li>a {
    margin-right: 17px;
}

#nav ul li ul li:hover>a {
    margin-right: 15px;
    display: block
}

#nav ul li ul li:hover {
    /*! background-color: #f9f9f9; */
    /* border-right: 2px solid #636465; */
}

#nav ul li ul>li:hover, #nav ul li ul>li:hover>span, #nav ul li ul>li:hover>a {
    color: #EEE
}

body.red #nav ul li ul>li:hover, body.red #nav ul li ul>li:hover>span, body.red #nav ul li ul>li:hover>a {
    color: #2ABED7;
}

#nav ul li>ul li.has-child>a:after {
    position: absolute;
    font-family: FontAwesome;
    color: #f7f7f7;
    left: 8px;
    content: "\f104";
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .resp_img {
        height: auto;
        border: 1px solid #575748;
        background: #FFF;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .resp_img {
        height: auto;
        border: 1px solid #575748;
        background: #FFF;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
    }
}

.responsive_wrapper {
    z-index: 10000;
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    /* height:1500px; */
    overflow: hidden;
}

.responsive_wrapper.active {
    display: block
}

.resp-navigator {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 23px;
    display: none;
    background-size: 32px 32px
}

.resp-closer {
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 30px;
    background-color: #01c8e9;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.resp-closer:hover {
    color: #565656
}

#responsive-menu {
    z-index: 30000;
    position: absolute;
    top: 0;
    right: -250px;
    max-width: 250px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -moz-box-shadow: -3px 0 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -3px 0 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: -3px 0 4px 0 rgba(0, 0, 0, 0.2);
}

#responsive-menu.active {
    right: 0;
}

.resp-menuheader {
    line-height: 48px;
    background: #0a0a0a;
    color: #fff;
    text-align: center;
    font-size: 19px;
}

#responsive-menu ul {
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.3)
}

#responsive-menu ul li {
    line-height: 40px;
    padding: 0 20px;
    color: #000;
    border-bottom: 1px solid #eee;
    text-transform: capitalize
}

#responsive-menu ul li, #responsive-menu ul li a, #responsive-menu ul li a:visited, #responsive-menu ul li a:focus, #responsive-menu ul li a:hover {
    color: #000 !important;
    font-weight: 600;
    text-transform: capitalize !important
}

#responsive-menu ul li.rev-sublevel, #responsive-menu ul li.rev-sublevel a, #responsive-menu ul li.rev-sublevel a:visited, #responsive-menu ul li.rev-sublevel a:focus, #responsive-menu ul li.rev-sublevel a:hover {
    color: #000 !important;
    font-weight: 300;
    text-transform: capitalize !important
}

#responsive-menu ul li.rev-toplevel {
    background: #f1f1f1
}

#responsive-menu ul li.rev-sublevel {
    background: #fff;
    padding-left: 30px;
    color: #000
}

#responsive-menu ul li.rev-subsublevel {
    background: #fff;
    padding-left: 45px;
    color: #000;
    font-weight: 300
}

#responsive-menu ul li.rev-subsublevel a, #responsive-menu ul li.rev-subsublevel a:visited, #responsive-menu ul li.rev-subsublevel a:hover {
    font-weight: 300
}

#responsive-menu ul li.rev-subsubsublevel {
    background: #fff;
    padding-left: 60px;
    color: #000;
    font-weight: 300
}

#responsive-menu ul li.rev-subsubsublevel a, #responsive-menu ul li.rev-subsubsublevel a:visited, #responsive-menu ul li.rev-subsubsublevel a:hover {
    font-weight: 300
}

@media only screen and (min-width: 480px) and (max-width: 978px) {
    .scroll {
        display: none
    }

    .resp-navigator {
        display: block
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .scroll {
        display: none
    }

    .resp-navigator {
        display: block
    }
}

.btn, .btn:hover {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.btn, .btn-primary, input[type="submit"] {
    /* background:#fff; */
    /* color:#fff; */
    /* border-radius:0; */
    -moz-border-radius: 0;
    /* -webkit-border-radius:0; */
    /* text-shadow:none; */
    /* padding:0 30px; */
    /* line-height:40px; */
    /* font-size:15px; */
    /* font-weight:400; */
    /* border:none; */
    /* box-shadow:none; */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-image: none;
    filter: none;
    /* background-color:#fff; */
    position: relative;
    font-family: 'Open Sans', sans-serif;
}

input[type="submit"] {
    /* padding:0 10px */
}

.buttoncenter {
    position: relative;
    float: left;
    left: 50%
}

.buttoncenter button {
    margin-left: -50%;
    clear: right
}

.btn, .btn-primary:hover, input[type="submit"]:hover {
    /* color:#fff; */
    background-image: none;
    background-repeat: repeat-x;
    filter: none;
    background-color: #191a1c;
}

.btn.small {
    padding: 0 20px;
    line-height: 35px;
    font-size: 12px;
}

.btn.large {
    padding: 0 40px;
    line-height: 45px;
    font-size: 15px
}

body.green .btn.maincolor, .btn.green, input[type="submit"].green {
    background: #9c3;
    color: #fff
}

body.ocean .btn.maincolor, .btn.ocean {
    background: #0ea5a0;
    color: #fff
}

.btn.gray {
    background: #d5d5d5;
    color: #fff
}

.btn.blue, body.blue .btn.maincolor {
    background: #52bde9;
    color: #fff
}

body.red .btn.maincolor, .btn.red {
    background: #F29935;
    color: #fff
}

body.green .btn.maincolor, .btn.green {
    background: #9c3;
    color: #fff
}

body.orange .btn.maincolor, .btn.orange {
    background: #f27935;
    color: #fff
}

.btn.black {
    background: #000;
    color: #fff
}

.btn.whitegray {
    background: #fff;
    color: #d0d0d0
}

body.red .btn.maincolor, .btn.red, input[type="submit"].red {
    background: #F29935;
    color: #fff;
    border: none !important
}

.btn.purple {
    background: #a400ac;
    color: #fff
}

body.ocean .btn.maincolor:hover, .btn.ocean:hover {
    background: #0c8e8a;
    color: #fff
}

body.green .btn.maincolor:hover, .btn.green:hover {
    background: #88ba25;
    color: #fff
}

body.red .btn.maincolor:hover, .btn.red:hover {
    background: #d52727;
    color: #fff
}

body.blue .btn.maincolor:hover, .btn.blue:hover {
    background: #399fc9;
    color: #fff
}

body.orange .btn.maincolor:hover, .btn.orange:hover {
    background: #dc6624;
    color: #fff
}

.btn.black:hover {
    background: #333;
    color: #fff
}

.btn.gray:hover {
    background: #000;
    color: #fff
}

.btn.whitegray:hover {
    background: #d0d0d0;
    color: #fff
}

.btn.witharrow.small {
    padding-right: 50px;
    /* padding-left:10px */
}

.btn.withleftarrow.small {
    padding-left: 50px;
    padding-right: 10px
}

.btn.witharrow.small:after {
    content: "\f105";
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 35px;
    padding: 0 13px;
}

.btn.withleftarrow.small:before {
    content: "<";
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 35px;
    padding: 0 13px
}

.btn.witharrow.large {
    padding-right: 50px;
    padding-left: 20px
}

.btn.withleftarrow.large {
    padding-left: 50px;
    padding-right: 20px
}

.btn.witharrow.large:after {
    content: ">";
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 45px;
    padding: 0 13px
}

.btn.withleftarrow.large:before {
    content: "<";
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 45px;
    padding: 0 13px
}

body.red .btn.maincolor.witharrow:after, .btn.red.witharrow:after {
    background-color: #AB3939
}

body.red .btn.maincolor.withleftarrow:before, .btn.red.withleftarrow:before {
    background-color: #AB3939
}

body.ocean .btn.maincolor.witharrow:after, .btn.ocean.witharrow:after {
    background-color: #2bc8c3
}

body.red .btn.maincolor.withleftarrow:before, .btn.ocean.withleftarrow:before {
    background-color: #2bc8c3
}

body.green .btn.maincolor.witharrow:after, .btn.green.witharrow:after {
    background-color: #c8e295
}

body.red .btn.maincolor.withleftarrow:before, .btn.green.withleftarrow:before {
    background-color: #c8e295
}

body.orange .btn.maincolor.witharrow:after, .btn.orange.witharrow:after {
    background-color: #f5b896
}

body.red .btn.maincolor.withleftarrow:before, .btn.orange.withleftarrow:before {
    background-color: #f5b896
}

body.blue .btn.maincolor.witharrow:after, .btn.blue.witharrow:after {
    background-color: #7fcae8
}

body.red .btn.maincolor.withleftarrow:before, .btn.blue.withleftarrow:before {
    background-color: #7fcae8
}

body.black .btn.maincolor.witharrow:after, .btn.black.witharrow:after {
    background-color: #fff;
    color: #000
}

body.red .btn.maincolor.withleftarrow:before, .btn.black.withleftarrow:before {
    background-color: #fff;
    color: #000
}

body.gray .btn.maincolor.witharrow:after, .btn.gray.witharrow:after {
    background-color: #d0d0d0
}

body.red .btn.maincolor.withleftarrow:before, .btn.gray.withleftarrow:before {
    background-color: #d0d0d0
}

.tb-pagination .btn.small.whitegray {
    padding: 0 13px
}

#searchform_side input[type="submit"] {
    background-color: #000;
    font-size: 11px;
    line-height: 11px;
    border: none !important
}

body.blue #searchform_side input[type="submit"] {
    background-color: #52bde9;
    font-size: 11px;
    line-height: 11px
}

body.green #searchform_side input[type="submit"] {
    background-color: #9c3;
    font-size: 11px;
    line-height: 11px
}

body.orange #searchform_side input[type="submit"] {
    background-color: #f27935;
    font-size: 11px;
    line-height: 11px
}

body.red #searchform_side input[type="submit"] {
    background-color: #F29935;
    font-size: 11px;
    line-height: 11px
}

body.ocean #searchform_side input[type="submit"] {
    background-color: #0ea5a0;
    font-size: 11px;
    line-height: 11px
}

.blogpost .gray-boxed.verysmall, .blogpost .color-boxed.verysmall {
    font-weight: 900 !important
}

.blogpost .gray-boxed.verysmall.gray a, .blogpost .gray-boxed.verysmall.gray a:visited {
    color: #6f6d6c
}

.blogpost .gray-boxed.verysmall.gray a:hover {
    color: #000
}

body.blue .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #52bde9
}

body.green .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #9c3
}

body.orange .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #f27935
}

body.red .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #F29935
}

body.ocean .blogpost .gray-boxed.verysmall.gray a:hover {
    color: #0ea5a0
}

.gmap_inner img {
    max-width: none
}

.gmap_inner {
    width: 100%;
    position: relative;
    height: 495px;
    z-index: 5
}

.gmapfw_wrap {
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/tiles/gmapfw.png) no-repeat center center
}

.maptopleft {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 0
}

.maptopright {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 0;
    text-align: right;
    right: 0
}

.mapbottomleft {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0;
    top: 50%
}

.mapbottomright {
    position: absolute;
    width: 50%;
    height: 50%;
    top: 50%;
    text-align: right;
    right: 0
}

.fullwidthmap-boxxer h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.fullwidthmap-boxxer p {
    color: #fff;
    font-weight: 400
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mapbottomleft, .maptopleft {
        left: 35px
    }

    .mapbottomright, .maptopright {
        right: 35px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .mapbottomleft, .maptopleft {
        left: 20px
    }

    .mapbottomright, .maptopright {
        right: 20px
    }
}

table.contacttable p {
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 10px
}

table.contacttable td:first-child {
    min-width: 100px;
    text-align: right;
    padding-right: 20px;
    vertical-align: top
}

table.contacttable td:last-child {
    min-width: 100px;
    width: 100%
}

table.contacttable input, table.contacttable textarea {
    width: 100%
}

@media only screen and (max-width: 767px) {
    table.contacttable td:last-child {
        min-width: 100px;
        width: 100%
    }
}

input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #ddd !important;
    background-color: #fff;
    line-height: 36px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 36px;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

input:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid #d9d8d6;
    outline: none !important
}

textarea {
    border: 1px solid #ddd !important;
    background-color: #fff;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 180px;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

#contactform input[type="text"], #contactform input[type="password"], #contactform input[type="datetime"], #contactform input[type="datetime-local"], #contactform input[type="date"], #contactform input[type="month"], #contactform input[type="time"], #contactform input[type="week"], #contactform input[type="number"], #contactform input[type="email"], #contactform input[type="url"], #contactform input[type="search"], #contactform input[type="tel"], #contactform input[type="color"], #contactform .uneditable-input {
    border: none !important;
    background-color: #f2f2f2;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

#contactform textarea {
    border: none !important;
    background-color: #f2f2f2;
    line-height: 40px;
    font-size: 13px;
    color: #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
    margin-bottom: 0
}

footer input, footer input[type="text"], footer input[type="password"], footer input[type="datetime"], footer input[type="datetime-local"], footer input[type="date"], footer input[type="month"], footer input[type="time"], footer input[type="week"], footer input[type="number"], footer input[type="email"], footer input[type="url"], footer input[type="search"], footer input[type="tel"], footer input[type="color"], footer .uneditable-input {
    border: 1px solid #444 !important;
    background-color: #252525;
    line-height: 40px;
    font-size: 13px;
    color: #666;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 36px;
    padding: 0 15px
}

footer textarea {
    border: 1px solid #444 !important;
    background-color: #252525;
    line-height: 40px;
    font-size: 13px;
    color: #444;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

footer input:focus, textarea:focus, footer input[type="text"]:focus, footer input[type="password"]:focus, footer input[type="datetime"]:focus, footer input[type="datetime-local"]:focus, footer input[type="date"]:focus, footer input[type="month"]:focus, footer input[type="time"]:focus, footer input[type="week"]:focus, footer input[type="number"]:focus, footer input[type="email"]:focus, footer input[type="url"]:focus, footer input[type="search"]:focus, footer input[type="tel"]:focus, footer input[type="color"]:focus, footer .uneditable-input:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 1px solid #444;
    outline: none !important
}

input.searchfield, input.searchbutton {
    border: none !important;
    background-color: #f0efed;
    line-height: 25px;
    font-size: 15px;
    color: #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: :0px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 25px
}

#searchform {
    position: relative
}

#searchform input[type="text"] {
    width: 100%;
    padding-left: 20px;
    height: 50px !imoprtant;
    line-height: 50px;
    border: none !important;
    background: #f7f7f7;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

#searchform input[type="submit"] {
    border: none !important;
    font-family: 'fontello';
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #000;
    color: #fff
}

#searchform .icon-search {
    position: absolute;
    right: 14px;
    top: 12px;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    background: url(../images/assets/lupe.png) no-repeat center center;
    background-size: 18px 18px
}

@media all and (-webkit-min-device-pixel-ratio : 1.5) {
    #searchform .icon-search {
        background-image: url(../images/assets/lupe@2x.png)
    }
}

.widget #searchform {
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%
}

.widget #searchform .w100 {
    width: 100%;
    padding-right: 5px
}

.widget #searchform input[type="text"] {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e2e3 !important;
    background: #ffff;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    padding: 0 10px
}

.widget #searchform input[type="submit"] {
    position: relative;
    width: auto;
    height: 30px;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    top: 0;
    left: auto;
    right: 0;
    line-height: 30px;
    font-family: 'Lato', sans-serif
}

.widget #searchform .icon-search {
    position: absolute;
    right: 14px;
    top: 12px;
    color: #fff;
    font-size: 22px;
    font-weight: 300
}

#searchform i.icon-search {
    display: none
}

body.blue #searchform input[type="submit"], body.blue .widget #searchform input[type="submit"] {
    background-color: #52bde9
}

body.green #searchform input[type="submit"], body.green .widget #searchform input[type="submit"] {
    background-color: #9c3
}

body.orange #searchform input[type="submit"], body.orange .widget #searchform input[type="submit"] {
    background-color: #f27935
}

body.red #searchform input[type="submit"], body.red .widget #searchform input[type="submit"] {
    background-color: #F29935
}

body.ocean #searchform input[type="submit"], body.ocean .widget #searchform input[type="submit"] {
    background-color: #0ea5a0
}

.subscribe_emailinput {
    width: 206px
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .subscribe_emailinput {
        width: 135px
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .subscribe_emailinput {
        max-width: 300px
    }

    .subscribe_submit {
        float: left;
        margin-left: 15px
    }
}

@media only screen and (max-width: 767px) {
    .subscribe_emailinput {
        width: 100%
    }

    .subscribe_submit {
        float: left;
        margin-top: 15px
    }
}

.showbiz-container {
    max-width: 100%;
    min-width: 200px;
    margin: 0 auto
}

.showbiz-container .clear {
    clear: both
}

.teaser-navigation {
    margin: 1px auto;
    width: 35px;
    margin-top: -46px;
    height: 25px
}

.teaser-navigation_mod {
    margin: 1px auto;
    width: 60px;
    margin-top: -55px;
    height: 25px
}

.navigation-left {
    width: 17px;
    height: 17px;
    background: url(../images/assets/navleft.png) no-repeat left bottom;
    cursor: pointer;
    background-size: 17px 34px
}

.navigation-right {
    width: 17px;
    height: 17px;
    background: url(../images/assets/navright.png) no-repeat left bottom;
    cursor: pointer;
    background-size: 17px 34px
}

@media all and (-webkit-min-device-pixel-ratio : 1.5) {
    .navigation-left {
        background-image: url(../images/assets/navleft@2x.png)
    }

    .navigation-right {
        background-image: url(../images/assets/navright@2x.png)
    }
}

.navigation-left:hover, .navigation-right:hover {
    background-position: left top
}

.navigation-left.notclickable {
    cursor: default;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3;
    background-position: left bottom !important
}

.navigation-right.notclickable {
    cursor: default;
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3;
    background-position: left bottom !important
}

.showbiz-teaser a, .showbiz-teaser a:visited {
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    color: #000
}

.showbiz-teaser ul, .showbiz-teaser li {
    list-style: none;
    margin: 0;
    padding: 0
}

.showbiz-teaser .overflowholder {
    overflow: hidden;
    position: relative;
    width: 100%
}

.showbiz-teaser .mediaholder, .frame .mediaholder, .mediaholder {
    position: relative;
    overflow: hidden
}

.mediaholder .maxheight-wrapper {
    position: relative;
    max-height: 250px;
    overflow: hidden;
    width: 100%
}

.showbiz-teaser .mediaholder .linkicon, .showbiz-teaser .mediaholder .lupeicon, .media-wrapper .mediaholder .linkicon, .media-wrapper .mediaholder .lupeicon, .carousel-inner .mediaholder .linkicon, .carousel-inner .mediaholder .lupeicon, .mediaholder .linkicon, .mediaholder .lupeicon {
    top: 65%;
    -webkit-transition: all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition: all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all .2s cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.showbiz-teaser li:hover .mediaholder .linkicon, .showbiz-teaser li:hover .mediaholder .lupeicon, .media-wrapper:hover .mediaholder .linkicon, .media-wrapper:hover .mediaholder .lupeicon, .carousel-inner .mediaholder:hover .linkicon, .carousel-inner .mediaholder:hover .lupeicon, .frame .mediaholder:hover .linkicon, .frame .mediaholder:hover .lupeicon {
    top: 50%;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.showbiz-teaser li:hover .mediaholder .lupeicon, .media-wrapper:hover .mediaholder .lupeicon, .carousel-inner .mediaholder:hover .lupeicon, .frame:hover .mediaholder .lupeicon, {
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s
}

.showbiz-teaser .hovercover, .media-wrapper .hovercover, .carousel-inner .hovercover, .frame .hovercover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

body.blue .showbiz-teaser .hovercover, body.blue .media-wrapper .hovercover, body.blue .carousel-inner .hovercover, body.blue .frame .hovercover {
    background-color: #52bde9
}

body.green .showbiz-teaser .hovercover, body.green .media-wrapper .hovercover, body.green .carousel-inner .hovercover, body.green .frame .hovercover {
    background-color: #9c3
}

body.orange .showbiz-teaser .hovercover, body.orange .media-wrapper .hovercover, body.orange .carousel-inner .hovercover, body.orange .frame .hovercover {
    background-color: #f27935
}

body.red .showbiz-teaser .hovercover, body.red .media-wrapper .hovercover, body.red .carousel-inner .hovercover, body.red .frame .hovercover {
    background-color: #F29935
}

body.ocean .showbiz-teaser .hovercover, body.ocean .media-wrapper .hovercover, body.ocean .carousel-inner .hovercover, body.ocean .frame .hovercover {
    background-color: #0ea5a0
}

.showbiz-teaser li:hover .hovercover, .media-wrapper:hover .hovercover, .carousel-inner .mediaholder:hover .hovercover, .frame:hover .mediaholder .hovercover {
    -moz-opacity: .85;
    filter: alpha(opacity=85);
    opacity: .85
}

.showbiz-teaser .overflowholder ul {
    width: 10000px;
    position: absolute;
    top: 0;
    left: 0
}

.showbiz-teaser .overflowholder ul li {
    float: left !important;
    margin-right: 30px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.showbiz-teaser .detailimg img, .media-wrapper .detailimg img {
    width: 100%;
    margin-bottom: -5px
}

.showbiz-teaser .detailholder, .media-wrapper .detailholder {
    padding: 20px 0;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.media-wrapper .detailholder {
    padding: 10px 0;
    background: #f1f1f1
}

.showbiz-teaser li:hover .detailholder, .media-wrapper:hover .detailholder {
    background-color: #000
}

.showbiz-teaser li:hover .detailholder h4, .showbiz-teaser li:hover .detailholder h4 a, .showbiz-teaser li:hover .detailholder h4 a:visited, .showbiz-teaser li:hover .detailholder h4 a:hover, .media-wrapper:hover .detailholder h4, .media-wrapper:hover .detailholder h4 a, .media-wrapper:hover .detailholder h4 a:visited, .media-wrapper:hover .detailholder h4 a:hover {
    color: #fff !important;
    -webkit-animation: fallDown .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) backwards, fadeIn .2s ease-in backwards;
    -moz-animation: fallDown .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) backwards, fadeIn .2s ease-in backwards;
    -ms-animation: fallDown .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) backwards, fadeIn .2s ease-in backwards;
    animation: fallDown .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) backwards, fadeIn .2s ease-in backwards
}

.showbiz-teaser li:hover .detailholder p, .media-wrapper:hover .detailholder p {
    -webkit-animation: fallUp .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) .2s backwards, fadeIn .2s ease-in .2s backwards;
    -moz-animation: fallUp .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) .2s backwards, fadeIn .2s ease-in .2s backwards;
    -ms-animation: fallUp .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) .2s backwards, fadeIn .2s ease-in .2s backwards;
    animation: fallUp .5s cubic-bezier(0.175, 0.885, 0.320, 1.275) .2s backwards, fadeIn .2s ease-in .2s backwards
}

.carousel-control {
    position: absolute;
    top: 30%;
    left: 15px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 0 solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .2;
    filter: alpha(opacity=20);
    margin-top: -15px;
    z-index: 99999
}

.nhitem {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.nhitem.faded {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    opacity: .5
}

.widget-list ul li {
    padding-left: 20px
}

.widget-list ul li, .widget-list ul li a, .widget-list ul li a:hover, .widget-list ul li a:visited {
    font-size: 11px;
    line-height: 25px;
    font-weight: 600
}

.comment_wrapper {
    display: block
}

.comment_wrapper .comment {
    display: table
}

.comment_wrapper .comment.level2 {
    padding-left: 80px
}

.comment_wrapper .portrait {
    min-width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: top
}

.comment_wrapper .portrait-holder {
    background: #ccc;
    width: 60px;
    height: 60px
}

.comment_wrapper .comment-details {
    padding-left: 20px;
    width: 100%;
    display: table-cell;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .comment_wrapper.lp60 {
        padding-left: 0
    }

    .comment_wrapper .comment.level2 {
        padding-left: 0
    }
}

.portfolio_selector_boss .portfolio_selector {
    cursor: pointer
}

.portfolio_selector:hover .portfolio_selector_inner, .portfolio_selector.selected_selector .portfolio_selector_inner {
    color: #333;
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    line-height: 22px
}

.portfolio_selector:hover span.portfolio_selector_inner, .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-bottom: 1px solid #000;
    margin-bottom: -1px;
    line-height: 30px
}

body.blue .portfolio_selector:hover span.portfolio_selector_inner, body.blue .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #52bde9
}

body.green .portfolio_selector:hover span.portfolio_selector_inner, body.green .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #9c3
}

body.orange .portfolio_selector:hover span.portfolio_selector_inner, body.orange .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #f27935
}

body.red .portfolio_selector:hover span.portfolio_selector_inner, body.red .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #F29935
}

body.ocean .portfolio_selector:hover span.portfolio_selector_inner, body.ocean .portfolio_selector.selected_selector span.portfolio_selector_inner {
    border-color: #0ea5a0
}

.detailimg {
    overflow: hidden
}

.all-group {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.removeme {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.killerclear {
    height: 25px;
    width: 100%
}

.killerclear:last-child {
    height: 0;
    width: 100%
}

.container-with-sidebar .span9 .portfolio_rotator li.span3.all-group {
    width: 195px !important
}

.container-with-sidebar .span9 .portfolio_rotator li.span4.all-group {
    width: 270px !important
}

.container-with-sidebar .span9 .portfolio_rotator li.span6.all-group {
    width: 420px !important
}

.container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
    width: 870px !important
}

.portfolio .span12 {
    margin-bottom: 40px
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group {
        width: 100px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span3.all-group {
        width: 160px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span4.all-group {
        width: 218px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span6.all-group {
        width: 340px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width: 700px !important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group {
        width: 73px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span3.all-group {
        width: 119px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span4.all-group {
        width: 164px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span6.all-group {
        width: 250px !important
    }

    .container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width: 540px !important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span6.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span4.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span3.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width: 100% !important;
        margin-bottom: 20px !important
    }

    .killerclear {
        height: 0 !important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .container-with-sidebar .span9 .portfolio_rotator li.span2.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span6.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span4.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span3.all-group, .container-with-sidebar .span9 .portfolio_rotator li.span12.all-group {
        width: 100% !important
    }

    .killerclear {
        height: 0 !important
    }

    .fh-category {
        clear: left
    }

    .portfolio_selector_boss li {
        line-height: 25px
    }

    .portfolio_selector_boss {
        padding-top: 10px
    }
}

.testimonial_wrapper {
    border: none;
    background: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.testimonials {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.testimonials li {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.testimonials li:first-child {
    display: block
}

.testimonials {
    position: relative
}

.table-blogarticle {
    display: table
}

.media-table-cell {
    display: table-cell;
    width: 30%;
    vertical-align: top
}

.blogcontent-table-cell {
    display: table-cell;
    /* width:70%; */
    vertical-align: top;
    padding-right: 18px;
}

@media only screen and (max-width: 767px) {
    .table-blogarticle, .media-table-cell, .blogcontent-table-cell {
        display: block;
        padding: 0;
        width: 100%
    }
}

.tweet {
    display: table;
    width: 75%;
    margin: auto;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.fullwidth-tweets .tweet {
    width: 100%
}

.tweet-content {
    display: table-cell;
    width: 100%
}

.tweets .tweet p {
    line-height: 20px;
    font-size: 17px;
    font-style: italic
}

.tweets .tweet .tweet-date {
    font-size: 12px;
    text-align: left
}

.tweets .tweet p a {
    color: #000
}

body.blue .tweets .tweet p a {
    color: #52bde9
}

body.green .tweets .tweet p a {
    color: #9c3
}

body.orange .tweets .tweet p a {
    color: #f27935
}

body.red .tweets .tweet p a {
    color: #F29935
}

body.ocean .tweets .tweet p a {
    color: #0ea5a0
}

.tweets ul {
    background-color: #f5f5f5
}

.tweets ul li {
    margin-bottom: 1px
}

.tweets ul li:last-child {
    margin-bottom: 0
}

.tweets, .tweets * {
    -moz-user-select: none;
    -webkit-user-select: none
}

@media only screen and (max-width: 767px) {
    .tweet {
        width: 100%
    }
}

.footer-gallery img {
    margin-right: 0;
    margin-bottom: 4px
}

.footer .flickr.feed li {
    border: 4px solid #414141
}

.footer .dribbble.feed li {
    float: left;
    width: 72px;
    margin-right: 10px;
    margin-bottom: 10px
}

.footer .flickr.feed li {
    float: left;
    width: 72px;
    margin-right: 10px;
    margin-bottom: 10px
}

.footer .flickr.feed li .mediaholder {
    width: 72px;
    height: 72px
}

.footer .flickr.feed li img {
    width: 72px;
    height: 72px
}

.footer .flickr.feed .lupeicon {
    margin-left: -6px;
    margin-top: -4px
}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
    .footer .flickr.feed li {
        float: left;
        width: 57px;
        margin-right: 4px;
        margin-bottom: 4px
    }

    .footer .flickr.feed li .mediaholder {
        width: 57px;
        height: 57px
    }

    .footer .flickr.feed li img {
        width: 57px;
        height: 57px
    }
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .footer .flickr.feed li {
        float: left;
        width: 43px;
        margin-right: 4px;
        margin-bottom: 4px
    }

    .footer .flickr.feed li .mediaholder {
        width: 43px;
        height: 43px
    }

    .footer .flickr.feed li img {
        width: 43px;
        height: 43px
    }
}

.scroll-pane {
    width: 100%;
    height: 130px;
    overflow: auto
}

.horizontal-only {
    height: auto;
    max-height: 130px
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute;
    width: 100%
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: transparent;
    display: none
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: transarent
}

.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: transparent;
    position: relative
}

.jspDrag {
    background: #9c3;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=10);
    -moz-opacity: .1;
    -khtml-opacity: .1;
    opacity: .1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out
}

.ib-content:hover .jspDrag {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    background: #9c3;
    text-indent: -20000px;
    display: block;
    cursor: pointer
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d
}

.jspVerticalBar .jspArrow {
    height: 5px
}

.jspHorizontalBar .jspArrow {
    width: 5px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.alert p {
    color: #fff !important;
    line-height: 15px
}

.alert {
    /* padding:18px 20px!important; */
    margin-bottom: 5px !important;
}

.alert.alert-error {
    background-color: #F29935;
    text-shadow: none
}

.alert.alert-success {
    background-color: #bfd6a5 !important;
    text-shadow: none;
    color: #222;
}

.alert.alert-info {
    background-color: #62cdfe;
    text-shadow: none
}

.alert.alert-warning {
    background-color: #ffe851;
    text-shadow: none
}

.alert.alert-gray {
    background-color: #f5f2f1;
    text-shadow: none
}

.alert-warning p {
    color: #998649 !important
}

.alert-gray p {
    color: #333 !important
}

.alert .close {
    right: 0;
    top: -4px
}

.accordion-group {
    margin-bottom: 0;
    margin-top: -1px;
    outline: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0;
    border: none
}

a.accordion-toggle {
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
    outline: none;
    text-decoration: none;
}

.accordion-heading .accordion-toggle {
    padding: 0 7px 0 20px;
    line-height: 29px;
    height: 29px
}

.accordion-heading {
    padding: 8px 0;
    background-color: #000;
    border: none;
    margin-bottom: 10px
}

.accordion-group.active .accordion-heading .accordion-toggle {
    background-position: 10px -29px
}

.accordion-inner {
    border: 1px solid #ddd;
    padding: 10px 20px;
    background: #e1e0df
}

.accordion-inner p {
    color: #000 !important
}

.nopadding .accordion-inner {
    padding: 0
}

.accordion-body.in {
    margin-bottom: 20px
}

.nospaces .accordion-heading {
    margin-bottom: 2px
}

.nospaces .accordion-body.in {
    margin-bottom: 2px
}

.accordion.green .accordion-heading {
    background-color: #9c3
}

.accordion.ocean .accordion-heading {
    background-color: #0ea5a0
}

.accordion.orange .accordion-heading {
    background-color: #f27935
}

.accordion.red .accordion-heading {
    background-color: #F29935
}

.accordion.blue .accordion-heading {
    background-color: #52bde9
}

.accordion.faq .accordion-group {
    background-color: #ccc;
    padding: 20px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    border-radius: 0 0 0 0;
    border: none;
    border-bottom: none
}

.accordion.faq .accordion-group:last-child {
    border-bottom: none
}

.accordion.faq .accordion-group.active {
    background-color: #fff
}

.accordion.faq a.accordion-toggle {
    color: #fff
}

.accordion.faq .accordion-inner {
    border-top: none;
    padding-left: 0;
    padding-right: 0;
    color: #000
}

.accordion-group:last-child, .accordion.faq {
    margin-bottom: 0
}

.accordion-widget .accordion-group {
    margin-top: 0
}

.accordion-widget .accordion-heading {
    padding: 5px 0 6px;
    background-color: #000;
    border: none;
    margin-bottom: 0
}

.accordion i.normal, .accordion-toggle i.normal {
    line-height: 29px !important
}

.accordion i.small, .accordion-toggle i.small {
    line-height: 31px !important
}

.accordion p, .accordion-toggle p {
    line-height: 30px !important
}

.accordion-inner p {
    line-height: 21px !important
}

.accordion-widget .accordion-inner {
    padding: 3px 7px 3px 15px;
    background: #e1e0df;
    margin-bottom: 1px
}

.accordion-widget .whiteaccordion .accordion-inner {
    background: #fff;
    border: none;
    border-bottom: 1px solid #e1e0df
}

.accordion-widget .whiteaccordion .accordion-inner:last-child {
    border-bottom: none;
    margin-bottom: -1px
}

.accordion-widget .accordion-inner p {
    line-height: 32px !important
}

.accordion-widget .accordion, .accordion-widget .accordion-body.in {
    margin-bottom: 1px
}

.dropcap.dc1:first-letter {
    float: left;
    font-size: 35px;
    line-height: 32px;
    background: #000;
    color: #fff;
    padding: 3px;
    font-weight: 700;
    margin: 5px 5px 0 0
}

.dropcap.dc2:first-letter {
    float: left;
    font-weight: 700;
    font-size: 46px;
    color: #000;
    line-height: 33px;
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 0
}

.dropcap.dc3:first-letter {
    float: left;
    font-weight: 300;
    font-size: 70px;
    line-height: 50px;
    padding-top: 0;
    padding-right: 10px;
    padding-left: 0;
    color: #000
}

.highlight {
    padding: 2px 8px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff
}

.highlight.red {
    background-color: #F29935;
    text-shadow: none;
    color: #fff
}

.highlight.green {
    background-color: #9c3;
    text-shadow: none;
    color: #fff
}

.highlight.ocean {
    background-color: #0ea5a0;
    text-shadow: none;
    color: #fff
}

.highlight.blue {
    background-color: #52bde9;
    text-shadow: none;
    color: #fff
}

.highlight.orange {
    background-color: #f27935;
    text-shadow: none;
    color: #fff
}

.highlight.gray {
    background-color: #444;
    color: #999;
    text-shadow: none
}

blockquote {
    border-right: 6px solid #0ea5a0;
    padding-right: 20px;
    font-style: italic;
}

blockquote p {
    color: #333 !important;
    font-size: 13px
}

blockquote.black {
    border-left: 8px solid #000
}

blockquote.blue {
    border-left: 8px solid #52bde9
}

blockquote.green {
    border-left: 8px solid #9c3
}

blockquote.ocena {
    border-left: 8px solid #0ea5a0
}

blockquote.red {
    border-left: 8px solid #F29935
}

blockquote.bggray {
    border: none;
    background-color: #b1b0af;
    padding: 20px 30px
}

blockquote.bggray p {
    color: #fff !important
}

blockquote.bgblack {
    border: none;
    background-color: #000;
    padding: 20px 30px
}

blockquote.bgblack p {
    color: #fff !important
}

blockquote small {
    text-align: right
}

.column_wrap {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 35px;
    position: relative;
    padding: 30px 40px
}

.column_wrap.nopadding {
    padding: 0
}

.column_wrap .padding20 {
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.column_wrap .padding30 {
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.column_wrap.smallpadding {
    padding: 25px;
    margin-top: 20px
}

.column_divider {
    width: 100%;
    height: 40px
}

.column_wrap.smallpadding .column_divider {
    width: 100%;
    height: 20px
}

.column_wrap h2.huge, .column_wrap span.huge {
    font-size: 60px;
    line-height: 52px
}

.column_wrap h2 {
    vertical-align: top
}

.column_wrap.gray {
    background: #efefef
}

.column_wrap.black {
    background: #000
}

.column_wrap.green {
    background: #9c3
}

.column_wrap.ocean {
    background: #0ea5a0
}

.column_wrap.blue {
    background: #52bde9
}

.column_wrap.red {
    background: #F29935
}

.column_wrap.orange {
    background: #f27935
}

.column_wrap h1, .column_wrap h2, .column_wrap h3, .column_wrap h4, .column_wrap p, .column_wrap li {
    text-align: center
}

.column_wrap.black h1, .column_wrap.black h2, .column_wrap.black h3, .column_wrap.black h4, .column_wrap.black p, .column_wrap.black li, .column_wrap.black strong, .column_wrap.green h1, .column_wrap.green h2, .column_wrap.green h3, .column_wrap.green h4, .column_wrap.green p, .column_wrap.green li, .column_wrap.green strong {
    color: #fff !important
}

.column_wrap li {
    line-height: 35px
}

.column_wrap.third {
    width: 33%;
    float: left
}

.column_wrap.highlighted {
    margin-top: 0;
    padding: 47px 40px;
    box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 0 18px 5px rgba(0, 0, 0, 0.25);
    z-index: 3
}

.column_wrap.highlighted.nopadding {
    padding: 0 0 40px
}

.column_wrap.highlighted.smallpadding {
    padding: 30px 25px
}

.column_wrap.highlighted.noshadow {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important
}

.column_wrap.highlighted .column_divider {
    width: 100%;
    height: 75px
}

.column_wrap.highlighted.smallpadding .column_divider {
    width: 100%;
    height: 50px
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
    .column_wrap {
        width: 100% !important;
        max-width: 360px !important;
        float: none !important;
        clear: left;
        margin: 0 auto !important;
        position: relative
    }
}

.nav.nav-tabs {
    margin-bottom: 0;
    border-bottom: none
}

.nav.nav-tabs li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 11px 20px;
    color: #fff;
    background-color: #000;
    font-weight: 400
}

.nav.nav-tabs li:first-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav.nav-tabs li:last-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs>li>a, .nav-pills>li>a {
    margin-right: -1px
}

.nav.nav-tabs li a:hover {
    background-color: #e5e4e2;
    color: #000
}

.nav.nav-tabs li.active a {
    background-color: #e5e4e2;
    color: #000;
    outline: none
}

.tab-content {
    padding: 18px;
    background: #fff;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
    border-color: #e5e4e2
}

.nav-tabs>li {
    margin-bottom: -2px
}

.tabcolor.green .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.green .nav.nav-tabs li.active a, .tabcolor.green .nav.nav-tabs li a:hover, .tabcolor.green .tab-content {
    background: #9c3;
    color: #fff;
    border-color: #9c3
}

.tabcolor.ocean .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.ocean .nav.nav-tabs li.active a, .tabcolor.ocean .nav.nav-tabs li a:hover, .tabcolor.ocean .tab-content {
    background: #9c3;
    color: #fff;
    border-color: #0ea5a0
}

.tabcolor.orange .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.orange .nav.nav-tabs li.active a, .tabcolor.orange .nav.nav-tabs li a:hover, .tabcolor.orange .tab-content {
    background: #f27935;
    color: #fff;
    border-color: #f27935
}

.tabcolor.blue .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.blue .nav.nav-tabs li.active a, .tabcolor.blue .nav.nav-tabs li a:hover, .tabcolor.blue .tab-content {
    background: #52bde9;
    color: #fff;
    border-color: #52bde9
}

.tabcolor.red .nav.nav-tabs li a {
    background: transparent;
    color: #333
}

.tabcolor.red .nav.nav-tabs li.active a, .tabcolor.red .nav.nav-tabs li a:hover, .tabcolor.red .tab-content {
    background: #F29935;
    color: #fff;
    border-color: #F29935
}

.simpletabs .nav.nav-tabs li a {
    background: none;
    color: #000;
    padding: 0 10px 0 0;
    font-size: 13px;
    font-weight: 600;
    border: none
}

.simpletabs .nav-tabs li.active a, .simpletabs .nav-tabs li a:hover {
    color: #000 !important;
    border: none
}

body.blue .simpletabs .nav-tabs li.active a, body.blue .simpletabs .nav-tabs li a:hover {
    color: #52bde9 !important;
    border: none
}

body.green .simpletabs .nav-tabs li.active a, body.green .simpletabs .nav-tabs li a:hover {
    color: #9c3 !important;
    border: none
}

body.orange .simpletabs .nav-tabs li.active a, body.orange .simpletabs .nav-tabs li a:hover {
    color: #f27935 !important;
    border: none
}

body.red .simpletabs .nav-tabs li.active a, body.red .simpletabs .nav-tabs li a:hover {
    color: #F29935 !important;
    border: none
}

body.ocean .simpletabs .nav-tabs li.active a, body.ocean .simpletabs .nav-tabs li a:hover {
    color: #0ea5a0 !important;
    border: none
}

.simpletabs .tab-content {
    padding: 0;
    background: none
}

.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 400px !important;
    overflow: hidden
}

.fullwidthbanner-container ul {
    visibility: hidden
}

.banner {
    width: 100%;
    max-height: 400px
}

.tp-caption.hugewhite {
    font-size: 53px;
    color: #fff;
    font-weight: 300
}

.bottomshadow {
    position: relative;
    z-index: 400;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.15);
    height: 6px;
    margin-top: -6px
}

.topshadow {
    padding-right: 38px;
    position: relative;
    /* z-index:400; */
    /* box-shadow:0 -3px 9px 0 rgba(0,0,0,0.15); */
    -moz-box-shadow: 0 -3px 9px 0 rgba(0, 0, 0, 0.15);
    /* -webkit-box-shadow:0 -3px 9px 0 rgba(0,0,0,0.15); */
    z-index: 20;
    /* background: #FFF; */
    /* opacity: 0.98; */
    /* border: 1px solid #d0d0d0; */
    /* border-bottom: 0px; */
    /* border-top: 0px; */
}

.caption.big_black {
    position: absolute;
    color: #353535;
    text-shadow: none;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0
}

.caption.medium_grey {
    position: absolute;
    color: #888;
    text-shadow: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.caption.medium_maincolorboxed {
    position: absolute;
    color: #fff;
    background-color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    padding: 2px 6px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

body.blue .caption.medium_maincolorboxed {
    background-color: #52bde9
}

body.green .caption.medium_maincolorboxed {
    background-color: #9c3
}

body.orange .caption.medium_maincolorboxed {
    background-color: #f27935
}

body.red .caption.medium_maincolorboxed {
    background-color: #F29935
}

body.ocean .caption.medium_maincolorboxed {
    background-color: #0ea5a0
}

.caption.large_maincolorboxed {
    position: absolute;
    color: #fff;
    background-color: #00;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px
}

body.blue .caption.large_maincolorboxed {
    background-color: #52bde9
}

body.green .caption.large_maincolorboxed {
    background-color: #9c3
}

body.orange .caption.large_maincolorboxed {
    background-color: #f27935
}

body.red .caption.large_maincolorboxed {
    background-color: #F29935
}

body.ocean .caption.large_maincolorboxed {
    background-color: #0ea5a0
}

.caption.large_darkboxed {
    position: absolute;
    color: #fff;
    background-color: #353535;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px
}

.caption.very_large_maincolorboxed {
    position: absolute;
    color: #fff;
    background-color: #000;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    line-height: 60px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px;
    letter-spacing: -2px
}

body.blue .caption.very_large_maincolorboxed {
    background-color: #52bde9
}

body.green .caption.very_large_maincolorboxed {
    background-color: #9c3
}

body.orange .caption.very_large_maincolorboxed {
    background-color: #f27935
}

body.red .caption.very_large_maincolorboxed {
    background-color: #F29935
}

body.ocean .caption.very_large_maincolorboxed {
    background-color: #0ea5a0
}

.caption.very_large_darkboxed {
    position: absolute;
    color: #fff;
    background-color: #353535;
    text-shadow: none;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    font-size: 60px;
    line-height: 60px;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 5px 10px;
    letter-spacing: -2px
}

.caption.medium_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.caption.small_green {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Open Sans', sans-serif;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

body.blue .caption.small_green {
    color: #52bde9
}

body.green .caption.small_green {
    color: #9c3
}

body.orange .caption.small_green {
    color: #f27935
}

body.red .caption.small_green {
    color: #F29935
}

body.ocean .caption.small_green {
    color: #0ea5a0
}

.caption.medium_maincolor {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-size: 27px;
    line-height: 27px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

body.blue .caption.medium_maincolor {
    color: #52bde9
}

body.green .caption.medium_maincolor {
    color: #9c3
}

body.orange .caption.medium_maincolor {
    color: #f27935
}

body.red .caption.medium_maincolor {
    color: #F29935
}

body.ocean .caption.medium_maincolor {
    color: #0ea5a0
}

.caption.textblock_grey {
    position: absolute;
    color: #777;
    text-shadow: none;
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    opacity: .99
}

.caption.textblock_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-size: 15px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    opacity: .99
}

.caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)
}

.caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)
}

.caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)
}

.caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    letter-spacing: -2px
}

.caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #000
}

.caption.very_big_black {
    position: absolute;
    color: #353535;
    text-shadow: none;
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 3px 5px
}

.caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.caption.black {
    color: #000;
    text-shadow: none
}

.caption.noshadow {
    text-shadow: none
}

.caption a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

.caption a:hover {
    color: #ffa902
}

.pagination {
    padding: 0;
    margin: 0
}

.pagination a, .pagination a:visited {
    padding: 5px 11px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #555;
    margin-left: -1px;
    font-size: 13px;
    font-weight: 600
}

.pagination a:hover, .pagination a:active, .pagination a.active {
    background-color: #eee
}

@media only screen and (max-width: 420px) {
    .pagination.rightfloat {
        clear: both;
        float: left;
        margin-top: 15px
    }
}

.fadegroup .fadeitem {
    -webkit-transform: translateZ(10);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-in-out
}

.fadegroup .fadeitem.nothovered {
    -moz-opacity: .3;
    filter: alpha(opacity=30);
    opacity: .3
}

.reversefadeitem {
    -webkit-transform: translateZ(10);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-opacity: .7;
    filter: alpha(opacity=70);
    opacity: .95;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-in-out;
    cursor: pointer;
    z-index: 9999
}

.reversefadeitem:hover {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.featured-article-horslider {
    position: relative
}

.featured-article-horslider .carousel-indicators {
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 50px
}

.featured-article-horslider .carousel-indicators li {
    background-color: #b2b2b2;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer
}

.featured-article-horslider .carousel-indicators li.active, .featured-article-horslider .carousel-indicators li:hover {
    background-color: #7c7c7c
}

.fullwidth_img_container_small {
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    position: relative
}

.mr_social_sharing_wrapper {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0
}

div.mr_social_sharing_top, span.mr_social_sharing_top {
    vertical-align: top;
    float: left
}

span.mr_social_sharing, span.mr_social_sharing_top {
    display: inline-block
}

div.mr_social_sharing, span.mr_social_sharing, div.mr_social_sharing_top, span.mr_social_sharing_top {
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    padding: 0;
    vertical-align: bottom
}

.fb-like-style {
    display: inline-block;
    width: 75px;
    height: 20px;
    overflow: hidden
}

.fb-like-style-span {
    height: 20px;
    width: 75px
}

.fb-like-iframe {
    border: none;
    overflow: hidden;
    height: 20px;
    width: 225px
}

.google-like-style {
    height: 20px;
    width: 32px;
    display: inline-block;
    text-indent: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-style: none;
    float: none;
    line-height: normal;
    font-size: 1px;
    vertical-align: baseline;
    background-position: initial initial;
    background-repeat: initial initial
}

.google-like-iframe {
    position: static;
    top: 0;
    width: 32px;
    margin: 0;
    border-style: none;
    left: 0;
    visibility: visible;
    height: 20px
}

.twitter-like-iframe {
    width: 65px;
    height: 20px
}

.carousel-control {
    width: 40px;
    height: 40px;
    font-size: 24px;
    left: 0;
    line-height: 35px;
    background: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #000
}

.carousel-control.right {
    left: auto;
    right: 0
}

.carousel-control:hover {
    color: #000
}

@-webkit-keyframes fallDown {
    0% {
        -webkit-transform: translateY(-150%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes fallUp {
    0% {
        -webkit-transform: translateY(150%)
    }

    100% {
        -webkit-transform: translateY(0%)
    }
}

@-webkit-keyframes open {
    0% {
        -webkit-transform: scale(1, 0)
    }

    100% {
        -webkit-transform: scale(1, 1)
    }
}

@-webkit-keyframes close {
    0% {
        -webkit-transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1, 0)
    }
}

@-webkit-keyframes squeeze {
    0% {
        height: 400px
    }

    100% {
        height: 120px
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(120%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-120%)
    }

    100% {
        -webkit-transform: translateX(0%)
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(0px)
    }

    100% {
        -webkit-transform: translateY(-170px)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -webkit-transform: scale(1.3)
    }

    20%, 75% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -webkit-transform: scale(1)
    }

    100% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
        -webkit-transform: scale(0)
    }
}

@-webkit-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -webkit-transform: scale(1.3)
    }

    50% {
        opacity: .5;
        text-shadow: 0 0 10px #fff;
        -webkit-transform: scale(1.1)
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes fadeInBack {
    0% {
        opacity: 0;
        -webkit-transform: scale(0)
    }

    50% {
        opacity: .4;
        -webkit-transform: scale(2)
    }

    100% {
        opacity: .2;
        -webkit-transform: scale(5)
    }
}

@-webkit-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(360deg)
    }

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

@-moz-keyframes fallDown {
    0% {
        -moz-transform: translateY(-150%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-moz-keyframes fallUp {
    0% {
        -moz-transform: translateY(150%)
    }

    100% {
        -moz-transform: translateY(0%)
    }
}

@-moz-keyframes open {
    0% {
        -moz-transform: scale(1, 0)
    }

    100% {
        -moz-transform: scale(1, 1)
    }
}

@-moz-keyframes close {
    0% {
        -webkit-transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1, 0)
    }
}

@-moz-keyframes squeeze {
    0% {
        height: 400px
    }

    100% {
        height: 120px
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes slideLeft {
    0% {
        -moz-transform: translateX(120%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-moz-keyframes slideRight {
    0% {
        -moz-transform: translateX(-120%)
    }

    100% {
        -moz-transform: translateX(0%)
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(0px)
    }

    100% {
        -moz-transform: translateY(-170px)
    }
}

@-moz-keyframes zoomIn {
    0% {
        -moz-transform: scale(0)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-moz-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -moz-transform: scale(1.3)
    }

    20%, 75% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -moz-transform: scale(1)
    }

    100% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
        -moz-transform: scale(0)
    }
}

@-moz-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        -moz-transform: scale(1.3)
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        -moz-transform: scale(1)
    }
}

@-moz-keyframes fadeInBack {
    0% {
        opacity: 0;
        -moz-transform: scale(0)
    }

    50% {
        opacity: .4;
        -moz-transform: scale(2)
    }

    100% {
        opacity: .2;
        -moz-transform: scale(5)
    }
}

@-moz-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(360deg)
    }

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

@keyframes fallDown {
    0% {
        transform: translateY(-150%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes fallUp {
    0% {
        transform: translateY(150%)
    }

    100% {
        transform: translateY(0%)
    }
}

@keyframes open {
    0% {
        transform: scale(1, 0)
    }

    100% {
        transform: scale(1, 1)
    }
}

@keyframes close {
    0% {
        -webkit-transform: scale(1, 1)
    }

    100% {
        -webkit-transform: scale(1, 0)
    }
}

@keyframes squeeze {
    0% {
        height: 400px
    }

    100% {
        height: 120px
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(120%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-120%)
    }

    100% {
        transform: translateX(0%)
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(0px)
    }

    100% {
        transform: translateY(-170px)
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        transform: scale(1.3)
    }

    20%, 75% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        text-shadow: 0 0 50px #fff;
        transform: scale(0)
    }
}

@keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0 0 40px #fff;
        transform: scale(1.3)
    }

    50% {
        opacity: .5;
        text-shadow: 0 0 10px #fff;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 1px #fff;
        transform: scale(1)
    }
}

@keyframes fadeInBack {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    50% {
        opacity: .4;
        transform: scale(2)
    }

    100% {
        opacity: .2;
        transform: scale(5)
    }
}

@keyframes fadeInRotate {
    0% {
        opacity: 0;
        transform: scale(0) rotate(360deg)
    }

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

#config-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: visible;
    z-index: 1500;
    display: none;
    color: #000
}

#config-menu {
    z-index: 10000;
    position: fixed;
    top: 78px;
    left: -195px;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(128, 128, 128, 0.2);
    -webkit-box-shadow: 0 0 3px 1px rgba(128, 128, 128, 0.2);
    -moz-box-shadow: 0 0 3px 1px rgba(128, 128, 128, 0.2);
    max-width: 250px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 195px
}

#config-menu.active {
    left: 0
}

.config-navigator {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 35px;
    top: 0;
    display: none
}

.config-closer {
    width: 40px;
    height: 40px;
    background-color: #333;
    position: absolute;
    top: 0;
    right: -40px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    cursor: pointer
}

.config-closer:hover {
    color: #777
}

#config-menu.active {
    right: 0
}

.config-menuheader {
    line-height: 40px;
    background: #333;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

#config-menu ul {
    border: 1px solid #e8e8e8
}

#config-menu ul li {
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    color: #000;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer
}

#config-menu ul li:hover {
    color: #78c4d2
}

#config-menu ul li.selected, #config-menu ul li.selectedss {
    color: #78c4d2
}

#config-menu ul li.config-mainmenu {
    background: #f2f2f2;
    cursor: default;
    color: #000 !important
}

.config-color {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 3px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.cc1 {
    background-color: #9c3
}

.cc2 {
    background-color: #52bde9
}

.cc3 {
    background-color: #F29935
}

.cc4 {
    background-color: #f27935
}

.cc5 {
    background-color: #0ea5a0
}

.backgroundimages .bg-image {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 3px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.bg1 {
    background: url(../images/pattern/pattern.png)
}

.bg2 {
    background: url(../images/pattern/fabric_of_squares_gray.png)
}

.bg3 {
    background: url(../images/pattern/white_wall_hash.png)
}

.bg4 {
    /* background: url(../images/pattern/diamond_upholstery.png); */
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    /* background-size: cover; */
}

.bg5 {
    background: url(../images/pattern/grey_wash_wall.png)
}

.bg6 {
    background: url(../images/pattern/gray_jean.png)
}

.bg7 {
    background: url(../images/pattern/grey-pat.png)
}

.bg8 {
    background: url(../images/pattern/grey-pat2.png)
}

.bg9 {
    background: url(../images/pattern/diamond_upholstery - Copy.png)
}

.bg10 {
    background: url(../images/pattern/retina_wood.png)
}

.nobottommargin {
    margin-bottom: 0 !important
}

.smallbottommargin {
    margin-bottom: 3px !important
}

.minibottompading {
    padding-bottom: 10px !important
}

.selectedfooter, .selectedhead, .selectedbody, .selectedcc, .config-color:hover {
    border-bottom: 2px solid #777;
    border-top: 2px solid #777;
    margin-top: -2px
}

.simple-nav {
    list-style-type: none;
    list-style-position: outside;
    border-top: 0 solid #efefef;
    padding-right: 20px
}

.simple-nav li {
    padding: 15px 0 15px 25px;
    border-bottom: 0 solid #efefef;
    list-style-image: url(../images/sidenav-arrow.png);
    direction: rtl
}

.simple-nav li a:hover {
    text-decoration: underline
}

.simple-nav li a {
    color: #4f87c0;
    text-decoration: none
}

.simple-nav li.current a {
    color: #1c1c1c
}

img.noshadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.simple-nav li.current a:hover {
    text-decoration: none
}

.round-check-list {
    list-style-type: none;
    list-style-position: outside;
    border-top: 1px solid #efefef;
    width: 200px
}

.round-check-list li {
    border-bottom: 1px solid #efefef
}

.round-check-list li a {
    display: block;
    padding: 5px 0 5px 25px;
    background: #fff url(images/blue-list.png) no-repeat 5px 7px
}

.round-check-list li.current a {
    color: #000
}

.round-check-list li.current a:hover {
    text-decoration: none
}

.round-check-list2 {
    list-style-type: none;
    list-style-position: outside;
    border-top: 1px solid #efefef;
    width: 200px
}

.round-check-list2 li {
    border-bottom: 1px solid #efefef
}

.round-check-list2 li a {
    display: block;
    padding: 5px 0 5px 25px;
    background: #fff url(images/orange-list.png) no-repeat 5px 7px
}

.round-check-list2 li.current a {
    color: #000
}

.round-check-list2 li.current a:hover {
    text-decoration: none
}

.round-list {
    list-style-type: none;
    list-style-position: outside;
    border-top: 0 solid #efefef;
    direction: rtl;
    padding: 20px
}

.round-list li {
    width: 100%;
    border-bottom: 0 solid #efefef;
    color: #222;
    padding: 5px 0 10px 25px;
    list-style-position: inside;
    margin-right: 20px;
    text-indent: -2.2em
}

ul.bullet li {
    color: #555;
    padding: 5px 0 5px 5px;
    list-style-type: square;
    color: #666
}

.round-list a {
    color: #234787;
    text-decoration: none;
    font-family: Droid Arabic Kufi, tahoma
}

.round-list a:hover {
    color: #FC8F05
}

.round-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    width: .1em;
    margin-right: 2em
}

.right-bordered-orange {
    border-right: 3px solid #FF8000
}

.left-bordered-orange {
    border-left: 3px solid #FF8000
}

.right-bordered-orange_ar {
    border-right: 3px solid #FF8000
}

.right-bordered-green {
    border-right: 3px solid #86B300
}

.right-bordered-blue {
    border-right: 3px solid #0A659C
}

.content_img_wrapper {
    overflow: hidden
}

.content_img {
    border: 1px solid #8A8A7B
}

.main_page_text p {
    margin-bottom: 5px
}

.resp {
    width: 500px;
    height: auto
}

.signature {
    margin-right: 10px
}

.news_thumb {
    width: 370px;
    max-height: 300px
}

@media only screen and (min-width: 581px) and (max-width: 1999px) {
    .resp_img {
        height: auto;
        max-width: 99.5%;
        border: 1px solid #575748;
        background: #FFF;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1)
    }
}

hr.black {
    border-width: 0px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(113, 129, 138), rgba(0, 0, 0, 0));
}

.close_ann {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-shadow: 0 1px 0 #000
}

.content_title {
    font-size: 14px;
    color: #FFF
}

.main_title_boxed {
    padding: 5px 10px;
    border: 0 solid #F0F0F0;
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    padding-right: 0
}

.content-title2 {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    display: inline-block;
    margin-bottom: -6px;
    padding-bottom: 9px;
    font-size: 16px;
    font-weight: 600;
    border-color: #F29935
}

.stickyheader {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.sticky_news_header {
    width: 1227px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    top: 144px;
    right: 50%;
    margin-right: -625px;
    z-index: 999999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7)
}

#mysocialdiv {
    float: right;
    margin-bottom: 20px
}

#carousel_continer {
    box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2)
}

#myCarousel2, #myCarousel3 {
    border: 0 solid #DDD;
    padding-top: 10px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 5px
}

#myCarousel2 .carousel-control, #myCarousel3 .carousel-control {
    top: 150px;
    background: none repeat scroll 0 0 #333
}

#myCarousel2 .carousel-inner {
    padding-left: 20px
}

#myCarousel3 .carousel-inner {
    padding: 10% auto
}

#myCarousel2 .carousel-inner li {
    margin-left: 20px
}

#myCarousel3 .carousel-inner li {
    margin-left: 2%
}

#myCarousel2.thumbnail, #myCarousel3.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: 0;
    border: none;
    background-color: none
}

#myCarousel3 .carousel-inner li {
    float: left
}

.carousel-inner .thumbnail img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .56s ease-out;
    transition: all .5s ease-out
}

.carousel-inner li:hover img {
    filter: none;
    -webkit-filter: grayscale(0%)
}

.main_content {
    text-align: right;
    direction: rtl
}

.main_content_ar {
    text-align: right;
    direction: rtl
}

.main_content_en {
    text-align: left;
    direction: ltr;
    font-size: 14px;
}

.new_content p, .main_content p {
    line-height: 27px
}

.style404 {
    text-align: center;
    display: block;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Merriweather Sans", sans-serif;
    font-weight: 700;
    font-size: 70pt;
    margin-bottom: 60px
}

.wrap {
    overflow: hidden
}

.ias_loader, .ias_trigger {
    text-align: center;
    margin: 30px 0 40px;
}

.ias_trigger a:link, .ias_trigger a:visited {
    padding: 8px 17px;
    background-color: #FAFAFA;
    border: solid 1px #ddd;
    border-radius: 4px;
    font: bold 12px Arial, sans-serif;
    color: #555;
    text-decoration: none;
}

.ias_trigger a:hover, .ias_trigger a:active {
    border-color: #ccc
}

.splash {
    position: absolute;
    z-index: 2000;
    background: #fff;
    color: gray;
    top: 200px;
    bottom: 0;
    left: 0;
    right: 0
}

.splash-title {
    text-align: center;
    max-width: 500px;
    margin: 15% auto;
    padding: 20px
}

.splash-title h1 {
    font-size: 26px
}

@media print {
    .no-print, .no-print * {
        display: none !important
    }
}

.lang-btn {
    border-radius: 3px;
    padding: 3px;
    height: 35px;
    margin-left: 3px;
    cursor: pointer;
    width: 26px;
    height: auto;
    vertical-align: absmiddle
}

.right-to-left {
    direction: rtl
}

.news_slide_container {
    background: #FFF;
    padding: 20px;
    border: 1px solid #F3F3F3;
    border-top: 2px solid #64A4CA
}

.slick-slide {
    margin: 0 9px
}

.slick-list {
    margin: 0 -9px
}

.slick-slide {
    padding: 11px;
    background: #FBFBFB;
    border-radius: 3px
}

.slick-slide {
    text-align: center
}

.slick-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle
}

.slick-slide img {
    vertical-align: middle;
    display: inline-block
}

.news_padge {
    position: relative;
    width: calc(100% + 20px);
    height: 25px;
    z-index: 1000;
    left: 10px;
    top: -30px;
    line-height: 25px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-shadow: inset 2px 1px 1px #FFF;
    /* box-shadow: inset 0px 1px 5px rgba(10,10,10,0.4); */
    opacity: 0.9;
    overflow: hidden;
}

.news_padge2 {
    opacity: 0.9;
    position: relative;
    padding-left: 10px;
    width: 100px;
    height: 25px;
    z-index: 1000;
    /* left: -47px; */
    top: 2px;
    line-height: 25px;
    border-radius: 3px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    margin-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    text-shadow: inset 2px 1px 1px #FFF;
    /* box-shadow: inset 0px 1px 5px rgba(10,10,10,0.4); */
}

.newsticker_wrapper {

    --background: url("clean_red/wrapper_bg.png") no-repeat scroll center bottom #FFFFFF;
    /*border-bottom: 1px solid #FF8000;
	border-bottom: 1px solid #FF5C26;
	*/
    border-bottom: 1px solid #FF5C26;
    color: #FFF;
    font: 12px/23px Arial, Helvetica, sans-serif;
    height: 23px;
    padding: 9px 0 !important;
    background: #2699bf;
    /* gradient */
    /*
	background-image: linear-gradient(top, #363636, #1f1f1f); /* W3C */
    /*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#1f1f1f'); /* IE5.5 - 7 */
    /*
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#363636', endColorstr='#1f1f1f'); /* IE8 */
    /*
	background: -ms-linear-gradient(top, #363636, #1f1f1f); /* IE9 */
    /*
	background: -moz-linear-gradient(top, #363636, #1f1f1f); /* Firefox */
    /*
	background: -o-linear-gradient(top, #363636, #1f1f1f); /* Opera 11  */
    /*! background: -webkit-linear-gradient(top, #26a4bf, #26a4bf); */
    /* /* Chrome 11  */
    /*! background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #363636), color-stop(1, #1f1f1f)); */
    /* /* Chrome 10, Safari */
    /*
	box-shadow:1px 0px 2px rgba(0,0,0,0.5);
 */
}

.newsticker_wrapper li.main_list_ticker {
    direction: rtl;
    position: relative;
}

/*
.newsticker_wrapper li.main_list_ticker a:after{
content:"";
z-index:-1;
position:absolute;
border-right:1px solid #353b3f;
box-shadow:1px 0px 0px #121517;
height:25px;
top:0px;
left:-10%;
}
*/
.newsticker_wrapper ul li a {
    color: #DDDDDD;
    /*
text-shadow:1px 0px 3px #7B7B7B;
*/
}

.newsticker_wrapper ul li a:hover {
    color: #F9F9F9;
    /*
text-shadow:1px 0px 0px #222;
*/
}

.newsticker_wrapper h4 {

    color: #FEFEFE;
    font: 13px Droid Arabic Kufi, tahoma, tahoma;
    font-weight: bold;
    margin: 0 15px 0 0;
    overflow: hidden;
    padding: 0 8px 0 9px;
    text-transform: uppercase;
}

.newsticker_wrapper a {
    font: 14px Open Sans, tahoma, tahoma;
    color: #ce462b;
    text-decoration: none;
}

.newsticker {
    margin: 0;
    padding: 0;
}

.newsticker li {
    padding: 0 15px;
}

.newsticker_controls {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    position: absolute;
    right: 9px;
    top: 9px;
}

.newsticker_style_reveal .newsticker_controls {
    right: 9px;
    top: 10px;
}

.newsticker_controls li {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 34px;
}

.newsticker_controls .pause {
    background-image: url("clean_red/pause.png");
}

.newsticker_controls .resume {
    background-image: url("clean_red/resume.png");
}

.newsticker_controls .previous {
    background-image: url("clean_red/previous.png");
    border-right: 1px solid #C9CACC;
}

.newsticker_controls .next {
    background-image: url("clean_red/next.png");
    border-left: 1px solid #C9CACC;
}

.newsticker_style_reveal .newsticker li {
    left: 15px !important;
}

.newsticker_style_scroll .newsticker li {
    margin-right: 80px;
    padding: 0;
}

.newsticker_title {
    position: relative;
    float: right !important;
}

.newsticker_title:before {
    content: "\f053";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 2px;
}

.styleum {
    text-align: center;
    display: block;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Merriweather Sans", sans-serif;
    font-weight: 700;
    font-size: 50pt;
    margin-bottom: 60px;
    line-height: 50pt;
    color: #7f8586;
}

.sidebar-menu a {
    font-size: 12px !important;
}

.sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #222d32;
}

.sidebar-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
}

.sidebar-menu>li>a {
    padding: 12px 5px 5px 15px;
    display: block;
    border-right: 3px solid transparent;
    color: #b8c7ce;
}

.sidebar-menu>li>i {}

.sidebar-menu>li>a>.fa {
    color: #b8c7ce !important;
    width: 20px;
    font-size: 14px;
}

.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a {
    color: #fff;
    background: #1e282c;
    border-right-color: #3c8dbc;
}

.sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}

.sidebar-menu>li .label,
.sidebar-menu>li .badge {
    margin-top: 3px;
    margin-left: 5px;
}

.sidebar-menu li.menuheader {
    font:
        /*small-caps*/
        normal 16px/100% Arial, Helvetica, sans-serif;
    padding: 10px 25px 10px 15px;
    color: #FEFEFE;
    border-bottom: 1px solid #ff8000;
    background: #272626;
}

.sidebar-menu li>a>.fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-left: 10px;
    margin-top: 3px;
}

.sidebar-menu li.active>a>.fa-angle-left {
    transform: rotate(-90deg);
}

.sidebar-menu li.active>.treeview-menu {
    display: block;
}

.sidebar-menu a {
    color: #b8c7ce;
    text-decoration: none;
}

.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 10px;
}

.sidebar-menu .treeview-menu .treeview-menu {
    padding-right: 20px;
}

.sidebar-menu .treeview-menu>li {
    margin: 0;
}

.sidebar-menu .treeview-menu>li>a {
    padding: 5px 5px 5px 15px;
    display: block;
    font-size: 14px;
    color: #8aa4af;
    font-size: 12px !important;
}

.sidebar-menu .treeview-menu>li>a>.fa {
    width: 15px;
    font-size: 8px;
}

.sidebar-menu .treeview-menu>li>a>.fa-angle-left,
.sidebar-menu .treeview-menu>li>a>.fa-angle-down {
    width: auto;
}

.sidebar-menu .treeview-menu>li.active>a, .sidebar-menu .treeview-menu>li>a:hover {
    color: #fff;
}

.sidebar-menu .fa {
    color: #b8c7ce !important;
}

.subheader_wrapper a {
    color: #1d1d1d;
}

.left-header {
    float: left;
    margin-left: 35px;
}

.right-header {
    float: right;
    margin-right: 35px;
}

.left-header a {
    margin-left: 10px;
}

.left-header a span {
    margin-left: 5px;
    font-size: 13px;
}

.left-header i {
    font-size: 14px;
}

.left-header li, .right-header li {
    line-height: 45px;
}

/**********************************************
	-	THE NAVIGATION MENU	-
************************************************/

#nav_en {
    float: left;
    position: relative;
    z-index: 1000;
    margin-bottom: 0px;
    margin-left: -50px;

    font-family: 'open sans', Arial, "Merriweather Sans", sans-serif;
    /*
font-family:'Merriweather Sans', Sans Serif,arial;
*/
}

#nav_en, #nav_en a, #nav_en a:visited {
    text-decoration: none;
}

#nav_en a.activepage {
    font-weight: 500;
    font-size: 12px;
}



/*****************************
	THE 1ST LEVEL MAIN MENU
******************************/

#nav_en>ul>li {
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-in-out;
    color: #FEFEFE;
}

#nav_en>ul>li {
    float: left;
    position: relative;
    margin-right: 0px;
    margin-bottom: 0px;
    /* border-right:1px solid #444444; */
    border-bottom: 2px solid transparent;
}


#nav_en>ul>li:first-child {
    /* border-left:1px solid #444444; */
}

/*
#nav_en >ul>li:last-child		{	background:url(../images/assets/menudivider.png) no-repeat right center, url(../images/assets/menudivider.png) no-repeat right center; padding:0px 1px; }
*/


#nav_en>ul>li:first-child:after {
    content: "";
    z-index: -1;
    position: absolute;
    border: none;
}

#nav_en>ul>li>a,
#nav_en>ul>li>a.visited,
#nav_en>ul>li>span,
#nav_en>ul>li>span.visited {
    line-height: 65px;
    color: #ffffff;
    padding: 25px 13px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    text-transform: uppercase;
    /*text-shadow: 0 1px 1px rgba(49,49,64,0.7);*/
}


#nav_en>ul>li a:hover,
#nav_en>ul>li a:active,
#nav_en>ul>li>span:hover,
#nav_en>ul>li>span:active {

    color: #333;
}

#nav_en>ul>li:hover,
#nav_en>ul>li.active {
    background-color: #ffffff69;
    border-bottom: 2px solid #4adeef;
}

#nav_en>ul>li:hover span,
#nav_en>ul>li.active span {
    color: #333 !important;
}

/**********************
	THE 2st LEVEL MENU
**********************/

#nav ul li>ul {
    position: absolute;
    /* right: -200px; */
    top: 45px;
    width: 250px;
    background-color: #02445f;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid #d5d5d524;
    border-top: none;
    border-left: none;
}

#nav_en ul li:hover>ul {
    top: 67px;
    visibility: visible;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

#nav_en ul li ul {
    margin-left: 200px;
}

#nav_en ul li ul li>ul {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #fff;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;

}

#nav_en ul li ul li:hover>ul {
    top: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


#nav_en ul li ul>li {
    position: relative;
    /*width:100%;*/
    padding: 9px 0px 8px !important;
    background-color: #fff;
    border-bottom: 1px solid #EEEEEE;
}

#nav_en ul li ul>li:first-child {
    padding-top: 0px;
}

#nav_en ul li ul>li:last-child {
    padding-bottom: 0px;
    border-bottom: none;
}

#nav_en ul li ul>li a,
#nav_en ul li ul>li span,
#nav_en ul li ul>li a:visited {


    color: #777;
    font-size: 12px;
    font-weight: 500;
    padding: 9px 18px;
    white-space: nowrap;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    cursor: pointer;
}

#nav_en ul li ul li>a {
    margin-left: 10px;
    font-weight: 500;
    font-size: 12px;
}

#nav_en ul li ul li:hover>a {
    margin-left: 0px;

}

#nav_en ul li ul li:hover {
    background-color: #FCFCFC;
    border-left: 2px solid #60E3FF;

}

#nav_en ul li ul>li:hover>a {}

#nav_en ul li ul>li:hover,
#nav_en ul li ul>li:hover>span,
#nav_en ul li ul>li:hover>a {
    color: #EEEEEE;
}

body.red #nav_en ul li ul>li:hover,
body.red #nav_en ul li ul>li:hover>span,
body.red #nav_en ul li ul>li:hover>a {
    color: #2ABED7;
}


#nav_en ul li>ul li.has-child>a:after {
    position: absolute;
    font-family: FontAwesome;
    color: #444;
    right: 8px;
    content: "\f105";
}

#nav ul#main-menu {
    margin-right: 62px;
}

#nav ul#main-menu>li.has-child>a:before {
    position: absolute;
    font-family: FontAwesome;
    color: #00bcd4;
    left: 10px;
    content: "\f107";
    top: 1px;
    font-size: 14px;
    transition: all .3s ease-in-out;
    transform-origin: center;
}

#nav ul#main-menu>li.has-child>a:after {
    content: "";
    height: 0px;
    width: calc(100%);
    background: #00bcd4;
    top: 56px;
    left: 0px;
    position: absolute;
    transition: all ease-in-out 0.1s;
    z-index: -1;
    /* border-top-right-radius: 5px; */
    /* border-top-left-radius: 5px; */
}


#nav ul#main-menu>li:not(.has-child)>a:after {
    content: "";
    height: 0px;
    width: calc(100%);
    background: #ffffff;
    top: 12px;
    left: 0px;
    position: absolute;
    transition: all ease-in-out 0.1s;
    z-index: -1;
    /* border-top-right-radius: 5px; */
    /* border-top-left-radius: 5px; */
    border-radius: 5px;
}

#nav ul#main-menu>li:not(.has-child):hover>a:after {
    height: 36px;
}

#nav ul#main-menu>li.has-child:hover>a:after {
    height: 2px;
}

#nav ul#main-menu>li.has-child:hover>a:before {
    transform: rotate(450deg);
    color: #222;

}

#nav ul>li.has-child {
    padding-left: 8px;
}

#nav ul li>ul li>a:before {
    position: absolute;
    /* font-family:FontAwesome; */
    color: #00bcd4;
    right: 5px;
    /* content: "\f111"; */
    /* font-size: 5px; */
    top: 11px;
    width: 2px;
    height: 29px;
}

#nav>ul>li:hover a, #nav>ul>li.active a {}

#nav ul li ul li>ul {
    position: absolute;
    /* left:0px; */
    top: 0px;
    width: 100%;
    /*! background-color:#fff; */
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-in-out;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}




@media only screen and (min-width: 980px) and (max-width: 1199px) {}


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

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



@media only screen and (min-width: 0px) and (max-width: 479px) {}

.main_content {
    text-align: left;
    direction: ltr;
}

/* 	.right-bordered-orange {
  border-left: 3px solid #FF8000;
  border-right:none;
}	 */
/* .simple-nav_en,.simple-nav{ list-style-type:none; list-style-position:outside; border-top:0px solid #efefef;padding-left:20px;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-size:13px;color:#222;}
.simple-nav_en li,.simple-nav li{ padding:15px 0 15px 2px;border-bottom:0px solid #efefef;list-style-image: url(../images/sidenav-arrow.png);direction: ltr;} */

/*.round-list_en,.round-list{list-style-type:none;list-style-position:outside;border-top:0px solid #efefef;direction:ltr;padding:20px;font-family: "Open Sans", Helvetica, Arial, sans-serif;/* font-size:13px; */
/*color:#222;}
	.round-list_en li,.round-list li{width:100%;border-bottom:0px solid #efefef;color:#222222;padding:5px 0 10px 0px; /*list-style-image: url(../images/orange-list.png);*/
/*list-style-position: inside;margin-left:20px;text-indent:-2.2em}*/




/*BULLET LIST NO LINKS*/

.round-list_en a, .round-list a {
    color: #234787;
    text-decoration: none;
}

.round-list_en a:hover, .round-list a:hover {
    color: #FC8F05;
}


.round-list_en li:before, .round-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    display: inline-block;
    width: 0.1em;
    margin-left: 2.0em;
}



.left-bordered-orange {
    border-left: 3px solid #FF8000;
}

.left-bordered-green {
    border-left: 3px solid #86B300;
}

.left-bordered-blue {
    border-left: 3px solid #0A659C;
}

.content_title_en {

    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.main-footer-title {
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.btn {
    border-radius: 3px !important;
}

.btn-primary.btn-outline {
    color: #34495e;
}

.btn-primary2.btn-outline {
    color: #9b59b6;
}

.btn-success.btn-outline {
    color: #62cb31;
}

.btn-info.btn-outline {
    color: #3498db;
}

.btn-warning.btn-outline {
    color: #ffb606;
}

.btn-warning2.btn-outline {
    color: #e67e22;
}

.btn-danger.btn-outline {
    color: #e74c3c;
}

.btn-danger2.btn-outline {
    color: #c0392b;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.btn-primary {
    background-color: #34495e;
    border-color: #4f5f6f;
    color: #FFFFFF;
}

.btn-turquoise {
    background-color: #4496b6;
    border-color: #40abc8;
    color: #FFFFFF;
}

.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active,
.btn-turquoise.active,
.open .dropdown-toggle.btn-turquoise {
    background-color: #34cadb;

    border-color: #42b8c6;

    color: #FFFFFF;

}

.btn-datatable {
    background-color: #4496b6;
    border-color: #40abc8;
    color: #FFFFFF;
}

.btn-datatable:hover,
.btn-datatable:focus,
.btn-datatable:active,
.btn-datatable.active,
.open .dropdown-toggle.btn-datatable {
    background-color: #34cadb;

    border-color: #42b8c6;

    color: #FFFFFF;

}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #3f5872;
    border-color: #3f5872;
    color: #FFFFFF;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #293a4a;
    border-color: #293a4a;
}

.btn-primary2 {
    background-color: #9b59b6;
    border-color: #9b59b6;
    color: #FFFFFF;
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2:active,
.btn-primary2.active,
.open .dropdown-toggle.btn-primary2 {
    background-color: #a86ebf;
    border-color: #a86ebf;
    color: #FFFFFF;
}

.btn-primary2:active,
.btn-primary2.active,
.open .dropdown-toggle.btn-primary2 {
    background-image: none;
}

.btn-primary2.disabled,
.btn-primary2.disabled:hover,
.btn-primary2.disabled:focus,
.btn-primary2.disabled:active,
.btn-primary2.disabled.active,
.btn-primary2[disabled],
.btn-primary2[disabled]:hover,
.btn-primary2[disabled]:focus,
.btn-primary2[disabled]:active,
.btn-primary2.active[disabled],
fieldset[disabled] .btn-primary2,
fieldset[disabled] .btn-primary2:hover,
fieldset[disabled] .btn-primary2:focus,
fieldset[disabled] .btn-primary2:active,
fieldset[disabled] .btn-primary2.active {
    background-color: #8c49a7;
    border-color: #8c49a7;
}

.btn-success {
    background-color: #62cb31;
    border-color: #62cb31;
    color: #FFFFFF;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #74d348;
    border-color: #74d348;
    color: #FFFFFF;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #56b22b;
    border-color: #56b22b;
}

.btn-info {
    background-color: #3498db;
    border-color: #3498db;
    color: #FFFFFF;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #4ea5e0;
    border-color: #4ea5e0;
    color: #FFFFFF;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info.active[disabled],
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #2489cc;
    border-color: #2489cc;
}

.btn-default {
    background-color: #fff;
    border-color: #def1f3;
    color: #6a6c6f;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-color: #f1f1f1 !important;
    border-color: #d9dbdd !important;
    color: #606265;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default.active[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #e4ebee;
    border-color: #e4ebee;
}

.btn-warning {
    background-color: #ffb606;
    border-color: #ffb606;
    color: #FFFFFF;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #ffbf25;
    border-color: #ffbf25;
    color: #FFFFFF;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning.active[disabled],
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #e6a300;
    border-color: #e6a300;
}

.btn-warning2 {
    background-color: #e67e22;
    border-color: #e67e22;
    color: #FFFFFF;
}

.btn-warning2:hover,
.btn-warning2:focus,
.btn-warning2:active,
.btn-warning2.active,
.open .dropdown-toggle.btn-warning2 {
    background-color: #e98e3d;
    border-color: #e98e3d;
    color: #FFFFFF;
}

.btn-warning2:active,
.btn-warning2.active,
.open .dropdown-toggle.btn-warning2 {
    background-image: none;
}

.btn-warning2.disabled,
.btn-warning2.disabled:hover,
.btn-warning2.disabled:focus,
.btn-warning2.disabled:active,
.btn-warning2.disabled.active,
.btn-warning2[disabled],
.btn-warning2[disabled]:hover,
.btn-warning2[disabled]:focus,
.btn-warning2[disabled]:active,
.btn-warning2.active[disabled],
fieldset[disabled] .btn-warning2,
fieldset[disabled] .btn-warning2:hover,
fieldset[disabled] .btn-warning2:focus,
fieldset[disabled] .btn-warning2:active,
fieldset[disabled] .btn-warning2.active {
    background-color: #d26f18;
    border-color: #d26f18;
}

.btn-danger {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #ea6557;
    border-color: #ea6557;
    color: #FFFFFF;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger.active[disabled],
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #e43321;
    border-color: #e43321;
}

.btn-danger2 {
    background-color: #c0392b;
    border-color: #c0392b;
    color: #FFFFFF;
}

.btn-danger2:hover,
.btn-danger2:focus,
.btn-danger2:active,
.btn-danger2.active,
.open .dropdown-toggle.btn-danger2 {
    background-color: #d24637;
    border-color: #d24637;
    color: #FFFFFF;
}

.btn-danger2:active,
.btn-danger2.active,
.open .dropdown-toggle.btn-danger2 {
    background-image: none;
}

.btn-danger2.disabled,
.btn-danger2.disabled:hover,
.btn-danger2.disabled:focus,
.btn-danger2.disabled:active,
.btn-danger2.disabled.active,
.btn-danger2[disabled],
.btn-danger2[disabled]:hover,
.btn-danger2[disabled]:focus,
.btn-danger2[disabled]:active,
.btn-danger2.active[disabled],
fieldset[disabled] .btn-danger2,
fieldset[disabled] .btn-danger2:hover,
fieldset[disabled] .btn-danger2:focus,
fieldset[disabled] .btn-danger2:active,
fieldset[disabled] .btn-danger2.active {
    background-color: #a73225;
    border-color: #a73225;
}

.footer a {
    color: #999;
}

.news_padge:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fbfbfb;
    /* background-color: white; */
    top: 15px;
    left: -1px;
}

@charset "utf-8";
/* CSS Document */

.breakingNews {
    width: 100%;
    height: 40px;
    background: #444343;
    position: relative;
    border: solid 2px #2096cd;
    overflow: hidden;
}

.breakingNews>.bn-title {
    width: auto;
    height: 40px;
    display: inline-block;
    background: #2096cd;
    position: relative;
}

.breakingNews>.bn-title>h2 {
    display: inline-block;
    margin: 0;
    padding: 0px 20px 20px;
    line-height: 40px;
    font-size: 14px;
    color: #FFF;
    height: 40px;
    box-sizing: border-box;
    font-family: Droid Arabic Kufi;
}

.breakingNews>.bn-title>span {
    width: 0;
    transform: rotate(180deg);
    position: absolute;
    /* right: 68px; */
    top: 10px;
    left: -10px;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #ff5722;
}

.breakingNews>ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    left: 210px;
    top: 0;
    right: 123px;
    height: 40px;
    font-size: 16px;
}

.breakingNews>ul>li {
    position: absolute;
    height: 40px;
    width: 100%;
    line-height: 40px;
    display: none;
}

.breakingNews>ul>li>a {
    text-decoration: none;
    color: #f9f9f9;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: normal;
    font-family: 'Droid Arabic Kufi';
}

.breakingNews>ul>li>a>span {
    color: #2096cd;
    font-family: lato, arial, tahoma;
}

.breakingNews>ul>li>a:hover {
    color: #2096cd;
}

.breakingNews>.bn-navi {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.breakingNews>.bn-navi>span {
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    cursor: pointer;
    opacity: 0.3;
    background-image: url(../img/bn-arrows.png);
    background-repeat: no-repeat;
}

.breakingNews>.bn-navi>span:hover {
    opacity: 1;
}

.breakingNews>.bn-navi>span:first-child {
    background-position: left center;
    left: 0;
}

.breakingNews>.bn-navi>span:last-child {
    background-position: right center;
    right: 0;
}

.breakingNews:hover .bn-navi {
    opacity: 1;
}

.bn-large {
    height: 50px;
}

.bn-large>.bn-title {
    height: 50px;
}

.bn-large>.bn-title>h2 {
    line-height: 50px;
    font-size: 26px;
}

.bn-large>.bn-title>span {
    top: 15px;
}

.bn-large>ul {
    height: 50px;
    left: 250px;
    font-size: 20px;
}

.bn-large>ul>li {
    height: 50px;
    line-height: 50px;
}

.bn-large>.bn-navi {
    height: 50px;
}

.bn-large>.bn-navi>span {
    height: 50px;
}

.bn-small {
    height: 30px;
}

.bn-small>.bn-title {
    height: 30px;
}

.bn-small>.bn-title>h2 {
    line-height: 30px;
    font-size: 18px;
}

.bn-small>.bn-title>span {
    top: 5px;
}

.bn-small>ul {
    height: 30px;
    left: 200px;
    font-size: 14px;
}

.bn-small>ul>li {
    height: 30px;
    line-height: 30px;
}

.bn-small>.bn-navi {
    height: 30px;
}

.bn-small>.bn-navi>span {
    height: 30px;
}

/*color styles -----------------------------*/
.bn-red {
    border-color: #f44a56;
}

.bn-red>.bn-title {
    background: #f44a56;
}

.bn-red>.bn-title>span {
    border-left-color: #f44a56;
}

.bn-red>ul>li>a:hover, .bn-red>ul>li>a>span {
    color: #f44a56;
}

.bn-green {
    border-color: #27ae60;
}

.bn-green>.bn-title {
    background: #27ae60;
}

.bn-green>.bn-title>span {
    border-left-color: #27ae60;
}

.bn-green>ul>li>a:hover, .bn-green>ul>li>a>span {
    color: #27ae60;
}

.bn-purple {
    border-color: #795aac;
}

.bn-purple>.bn-title {
    background: #795aac;
}

.bn-purple>.bn-title>span {
    border-left-color: #795aac;
}

.bn-purple>ul>li>a:hover, .bn-purple>ul>li>a>span {
    color: #795aac;
}

.bn-turquoise {
    border-color: #1fb5ad;
}

.bn-turquoise>.bn-title {
    background: #1fb5ad;
}

.bn-turquoise>.bn-title>span {
    border-left-color: #1fb5ad;
}

.bn-turquoise>ul>li>a:hover, .bn-turquoise>ul>li>a>span {
    color: #1fb5ad;
}

.bn-orange {
    border-color: #f46e27;
}

.bn-orange>.bn-title {
    background: #f46e27;
}

.bn-orange>.bn-title>span {
    border-left-color: #f46e27;
}

.bn-orange>ul>li>a:hover, .bn-orange>ul>li>a>span {
    color: #f46e27;
}

.bn-black {
    border-color: #333;
}

.bn-black>.bn-title {
    background: #333;
}

.bn-black>.bn-title>span {
    border-left-color: #333;
}

.bn-black>ul>li>a:hover, .bn-black>ul>li>a>span {
    color: #333;
}

.bn-yellow {
    border-color: #d3ac23;
}

.bn-yellow>.bn-title {
    background: #d3ac23;
}

.bn-yellow>.bn-title>span {
    border-left-color: #d3ac23;
}

.bn-yellow>ul>li>a:hover, .bn-yellow>ul>li>a>span {
    color: #d3ac23;
}

.bn-light {
    border-color: #DDD;
}

.bn-light>.bn-title {
    background: #DDD;
}

.bn-light>.bn-title>h2 {
    color: #333;
}

.bn-light>.bn-title>span {
    border-left-color: #DDD;
}

.bn-light>ul>li>a:hover, .bn-light>ul>li>a>span {
    color: #DDD;
}

.bn-pink {
    border-color: #d65aac;
}

.bn-pink>.bn-title {
    background: #d65aac;
}

.bn-pink>.bn-title>span {
    border-left-color: #d65aac;
}

.bn-pink>ul>li>a:hover, .bn-pink>ul>li>a>span {
    color: #d65aac;
}

.bn-darkred {
    border-color: #d01e1e;
}

.bn-darkred>.bn-title {
    background: #1baebd;
    /* background-image: linear-gradient(to left, #4dc1d0 20%, #ffad31 80%); */
    background: linear-gradient(90deg, #ff5722, #ed3070);
}

.bn-darkred>.bn-title>span {
    border-right-color: #fb7808;
}

.bn-darkred>ul>li>a:hover, .bn-darkred>ul>li>a>span {
    color: #ff9800;
    /* font-family: tahoma,arial; */
}

.bn-bordernone {
    border: none;
    direction: rtl;
}

.bn-italic>ul>li>a {
    font-style: italic;
}

.bn-bold>ul>li>a {
    font-weight: bold;
}

.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span {
    transition: .25s linear;
    -moz-transition: .25s linear;
    -webkit-transition: .25s linear;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -1px;
    margin: auto;
    z-index: -1;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
    background-image: linear-gradient(to top, #00BCD4 20%, #0a486d 80%);
    z-index: ;
}

.bgTop {
    z-index: 15;
    opacity: 0.5;
}

.bgMiddle {
    z-index: 10;
    opacity: 0.75;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 100px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 120px;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 100px;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.sub-boxed-wrapper {
    /* border-top-right-radius: 10px; */
    overflow: hidden;
    /* border-top-left-radius: 10px; */
}

.container.topshadow {
    /* border: 1px solid #d0d0d0; */
    border-bottom: 0px;
    border-top: 0px;
}

.menu_container::before {
    position: absolute;
    content: '';
    display: inline;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 6px solid transparent;
    /* border-left: 8px solid #FF5722; */
    left: 0px;
    z-index: 1;
    top: 63%;
}

a.panel-title.accordion-toggle:hover {
    color: #7dfffa;
}

.right-bordered-cian_ar {
    /* border-right: 3px solid #00f3ff; */
}

.no-bg {
    background: #FEFEFE !important;
}

@media print {
    .person-list {
        margin: 20px;
    }
}

.tg-pagination {
    width: 100%;
    float: left;
    padding: 40px 0 0;
    font: 13px/30px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-pagination ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    list-style: none;
    line-height: 30px;
    text-align: center;
}

.tg-pagination ul li {
    margin: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f8f8f8;
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
}

.tg-pagination ul li a {
    color: #333;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    line-height: 30px;
}

.tg-pagination ul li.tg-nextpage a,
.tg-pagination ul li.tg-prevpage a {
    color: #333;
}

.tg-pagination ul li.tg-prevpage a {
    border-radius: 3px 0 0 3px;
}

.tg-pagination ul li.tg-nextpage a {
    border-radius: 0 3px 3px 0;
}

.tg-pagination ul li.tg-nextpage a i,
.tg-pagination ul li.tg-prevpage a i {
    display: block;
    line-height: 30px;
}

.tg-pagination ul li.tg-active a,
.tg-pagination ul li a:hover,
.tg-pagination ul li.tg-nextpage a:hover,
.tg-pagination ul li.tg-prevpage a:hover,
.tg-pagination ul li.tg-nextpage a:hover i,
.tg-pagination ul li.tg-prevpage a:hover i {
    color: #fff;
    background: #333;
}

/*==============================================
			Theme BreadCrumb
==============================================*/
.tg-breadcrumb {
    margin: 0;
    padding: 0;
    color: #666;
    float: left;
    list-style: none;
    text-align: right;
    text-transform: capitalize;
    font: 13px/16px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-breadcrumb li {
    width: auto;
    float: left;
    padding: 0 15px;
    position: relative;
    list-style-type: none;
    line-height: inherit;
}

.tg-breadcrumb li:after {
    top: 0;
    left: -3px;
    content: '\f105';
    position: absolute;
    font-size: inherit;
    line-height: inherit;
    font-family: 'FontAwesome';
}

.tg-breadcrumb li:first-child {
    padding-left: 0;
}

.tg-breadcrumb li:first-child:after {
    display: none;
}

.tg-breadcrumb li a {
    display: block;
}

.tg-prev,
.tg-next {
    top: 0;
    right: 0;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
}

.tg-prev span,
.tg-next span {
    color: #373542;
    display: block;
    line-height: 16px;
    margin: 0 14px 0 0;
}

.tg-prev {
    top: -2px;
    right: 40px;
    text-align: left;
}

.tg-next {
    text-align: right;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tg-prev span:after,
.tg-next span:after {
    content: '';
    top: 50%;
    left: 15px;
    width: 20px;
    height: 1px;
    z-index: -1;
    opacity: 0;
    background: #373542;
    position: absolute;
    visibility: hidden;
}

.tg-prev:hover span:after,
.tg-next:hover span:after {
    opacity: 1;
    visibility: visible;
}

.tg-prev:hover span:after,
.tg-next:hover span:after {
    left: 3px;
}

/*==============================================
			Theme Style
==============================================*/
.tg-home {}

.tg-wrapper {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.20);
}

body.tg-home .tg-main {
    padding: 20px 0;
}

.tg-main {
    padding: 40px 0;
}

.tg-twocolumns {
    width: 100%;
    float: left;
}

.tg-content {
    width: 100%;
    float: left;
}

.tg-sidebar {
    width: 100%;
    float: left;
}

.tg-themetabs {
    width: 100%;
    float: left;
    background: #f7f7f7;
}

.tg-themetabnav {
    width: 200px;
    float: left;
    list-style: none;
    font-size: 13px;
    line-height: 40px;
    background: #fff;
}

.mega-menu-col .tg-themetabnav {
    width: 200px;
    padding: 14px 0;
}

.tg-themetabnav li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}

.mega-menu-col .tg-themetabnav li {
    border: 0;
}

.tg-themetabnav li a {
    color: #666;
    display: block;
    position: relative;
    line-height: inherit;
}

.tg-themetabnav li a:after {
    top: 0;
    right: 15px;
    content: '\f105';
    position: absolute;
    font-size: inherit;
    line-height: inherit;
    font-family: 'FontAwesome';
}

.tg-themetabnav li.active a,
.tg-themetabnav li a:hover {
    color: #333;
    background: #f7f7f7;
}

.tg-themetabcontent {
    overflow: hidden;
}

.tg-tabpane {
    width: 100%;
    float: left;
    padding: 30px;
}

.tg-tabpane strong {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 15px;
    padding: 0 0 20px;
    font-weight: normal;
}

.tg-tabpane .tg-posts {
    clear: both;
    width: auto;
    float: none;
    margin: 0 -15px;
}

.tg-tabpane .tg-themepost {
    padding: 0 15px;
}

.tg-navigation .tg-featuredimg,
.tg-navigation .tg-themeposttags,
.tg-navigation .tg-matadata {
    line-height: 16px
}

.tg-navigation .tg-themeposttitle h3 {
    line-height: 19px;
}

.tg-navigation .tg-featuredimg a,
.tg-navigation .tg-themeposttags li a,
.tg-navigation .tg-themeposttitle h3 a,
.tg-navigation .tg-matadata li a,
.tg-navigation .tg-pricebox a {
    padding: 0;
}

.tg-navigation .tg-themeposttitle h3 a {
    color: #333;
}

.tg-posts {
    width: 100%;
    float: left;
}

.tg-themepost {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}

.tg-featuredimg {
    margin: 0;
    width: 100%;
    float: left;
    background: #333;
}

.tg-featuredimg a {
    z-index: 1;
    padding: 0;
    display: block;
    position: relative;
}

.tg-featuredimg a img {
    width: 100%;
    z-index: 1;
    display: block;
    position: relative;
}

.tg-themepostcontent {
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

.tg-themepostcontent>p {
    text-align: center;
    background: #f7f7f7;
    font-size: 14px;
    font-weight: 600;
}

.tg-themeposttags {
    width: 100%;
    float: right;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
}

.tg-themepostcontent .tg-themeposttags {
    margin: 0 0 10px;
}

.tg-themeposttags li {
    float: right;
    padding: 0 2px 0 5px;
    position: relative;
    line-height: inherit;
    list-style-type: none;
}

.tg-themeposttags li:first-child {
    padding-left: 0;
}

.tg-themeposttags li+li:before {
    top: 0;
    left: 0;
    content: ',';
    position: absolute;
}

.tg-themeposttags li a {
    color: #666;
    display: block;
    line-height: inherit;
}

.tg-themeposttitle {
    width: 100%;
    float: right;
    margin: 0 0 13px;
    padding: 2px 0 10px;
    border-bottom: 1px solid #eaae1d;
    height: 45px;
}

.tg-themeposttitle h3 {
    margin: 0;
    font-size: 16px;
    line-height: 19px;
}

.tg-navigation .tg-themeposttitle h3 a,
.tg-themeposttitle h3 a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-matadata {
    float: left;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
}

.tg-matadata li {
    float: left;
    position: relative;
    padding: 0 7px 0 8px;
    line-height: inherit;
    list-style-type: none;
}

.tg-matadata li:first-child {
    padding-left: 0;
}

.tg-matadata li+li:before {
    top: 4px;
    left: 0;
    content: '';
    width: 1px;
    height: 9px;
    position: absolute;
    background: #b2b2b2;
}

.tg-matadata li a {
    color: #666;
    display: block;
    line-height: inherit;
}

.tg-matadata li a i,
.tg-matadata li a span {
    float: left;
    line-height: inherit;
}

.tg-matadata li a i {
    padding: 0 4px 0 0;
}

.tg-pricebox {
    float: left;
    text-transform: capitalize;
    font: 400 16px/16px'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-pricebox a {
    color: #333;
}

.tg-themepost:hover .tg-featuredimg a img {
    opacity: 0.50;
}

.tg-themepostleftimg,
.tg-themepostleftthumb {
    padding: 15px 0;
}

.tg-themepostleftthumb .tg-featuredimg,
.tg-themepostleftimg .tg-featuredimg {
    width: auto;
    background: #333;
}

.tg-themepostleftthumb .tg-featuredimg {
    width: 70px;
}

.tg-themepostleftthumb .tg-featuredimg a img,
.tg-themepostleftthumb .tg-featuredimg img,
.tg-themepostleftimg .tg-featuredimg a img,
.tg-themepostleftimg .tg-featuredimg img {
    opacity: 0.50;
}

.tg-themepostleftthumb .tg-featuredimg a img:hover,
.tg-themepostleftthumb .tg-featuredimg img:hover,
.tg-themepostleftimg .tg-featuredimg img:hover,
.tg-themepostleftimg .tg-featuredimg a img:hover {
    opacity: 1;
}

.tg-themepostleftthumb .tg-themepostcontent,
.tg-themepostleftimg .tg-themepostcontent {
    width: auto;
    float: none;
    overflow: hidden;
    padding: 15px 0 15px 20px;
}

.tg-themepostleftthumb .tg-themepostcontent {
    padding: 0 0 0 20px;
}

.tg-themepostleftthumb .tg-themeposttitle,
.tg-themepostleftimg .tg-themeposttitle {
    border: 0;
    margin: 0;
    padding: 15px 0;
}

.tg-themepostleftthumb .tg-themeposttitle {
    padding: 0;
}

.tg-themepostleftthumb .tg-themeposttitle h3 {
    font-size: 13px;
    line-height: 20px;
}

.tg-themepostleftthumb .tg-themeposttitle h3 a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-themepostleftimg .tg-description {
    padding: 0 0 20px;
}

.tg-themepostleftimg .tg-description p {
    margin: 0;
}

.tg-btn {
    color: #fff;
    padding: 0 50px;
    position: relative;
    text-align: center;
    background: #373542;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font: 400 13px/40px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-btn:hover {
    color: #fff;
}

.tg-btn-sm {
    padding: 0 20px;
    line-height: 30px;
}

.tg-btn-lg {
    width: 100%;
}

.tg-btnsbox {
    width: 100%;
    float: left;
}

.tg-btnsbox .tg-btn {
    float: left;
    color: #333;
    padding: 0 20px;
    line-height: 30px;
    background: #f7f7f7;
}

.tg-btnsbox .tg-btn+.tg-btn {
    margin: 0 0 0 10px;
}

.tg-btnsbox .tg-btn:hover {
    color: #fff;
}

.tg-btnprev,
.tg-btnnext {
    color: #fff;
    color: #333;
    width: 28px;
    height: 28px;
    margin: 0 3px;
    display: block;
    cursor: pointer;
    background: #fff;
    line-height: 28px;
    text-align: center;
}

.tg-btnprev i,
.tg-btnnext i {
    display: block;
    line-height: inherit;
}

.tg-btnprev:hover,
.tg-btnnext:hover {
    color: #fff;
    background: #333;
}

.tg-btnroundprev,
.tg-btnroundnext {
    float: none;
    margin: 0 5px;
    border-radius: 50%;
    vertical-align: top;
    display: inline-block;
}

.tg-borderheading {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
}

.tg-borderheading h2 {
    margin: 0;
    color: #333;
    font-size: 20px;
    line-height: 20px;
}

.tg-inputwithicon {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    position: relative;
}

.tg-inputwithicon i {
    top: 1px;
    left: 1px;
    z-index: 2;
    width: 38px;
    height: 38px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    background: #f7f7f7;
}

.tg-inputwithicon .form-control,
.tg-inputwithicon .tg-select {
    margin: 0;
    z-index: 1;
    position: relative;
}

.tg-inputwithicon .form-control,
.tg-inputwithicon .tg-select select {
    padding-left: 45px;
}

/*==============================================
			Header Style
==============================================*/
.tg-header {
    z-index: 100;
    margin: 0 0 10px;
    position: relative;
}

.tg-topbar {
    width: 100%;
    float: left;
    min-height: 40px;
    background: #333;
    padding: 0 0 0 20px;
}

.tg-topbar .tg-leftbox {
    float: left;
}

.tg-topbar .tg-rightbox {
    float: right;
}

.tg-datebox,
.tg-rtltextbox {
    height: 40px;
    color: #999;
    font-size: 12px;
    line-height: 40px;
    margin: 0 14px 0 0;
    position: relative;
    padding: 0 15px 0 0;
}

.tg-datebox:before {
    top: 50%;
    right: 0;
    content: '';
    width: 1px;
    height: 12px;
    margin: -6px 0 0;
    position: absolute;
    background: #a0a0a0;
}

.tg-rtltextbox {
    font-size: 12px;
    line-height: 40px;
}

.tg-rtltextbox em {
    font-style: normal;
    padding: 0 15px 0 0;
    display: inline-block;
    vertical-align: top;
}

.tg-rtltextbox {
    color: #a0a0a0;
}

.tg-rtltextbox a {
    color: #999;
    margin: 0 5px 0 0;
    line-height: 40px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.tg-rtltextbox a:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #fff;
    position: absolute;
}

.tg-rtltextbox a:hover {
    color: #fff;
}

.tg-topbar .tg-rightbox .tg-tollfree {
    float: left;
    color: #999;
    line-height: 40px;
    padding: 0 30px 0 0;
}

.tg-themedropdown {
    position: relative;
    vertical-align: top;
    display: inline-block;
}

.tg-btndropdown {
    color: #999;
    width: 100%;
    float: left;
    display: block;
    font-size: 13px;
    line-height: 40px;
    position: relative;
    padding: 0 40px 0 15px;
    text-transform: capitalize;
    background: rgba(0, 0, 0, 0.40);
}

.tg-btndropdown:focus,
.tg-btndropdown:hover {
    color: #666;
}

.tg-btndropdown:after {
    top: 0;
    right: 15px;
    content: '\f107';
    position: absolute;
    line-height: inherit;
    font-family: 'FontAwesome';
}

.tg-btndropdown span,
.tg-btndropdown span {
    vertical-align: top;
    display: inline-block;
}

.tg-btndropdown span+span {
    padding: 0 0 0 10px;
}

.tg-themedropdownbox {
    top: 150px;
    left: 0;
    opacity: 0;
    z-index: 9;
    background: #fff;
    visibility: hidden;
    position: absolute;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.20);
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.20);
}

.tg-themedropdownbox ul {
    width: 100%;
    float: left;
    list-style: none;
}

.tg-themedropdownbox ul li {
    width: 100%;
    float: left;
    cursor: pointer;
    padding: 0 15px;
    list-style-type: none;
}

.tg-themedropdownbox ul li+li {
    border-top: 1px solid #ddd;
}

.tg-themedropdownbox ul li span {
    line-height: inherit;
    vertical-align: top;
    display: inline-block;
}

.tg-themedropdownbox ul li span+span {
    padding: 0 0 0 10px;
}

.tg-themedropdown.open .tg-themedropdownbox {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.tg-languagesdropdown {
    float: right;
}

.tg-logoandnoticeboard {
    width: 100%;
    float: left;
    padding: 20px 0;
}

.tg-logo {
    float: left;
    margin: 10px 0;
}

.tg-logo a {
    display: block;
}

.tg-noticeboard {
    float: right;
}

.tg-noticeboard figure,
.tg-noticeboard .tg-textbox {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.tg-noticeboard .tg-textbox {
    text-align: right;
}

.tg-noticeboard figure {
    padding: 0 0 0 10px;
}

.tg-noticeboard .tg-textbox span {
    display: block;
}

.tg-navigationarea {
    width: 100%;
    float: left;
    position: relative;
    background: #f7f7f7;
}

.tg-nav {
    z-index: 2;
    float: left;
    text-transform: capitalize;
    font: 400 13px/40px 'Open Sans', Arial, Helvetica, sans-serif;
}

.tg-navigation {
    width: 100%;
    float: left;
    padding: 0;
    line-height: inherit;
}

.tg-navigation ul {
    margin: 0;
    list-style: none;
    line-height: inherit;
}

.tg-navigation>ul {
    width: 100%;
    float: left;
}

.tg-navigation ul li {
    line-height: inherit;
    list-style-type: none;
}

li.menu-item-has-children {
    position: relative;
}

li.menu-item-has-mega-menu {
    position: static;
}

li.menu-item-has-children>a:before,
li.menu-item-has-mega-menu>a:before {
    top: 0;
    right: 10px;
    content: '\f107';
    position: absolute;
    font-size: inherit;
    line-height: inherit;
    font-family: 'FontAwesome';
}

.sub-menu li.menu-item-has-children>a:after {
    top: 0;
    right: 10px;
    content: '\f105';
    position: absolute;
    font-size: inherit;
    line-height: inherit;
    font-family: 'FontAwesome';
}

.tg-navigation ul li .sub-menu li.current-menu-item>a {
    color: #333;
}

.tg-navigation ul li .sub-menu li.current-menu-item>a:before {
    height: 100%;
}

.tg-navigation>ul>li {
    float: left;
}

.tg-navigation ul li a {
    color: #666;
    display: block;
    padding: 0 25px;
    position: relative;
    line-height: inherit;
}

.tg-navigation>ul>li>a {
    color: #333;
    z-index: 2;
}

.tg-navigation>ul>li:last-child>.sub-menu {
    right: 0;
    left: auto;
}

.tg-navigation>ul>li:last-child>.sub-menu .sub-menu {
    right: 100%;
    left: auto;
}

#tg-magicbox {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    position: absolute;
}

a[data-new]:after {
    top: -2px;
    right: 0;
    color: #fff;
    background: #fff;
    font-size: 10px;
    line-height: 12px;
    padding: 0 3px 2px;
    position: absolute;
    border-radius: 2px;
    white-space: nowrap;
    content: attr(data-new);
    text-transform: capitalize;
    border-bottom-left-radius: 0;
}

a[data-new]:before {
    top: 12px;
    right: 23px;
    content: '';
    position: absolute;
    border-top: 4px solid;
    border-right: 4px solid transparent !important;
}

.tg-navigation>ul>li.current-menu-item a[data-new]:before {
    border-color: #fff;
}

.tg-navigation>ul>li.current-menu-item a[data-new]:after {
    background: #fff;
}

.tg-navigation ul li:hover>a,
.tg-navigation ul li>a:hover,
.tg-navigation ul li.current-menu-item>a,
.tg-navigation ul li:hover a[data-new]:before,
.tg-navigation ul li a:hover[data-new]:before {
    color: #fff;
}

.tg-navigation ul li:hover a[data-new]:after,
.tg-navigation ul li a:hover[data-new]:after {
    background: #fff;
}

.tg-navigation ul li:hover a[data-new]:before,
.tg-navigation ul li a:hover[data-new]:before {
    border-color: #fff;
}

.sub-menu,
.mega-menu {
    top: 150px;
    left: 0;
    z-index: 2;
    opacity: 0;
    width: 230px;
    background: #fff;
    position: absolute;
    visibility: hidden;
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.20);
}

.sub-menu {
    border-top: 1px solid #ddd;
}

.sub-menu .sub-menu {
    left: 100%;
}

.sub-menu li {
    width: 100%;
    float: left;
}

.sub-menu li+li {
    border-top: 1px solid #ddd;
}

.sub-menu>li>a:before,
.mega-menu-col>ul>li>a:before {
    top: 0;
    left: 0;
    width: 3px;
    height: 0;
    content: '';
    position: absolute;
}

.tg-navigation ul.sub-menu>li:hover>a,
.tg-navigation ul.sub-menu>li>a:hover {
    color: #333;
}

.sub-menu>li:hover>a:before,
.sub-menu>li>a:hover:before,
.mega-menu-col>ul>li:hover>a:before,
.mega-menu-col>ul>li>a:hover:before {
    height: 100%;
}

.mega-menu-row {
    width: 100%;
    float: left;
    display: table;
    table-layout: fixed;
}

.mega-menu-col {
    display: table-cell;
    vertical-align: top;
}

.mega-menu-col+.mega-menu-col {
    background: #f7f7f7;
}

.tg-navigation .mega-menu-col>a {
    float: left;
    color: #333;
    padding: 0;
    margin: 0 25px;
    font-size: 16px;
}

.tg-navigation .mega-menu-col:hover>a,
.tg-navigation .mega-menu-col a:hover {
    color: #333;
}

.mega-menu-col>ul {
    width: 100%;
    float: left;
}

.mega-menu-col>ul>li+li {
    border-top: 1px solid #ddd;
}

.mega-menu-col>ul>li>a {
    position: relative;
}

.mega-menu-col>ul>li.current-menu-item>a {
    color: #333;
}

.mega-menu-col figure {
    margin: 0;
    float: left;
}

.mega-menu-col .tg-textbox {
    color: #fff;
    overflow: hidden;
    padding: 41px 20px;
}

.tg-textbox strong {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
}

.tg-textbox .tg-description {
    padding: 10px 0;
}

.tg-textbox .tg-description p {
    margin: 0;
}

.tg-textbox .tg-btn {
    color: #333;
    float: left;
    padding: 0 15px;
    background: #fff;
    line-height: 30px;
}

.mega-menu.tg-fullmegamenu {
    left: 0 !important;
    width: 1140px !important;
}

.tg-headervtwo .mega-menu.tg-fullmegamenu {
    left: -42% !important;
}

.menu-item-has-children:hover>.sub-menu,
.menu-item-has-children .menu-item-has-children:hover>.sub-menu,
.menu-item-has-mega-menu:hover .mega-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.menu-item-has-children .menu-item-has-children:hover>.sub-menu {
    top: 0;
}

.tg-searchbox {
    float: right;
    position: relative;
}

.tg-btnsearch {
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
}

.tg-btnsearch:hover,
.tg-btnsearch:focus {
    color: #fff;
}

.tg-btnsearch i {
    display: block;
    text-align: center;
    line-height: inherit;
}

.tg-formtheme {
    width: 100%;
    float: left;
}

.tg-formtheme fieldset {
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    float: left;
}

.tg-searchbox .tg-formtheme {
    top: 0;
    right: 100%;
    z-index: 2;
    width: 340px;
    float: none;
    display: none;
    background: #fff;
    position: absolute;
}

.tg-searchbox .tg-formtheme .form-control {
    width: 100%;
    height: 40px;
    line-height: 18px;
}

.tg-dropdowarrow {
    top: 10px;
    z-index: 5;
    color: #fff;
    right: 10px;
    width: 20px;
    height: 20px;
    display: none;
    cursor: pointer;
    font-size: 8px;
    line-height: 20px;
    position: absolute;
    text-align: center;
    background: #333;
}

.tg-dropdowarrow i {
    display: block;
    font-size: 8px;
    line-height: inherit;
}

.tg-open>.tg-dropdowarrow i:before {
    content: '\f107';
}

.tg-megamenuslider {
    width: 100%;
    float: left;
}

.tg-megamenuslider .item {
    width: 100%;
    float: left;
}

.tg-megamenuslider.owl-carousel .owl-nav {
    right: 0;
    top: -35px;
    width: auto;
    position: absolute;
}

/*==============================================
			Slider Style
==============================================*/
.tg-homeslider {
    width: 100%;
    float: left;
}

.tg-homeslider .item {
    width: 100%;
    float: right;
}

.tg-homeslider figure {
    margin: 0;
    width: 100%;
    float: left;
}

.tg-homeslider figure img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.tg-slidercontent {
    top: 0;
    left: 0;
    z-index: 2;
    width: 45%;
    height: 100%;
    color: #fff;
    padding: 30px;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    background: rgba(8, 98, 132, 0.83);
}

.tg-slidercontentbox {
    width: 100%;
    float: left;
}

.tg-taglatestnews {
    color: #333;
    float: left;
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
    margin: 0 0 10px;
    text-transform: capitalize;
}

.tg-slidercontentbox .tg-borderheading {
    border: 0;
    margin: 0;
    padding: 0 0 14px;
    position: relative;
}

.tg-slidercontentbox .tg-borderheading:before {
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    content: '';
    background: #fff;
    position: absolute;
}

.tg-borderheading h1 {
    margin: 0;
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    line-height: 38px;
}

.tg-borderheading h1 span {
    display: block;
    padding: 10px 0 0;
}

.tg-slidercontent .tg-description {
    padding: 30px 0;
    font-size: 16px;
    line-height: 28px;
}

.tg-slidercontent .tg-description p {
    margin: 0;
    color: #FFF;
    text-align: right;
    direction: rtl;
}

.tg-slidercontent .tg-btn {
    float: left;
    color: #fff;
    border: 2px solid #fff;
    background: transparent;
}

.tg-homeslider .owl-nav {
    left: 0;
    bottom: 0;
    width: 45%;
    float: none;
    padding: 30px;
    text-align: right;
    position: absolute;
}

.tg-homeslider .owl-nav>div {
    float: none;
}

.tg-tickerbox {
    width: 100%;
    float: right;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #56c5e3;
    margin-bottom: 19px;
}

.tg-tickerbox span {
    float: right;
    color: #fff;
    padding: 0 10px;
    font-size: 12px;
    background: #333;
    line-height: 28px;
    direction: rtl;
}

.tg-ticker {
    width: auto;
    overflow: hidden;
    padding: 0 0 0 75px;
}

.tg-ticker .item {
    width: 100%;
    float: right;
    margin-right: 80px;
}

.tg-ticker .item .tg-description {
    padding: 4px 0;
}

.tg-ticker .item .tg-description p {
    margin: 0;
    line-height: 20px;
}

.tg-ticker .owl-nav {
    top: 0;
    right: 0;
    width: auto;
    float: none;
    position: absolute;
}

/*==========================================================================================
										Main Style
==========================================================================================*/
.tg-shortcode {
    width: 100%;
    float: left;
}

.tg-shortcode figure {
    margin: 0;
    float: left;
    overflow: hidden;
}

.tg-shortcode figure a,
.tg-shortcode figure a img,
.tg-shortcode figure img {
    display: block;
}

.tg-welcomeandgreeting {
    padding: 20px;
    background: #f7f7f7;
}

.tg-welcomeandgreeting figure {
    border: 8px solid #ddd;
}

.tg-shortcodetextbox {
    overflow: hidden;
    padding: 16px 0 16px 20px;
}

.tg-shortcodetextbox h2 {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 20px;
}

.tg-name,
.tg-designation {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 16px;
}

.tg-designation {
    padding: 5px 0 15px;
}

.tg-btnpluslogo {
    width: 100%;
    float: left;
}

.tg-btnpluslogo .tg-btn {
    float: left;
    padding: 0 20px;
    line-height: 30px;
}

.tg-btnpluslogo .tg-universitylogo {
    float: right;
}

.tg-btnpluslogo .tg-universitylogo a {
    display: block;
}

.tg-events {
    width: 100%;
    float: left;
    margin: -15px 0;
}

.tg-events.tg-list .tg-eventpost .tg-description p {
    margin: 0 0 10px;
}

.tg-glanceatuoeandk {
    width: 100%;
    float: left;
}

.tg-gallery {
    clear: both;
    margin: -5px;
    width: auto;
    float: left;
    overflow: hidden;
    list-style: none;
}

.tg-gallery li {
    width: 16.6%;
    float: left;
    padding: 5px;
    list-style-type: none;
}

.tg-gallery li:first-child {
    width: 50%;
}

.tg-gallery li figure {
    margin: 0;
    width: 100%;
    float: left;
    background: #333;
    position: relative;
}

.tg-gallery li figure img,
.tg-gallery li figure a img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.tg-gallery li figure:hover img {
    opacity: 0.30;
}

.tg-btnview {
    top: 50%;
    left: 50%;
    z-index: 2;
    opacity: 0;
    color: #fff;
    width: 48px;
    height: 48px;
    display: block;
    visibility: hidden;
    line-height: 40px;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    margin: -24px 0 0 -24px;
    border: 4px solid rgba(255, 255, 255, 0.30);
}

.tg-btnview i {
    display: block;
    background: #333;
    border-radius: 50%;
    line-height: inherit;
}

.tg-gallery li figure:hover .tg-btnview {
    opacity: 1;
    color: #fff;
    visibility: visible;
}

.tg-latestnews {
    width: 100%;
    float: left;
}

.tg-latestnewsslider .item {
    width: 100%;
    float: left;
}

.tg-events .tg-eventpost {
    padding: 15px 0;
}

.tg-newspost .tg-themeposttitle,
.tg-eventpost .tg-themeposttitle {
    border: 0;
    margin: 0;
    padding: 0 0 15px;
}

.tg-themepostcontent .tg-matadata {
    margin: 0 0 12px;
}

.tg-newspost .tg-description p,
.tg-eventpost .tg-description p {
    margin: 0;
}

.tg-latestnews .tg-btnsbox {
    padding: 30px 0 0;
    text-align: center;
}

.tg-latestnews .tg-btnsbox .tg-btn {
    float: none;
}

.tg-btnsimpleprev,
.tg-btnsimplenext {
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    background: none;
}

.tg-btnsimpleprev:hover,
.tg-btnsimplenext:hover {
    background: none;
}

.tg-latestnewsslider.owl-carousel .owl-nav {
    top: -57px;
    right: 0;
    width: auto;
    float: none;
    position: absolute;
}

body.tg-home .tg-sidebar {
    padding: 20px 0 0;
}

.tg-sidebar .tg-widget+.tg-widget {
    margin: 40px 0 0;
}

.tg-widget,
.tg-widgettitle,
.tg-widgetcontent {
    /*! width: 94%; */
    float: right;
}

.tg-widgettitle {
    margin: 0 0 15px;
    background: #f7f7f7;
    padding: 12px 0px;
    width: 100%;
    padding-left: 0px;
}

.tg-widgettitle h3 {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    font-family: 'droid arabic kufi', arial;
    color: #000;
    margin-right: 10px;
}

.tg-widgetcontent form fieldset {
    position: relative;
}

.tg-widgetcontent .tg-formsearch .form-control {
    z-index: 1;
    position: relative;
    padding: 10px 40px 10px 15px;
}

.tg-widgetcontent .tg-formsearch button {
    top: 1px;
    right: 1px;
    z-index: 2;
    width: 38px;
    height: 38px;
    line-height: 38px;
    position: absolute;
}

.tg-widgetquicklinks .tg-widgetcontent ul li+li {
    margin: 9px 0 0;
}

.tg-widgetcontent ul {
    width: 100%;
    float: right;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
}

.tg-widgetcontent ul li {
    width: 94%;
    float: right;
    position: relative;
    /*! padding: 0 0 0 9px; */
    line-height: inherit;
    list-style-type: none;
    padding-right: 11px;
}

.tg-widgetcontent ul li+li {
    margin: 20px 0 0;
}

.tg-widgetcontent ul li:before {
    top: 9px;
    right: 0px;
    width: 3px;
    height: 3px;
    content: '';
    margin: -1px 1px 0;
    background: #666;
    position: absolute;
    border-radius: 50%;
}

.tg-widgetcontent ul li a {
    color: #666;
    display: inline-block;
    vertical-align: top;
}

.tg-widgetadmissionform .tg-widgetcontent {
    color: #fff;
    padding: 30px 20px;
}

.tg-widgetadmissionform .tg-widgetcontent h3 {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #fff;
}

.tg-widgetcontent a.tg-btn {
    color: #333;
    height: 30px;
    padding: 0 20px;
    background: #fff;
    line-height: 30px;
}

.tg-btnicon i,
.tg-btnicon span {
    display: inline-block;
    vertical-align: middle;
}

.tg-formsearchcourse .tg-btn {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 40px;
}

.tg-formsearchcourse .tg-btn:hover {
    color: #fff;
}

.tg-formsearchcourse a {
    color: #666;
    float: right;
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 13px;
}

.tg-widgetdownload .tg-widgetcontent ul li,
.tg-widgetcampuses .tg-widgetcontent ul li {
    padding: 0;
}

.tg-widgetdownload .tg-widgetcontent ul li+li,
.tg-widgetcampuses .tg-widgetcontent ul li+li {
    margin: 10px 0 0;
}

.tg-widgetdownload .tg-widgetcontent ul li:before,
.tg-widgetcampuses .tg-widgetcontent ul li:before {
    display: none;
}

.tg-widgetdownload .tg-widgetcontent ul li a i,
.tg-widgetdownload .tg-widgetcontent ul li a span,
.tg-widgetcampuses .tg-widgetcontent ul li a i,
.tg-widgetcampuses .tg-widgetcontent ul li a span {
    float: left;
}

.tg-widgetdownload .tg-widgetcontent ul li a i,
.tg-widgetcampuses .tg-widgetcontent ul li a i {
    width: 20px;
    padding: 3px 0 0;
    text-align: left;
}

.tg-campuses,
.tg-campus,
.tg-campus .item,
.tg-campuses .tg-mapbox {
    width: 100%;
    float: right;
}

.tg-campuses .tg-mapbox {
    margin: 0 0 20px;
    position: relative;
}

.tg-mapbox .tg-campuslocation {
    width: 100%;
    float: left;
    height: 170px;
}

.tg-getdirection {
    top: 0;
    left: 0;
    z-index: 2;
    color: #fff;
    height: 30px;
    padding: 0 20px;
    background: #333;
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    text-transform: capitalize;
}

.tg-getdirection:hover {
    color: #fff;
}

.tg-campusslider.owl-carousel .owl-nav {
    top: -43px;
    right: 0;
    z-index: 2;
    width: auto;
    float: none;
    position: absolute;
}

.tg-campuses ul li i,
.tg-campuses ul li a,
.tg-campuses ul li span,
.tg-campuses ul li address {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
}

.tg-campuses ul li i {
    width: 25px;
    padding: 3px 0 0;
    line-height: 13px;
}

.tg-affiliationscertifications {
    width: 100%;
    float: left;
}

.tg-affiliationscertifications figure {
    margin: 0;
    width: 100%;
    float: left;
    height: 100px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.tg-affiliationscertifications figure:hover {
    background: #f7f7f7;
}

.tg-affiliationscertificationsslider,
.tg-affiliationscertificationsslider .item {
    width: 100%;
    float: left;
}

.tg-affiliationscertificationsslider.owl-carousel .owl-nav {
    top: -57px;
    right: 0;
    width: auto;
    float: none;
    position: absolute;
}

.tg-widgetothercapmus .tg-widgetcontent ul li {
    padding: 0;
}

.tg-widgetothercapmus .tg-widgetcontent ul li:before {
    display: none;
}

.tg-widgetothercapmus .tg-widgetcontent ul li i {
    float: left;
    margin: 0 6px 0 0;
}

.tg-widgetothercapmus .tg-widgetcontent ul li address {
    max-width: 150px;
    line-height: 15px;
}

.tg-widgetothercapmus .tg-widgetcontent ul li i,
.tg-widgetothercapmus .tg-widgetcontent ul li address {
    display: inline-block;
    vertical-align: middle;
}

/*==========================================================================================
										Footer Style
==========================================================================================*/
.tg-signupbox {
    width: 100%;
    float: left;
    padding: 30px 0;
}

.tg-formsignupfree {
    width: 60%;
    float: right;
}

.tg-formsignupfree .form-group {
    width: 30%;
    margin: 0;
    float: left;
}

.tg-formsignupfree .form-group:first-child {
    width: 70%;
    padding: 0 30px;
}

.tg-formsignupfree .form-group .tg-btn {
    padding: 0;
    width: 100%;
    color: #fff;
    height: 40px;
    line-height: 36px;
    background: none;
    border: 2px solid #fff;
}

.tg-signuptextbox {
    float: left;
    color: #fff;
}

.tg-signuptextbox h3 {
    color: #fff;
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    text-transform: uppercase;
}

.tg-signuptextbox .tg-description p {
    margin: 0;
}

.tg-footermiddlebar {
    width: 100%;
    float: left;
    padding: 40px 0;
}

.tg-footermiddlebar .tg-widgettitle {
    background: none;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}

.tg-footermiddlebar .tg-widget ul li:before {
    display: none;
}

.tg-widgetcompanyinfo .tg-logo {
    margin: 0;
    float: left;
}

.tg-widgetcompanyinfo .tg-logo a {
    float: left;
}

.tg-widgetcompanyinfo .tg-logo a img {
    float: left;
}

.tg-widgetcompanyinfo .tg-description {
    padding: 20px 0;
}

.tg-widgetcompanyinfo .tg-description p {
    margin: 0;
}

.tg-widgetcompanyinfo .tg-infolist {
    padding: 0 0 20px;
}

.tg-widgetcompanyinfo .tg-infolist li {
    padding: 0;
}

.tg-widgetcompanyinfo .tg-infolist li+li {
    margin: 9px 0 0;
}

.tg-infolist li i,
.tg-infolist li a,
.tg-infolist li span,
.tg-infolist li address {
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
}

.tg-infolist li address {
    max-width: 200px;
}

.tg-infolist li i {
    width: 25px;
    padding: 3px 0 0;
    line-height: 13px;
}

.tg-widgetcompanyinfo .tg-socialicons {}

.tg-widgetcompanyinfo .tg-socialicons li {
    margin: 0;
    width: auto;
    padding: 0 10px 0 0;
}

.tg-widgettweets .tg-widgetcontent ul li {
    padding: 0 0 0 20px;
}

.tg-widgettweets .tg-widgetcontent ul li:before,
.tg-footermiddlebar .tg-widgetcoursecategories .tg-widgetcontent ul li:before {
    width: auto;
    height: auto;
    display: block;
    color: #55acee;
    content: '\f099';
    background: none;
    border-radius: 0;
    font-size: 13px;
    line-height: 13px;
    font-family: 'FontAwesome';
}

.tg-widgettweets .tg-widgetcontent ul li p {
    margin: 0;
}

.tg-widgettweets .tg-widgetcontent ul li span,
.tg-widgettweets .tg-widgetcontent ul li time {
    display: block;
}

.tg-footermiddlebar .tg-widgetcoursecategories .tg-widgetcontent ul li {
    width: 50%;
    margin: 0 0 10px;
    padding: 0 10px 0 15px;
}

.tg-footermiddlebar .tg-widgetcoursecategories .tg-widgetcontent ul li:before {
    top: 2px;
    color: #666;
    content: '\f105';
    font-size: 13px;
    line-height: inherit;
}

.tg-widgetflickrgallery .tg-widgetcontent ul {
    width: auto;
    float: none;
    clear: both;
    margin: -5px;
    overflow: hidden;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li {
    margin: 0;
    width: 25%;
    padding: 5px;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure {
    margin: 0;
    width: 100%;
    float: left;
    background: #333;
    position: relative;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure figcaption {
    top: 50%;
    left: 50%;
    z-index: 3;
    opacity: 0;
    color: #fff;
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    visibility: hidden;
    margin: -6px 0 0 -6px;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure figcaption a {
    color: #fff;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure:hover figcaption {
    opacity: 1;
    visibility: visible;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure a {
    display: block;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure a img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-widgetflickrgallery .tg-widgetcontent ul li figure:hover a img {
    opacity: 0.30;
}

.tg-footerbar {
    width: 100%;
    float: left;
    color: #999;
    padding: 15px 0;
    background: #333;
}

.tg-copyright {
    float: left;
    font-size: 13px;
    line-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.tg-addnav {
    float: right;
}

.tg-addnav ul {
    width: 100%;
    float: left;
    line-height: 20px;
}

.tg-addnav ul li {
    float: left;
    list-style: none;
    line-height: 20px;
    padding: 0 0 0 30px;
}

.tg-addnav ul li a {
    color: #999;
    display: block;
}

/*==========================================================================================
									Home Page Version Two
==========================================================================================*/
.tg-homebannervtwo {
    clear: both;
    overflow: hidden;
}

.tg-homebannervtwo .tg-homeslider {
    /*width: 75%;*/
    float: right;
}

.tg-homebannervtwo .tg-homeslider .owl-nav {
    top: 50%;
    bottom: auto;
    width: 94%;
    padding: 0 30px;
    margin: -14px 0 0;
}

.tg-homebannervtwo .tg-homeslider .owl-nav .tg-btnprev {
    float: left;
}

.tg-homebannervtwo .tg-homeslider .owl-nav .tg-btnnext {
    float: right;
}

.tg-homebannervtwo .tg-slidercontent {
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 20px;
}

.tg-homebannervtwo .tg-slidercontent .tg-btn {
    float: left;
    margin: 16px 0;
}

.tg-homebannervtwo .tg-slidercontent .tg-titledescription {
    overflow: hidden;
    padding: 0 30px 0 0;
}

.tg-slidercontent .tg-titledescription h1 {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 15px;
}

.tg-slidercontent .tg-titledescription .tg-description {
    padding: 0;
    font-size: 13px;
    line-height: 22px;
}

.tg-noticeboardarea {
    /*width: 23%;*/
    /*! float: left; */
    /*! padding: 0 0 0 1px; */
}

.tg-noticeboardarea .tg-widget:first-child .tg-widgetcontent {
    background: #52b554;
}

.tg-noticeboardarea .tg-widget+.tg-widget {
    margin: 21px 0 0;
}

.tg-noticeboardarea .tg-widget .tg-widgetcontent {
    padding: 20px;
}

.tg-glanceatuoeandkvtwo .tg-gallery li:first-child {
    width: 100%;
}

.tg-glanceatuoeandkvtwo .tg-gallery li {
    width: 20%;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul {
    width: auto;
    float: none;
    clear: both;
    margin: -5px;
    overflow: hidden;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li {
    width: 50%;
    float: left;
    padding: 5px;
    margin: 0 !important;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:before {
    display: none;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li a {
    color: #fff;
    width: 100%;
    float: left;
    line-height: 17px;
    position: relative;
    padding: 20px 10px 20px 60px;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li a:hover {
    color: #fff;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(1) a {
    background: #ff9900;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(2) a {
    background: #6364da;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(3) a {
    background: #3575d3;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(4) a {
    background: #fe6941;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(5) a {
    background: #ff4d58;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(6) a {
    background: #52b554;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(7) a {
    background: #288feb;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(8) a {
    background: #be32b2;
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li a:before {
    top: 50%;
    left: 10px;
    color: #666;
    width: 40px;
    content: '';
    height: 40px;
    background: #fff;
    font-size: 15px;
    line-height: 40px;
    margin: -20px 0 0;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    font-family: 'icomoon';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(1) a:before {
    content: '\e92e';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(2) a:before {
    content: '\e9f5';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(3) a:before {
    content: '\e9aa';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(4) a:before {
    content: '\e92b';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(5) a:before {
    content: '\e976';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(6) a:before {
    content: '\ea01';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(7) a:before {
    content: '\ea26';
}

.tg-widgetquicklinksvtwo .tg-widgetcontent ul li:nth-child(8) a:before {
    content: '\e938';
}

/*==========================================================================================
									Home Page Version Three
==========================================================================================*/
body.tg-homethree,
body.tg-homefour {
    background: none;
}

body.tg-homethree .tg-wrapper,
body.tg-homefour .tg-wrapper {
    max-width: none;
    box-shadow: none;
}

.tg-headervtwo {
    z-index: 2;
    margin: 0 0 -120px;
    position: relative;
}

.tg-headervtwo .tg-topbar {
    padding: 0;
}

.tg-addressinfo {
    color: #fff;
    float: left;
    padding: 15px 0;
    font-size: 13px;
    line-height: 16px;
    list-style: none;
}

.tg-addressinfo li {
    float: left;
    padding: 0 30px 0 0;
    line-height: inherit;
    list-style-type: none;
}

.tg-addressinfo li i,
.tg-addressinfo li address,
.tg-addressinfo li time,
.tg-addressinfo li span {
    margin: 0;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    vertical-align: middle;
}

.tg-addressinfo li i {
    font-size: 20px;
    line-height: 20px;
    padding: 0 10px 0 0;
}

.tg-headervtwo .tg-languagesdropdown {
    padding: 10px 0;
}

.tg-headervtwo .tg-btndropdown {
    color: #fff;
    background: none;
    line-height: 28px;
    padding: 0 30px 0 10px;
    border: 1px solid #fff;
}

.tg-btndropdown:after {
    right: 10px;
}

.tg-headervtwo .tg-logo {
    margin: 35px 0;
}

.tg-headervtwo .tg-navigationarea {
    background: none;
    border-bottom: 1px solid #fff;
}

.tg-headervtwo .tg-navigationandsearch {
    float: right;
    padding: 40px 0 0;
}

.tg-headervtwo .tg-navigation {
    position: relative;
}

.tg-headervtwo .tg-navigation>ul>li {
    padding: 0 0 38px;
    margin: 0 0 0 30px;
}

.tg-headervtwo .tg-navigation>ul>li:first-child {
    margin: 0;
}

.tg-headervtwo .tg-navigation>ul>li>a {
    padding: 0;
    color: #fff;
    background: none;
}

.tg-headervtwo .tg-navigation>ul>li.current-menu-item>a,
.tg-headervtwo .tg-navigation>ul>li:hover>a,
.tg-headervtwo .tg-navigation>ul>li>a:hover,
.tg-headervtwo .tg-btnsearch {
    background: none;
}

.tg-headervtwo .tg-navigation>ul>li.menu-item-has-children>a,
.tg-headervtwo .tg-navigation>ul>li.menu-item-has-mega-menu>a {
    padding: 0 14px 0 0;
}

.tg-headervtwo li.menu-item-has-children>a:before,
.tg-headervtwo li.menu-item-has-mega-menu>a:before {
    right: 0;
}

.tg-homeslidervthree {
    z-index: 1;
    background: #000;
    position: relative;
}

.tg-homeslidervthree .item {
    background: #000;
}

.tg-homeslidervthree .item img {
    opacity: 0.50;
}

.tg-homeslidervthree .tg-slidercontent {
    width: 100%;
    background: none;
    text-align: center;
    padding: 120px 0 0;
}

.tg-homeslidervthree .tg-slidercontent h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
}

.tg-homeslidervthree .tg-slidercontent h1 span {
    display: block;
    font-size: 70px;
    font-weight: 300;
    line-height: 50px;
    text-transform: none;
    padding: 10px 0 30px;
}

.tg-homeslidervthree .tg-slidercontent .tg-btn {
    float: none;
}

.tg-homeslidervthree .owl-nav {
    top: 50%;
    bottom: auto;
    width: 100%;
    padding: 0 30px;
    margin: -14px 0 0;
}

.tg-homeslidervthree .owl-nav>div {
    float: left;
    margin: 0;
}

.tg-homeslidervthree .owl-nav>div+div {
    float: right;
}

/*==========================================================================================
									Home Page Version Four
==========================================================================================*/
body.tg-homefour .tg-headervtwo {
    margin: 0;
}

body.tg-homefour .tg-headervtwo .tg-navigation>ul>li>a,
body.tg-homefour .tg-headervtwo .tg-btnsearch {
    color: #333;
}

.tg-headervtwo a[data-new]:after {
    background: #333;
}

.tg-headervtwo a[data-new]:before {
    border-color: #333;
}

.tg-headervtwo .tg-navigation ul li:hover a[data-new]:before,
.tg-headervtwo .tg-navigation ul li a:hover[data-new]:after {
    color: #fff;
}

.tg-homeslidervthree.tg-homeslidervfour .tg-slidercontent {
    padding: 0;
}

.tg-campus .tg-featuredimg {
    width: auto;
}

.tg-campuscontent {
    width: 100%;
    float: left;
    overflow: hidden;
}

.tg-campusleftthumb .tg-campuscontent {
    width: auto;
    float: none;
    padding: 0 0 0 10px;
}

.tg-campustitle {
    width: 100%;
    float: right;
    padding: 0 0 4px;
}

.tg-campustitle h3 {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.tg-campuscontent address {
    margin: 0;
    width: 100%;
    float: left;
    font-style: normal;
}

.tg-campus.tg-campusleftthumb {
    padding: 30px 0 0;
}

.tg-widgetcontent .tg-btnsbox {
    padding: 30px 0 0;
    text-align: center;
}

.tg-widgetcontent .tg-btnsbox .tg-btn {
    float: none;
    background: #f7f7f7;
}

/*==========================================================================================================================
													Pages Style Start Here
==========================================================================================================================*/
.tg-innerbanner {
    width: 100%;
    float: left;
}

.tg-widgetcoursecategories .tg-widgetcontent ul li+li {
    margin: 10px 0 0;
}

.tg-widgetcoursecategories .tg-widgetcontent ul li a {
    width: 100%;
    float: right;
}

.tg-widgetcoursecategories .tg-widgetcontent ul li a span {
    float: right;
}

.tg-widgetcoursecategories .tg-widgetcontent ul li a span+span {
    float: left;
}

.tg-campustitle h3 a {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-widgetcontent .tg-campusleftthumb:first-child {
    padding: 0;
}

.tg-widgetlatestcourses .tg-campuscontent .tg-matadata {
    padding: 0 0 10px;
}

/*======================================================================================
									Course Grid Style
======================================================================================*/
.tg-resultandstyle {
    width: 100%;
    float: left;
    padding: 10px;
    margin: 0 0 30px;
    background: #f7f7f7;
}

.tg-searchresult {
    float: left;
    padding: 6px 0;
}

.tg-poststyleswitcher {
    float: right;
    font-size: 13px;
    line-height: 34px;
    list-style: none;
}

.tg-poststyleswitcher li {
    float: left;
    padding: 0 0 0 10px;
    line-height: inherit;
    list-style-type: none;
}

.tg-poststyleswitcher li a {
    color: #666;
    width: 34px;
    display: block;
    background: #fff;
    text-align: center;
    line-height: inherit;
}

.tg-poststyleswitcher li a:hover,
.tg-poststyleswitcher li a:hover i,
.tg-poststyleswitcher li.tg-active a,
.tg-poststyleswitcher li a:hover i {
    color: #fff;
}

.tg-poststyleswitcher li a i {
    display: block;
    line-height: inherit;
}

.tg-courses {
    width: 100%;
    float: left;
    margin: -15px 0;
    padding-left: -8px;
    /*margin-left: -29px;*/
}

.tg-courses .tg-course {
    padding: 15px 0;
}

/*======================================================================================
									Course List Style
======================================================================================*/
.tg-list .tg-featuredimg {
    width: 405px;
}

.tg-list .tg-themepostcontent {
    width: auto;
    float: none;
    overflow: hidden;
    padding: 42px 0 42px 20px;
}

.tg-course .tg-themepostcontent .tg-matadata {
    margin: 0;
}

.tg-course .tg-description {
    margin: 0 0 18px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}

.tg-course .tg-description p {
    margin: 0;
    width: 100%;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-list .tg-course .tg-themeposttitle {
    border: 0;
    margin: 0;
}

.tg-list .tg-course .tg-themeposttitle h3 a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*======================================================================================
									Course Detail Style
======================================================================================*/
.tg-detailpage {
    width: 100%;
    float: left;
}

.tg-detailpage>.tg-themepost>.tg-themepostcontent {
    position: relative;
    padding: 1px 0 12px 0px;
}

.tg-detailpage>.tg-themepost>.tg-themepostcontent>.tg-themeposttags {
    font-size: 16px;
    line-height: 19px;
}

.tg-detailpage .tg-themeposttitle {
    border: 0;
    margin: 0;
    padding: 0 0 21px;
}

.tg-themeposttitle h1 {
    margin: 0;
    color: #333;
    font-size: 28px;
    line-height: 31px;
}

.tg-detailpage>.tg-themepost>.tg-themepostcontent>.tg-pricebox {
    top: 0;
    right: 0;
    width: 170px;
    height: auto;
    text-align: center;
    position: absolute;
    background: #f7f7f7;
}

.tg-pricebox span {
    color: #666;
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 19px;
}

.tg-pricebox span:first-child {
    color: #333;
    padding: 19px 0 0;
    font: 400 24px/27px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-pricebox .tg-btn {
    padding: 0;
    color: #fff;
    width: 100%;
}

.tg-pricebox .tg-btn:hover {
    color: #fff;
}

.tg-themepostinfo {
    color: #666;
    width: 100%;
    float: left;
    list-style: none;
    font-size: 13px;
    direction: ltr;
    line-height: 16px;
}

.tg-themepostinfo li {
    float: left;
    /*! padding: 0 20px; */
    line-height: inherit;
    list-style-type: none;
}

.tg-themepostinfo li+li {
    border-left: 1px solid #ddd;
}

.tg-themepostinfo li:first-child {
    padding-left: 0;
}

.tg-themepostinfo li figure {
    float: left;
    overflow: hidden;
    margin: 0 0px 0 0;
    /*! border-radius: 50%; */
}

.tg-themepostinfo li figure a {
    display: block;
}

.tg-themepostinfo li figure a img {
    /* width: 8%; */
    height: auto;
    display: block;
    border: 1px solid;
    text-align: left;
    width: 105px;
}

.tg-infodata {
    padding: 8px 0;
    overflow: hidden;
    text-align: left;
    float: left;
    margin-left: 28px;
}

.tg-infodata span {
    display: block;
}

.tg-infodata strong {
    display: block;
    font: 400 14px/17px 'droid arabic kufi', Arial, Helvetica, sans-serif;
}

.tg-infodata strong a {
    color: #333;
}

.tg-coursegallery {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}

.tg-coursegallery>div {
    width: 100%;
    float: left;
}

.tg-coursegalleryslider {
    margin: 0 0 10px;
}

.tg-coursegallery>div .item {
    margin: 0;
    width: 100%;
    float: left;
}

.tg-coursegallery>div .item img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-coursegallerynav .item {
    background: #333;
}

.tg-coursegallerynav .current .item img,
.tg-coursegallerynav .item:hover img {
    opacity: 0.50;
    cursor: pointer;
}

.tg-coursegalleryslider.owl-carousel .owl-nav {
    top: 50%;
    left: 0;
    z-index: 2;
    padding: 0 20px;
    margin: -14px 0 0;
    position: absolute;
}

.tg-coursegalleryslider.owl-carousel .owl-nav>div {
    margin: 0;
    float: left;
}

.tg-coursegalleryslider.owl-carousel .owl-nav>div+div {
    float: right;
}

.tg-coursestabs {
    background: #fff;
    margin: 0 0 40px;
}

.tg-coursestabs .tg-themetabnav,
.tg-coursestabs .tg-themetabcontent {
    width: 94%;
}

.tg-coursestabs .tg-themetabnav {
    z-index: 2;
    font-size: 14px;
    margin: 0px 2px -1px;
    background: none;
    position: relative;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-coursestabs .tg-themetabnav li {
    width: auto;
    margin: 0 1px 0 0;
    position: relative;
}

.tg-coursestabs .tg-themetabnav li:before {
    top: 0;
    left: 0px;
    width: 0;
    z-index: 3;
    height: 3px;
    content: '';
    position: absolute;
}

.tg-coursestabs .tg-themetabnav li:hover:before,
.tg-coursestabs .tg-themetabnav li.active:before {
    width: 100%;
}

.tg-coursestabs .tg-themetabnav li a {
    width: auto;
    padding: 0 50px;
    overflow: hidden;
    background: #f7f7f7;
    border: 1px solid #ddd;
}

.tg-coursestabs .tg-themetabnav li a:after {
    left: 16px;
    top: 4px;
    right: auto;
    color: #f7f7f7;
    content: '\f129';
    font-size: 26px;
    line-height: 32px;
    font-family: 'fontAwesome';
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.tg-coursestabs .tg-themetabnav li:nth-child(2) a:after {
    content: '\f115';
}

.tg-coursestabs .tg-themetabnav li:nth-child(3) a:after {
    content: '\f144';
    transform: rotate(0);
}

.tg-coursestabs .tg-themetabnav li:nth-child(4) a:after {
    content: '\f212';
}

.tg-coursestabs .tg-themetabnav li.active a:after,
.tg-coursestabs .tg-themetabnav li:hover a:after {
    color: #dbdbdb;
}

.tg-coursestabs .tg-themetabnav li:hover a,
.tg-coursestabs .tg-themetabnav li.active a {
    background: #fff;
    border-bottom-color: #fff;
}

.tg-coursestabs .tg-themetabcontent {
    z-index: 1;
    padding: 24px;
    position: relative;
    border: 1px solid #ddd;
}

.tg-courseinfo {
    width: 259px;
    float: right;
    text-align: center;
    margin: 0 0 0 20px;
}

.tg-schedule {
    width: 100%;
    float: left;
    padding: 15px;
    text-align: left;
    font-size: 14px;
    color: #FFF;
}

.tg-scheduleicon {
    width: 40px;
    height: 40px;
    float: left;
    display: block;
    background: #fff;
    line-height: 40px;
    text-align: center;
    margin: 0 10px 0 0;
    border-radius: 50%;
}

.tg-schedule time {
    color: #fff;
    text-align: left;
    display: inline-block;
}

.tg-schedule time span {
    display: block;
}

.tg-coursecompunent,
.tg-courseoutline {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 13px;
    padding: 0 12px !important;
    list-style: none;
    border: 1px solid #ddd;
    border-bottom: 1px;
}

.tg-courseoutline {
    border: 0;
    padding: 0;
}

.tg-coursecompunent li,
.tg-courseoutline li {
    width: 100%;
    float: right;
    padding: 14px 0;
    line-height: inherit;
    list-style-type: none;
    border-bottom: 1px solid #ddd;
}

.tg-courseoutline li:last-child {
    border: 0;
    padding-bottom: 0;
}

.tg-courseoutline li:first-child {
    padding-top: 0;
}

.tg-coursecompunent li span,
.tg-courseoutline li span {
    float: left;
}

.tg-coursecompunent li span+span,
.tg-courseoutline li span+span {
    float: right;
}

.tg-coursecompunent li span i,
.tg-courseoutline li span i {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    font-style: normal;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-courseoutline li span i {
    color: #666;
}

.tg-coursecompunent li span i:first-child,
.tg-courseoutline li span i:first-child {
    margin: 0 5px 0 0;
    font-family: 'icomoon';
}

.tg-courseinfo .tg-btnsbox {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 0;
}

.tg-courseinfo .tg-btnsbox .tg-btn {
    width: 80%;
    color: #fff;
    float: none;
    margin: 0 auto;
    line-height: 43px;
}

.tg-courseinfo .tg-btn:hover {
    color: #fff;
}

.tg-coursestabs .tg-themetabcontent h3 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 12px;
}

.tg-coursestabs .tg-themetabcontent p {
    margin: 0 0 30px;
}

.tg-coursestabs .tg-themetabcontent .tg-list {
    width: auto;
    float: none;
    overflow: hidden;
    margin: 0 0 30px;
}

.tg-coursestabs .tg-themetabcontent .tg-socialicons li {
    padding: 0 10px 0 0;
}

.tg-courseoutline li .tg-description {
    border: 0;
    margin: 0;
    width: auto;
    float: none;
    padding: 0 10%;
    overflow: hidden;
}

.tg-courseoutline li .tg-description p {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 17px;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-tutors {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 21px;
    list-style: none;
}

.tg-tutors>li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}

.tg-tutors>li+li {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}

.tg-tutors .tg-boxleft {
    float: left;
}

.tg-tutors .tg-boxleft figure {
    float: left;
    margin: 0 20px 0 0;
}

.tg-tutornamedesignation {
    overflow: hidden;
    padding: 29px 0;
}

.tg-tutornamedesignation strong,
.tg-tutornamedesignation span {
    display: block;
}

.tg-tutors .tg-boxright {
    float: right;
    padding: 35px 0;
}

.tg-tutornamedesignation strong {
    font-weight: 400;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-tutors .tg-socialicons li {
    padding: 0 0 1 11px;
}

.tg-tutors .tg-description {
    margin: 0;
    border: 0;
    padding: 20px 0 0;
}

.tg-tutors .tg-description p {
    margin: 0;
}

.tg-relateddocuments {
    width: 100%;
    float: right;
    list-style-type: none;
}

.tg-relateddocuments li {
    width: 100%;
    float: left;
    padding: 10px;
    position: relative;
    background: #f7f7f7;
    list-style-type: none;
}

.tg-relateddocuments li+li {
    margin: 10px 0 0;
}

.tg-documenticon {
    color: #666;
    width: 40px;
    height: 40px;
    float: left;
    background: #fff;
    font-size: 14px;
    line-height: 40px;
    margin: 0 10px 0 0;
    text-align: center;
    border-radius: 50%;
}

.tg-documentnamesize {
    overflow: hidden;
    padding: 2px 0;
    text-align: left;
}

.tg-documentnamesize strong,
.tg-documentnamesize span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-documentnamesize span {
    font-size: 14px;
    line-height: 17px;
}

.tg-documentnamesize strong {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.tg-relateddocuments li:hover,
.tg-relateddocuments li:hover strong,
.tg-relateddocuments li:hover .tg-btndownload,
.tg-relateddocuments li:hover .tg-btndownload i {
    color: #fff;
}

.tg-btndownload {
    top: 0;
    right: 0;
    color: #666;
    width: 60px;
    height: 60px;
    display: block;
    font-size: 20px;
    line-height: 60px;
    position: absolute;
    background: rgba(0, 0, 0, 0.10);
}

.tg-btndownload i {
    color: #666;
    display: block;
    text-align: center;
    line-height: inherit;
}

.tg-relatedthemeposts {
    width: 100%;
    float: left;
}

/*======================================================================================
									Events Pages Style
======================================================================================*/
.tg-widget.tg-widgettweets .tg-widgetcontent ul li:hover:before {
    background: none;
}

.tg-widget.tg-widgettweets .tg-widgetcontent ul li:hover:before {
    background: none;
}

.tg-events.tg-grid .tg-eventpost .tg-matadata li {
    width: 100%;
    float: left;
    padding: 0;
}

.tg-events.tg-grid .tg-eventpost .tg-matadata li+li {
    padding: 8px 0 0;
}

.tg-events.tg-grid .tg-eventpost .tg-matadata li:before {
    display: none;
}

.tg-events.tg-list .tg-themepostcontent {
    padding: 13px 0 12px 20px;
}

.tg-eventpost .tg-btn {
    margin: 15px 0 0;
}

.tg-eventpost .tg-description p {
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.item .tg-eventpost .tg-matadata li,
.tg-events.tg-list .tg-eventpost .tg-matadata li {
    width: 100%;
    float: left;
    padding: 0;
}

.item .tg-eventpost .tg-matadata li+li,
.tg-events.tg-list .tg-eventpost .tg-matadata li+li {
    padding: 8px 0 0;
}

.item .tg-eventpost .tg-matadata li:before,
.tg-events.tg-list .tg-eventpost .tg-matadata li:before {
    display: none;
}

.tg-list .tg-eventpost .tg-themeposttitle h3 a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tg-eventdetailpage .tg-pricebox span {
    padding: 0;
}

.tg-eventdetailpage .tg-pricebox span:first-child {
    padding: 20px 0 0;
}

.tg-eventcounter {
    width: 100%;
    float: left;
    margin: 0 0 40px;
}

.tg-counterbox {
    width: 25%;
    float: left;
    padding: 30px;
    text-align: center;
}

.tg-counterbox:nth-child(even) {
    background: rgba(0, 0, 0, 0.05);
}

.tg-counterbox span {
    color: #fff;
    width: 100%;
    float: left;
    font-size: 26px;
    font-weight: 300;
    line-height: 20px;
    font-style: normal;
}

.tg-counterbox span+span {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 0 0;
    text-transform: capitalize;
}

.tg-eventdetailpage .tg-description h3 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 12px;
}

.tg-eventdetailpage .tg-description .tg-list,
.tg-eventdetailpage .tg-description p {
    margin: 0 0 30px;
}

.tg-eventspeakers {
    width: 100%;
    float: left;
    margin: 30px 0 40px;
}

.tg-speaker {
    width: 100%;
    float: left;
}

.tg-speaker figure {
    margin: 0;
    width: 100%;
    float: left;
}

.tg-speaker figure a {
    display: block;
}

.tg-speaker figure a img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-speakername {
    width: 100%;
    float: left;
}

.tg-speakername h3 {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
}

.tg-eventdetailpage .tg-speakername h3 {
    margin: 20px 0 5px;
}

.tg-speakername {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 16px;
}

.tg-eventlocationbox {
    width: 100%;
    float: left;
    margin: 0 0 40px;
    position: relative;
}

.tg-eventlocation {
    width: 100%;
    float: left;
    height: 300px;
}

.tg-eventdetailpage .tg-socialicons {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}

.tg-eventdetailpage .tg-socialicons li {
    padding: 0 10px 0 0;
}

.tg-datetime {
    width: 100%;
    float: left;
}

/*======================================================================================
									Events Page Style
======================================================================================*/
.tg-results {
    width: 100%;
    float: left;
}

.tg-lastmodified {
    color: #666;
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 19px;
    padding: 0 0 8px;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-pagetitle {
    width: 100%;
    float: left;
    padding: 0 0 30px;
}

.tg-pagetitle h2 {
    margin: 0;
    font-size: 30px;
    line-height: 20px;
}

.tg-resultcategory {
    width: 100%;
    float: left;
}

.tg-resultcategory+.tg-resultcategory {
    padding: 40px 0 0;
}

.tg-resultcategory h3 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 12px;
}

.tg-downloadlist {
    width: 100%;
    float: left;
    list-style: none;
    font-size: 12px;
    line-height: 16px;
}

.tg-downloadlist li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}

.tg-downloadlist li+li {
    padding: 10px 0 0;
}

.tg-result {
    color: #333;
    padding: 0;
    display: block;
    position: relative;
    margin: 0 0 0 40px;
    background: #f7f7f7;
}

.tg-counting {
    top: 0;
    right: 100%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    background: rgba(0, 0, 0, 0.05);
}

.tg-btndownloadresult {
    color: #666;
    float: right;
    padding: 0 20px;
    line-height: 40px;
    text-align: center;
}

.tg-btndownloadresult em {
    padding: 0 10px 0 0;
    text-transform: capitalize;
}

.tg-btndownloadresult em,
.tg-btndownloadresult i {
    float: left;
    font-style: normal;
    line-height: inherit;
}

.tg-result .tg-description {
    width: auto;
    float: none;
    overflow: hidden;
    padding: 10px 20px;
}

.tg-result .tg-description p {
    margin: 0;
}

/*======================================================================================
								Addmission Pages Style
======================================================================================*/
.tg-addmission {
    width: 100%;
    float: left;
}

.tg-addmissionslider {
    margin: 0 0 40px;
}

.tg-addmissionslider figure {
    margin: 0;
    width: 100%;
    float: left;
}

.tg-addmissionslider figure img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-addmissionslider.owl-carousel .owl-nav {
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%;
    margin: -14px 0 0;
    position: absolute;
}

.tg-addmissionslider.owl-carousel .owl-nav>div {
    float: left;
}

.tg-addmissionslider.owl-carousel .owl-nav>div+div {
    float: right;
}

.tg-ullist {
    width: 100%;
    float: left;
    list-style: none;
    font-size: 13px;
    line-height: 20px;
}

.tg-ullist li {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0 0 15px;
    line-height: inherit;
    list-style-type: none;
}

.tg-ullist li+li {
    margin: 10px 0 0;
}

.tg-liststyledot li:before {
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    content: '';
    background: #666;
    border-radius: 50%;
    position: absolute;
}

.tg-container {
    width: 100%;
    float: left;
}

.tg-container h3 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 12px;
}

.tg-container p {
    margin: 0;
}

.tg-container p+p {
    margin: 20px 0 0;
}

.tg-container+.tg-container {
    padding: 30px 0 0;
}

.tg-themecollapse {
    width: 100%;
    float: left;
}

.tg-faqscollapse {
    overflow: hidden;
}

.tg-themecollapse>h3 {
    color: #333;
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 20px;
    position: relative;
    background: #f7f7f7;
    margin: 0 0 10px 40px;
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-themecollapse>h3:before {
    top: 0;
    left: -40px;
    z-index: 2;
    width: 40px;
    height: 40px;
    line-height: 40px;
    content: '\f105';
    position: absolute;
    text-align: center;
    font-family: 'FontAwesome';
    background: rgba(0, 0, 0, 0.05);
}

.tg-themecollapse>h3.open:before {
    content: '\f107';
}

.tg-themecollapse>h3>a {
    color: #333;
    padding: 10px;
    display: block;
    font-size: inherit;
    line-height: inherit;
}

.tg-themecollapse>h3+div {
    display: none;
}

.tg-themecollapsecontent {
    width: 100%;
    float: left;
    padding: 0 0 20px 40px;
}

.tg-themecollapsecontent ul {
    width: 100%;
    float: left;
    list-style: none;
    background: #f7f7f7;
    font: 400 12px/20px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-themecollapsecontent ul li {
    width: 100%;
    float: left;
    color: #333;
    position: relative;
    line-height: inherit;
    list-style-type: none;
}

.tg-themecollapsecontent ul li+li {
    border-top: 2px solid #fff;
}

.tg-themecollapsecontent ul li>strong,
.tg-themecollapsecontent ul li span,
.tg-themecollapsecontent ul li a {
    top: 0;
    left: 0;
    color: #333;
    width: 130px;
    display: block;
    text-align: center;
    padding: 10px 30px;
    position: absolute;
    line-height: inherit;
    border-right: 2px solid #fff;
}

.tg-themecollapsecontent ul li>strong+strong,
.tg-themecollapsecontent ul li a,
.tg-themecollapsecontent ul li span+span {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: 2px solid #fff;
}

.tg-themecollapsecontent ul li a {
    border: 0;
    width: auto;
    padding: 10px 15px;
}

.tg-themecollapsecontent ul li>strong {
    background: #dbdbdb;
}

.tg-themecollapsecontent ul li:last-child strong {
    background: none;
}

.tg-themecollapsecontent ul li:first-child .tg-description {
    background: #dbdbdb;
}

.tg-themecollapsecontent ul li .tg-description {
    padding: 10px 150px;
}

.tg-themecollapsecontent ul li .tg-description p {
    margin: 0;
    line-height: 20px;
}

.tg-allsemesterhours {
    width: 100%;
    float: left;
    list-style: none;
    font: 400 12px/15px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-allsemesterhours li {
    width: 100%;
    float: left;
    position: relative;
    line-height: inherit;
    list-style-type: none;
}

.tg-allsemesterhours li>strong {
    top: 0;
    right: 0;
    color: #333;
    width: 130px;
    display: block;
    padding: 0 30px;
    text-align: center;
    position: absolute;
    line-height: inherit;
}

.tg-allsemesterhours li .tg-description {
    padding: 0 130px 0 190px;
}

.tg-allsemesterhours li .tg-description strong {
    display: block;
    text-align: right;
}

.tg-addmission .tg-pagetitle h2 {
    line-height: 35px;
}

/*======================================================================================
								Department Pages Style
======================================================================================*/
.tg-departmentscollapse .tg-themecollapsecontent ul li:first-child .tg-description {
    background: none;
}

.tg-departmentscollapse .tg-themecollapsecontent ul li span {
    padding: 0;
    width: 42px;
    height: 40px;
    line-height: 40px;
}

.tg-departmentscollapse .tg-themecollapsecontent ul li .tg-description {
    padding: 10px 150px 10px 60px;
}

.tg-departmentscollapse .tg-themecollapsecontent ul li:hover .tg-description p .tg-heading {
    width: 100%;
    float: left;
}

.tg-heading h2 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 19px;
}

.tg-facultyarea {
    width: 100%;
    float: left;
}

.tg-faculty {
    width: 100%;
    float: left;
}

.tg-faculty figure {
    margin: 0;
    width: 100%;
    float: left;
    background: #333;
}

.tg-faculty figure a {
    display: block;
}

.tg-faculty figure a img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-faculty:hover figure a img {
    opacity: 0.50;
}

.tg-facultyname {
    width: 100%;
    float: left;
}

.tg-facultyname h3 {
    font-size: 16px;
    line-height: 19px;
    margin: 20px 0 5px;
}

.tg-facultyname h3 a {
    color: #333;
}

.tg-facultydesignation {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 16px;
}

.tg-otherprogramsoffered {
    width: 100%;
    float: left;
    padding: 30px 0 0;
}

.tg-otherprogramsoffered h2 {
    font-size: 20px;
    line-height: 18px;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #dbdbdb;
}

/*======================================================================================
								About Us Pages Style
======================================================================================*/
.tg-widgetaboutusnav .tg-widgetcontent ul li+li {
    margin: 10px 0 0;
}

.tg-aboutus {
    width: 100%;
    float: left;
    position: relative;
}

.tg-rectormessage {
    padding: 0 300px 0 0;
}

.tg-aboutus h3 {
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 19px;
}

.tg-nameanddesignation {
    width: 100%;
    float: left;
    padding: 0 0 14px;
}

.tg-nameanddesignation strong,
.tg-nameanddesignation span {
    width: 100%;
    float: left;
    font-weight: 400;
}

.tg-rectormessage figure {
    top: 0;
    right: 0;
    margin: 0;
    width: 270px;
    position: absolute;
}

.tg-rectormessage figure:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 7px solid rgba(255, 255, 255, 0.50);
}

.tg-rectormessage figure img {
    display: block;
}

.tg-visionmission figure {
    width: 100%;
    float: left;
    margin: 0 0 20px;
}

.tg-visionmission figure img {
    display: block;
}

.tg-visionmission h3,
.tg-visionmission p {
    clear: both;
}

.tg-visionmission p:last-child {
    margin: 0;
}

.tg-leadership {
    padding: 0 0 0 400px;
}

.tg-leadership figure {
    top: 0;
    left: 0;
    margin: 0;
    width: 370px;
    position: absolute;
}

.tg-leadership figure:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 7px solid rgba(255, 255, 255, 0.50);
}

.tg-leadership figure img {
    display: block;
}

.tg-aboutus .tg-description {
    width: auto;
    float: none;
    overflow: hidden;
}

.tg-Objectives .tg-description {
    padding: 0 30px 0 0;
}

.tg-ouridentity .tg-description {
    padding: 0 0 0 30px;
}

.tg-aboutusimages {
    width: 44%;
    margin: -5px;
}

.tg-objectivesimages {
    float: right;
}

.tg-ouridentityimages {
    float: left;
}

.tg-aboutusimages figure {
    margin: 0;
    width: 50%;
    float: left;
    padding: 5px;
}

.tg-aboutusimages figure:first-child {
    width: 100%;
}

.tg-aboutusimages figure img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-aboutusimages figure:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 12px solid rgba(255, 255, 255, 0.50);
}

.tg-aboutusimages figure img {
    display: block;
}

.tg-honorawards {
    margin: -15px 0;
}

.tg-honoraward {
    width: 100%;
    float: left;
    padding: 15px 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.tg-honoraward figure {
    margin: 0;
    width: 45%;
    position: relative;
}

.tg-honoraward figure:before {
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border: 7px solid rgba(255, 255, 255, 0.50);
}

.tg-honoraward figure img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-honorawardcontent {
    width: 55%;
    padding: 0 0 0 30px;
}

.tg-campuslife figure {
    width: 100%;
    float: left;
    padding: 0 15px;
    margin: 0 0 30px;
}

.tg-campuslife figure img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.tg-honorawardcontent p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-btnplay {
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 67px;
    height: 48px;
    position: absolute;
    margin: -24px 0 0 -33px;
    background: url(../images/placeholder/btnplay.png) no-repeat;
}

.tg-campuslife .tg-description {
    width: 100%;
    float: left;
}

.tg-campuslife .tg-description p:last-child {
    margin: 0;
}

/*======================================================================================
								Faculties Pages Style
======================================================================================*/
.tg-faculties {
    width: 100%;
    float: left;
}

.tg-facultiescollapse .tg-themecollapsecontent {
    width: 100%;
    float: left;
    margin: -15px 0;
    padding-left: 0;
}

.tg-themecollapsecontent .tg-faculty {
    padding: 0;
    margin: 15px 0;
}

.tg-facultydetail {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}

.tg-facultydetail figure {
    width: auto;
    float: left;
    margin: 0 30px 0 0;
}

.tg-facultydetail figure img {
    display: block;
}

.tg-facultycontent {
    overflow: hidden;
}

.tg-departmentname {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
}

.tg-departmentname h2 {
    margin: 0;
    font-size: 16px;
    line-height: 16px;
}

.tg-facultycontent .tg-facultyname h3 {
    margin: 0;
    font-size: 30px;
    line-height: 30px;
}

.tg-facultycontent .tg-facultydesignation {
    font-size: 16px;
    line-height: 16px;
    padding: 3px 0 25px;
}

.tg-facultycontent .tg-description p {
    margin: 0 0 25px;
}

.tg-contactinfo {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 13px;
    list-style: none;
    padding: 0 0 30px;
}

.tg-contactinfo li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}

.tg-contactinfo li+li {
    padding: 10px 0 0;
}

.tg-facultycontent .tg-socialicons {
    width: 100%;
    float: left;
}

.tg-facultycontent .tg-socialicons li {
    float: left;
    padding: 0 10px 0 0;
}

.tg-relatedfaculty {
    width: 100%;
    float: left;
}

.tg-relatedfaculty h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}

.tg-otherfaculty {
    width: 100%;
    float: left;
}

.tg-otherfacultyslider.owl-carousel .owl-nav {
    top: -55px;
    right: 0;
    width: auto;
    float: none;
    position: absolute;
}

/*======================================================================================
								Jobs Pages Style
======================================================================================*/
.tg-jobs {
    width: 100%;
    float: left;
}

.tg-jobs .tg-themecollapsecontent {
    padding: 0;
}

.tg-jobs .tg-themecollapsecontent ul li>strong,
.tg-jobs .tg-themecollapsecontent ul li span {
    padding: 10px 20px;
    display: block;
    text-align: center;
    overflow: hidden;
}

.tg-jobs .tg-themecollapsecontent ul li a {
    padding: 0;
    width: 100%;
    float: left;
    position: static;
    text-transform: capitalize;
}

.tg-jobs .tg-themecollapsecontent ul li:hover a {}

.tg-jobdetail span {
    display: block;
    font-size: 16px;
    line-height: 16px;
}

.tg-jobdetail h1 {
    margin: 0 0 20px;
    font-size: 30px;
    line-height: 30px;
}

.tg-jobdetail h3 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 16px;
}

.tg-jobdetail ul {
    margin: 0 0 20px;
}

/*======================================================================================
								FAQ'S Page Style
======================================================================================*/
.tg-titleborder {
    margin: 0 0 20px;
    padding: 0 0 15px;
    border-bottom: 1px solid #ddd;
}

.tg-titleborder h2 {
    margin: 0;
    font-size: 20px;
    line-height: 20px;
}

.tg-faqscollapse>h3 em {
    font-style: normal;
}

.tg-faqscollapse>h3:before,
.tg-faqscollapse>h3.open:before {
    content: '\f128';
}

.tg-faqscollapse .tg-description {
    color: #333;
    position: relative;
    background: #f7f7f7;
    padding: 20px 20px 20px 37px;
}

.tg-faqscollapse .tg-description:before {
    top: 20px;
    left: 0;
    width: 33px;
    content: 'A.';
    display: block;
    text-align: right;
    position: absolute;
}

.tg-faqscollapse .tg-description p:last-child {
    margin: 0;
}

/*======================================================================================
								Gallery Page Style
======================================================================================*/
.tg-gallerymasnory {
    width: 100%;
    float: left;
    padding: 15px 0 0;
}

.tg-optionset {
    width: 100%;
    float: left;
    list-style: none;
    padding: 0 0 30px;
    text-align: center;
    text-transform: capitalize;
    font: 400 14px/17px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-optionset li {
    padding: 0 20px;
    position: relative;
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
}

.tg-optionset li+li:before {
    top: 6px;
    left: -4px;
    width: 4px;
    height: 4px;
    content: '';
    background: #666;
    border-radius: 50%;
    position: absolute;
}

.tg-optionset li a {
    color: #666;
    display: block;
    position: relative;
    padding: 0 4px 10px;
}

.tg-optionset li a:hover,
.tg-optionset li a.tg-active {
    color: #333;
}

.tg-optionset li a:before {
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    content: '';
    position: absolute;
}

.tg-optionset li a:hover:before,
.tg-optionset li a.tg-active:before {
    width: 100%;
}

.tg-galleryfilterable {
    clear: both;
    margin: -5px;
    overflow: hidden;
}

.tg-masonrygrid {
    width: 20%;
    float: left;
    padding: 5px;
}

.tg-masonrygrid figure {
    margin: 0;
    width: 100%;
    float: left;
    background: #333;
    position: relative;
}

.tg-masonrygrid figure img {
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
}

.tg-masonrygrid figure:hover img {
    opacity: 0.50;
}

.tg-btnviewimg {
    top: 80%;
    left: 50%;
    z-index: 2;
    color: #fff;
    width: 50px;
    height: 50px;
    display: block;
    background: #333;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    margin: -25px 0 0 -25px;
    border: 2px solid #c7c7c7;
}

.tg-btnviewimg:hover {
    color: #fff;
}

.tg-masonrygrid figure .tg-btnviewimg {
    opacity: 0;
    visibility: hidden;
}

.tg-masonrygrid figure:hover .tg-btnviewimg {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

/*======================================================================================
							News & Article Pages Style
======================================================================================*/
.tg-newsandarticle {
    width: 100%;
    float: left;
    margin: -10px 0 -15px;
}

.tg-newsandarticle.tg-list .tg-featuredimg {
    width: 378px;
}

.tg-newsandarticle .tg-newspost {
    padding: 15px 0;
}

.tg-newsandarticle .tg-newspost .tg-btn {
    color: #333;
    background: #f7f7f7;
}

.tg-newsandarticle .tg-newspost .tg-btn:hover {
    color: #fff;
}

.tg-list .tg-newspost .tg-themepostcontent {
    padding: 39px 0 39px 20px;
}

.tg-grid .tg-newspost .tg-matadata,
.tg-list .tg-newspost .tg-matadata {
    width: 100%;
    padding: 0 0 15px;
}

.tg-list .tg-newspost .tg-themeposttitle h3 a {
    -webkit-line-clamp: 1;
}

.tg-list .tg-newspost .tg-description {
    padding: 0 0 21px;
}

.tg-list .tg-newspost .tg-description p {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-detailpage>.tg-newspost>.tg-themepostcontent {
    padding: 0 0 30px;
}

.tg-detailpage .tg-newspost .tg-featuredimg {
    margin: 0 0 30px;
}

.tg-detailpage .tg-newspost .tg-description p {
    margin: 0 0 30px;
}

.tg-detailpage blockquote {
    border: 0;
    color: #333;
    margin: 0 0 30px;
    position: relative;
    padding: 0 0 0 100px;
    font: bold 20px/30px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-detailpage blockquote:before {
    top: 50%;
    left: 0;
    color: #fff;
    width: 70px;
    height: 70px;
    content: '\ea2e';
    font-size: 30px;
    font-weight: 300;
    margin: -35px 0 0;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    font-family: 'icomoon';
}

.tg-detailpage blockquote q {
    font: bold 20px/30px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-tagsandpsotshares {
    width: 100%;
    float: left;
    padding: 30px 0;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
}

.tg-tagstext,
.tg-sharetext {
    width: 50%;
    float: left;
    padding: 0 15px;
}

.tg-tagstext span,
.tg-sharetext span {
    width: 45px;
    float: left;
    color: #333;
    text-transform: capitalize;
    font: 400 14px/22px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-sharetext span {
    line-height: 30px;
}

.tg-tagstext .tg-tags,
.tg-sharetext .tg-socialicons {
    width: auto;
    float: none;
    overflow: hidden;
}

.tg-tags {
    width: 100%;
    float: left;
    margin: -5px 0;
}

.tg-tag {
    margin: 5px;
    float: left;
    color: #a0a0a0;
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    border: 1px solid #ddd;
}

.tg-tag:hover {
    color: #fff;
}

.tg-sharetext .tg-socialicons li {
    padding: 5px;
}

.tg-tagstext .tg-tags,
.tg-sharetext .tg-socialicons {
    margin: -5px;
}

.tg-postnav {
    width: 100%;
    float: left;
    padding: 40px 0;
    list-style: none;
}

.tg-postnav li {
    width: 310px;
    float: left;
    text-align: left;
    list-style-type: none;
}

.tg-postnav li+li {
    float: right;
    text-align: right;
}

.tg-postnav li figure {
    float: left;
    background: #333;
    margin: 0 10px 0 0;
}

.tg-postnav li figure img {
    display: block;
}

.tg-postnav li:hover figure img {
    opacity: 0.50;
}

.tg-postnav li+li figure {
    float: right;
    margin: 0 0 0 10px;
}

.tg-postnavcontent {
    overflow: hidden;
}

.tg-postnav li .tg-postnavcontent>a {
    color: #666;
    font-size: 13px;
    line-height: 13px;
    display: inline-block;
    vertical-align: top;
    text-transform: capitalize;
}

.tg-postnav li+li .tg-postnavcontent>a {}

.tg-postnavcontent h3 {
    margin: 0;
    font-size: 14px;
    line-height: 23px;
}

.tg-postauthor {
    width: 100%;
    float: left;
    padding: 30px;
    margin: 0 0 40px;
    background: #f7f7f7;
}

.tg-postauthor figure {
    float: left;
    margin: 0 20px 0 0;
}

.tg-postauthor figure a {
    display: block;
}

.tg-postauthor figure a img {
    display: block;
}

.tg-postauthorcontent {
    overflow: hidden;
}

.tg-postauthorhead {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 200px 0 0;
}

.tg-postauthorhead h4 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 16px;
}

.tg-postauthorhead span {
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 20px
}

.tg-postauthorhead .tg-socialicons {
    top: 0;
    right: 0;
    position: absolute;
}

.tg-postauthorhead .tg-socialicons li {
    float: left;
    padding: 0 0 0 10px;
}

.tg-postauthorcontent .tg-description p {
    margin: 0;
}

.tg-newsdetailpage .tg-relatedthemeposts {
    padding: 0 0 40px;
}

.tg-relatedthemeposts .tg-newspost .tg-featuredimg {
    margin: 0;
}

.tg-detailpage .tg-relatedthemeposts .tg-newspost p {
    margin: 0;
}

.tg-commentssection {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}

.tg-comments {
    width: 100%;
    float: left;
    line-height: 22px;
    list-style: none;
}

.tg-comments li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}

.tg-comments li+li {
    margin: 10px 0 0;
}

.tg-comment {
    width: 100%;
    float: left;
    padding: 30px;
    background: #f7f7f7;
}

.tg-comment figure {
    float: left;
    margin: 0 20px 0 0;
}

.tg-comment figure a,
.tg-comment figure img,
.tg-comment figure a img {
    display: block;
}

.tg-commentcontent {
    overflow: hidden;
}

.tg-commenthead {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 50px 0 0;
}

.tg-commenthead h4 {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 16px;
}

.tg-commenthead span {
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 0 0 20px
}

.tg-btncommentreply {
    top: 0;
    right: 0;
    color: #666;
    font-size: 13px;
    line-height: 13px;
    position: absolute;
    text-transform: capitalize;
}

.tg-btncommentreply i,
.tg-btncommentreply em {
    line-height: 13px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.tg-commentcontent .tg-description p {
    margin: 0;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.tg-commentchild {
    width: 100%;
    float: left;
    margin: 10px 0 0;
    padding: 0 0 0 90px;
}

.tg-postcomments {
    width: 100%;
    float: left;
}

.tg-formpostcomment textarea.form-control {
    height: 180px;
    resize: none;
}

/*======================================================================================
									404 Page Style
======================================================================================*/
.tg-404error {
    width: 100%;
    float: left;
}

.tg-errorimg {
    width: 100%;
    float: left;
    margin: 0 0 40px;
}

.tg-errorimg img {
    margin: 0 auto;
    display: block;
}

.tg-errorcontent {
    width: 100%;
    float: left;
    text-align: center;
}

.tg-errorcontent h2 {
    margin: 0 0 20px;
    font-size: 80px;
    font-weight: 300;
    line-height: 80px;
    text-transform: capitalize;
}

.tg-errorcontent h3 {
    margin: 0 0 30px;
    font-size: 36px;
    font-weight: 300;
    line-height: 36px;
    text-transform: none;
}

.tg-errorcontent h3 span {
    display: block;
}

.tg-errorcontent .tg-description {
    margin: 0 0 30px;
}

.tg-errorcontent .tg-description p {
    margin: 0
}

/*======================================================================================
									Comming Soon Style
======================================================================================*/
body.tg-commingsoonpage .tg-header {
    margin: 0;
}

body.tg-commingsoonpage .tg-main {
    padding: 0;
}

.tg-logobox {
    width: 100%;
    float: left;
    padding: 60px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.tg-logobox .tg-logo {
    float: none;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
}

.tg-logobox .tg-logo a {
    margin: 0 auto;
    display: block;
}

.tg-logobox .tg-logo a img {
    display: block;
}

.tg-comingsoon {
    width: 100%;
    float: left;
    padding: 140px 0;
    text-align: center;
}

.tg-comingsoon h2 {
    margin: 0 0 15px;
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    text-transform: capitalize;
}

.tg-comingsoon h3 {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    text-transform: none;
}

.tg-comingsoon .tg-description {
    padding: 0 22% 40px;
}

.tg-comingsoon .tg-description p {
    margin: 0;
}

.tg-comingcountdown {
    width: 100%;
    float: left;
    text-align: center;
}

.tg-comingcountdown .tg-counter {
    width: 25%;
    float: left;
    padding: 0 15px;
    text-align: center;
    list-style-type: none;
}

.tg-comingcountdown .tg-counterbox {
    width: 100%;
    float: left;
    padding: 80px 30px;
    border: 1px solid #ddd;
}

.tg-comingcountdown .tg-counterbox span {
    color: #333;
    display: block;
    font: 300 60px/40px 'Work Sans', Arial, Helvetica, sans-serif;
}

.tg-comingcountdown .tg-counterbox span+span {
    padding: 20px 0 0;
    text-transform: capitalize;
    font: 300 30px/20px 'Work Sans', Arial, Helvetica, sans-serif;
}

/*======================================================================================
									Contact Us Pages
======================================================================================*/
.tg-contactus {
    width: 100%;
    float: left;
}

.tg-contactusvone {
    padding: 0 0 40px;
}

.tg-contactus .tg-officelocation {
    height: 420px;
}

.tg-formcontactus textarea.form-control {
    height: 180px;
    resize: none;
}

.tg-campuscarousel .item {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.tg-campuscarousel .item .tg-featuredimg {
    width: 100%;
    float: left;
    margin: 0 0 30px;
}

.tg-capmusinfo {
    width: 100%;
    float: left;
    font-size: 13px;
    line-height: 22px;
    list-style: none;
}

.tg-capmusinfo li {
    width: 100%;
    float: left;
    line-height: inherit;
    list-style-type: none;
}

.tg-capmusinfo li+li {
    padding: 10px 0 0;
}

.tg-campuscarousel .owl-nav {
    top: -57px;
    right: 15px;
    width: auto;
    float: none;
    position: absolute;
}

.tg-contactusvtwo {
    padding: 40px 0 0;
}

.tg-contactusvtwo .tg-officelocation {
    margin: 0 0 30px;
}

.tg-ourothercampuses {
    width: 100%;
    float: left;
}

/*======================================================================================
								Campuses Pages Style
======================================================================================*/
.tg-maincampuses {
    width: 100%;
    float: left;
    padding: 0 0 40px;
}

.tg-maincampus {
    width: 55%;
    float: left;
    background: #f7f7f7;
}

.tg-campusimg {
    margin: 0;
    width: 50%;
    float: left;
}

.tg-campusimg img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-maincampus .tg-themepostcontent {
    width: 50%;
    float: none;
    overflow: hidden;
    padding: 0 0 0 30px;
}

.tg-campusimg,
.tg-maincampus .tg-themepostcontent {
    float: none;
    margin: 0 -2px;
    display: inline-block;
    vertical-align: middle;
}

.tg-maincampuses .tg-capmusinfo {
    margin: 0 0 20px;
}

.tg-mapholder {
    width: 45%;
    float: left;
    position: relative;
}

.tg-maincampuses .tg-campuseslocation {
    width: 100%;
    float: left;
    height: 276px;
}

.tg-othercampuses {
    width: auto;
    float: left;
    clear: both;
    margin: -15px 0;
    overflow: hidden;
}

.tg-othercampusimg {
    width: 100%;
    float: left;
    margin: 0 0 25px;
}

.tg-othercampusimg img {
    width: 100%;
    height: auto;
    display: block;
}

.tg-othercampuses .tg-campus {
    padding: 15px 0;
}

.tg-map-controls {
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 126px;
    position: absolute;
}

.tg-map-controls span {
    float: left;
    width: 30px;
    height: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    background: #484848;
    border-radius: 3px;
}

.tg-map-controls span+span {
    margin: 0 0 0 2px;
}

.tg-btn, .tg-theme-tag, a[data-new]::after, .tg-btnsearch, #tg-magicbox, .sub-menu li a::before, .mega-menu-row+.mega-menu-row, .tg-navigation>ul>li.current-menu-item>a, .tg-navigation>ul>li:hover>a, .tg-navigation>ul>li>a:hover, .mega-menu-col ul li a::before, .tg-btnsbox .tg-btn:hover, .tg-widgetadmissionform .tg-widgetcontent, .tg-signupbox, .tg-headervtwo .tg-topbar, .tg-headervtwo .tg-navigation ul li:hover a[data-new]::after, .tg-headervtwo .tg-navigation ul li a:hover[data-new]::after, .tg-widgetcontent ul li:hover::before, .tg-poststyleswitcher li a:hover, .tg-poststyleswitcher li.tg-active a, .tg-coursestabs .tg-themetabnav li::before, .tg-schedule, .tg-courseinfo .tg-btnsbox .tg-btn, .tg-relateddocuments li:hover, .tg-eventcounter, .tg-widgetcontent ul li:hover::before, .tg-widgetcontent ul li.tg-active::before, .tg-optionset li a::before, .tg-detailpage blockquote::before, .tg-tag:hover, .tg-newsandarticle .tg-newspost .tg-btn:hover, .tg-nav .navbar-toggle {
    background: #29c0e1;
}

.tg-description p {
    color: #FFF;
}

.tg-ticker .item p {
    color: #008403;
}

.tg-twocolumns .span9, .span9.course_detail_container {
    /*! margin-left: -11px; */
    /*! width: 920px; */
}

.tg-courses.tg-grid .span3 {}

.course-sidebar {
    /*! margin-left:0px; */
}

.course_detail {
    /*! margin-left:13px; */
}

.tg-themedropdownbox, .tg-navigation ul li a, .sub-menu, .mega-menu, .tg-themetabnav li a, .tg-themeposttags li a, .tg-pricebox a, .tg-featuredimg a img, .tg-btnprev, .tg-btnnext, .tg-gallery li figure img, .tg-btnview, .tg-widgetcontent ul li a, .tg-affiliationscertifications figure, .tg-widgetflickrgallery .tg-widgetcontent ul li figure a img, .tg-poststyleswitcher li a, .tg-infodata strong a, .tg-coursegallery>div .item img, .tg-relateddocuments li, .tg-faculty figure a img, .tg-masonrygrid figure img, .tg-btnviewimg, .tg-postnav li figure img, .tg-tag, .tg-widgetflickrgallery .tg-widgetcontent ul li figure figcaption {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.course_detail_container .tg-content {
    width: 100%;
}

.slider-container {
    position: relative;
}

.visible-phone2 {
    display: none;
}

@media only screen and (max-width: 400px) {
    .left-header {
        margin-left: 13px;
    }

    .left-header a {
        margin-left: 0px;
    }

    ul.socials {
        display: none;
    }
}

.tg-widgetcontent.stu_block_content {
    width: 89%;
}

@media only screen and (max-width: 567px) {
    ul.socials {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    a.complaints {
        display: none;
    }

    a.complaints2 {
        display: inline-block;
    }
}

@media only screen and (min-width: 426px) {
    a.complaints2 {
        display: none;
    }
}

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

    .visible-phone2 {
        display: block;
    }

    .tg-widgetcontent.stu_block_content {
        width: 94%;
    }
}

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

    .tg-widgetcontent.stu_block_content {
        width: 92%;
    }
}

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

    .tg-widgetcontent.stu_block_content {
        width: 89%;
    }
}


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

    .tg-widgetcontent.stu_block_content {
        width: 86%;
    }
}

.course-grid-container .span3 {}

.left-content {
    width: 75%;
    float: left;
}

#nav ul li ul>li::before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    background-color: #2699bf17;
    transition: width 0.25s ease;
    z-index: -1;
}

#nav ul li ul>li:hover::before {
    width: 100%;
}

.bgdarkblue {
    background: #12506d !important;
}

.bggreen {
    background: #00b359 !important;
}

.bgmagenta {
    background: #6d122f !important;
}

.bgorange {
    background: #d08e3c !important;
}

.bgwhite {
    background: #eeeeee !important;
    color: #222 !important;
}

.bgturquoise {
    background: #1ecad2 !important;
}

.tg-widgetcontent {
    color: #FFF;
}

.tg-widgetcontent h2 {
    font-size: 18px;
    font-family: 'droid arabic kufi';
    color: #FFF;
}

.tg-widgetcontent.bgwhite h2 {
    color: #222;
}

.tg-widgetcontent h2 i {
    color: #FFF;
}

.tg-widgetcontent.bgwhite h2 i {
    color: #222;
}

.tg-description ul, .tg-description li {
    list-style: none;
}

.tg-description li, .tg-description a {
    color: #FFF !important;
}

.bgwhite li, .bgwhite a {}

.bgwhite i {
    color: #222;
}

ul.nostyle li:before {
    content: '' !important;
    background: none;
}

.h120 {
    height: 140px;
}

.tg-widget {
    transition: opacity 0.3s;
    /*transform: rotateY(0deg);*/
    opacity: 0.8;
    box-shadow: 1px 1px 2px;
    height: 100%;

}

.tg-widget:hover {
    opacity: 1;
}


.gal img {
    padding: 10px;
    border: 2px solid #f7f7f7;
    background: #FFF;
    width: 200px;
    height: 145px;
    text-align: center;
    content-align: center;
    margin: 20px;
    transition: opacity 0.3s;
    /*transform: rotateY(0deg);*/
    opacity: 0.9;
    box-shadow: 0px 0px 4px;
}

.gal img:hover {
    opacity: 1;
}

.note-container {
    min-height: 150px;
}

.note-header {
    font-size: 18px;
    margin-bottom: 18px;
    text-align: right;
    color: #187ab5;
}

.note-header i {
    margin-left: 10px;
}

.note-body {
    text-align: right;
    height: 115px;
}

.more {
    text-align: right;
}

.tg-description i {
    position: absolute;
    font-size: 120px;
    left: 0;
    color: #ffffff3d;
    top: 60px;
}

.round-list2 {
    text-align: right;
    padding-bottom: 6px;
    direction: rtl;
}

.round-list2::before {
    content: "\f15c";
    font-family: FontAwesome;
    display: inline-block;
    width: 1.9em;
    margin-right: 0em;
}

.latest_news_title {
    font-weight: 800;
    margin-bottom: 2px;
    color: #353434;
}

.owl-prev {

    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block !important;
    border-radius: 100%;
}

.owl-next {

    position: absolute;
    top: 40%;
    right: 2px;
    display: block !important;

}

.owl-prev i, .owl-next i {
    font-size: 30px;
    color: #222;
}

.fa-circled {
    /* border: 1px dashed #2C739B; */
    border-radius: 100%;
}

.fa-circled2 {
    border: 2px solid #FFF;
    border-radius: 100%;
}

.search-form {
    position: absolute;
    top: 55px;
    z-index: 2;
    margin-right: 20px;
    float: right;
    left: -1px;
    /*! z-index: 0; */
    background: linear-gradient(270deg, #ffffff, #c5c5c5);
    height: 50px;
}

.nav-home-icon {
    float: right;
    display: inline;
    position: absolute;
    width: 50px;
    top: 0px;
    font-size: 22px;
    color: #FFF !important;
    height: 59px;
    line-height: 56px;
    /* padding-left: -9px; */
    /;
    /* background: #00c0e07d; */
    right: -50px;
    text-align: center;
}

.nav-home-icon i {
    color: #00bcd4;
}

.nav-home-icon:hover {
    background: #b5b5b51f;
}

.nav-search-icon, .nav-random-icon {
    margin-left: -38px;
    float: left;
    display: inline-block;
    width: 31px;
    top: 0px;
    font-size: 15px;
    color: #2e3030 !important;
    /*! height: 51px; */
    line-height: 50px;
    padding-right: 16px;
    /* background: #b1b8bd0d; */
    cursor: pointer;
    z-index: 99;
    position: relative;
    margin-right: 38px;
    /* height: 48px; */
}

.nav-search-icon:hover, .nav-random-icon:hover {
    /*background: #00c0e0ff;*/
}

.nav-search-icon:hover i.lefticon, .nav-random-icon:hover i.lefticon {
    color: #3080b0;
}

.nav-search-icon:hover .search-form {
    visibility: visible;
    opacity: 1;
}

.search-form {
    transition: all ease-in-out 0.1s;
    visibility: hidden;
    opacity: 0;
}

.search-input {
    width: 250px !important;
    /*! padding: 8px!important; */
    border-radius: 1px !important;
    border: 0px solid #42686c !important;
    padding-right: 7px !important;
    padding-left: 11px !important;
    background: #ffffffde !important;
    color: #355e6b !important;
    font-size: 13px !important;
    font-family: arial, tahoma !important;
    transition: width ease-in-out 0.3s !important;
    height: 50px !important;
    margin-right: 48px;
}

.search-form i {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #ffffff;
    padding: 17px;
    /* border: 1px solid #EEE; */
    border-radius: 0;
    background: linear-gradient(26deg, #ee326a, #ff5722);
    height: 16px;
}

.search-input:focus {
    /*width: 250px!important;*/
}

.bottom-line {
    border-bottom: 1px solid #cccccc2b;
}

.top-line {
    border-top: 1px solid #cccccc2b;
    padding-top: 10px;
    margin-top: 9px;
}

.news-bar-table td {
    border-top: 0px;
}

.news-bar-block:hover {
    border: 1px solid #EEE;
}

.search-info {
    font-size: 16px;
    font-weight: bold;
    font-family: lato, arial;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #EEE;
}

.no-radius {
    border-radius: 0 !important
}

.bg-blue {
    /* background:#00bcd457; */
}

.no-bg {
    background: none !important;
}

.no-border {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

.panel.no-footer .panel-footer {
    padding: 0;
    background-color: #f5f5f5;
    border: 0;
    border-radius: 0;
}

.footer-info {
    max-width: 450px;
}

strong.stitle {
    border-bottom: 1px solid #f29935;
    padding-bottom: 10px;
    font-family: open sans, arial, tahoma;
}

.news-date-icon {
    color: #229dd0;
}

.news_title_date i {
    font-size: 24px;
    display: inline-flex;
    float: right;
    /* margin-right: 5px; */
    color: #d5cccc;
    margin-left: 10px;
}

.logos_title img {
    width: 62px;
}

.logos_title img.logo1 {
    margin-left: 10px;
}

.block-section {
    text-align: center;
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    background: #FFF;
    padding: 30px;
}

.footer-logos img {
    width: 62px;
}

.footer-logos img.logo1 {
    margin-top: 16px;
    margin-right: 18px;
}

.maintitle {
    font-size: 22px;
    color: #006eb5;
    font-weight: 600;
    margin-right: 19px;
}

a.sociallinkicon {
    color: #e6f6ff !important;
    font-size: 13px;
}

a.sociallinkicon:hover {
    text-decoration: none;
    color: #e2feff !important;
}

.top_subheader {
    display: flex;
    width: 400px;
    margin-left: 64px;
    box-sizing: border-box;
    padding-top: 13px;
    color: #FFF;
    font-weight: 500;
    direction: rtl;
}

.top_subheader a {
    color: #FFF;
    font-size: 13px;
}

.top_subheader a:hover {
    color: #e6f6ff !important;
}

.top_subheader a:not(:last-child):after {
    content: "";
    content: "\f009";
    font-family: 'FontAwesome';
    font-size: 8px;
    padding: 4px;
}

.blocktitle {
    margin: 10px 0px 60px 0px;
    font-size: 26px;
    font-weight: 600;
    color: #ffa928;
}

.block-subtitle {
    font: 600 13px droid arabic kufi;
    margin-bottom: 14px;
    display: block;
}

ul.blockul {
    text-align: right;
    direction: rtl;
    position: relative;
}

ul.blockul i {
    font-size: 29px;
    color: #67b8e7;
    position: absolute;
    right: -17px;
    top: 27%;
}

ul.blockul li {
    padding-right: 17px;
    position: relative;
    margin-top: 7px;
}

.rtldir {
    direction: rtl;
    text-align: right;
}

section.footer.topshadow a {
    color: #545454;
}

footer h4 {
    color: #007eff;
}

footer a:hover {
    color: #4091d7 !important;
}

footer h3 {
    color: #0073c9;
    white-space: nowrap;
}

footer hr {
    background-image: linear-gradient(90deg, transparent, rgba(170, 168, 168, 0.4), transparent);
    background-color: transparent;
    height: 1px;
    border: 0;
}

.scroll {
    /* border: 1px solid #3498db; */
    position: absolute;
    right: 2%;
    bottom: 0px;
    background: #4a7ddf;
    padding: 15px 15px;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.3s;
    -o-transition: 0.5s;
}

.scrolltop {
    display: none;
    width: 100%;
    margin: 0 auto;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999999999;
    opacity: 0.8;
}

.scroll i.fa {
    color: #FFF;
}

.scroll:hover {
    background: rgb(14 93 237);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.division {
    display: grid;
    grid-auto-rows: 200px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 2em;
    justify-items: center;
    align-self: center;
    justify-content: center;
    max-width: 100%;
    grid-template-columns: 300px 300px 300px;
}

div.block {
    border-radius: 10px;
    padding: 24px;
    color: #454545;
    text-align: center;
    margin-left: 0 auto;
    border: 1px solid #EEE;
    padding-top: 30px;
    transition: all ease-in-out 0.1s;
    background: #FFF;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    /* transition:all 0.2s ease-in-out; */
    height: 217px;
}

.gray-layer {
    background: rgba(69, 69, 69, 0.4);
}

.blue-layer {
    background: rgba(68, 211, 255, 0.4);
}

.green-layer {
    background: rgba(140, 255, 186, 0.4);
}

.red-layer {
    background: rgba(255, 140, 140, 0.4);
}

.yellow-layer {
    background: rgba(255, 243, 5, 0.36);
}

.block img {
    object-fit: cover;
    max-width: 240px;
}

.block .imagelayer {
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
}

.division .block.block250:hover, .block:hover {
    /* transform: scale(1.02); */
    /* box-shadow: 1px 1px 5px rgb(0 0 0 / 20%); */
}

.tile-stats2 {
    background: #ffffff !important;
    font-family: "cairo", Helvetica, Arial, sans-serif;
    position: relative;
    display: block;
    background: #303641;
    padding: 20px;
    margin-bottom: 25px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    height: 120px;
    box-shadow: 0 4px 4px -1px rgb(0 0 0 / 10%), 0 2px 2px -1px rgb(0 0 0 / 6%);
    min-height: 180px;
    width: 186px;
    border: 1px solid #f3f3f3;
}

.tile-stats2 .icon {
    color: rgb(255 255 255);
    position: absolute;
    right: 56px;
    top: -11px;
    z-index: 44;
}

.tile-stats2 .num {
    font-size: 38px;
    font-weight: 700;
}

.tile-stats2 .num, .tile-stats2 h3, .tile-stats2 p {
    position: relative;
    color: #403d3d;
    z-index: 5;
    margin: 0;
    margin-top: 0px;
    padding: 0;
    margin-bottom: -20px;
}

.tile-stats2 h3 {

    font-size: 18px;
    margin-top: 10px;
}

.tile-stats2 .icon i {
    font-size: 21px;
    line-height: 0;
    margin: 0;
    padding: 23px 9px 0px 13px;
    z-index: 99;
    background: #b832d1;
    border-radius: 7px;
    min-height: 44px;
    min-width: 41px;
    position: absolute;
    top: -9px;
    box-sizing: border-box;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.icon-bg-red {
    background: #f56666 !important;
}

.icon-bg-info {
    background: #6699f5 !important;
}

.icon-bg-warning {
    background: #f5a166 !important;
}

.icon-bg-cian {
    background: #00d4d4 !important;
}

.icon-bg-default {
    background: #4b5152 !important;
}

.icon-bg-info {
    background: #6699f5 !important;
}

.icon-bg-green {
    background: #33db8c !important;
}

.icon-bg-lightblue {
    background: #67d1ea !important;
}

.icon-bg-darkblue {
    background: #515d80 !important;
}

hr.stats {
    background-image: linear-gradient(90deg, transparent, rgba(170, 168, 168, 0.4), transparent);
    background-color: transparent;
    height: 1px;
    border: 0;
}

.icon i.icon.icon {
    padding: 10px 0px;
    right: -44px;

}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #398eff;
    border-top-color: #e2eefd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

footer ul {
    margin-top: 19px;
}

footer li a {
    font-size: 14px;
}

footer ul.socials {
    margin-right: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .fullwidthbanner-container {
        width: 750px;
        height: 412px;
    }

    .bannershadow {
        width: 750px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .fullwidthbanner-container {
        width: 470px;
        height: 258px;
    }

    .bannershadow {
        width: 470px;
    }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .fullwidthbanner-container {
        width: 300px;
        height: 165px;
    }

    .bannershadow {
        width: 300px;
        margin-top: -5px;
    }
}

.block:after {
    content: '';
    background: #6dbadf1f;
    position: absolute;
    width: 100%;
    height: 0px;
    z-index: 1;
    bottom: 0px;
    left: 0px;
    transition: height 0.2s ease-in-out;
}

.block:hover:after {
    height: 100%;
}

.coloredline {
    background: #2196f3 !important;
}

.stickyheader section.subheader_wrapper {
    height: 99px;
}
.contactus_form{direction:rtl;}