@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light');

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html {
    height: 100%;
    margin: 0;
    padding: 0;
}

#Body {
    height: 100%;
    font-family: 'Titillium Web', sans-serif;
    color: #333333;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    line-height: 1.42857;
}

a {
    outline: 0;
    border: 0;
    font-family: inherit;
}

.TopBarHide a, .socialList a {
    color: #333333;
    font-weight: 600;
}

p, ul, ol {
    margin: 0;
    padding: 0;
    font-family: inherit;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 60px;
    font-weight: 600;
}

h2 {
    font-size: 60px;
    font-weight: 600;
}

h3 {
    font-size: 48px;
    font-weight: 500;
}

h4 {
    font-size: 30px;
    font-weight: 300;
}

h5 {
    font-size: 24px;
    font-weight: 300;
}

h6 {
    font-size: 18px;
    font-weight: 300;
}

p {
    font-weight: normal;
    color: #333333;
    font-size: 14px;
    font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.42857;
}

/* Fonts */
.Normal {
    font-size: 14px;
    font-family: inherit;
    color: inherit;
    line-height: inherit;
}

.SubHead {
    color: #747474;
}

.dnnSortable {
    min-height: 30px !important;
}

.dnnActionMenuTag {
    height: 27px;
}

.gapsmall {
    padding-top: 20px
}



/*Layout */

#container {
    margin-bottom: -18px;
    width: 100%;
    height: 100%;
    line-height: 22px;
    background: url(../images/bg.png) #fff;
    font-family: inherit;
    overflow: auto;
}

#MainWrapper {
    background: #fff;
}

.Customizer {
    z-index: 1000;
    position: relative;
}

.TopSliderPane {
    z-index: 999;
    position: relative;
}

.FullHeader {
    background: #00ACEE;
}

#HeaderTop {
    border-top: 4px solid #a2e904;
    color: inherit;
    padding-bottom: 0;
    background: #e8e7e7;
}

.span1.TopRight, .span2.TopRight, .span6.TopRight, .span7.TopRight, .span8.TopRight {
    float: right;
}

.Topheight {
    height: 44px;
}

#Header {
}

.LTPadding {
    padding: 12px;
}

/* FixedHeader */

.menuarea {
    position: relative;
}

.FixedHeader {
    width: 100%;
    z-index: 998;
    overflow: visible;
}

.BGcolor {
    background: #7DBD21;
}

/***** TopMenuRightLogo *****/
.MenuRight {
    z-index: 907;
    position: relative;
    background: #7DBD21;
    height: 46px;
}

.Topgap {
    margin-bottom: -10px;
    margin-top: 23px;
}

/***** Menu *****/

#Header .FixedHeader .Header {
    position: relative;
}

#Header .FixedHeader .col-md-11 {
    position: static;
}

.navbar-inverse .navbar-toggle {
    border-color: #333333;
}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333333;
}

.MenuBorder {
    border-top: 1px solid;
    width: 100%;
}

.MenuBorderbottom {
    border-bottom: 1px solid;
    width: 100%;
}

.CenterMenu, .RightMenuAlign {
    position: static;
}

.CCMenu .nav a {
    line-height: 45px;
}

.CCMenu .nav li li a {
    line-height: 24px;
}

.js-clingify-locked .nav > li > a { /* line-height: 57px; */
    padding-bottom: 0px;
}

.js-clingify-locked .root > a {
    line-height: 50px !important;
    padding: 0 8px;
}

.js-clingify-locked ul.dnnmega li .megaborder {
    top: 35px;
}

.js-clingify-wrapper.js-clingify-locked .SearchR {
    margin-top: 17px;
}

.js-clingify-locked > a > img {
    height: 18px !important;
}

.LogoRightPane.js-clingify-locked {
    display: none;
}

.nav.js-clingify-locked > li > a {
    line-height: 50px !important;
    padding: 0 8px;
}

.SearchR.js-clingify-locked {
    padding-top: 8px;
}


.SpeedyDropDown {
    float: right;
    margin-right: -4%;
}

#MenuBg {
    padding: 0 20px;
    padding-bottom: 0;
    min-height: 3px;
    background: #1871AC;
    z-index: 905;
    position: relative;
}

.MenuTBM {
    padding-bottom: 0px;
    padding-top: 15px;
}

.SDTbMenu {
    margin-left: -15px;
}

.RLTMDiv {
    margin-right: -2.5641%;
}

@media handheld, only screen and (min-width:768px) {
    /* .js-clingify-placeholder { height:100% !important; }  */
}

/***** RightAlignedMenu *****/
.MenuR {
    margin-top: 0px;
}

.LogeLMRight #Header {
    padding: 0;
}

.LeftMenuRightLogo {
    padding: 0;
}

/* Search */
#SearchBg {
    padding: 0;
    float: right;
}

.LTSearch {
    margin-left: 22px;
}

#Search .dropdown-panel {
    max-height: none;
}

#SearchChoices {
    clear: both;
    display: none;
}

/* Logo */
.LogoRight #Logo img {
    float: right;
}

.LogoCentered {
    text-align: center;
}

.LogoRightM {
    text-align: right;
}

.LogoLeft {
    text-align: left;
}

.LogoRightPane {
    text-align: right;
}

#Logo {
    height: 100%;
}

    #Logo a > img {
        max-height: 108px;
    }

    #Logo a > img {
        max-height: 100px;
    }

.CenterTopMenu a img {
    padding-top: 10px;
}

/* LogIn */
.SkinObject {
    display: block;
}

.userProfileImg a {
    display: block;
}

.userDisplayName {
    padding: 0 5px 8px !important;
}

.buttonGroup li {
    display: block;
    text-align: center;
}

.TopRight.span2 a {
    color: #fff;
}

    .TopRight.span2 a.SkinObject {
        color: #000;
    }

#spLogin {
    min-width: 100%;
}

    #spLogin a {
        color: inherit;
    }

.LogIn {
    padding: 0px 0 5px 0;
    color: inherit;
    text-align: right;
}

    .LogIn a {
        padding: 0 5px;
        color: inherit;
        font-size: inherit;
    }

.TopLoginIcon {
    display: block;
    float: left;
    text-decoration: none;
    transition: all 0.31s ease 0s;
    width: 100%;
}

/* LoginLeftAligned */
.LogIn .LoginLeftAligned {
    color: inherit;
    text-align: left;
}

.LangLogin {
    padding-top: 10px;
}

    .LangLogin .mbLanguage {
        padding-top: 2px;
    }

/* Language */
#Language {
    padding-top: 10px;
}

.language-object .Language {
    float: right;
    text-align: right;
    margin: 0 4px;
}

    .language-object .Language img {
        width: 18px;
        height: 18px;
        border: 2px solid #c6c4c4;
        border-radius: 2px;
    }

    .language-object .Language.selected img {
        border: 2px solid #f0efef;
        border-radius: 2px;
    }

#LanguageDr {
    padding-left: 18%;
}


/* Language LeftAligned */
.LeftAligned .language-object .Language {
    padding-top: 1px;
    float: left;
    text-align: left;
}

/* RightTopNav */
.LeftNav {
    z-index: 908;
    position: relative;
}

.RightTopNav ul.TopNav {
    float: right;
}

ul.TopNav {
    padding-top: 0px;
    padding-left: 0;
}

.TopNav li {
    border-right: 1px solid #DDDDDD;
    float: left;
    font-size: inherit;
    line-height: 34px;
    list-style: none;
    padding: 0 8px;
}

    .TopNav li a {
        color: inherit;
        text-decoration: none;
    }

    .TopNav li:hover {
        background: #000000;
    }

        .TopNav li:hover a {
            color: #ffffff;
        }

        .TopNav li:hover span {
            color: #ffffff;
        }

.TopNav em {
    padding-right: 1px;
}

.TopLeftTopMenu ul.TopNav {
    padding-top: 0px;
    padding-left: 0;
}

.InnerTopNav ul.TopNav {
    padding-top: 0px;
    padding-left: 0;
}

/* Toplogo Bottom Menu */
.TopLBMenu ul.TopNav {
    padding-top: 0px;
    padding-left: 0;
}

/* LeftTopNav */
.LeftTopNav {
    float: left;
}

    .LeftTopNav .TopNav li {
        padding-left: 0;
        padding-right: 10px;
    }

/* TopSocial */
.TopSocial {
    padding-top: 5px;
    float: right;
}

.toppadding {
    margin-top: 5px;
}

.bottomspace {
    margin-bottom: 2px;
}

/****** BreadcrumbSmall *****/
.BreadcrumbBgColor {
    background-color: #fafafa;
}

.BreadcrumbDiv {
    padding: 10px 20px;
}

.breadcrumb_style {
    padding-left: 52px;
    background: url(../images/HomeButton.png) no-repeat transparent left 3px;
}

    .breadcrumb_style img {
        width: 7px;
        height: 7px;
        padding: 0 5px;
    }

a.BreadText {
    font-size: 12px;
    color: inherit;
    text-shadow: none;
}

    a.BreadText:hover {
        color: #000000;
        text-decoration: none;
    }

/****** BreadcrumbLarge *****/
.BreadcrumbLarge {
    padding: 22px 0;
}

.BreadcrumbDivLar {
    padding: 0 20px;
}

.breadcrumbStyle {
    float: right;
}

    .breadcrumbStyle span {
        padding: 0 5px;
    }

    .breadcrumbStyle a.BreadText {
        padding-left: 5px;
    }

    .breadcrumbStyle img {
        margin-top: -2px;
    }

.TitleTag {
    font-size: 24px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
}

.TitleTagSmall {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}

/* Slider */
#SliderBg {
    z-index: 904;
    position: relative;
}

.slider {
    position: relative;
}

.DnnModule-SpeedyTouchFlexi {
    background: none;
}

.flexslider {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
}

.slides {
    position: relative;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
    -pie-png-fix: true;
}

.flex-control-paging li a {
    margin-top: 15px;
}

/* TitleText */
.TitleText {
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 20px;
    padding-top: 50px;
    text-align: center;
    text-transform: uppercase;
    line-height: 36px;
}

.TitleBack {
    font-size: 32px;
    font-weight: normal;
    padding: 0 10px 5px 10px;
    color: inherit;
}

.TitleTextDetails {
    font-size: inherit;
    color: #6a6a6a;
    text-align: center;
    padding: 0 7px;
}

.Gap {
    padding: 12px 0;
}

.OurClient {
    text-align: center;
}

.AccordianText {
    color: #000000;
    line-height: 22px;
    font-size: inherit;
    font-family: inherit;
}

.TitleTextCnt {
    padding-top: 10px;
}

/** Home Page TopBox **/
.navigation {
    margin: 10px 0;
    overflow: hidden;
    box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
}

    .navigation li {
        width: 100%;
        padding: 10px 50px 10px 15px;
        border-left: 5px solid #666;
        float: left;
        cursor: pointer;
        list-style-type: none;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
    }

        .navigation li h2 {
            font-style: italic;
            font-size: 22px;
            margin-bottom: 5px;
            line-height: 20px;
        }

        .navigation li p {
            font-size: inherit;
            color: #999;
            -webkit-transition: all 0.1s ease-in;
            -moz-transition: all 0.1s ease-in;
            -o-transition: all 0.1s ease-in;
        }

        .navigation li:hover {
            background: #333;
            border-left: 5px solid #000;
        }

            .navigation li:hover h2 {
                font-weight: bold;
                color: #fff;
            }

            .navigation li:hover p {
                color: #ccc;
                padding-left: 5px;
            }

/*** Close Home Page TopBox ***/

#MpageBody {
    background: #fff;
    min-height: 650px;
    font-size: inherit;
    line-height: inherit;
    padding-bottom: 20px;
}

/***** PageBodyTop *****/
.FullDiv {
    padding-top: 30px;
}

.BdTopTest {
    padding: 5px 0 8px 0;
}

.BodyContentA {
    padding-top: 10px;
}

.bdimage {
    text-align: center;
}
/*.BdTopTtile {  text-align:center; font-size:20px; font-weight:normal; margin:0px; color:inherit; }*/
.BdTopDetailes {
    padding: 0;
    text-align: center;
}

.BcResponsive {
    text-align: right;
}

/*Home Page 01*/

.topbox {
    background: #147DC4;
    padding: 30px 0 20px;
}

    .topbox h2 {
        color: #FFFFFF;
        font-size: 24px;
        font-weight: normal;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .topbox p {
        color: #FFFFFF;
        font-size: 14px;
        margin-bottom: 10px;
    }

.icontop h3 {
    display: block;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.65px;
    width: 100%;
}

h3, h4 {
    letter-spacing: 0;
}

p {
    color: inherit;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 10px;
    padding: 0;
}

.border {
    border-top-style: solid;
    border-top-width: 1px;
    margin: 0 auto;
    opacity: 0.1;
    width: 70%;
    border-color: #EDEDED;
}

.TopTile2 .TopBigtitle {
    line-height: 10px;
}

.TopTile .TopBigtitle {
    line-height: 22px;
    padding: 0;
}

.topbox a {
    color: #ffffff;
}

.LTLogin {
    padding-top: 5px;
}

.Slogan {
    float: right;
    padding-top: 19px;
}

.headertopcontact {
    display: block;
    padding-top: 10px;
}

.headertopicon {
    color: inherit;
    float: left;
    padding-top: 4px;
    background: none !important;
}

.headertopcontent {
    margin: 0 !important;
    padding: 0 0 0 25px;
}

    .headertopcontent > a {
        color: inherit;
    }

.TopSocialIcon {
    display: block;
    margin-top: -34px;
}

    .TopSocialIcon li {
        list-style: none;
        background: #c1c1c1;
        margin-right: 1%;
        display: block;
        text-align: center;
        float: left;
    }

    .TopSocialIcon a {
        text-decoration: none;
        transition: all 0.31s ease 0s;
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

/***icon***/

.iconround.FR {
    float: right;
}

.iconround {
    border: 2px solid #9e9e9e;
    border-radius: 100px;
    color: inherit;
    height: 120px;
    line-height: 120px;
    width: 120px;
}

.icontop i {
    padding-top: 45px;
    display: block;
}

.iconsquare {
    border: 2px solid #F0F;
    color: inherit;
    height: 25px;
    padding: 30px;
    width: 25px;
    position: relative;
}

    .iconsquare i {
        display: inline-block;
        left: 33%;
        position: absolute;
        text-align: center;
        top: 28%;
    }

.TopSocialIcon li {
    margin-bottom: 10px;
}

    .TopSocialIcon li a {
        color: #283043;
    }

.twitter > a:hover {
    background: #00ACEE !important;
    color: #ffffff !important;
}

.facebook > a:hover {
    background: #3B5996 !important;
    color: #ffffff !important;
}

.google > a:hover {
    background: #C3391C !important;
    color: #ffffff !important;
}

.tumblr > a:hover {
    background: #3B5876 !important;
    color: #ffffff !important;
}

.linkedin > a:hover {
    background: #0059B7 !important;
    color: #ffffff !important;
}

.youtube > a:hover {
    background: #CB322C !important;
    color: #ffffff !important;
}

.icons, .Deshiimg {
    text-align: center;
}

.span1.first, .span2.first, .span3.first, .span4.first, .span5.first, .span6.first, .span7.first, .span8.first, .span9.first, .span10.first, .span11.first {
    margin-left: 0;
}

.ca-menu, .ca2-menu {
    padding-left: 0 !important;
}

.boxwrape {
    padding: 0 10px;
}

.featuredcontent-1 i, .featuredcontent i {
    color: #7DBD21;
}

.dnnActionMenuBorder {
    padding: 0px !important;
}

.span6.first {
    margin-left: 0;
}

.topblank {
    padding-top: 0px !important;
}

.right {
    float: right !important;
}

.small {
    padding: 30px 10px;
}

.medium {
    padding: 40px 10px;
}

.big {
    padding: 63px 0;
}

.Medium {
    margin-top: 50px;
}

.fa-4x {
    color: #fff;
}

.color {
    color: #ffffff;
}

.Btitle {
    font-size: 34px;
}

.projecttitle {
    padding-top: 22px;
    text-transform: uppercase;
    word-spacing: 5px;
    text-align: center;
}

.BigTitle {
    font-size: 28px;
    font-weight: normal;
    color: inherit;
}
/* */
.ListPadding {
    margin-top: 30px;
}

.TopBigtitle {
    font-weight: 600;
    letter-spacing: -0.65px;
    padding: 20px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.title h1, .medium h1, #MaintenanceSection1 h1 {
    font-size: 33px;
}

.subtitle {
    color: #333333;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
}

.smalltitle {
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    padding: 10px 0;
}

.titlearea .TopBigtitle {
    font-weight: 300;
}

.details {
    font-size: inherit;
}

.FullContent {
    padding: 100px 10px;
}

.Bothcontent {
    padding-top: 75px;
}

.Titlebig {
    font-size: 30px;
    font-weight: normal;
}

.homelist li {
    list-style: none;
    padding-top: 16px;
}

    .homelist li a {
        padding-left: 5px;
    }

        .homelist li a:hover {
            text-decoration: none;
        }

.homelist1 li {
    list-style: none;
    padding-bottom: 10px;
}

    .homelist1 li a {
        padding-left: 9px;
    }

        .homelist1 li a:hover {
            text-decoration: none;
        }

.fa-stack.fa-lg.fa-bg {
    height: 5em;
    width: 5em;
}

.fa-stack-2x-large {
    color: #7DBD21;
    font-size: 4em;
}

.fa-stack-1x {
    font-size: 2em;
    padding-top: 18px;
}

    .fa-stack-1x.largeicon {
        font-size: 2em;
        margin-left: -13px;
    }

.TitleColor span i {
    float: left;
    padding-top: 4px;
}

.fa-stack-1x.custom {
    font-size: 1em;
    margin: 0;
    padding: 0;
}

.iconcolor {
    font-size: 1.7em !important;
    float: left;
}

.blue {
    color: #00B7F1;
}

.iconstyle {
    font-size: 2.5em !important;
    margin-left: 12px;
    margin-top: 17px;
}

.fa-stack-2x-medium {
    color: #7DBD21;
    font-size: 4em;
}

.custom {
    margin-left: 0px;
}

.iconrounded {
    background: #ffffff;
    padding: 30px 0;
}

.WomenImg {
    margin: 0 !important;
    text-align: center;
}

.boxcolor {
    background: #7DBD21;
    color: #ffffff;
}

.BdTopTtile.boxcolor {
    background: #f3f2f2 !important;
    color: #ffffff;
}

.view.second-effect {
    padding: 25px 0;
}

.view.first-effect {
    background: url("../images/round.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding-bottom: 25px;
    padding-right: 12px;
}

.funfactbox .boxcolor {
    background: none;
    border: 1px solid #017DC5;
    color: #017DC5;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    padding: 8px 0;
    border-radius: 4px;
    display: block !important;
}

.homelist .fa-check {
    float: left;
    padding-top: 5px;
}

.fontColor {
    background: none !important;
}

.iconround.centered.fontColor {
    display: inline-block !important;
    transition: all .7s ease;
    -moz-transition: all .7s ease;
    -webkit-transition: all .7s ease;
    -ms-transition: all .7s ease;
    background: none !important;
}

.icontop:hover .iconround.centered.fontColor {
    background: none;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.icontop h3 {
    font-size: 18px;
    padding-bottom: 5px;
}

.mobileimg {
    text-align: center;
}

.skill {
    margin: 0 !important;
    max-height: 170px;
    text-align: center;
}

.BigTitle.middle {
    text-align: center;
    color: inherit;
}

.title {
    padding-bottom: 60px;
}

.titlebottomspace {
    padding-bottom: 95px;
}

.allien {
    padding-bottom: 25px;
}

.allienL {
    padding-bottom: 25px;
}

.BdTitleTop.TitleColor {
    font-size: 24px;
    line-height: 30px;
    padding-left: 0px;
    text-align: left;
}

.BigTopBlank .TitleColor {
    padding-left: 11px;
}

.smalltitleFIXED {
    padding: 0 150px;
}

.BdDetailes > a {
    padding-left: 12px;
}

.TopBigtitle.TopBigtitle2 {
    padding: 0;
}

.BodyContentIcon {
    margin-top: 60px;
    background: #F4F4F4;
    padding: 10px 26px;
    padding-top: 20px;
    text-align: center;
}

.IconImage {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    line-height: 60px;
    background: #333;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -32px !important;
    top: -32px;
}

.IconDetailes {
    text-align: center;
}

.IconImage img {
    width: 24px;
    height: 24px;
}

.IconText {
    font-size: 22px;
}

    .IconText img {
        padding-right: 10px;
        height: 41px;
        width: 42px;
    }

.IconTextDetailes {
    text-align: left;
}

.ReadMore2 a {
    color: inherit;
}

.mp4downloader_btnForIFrame {
    display: none;
}

.LearnMore {
    padding-top: 15px;
    text-align: center;
}

    .LearnMore a {
        color: inherit;
    }

.btn-inverse {
    background-image: none;
}

.comingsoon {
    font-size: 44px;
}

.squarebox {
    padding: 0 10px;
}

/*Home Page 02*/


.grid {
    style: none;
    text-align: center;
}

    .grid li {
        display: inline-block;
        text-align: left;
        position: relative;
        margin-bottom: 30px;
    }

    .grid figure {
        margin: 0;
        position: relative;
    }

        .grid figure img {
            max-width: 100%;
            display: block;
            position: relative;
        }

    .grid figcaption {
        background: #2C3F52;
        color: #ED4E6E;
        left: 0;
        padding: 0 10px 20px;
        position: absolute;
        top: 0;
    }

        .grid figcaption h3 {
            margin: 0;
            padding: 0;
            color: #fff;
        }

        .grid figcaption a {
            text-align: center;
            padding: 5px 10px;
            display: inline-block;
            color: #fff;
        }

/* Caption Style 3 */
.cs-style-3 figure {
    overflow: hidden;
}

    .cs-style-3 figure img {
        -webkit-transition: -webkit-transform 0.4s;
        -moz-transition: -moz-transform 0.4s;
        transition: transform 0.4s;
        width: 100%;
    }

    .no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {
        -webkit-transform: translateY(-50px);
        -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px);
    }

.cs-style-3 figcaption {
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
    position: absolute;
}

.timeright {
    float: right;
}

.featuredcontent > span {
    font-size: inherit;
    color: #000000;
}

.BdDetailes.TL {
    font-size: inherit;
}

.socialcentered {
    text-align: center;
    width: 100%;
    padding-top: 12px;
}

    .socialcentered > a {
        margin-right: 4%;
        display: inline-block;
    }

        .socialcentered > a i {
            height: 25px;
            line-height: 25px;
            background: none !important;
            transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -webkit-transition: all 0.5s ease 0s;
            -ms-transition: all 0.5s ease 0s;
            width: 25px;
            border-radius: 4px;
        }

        .socialcentered > a:hover i {
            border-radius: 100px;
        }

.tleft {
    text-align: left;
}

.opsetimg {
    opacity: .6;
}

    .opsetimg:hover {
        opacity: 1;
    }

.fadebox .opsetimg > img {
    border-radius: 100px;
    height: 150px;
}

.button.outline {
    background: none !important;
    border: 1px solid #017dc5;
    color: #636363;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 10px;
}

/* Blog STYLE */
.blogpost {
    margin-bottom: 40px;
    background: #F0F0F0;
}

.blogimage {
    text-align: center;
    margin: 0px !important;
}

.metabox {
    margin: 0;
}

.datebox {
    background: #017DC5;
    overflow: hidden;
}

.date {
    color: #FFFFFF;
    font-size: 34px;
    padding-top: 17px;
    text-align: center;
}

.year {
    color: #ffffff;
    font-size: 12px;
    margin: 0 !important;
    text-align: center;
}

.icon {
    background: #000000;
    color: #FFFFFF;
    font-size: 2em;
    padding: 8px 0;
    text-align: center;
}

.DeviceImg {
    padding: 0 10px;
}

.BdTitleText1.text {
    text-align: center;
}

p.button.outline {
    text-align: center;
    left: 25%;
}

.button.outline.tag {
    margin: 0 10px 10px 0;
    padding: 10px;
    float: left;
    border: 1px solid #000000;
}

    .button.outline.tag:hover {
        background: #000000 !important;
        color: #ffffff;
    }

/* sidebar menu */
.nav-pills.nav-stacked {
    padding: 0;
}

    .nav-pills.nav-stacked > li {
        border: 1px solid #B6B6B6;
        border-radius: 5px 5px 5px 5px;
        list-style: none outside none;
        margin-bottom: 5px;
        cursor: pointer;
    }

        .nav-pills.nav-stacked > li:hover {
            background: #484848;
        }

            .nav-pills.nav-stacked > li:hover a {
                color: #ffffff;
            }

    .nav-pills.nav-stacked a {
        line-height: 37px;
        padding-left: 12px;
        color: #484848;
    }

        .nav-pills.nav-stacked a:hover {
            text-decoration: none;
        }

.TopTitle h2 {
    font-weight: normal;
}

.TopTitle.sitemenu {
    padding-top: 25px;
}

/* News tricker */
#ticker > li {
    list-style: none;
}

#ticker a {
    color: #ffffff;
    padding-right: 6px;
}

#ticker p {
    color: #ffffff;
}

#ticker2 > li {
    list-style: none;
    padding-top: 5px;
}

.latestnews > ul {
    height: 240px;
}

.twittbox > ul {
    padding: 0 !important;
    height: 251px;
    overflow: hidden;
    display: block;
}

/* fixed header */
.fixedHeader {
    overflow: visible;
}

/* 3 box animation */
.ca-menu li, .ca2-menu li {
    height: 100px;
    overflow: hidden;
    display: block;
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 4px;
    border-bottom: 5px solid #000000;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .ca-menu li:last-child, .ca2-menu li:last-child {
        margin-bottom: 0px;
    }

    .ca-menu li a, .ca2-menu li a {
        text-align: left;
        display: block;
        width: 100%;
        height: 100%;
        color: #333;
        position: relative;
    }

.ca-icon, .ca2-icon {
    font-size: 20px;
    line-height: 90px;
    position: absolute;
    width: 20%;
    left: 1%;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca-content, .ca2-content {
    height: 80px;
    left: 22%;
    position: absolute;
    top: 12px;
    width: 75%;
}

.ca-main {
    font-size: 24px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    margin: 0px;
}

.ca-sub {
    font-size: 14px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    margin-top: 3%;
}

.ca-menu li:hover {
    background: #e1f0fa;
}

    .ca-menu li:hover .ca-icon {
        color: #000000;
        text-shadow: 0px 0px 1px #000000;
        font-size: 50px;
    }

    .ca-menu li:hover .ca-main {
        color: #000000;
        font-size: 14px;
    }

    .ca-menu li:hover .ca-sub {
        color: #000000;
        font-size: 24px;
    }


.ca2-main {
    font-size: 24px;
    font-weight: normal;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca2-sub {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    color: #666;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.ca2-menu li:hover {
    background: #e1f0fa;
}

    .ca2-menu li:hover .ca2-icon {
        font-size: 40px;
        color: #000000;
        opacity: 0.8;
        text-shadow: 0px 0px 13px #fff;
    }

    .ca2-menu li:hover .ca2-main {
        opacity: 1;
        color: #000000;
        -webkit-animation: moveFromTop 300ms ease-in-out;
        -moz-animation: moveFromTop 300ms ease-in-out;
        -ms-animation: moveFromTop 300ms ease-in-out;
    }

    .ca2-menu li:hover .ca2-sub {
        opacity: 1;
        -webkit-animation: moveFromBottom 300ms ease-in-out;
        -moz-animation: moveFromBottom 300ms ease-in-out;
        -ms-animation: moveFromBottom 300ms ease-in-out;
    }

@-webkit-keyframes moveFromBottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromBottom {
    from {
        opacity: 0;
        -moz-transform: translateY(200%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        opacity: 0;
        -ms-transform: translateY(200%);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}

@-moz-keyframes moveFromTop {
    from {
        opacity: 0;
        -moz-transform: translateY(-200%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromTop {
    from {
        opacity: 0;
        -ms-transform: translateY(-200%);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0%);
    }
}

.PL {
    padding-left: 0px !important;
}

.FL {
    float: left !important;
}

/* Music page*/
.topheader .boxtitle {
    color: #fff;
}

.boxtitle {
    margin-bottom: 0;
    text-align: center;
}

.backimage {
    background: #333333;
}

.topheader {
    background: #484848;
    color: #FFFFFF;
    font-weight: normal;
    overflow: hidden;
    padding: 5px 0;
}

    .topheader .TitleColor {
        font-size: 18px;
    }

.contentboxarea {
    background: #FFFFFF;
    padding: 20px 10px;
}

.button.Colorred {
    background: #484848;
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: normal;
    margin-left: 23%;
    padding: 10px 20px;
    text-transform: uppercase;
}

.carouselbox {
    margin: 0 10px;
}

.topheader h3 {
    font-size: 24px;
    padding: 6px 0px;
}

.ss-row a > img {
    border: 5px solid #808080;
}

.offerbox > img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    box-shadow: 0 7px 9px -4px #000000;
}

.BodyConText li {
    float: left;
    list-style: none;
}

.offer {
    box-shadow: 0 2px 6px -5px;
    padding-top: 11px;
}

.opsetimg {
    opacity: 1;
    text-align: center;
}

.Restaurant p {
    color: #FFFFFF;
}

.BodyConText li a {
    color: #7DBD21;
}

.blogstyle {
    display: block;
    float: left;
    padding-bottom: 14px;
    padding-right: 25px;
}

.homelist1 {
    padding: 0 10px;
}

.CHistoryList1 > ul {
    padding-left: 0;
}

/* CSS3 STYLE GENERIC */
.view {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

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

    .view img {
        display: block;
        position: relative;
    }

    .view a.info {
        width: 40px;
        height: 40px;
        background: url(../images/link.png) center no-repeat #fff;
        display: inline-block;
        text-decoration: none;
        padding: 0;
        text-indent: -9999px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 2px solid #a0a0a0;
        behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
    }

/* SECOND EFFECTS */

.BdMiddleTtile {
    margin: 0;
    padding-top: 10px;
}

.BdMiddleText {
    padding-bottom: 15px;
    line-height: 18px;
    font-size: 12px;
    color: #242424;
}

.CTitleTop {
    font-size: 18px;
    font-weight: normal;
    color: #484848;
}


/** NEWS & EVENTS **/
.WelcomeTitle {
    padding: 5px 0 12px 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: normal;
}

.WelcomeText a {
    font-size: 18px;
    color: inherit;
}

/* flip the pane when hovered */
.flip-container {
    margin-top: 60px;
}

    .flip-container:hover .flipper, .flip-container.hover .flipper {
        transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
    }

.flip-container, .front, .back {
    width: 100%;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    cursor: pointer;
    background: url(../images/ImageShadow.png) no-repeat bottom center;
    padding-bottom: 26px;
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    cursor: pointer;
    background: url(../images/ImageShadow.png) no-repeat bottom center;
    padding-bottom: 26px;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
}

.WelImage img {
    padding: 0;
    margin: 0;
}

.ImageShadow img {
    margin-top: 0px;
}

/************** Clode NEWS & EVENTS ***************/


/** Our Services  **/
.ServicesTitle {
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}

.ServicesTitleImage {
    text-align: center;
}

.ServicesText {
    font-size: 24px;
}

.ServicesDetailes {
    line-height: 22px;
    text-align: left;
}

.LearnMore2 {
    padding: 12px 0 3px 0;
    text-align: left;
}

    .LearnMore2 a {
        background: #1871AC;
        padding: 7px 16px;
        text-transform: uppercase;
        color: inherit;
    }

        .LearnMore2 a:hover, a.btn-inverse:hover {
            background: #C9C9C9;
            text-decoration: none;
        }

.LrnMore a {
    background: none !important;
    color: #333 !important;
}

/************** Clode Our Services  ***************/


/** Home Page 6 Mattro Box **/
.DarkGrey {
    background: #d8d8d8;
    padding: 0 15px;
}

.LightGrey {
    background: #F4F4F4;
    padding: 10px 15px;
}

.SocialMediaPage {
    padding-top: 40px;
}

/* Top 3 Columns */

.SquareBoxImgArea2 {
    display: block;
    border-bottom: none;
}

.SquareBoxContentCustom {
    background: #d8d8d8;
}

.pic {
    margin: 0 !important;
    display: block;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
}

.grow img {
    display: block;
    height: 100%;
    margin-top: 0;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    width: 100%;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
}

    .grow img:hover {
        height: 120%;
        max-height: 120%;
        max-width: 120%;
        width: 120%;
    }

/* Recent News */
.BdtextImg {
    color: inherit;
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
}

    .BdtextImg img {
        float: left;
        margin-right: 10px;
        margin-top: 2px;
    }

.BdAreaTopCustom {
    background: #cac8c8;
    padding: 0 15px;
}

h2.BoxTitle {
    color: #fff;
}

/* Our Services */
.HomeList1 {
    padding: 0 0 18px 0;
    margin-top: -10px;
}

    .HomeList1 li {
        background: url("../images/ListImg.png") no-repeat scroll left center transparent;
        border-bottom: 0 dotted #CFCFCF;
        border-top: 0 none;
        list-style: none outside none;
    }

        .HomeList1 li a {
            padding: 11px 10px 10px 25px;
            color: #fff;
            display: block;
            font-size: 14px;
            font-style: normal;
            font-weight: normal;
        }

/* HomePage Bottom 3 Columns */
.StateSquare {
    padding: 0 10px;
}

h2.StateSquareTitle {
    padding: 7px 0;
    margin: 0;
}

.TopTilePadd {
    padding-left: 15px;
}

.HomeList li {
    padding-bottom: 20px;
}

.tweetimg {
    height: 28px;
}

#speedytwitter .tweet {
    border-bottom: 1px dotted #CCCCCC;
    color: #333333;
    font-family: inherit;
    font-size: 13px;
    line-height: 16px;
}

/* News & Events */
.NewsContent {
    background: #fff;
    padding: 0 15px;
}

/* Testamonials  */
.TstmText {
    border-bottom: 1px dotted #CFCDCD;
    font-size: 12px;
    font-style: italic;
    padding: 0 0 15px;
}

span.tstmText1 {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: left;
}

span.tstmText2 {
    display: block;
    margin: -16px 0 0;
    text-align: right;
}

p.TstmPerson {
    display: block;
    margin: -10px 0 0;
    text-align: right;
}

/* Home Page 6 Mattro Box */
.ImageIcon {
    padding: 30px 0;
    text-align: center;
}

@keyframes rotater {
    0% {
        transform: rotate(0) scale(1)
    }

    50% {
        transform: rotate(360deg) scale(2)
    }

    100% {
        transform: rotate(720deg) scale(1)
    }
}

img.advert:hover {
    animation-name: rotater;
    -moz-animation-name: rotater;
    -webkit-animation-name: rotater;
    animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    -o-transform: rotate(360deg) scale(2);
    -o-transition-duration: 500ms;
    -o-transition-timing-function: ease-out;
    -ms-transform: rotate(360deg) scale(2);
    -ms-transform-duration: 500ms;
    -ms-transform-timing-function: ease-out;
    -webkit-transform: rotate(360deg) scale(2);
    -webkit-transform-duration: 500ms;
    -webkit-transform-timing-function: ease-out;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
}

/* InnerPage side Nav */
#MenuList1 {
    padding: 0px 0 20px 5px;
}

    #MenuList1 li {
        border-bottom: 1px solid #9a9a9a;
    }

        #MenuList1 li a {
            display: block;
            padding: 10px 10px 10px 0px;
            color: #666666;
            font-style: normal;
            font-weight: normal;
        }

            #MenuList1 li:hover, #MenuList1 li a:hover {
                color: #363636;
                text-decoration: none;
            }

#MenuList2 {
    padding: 0px 0 20px 5px;
}

    #MenuList2 li {
        border-bottom: 1px dashed #9a9a9a;
    }

        #MenuList2 li a {
            display: block;
            padding: 10px 10px 10px 0px;
            color: #666666;
            font-style: normal;
            font-weight: normal;
        }

            #MenuList2 li:hover, #MenuList2 li a:hover {
                color: #363636;
                text-decoration: none;
            }

/***** PageBodyBottom *****/
.BdTitleTop {
    font-size: 22px;
    font-weight: normal;
}

.BdTitleTop3 {
    padding: 25px 70px;
    color: #454646;
    font-weight: normal;
    text-align: center;
    font-weight: normal;
}

.BdTitleText1 {
    text-align: justify;
    padding: 0 10px;
}

.BdTitleText2 {
    padding-top: 20px;
    line-height: 18px;
    font-size: 12px;
    color: #000;
    text-align: left;
}

.RgtBdTitle {
    padding-top: 16px;
}

.BdtextImg img {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.BdtextImg {
    text-align: left;
    color: #ffffff;
    margin: 0px !important;
}

    .BdtextImg a {
        color: #363636;
    }

        .BdtextImg a:hover {
            text-decoration: none;
            color: #4c4d4d;
        }


/********* Left Sidebar  ***********/
.LeftSideTitle {
    padding: 34px 0 10px 0;
    font-size: 24px;
}

.LeftSideText1 {
    line-height: 22px;
    text-align: left;
}

.LeftSideText2 {
    padding-top: 20px;
}


/********* Content Divider  ***********/
.dr1 {
    height: 1px;
    margin: 40px 0;
    width: 100%;
    border-top: 1px solid #eee;
}

.dr2 {
    height: 1px;
    margin: 40px 0;
    width: 100%;
    background: url("../images/DividerDotted.png") repeat scroll center top transparent;
}

.dr3 {
    height: 5px;
    margin: 40px 0;
    width: 100%;
    background: url("../images/DividerShadow.png") no-repeat scroll center top transparent;
}

.dr4 {
    height: 5px;
    margin: 40px 0;
    width: 100%;
    background: url("../images/DividerStripes.png") repeat scroll center top transparent;
}

.button {
    background: #017DC5;
}


/********* Body Top Box  ***********/
.BdTopBox {
    margin: 40px 0;
    padding: 16px 20px;
    background: #F6F6F6;
    border-left: 4px solid #6e6e6e;
}

.BoxTitleText {
    padding-top: 10px;
    font-weight: bold;
}

.boxbutton {
    text-align: center;
    padding-top: 15px;
}


/*--------------------- Starte About Us Page Code ------------------*/

.fadebox .opsetimg > img {
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
}

.fadebox:hover .opsetimg > img {
    transform: scale(1.1);
    opacity: .5;
}

.AboutUsImgArea {
    padding-top: 27px;
}

div.AboutUsTitle {
    text-align: left;
    color: #666666;
    padding: 0 0 10px 0;
    font-size: 24px;
    font-weight: bold;
}

p.AboutText {
    color: inherit;
    padding: 10px 0;
}

/*** Team area ***/
#TeamArea {
    border-top: 1px solid #9f9f9f;
    margin-top: 40px;
}

.TeamTitle2 {
    margin-top: 27px;
}

.TeamTilte {
    text-align: center;
    color: inherit;
    padding: 40px 0 0 0;
}

.TeamText {
    color: inherit;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 0px;
}

/*** TeamMemberArea ***/
#TeamMenberArea {
    background: #ebeaea;
    border: 1px solid #dad9d9;
    overflow: hidden;
}

.TeamMenberImage {
    margin: 0;
}

    .TeamMenberImage img {
        text-align: center;
        margin: 0;
    }

h6.TeamMeneberTitle {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: inherit;
    padding: 10px 0 0 0;
    margin: 0;
}

h6.TMemberDesignation {
    border-bottom: 1px solid #dad9d9;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: inherit;
    padding: 10px 0;
    margin: 0px;
}

.TeamMemberText {
    color: inherit;
    text-align: center;
    padding: 10px 10px 0 10px;
}

.TeamSocialIcon img {
    width: 25px;
    height: 25px;
}

#TeamSocialArea {
    margin: 0 auto;
    display: block;
}

ul.TeamSocial li {
    display: inline-block;
    list-style: none;
    padding: 5px 5px 15px 0;
}

.TeamSocial, .TeamSocial li a {
    text-align: center;
}

.ClientArea {
    text-align: center;
    color: #666666;
    padding: 50px 0 0 0;
    margin-bottom: -10px;
    font-size: 24px;
    font-weight: bold;
}

.ServicesTitleImage {
    text-align: center;
    padding: 0;
    display: block;
}

/*--------------------- Close About Us Page Code ------------------*/


/*--------------------- Starte Career Page Css Code ------------------*/

/***CareerSection1*****/

#CareerSection1 {
    margin-top: 60px;
}

.CareerTitle {
    font-weight: 600;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
}

.CareerTitleBG {
    color: #000000;
}

.CarrerimgRight {
    margin-left: -33px;
    z-index: 905;
    margin-top: -3px;
    position: relative;
}

.CarrerimgLeft {
    margin-right: -33px;
    z-index: 905;
    margin-top: -3px;
    position: relative;
}

.CareerSection1Text {
    padding-top: 20px;
    text-align: justify;
}

/*** Career Section2 ***/
#CareerSection2 {
    margin-top: 40px;
}

.JobDescriptionText {
    display: block;
    margin-top: 0px;
    text-align: left;
}

.JobDescriptionTitle {
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    font-weight: bold;
}

#CareerSection2Bottom {
    margin-top: 40px;
}

#CareerSkillArea2 {
    margin-top: 0px;
}

/*** CareerSearchingSection ***/
#CareerSearchingSection {
    margin-top: 60px;
}

.CareerSearch {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

/*** CareerSection3 ***/
#CareerSection3 {
    margin-top: 83px;
}

.CareerList {
    margin-top: 30px;
}

    .CareerList li {
        list-style: none;
        padding: 10px 0px 10px 0px;
    }

        .CareerList li a {
            color: inherit;
            text-decoration: none;
        }

.DnnModule-DNN_HTML ul.CareerList {
    padding-left: 0px;
}

/*--------------------- Close Career Page Css Code ------------------*/

/*--------------------- Start Error 404 Css Code ------------------*/

/*ErrorSignArea*/
.AskedTag > .ui-accordion .ui-accordion-header {
    color: inherit;
    font-size: 30px;
    font-weight: normal;
    margin-top: 2px;
    padding: 1em 0.5em 1em 0.7em;
}

#ErrorSignArea {
    background: url("../images/Footerlistimg.png") no-repeat;
    background-position: right;
    height: 400px;
}

h1.ErrorMessage {
    padding-top: 120px;
    font-size: 150px;
    font-weight: bold;
    text-align: center;
    text-shadow: 3px 3px 3px #060606;
    -webkit-text-shadow: 3px 3px 3px #060606;
    -moz-text-shadow: 3px 3px 3px #060606;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
}

p.NotFound {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    display: block;
    font-style: italic;
    padding-top: 70px;
}

/***NotFound ul area***/
#NotFoundMessageArea {
    margin-top: 70px;
}

.NFMTitle {
    font-size: 24px;
    font-weight: bold;
    color: #666666;
}

.NFMList li {
    list-style: none;
    border-bottom: 1px solid #ebeaea;
    max-width: 50%;
    padding: 10px 0;
}

    .NFMList li a {
        text-decoration: none;
        font-size: 16px;
        color: inherit;
    }

/*--------------------- Close Error 404 Css Code ------------------*/


/* Main Home Page */
.PortfolioSubTitle {
    padding: 0px;
}

.ProgressSkillTitle {
    text-align: left;
}

.SkillText2 {
    text-align: left !important;
}

.socialList a {
    text-align: left;
    font-weight: 300;
    float: left;
}

/* Home Corpoerate 02 */
.homelist1 li a {
    color: #636363;
    padding-left: 30px;
}

ul.homelist1 {
    padding-left: 0px;
    margin-left: 10px;
}

/* Home Left Slider */
.TopBigtitle11 {
    text-align: left;
}

.MobileDeviceImg {
    text-align: right;
}

    .MobileDeviceImg img {
        padding-top: 60px;
    }

.homelist li a {
    color: #636363;
    padding-left: 10px;
}

ul.homelist {
    padding-left: 0px;
    margin-left: 10px;
}

.ui-accordion .ui-accordion-content {
    border-top: 0 none;
    overflow: auto;
    padding: 0px;
    margin: 0px;
    height: 200px;
    width: 100%;
    display: block;
    border: 1px solid #D3D3D3;
}

.AccordianText {
    padding: 10px;
}

/* Service Pages */
.BdTitleTop {
    font-size: 22px !important;
}

.Gap {
    padding-top: 20px;
}

.Gap2 {
    padding-top: 5px;
}

.Titlebigpadding {
    padding-left: 15px;
}

.fa-3x {
    font-size: 60px;
    margin: 4px;
}

.fa-4x {
    font-size: 60px;
}

/* Left Sidebar Page Code */
.LeftSideTitle {
    font-weight: 400;
}

.WebTitle {
    text-align: left;
}

.CareerSkillTitle > span {
    font-size: 14px !important;
}

/* Testimonial Page Code */
.TopBigtitle12 {
    padding-top: 30px;
    text-transform: uppercase;
    font-weight: 600;
}

.TestimonialPadding {
    padding-top: 27px;
}

/* ComingSoon Page Code */
.comingsoonTitle {
    font-size: 44px;
    padding-bottom: 80px;
    font-family: fontawesome,opensans,helvetica;
    text-transform: uppercase;
    line-height: 30px;
}

/* Maintenance Page Code */
.MaintenancSection1Text1 {
    padding-top: 0px;
}


/*--------------------- Start FAQ Page Css Code -------------------*/

/***Frequently aked area***/
#FaqTextArea {
    margin-top: 20px;
}

/***Faq Topic area***/
#FaqTopicArea {
    margin-top: 50px;
}

.FaqList1 {
    padding: 20px 0 30px 5px;
}

    .FaqList1 li {
        border-bottom: 1px solid #f8f6f6;
        list-style: none;
        width: 80%;
    }

        .FaqList1 li a {
            display: block;
            padding: 10px 10px 10px 0;
            font-size: 14px;
            color: #666666;
            font-style: normal;
            font-weight: normal;
        }

.FaqList2 {
    padding: 20px 0 30px 5px;
}

    .FaqList2 li {
        border-bottom: 1px solid #f8f6f6;
        list-style: none;
        width: 80%;
    }

        .FaqList2 li a {
            display: block;
            padding: 10px 10px 10px 0;
            font-size: 14px;
            color: #666;
            font-style: normal;
            font-weight: normal;
        }

            .FaqList1 li:hover, .FaqList1 li a:hover, .FaqList2 li:hover, .FaqList2 li a:hover {
                color: #363636;
                text-decoration: none;
            }

/*** Accordion Area ***/
.NewAccordion.ui-accordion .ui-accordion-header {
    color: inherit;
    font-size: 18px;
    font-weight: normal;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: .25em 0.5em .25em 0.7em;
    background: #fff;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f2f2f2), to(#ffffff));
    background: -webkit-linear-gradient(#f2f2f2, #ffffff);
    background: -moz-linear-gradient(#f2f2f2, #ffffff);
    background: -ms-linear-gradient(#f2f2f2, #ffffff);
    background: -o-linear-gradient(#f2f2f2, #ffffff);
    background: linear-gradient(#f2f2f2, #ffffff);
    -pie-background: linear-gradient(#f2f2f2, #ffffff);
    border-radius: 0;
    border: 1px solid #eaeaea;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}

.NewAccordion.ui-accordion .ui-accordion-content {
    border-radius: 0px;
    border: 1px solid #f4f2f2;
}

.NewAccordionQuestionTitle {
    padding: 10px 0;
    font-size: 16px;
    font-weight: normal;
    color: #666;
    text-align: left;
    text-decoration: underline;
    font-family: inherit;
}

.NewAccordionText {
    font-size: 14px;
    font-weight: normal;
    color: #666;
    text-align: left;
    font-family: inherit;
    overflow: hidden;
}

/*** Faq Coments area ***/
#FaqComentArea {
    margin-top: 20px;
}

#NeedHelpArea {
    margin-top: 40px;
}

#ForumArea {
    margin-top: 40px;
    margin-bottom: 40px;
}

#MoreQuestionArea {
    margin-top: 40px;
}

#RecentPostArea {
    margin-top: 40px;
}

.BlankSpace {
    display: table-cell;
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: middle;
    width: 100%;
}

.blankborder {
    border-top: 1px solid #919191;
    display: block;
    top: 50%;
    vertical-align: middle;
}

.recentpost {
    padding: 0 0 5px;
}

.ComentLine {
    background: url(../images/BorderLine.png) repeat-x center right;
    color: #ffffff;
    line-height: 22px;
    margin-left: 10px;
    width: 22%;
    display: inline-block;
}

.FaqClientsComentTitle {
    display: block;
    font-size: 22px;
    font-weight: normal;
    color: inherit;
    padding: 0;
    text-align: left;
}

/**FaqComents areaClose **/

/***Recent Posts Area***/
.BdtextImgPosts {
    color: inherit;
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
}

    .BdtextImgPosts img {
        float: left;
        margin-right: 10px;
        margin-top: 2px;
        width: 60px;
    }

    .BdtextImgPosts img {
        float: left;
        margin-right: 10px;
        margin-top: 2px;
    }

.BdtextImgPosts {
    text-align: left;
    color: inherit;
    margin-top: 5px;
}

    .BdtextImgPosts a {
        color: #363636;
    }

        .BdtextImgPosts a:hover {
            text-decoration: none;
            color: #4c4d4d;
        }


/*** Short Contact Form Edit Code ***/
#Shortform_div {
    margin-left: 35px;
}

    #Shortform_div h2 {
        color: #939393;
        font-size: 24px;
        margin-left: -11px;
        font-weight: bold;
        display: none;
    }

    #Shortform_div.form label {
        margin-left: 0px;
    }

    #Shortform_div input {
        background: #ffffff;
        height: 10px;
        margin-left: -12px;
        width: 90%;
        border: 1px solid #cfcfcf;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
        position: relative;
    }

.small.button {
    background: #cccccc;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#333333));
    background: -webkit-linear-gradient(#666666, #333333);
    background: -moz-linear-gradient(#666666, #333333);
    background: -ms-linear-gradient(#666666, #333333);
    background: -o-linear-gradient(#666666, #333333);
    background: linear-gradient(#666666, #333333);
    -pie-background: linear-gradient(#666666, #333333);
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}

/*-------------------- Close FAQ Page Css Code --------------------*/

.clock.flip-clock-wrapper {
    margin-left: 200px;
}


/*-------------------- Start Price Table Css Code  ----------------------*/
.price-block h3 {
    padding: 15px 0;
}

.TL {
    text-align: left;
}

.BigTopBlank {
    margin-top: 25px;
    padding: 0 10px;
}

.TopBlank {
    margin-top: 40px;
}

/* pricing table Page */
.plan {
    font-size: 28px;
    font-weight: normal;
    line-height: 22px;
    padding: 35px 0 13px 0;
    text-align: center;
}

.Titleline {
    font-size: 28px;
    font-weight: normal;
    line-height: 30px;
    padding: 41px 0;
    text-align: center;
}

ul.pricing-table {
    padding-left: 0 !important;
}

.pricing-table {
    font-size: 12px;
    line-height: 150%;
    width: 100%;
}

.DnnModule-DNN_HTML ul, .DnnModule-DNN_HTML ol {
    padding-left: 0px;
}

.price-block {
    width: 100%;
    text-align: center;
    color: #fff;
    list-style-type: none;
    position: relative;
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

/*Price heads*/
.pricing-table h3 {
    text-transform: uppercase;
    background: #017dc5;
    margin-bottom: 0px;
    color: #fff !important;
}

/*Price tags*/
.price {
    display: table;
    width: 100%;
    padding: 10px 0;
}

.price1 {
    display: table;
    width: 100%;
}

.price_figure {
    color: #636363;
    border: 2px solid #969696;
    border-radius: 100%;
    display: block;
    font-size: 24px;
    height: 145px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20%;
    text-transform: uppercase;
    vertical-align: middle;
    width: 145px;
}

.price_number, .price_number1 {
    color: #636363;
    display: block;
    font-weight: normal;
    text-align: center;
}

.price_tenure {
    font-size: 11px;
    color: #ffffff;
}

/*Features*/
.features-tab {
    background: #DEF0F4;
    color: #000;
    padding-left: 0px !important;
}

    .features-tab li {
        padding: 8px 15px;
        border-bottom: 1px solid #ccc;
        font-size: 11px;
        list-style-type: none;
    }

.footer-tab {
    padding: 15px;
    background: #DEF0F4;
}

    .footer-tab a:hover {
        text-decoration: none;
    }

.price-block:hover {
    z-index: 1;
    border-bottom: 0 none;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
    position: relative;
    transform: scale(1.05) translateY(-5px);
    -moz-transform: scale(1.05) translateY(-5px);
    -webkit-transform: scale(1.05) translateY(-5px);
}

    .price-block:hover .price1 {
        background: #7DBD21;
    }

    .price-block:hover .price_number1 {
        color: #ffffff;
    }

        .price-block:hover .price_number1 > span {
            color: #ffffff;
        }

    .price-block:hover h3 {
        background: #222;
        color: #ffffff;
    }

.skeleton, .skeleton ul, .skeleton li, .skeleton div,
.skeleton h3, .skeleton span, .skeleton p {
    border: 5px solid rgba(255, 255, 255, 0.9);
    margin: 7px !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(0, 0, 0, 0.05) !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    font-size: 10px !important;
    font-style: italic !important;
    text-transform: none !important;
    font-weight: normal !important;
    color: black !important;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
    position: relative;
}

    .skeleton .label {
        font-size: 11px !important;
        font-style: italic !important;
        text-transform: none !important;
        font-weight: normal !important;
        color: white !important;
        border: 0 none !important;
        padding: 5px !important;
        margin: 0 !important;
        text-align: left !important;
        text-shadow: 0 0 1px white;
        background: none !important;
    }

.skeleton {
    display: none !important;
    margin: 100px !important;
    clear: both;
}

/* table view */
.data-table {
    border-color: #E6E6E6;
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 1.5em;
}

    .data-table table {
        width: 100%;
        border: 4px solid #DDD;
        border-collapse: separate;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
        position: relative;
    }

strong {
    color: #000;
    font-weight: bold;
}

/* Zebra striping */
tr.table-tr:nth-of-type(odd) {
    background: #eee;
}

th.table-th {
    background: #F2F2F2;
    color: #E6E6E6;
    font-weight: bold;
    vertical-align: bottom;
}

.data-table--solid thead th {
    border-width: 1px;
}

.data-table thead th.table-th {
    padding-bottom: 1.25em;
    padding-top: 1.25em;
    text-align: left;
    color: #363636;
}

td.table-td, th.table-th {
    padding: 6px;
    border: 1px solid #E6E6E6;
    padding-left: 14px;
    text-align: left;
}

/*-------------------- Close Price Table Css Code  ----------------------*/

/* Ratina Image Page */
.ratinaview {
    text-align: center;
}

/*-------------------- Start Services Css Code  ----------------------*/

/* Services Page */
.TopTile h2 {
    display: table-cell;
    white-space: pre;
}

.progress_Namebox {
    position: absolute;
    z-index: 1;
}

.bigheight {
    height: 30px !important;
}

.TopTile {
    margin-bottom: 12px;
    padding-top: 2em;
}

.titleparagraph {
    padding-bottom: 23px;
}

.video {
    border: none;
    height: 100%;
}

.bx-wrapper {
    overflow: hidden;
}

/* progress bar */
.skillbar {
    margin-bottom: 25px;
}

.skillbar-title {
    padding-bottom: 6px;
}

    .skillbar-title span {
        color: #000;
        font-size: 1.5em;
    }

.skillbar-bar {
    height: 5px;
    width: 0px;
    background: #017dc5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    behavior: url("/Portals/_default/Skins/Deshi/PIE.htc");
    position: relative;
}

.skill-bar-percent {
    color: #ffffff;
    float: right;
    font-size: 12px;
    background-image: url(../images/progress_number_bg.png);
    background-repeat: no-repeat;
    padding-left: 3px;
    width: 36px;
    height: 26px;
}

/*-------------------- Close Services Css Code  ----------------------*/


/*-------------------- Start History Css Code  ----------------------*/

.ExperianceTitle {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: inherit;
    padding: 0 0 20px 0;
}

.MExperianceBorder {
    background: url(../images/BorderLine.png) repeat-x center right;
    color: #ffffff;
    line-height: 24px;
    margin-left: 10px;
    width: 35%;
    display: inline-block;
}

.CHistoryTab {
    border-top: 0px solid #4d4d4d;
    border-right: 0px solid #909090;
    border-bottom: 0px solid #909090;
    border-left: 0px solid #909090;
    background: #ffffff;
}

#ExpArea {
    margin-top: 44px;
    background: url(../images/DottedLine.png) repeat-x top center;
}

    #ExpArea .TopBigtitle {
        padding-top: 2em;
    }

.CHistoryBG {
    padding: 0 15px;
}

.CHistoryTitle {
    color: inherit;
}

.CHistoryList1 {
    padding: 0 0 18px 0;
    margin-top: 10px;
}

    .CHistoryList1 li {
        border-bottom: 0px dotted #CFCFCF;
        border-top: 0 none;
        list-style: none outside none;
        border-bottom: 1px solid #909090;
    }

        .CHistoryList1 li a {
            padding: 5px 10px 5px 0px;
            color: #363636;
            display: block;
            font-style: normal;
            font-weight: normal;
        }

            .CHistoryList1 li a:hover {
                text-decoration: none;
                color: #000000;
            }

.ExperianceTilte {
    background: #f0f0f0;
    font-size: 24px;
    text-align: left;
    color: inherit;
    font-weight: bold;
}

.ExPTilte {
    text-align: center;
    color: #666666;
    padding: 40px 0px 20px 0px;
    font-weight: bold;
    font-size: 24px;
}

.ExperienceText {
    text-align: left;
    padding: 0px 0px 30px 0px;
}

#OfficeStaff {
    margin-top: 30px;
    background: url(../images/DottedLine.png) repeat-x top center;
}

#MapShadow1 {
    border: 1px solid #cccccc;
    border-radius: 3px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.VisionGraph img {
    margin: 10px 0px 0px 0px;
}

/*-------------------- Close History Css Code  ----------------------*/


/*------------------- Start SiteMapSection Css Code  ----------------*/

#SiteMapSection1 {
    margin-top: 60px;
}

#SiteMapSection2 {
    margin-top: 40px;
}

.SiteMapTitleBG {
    background: #636363;
    padding: 3px 15px 5px 15px;
    color: #ffffff;
}

.SiteMapBorder {
    background: #636363;
    display: block;
    height: 1px;
    margin-top: -8px;
}

.SiteMapTitle {
    font-weight: bold;
    text-align: center;
    font-size: 26px;
}

.SiteMapTitlePage {
    text-align: left;
    font-size: 22px;
    padding-top: 30px;
    font-weight: bold;
}

.Sitemappagelist li {
    list-style: none;
    padding: 10px 0;
}

    .Sitemappagelist li a {
        color: inherit;
        font-size: 18px;
        text-decoration: none;
        padding-left: 10px;
        font-style: italic;
        font-weight: bold;
    }

.sitemap2levelList li {
    list-style: none;
}

    .sitemap2levelList li a {
        font-size: 15px;
        font-style: normal;
        font-weight: normal;
    }

.SiteMap3levelList li {
    list-style: none;
}

    .SiteMap3levelList li a {
        font-size: 12px;
    }

.SiteMapeDownBG {
    text-align: center;
    padding-top: 0px;
}

.SiteMapeTitle2 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 60px 0 0 0;
}

.SitemapPageList {
    margin: 0 auto;
}

    .SitemapPageList li {
        list-style: none;
        display: inline-block;
    }

        .SitemapPageList li a {
            padding: 5px 15px 5px 15px;
            margin-right: 10px;
            background: #636363;
            color: #ffffff;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
        }

/*------------------- Close SiteMapSection Css Code  ----------------*/


/*------------------- Start Career Section Css Code  ----------------*/
.CareerSection1Text {
    padding-top: 20px;
    text-align: justify;
}

#CareerSection2 {
    margin-top: 40px;
}

    #CareerSection2 .TopBigtitle {
        text-align: left;
    }

.JobDescriptionText {
    display: block;
    margin-top: 0px;
    text-align: left;
}

.JobDescriptionTitle {
    font-size: 15px;
    padding-bottom: 5px;
    padding-top: 15px;
    font-weight: bold;
}

#CareerSection2Bottom {
    margin-top: 40px;
}

#CareerSkillArea2 {
    margin-top: 0px;
}

/*** CareerSearchingSection ***/
#CareerSearchingSection {
    margin-top: 60px;
}

.CareerSearch {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

/**** CareerSection3 ***/
#CareerSection3 {
    margin-top: 83px;
}

.CareerList {
    margin-top: 30px;
}

    .CareerList li {
        list-style: none;
        padding: 10px 0;
    }

        .CareerList li a {
            color: inherit;
            text-decoration: none;
            padding-left: 8px;
        }

.DnnModule-DNN_HTML ul.CareerList {
    padding-left: 0px;
}

/*------------------- Close Career Section Css Code  ----------------*/


/*------------------- Start Testimonial Section Css Code  -----------*/

/*** TestimonialSection1Area ****/
#TestimonialSection1Area {
    padding-top: 3em;
}

.TstmSection1Title {
    font-size: 28px;
    text-align: center;
}

.TstmSection1Text {
    font-size: 16px;
    text-align: center;
    padding-bottom: 2em;
}

.TestimonialSection1Bottom {
    background: url(../images/TopContentBG.png)no-repeat bottom center;
    color: #ffffff;
    height: 35px;
}

#TestimonialSection2LeftArea {
    background: url(../images/TestimonialImage01.png) no-repeat;
    background-position: 5% 85%;
    display: block;
    margin-top: 30px;
}

#Section2Bottom {
    width: 100%;
    margin-top: 40px;
    display: block;
    border: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}

#Section2ImageArea {
    background: url(../images/TestimonialArrow.png)no-repeat top left;
    min-height: 40px;
    margin-top: -11px;
    width: 100%;
    padding-left: 1px;
    z-index: -1;
    display: block;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.TstmSection2LeftAreaText {
    padding: 15px 15px 10px 15px;
    color: #000;
    font-style: italic;
    font-size: 14px;
}

.TstmSection2LeftAreaText2 {
    padding: 8px 110px 10px 15px;
    text-align: right;
}

.TstmSection2LeftAreaText3 {
    padding: 0px 15px 25px 15px;
    text-align: right;
    font-size: 22px;
    font-weight: bold;
}

p.Section2List a {
    text-decoration: none;
    font-weight: bold;
    padding: 10px 20px 0px 100px;
    display: block;
    color: inherit;
}


/*** Testimonial Slider ****/

#RecentCommentArea {
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 0px;
}

.testimonials-area {
    margin-top: 0px;
    min-height: 1px;
}

.testimonials-thumbnail {
    margin: 0 0 15px;
}

.testimonials-title {
    text-align: center;
    margin: 25px 15px 3px;
    font-size: 24px;
    line-height: 1;
}

.testimonials-carousel-thumbnail {
    max-width: 35%;
    float: left;
    margin-right: 0px;
}

    .testimonials-carousel-thumbnail img {
        margin-top: 0px;
        margin-right: 20px;
        width: 120px;
        display: block;
    }

.testimonials-carousel-context {
    overflow: hidden;
}

.testimonials-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 10px;
    color: #666;
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: left;
}

.tstmcomments {
    font-size: 14px;
    margin-left: 10px;
    color: #9a9a9a;
    font-style: italic;
}

.bx-wrapper {
    position: relative;
    padding: 0;
    width: 100%;
    * zoom: 1;
}

.tstmslide {
    padding: 0;
    margin: 0;
    display: block;
}

.bx-viewport {
    margin-left: 0;
    z-index: 1;
    width: 100%;
}

.bx-pager, .bx-controls-auto {
    position: absolute;
    display: none;
    bottom: -30px;
    width: 100%;
}

.bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-pager {
    text-align: center;
    font-size: .85em;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}

    .bx-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
        * zoom: 1;
        * display: inline;
    }

    .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
        position: relative;
    }

        .bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active {
            background: #000;
        }

.bx-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    border-left: 1px solid #ddd;
    height: 30px;
    cursor: pointer;
    background: url(../images/caousel-next.jpg)#000000 no-repeat 0 0;
    position: relative;
}

.bx-prev {
    position: absolute;
    top: 0px;
    right: 30px;
    border-right: 1px solid #ddd;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/caousel-prev.jpg)#000000 no-repeat 0 0;
}

.bx-controls-direction a {
    position: absolute;
    top: 0;
    margin-top: 0;
    margin-right: 0px;
    outline: 0;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    z-index: 1000;
}

.tstmcontenttext {
    padding: 0px 15px 0px 0px;
}

/**** Close Testimonial Slider ****/


/*** Testimonial Section3 ***/
#TestimonialSection3 {
    margin-top: 0px;
    padding-bottom: 0px;
}

.TestimonialSection3Title {
    font-size: 24px;
    font-weight: bold;
    color: #666666;
    padding: 0 0 20px 0;
    text-align: center;
}

.TstmSection3Text {
    text-align: center;
}

/**** Testimonial Secgtion4 ****/
#Section4Bottom {
    margin-top: 30px;
    width: 100%;
    border: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
    display: block;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}

#Section4ImageArea {
    background: url(../images/TestimonialArrow.png)no-repeat top left;
    min-height: 40px;
    margin-top: -11px;
    width: 100%;
    padding-left: 1px;
    z-index: -1;
    display: block;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}

.TstmSection4LeftAreaText {
    padding: 15px 15px 10px 15px;
    color: #666666;
    font-style: italic;
    font-size: 14px;
}

.TstmSection4LeftAreaText2 {
    padding: 8px 110px 10px 15px;
    text-align: right;
}

p.TstmSection4LeftAreaText2 {
    text-decoration: none;
    font-weight: bold;
    padding: 10px 15px 0px 100px;
    display: block;
    color: #636363;
    text-align: left;
}

/*** Testimonial Section5 ***/
#TestimonialSection5 {
    margin-top: 40px;
}

.TstmSection5Img {
    color: inherit;
    margin-top: 5px;
    padding-bottom: 0;
    padding-top: 20px;
    text-align: justify;
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
}

    .TstmSection5Img img {
        float: left;
        margin-right: 20px;
        margin-top: 2px;
        border: 2px solid #cccccc;
        border-radius: 5px;
        box-shadow: 1px 2px 2px 2px #666666;
        width: 85px;
    }

/*------------------- Close Testimonial Section Css Code  -----------*/


/*------------------- Coming Soon Page Css Code  -----------*/
.Centerd {
    text-align: center;
}

.comingsoon {
    font-size: 44px;
}

/*------------------- Maintenance page Css Code Starte --------------*/

/***MaintenanceSection1*****/
.Msection1Title {
    font-size: 22px;
    text-align: center;
    padding-top: 10px;
}

.MaintenancSection1Text1 {
    text-align: center;
    font-size: 16px;
    padding: 20px 0;
}

/**** Maintence Section2 ****/
.Msection3Title {
    padding: 100px 20px 15px 20px;
    font-size: 24px;
    font-weight: bold;
}

.MSection2Text {
    padding: 0 20px 15px 20px;
}

#Msection2LeftArea {
    background: url("../images/maintenance 2.png") no-repeat center right;
    min-height: 350px;
    margin-top: 30px;
}

.MSection2Image {
    text-align: center;
    padding: 0;
    display: block;
}

    .MSection2Image img {
        padding: 0;
        text-align: center;
    }

/**** Maintenance Section3 ****/
.MaintenanceSection3Title {
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding-top: 10px;
}

.MSection3BorderRight, p.MSection3BorderLeft {
    width: 100%;
    padding: 10px 0;
    display: block;
}

.MaintenancSection3Text {
    text-transform: capitalize;
}

/*------------------- Maintenance page Css Code Close ------------------*/

.ui-accordion .ui-accordion-header {
    margin-top: 2px;
    font-size: 18px;
    padding: 0.1em 0.5em 0.2em 0.7em;
    font-weight: normal;
    color: inherit;
}

.Portfolio img {
    padding: 20px 0;
    width: 23.3%;
}

.LeftC, .RightC {
    text-align: justify;
}

.top-img img {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}

.top-img {
    text-align: justify;
    line-height: 16px;
    font-size: 12px;
    color: inherit;
    margin-top: 5px;
}

.BdText {
    color: #000;
    line-height: 18px;
}

.BdText1 {
    padding: 13px;
    color: inherit;
}

.WelText {
    color: inherit;
}

.ui-state-active .ui-icon {
    background-image: url("../images/AccordionIconPlus.png");
}

.ui-icon.ui-icon-triangle-1-e {
    background-image: url("../images/AccordionIconPlus.png");
    background-repeat: no-repeat;
}

.ui-icon-triangle-1-s {
    background-position: 0 -19px;
}

.ui-icon {
    margin-top: 5px;
    height: 19px;
    width: 16px;
    float: right;
}

.text-demo, .BodyText {
    line-height: 22px;
}

.RightAlign {
    float: right !important;
    position: static;
}

/***** Welcome *****/
.BdTopTitle {
    font-size: 22px;
    font-weight: normal;
}

.BdTopTitleText {
    padding-bottom: 20px;
}

/***** Bd3column *****/
.sbottom {
    border-bottom: 1px dotted #d4dee7;
    line-height: 40px;
}

.ShowcaseImg img {
    margin-top: 20px;
    display: block;
    padding-left: 0px;
}

.ShowcaseHeadline {
    display: block;
    padding-left: 65px;
    margin-top: -40px;
    font-size: 18px;
    color: inherit;
}

.Showcasetext {
    font-size: 12px;
    color: #242424;
    padding-top: 15px;
    line-height: 18px;
    text-align: justify;
}

.TitleDemoText {
    font-size: 24px;
    font-weight: normal;
    color: #7e7d7d;
    border-bottom: 1px solid #efefef;
    line-height: 52px;
}

.DetailsText {
    padding-top: 5px;
    line-height: 22px;
}

.view img {
    margin: 0 auto !important;
    text-align: center;
}

.dnnSortable {
    min-height: 30px;
}

.DnnModule-DNN_HTML ul, .DnnModule-DNN_HTML ol {
    padding-left: 30px;
}

.DnnModule-DNN_HTML p {
    margin: 0 0 10px;
}

ul.navigation {
    padding-left: 0;
}

ul.TopNav {
    padding-left: 0;
}

/********* Contact Us  ********** */
.text-area {
    height: 200px;
    margin-left: 0;
    width: 97%;
}

.ContactImage {
    padding: 20px 0;
    text-align: center;
}

.content {
    position: relative;
}

.ConText {
    padding-bottom: 10px;
}

#dnn_ctr972_ViewSpeedyAppBasicContact_txtName, #dnn_ctr972_ViewSpeedyAppBasicContact_txtEmail, #dnn_ctr972_ViewSpeedyAppBasicContact_txtSubject {
    border-left: 5px solid #aaaaaa;
}

.input, .text-area {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}

#form-div .button {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
}


/* Footer Section */

#FooterMap {
    background: #2B2E31;
}

.footerlogo {
    padding: 40px 0 12px;
    text-align: left;
}

.FooterCateg {
    padding-top: 9px;
}

#FooterTopSection {
    padding-top: 20px;
}

.space {
    padding-top: 19px;
}

.TitleNoBorder_Title .Head {
    font-size: 18px;
    color: inherit;
    text-transform: uppercase;
}

h1.Title.DarkBlue {
    font-weight: normal;
    padding: 0;
    text-transform: none;
}

.address {
    color: #ffffff;
    padding-top: 9px;
}

.address2 {
    color: #ffffff;
}

.SocialConnection {
    padding: 8px 0;
}

.socialList li {
    float: left;
    list-style: none;
    padding-right: 30px;
    padding-top: 7px;
}

    .socialList li a {
        color: #B3EE60;
    }

.socialList a:last-child {
    padding-right: 0px;
}

.socialList a {
    padding-right: 15px;
}

#MainFooter {
    padding: 0px 20px 30px 20px;
    background: #e2e1e1;
}

#Copyright > .SkinObject {
    font-size: inherit;
    padding-left: 15px;
}

.LogoFtr {
    padding: 50px 0 10px 0;
    text-align: center;
}

.LogoFtrDetails {
    color: inherit;
    font-size: 13px;
    text-align: justify;
}

.FtrImage {
    padding-top: 3em;
}

.FtrText {
    color: #dcdbdb;
    text-align: left;
    line-height: 18px;
}

ul.FooterCateg, ul.LinksList {
    padding-left: 0;
}

.FooterCateg li {
    list-style: none;
    text-decoration: none;
    line-height: 32px;
    border-bottom: 1px solid #B4B3B3;
}

    .FooterCateg li:last-child {
        border: none;
    }

    .FooterCateg li a {
        padding-left: 5px;
        color: inherit;
        display: inline-block !important;
        font-size: 13px;
        -webkit-transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

        .FooterCateg li a:hover {
            padding-left: 10px;
        }

.LinksText {
    padding: 25px 0 10px 0;
    color: #f1f5f6;
    font-size: 12px;
    line-height: 20px;
}

.LinksList li {
    list-style: none;
    line-height: 28px;
}

    .LinksList li a {
        text-decoration: underline;
        color: #f1f5f6;
    }

        .LinksList li a:hover {
            text-decoration: none;
        }

.CS_List li img {
    margin: 0 10px 0 0;
}

.CS_List li {
    text-decoration: none;
    list-style: none;
    padding: 7px 0;
}

    .CS_List li a {
        margin: 5px 0;
        color: #fff;
        font: normal 14px;
        font-family: inherit;
        font-size: inherit;
        line-height: 28px;
    }

.ConList li a {
    color: #333;
}

#prevArrow {
    background: url('../images/arrows.png') no-repeat;
}

#nextArrow {
    background: url('../images/arrows.png') no-repeat top right;
}

.PhotoAlbum img {
    width: 21.5%;
}


/* Footer Nav */
.FooterCopyRight {
    padding: 25px 0;
    background: #b4b3b3;
    color: #333;
}

ul.f-nav {
    margin-top: 0;
    padding-left: 0;
    float: right;
}

.f-nav li {
    margin: 0 16px 0 0;
    list-style: none;
    float: left;
}

    .f-nav li a {
        text-decoration: none;
        color: inherit;
        font-size: inherit;
        font-weight: normal;
        text-align: center;
    }

.Copyright .SkinObject {
    float: left;
}

.Copyright {
    padding: 0;
    color: inherit;
    float: left;
    text-align: left;
}

.SkinObject {
    font-size: 12px;
    font-weight: normal;
    float: right;
}

/* MapShadow */
#MapShadow {
    padding-bottom: 25px;
}

.MapShadow2 {
    margin-top: 1.7em;
}

.ContactImage3 {
    padding: 0;
    text-align: center;
}

.ConText3 {
    padding-bottom: 0;
}

/* WebText */
.WebText, .BlogText {
    text-align: right;
    font-size: 22px;
}

.WebTitle, .BlogTitle {
    text-align: right;
    font-size: 20px;
    line-height: 22px;
}

.WebTitle {
    padding-bottom: 0px;
}

.FTSocial {
    padding: 0 0 7px 0;
}

.WebTitleArea {
    margin-top: 18px;
    margin-bottom: 30px;
}

.WebTitleArea2 {
    margin-top: 18px;
    margin-bottom: 30px;
}

/* PhoneTitle */
.PhoneTitle {
    font-size: 32px;
    text-align: center;
}

.PhoneText {
    font-size: 18px;
    text-align: center;
    padding: 5px 0;
}

.PhoneNumber {
    font-size: 24px;
    text-align: center;
}

.PhoneDetails {
    text-align: center;
    line-height: 18px;
}

.LeftTitle {
    font-size: 28px;
    padding: 8px 0;
}

.LeftDetails {
    text-align: left;
    line-height: 22px;
}

/* Search Results */
.RoundedContainer {
    background: none;
    box-shadow: none;
}

#SearchIcon {
    display: none;
    padding: 0;
    margin: 0;
}

.SpeedySearchBox {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    width: 100%;
}

.SearchButton {
    background: url(../images/search-white.png) no-repeat center center #5c5c5c;
    width: 26px;
    height: 34px;
    text-indent: -9999px;
    z-index: 100;
    right: 0;
    margin-left: 0;
    position: absolute;
}

div.SearchContainer a {
    font-size: 2px;
    color: #5c5c5c;
    position: absolute;
    padding: 0 20px;
    display: none;
}

div.SearchBorder {
    border: none;
    width: initial;
    margin-top: 0;
    height: auto;
}

.TopSearch div.SearchBorder input, .LeftAlignedSearch div.SearchBorder input {
    margin-bottom: 0;
}

div.SearchBorder input {
    padding-right: 8px;
    font-weight: normal;
    font-size: 30px;
    border-radius: 0;
    font-family: inherit;
    background: #F8F8F8;
    background-image: none;
    color: #b4b4b4;
    text-shadow: none;
    box-shadow: none;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
    position: relative;
    z-index: 10001;
}

    div.SearchBorder input:focus {
        background: #e1e2e3;
        background-image: none;
    }

input.SearchTextBox {
    height: 34px;
    width: 600px;
}

/* Auto Search 7+ Code */
div.SearchBorder input {
    margin-bottom: 0;
}

div.SearchBorder span input {
    margin-bottom: 0px;
}

.searchInputContainer a.dnnSearchBoxClearText.dnnShow {
    background: none !important;
    width: initial;
    height: initial;
    padding: 0;
    margin: 0;
}

.searchInputContainer a.dnnSearchBoxClearText {
    right: 0 !important;
    width: 0 !important;
    height: auto !important;
    background: none !important;
    margin: 0;
}

ul.searchSkinObjectPreview {
    position: initial;
}

    ul.searchSkinObjectPreview > li {
        padding: 6px 5px 6px 12px;
        text-align: left;
    }

.dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container {
    background: none;
}

.dnnFormItem .password-strength-container input[type="password"] {
    max-width: 445px;
    width: 295px;
}

div.SearchContainer ul.searchSkinObjectPreview li a {
    font-size: initial;
}

.searchInputContainer {
    margin: 0 0 0 0 !important;
    display: block !important;
}

/* Close Auto Search 7+ Code */

/* LeftAlignedSearch */
#SearchBg.LeftAlignedSearch {
    padding: 0;
    float: left;
}

.LeftAlignedSearch div.SearchBorder input {
    padding: 11px 10px 11px 38px;
    width: 80px;
    background: url(../images/search.png) no-repeat center left #fff;
}

    .LeftAlignedSearch div.SearchBorder input:focus {
        background: url(../images/search.png) no-repeat center left #fff;
        width: 160px;
    }

/* TopSearch */
#SearchBg.TopSearch {
    padding-top: 6px;
}

#SearchBg.TopSearchR {
    padding-top: 0px;
}

.TopSearch div.SearchBorder input {
    width: 125px;
    background: #eee;
}

    .TopSearch div.SearchBorder input:focus {
        background: #eee;
    }

.TopSearch .SearchButton {
    margin-top: 0;
    margin-bottom: 7px;
    margin-left: 0px;
}

    .TopSearch .SearchButton a {
        text-indent: -999px;
    }

.dropdown-panel {
    padding: 10px;
}

#LanguageDr .dropdown-panel {
    padding: 5px 5px 5px 0px;
    top: 34px;
    min-width: 58px;
    right: 34px;
}

.dropdownS {
    text-align: right;
}

.RightMenu .SearchR {
    padding-top: 0px;
}




/*--------------------   dnn 7x reset style      ---------------*/
.dnnFormPopup .dnnModalCtrl > a.dnnToggleMax {
    border-radius: 8px 0px 0px 8px;
}

.dnnFormPopup .dnnModalCtrl > .ui-dialog-titlebar-close {
    border-radius: 0px 8px 8px 0px;
}

.dnnFormPopup .dnnModalCtr1 .ui-button-icon-primary {
    display: none;
}

.dnnFormPopup .ui-dialog-titlebar > a.dnnToggleMax {
    height: 22px !important;
    margin: -1px 20px 0px 0px !important;
}
/*------------------- ends of dnn 7x reset style -----------------*/

/*DotNetNuke Login Form for Mobile */

@media handheld, only screen and (max-width:767px) {
    /* Login mobile 6.2 code */
    .dnnLogin input[type="text"], .dnnLogin input[type="password"] {
        margin-left: 40px;
        max-width: 275px;
    }

    .dnnFormRequired span {
        width: 100%;
    }

    .dnnFormItem h2 {
        color: #262321;
    }

    .SpeedyDropDown .nav li ul.subs {
        border: none;
    }

    .dnnFormItem label a span {
        width: 275px;
        text-align: left;
        color: #262321;
    }

    .dnnSendPasswordContent input[type="text"] {
        width: 275px;
        float: left;
    }

    .dnnForm ul.dnnActions, .DnnModule ul.dnnActions, ul.dnnActions {
        width: 275px;
    }

    .dnnFormItem.dnnFormHelp p.dnnFormRequired span {
        margin-right: 60px;
    }

    .loginContent {
        margin-left: -30px;
    }

    .dnnForm.dnnLoginService {
        margin: auto;
        min-width: 280px;
    }

    .dnnForm.dnnLogin.dnnClear, .dnnForm.dnnLoginService {
        margin: 0 auto;
    }

    .dnnForm .dnnFormItem {
        padding: 4px 0;
    }

    .dnnLoginRememberMe {
        margin-top: -25px;
        padding: 0;
    }

    .dnnForm input[type="checkbox"], .dnnForm input[type="radio"] {
        margin-top: 0;
    }

    .dnnUser.register {
        width: 290px;
    }

    .dnnFormItem label, .dnnFormItem .dnnFormLabel, .dnnFormItem .dnnTooltip {
        width: initial;
    }

    .dnnSendPasswordContent, .dnnSendPasswordContent ul.dnnActions {
        width: initial;
    }

    .dnnUser .dnnForm, .dnnMembership .dnnForm {
        min-width: 280px;
    }

    .dnnForm .dnnFormItem a.dnnFormHelp span {
        padding-right: 0;
    }

    h2.dnnFormSectionHead {
        margin: 0;
        width: 95%;
    }

    .erAdvancedSettings .dnnFormItem input[type="text"], .dnnManageUsers .dnnFormItem input[type="text"] {
        width: 270px;
    }

    .dnnForm .loginContent ul.dnnActions {
        margin: 0;
        padding: 0;
    }

    #dnn_ctr_Login_liRegister {
        margin-left: -110px;
    }

    #dnn_ctr_Login_liRegister, #dnn_ctr_Login_passwordLink {
        padding-top: 20px;
    }

    .dnnForm.dnnLoginService {
        min-width: 280px;
        width: initial;
    }

    div.dnnLoginRememberMe {
        margin-left: 230px;
    }

    .dnnFormHelpContent, .dnnFormItem .dnnFormHelpContent {
        left: 0;
        width: initial;
    }

    /* Login mobile 7.0 Up Code Start */

    .LoginPanel {
        padding-right: 0;
        width: 280px;
        float: none;
        margin: 0 auto;
    }

    .dnnFormItem > label.dnnFormLabel {
        width: 39%;
    }

    .dnnCheckbox label {
        display: initial;
    }

    .dnnPrimaryAction, .dnnLogin .LoginTabGroup span {
        min-width: 55px;
        float: left;
    }

    .dnnLoginActions {
        margin-left: 40px;
    }

    .dnnForm {
        min-width: 290px;
        margin: auto;
    }

    #dnn_ctr_Login_Login_DNN_cmdLogin {
        margin-left: 40px;
    }

    #dnn_ctr_Login_Login_DNN_chkCookie {
        position: initial !important;
    }

    .dnnFormItem > label.dnnFormLabel {
        display: initial;
    }

    #dnn_ctr_Login_Login_DNN_plPassword, #dnn_ctr_Login_Login_DNN_plUsername {
        padding-left: 40px;
    }

    .dnnActions {
        padding-top: 0;
    }

    /* Register */
    div.dnnRegistrationForm {
        min-width: 280px;
    }

    .dnnLabel {
        width: 80%;
        text-align: left;
    }

    .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea {
        width: 280px;
    }

    #dnn_ctr_Login_Login_DNN_txtPassword, #dnn_ctr_Login_Login_DNN_txtUsername {
        margin-left: 5px;
    }

    .dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired {
        width: 270px;
        float: left;
    }

    .dnnRegistrationForm .password-strength-container, .dnnFormPassword .password-strength-container, .dnnPassword .password-strength-container {
        background: none;
    }

    .dnnFormItem .password-strength-container input[type="password"] {
        max-width: initial;
        width: 280px;
    }
}

@media handheld, only screen and (max-width:420px) {
    div.dnnLoginRememberMe {
        margin-left: 160px;
    }

    .dnnFormItem, .dnnFormItem span {
        max-width: 280px;
    }
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    #LanguageDr .dropdown-panel {
        top: 34px;
    }
}

.dropdown {
    position: relative;
}

.dropdown-button {
    display: block !important;
    margin: 0 !important;
    cursor: pointer;
    text-align: left;
}

.dropdown-panel {
    top: -20px;
    right: 40px;
    position: absolute !important;
    display: none;
    overflow: auto;
    z-index: 1000;
}

a.dropdown-button img.dropdown-icon {
    float: right;
    position: static;
    margin: 0px;
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
}

.js-clingify-locked div.SearchBorder input {
    height: 47px;
    font-size: 25px;
}

.js-clingify-locked .dropdown-panel {
    top: -16px;
}

.js-clingify-locked .CenterMenuBottom .dropdown-panel {
    top: -14px;
}

.js-clingify-locked .BottomMenu .dropdown-panel {
    top: -14px;
}

.CenterMenuBottom div.SearchBorder input {
    height: 56px;
}

.js-clingify-locked .CenterMenuBottom .SearchR {
    margin-top: 4px;
}

.js-clingify-locked .CenterMenuBottom div.SearchBorder input {
    height: 40px;
}

.BottomMenu .col-md-11 {
    padding-left: 0px;
}

.BottomMenu .SpeedyDropDown {
    float: left;
}

.BottomMenu div.SearchBorder input {
    height: 62px;
}

.js-clingify-locked .BottomMenu .SearchR {
    margin-top: 5px;
}

.js-clingify-locked .BottomMenu div.SearchBorder input {
    height: 41px;
}

/* BASIC STYLES
================================================== */

.dropdown-button {
    padding: 6px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

a.dropdown-button, a.dropdown-button:visited {
    color: #000000;
}

    a.dropdown-button:hover {
        text-decoration: none;
    }

.dropdown-panel {
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid #818180;
}

.dropdownCenter .dropdown-panel {
    top: 33px;
    padding: 7px 10px 2px;
}

.dropdownR .dropdown-panel {
    padding: 0px;
}

.dropdownLT .dropdown-panel {
    top: 35px;
    padding-bottom: 0px;
}

.dropdownH {
    padding-top: 5px;
}

#LanguageDr img {
    width: 18px;
    height: 18px;
}

#mydropdown-1 img {
    width: 29px;
    height: 29px;
}

#SearchChoices {
    display: none;
}

ul.searchSkinObjectPreview {
    width: 100%;
    z-index: 1;
    position: relative;
    float: left;
}

/**** flipclock ****/

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

    .flip-clock-wrapper a:hover {
        color: #fff;
    }

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

    .flip-clock-meridium a {
        color: #313333;
    }

.flip-clock-wrapper {
    text-align: center;
    position: relative;
}

    .flip-clock-wrapper:before, .flip-clock-wrapper:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .flip-clock-wrapper:after {
        clear: both;
    }

    /* Skeleton */
    .flip-clock-wrapper ul {
        position: relative;
        float: left;
        margin: 5px;
        width: 60px;
        height: 90px;
        font-size: 80px;
        font-weight: bold;
        line-height: 87px;
        border-radius: 6px;
        background: #000;
    }

        .flip-clock-wrapper ul li {
            z-index: 1;
            position: absolute;
            left: 0;
            top: 0;
            list-style: none;
            line-height: 89px;
            width: 100%;
            height: 100%;
            text-decoration: none !important;
        }

            .flip-clock-wrapper ul li:first-child {
                z-index: 2;
            }

            .flip-clock-wrapper ul li a {
                display: block;
                height: 100%;
                -webkit-perspective: 200px;
                -moz-perspective: 200px;
                perspective: 200px;
                margin: 0 !important;
                overflow: visible !important;
                cursor: default !important;
            }

                .flip-clock-wrapper ul li a div {
                    z-index: 1;
                    position: absolute;
                    left: 0;
                    width: 100%;
                    height: 50%;
                    font-size: 80px;
                    overflow: hidden;
                }

                    .flip-clock-wrapper ul li a div .shadow {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: 2;
                    }

                    .flip-clock-wrapper ul li a div.up {
                        -webkit-transform-origin: 50% 100%;
                        -moz-transform-origin: 50% 100%;
                        -ms-transform-origin: 50% 100%;
                        -o-transform-origin: 50% 100%;
                        transform-origin: 50% 100%;
                        top: 0;
                    }

                        .flip-clock-wrapper ul li a div.up:after {
                            content: "";
                            position: absolute;
                            top: 44px;
                            left: 0;
                            z-index: 5;
                            width: 100%;
                            height: 3px;
                            background-color: #000;
                            background-color: rgba(0, 0, 0, 0.4);
                        }

                    .flip-clock-wrapper ul li a div.down {
                        -webkit-transform-origin: 50% 0;
                        -moz-transform-origin: 50% 0;
                        -ms-transform-origin: 50% 0;
                        -o-transform-origin: 50% 0;
                        transform-origin: 50% 0;
                        bottom: 0;
                    }

                    .flip-clock-wrapper ul li a div div.inn {
                        position: absolute;
                        left: 0;
                        z-index: 1;
                        width: 100%;
                        height: 200%;
                        color: #ccc;
                        text-shadow: 0 1px 2px #000;
                        text-align: center;
                        background-color: #333;
                        border-radius: 6px;
                        font-size: 70px;
                    }

                    .flip-clock-wrapper ul li a div.up div.inn {
                        top: 0;
                    }

                    .flip-clock-wrapper ul li a div.down div.inn {
                        bottom: 0;
                    }

        /* PLAY */
        .flip-clock-wrapper ul.play li.flip-clock-before {
            z-index: 3;
        }

    .flip-clock-wrapper .flip {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);
    }

    .flip-clock-wrapper ul.play li.flip-clock-active {
        -webkit-animation: asd 0.5s 0.5s linear both;
        -moz-animation: asd 0.5s 0.5s linear both;
        animation: asd 0.5s 0.5s linear both;
        z-index: 5;
    }

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 20px;
    height: 100px;
}

    .flip-clock-divider:first-child {
        width: 0;
    }

.flip-clock-dot {
    display: block;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px;
}

.flip-clock-divider .flip-clock-label {
    position: absolute;
    top: -1.5em;
    right: -86px;
    color: black;
    text-shadow: none;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -88px;
}

.flip-clock-divider.seconds .flip-clock-label {
    right: -91px;
}

.flip-clock-dot.top {
    top: 30px;
}

.flip-clock-dot.bottom {
    bottom: 30px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* owl carousel module styles*/
.featuredcontent-1 {
    font-size: 13px;
    padding-top: 20px;
    color: #000000;
}

.featuredcontent {
    font-size: 13px;
}

.owl-theme .owl-controls {
    display: block;
    overflow: hidden;
    position: relative;
    top: -50% !important;
}

.carouselcaption {
    background: #3c3c3c;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 10px 0;
}

.owl-theme .owl-controls .owl-buttons div {
    background: #283043 !important;
}

/* icon color change class*/
.fontColor {
    font-family: 'FontAwesome',Helvetica,Arial;
    color: inherit;
}

.highlightit img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.highlightit:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.js-clingify-wrapper {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 905;
}

/* line 14, clingify.scss */
@media handheld, only screen and (min-width:768px) {
    .js-clingify-locked {
        left: 0;
        position: fixed;
        top: 0;
        z-index: 905;
        /*box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
	-webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
	-ms-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);*/
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
    }
}

.js-clingify-locked > .FixedHeader {
    position: relative;
}

/*hover css styles*/
/*.hover { cursor:pointer;text-decoration:none;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.shrink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shrink:hover{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}@-webkit-keyframes pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse{25%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}}.pulse{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes pulse-grow{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-grow{to{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.pulse-grow{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-grow:hover{-webkit-animation-name:pulse-grow;animation-name:pulse-grow;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes pulse-shrink{to{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}}.pulse-shrink{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pulse-shrink:hover{-webkit-animation-name:pulse-shrink;animation-name:pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes push{50%{-webkit-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes push{50%{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.push{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.push:hover{-webkit-animation-name:push;animation-name:push;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes pop{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop{50%{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pop{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.pop:hover{-webkit-animation-name:pop;animation-name:pop;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.rotate:hover{-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);transform:rotate(4deg)}.grow-rotate{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.grow-rotate:hover{-webkit-transform:scale(1.1) rotate(4deg);-ms-transform:scale(1.1) rotate(4deg);transform:scale(1.1) rotate(4deg)}.float{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.sink{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.sink:hover{-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}@-webkit-keyframes hover{50%{-webkit-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}}@keyframes hover{50%{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}}.hover{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes hang{50%{-webkit-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes hang{50%{-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}100%{-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}.hang{display:inline-block;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hang:hover{-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hang;animation-name:hang;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.skew{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew:hover{-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg)}.skew-forward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-forward:hover{-webkit-transform:skew(-10deg);-ms-transform:skew(-10deg);transform:skew(-10deg)}.skew-backward{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.skew-backward:hover{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}@-webkit-keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wobble-vertical{16.65%{-webkit-transform:translateY(8px);-ms-transform:translateY(8px);transform:translateY(8px)}33.3%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}49.95%{-webkit-transform:translateY(4px);-ms-transform:translateY(4px);transform:translateY(4px)}66.6%{-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}83.25%{-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.wobble-vertical{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-vertical:hover{-webkit-animation-name:wobble-vertical;animation-name:wobble-vertical;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translateX(8px)}33.3%{-webkit-transform:translateX(-6px);-ms-transform:translateX(-6px);transform:translateX(-6px)}49.95%{-webkit-transform:translateX(4px);-ms-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);-ms-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);-ms-transform:translateX(1px);transform:translateX(1px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.wobble-horizontal{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-horizontal:hover{-webkit-animation-name:wobble-horizontal;animation-name:wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-bottom-right{16.65%{-webkit-transform:translate(8px,8px);-ms-transform:translate(8px,8px);transform:translate(8px,8px)}33.3%{-webkit-transform:translate(-6px,-6px);-ms-transform:translate(-6px,-6px);transform:translate(-6px,-6px)}49.95%{-webkit-transform:translate(4px,4px);-ms-transform:translate(4px,4px);transform:translate(4px,4px)}66.6%{-webkit-transform:translate(-2px,-2px);-ms-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}83.25%{-webkit-transform:translate(1px,1px);-ms-transform:translate(1px,1px);transform:translate(1px,1px)}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-bottom-right{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-bottom-right:hover{-webkit-animation-name:wobble-to-bottom-right;animation-name:wobble-to-bottom-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes wobble-to-top-right{16.65%{-webkit-transform:translate(8px,-8px);-ms-transform:translate(8px,-8px);transform:translate(8px,-8px)}33.3%{-webkit-transform:translate(-6px,6px);-ms-transform:translate(-6px,6px);transform:translate(-6px,6px)}49.95%{-webkit-transform:translate(4px,-4px);-ms-transform:translate(4px,-4px);transform:translate(4px,-4px)}66.6%{-webkit-transform:translate(-2px,2px);-ms-transform:translate(-2px,2px);transform:translate(-2px,2px)}83.25%{-webkit-transform:translate(1px,-1px);-ms-transform:translate(1px,-1px);transform:translate(1px,-1px)}100%{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}}.wobble-to-top-right{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-to-top-right:hover{-webkit-animation-name:wobble-to-top-right;animation-name:wobble-to-top-right;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-top{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0)}}.wobble-top{display:inline-block;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-top:hover{-webkit-animation-name:wobble-top;animation-name:wobble-top;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-bottom{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0)}}.wobble-bottom{display:inline-block;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-bottom:hover{-webkit-animation-name:wobble-bottom;animation-name:wobble-bottom;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);transform:skew(0)}}@keyframes wobble-skew{16.65%{-webkit-transform:skew(-12deg);-ms-transform:skew(-12deg);transform:skew(-12deg)}33.3%{-webkit-transform:skew(10deg);-ms-transform:skew(10deg);transform:skew(10deg)}49.95%{-webkit-transform:skew(-6deg);-ms-transform:skew(-6deg);transform:skew(-6deg)}66.6%{-webkit-transform:skew(4deg);-ms-transform:skew(4deg);transform:skew(4deg)}83.25%{-webkit-transform:skew(-2deg);-ms-transform:skew(-2deg);transform:skew(-2deg)}100%{-webkit-transform:skew(0);-ms-transform:skew(0);transform:skew(0)}}.wobble-skew{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.wobble-skew:hover{-webkit-animation-name:wobble-skew;animation-name:wobble-skew;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}@keyframes buzz{50%{-webkit-transform:translateX(3px) rotate(2deg);-ms-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}100%{-webkit-transform:translateX(-3px) rotate(-2deg);-ms-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}}.buzz{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz:hover{-webkit-animation-name:buzz;animation-name:buzz;-webkit-animation-duration:.15s;animation-duration:.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);-ms-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}20%{-webkit-transform:translateX(-3px) rotate(-2deg);-ms-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}30%{-webkit-transform:translateX(3px) rotate(2deg);-ms-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}40%{-webkit-transform:translateX(-3px) rotate(-2deg);-ms-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);-ms-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);-ms-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);-ms-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);-ms-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);-ms-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);-ms-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.buzz-out{display:inline-block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.buzz-out:hover{-webkit-animation-name:buzz-out;animation-name:buzz-out;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}.border-fade{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.border-fade:hover{box-shadow:inset 0 0 0 4px #666,0 0 1px rgba(0,0,0,0)}.hollow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:background;transition-property:background;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)}.hollow:hover{background:0 0}.trim{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.trim:before{content:'';position:absolute;border:#fff solid 4px;top:4px;left:4px;right:4px;bottom:4px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.trim:hover:before{opacity:1}.outline-outward{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-outward:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:0;right:0;bottom:0;left:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-outward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.outline-inward{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.outline-inward:before{content:'';position:absolute;border:#e1e1e1 solid 4px;top:-16px;right:-16px;bottom:-16px;left:-16px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top,right,bottom,left;transition-property:top,right,bottom,left}.outline-inward:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px;opacity:1}.round-corners{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:border-radius;transition-property:border-radius;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.round-corners:hover{border-radius:1em}.glow{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.glow:hover{box-shadow:0 0 8px rgba(0,0,0,.6)}.box-shadow-outset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.box-shadow-outset:hover{box-shadow:2px 2px 2px rgba(0,0,0,.6)}.box-shadow-inset{display:inline-block;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:box-shadow;transition-property:box-shadow;box-shadow:inset 0 0 0 rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.box-shadow-inset:hover{box-shadow:inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px rgba(0,0,0,0)}.float-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.float-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity}.float-shadow:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.float-shadow:hover:before{opacity:1;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}@keyframes hover{50%{-webkit-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)}100%{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px)}}@-webkit-keyframes hover-shadow{0%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);transform:translateY(6px);opacity:.4}}@keyframes hover-shadow{0%{-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);opacity:.4}50%{-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);opacity:1}100%{-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);opacity:.4}}.hover-shadow{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hover-shadow:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity}.hover-shadow:hover{-webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-name:hover;animation-name:hover;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.hover-shadow:hover:before{opacity:.4;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-animation-name:hover-shadow;animation-name:hover-shadow;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.shadow-radial{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.shadow-radial:after,.shadow-radial:before{pointer-events:none;position:absolute;content:'';left:0;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;height:5px;opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity;transition-property:opacity}.shadow-radial:before{bottom:100%;background:-webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:after{top:100%;background:-webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%)}.shadow-radial:hover:after,.shadow-radial:hover:before{opacity:1}.bubble-top{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;left:-webkit-calc(50% - 10px);left:calc(50% - 10px);border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-property:top;transition-property:top}.bubble-top:hover:before{top:-10px}.bubble-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-right:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right;top:-webkit-calc(50% - 10px);top:calc(50% - 10px);right:0;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1}.bubble-right:hover:before{right:-10px}.bubble-bottom{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom;left:-webkit-calc(50% - 10px);left:calc(50% - 10px);bottom:0;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent}.bubble-bottom:hover:before{bottom:-10px}.bubble-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';border-style:solid;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left;top:-webkit-calc(50% - 10px);top:calc(50% - 10px);left:0;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent}.bubble-left:hover:before{left:-10px}.bubble-float-top{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-top:before{pointer-events:none;position:absolute;z-index:-1;content:'';left:-webkit-calc(50% - 10px);left:calc(50% - 10px);top:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:top;transition-property:top}.bubble-float-top:hover{-webkit-transform:translateY(5px) translateZ(0);-ms-transform:translateY(5px) translateZ(0);transform:translateY(5px) translateZ(0)}.bubble-float-top:hover:before{top:-10px}.bubble-float-right{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-right:before{pointer-events:none;position:absolute;z-index:-1;top:-webkit-calc(50% - 10px);top:calc(50% - 10px);right:0;content:'';border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #e1e1e1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:right;transition-property:right}.bubble-float-right:hover{-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.bubble-float-right:hover:before{right:-10px}.bubble-float-bottom{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-bottom:before{pointer-events:none;position:absolute;z-index:-1;content:'';left:-webkit-calc(50% - 10px);left:calc(50% - 10px);bottom:0;border-style:solid;border-width:10px 10px 0;border-color:#e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:bottom;transition-property:bottom}.bubble-float-bottom:hover{-webkit-transform:translateY(-5px) translateZ(0);-ms-transform:translateY(-5px) translateZ(0);transform:translateY(-5px) translateZ(0)}.bubble-float-bottom:hover:before{bottom:-10px}.bubble-float-left{display:inline-block;position:relative;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.bubble-float-left:before{pointer-events:none;position:absolute;z-index:-1;content:'';top:-webkit-calc(50% - 10px);top:calc(50% - 10px);left:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #e1e1e1 transparent transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:left;transition-property:left}.bubble-float-left:hover{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.bubble-float-left:hover:before{left:-10px}.curl-top-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;left:0;background:#fff;background:-webkit-linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);background:linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');z-index:1000;box-shadow:1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-left:hover:before{width:25px;height:25px}.curl-top-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-top-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;top:0;right:0;background:#fff;background:-webkit-linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);background:linear-gradient(225deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px 1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-top-right:hover:before{width:25px;height:25px}.curl-bottom-right{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-right:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;right:0;background:#fff;background:-webkit-linear-gradient(135deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);background:linear-gradient(315deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:-1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-right:hover:before{width:25px;height:25px}.curl-bottom-left{display:inline-block;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.curl-bottom-left:before{pointer-events:none;position:absolute;content:'';height:0;width:0;bottom:0;left:0;background:#fff;background:-webkit-linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);background:linear-gradient(45deg,#fff 45%,#aaa 50%,#ccc 56%,#fff 80%);box-shadow:1px -1px 1px rgba(0,0,0,.4);-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:width,height;transition-property:width,height}.curl-bottom-left:hover:before{width:25px;height:25px}*/


/* All PKG CSS styles*/

/* Logo Code */
#Logo a > img {
    padding: 0 0;
    min-height: 1px;
}
/*.js-clingify-locked #Logo { padding-top:7px; }
.js-clingify-locked #Logo a > img { padding:0; }*/
.js-clingify-locked {
    /*box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
 -moz-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
 -webkit-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);
 -ms-box-shadow: 0 3px 4px rgba(50, 50, 50, 0.1);*/
    behavior: url(/Portals/_default/Skins/Deshi/PIE.htc);
}

/* Common PKG Code */
.boxbutton {
    padding-top: 0.7%;
}

.LightGrey {
    padding-top: 24px;
}

.BodyConText {
    padding-top: 12px;
}

.boxwrape .TopBigtitle {
    padding-top: 3em;
}

.blogpost {
    padding-top: 1em;
}

.icontop h4.TitleColor {
    text-align: center;
}


/* Menu Hover Code */
.clearboth .TopBigtitle {
    padding-top: 14px;
}

.clearboth .medium {
    padding: 1.6em 0 0 0;
}

.clearboth .row .col-md-4 {
    padding-left: 0;
}

/* Footer Social Code */
.FooterSocial ul.TopSocialIcon {
    text-align: center;
    width: 100%;
    padding-left: 0;
}

    .FooterSocial ul.TopSocialIcon li {
        display: inline-block;
        position: relative;
        list-style: none;
        float: none;
    }

/* CenterLogoCenterMenu */
#Logo.LogoCenter {
    text-align: center;
    padding-bottom: 18px;
    padding-top: 18px;
}

.CenterMenuBottom .SpeedyDropDown {
    float: none;
}

.CenterMenuBottom ul.nav {
    text-align: center;
}

    .CenterMenuBottom ul.nav > li {
        display: inline-block;
        float: none;
    }

        .CenterMenuBottom ul.nav > li > a {
            line-height: 30px;
            border-top: none !important;
            margin-bottom: 16px;
        }

.js-clingify-locked .CenterMenuBottom ul.nav > li > a:hover {
    line-height: 30px;
    border-top: none;
}

.js-clingify-locked .CenterMenuBottom .SpeedyDropDown .nav li.active > a {
    border-top: none;
    line-height: 30px;
}

.js-clingify-locked .CenterMenuBottom {
    display: block;
    height: 51px;
    padding-top: 1%;
}

.CenterSearch {
    padding-top: 0px;
}

    .CenterSearch a {
        text-align: right;
        padding-right: 20%;
    }

.js-clingify-locked .CenterSearch a {
    padding-top: 0;
}

.dropdownS a {
    text-align: right;
    padding-right: 50%;
}

/* LeftLogoBottomMenu */
#Logo.LeftLogo {
    text-align: left;
    padding-bottom: 18px;
    padding-top: 18px;
}

    #Logo.LogoCenter a > img, #Logo.LeftLogo a > img {
        padding: 0;
        min-height: 1px;
    }

.BottomMenu ul.nav > li > a {
    line-height: 35px;
    border-top: none !important;
    margin-bottom: 17px;
}

.js-clingify-locked .BottomMenu ul.nav > li > a:hover {
    line-height: 35px;
    border-top: none;
}

.js-clingify-locked .BottomMenu .SpeedyDropDown .nav li.active > a {
    border-top: none;
    line-height: 35px;
    margin-bottom: 7px;
}

.js-clingify-locked .BottomMenu {
    display: block;
    height: 51px;
    padding-top: 0.8%;
}


.theme-default .nivo-controlNav {
    padding: 5px 0;
    text-align: center;
}

/*DotNetNuke Footer for Tablet/Ipad */

@media handheld, only screen and (max-width:1280px) {
    .DeviceImage {
        padding-top: 20px;
    }

    .metabox {
        margin-top: 0px;
        padding-top: 0px;
    }

    .squarebox {
        margin-top: 0px;
        padding-top: 0px;
    }

    .TopBigtitle2 {
        font-size: 28px;
        padding-top: 0px;
    }
}

@media handheld, only screen and (max-width: 1230px) {
    .flex-direction-nav {
        display: none !important;
    }

    #SearchTable #SpeedSearchTextBox > input:focus {
        width: 130px;
    }

    .MExperianceBorder {
        background: none;
        background: url(../images/BorderLine.png) repeat-x center right;
        width: 10%
    }
}

@media handheld, only screen and (max-width: 1130px) {
    #LanguageDr {
        padding-left: 0%;
    }

    #HeaderTop, #Header {
        padding: 0 10px;
    }

    .ui-accordion .ui-accordion-header {
        margin-top: 4px;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1.4em 1em;
    }

    .socialList a {
        padding-right: 25px;
    }
}

@media handheld, only screen and (max-width: 1108px) {
    .TPSocial {
        padding-top: 8px;
    }

    #LanguagePane {
        margin-left: 0px;
    }

    .socialList a {
        padding-right: 20px;
    }
}

@media handheld, only screen and (max-width: 1038px) {





    h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        margin: 0;
        padding: 0;
    }

    h1 {
        font-size: 50px;
        font-weight: 600;
    }

    h2 {
        font-size: 48px;
        font-weight: 600;
    }

    h3 {
        font-size: 30px;
        font-weight: 400;
    }

    h4 {
        font-size: 24px;
        font-weight: 300;
    }

    h5 {
        font-size: 20px;
        font-weight: 300;
    }

    h6 {
        font-size: 16px;
        font-weight: 300;
    }


    #LanguageDr {
        padding-left: 0%;
    }

    .SpeedyDropDown, .SpeedyMegaMenu {
        margin-right: 0;
    }

    #SearchTable #SpeedSearchTextBox > input {
        width: 115px;
    }

    #LanguagePane {
        margin-left: 0px;
    }

    /***** Slider *****/
    #SliderBg {
        padding: 0;
    }

    .slider-wrapper {
        padding-top: 16px;
    }

    .ca-main, .ca2-main {
        font-size: 17px;
    }

    .ca-sub {
        font-size: 12px;
    }

    .ca-menu li:hover .ca-sub {
        font-size: 18px;
    }

    .ui-accordion .ui-accordion-header {
        margin-top: 5px;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1.7em 1em;
    }

    .navigation li h2 {
        font-size: 20px;
    }

    .BdTopTtile {
        font-size: 22px;
        font-weight: normal;
    }

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

    .BdTopTtile {
        font-size: 20px;
    }

    .Titleline {
        padding: 20px 0;
    }

    .button.Colorred {
        margin-left: 19%;
    }

    .input, .text-area {
        width: 270px;
    }

    .OurClient img {
        width: 18%;
    }

    .FooterText li {
        line-height: 22px;
    }

    .LogoFtr {
        padding: 40px 0 5px 0;
    }

    .FooterCateg li {
        line-height: 28px;
    }

    #FooterBottom {
        padding: 15px 0;
        padding-right: 20px;
    }

    .f-nav li {
        margin: 0 11px 0 0;
    }

    .socialList a {
        padding-right: 21px;
    }

    .LinksText {
        padding: 10px 0 5px 0;
    }

    .LinksList li {
        line-height: 25px;
        text-align: left;
        font-size: 12px;
    }

    .Copyright {
        padding: 2px 0 0px 0px;
    }

    .clock.flip-clock-wrapper {
        float: none;
        margin-left: 17%;
        text-align: center;
    }

    /* Menu Code */
    .SpeedyDropDown .nav > li > a {
        padding: 0 5px;
        font-size: 1.0em;
    }

    .price_figure {
        color: #636363;
    }

    /*Homepage*/
    .TenyPadding {
        padding: 10px 20px 0px 20px;
        margin-left: 15px;
    }
    /* FooterSicialEffect Twiter */
    .SocialEffectTwiter {
        border-radius: 50%;
        background: rgba(255,255,255,0.1) !important;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 5px 5px 5px 5px;
        color: #cfcfcf !important;
    }

        .SocialEffectTwiter:hover {
            background: #4EC7E8 !important;
            -webkit-transform: scale(0.93);
            -moz-transform: scale(0.93);
            -ms-transform: scale(0.93);
            transform: scale(0.93);
            color: #fff;
            font-size: 8px;
            padding: 4px 5px 4px 5px;
        }
    /* FooterSicialEffect Facebook */
    .SocialEffectFacebook {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 6px 10px 6px 10px !important;
        color: #cfcfcf !important;
    }

        .SocialEffectFacebook:hover {
            background: #466CC0 !important;
            -webkit-transform: scale(0.93);
            -moz-transform: scale(0.93);
            -ms-transform: scale(0.93);
            transform: scale(0.93);
            color: #fff;
            font-size: 8px;
            padding: 4px 10px 4px 10px;
        }
    /* FooterSocialEffectLinkedin */
    .SocialEffectLinkedin {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectRss */
    .SocialEffectRss {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectPinterest  */
    .SocialEffectPinterest {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectYoutube  */
    .SocialEffectYoutube {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectSkype  */
    .SocialEffectSkype {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectVimeo  */
    .SocialEffectVimeo {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 12px !important;
        padding: 3px 5px 3px 5px;
        color: #cfcfcf !important;
    }
}

@media handheld, only screen and (max-width:995px) {
    #LanguageDr {
        padding-left: 0%;
    }

    .TitleText {
        line-height: 45px;
    }

    .LinksList li {
        line-height: 25px;
        text-align: left;
        font-size: 10px;
    }

    .Msection1Title, .MaintenanceSection3Title {
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    p.MSection1BorderRight, p.MSection3BorderRight {
        display: block;
        width: 100%;
        padding: 0;
    }

    .socialList a {
        padding-right: 19px;
    }

    /****Testimonial****/
    #TestimonialSection2LeftArea {
        background-position: 5% 92%;
    }

    .TstmSection2LeftAreaText2 {
        padding: 8px 35px 10px 15px;
        font-size: 13px;
    }

    .TstmSection2LeftAreaText3 {
        font-size: 20px;
    }

    .Btitle {
        font-size: 30px;
    }

    .clock.flip-clock-wrapper {
        float: none;
        margin-left: 13%;
        text-align: center;
    }

    /**** Nur ****/
    .metabox {
        width: 60px;
    }

    .datebox {
        overflow: hidden;
        width: 60px;
    }

    .fa-3x {
        font-size: 60px;
        margin: 0px;
    }

    .fa-4x {
        font-size: 60px;
        margin-right: 5px;
    }

    .CellPadding {
        padding-left: 10px !important;
    }

    .price_number {
        padding-top: 20px;
        color: #636363;
    }
}

@media handheld, only screen and (max-width:970px) {
    #LanguageDr {
        padding-left: 0%;
    }

    .TPSocial {
        padding-top: 6px;
    }

    .SIcon {
        margin-left: 6px;
    }

    .socialList a {
        padding-right: 16px;
    }

    #TestimonialSection2LeftArea {
        background-position: 5% 92%;
    }

    .TstmSection2LeftAreaText2 {
        padding: 8px 35px 10px 15px;
        font-size: 13px;
    }

    .TstmSection2LeftAreaText3 {
        font-size: 20px;
    }

    #LanguagePane {
        margin-left: -7px;
    }

    #LanguageDr {
        padding-left: 0;
    }

    .clock.flip-clock-wrapper {
        float: none;
        margin-left: 13%;
        text-align: center;
    }
}

@media handheld, only screen and (max-width: 920px) {
    p {
        font-size: 13px;
    }

    .button.Colorred {
        margin-left: 10%;
    }

    #LanguageDr {
        padding-left: 0%;
    }

    .BdTopTtile {
        font-size: 18px;
    }

    .BdTopDetailes {
        font-size: 12px;
    }

    .smalltitleFIXED {
        padding: 0;
    }

    .allienL, .allien {
        padding-bottom: 5px;
    }

    .BdTitleTop.TitleColor {
        font-size: 15px;
        line-height: 22px;
    }

    .BigTopBlank {
        margin-top: 0px;
    }

    .BdDetailes.TL {
        font-size: 12px;
        line-height: 19px;
    }

    .Titlebig {
        font-size: 26px;
    }

    .BdTopTtile {
        font-size: 16px;
    }

    .TitleTextDetails {
        font-size: 12px;
    }

    .LogoFtrDetails {
        font-size: 12px;
        text-align: justify;
    }

    .iconsquare {
        padding: 10px;
    }

    .homelist li a {
        font-size: 11px;
    }

    .clock.flip-clock-wrapper {
        margin-left: 11%;
    }

    .ca-content, .ca2-content {
        left: 26%;
    }

    ul.nav > li > a {
        font-weight: 300;
    }

    /*------------- Start About Us Close ------------------*/

    ul.TeamSocial li {
        display: inline-block;
        list-style: none;
        padding: 0 0 15px 0;
    }

    #TeamSocialArea {
        margin: 0 auto;
        display: block;
        float: none;
    }

    /*------------- Close About Us Close ------------------*/


    /*------------- Short Contact Form Edit Code ----------*/

    #Shortform_div {
        margin-left: 20px;
    }

        #Shortform_div h2 {
            padding-left: 0px;
        }

        #Shortform_div input {
            height: 15px;
            margin-left: -17px;
        }

    p.BtnSubmit {
        margin-left: 0px;
    }

    /*------------- Close Short Contact Form Edit Code ----*/

    .Msection1Title, .MaintenanceSection3Title {
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 15px;
    }

    p.MSection1BorderRight, p.MSection3BorderRight {
        display: block;
        width: 100%;
        padding: 0;
    }

    #SearchTable #SpeedSearchTextBox > input {
        width: 80px;
    }

        #SearchTable #SpeedSearchTextBox > input:focus {
            width: 116px;
        }

    .language-object .Language img {
        margin: 0;
    }

    #MpageBody {
        min-height: 575px;
    }

    .navigation li h2 {
        font-size: 18px;
    }

    .SquareBoxImgArea {
        height: 150px;
        max-height: 150px;
    }

    .BdTopTitle {
        font-size: 20px;
    }

    .BdTitleTop {
        font-size: 17px;
        font-weight: normal;
    }

    .BdTitleTop3 {
        padding: 15px 50px;
        padding-bottom: 0;
        font-size: 15px;
        font-weight: normal;
    }

    .Stateline {
        margin: 30px 0;
    }

    .LearnMore {
        text-align: center;
    }

    .ServicesText {
        font-size: 18px;
    }

    .HomeList2 li a {
        font-size: 12px;
    }

    .IconText {
        font-size: 18px;
    }

    .Btitle {
        font-size: 27px;
    }

    /***** Touch Gallery *****/
    .gallery {
        padding-top: 12px;
    }

    #SpeedyGallery908 a {
        width: 47px;
        height: 47px;
        margin: 0 5px 15px 0;
    }

    #SpeedyGallery1019 a {
        width: 90px;
        height: 90px;
        margin: 0 8px;
        padding-top: 0;
    }

    #SpeedyGallery1058 a {
        width: 85px;
        height: 85px;
        margin: 5px 8px;
    }

    /* Footer Section */
    #MainFooter {
        padding-left: 10px;
        padding-right: 10px;
    }

    .LogoFtr {
        padding-bottom: 0;
    }

    .FooterCateg li a {
        padding: 0;
        font-weight: normal;
    }

    .LinksText {
        padding: 10px 0 5px 0;
    }

    .LinksList li {
        line-height: 25px;
        text-align: left;
        font-size: 10px;
    }

    .CS_List li img {
        margin: 0 5px 0 0;
    }

    .CS_List li a {
        margin: 4px 0;
        font-size: 11px;
    }

    .ConList li a {
        color: #333;
        font-size: 12px;
    }

    /***** f-nav *****/
    .f-nav li {
        margin: 0 12px 0 0;
    }

        .f-nav li a {
            font-size: 13px;
        }

    .socialList a {
        padding-right: 14px;
    }

    .Copyright {
        padding: 2px 0 0px 0px;
    }

    .SkinObject, .LogIn a {
        font-size: 11px;
    }

    .homelist1 a {
        font-size: 11px;
    }

    #contactus {
        width: 99.5%;
    }

    .text-area {
        width: 93%;
        height: 155px;
    }

    .ui-accordion .ui-accordion-content {
        padding: 1.3em 1em;
    }

    .offerbox > img {
        border-radius: 100%;
        width: 100px;
        height: 100px;
        box-shadow: 0 7px 9px -4px #000000;
    }

    .SpeedyDropDown .nav > li > a {
        padding: 0 5px;
        font-size: 1.0em;
    }
}




/*DotNetNuke Footer for Mobile */
@media handheld, only screen and (max-width:767px) {
    .buttonGroup li a strong {
        display: none;
    }

    .userDisplayName {
        padding: 0 5px !important;
    }

    .buttonGroup li {
        padding: 0 2px;
    }

    .buttonbox {
        margin: 0 auto !important;
    }

    #Logo {
        max-height: 64px;
        padding: 32px 0 60px;
    }

    .js-clingify-locked button {
        margin-right: 30px;
    }

    #Header {
        margin: 0 30px;
    }

    #MobileLoginLanguage {
        display: block;
        padding: 5px 0;
    }

    .fadebox {
        padding-bottom: 40px;
    }

    .TopSocialIcon {
        margin-bottom: 5%;
        margin-top: 5%;
        display: block;
    }

        .TopSocialIcon li {
            margin-bottom: 10%;
        }

    .Copyright .SkinObject {
        float: none;
    }

    .Copyright {
        float: none;
    }

    .FooterCateg li:last-child {
        border-bottom: 1px solid #B4B3B3;
    }

    .button.Colorred {
        margin-left: 40%;
    }

    .pic {
        margin: 0 !important;
    }

    .metabox2 {
        padding-left: 30%;
    }

    .timeright {
        float: none;
    }

    .nav-pills.nav-stacked > li {
        text-align: center;
    }

    p img {
        text-align: center;
    }

    .iconround.FR {
        float: none;
    }

    .Deshi {
        text-align: center;
    }

    .squarebox {
        margin: 30px 0;
    }

    .FullContent {
        padding: 50px 10px;
    }

    .medium {
        padding: 30px 10px;
    }

    .loginGroup {
        float: left !important;
        padding-left: 5px;
    }

    .BdDetailes, .BdTitleTop.TitleColor {
        padding-left: 0px !important;
    }

    #Header {
        height: 100%;
    }

    .comingsoon {
        font-size: 24px;
    }

    .flip-clock-wrapper ul {
        height: 43px !important;
        margin: 1px !important;
        width: 30px !important;
        padding: 12px;
    }

    .flip-clock-divider {
        height: 54px !important;
    }

    .flip-clock-wrapper ul li {
        line-height: 44px !important;
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: -54px !important;
    }

    .flip-clock-divider.seconds .flip-clock-label {
        right: -60px !important;
    }

    .flip-clock-divider .flip-clock-label {
        right: -50px !important;
    }

    .clock.flip-clock-wrapper {
        margin-left: 10%;
    }

    .flip-clock-wrapper ul {
        height: 60px;
    }

    .flip-clock-dot.top {
        top: 23px;
    }

    .flip-clock-dot.bottom {
        bottom: 1px;
    }

    .price_figure {
        padding-top: 7%;
    }

    /********* Search ***********/
    .SearchDiv {
        width: 100% !important;
        float: left;
    }

    #SearchBg {
        margin-top: 6px;
        float: none;
        padding-left: 3px;
    }

    div.SearchBorder {
        padding: 0;
        width: 280px;
        float: none;
        margin: auto;
    }

        div.SearchBorder input {
            width: 280px;
            float: none;
            background: #fff;
            border: 1px solid #dadada;
            font-weight: normal;
            padding: 4px 10px;
            font-family: inherit;
            font-size: 14px;
            z-index: 10001;
        }

            div.SearchBorder input:focus {
                width: 280px;
                background: #fff;
                border: 1px solid #dadada;
            }

    .SearchButton {
        display: none !important;
    }

    .BigTopBlank {
        margin-bottom: 20px;
    }

    .iconround.mobile-centered {
        margin: 30px auto !important;
    }

    .twittbox > ul {
        height: 175px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 30px !important;
    }

    .flip-clock-wrapper ul {
        width: 40px;
    }

    p.button.outline {
        left: 30%;
    }

    .TitleTextDetails {
        font-size: 13px;
    }

    .smalltitle, .BdTopDetailes, .blogimage {
        text-align: center;
        margin: 0px !important;
    }

    .smalltitleFIXED {
        padding: 0px;
    }

    .allienL, .allien {
        width: 100%;
    }

    .titlearea {
        text-align: center;
    }

    .address2 {
        text-align: center;
    }

    .fa-stack-1x {
        margin-left: 0px;
    }

    .Titlebig {
        padding-bottom: 30px;
    }

    .icontop {
        padding-top: 50px;
    }

    .FooterCopyRight {
        margin-top: 0px;
    }

    .PhotoAlbum {
        text-align: center;
    }

        .PhotoAlbum img {
            width: 19%;
        }

    .Slogan {
        float: none;
        text-align: center;
    }

    #MobileSearch {
        padding-bottom: 10px;
    }

    .span1.TopRight, .span2.TopRight, .span6.TopRight, .span7.TopRight, .span8.TopRight {
        float: none;
    }

    .MobileMenu {
        padding-top: 10px;
    }

    .Header {
        padding: 15px 0 20px 0;
    }

    .fixed {
        position: initial;
    }

    .TPLeftSocial {
        text-align: center;
    }

    .MobilePadding {
        padding-top: 20px;
    }

    .MenuPadding {
        padding-top: 6px;
    }

    .SearchMpadding {
        padding-top: 14px;
    }

    /* TopNav */
    .RightTopNav ul.TopNav {
        float: none;
        text-align: center;
    }

    ul.TopNav {
        padding: 0;
        float: none;
        text-align: center;
    }

    .TopNav li {
        padding-left: 2px;
        display: inline-block;
        float: none;
    }

    #HeaderTop {
        padding: 1px 10px;
    }

    #Header {
        padding: 0;
    }

    /***** SocialLogin *****/
    #spLogin {
        padding: 0;
    }

    .LogIn {
        padding: 0;
        text-align: center;
    }

    /***** Logo *****/
    .mobile-centered {
        margin: 0 auto !important;
        text-align: center;
    }

    #dnn_dnnLogo_hypLogo img {
        padding: 1px 0 10px 0;
    }

    #logo img {
        padding-left: 0;
    }

    .Phone, .Email, .BdTopTtile, .BdTitleTop, .educationimg, .WomenImg, .BdDetailes, .Ecommerce, .LearnMore2, .ServicesText, .ServicesDetailes, .LeftSideImg, .LeftSideTitle {
        text-align: center;
    }

    .IconText, .ReadMore2, .boxbutton, .BoxTitleText, .BoxTitleTextDetails {
        text-align: center;
    }

    .IconTextDetailes {
        text-align: justify;
    }

    /********* Content Divider  ***********/
    .dr1, .dr2, .dr3, .dr4 {
        margin: 10px 0;
    }

    .BlankSpace {
        display: none;
    }

    /********* Pages CSS  ***********/
    .AboutUsTitle, .TeamMenberImage, .TopTile, .NFMTitle, .NFMList li {
        text-align: center;
    }

    .TitleDemoText {
        line-height: 36px;
        text-align: center;
    }

    .ExPTilte {
        padding: 0 !important;
        padding-top: 20px !important;
        text-align: center !important;
    }

    #ErrorSignArea {
        height: auto !important;
    }

    #NotFoundMessageArea {
        margin-top: 10px !important;
    }

    #FaqTopicArea .TopTile, #FaqTextArea .TopTile {
        text-align: left;
    }

    .FaqList1 li {
        width: 100%;
    }

    .LogoLeft, .RightMenuAlign {
        padding: 0;
    }

    /********* Search  ***********/
    #MobileSearch {
        margin-top: 12px;
    }

    .SearchDiv {
        width: 100% !important;
        float: left;
    }

    #SearchBg {
        margin-top: 6px;
        float: none;
        padding-left: 3px;
    }

    #SearchTable td {
        padding: 0;
        width: 300px;
        float: none;
    }

    #SearchTable #SpeedSearchTextBox > input {
        width: 300px;
        float: none;
        background: #fff;
        border: 1px solid #dadada;
        font-weight: normal;
        padding: 4px 10px;
        font-family: inherit;
        font-size: 14px;
    }

        #SearchTable #SpeedSearchTextBox > input:focus {
            width: 180px;
            background: #fff;
            border: 1px solid #dadada;
        }

    /***** Menu *****/
    #MenuDiv.row-fluid .span10 {
        width: 100%;
    }

    #MenuDiv.row-fluid .span2 {
        width: 100%;
    }

    .Menu {
        margin: 0 0 12px 0;
    }

    .SpeedyDropDown, .SpeedyMegaMenu {
        float: none;
        margin-right: 0;
    }

    /* TitleText */
    .TitleText {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 28px;
        text-align: center;
    }

    .TitleBack {
        padding-bottom: 0;
    }

    .TitleTextDetails {
        font-size: 13px;
    }

    .OurClient img {
        width: 21%;
    }

    #MpageBody {
        padding: 0 0 20px 0;
        min-height: 1px;
    }

    /***** Slider *****/
    .slider-wrapper {
        margin: 0;
    }

    .flexslider {
        padding-top: 10px;
        padding-bottom: 30px;
        background: none;
    }

    .DnnModule-SpeedyTouchFlexi {
        padding-bottom: 0px;
        background: none;
    }

    .flex-direction-nav li a {
        background: none !important;
        display: none !important;
    }

    .flex-control-paging li a {
        margin-top: 10px;
    }

    .TopTile h2 {
        padding-top: 10px;
        width: 100%;
    }

    /***** PageBodyTop *****/
    .navigation li h2 {
        font-size: 22px;
    }

    .SquareBoxImgArea {
        height: 190px;
        max-height: 190px;
    }

    .bdimage {
        text-align: center;
    }

    .BodyConImage {
        width: 100%;
        float: left;
    }

    .BodyConTitle {
        width: 100%;
        float: left;
    }

    .homelist1 li {
        text-align: center;
    }

    .BdTitleTop {
        font-size: 22px;
        font-weight: normal;
    }

    .BdTopTitle {
        padding-top: 10px;
        text-align: center;
        font-size: 18px;
    }

    .BdTopTitleText {
        text-align: justify;
    }

    .BdTopText {
        text-align: center;
    }

    .LearnMore {
        text-align: center;
    }

    .Stateline {
        margin: 30px 0 0px 0;
    }

    .MiddleImg {
        padding-top: 40px;
    }

    .pic {
        float: none;
    }

    .content-1 {
        position: relative !important;
    }

    /*------ Start Career Page Css Code ------*/

    .CareerTitle {
        text-align: center;
        width: 100%;
        display: block;
        padding-top: 0px;
    }

    .CareerTitleBG {
        background: none;
        border: 0px solid #636363;
        border-radius: 0px;
        padding: 0px 0px 8px 0px;
        color: #ffffff;
        z-index: -1;
        position: relative;
    }

    .CarrerimgLeft, .CarrerimgRight {
        display: none;
    }

    .CareerList li a {
        font-size: 12px;
    }

    /*------ Close Career Page Css Code -------*/

    /*------ Start Error 404 Page Css Code ----*/

    #ErrorSignArea {
        background: none;
    }

    .NFMList li {
        max-width: 100%;
    }

    /*------ Close Error 404 Page Css Code ----*/

    /*------ Start Short Contact Form Edit Code --*/

    #Shortform_div {
        margin-left: 0px;
    }

        #Shortform_div input {
            margin-left: 0;
            width: 80%;
        }

    /*------ Close Short Contact Form Edit Code --*/

    /* Start History */
    .ExperianceTitle {
        font-size: 14px;
    }

    .MExperianceBorder {
        text-align: left;
        width: auto;
        width: 5%
    }

    .responsive-tabs__heading {
        padding: 0px 0px 3px 5px;
        font-size: 14px;
        border-radius: 0px;
    }

    /* Start Maintenanc */
    .MaintenancSection1Text1 {
        text-align: center;
        font-size: 15px;
    }

    #MaintenanceSection2 {
        margin-top: 40px;
    }

    .Msection3Title {
        padding: 10px 20px 15px 20px;
        font-size: 20px;
    }

    #Msection2LeftArea {
        background: none;
        min-height: 1px;
        margin-top: 30px;
        border-bottom: 10px;
        border-bottom-style: double;
        border-bottom-color: #666;
    }

    #MSection2Image {
        margin-top: 20px;
        padding: 20px 0 0 0;
    }

    .MaintenanceSection3Title {
        margin-top: 0px;
    }
    /* Start Maintenanc */

    /* Start Testimonial Section */
    #TestimonialSection2LeftArea {
        background-position: 5% 95%;
    }

    .TstmSection2LeftAreaText2 {
        padding: 8px 15px 10px 15px;
        font-size: 12px;
    }

    .TstmSection2LeftAreaText3 {
        font-size: 18px;
    }

    .tstmcontenttext {
        padding: 0 10px 0 15px;
        font-size: 13px;
        text-align: left;
    }

    /* Close Testimonial Section */

    #SquareBorderNoTitle {
        width: 100%;
        float: left;
    }

    /* Footer Section */
    #MainFooter {
        padding: 0 20px;
        background-image: none !important;
    }

    .FooterSocial ul.TopSocialIcon {
        padding-top: 20px;
    }

    .LogoFtr {
        padding: 25px 0 0 0;
    }

    .FtrImage {
        padding-top: 1.5em;
    }

    .FooterCateg li {
        text-align: left;
        float: none;
    }

        .FooterCateg li a {
            padding: 0;
        }

    .LinksText {
        padding: 10px 0 15px 0;
        line-height: 20px;
    }

    .LinksList li {
        line-height: 28px;
        font-size: 12px;
    }

    .TPSocial {
        width: 150px;
        margin: auto;
        float: none;
    }

    .SIcon {
        margin-left: 6px;
    }

    .CS_List {
        margin: 0 auto !important;
        text-align: center;
    }

        .CS_List li img {
            margin: 0 5px 0 0;
            float: none;
        }

        .CS_List li a {
            margin: 7px 0;
            font-size: 14px;
            float: none;
            line-height: 24px;
        }

    .FooterTitle {
        padding: 1px 0;
    }

    .FooterList {
        padding: 0 5px;
    }

    ul.f-nav {
        padding-top: 10px;
        padding-left: 0;
        float: none;
    }

    .f-nav li {
        margin: 3px 0;
        width: 100%;
        line-height: 35px;
        text-align: center;
        list-style: none;
        float: left;
        border: 1px solid #323232;
        background: #464545;
    }

        .f-nav li a {
            color: #e8e6e7;
        }

            .f-nav li a:hover {
                color: #fff;
                text-decoration: none;
            }

        .f-nav li:hover {
            background: #323232;
        }

    .FooterCopyRight {
        padding-bottom: 20px;
        padding-right: 2px;
    }

    .Copyright {
        text-align: center;
        padding: 10px 0;
    }

    .FTSocial {
        text-align: center;
    }

    .textcolor {
        padding-left: 17px;
    }

    .input, .text-area {
        margin-top: 0px;
    }

    .table th, .table td {
        padding: 0;
    }

    code {
        padding: 2px 0;
    }

    /* hide back of pane during swap */
    .front, .back {
        backface-visibility: initial;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto !important;
        text-align: center;
    }

    .back {
        display: none;
    }

    .second-effect:hover .mask {
        opacity: 1;
        border: 120px solid rgba(0,0,0,0.7);
    }

    .view img {
        margin: 0 auto !important;
        text-align: center;
    }

    .second-effect a.info {
        top: -15px;
    }

    /***Maintenance***/
    .MaintenancSection1Text1 {
        text-align: center;
        font-size: 15px;
    }

    #MaintenanceSection2 {
        margin-top: 40px;
    }

    .Msection3Title {
        padding: 10px 20px 15px 20px;
        font-size: 20px;
    }

    #Msection2LeftArea {
        background: none;
        min-height: 1px;
        margin-top: 30px;
        border-bottom: 10px;
        border-bottom-style: double;
        border-bottom-color: #666;
    }

    #MSection2Image {
        margin-top: 20px;
        padding: 20px 0 0 0;
    }

    .MaintenanceSection3Title {
        margin-top: 0px;
    }

    /* LogIn */
    .LogInLanguage {
        padding: 0 15px;
    }

    .LoginMobile {
        width: 80%;
        float: left;
    }

    .LogIn {
        text-align: left;
    }

        .LogIn a {
            padding: 0 2px;
            font-size: 12px;
            float: left;
        }

    .LanguageMobile {
        width: 20%;
        float: right;
    }

    .language-object .Language img {
        margin: 0;
        text-align: right;
    }

    .language-object .Language {
        float: right;
        text-align: right;
    }

    .footerlogo {
        text-align: center;
    }

    /* Common Nur Code*/
    .Headerline {
        text-align: center;
    }

    .TopBigtitle {
        font-size: 26px;
    }

    .CenterButton {
        float: none !important;
        margin: 0 auto;
        text-align: center;
    }

    .opsetimg {
        padding-top: 35px;
    }

    .socialcentered {
        padding-top: 10px;
    }

    .TopSocialIcon {
        width: 50%;
        text-align: center;
    }

        .TopSocialIcon a {
            padding: 3px 5px;
        }

    .facebook > a {
        padding: 3px 10px;
    }

    .tumblr > a {
        padding: 3px 9px;
    }

    .small {
        padding-top: 20px;
    }

    .buttonbox {
        margin-left: 30%;
    }

    .iconsquare {
        width: 63px;
        height: 63px;
    }

    .year {
        padding-bottom: 12px;
    }

    .BdTitleTop {
        padding-top: 10px;
    }

    .metabox {
        width: 100%;
    }

    .datebox {
        overflow: hidden;
        width: 100%;
    }

    .price_number {
        padding-top: 33px;
    }

    /* About Us2 Page Code*/
    .SquareBoxImgArea {
        padding-top: 20px;
    }

    /* Services Page Code*/
    .BdTitleTop {
        font-size: 16px !important;
        text-align: center !important;
        padding: 15px 10px 10px 5px;
    }

    .Titlebigpadding {
        padding-left: 0px;
        padding-top: 15px;
        text-align: center;
    }

    /* Home Left Slider */
    .TopBigtitle11 {
        text-align: left;
    }

    .MobileDeviceImg {
        text-align: center;
    }

    .TopBigtitle11 {
        text-align: center;
    }

    .TopBigtitle10 {
        text-align: center !important;
    }

    /* Home Restaurant */
    .ResturantImg img {
        width: 100%;
    }

    .fa-stack-1x.largeicon {
        margin-left: 0px;
    }

    /* Sports page */
    .Sports3Title {
        padding-top: 30px;
    }

    .Btitle {
        text-align: center;
    }

    .MobileCenterText {
        text-align: center !important;
    }

    /* ComingSoon Page Code */
    .comingsoonTitle {
        font-size: 30px;
        padding-bottom: 80px;
    }

    /* Maintenance Page Code */
    .MaintenancSection1Text1 {
        padding-top: 20px;
    }

    /* 404 Error Page Code */
    h1.ErrorMessage {
        padding-top: 0px;
    }

    .NFMTitle {
        padding-top: 30px;
    }

    /* Logo Code */
    #Logo a > img {
        padding: 20px 0;
    }

    #Mmenu > ul {
        position: absolute;
    }

    div.SearchBorder input {
        height: 35px;
    }

    .BottomMenu ul.nav > li > a {
        margin-bottom: 0px;
    }

    .CenterMenuBottom ul.nav > li > a {
        margin-bottom: 0;
    }

    .CenterMenuBottom div.SearchBorder input {
        height: 40px;
    }

    .BottomMenu div.SearchBorder input {
        height: 40px;
    }
}

@media handheld, only screen and (max-width: 420px) {
    .second-effect a.info {
        top: -50px;
    }

    p.button.outline {
        left: 20%;
    }

    .CareerTitle {
        font-size: 18px;
    }

    .CareerList li a {
        font-size: 11px;
    }

    .metabox2 {
        padding-left: 20%;
    }

    .comingsoon {
        font-size: 24px;
    }

    .flip-clock-wrapper ul {
        height: 43px !important;
        margin: 1px !important;
        width: 15px !important;
    }

    .flip-clock-divider {
        height: 54px !important;
    }

    .flip-clock-wrapper ul li {
        line-height: 44px !important;
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: -54px !important;
    }

    .flip-clock-divider.seconds .flip-clock-label {
        right: -60px !important;
    }

    .flip-clock-divider .flip-clock-label {
        right: -50px !important;
    }

    .clock.flip-clock-wrapper {
        margin-left: 0%;
    }

    .ExperianceTitle {
        text-align: left;
        width: auto;
        font-size: 15px;
    }

    .Msection3Title {
        padding: 0 20px 15px 20px;
        font-size: 18px;
        padding-top: 0px;
        margin-top: 0px;
    }

    .TstmSection2LeftAreaText2 {
        font-size: 10px;
    }

    .TstmSection2LeftAreaText2 {
        font-size: 10px;
    }

    .button.Colorred {
        margin-left: 26%;
    }

    .BodyConText li {
        padding-right: 30px;
    }
}

/*DotNetNuke Login Form for Mobile */

@media handheld, only screen and (max-width: 320px) {
    .dnnForm {
        max-width: 320px;
    }

    .dnnLogin input[type="text"], .dnnLogin input[type="password"] {
        margin-left: 40px;
        max-width: 275px;
    }

    .dnnFormRequired span {
        width: 100%;
    }

    .metabox2 {
        padding-left: 12%;
    }

    .socialcentered {
        padding-left: 10%;
    }

    .dnnFormItem {
        width: 275px;
        color: #262321;
    }

        .dnnFormItem h2 {
            color: #262321;
        }

    .dnnForm {
        margin-left: -7px;
    }

    .dnnFormItem label a span {
        width: 275px;
        text-align: left;
        float: left;
        color: #262321;
    }

    .dnnFormItem input[type="text"], .dnnManageUsers .dnnFormItem input[type="text"] {
        width: 275px;
        float: left;
    }

    .dnnForm input.dnnFormRequired, .dnnForm textarea.dnnFormRequired, .dnnForm select.dnnFormRequired {
        width: 275px;
        float: left;
    }

    .dnnSendPasswordContent input[type="text"] {
        width: 275px;
        float: left;
    }

    .dnnSendPasswordContent ul.dnnActions {
        width: 280px;
        float: left;
    }

    .dnnForm ul.dnnActions, .DnnModule ul.dnnActions, ul.dnnActions {
        width: 275px;
    }

    .dnnFormItem.dnnFormHelp p.dnnFormRequired span {
        margin-right: 60px;
    }
}

/*isotop portfolio styles*/

nav.primary li a.selected {
    border: 1px solid #000000;
    box-shadow: none;
}

nav.primary ul li a {
    box-shadow: 3px 3px 0 #EDEDED;
    margin: 0 4px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
}

/* blank layout Styles*/
.demo1 {
    background: #CCC;
    margin: 0 auto;
}

    .demo1 h2 {
        text-align: center;
    }

.demo_area {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    margin: 5px 0;
    text-align: center;
}

    .demo_area h2 {
        color: #666666;
        font-size: 13px;
        font-weight: bold;
        padding: 25px 0;
    }

    .demo_area.Xspace {
        width: 100%;
        height: 295px;
        display: table;
    }

        .demo_area.Xspace h2, .demo_area.Sidebar h2 {
            display: table-cell;
            vertical-align: middle;
        }

    .demo_area.Sidebar {
        width: 100%;
        display: table;
        height: 676px;
    }

    .demo_area.footer {
        margin-top: 35px;
    }




/* background video style*/


.videobg {
    background: url("../images/grid.png") repeat;
}

.videocontainer {
    background: none repeat scroll 0 0 rgba(14, 15, 15, 0.5);
    color: #FFFFFF;
    text-align: center;
}

.Button_15.button {
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    padding: 25px 100px;
}

.mb_YTVPlayer :focus {
    outline: 0;
}

.mb_YTVPlayer {
    display: block;
    transform: translateZ(0);
    transform-style: preserve-3d;
    perspective: 1000;
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
    animation-timing-function: linear;
}

    .mb_YTVPlayer.fullscreen {
        display: block !important;
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

        .mb_YTVPlayer.fullscreen .mbYTP_wrapper {
            opacity: 1 !important;
        }

.mbYTP_wrapper iframe {
    max-width: 4000px !important;
}

.inline_YTPlayer {
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    left: 0;
    overflow: hidden;
    border-radius: 4px;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.7);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.7);
    box-shadow: 0 0 5px rgba(0,0,0,.7);
    background: rgba(0,0,0,.5);
}

    .inline_YTPlayer img {
        border: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

/*CONTROL BAR*/
.mb_YTVPBar .ytpicon {
    font-size: 20px;
    font-family: 'ytpregular';
}

.mb_YTVPBar .mb_YTVPUrl.ytpicon {
    font-size: 30px;
}

.mb_YTVPBar {
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    display: block;
    width: 100%;
    height: 10px;
    padding: 5px;
    background: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: border-box;
    text-align: left;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: white;
    opacity: .1;
}

    .mb_YTVPBar.visible, .mb_YTVPBar:hover {
        opacity: 1;
    }

    .mb_YTVPBar .buttonBar {
        transition: all 1s;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        background: transparent;
        font: 12px/14px Calibri;
        position: absolute;
        top: -30px;
        left: 0;
        padding: 5px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mb_YTVPBar:hover .buttonBar {
        background: rgba(0,0,0,0.4);
    }

    .mb_YTVPBar span {
        display: inline-block;
        font: 16px/20px Calibri, sans-serif;
        position: relative;
        width: 30px;
        height: 25px;
        vertical-align: middle;
    }

        .mb_YTVPBar span.mb_YTVPTime {
            width: 130px;
        }

        .mb_YTVPBar span.mb_YTVPUrl, .mb_YTVPBar span.mb_OnlyYT {
            position: absolute;
            width: auto;
            display: block;
            top: 6px;
            right: 10px;
            cursor: pointer;
        }

            .mb_YTVPBar span.mb_YTVPUrl img {
                width: 60px;
            }

        .mb_YTVPBar span.mb_OnlyYT {
            left: 185px;
            right: auto;
        }

            .mb_YTVPBar span.mb_OnlyYT img {
                width: 25px;
            }

        .mb_YTVPBar span.mb_YTVPUrl a {
            color: white;
        }

.mb_YTVPPlaypause, .mb_YTVPlayer .mb_YTVPPlaypause img {
    cursor: pointer;
}

.mb_YTVPMuteUnmute {
    cursor: pointer;
}

/*PROGRESS BAR*/
.mb_YTVPProgress {
    height: 10px;
    width: 100%;
    background: #222;
    bottom: 0;
    left: 0;
}

.mb_YTVPLoaded {
    height: 10px;
    width: 0;
    background: #444;
    left: 0;
}

.mb_YTVTime {
    height: 5px;
    width: 0;
    background: #fff;
    bottom: 0;
    left: 0;
    -moz-box-shadow: #666666 1px 1px 3px;
    -webkit-box-shadow: #666666 1px 1px 3px;
}




/*------------------------------------------------------- Start Header Css Code ---------------------------------------------------------- */

/*Start Headers Code */
#Header {
    margin-top: -1px; /*-moz-box-shadow: 0px 1px 3px #333; 
-webkit-box-shadow:0px 1px 3px #333; -ms-box-shadow:0px 1px 3px #333; box-shadow:0px 1px 3px #333; 
background-color:#484848 ;*/
    /* For IE 8 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#1f2325')";*/
    /* For IE 5.5 - 7 */
    /*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#1f2325');*/
}




/* Logo Section Code */
.LeftLogoPadding {
    padding-top: 17px;
    padding-bottom: 17px;
}


/* Start FixedHeader */
.FixedHeader {
    width: 100%;
    z-index: 999;
    overflow: visible;
    position: relative;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}


/* Start Menu Section Code */
.Header {
    position: relative;
}

    .Header .col-md-11 {
        position: static;
    }

.CenteredMenu {
    float: none;
    text-align: center;
}

.TopRight {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* Search And Language Icon color Code*/
.fa-lg {
    color: #ffffff;
}


/* -------------------------------------------Start Menu Css ----------------------------------------------------------------------- */

#Search .fa-lg {
    font-size: 1.2em;
}

.RightMenu .SearchR {
    margin-top: 20px;
}

.js-clingify-locked #Logo { /*padding-top:3px;*/
}

    .js-clingify-locked #Logo a > img { /*padding:10px 0; height:54px;*/
    }


.js-clingify-locked .TopRight {
    margin-top: 0px;
}

.js-clingify-locked .nav > li > a {
    margin-bottom: 0px;
}


.js-clingify-locked .dropdown-button {
    padding: 0;
}


/* -------------------------------------------Close Menu Css ----------------------------------------------------------------------- */


@media handheld, only screen and (max-width:767px) {

    .Header {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #Logo {
        max-height: 0px;
        padding: 0px 0px 0px 0px;
        margin-top: -10px;
    }

    #Header {
        background-color: #484848;
        width: 100%;
        margin: 0 auto;
        padding: 2px 20px 0px 20px;
    }

    .nav li > a {
        width: 100%;
        margin-bottom: 0px;
        padding: 0px 15px 0px 20px;
    }

    .SpeedyDropDown .nav > li:not(.current) > a {
        color: #000 !important;
    }

    .nav li.current > a {
        border-radius: 0px;
        color: #FFFFFF;
    }

    .nav, .nav ul {
        padding-bottom: 0px;
        background: #ffffff;
    }

    .Mbmenu .nav li a {
        padding: 0px 15px 0px 15px;
        color: #000;
    }

    .js-clingify-locked #Logo a > img {
        padding: 0px 0;
    }

    .js-clingify-placeholder {
        height: 100% !important;
    }

    h2.MTtitle {
        padding: 15px;
    }

    h4.MBtitle {
        padding: 15px;
    }

    .MenuList li {
        padding-left: 15px;
    }

        .MenuList li a {
            text-align: left;
        }

    .contactitem {
        padding: 15px;
    }

    .subs .TopBigtitle {
        text-align: left;
        padding-left: 15px;
    }
}



/*------------------------------------------------------- End Header Css Code ---------------------------------------------------------- */







/* -------------------------------------------------- Main Home Page Css Start ----------------------------------------------------------*/


.gapsmall {
    padding-top: 20px
}

.gapmedium {
    padding: 30px 20px;
}

.gaplarge {
    height: 40px;
}

.gapElarge {
    height: 60px;
}

.gaptiny {
    padding-top: 10px;
}

.center {
    text-align: center;
}

.SubHeadding {
    color: #017DC5;
    font-size: 16px;
    font-weight: 200;
}


.SmallText {
    font-size: 12px;
}

.wet_400 {
    font-weight: 300;
}

.CR_T {
    color: #E84A52
}

.Ico i {
    transition: all 0.5s ease-in-out 0s;
}

.Ico:hover i {
    color: #89BF42;
}

.Algn_L {
    text-align: left;
}

.Algn_R {
    text-align: right;
}

.Border_Cont {
    border-bottom: 2px solid #E5E5E5;
    margin-bottom: 30px;
}

.Underline {
    border-bottom: 2px solid #E12121;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 47px;
    margin-bottom: -2px;
    max-width: 100%;
    text-transform: capitalize;
    width: auto;
}






/* Main Home Page Section2 Rounded Icon Content CSS  */
.Iconround_1 {
    border-radius: 100%;
    color: #FFFFFF;
    height: 175px;
    padding: 40px;
    text-align: center;
    width: 175px;
    vertical-align: middle;
    border: 10px solid #F0F0F0 !important;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.7s ease-in-out 0s;
}

.CR {
    background-color: #017DC5;
}

.icon_top_01 h4 {
    transition: all 0.7s ease-in-out 0s;
}

.icon_top_01:hover article {
    background: radial-gradient(ellipse at center center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.15) 100%) repeat scroll 0 0 #767676;
    border-color: #E0E0E0;
}

.icon_top_01:hover h4 {
    color: #000000;
}

.Fl {
    float: left;
}




/* Main Home Page  Section1 Button Area Code */
#MainHomePageGetStartSection {
    background: #171717;
    margin-top: 0px;
    padding-bottom: 10px;
}

.MainHomePageGetStartText1 {
    font-size: 22px;
    font-weight: 200;
    color: #e6e5e5;
    padding-top: 4px;
    line-height: 20px;
    font-family: inherit;
}

.MainHomePageGetStartText2 {
    color: #696E74;
}

.GetStartButton {
    padding: 5px 15px 5px 7px;
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
    float: right;
}

span.GetStartBoldText {
    font-size: 24px;
    color: #017DC5;
    padding-left: 6px;
    padding-right: 6px;
}

.buttonrightText {
    padding-left: 10px;
    color: #ffffff;
}

    .buttonrightText a {
        color: #696E74;
        text-decoration: none;
        text-align: center;
    }

.BuyNowButton {
    background: #017DC5;
    border-radius: 4px;
    border: 1px solid #0879ba;
    text-align: center;
}

a.BuyNowButton {
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 5px;
    text-shadow: 1px 1px 1px #636363;
    font-family: inherit;
    font-weight: 300;
}

.VideoButton {
    background: #017DC5;
    border-radius: 4px;
    text-align: center;
    width: 18%;
    margin: 0 auto;
    padding: 15px 10px 15px 10px;
}

    .VideoButton a {
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        padding: 5px;
        font-family: inherit;
        color: #fff;
    }

    .VideoButton:hover {
        background: radial-gradient(ellipse at center center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.15) 100%) repeat scroll 0 0 #767676;
        border-color: #E0E0E0;
    }



/* Main Home Page Section3 Content CSS  */
.Cont_07_Bg {
    background: url(../images/Bg.png);
    background-repeat: repeat;
}

    .Cont_07_Bg img {
        display: block;
        margin: 0 auto;
        width: 80%;
    }

.MainHeadding {
    color: #017DC5;
}




/* Main Home Page Metro Section*/
.MetroSectionImageImg {
    text-align: left;
}

    .MetroSectionImageImg img {
        height: 425px;
        margin-top: -8px;
    }

.MetroTitle1 {
    border-bottom: 1px solid #dfdedb;
    padding-bottom: 10px;
    text-align: left;
}

.MetroIcon {
    padding-top: 18px;
}

.MetroIcon1 {
    padding-top: 68px;
}

.MetroTitle2 {
    border-bottom: 1px solid #dfdedb;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.MetroEffect {
    margin-top: 20px;
}

.metrrotext {
    padding-left: 15%;
    padding-top: 5px;
}

.IconPadding {
    margin-right: 4%;
}


/* FontAwesome Code*/
.fontColor {
    font-family: 'FontAwesome',Helvetica,Arial;
    color: #017dc5;
}

.fa-2x {
    font-size: 2.0em;
    text-align: center;
}

.fa-3x {
    font-size: 3em;
    text-align: center;
}

.fa-4x {
    font-size: 4em;
}


@charset "utf-8";
/* CSS Document */
/* common CSS */
.centre {
    text-align: center;
}

.color_R {
    color: #ce0000;
}

/*End of Common CSS */
/************************** Content 03 CSS  *********************************/
.Iconround_3 {
    color: #7D7D86;
    height: 60px;
    padding: 13px;
    text-align: center;
    width: 60px;
    border: 3px solid #DDDDDD;
    border-radius: 50%;
    margin-right: auto;
    transition: all 0.7s ease-in-out 0s;
}

.CR_03 {
    background-color: #fff;
}

.icon_top_03 h4 {
    transition: all 0.7s ease-in-out 0s;
}

.TenyPadding {
    padding-left: 15%;
    padding-right: 0%;
    width: 100%;
}

.TenyP {
    text-align: justify;
    padding-right: 0px;
}

.icon_top_03:hover article {
    background: radial-gradient(ellipse at center center, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.15) 100%) repeat scroll 0 0 #767676;
    border-color: #E0E0E0;
    border-color: #DDDDDD;
    color: #fff;
}

.icon_top_03:hover h4 {
    color: #1B72AC;
}

.BoSo {
    border-left: 1px solid #CCCCCC;
}

.icon_top_03 {
    float: left;
    height: 160px;
    position: relative;
    border-bottom: 1px dashed #E5E5E5;
}

    .icon_top_03:before {
        background: none repeat scroll 0 0 #DDDDDD;
        bottom: 0;
        content: "";
        float: left;
        height: 100px;
        left: 30px;
        position: absolute;
        width: 1px;
    }

    .icon_top_03:after {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: -12px;
        content: "";
        font-size: 16px;
        left: 60%;
    }

.icon_top_03_item:after {
    bottom: -4px;
    color: #CCCCCC;
    content: "ï…€";
    font-family: 'FontAwesome';
    font-size: 16px;
    left: -8px;
    position: absolute;
}

.icon_top_03_item {
    border-left: 1px solid #CCCCCC;
    bottom: 0;
}

.our-process:before, .our-process:after, .our-process-item:after {
    bottom: -12px;
    color: #DDDDDD;
    content: "";
    font-size: 16px;
    font-family: "FontAwesome";
    left: -9px;
    position: absolute;
}

.our-process:after {
    bottom: -11px;
    content: "ï…€";
    left: auto;
    right: -8px;
}

.our-process {
    height: 160px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .our-process > .col-md-3, .our-process > .col-md-3 > .row > .col-md-3, .our-process > .col-md-3 > .row > .col-md-9 {
        padding: 0px;
    }

        .our-process > .col-md-3 > .row > .col-md-9 {
            padding-left: 0px;
        }
/************************** End of Content 03 CSS  *********************************/

/************************** Content 11 CSS  *********************************/
.icon_top_11 center img {
    width: 100px;
    height: auto;
}

.icon_top_11 a {
    color: #000;
    text-decoration: none;
}

.icon_top_11 h4 {
    transition: all 0.5s ease-in-out 0s;
}

.icon_top_11:hover h4 {
    color: #303030;
}

/************************** End of Content 11 CSS  *********************************/




/* Start Footer Social */
#FooterSocialArea {
    margin: 0 auto;
    display: block;
    margin-left: -30px;
}

ul.FooterSocial li {
    display: inline-block;
    list-style: none;
    padding: 10px 5px 15px 0;
}

.FooterSocial, .FooterSocial li a {
    text-align: left;
    padding-left: 0px;
}

.FooterSocialIcon img {
    width: 30px;
    height: 30px;
}





/* FooterSicialEffect Twiter */
.SocialEffectTwiter {
    border-radius: 50%;
    background: rgba(255,255,255,0.1) !important;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 7px 6px 7px;
    color: #cfcfcf !important;
}

    .SocialEffectTwiter:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9)-moz-transform:scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectTwiter:hover {
        background: #4EC7E8 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
        font-size: 12px;
        padding: 6px 7px 6px 7px;
    }

        .SocialEffectTwiter:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}



/* FooterSicialEffect Facebook */
.SocialEffectFacebook {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 14px 6px 14px;
    color: #cfcfcf !important;
}

    .SocialEffectFacebook:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectFacebook:hover {
        background: #466CC0 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
        font-size: 12px;
        padding: 6px 14px 6px 14px;
    }

        .SocialEffectFacebook:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}




/* FooterSocialEffectLinkedin */
.SocialEffectLinkedin {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    color: #cfcfcf !important;
}

    .SocialEffectLinkedin:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectLinkedin:hover {
        background: #2E8CC2 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .SocialEffectLinkedin:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}




/*.FooterSocialEffectRss */
.SocialEffectRss {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    color: #cfcfcf !important;
}

    .SocialEffectRss:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectRss:hover {
        background: #EC7423 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .SocialEffectRss:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}



/*.FooterSocialEffectPinterest  */
.SocialEffectPinterest {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    color: #cfcfcf !important;
}

    .SocialEffectPinterest:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectPinterest:hover {
        background: #CB2027 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .SocialEffectPinterest:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

/*.FooterSocialEffectYoutube  */
.SocialEffectYoutube {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    color: #cfcfcf !important;
}

    .SocialEffectYoutube:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectYoutube:hover {
        background: #E52C27 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .SocialEffectYoutube:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


/*.FooterSocialEffectSkype  */
.SocialEffectSkype {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    color: #cfcfcf !important;
}

    .SocialEffectSkype:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectSkype:hover {
        background: #00ADF2 !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .SocialEffectSkype:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}


/*.FooterSocialEffectVimeo  */
.SocialEffectVimeo {
    background: rgba(255,255,255,0.1) !important;
    border-radius: 50%;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
    font-size: 12px;
    padding: 6px 8px 6px 8px;
    color: #cfcfcf !important;
}

    .SocialEffectVimeo:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .SocialEffectVimeo:hover {
        background: #20B9EB !important;
        -webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);
        color: #fff;
    }

        .SocialEffectVimeo:hover:after {
            -webkit-animation: sonarEffect 1.3s ease-out 75ms;
            -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
        }

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }

    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}



/* -------------------------------------------------- Main Home Page Css Close ----------------------------------------------------------*/







/* ------------------------------------------------- Start Home Corporate2 Page Code ----------------------------------------------------- */


/* HomeCorporate2 Trynow Button Section Code */
.Headerline {
    padding-left: 19px;
    padding-top: 6px;
}

.contentbg {
    background: url(../images/Bg.png);
    background-repeat: repeat;
}

.button > a {
    color: inherit;
}

.buttonbox {
    border: 1px solid #017DC5;
}

.boxed {
    background: #EEEEEE;
    margin-bottom: 75px;
}

.grid.cs-style-3 {
    padding-left: 0;
}


/* Home Corporate2 Section2 Animaton Image Area Code */
.SquareBoxImgArea {
    display: block;
    height: 180px;
    max-height: 180px;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
}



/* Main Home Page portfolio Section*/

#MainHomePagePortfolio {
    margin-bottom: -30px;
}

.PortfolioSubTitle {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
}

.PortfolioTitle {
    text-transform: uppercase;
}

.CenterText {
    text-align: center;
}

.MHPTitle2 {
    text-align: center;
    padding-top: 12px;
}

.PortfolioArrow {
    text-align: center;
}


.gapsmall {
    padding-top: 20px
}

.Homelistalign li {
    margin-left: -30px;
}


/* ............................................ Start Sidebar Menu Page Code ............................................................. */
.SidebarSell {
    font-size: 22px !important;
    padding-top: 10px;
    padding-bottom: 15px;
}

.Btitle1 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 0px 10px 10px 0px;
}
/* ............................................ Close Sidebar Menu Page Code ............................................................. */

/* ------------------------------------------------- Close Home Corporate2 Page Code ----------------------------------------------------- */


/* ----------------------------------------------------------- Start Footer Section Code ------------------------------------------------- */

#MainFooter {
    padding: 0px 20px 25px 20px;
    background: #363636;
    border-top: 3px solid #2C2A29;
    margin-top: -10px;
}

.FooterTitleText, .FooterBtitle {
    color: #ffffff;
}

.FooterLogo {
    padding: 0px 0px 2px 0px;
    text-align: left;
}

    .FooterLogo img {
        width: 150px;
        height: auto;
    }

.fontColor1 {
    color: #fff;
    text-align: left;
    margin-left: -20px;
}

.FooterCellPadding {
    color: #ffffff;
    text-align: left;
    padding-top: 14px;
    font-size: 24px;
    margin-left: -20px;
}

.FooterTitle {
    color: #ffffff;
    padding-top: 40px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #f6f6f6;
}



/* Start Footer Recent Post */
.FooterPost Img {
    color: #ffffff;
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
}

.FooterPostTitle {
    color: #ffffff;
    padding-top: 20px;
}

.FooterPostTitle1 {
    padding-top: 7px;
    color: #ffffff;
}

.FooterPost img {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    border: 1px solid #f6f6f6;
    border-radius: 0px;
    width: 57px;
    height: 57px;
}

.FooterPost {
    text-align: left;
    color: inherit;
}

    .FooterPost a {
        color: #ffffff;
    }

        .FooterPost a:hover {
            text-decoration: none;
        }

.FooterDate {
    color: #ffffff;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
}


/* Start Footer Contact Us */
.FooterTitleText {
    color: #f5f5f5;
    padding-bottom: 7px;
}

.CS_List {
    padding-top: 0px;
}

    .CS_List li img {
        margin: 0px 10px 0px 0px;
    }

    .CS_List li {
        text-decoration: none;
        list-style: none;
        margin-top: -5px;
        width: 100%;
        display: block;
    }

        .CS_List li a {
            margin: 0px 0px;
            color: #ffffff;
            font: normal 14px;
            font-family: inherit;
            font-size: inherit;
            line-height: 30px;
        }

            .CS_List li a:hover {
                text-decoration: none;
                color: #303030;
            }

.ConList li a {
    color: #333;
}



/* Footer Photo Gallery Code*/
.FooterGalleryPicture {
    margin-top: 30px;
}

#prevArrow {
    background: url('../images/arrows.png') no-repeat;
}

#nextArrow {
    background: url('../images/arrows.png') no-repeat top right;
}

.GalleryPicture {
    padding-top: 8px;
}

p.PhotoAlbum {
    margin: 0 0 3px;
}

.PhotoAlbum img {
    width: 31.5%;
}

p.PhotoAlbum_1 {
    margin: 0 0 3px;
    text-align: center;
}

.PhotoAlbum_1 img {
    width: 31.5%;
}


.highlightit img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.highlightit:hover img {
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}



/* Start Footer CopyRight  */
#FooterCopyRight {
    padding: 15px 20px;
    border-top: 1px solid #090909;
    background: #202020;
}

.Copyright {
    padding: 0;
    color: inherit;
    float: left;
    text-align: right;
    padding-top: 8px;
}

.SkinObject {
    font-size: 12px;
    font-weight: normal;
}



/* Start Footer Nav  */
.FooterNav {
    float: right;
    text-align: right;
}

ul.f-nav {
    margin-top: 0;
    padding-left: 0;
}

.f-nav li {
    margin: 0 14px 0 0;
    list-style: none;
    float: left;
}

    .f-nav li a {
        text-decoration: none;
        color: #dbd9d9;
        font-size: 14px;
        text-align: center;
        font-family: ' 'Open Sans'', Helvetica Neue, Helvetica, Arial, sans-serif
    }

        .f-nav li a:hover {
            color: #000000;
        }



@media handheld, only screen and (max-width:767px) {

    h1, h2, h3, h4, h5, h6 {
        font-family: inherit;
        margin: 0;
        padding: 0;
    }

    h1 {
        font-size: 50px;
        font-weight: 600;
    }

    h2 {
        font-size: 45px;
        font-weight: 500;
    }

    h3 {
        font-size: 35px;
        font-weight: 400;
    }

    h4 {
        font-size: 25px;
        font-weight: 300;
    }

    h5 {
        font-size: 20px;
        font-weight: 300;
    }

    h6 {
        font-size: 16px;
        font-weight: 300;
    }


    /* Main home page code */
    .VideoButton {
        background: #017DC5;
        border-radius: 4px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        padding: 15px 10px 15px 10px;
    }

    .PortfolioTitle, .PortfolioTitle2nd {
        padding: 0px 20px 0px 20px;
    }

    .TenyPadding {
        padding: 0px 20px 0px 65px;
        margin-top: -53px;
    }

    .icon_top_03 {
        float: left;
        height: 140px;
        position: relative;
        border-bottom: 1px dashed #E5E5E5;
        margin-bottom: 30px;
    }

    .SpeedyDropDown .nav li li ul.subs {
        margin-top: 0px;
    }

    .SpeedyDropDown .nav > li > ul.subs > li > a:before, .SpeedyDropDown .nav > li > ul.Dropdown ul li a:before, .SubTitle > li > a:before, .SubTitle > li li a:before {
        position: relative;
    }

    .our-process {
        width: 100%;
        max-width: 100%;
    }

    .grow {
        display: block;
        text-align: center;
    }

    #Logo.LeftLogo a > img {
        padding-top: 8px;
    }

    .icon_top_03 {
        float: left;
        height: 160px;
        position: relative;
        border-bottom: 1px dashed #E5E5E5;
    }

    .our-process:before, .our-process:after, .our-process-item:after {
        bottom: -12px;
        color: #DDDDDD;
        content: none;
        font-size: 16px;
        font-family: "FontAwesome";
        left: -9px;
        position: absolute;
    }

    .our-process:after {
        bottom: -11px;
        content: none;
        left: auto;
        right: -8px;
    }


    #Logo.CLogo a > img {
        padding-top: 8px;
    }



    /* FooterSicialEffect Twiter */
    .SocialEffectTwiter {
        border-radius: 50%;
        background: rgba(255,255,255,0.1) !important;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 5px 4px 5px;
        color: #cfcfcf !important;
    }

        .SocialEffectTwiter:hover {
            background: #4EC7E8 !important;
            -webkit-transform: scale(0.93);
            -moz-transform: scale(0.93);
            -ms-transform: scale(0.93);
            transform: scale(0.93);
            color: #fff;
            font-size: 8px;
            padding: 4px 5px 4px 5px;
        }
    /* FooterSicialEffect Facebook */
    .SocialEffectFacebook {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 10px 4px 10px;
        color: #cfcfcf !important;
    }

        .SocialEffectFacebook:hover {
            background: #466CC0 !important;
            -webkit-transform: scale(0.93);
            -moz-transform: scale(0.93);
            -ms-transform: scale(0.93);
            transform: scale(0.93);
            color: #fff;
            font-size: 8px;
            padding: 4px 10px 4px 10px;
        }
    /* FooterSocialEffectLinkedin */
    .SocialEffectLinkedin {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectRss */
    .SocialEffectRss {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectPinterest  */
    .SocialEffectPinterest {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectYoutube  */
    .SocialEffectYoutube {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectSkype  */
    .SocialEffectSkype {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 4px 6px 4px 6px;
        color: #cfcfcf !important;
    }
    /*.FooterSocialEffectVimeo  */
    .SocialEffectVimeo {
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50%;
        -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
        -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
        transition: transform ease-out 0.1s, background 0.2s;
        font-size: 23px !important;
        padding: 3px 5px 3px 5px;
        color: #cfcfcf !important;
    }

    /* Home Left Menu page */
    .demo_area {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Home Corporate1 */
    .MetroSectionImageImg, .MCentered {
        text-align: center;
    }

    .MTtitle {
        font-size: 22px;
        padding: 10px 10px 5px 27px !important;
    }

    .Mpadding {
        padding-top: 10px;
    }

    .price_number {
        color: #636363;
    }

    .responsive-tabs__heading {
        padding: 12px 0 10px 5px;
    }


    /* Footer Part Code*/
    .FooterLogo {
        padding: 40px 0 2px;
        text-align: left;
    }

    .CS_List {
        text-align: left;
    }

    .MobileCenter {
        text-align: center;
        padding-bottom: 10px;
    }

    #Logo.LogoCenter {
        padding-top: 0px;
    }

    #Logo.LeftLogo {
        padding-top: 0px;
    }

    .MainHomePageGetStartText1 {
        line-height: 26px;
        text-align: center;
    }

    .GetStartButton {
        float: none !important;
        display: block;
    }

    a.BuyNowButton {
        float: none !important;
        display: block;
    }

    #Login-RegisterPane a {
        text-align: center;
        max-width: 100%;
        display: inline-block;
        margin: 0 auto;
    }

    .Copyright {
        text-align: center;
    }

    #spLogin {
        padding: 6px 30px 6px 0px;
    }

        #spLogin a {
            float: none;
        }
}


/* ----------------------------------------------------------- Close Footer Section Code ----------------------------------------------------------- */


/* menu module */
.MBtitle {
    padding: 20px 0 0;
}

.MTtitle {
    font-size: 22px;
    padding: 0 0 10px;
}

.MenuList.homelist1 {
    margin: 0;
}

.MenuList li i {
    display: block;
    padding-right: 10px;
    color: #333;
}

.Menugallery img {
    margin-bottom: 17px;
    width: 100%;
}

.BigSlideshow > img {
    height: 100%;
    width: 100%;
}

.BigSlideshow {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

    .BigSlideshow .caption {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: table-cell;
        vertical-align: middle;
        height: 45%;
        width: 55%;
        margin: auto;
        color: #fff;
    }

.TopSliderPane .bigslidertitle {
    font-size: 5em;
    padding: 10px;
    text-align: center;
    background: rgba(0,0,0, .2);
}

.TopSliderPane .myWords {
    background: #484848;
    font-size: 8em;
    text-align: center;
    font-weight: bold;
}


/*** Sidebar DropDown Menu ***/

.InnerBodyPage {
    margin-top: 3em;
}

#LeftSidebar {
    margin-top: 5px;
    border: 1px solid #e1e1e1;
    width: 100%;
    float: left;
}

    #LeftSidebar.SpeedyDropDown ul.nav > li {
        width: 100%;
    }

        #LeftSidebar.SpeedyDropDown ul.nav > li.parent a {
            background-image: url("../images/subArrowMain.png");
            background-repeat: no-repeat;
            background-position: 2% 50%;
            padding: 0 20px;
        }

        #LeftSidebar.SpeedyDropDown ul.nav > li.parent:hover a {
            background-image: url("../images/subArrow.png");
            background-repeat: no-repeat;
            background-position: 2% 50%;
        }

        #LeftSidebar.SpeedyDropDown ul.nav > li a {
            color: inherit;
            line-height: 46px;
            border-bottom: 1px solid #e1e1e1;
        }

            #LeftSidebar.SpeedyDropDown ul.nav > li a:hover {
                color: #fff;
            }

    #LeftSidebar.SpeedyDropDown .nav > li > ul.subs {
        position: relative;
        width: 100%;
    }

    #LeftSidebar.SpeedyDropDown ul.Dropdown {
        box-shadow: none;
    }

    #LeftSidebar.SpeedyDropDown ul.nav > li ul.Dropdown a {
        line-height: 36px;
        border-bottom: none;
    }

    #LeftSidebar.SpeedyDropDown ul.nav > li.parent ul.Dropdown li a {
        background-image: none;
    }


    /*** Sidebar Mega Menu ***/

    #LeftSidebar ul.subs {
        display: none;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SpCol01 {
        width: 100%;
        padding: 0;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SpCol02 {
        width: 100%;
        padding: 0;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SpCol03 {
        width: 100%;
        padding: 0;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SpCol04 {
        width: 100%;
        padding: 0;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li {
        list-style: none;
    }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.parent a {
            background-image: url("../images/subArrowMain.png");
            background-repeat: no-repeat;
            background-position: 2% 50%;
            padding: 0 20px;
        }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.parent ul.subs {
            position: relative;
            padding: 0;
            background: none;
        }

            #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.parent ul.subs li a {
                border-bottom: 1px solid #e1e1e1;
            }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.current.parent a {
            background-image: url("../images/subArrow.png");
        }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.parent:hover a {
            background-image: url("../images/subArrow.png");
            background-repeat: no-repeat;
            background-position: 2% 50%;
        }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li a {
            color: inherit;
            line-height: 36px;
            padding: 0px 0px 0px 15px;
        }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.current.parent a {
            color: #fff;
        }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.current.parent ul.subs li a {
            color: #333;
        }

            #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li a:hover,
            #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.current.parent ul.subs li a:hover {
                color: #fff;
            }

        #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.current.parent ul.subs li.active a {
            color: #fff;
        }

    #LeftSidebar.SpeedyDropDown ul.nav li.active > a {
        color: #FFFFFF;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li.parent ul.subs li a {
        background-image: none;
    }

    #LeftSidebar.SpeedyDropDown .MegaMenu .Span1, #LeftSidebar.SpeedyDropDown .MegaMenu .Span2,
    #LeftSidebar.SpeedyDropDown .MegaMenu .Span3, #LeftSidebar.SpeedyDropDown .MegaMenu .Span4,
    #LeftSidebar.SpeedyDropDown .MegaMenu .Span12 {
        border: 0;
        border-bottom: 4px solid inherit;
    }

    #LeftSidebar.SpeedyDropDown .SubTitle > li li a {
        margin-bottom: 0;
    }

    #LeftSidebar.SpeedyDropDown ul.nav .SubTitle li li a {
        line-height: 36px;
    }

    #LeftSidebar.SpeedyDropDown .SubTitle > li > a:before,
    #LeftSidebar.SpeedyDropDown .SubTitle > li li a:before {
        content: "";
        left: 0;
        width: 0;
    }

.SpeedyDropDown .nav li li ul.subs {
    margin-top: -32px;
}

@media handheld, only screen and (max-width:767px) {
    .SpeedyDropDown .nav li li ul.subs {
        margin-top: 0px;
        position: relative;
    }
}








/*****Custom Styles *****/
/*****End Custom Styles *****/