body {
    font-family:Roboto,sans-serif;
    color:#1b1b1b
}
body.bg-cover {
    background:#fff!important;
    background-image:none
}
.container,.jumbotron .container {
    width:auto;
    max-width:1140px
}
.site-wrapper {
    background:#fff;
    margin:auto;
    overflow:hidden;
    width:100%;
}
.title-line-service {
    background-color:#366fd6;
    height:2px;
    margin:25px 0;
    padding:0;
    width:36px
}
.font-blue {
    color:#58a04b;
    font-weight:800
}
.icon-box:hover .icons {
    transition-duration:1s;
    -webkit-transform:rotateZ(720deg);
    -moz-transform:rotateZ(720deg);
    transform:rotateZ(720deg)
}
.container-fluid > .navbar-collapse,.container-fluid > .navbar-header,.container > .navbar-collapse,.container > .navbar-header {
    margin:0
}
.container,.container-fluid {
    padding-left:0;
    padding-right:0
}
.logo_holder {
    float:left;
    width:100%;
    height:64px
}
.navbar-brand.logo {
    background:url(../images/logo.png) no-repeat
}
.navbar-brand.logo.blacklogo {
    background:url(../images/logo.png) no-repeat left 19px
}
.navbar-brand.logo.logo-white {
    background:url(../images/logo.png) no-repeat left 19px;
    margin-top:3px
}
.col-topbar {
    background:#222;
    border-bottom:solid 1px #e4e4e4
}
.col-topbar.padding {
    padding:8px 0
}
.col-topbar.cblue {
    background:#1cbac8;
    border-bottom:solid 0 #e4e4e4;
    color:#fff
}
.col-topbar.cblue ul li,.col-topbar.cblue ul li a,.col-topbar.cblue ul li i {
    color:#fff;
    transition:all .3s ease-out 0
}
.col-topbar.cblue ul li a:hover,.col-topbar.cblue ul li a:hover i,.col-topbar.cblue ul li i:hover {
    color:#000
}
ul.col-top-menu {
    text-align:left;
    margin:0;
    padding:8px 0 0
}
ul.col-top-menu li {
    display:inline-block;
    color:#9f9e9e;
    margin-left:32px
}
ul.col-top-menu li a {
    color:#9f9e9e
}
ul.col-top-menu li a:hover {
    color:#1cbac8
}
.col-topbar.black-bg {
    background:#222;
    border-bottom:solid 0 #e4e4e4
}
.col-topbar.black-bg ul.col-top-menu li a {
    color:gray
}
.col-topbar.black-bg ul.col-top-menu li a:hover {
    color:#c9c9c9
}
.col-topbar-white {
    background:#fff;
    border-top:solid 5px #f05d6b
}
.col-topbar-white.noborder {
    border-top:solid 0 #f05d6b
}
ul.col-top-menu.one li {
    margin-left:15px
}
ul.col-top-menu.one li span {
    padding:0 0 0 15px
}
ul.col-top-menu.one li.sign-in a {
    background:#f05d6b;
    color:#fff;
    padding:6px 18px
}
ul.col-top-menu.one li.sign-in:hover a {
    background:#101010
}
.skroll-header ul li.skroll-active a {
    color:#009ff0
}
.col-topbar.dark-bg {
    background:#000;
    border-bottom:solid 0 #e4e4e4
}
.icon {
    height:60px;
    width:60px;
    line-height:58px!important;
    z-index:5;
    font-size:20px!important;
    vertical-align:middle;
    text-align:center;
    transition:all .3s ease-out 0
}
.icon.circle {
    border-radius:100px
}
.icon.circle-white {
    height:50px;
    width:50px;
    line-height:45px!important;
    z-index:5;
    vertical-align:middle;
    text-align:center;
    border:solid 1px #fff;
    background:#fff;
    transition:all .3s ease-out 0;
    float:left;
    margin-right:15px
}
.icon.shape {
    border-radius:0 50px 50px 50px;
    background:#dcdcdc;
    line-height:70px!important;
    width:70px;
    height:70px
}
.feature-info {
    padding-right:0
}
.feature-info.p-left85 {
    padding-left:85px;
    padding-right:0
}
.box-icon {
    width:80px;
    height:80px;
    text-align:center;
    text-transform:uppercase
}
.box-icon.date {
    background-color:#009ff0;
    position:absolute;
    left:35px;
    top:20px;
    padding-top:23px
}
.box-icon.date.d-one {
    position:static
}
.box-icon.one {
    width:55px;
    height:55px;
    line-height:55px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    position:static;
    margin-top:15px
}
.box-icon.coments {
    background-color:#222;
    position:absolute;
    left:35px;
    top:100px;
    padding-top:23px
}
.box-icon.coments.one {
    width:55px;
    height:55px;
    line-height:55px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    position:static;
    margin-top:0
}
.box-icon.cats {
    background-color:#3e3e3e;
    position:absolute;
    left:15px;
    top:160px;
    line-height:80px
}
.icon.box-big {
    height:80px;
    width:80px;
    line-height:75px!important;
    z-index:5;
    font-size:25px!important;
    vertical-align:middle;
    text-align:center;
    border:solid 1px #fff;
    transition:all .3s ease-out 0
}
.icon.box-big.greybro {
    border:solid 1px #656565;
    transition:all .3s ease-out 0;
    color:#656565
}
.col-feature-box.active .icon.box-big,.col-feature-box:hover .icon.box-big {
    border:solid 1px #009ae8;
    background:#009ae8
}
.icon.box-border {
    height:76px;
    width:80px;
    line-height:72px!important;
    z-index:5;
    font-size:20px!important;
    vertical-align:middle;
    text-align:center;
    border:0;
    border-bottom:solid 4px #d5d5d5;
    transition:all .3s ease-out 0
}
.col-amg-services.active .icon.box-border,.col-amg-services:hover .icon.box-border {
    border-bottom:solid 4px #0081c2;
    background:#009ae8;
    color:#fff
}
.icon.border-right {
    height:90px;
    width:90px;
    line-height:85px!important;
    z-index:5;
    vertical-align:middle;
    text-align:center;
    border:0;
    border-right:solid 1px #c9c9c9;
    transition:all .3s ease-out 0
}
.div-line {
    width:1px;
    height:100%;
    background:#dedede;
    position:absolute;
    left:50%
}
.post-dis small {
    color:#adadad;
    font-size:13px
}
.post-dis small span {
    margin:0 15px
}
section {
    width:100%;
    float:left;
    height:auto!important
}
.section-lg {
    width:100%;
    float:left;
    margin:50px 0
}
.section-full {
    width:100%;
    float:left
}
.section-lg.one {
    width:100%;
    float:left;
    margin-top:6px
}
.section-lg.two {
    width:100%;
    float:left;
    margin-top:0
}
.section-lg.three {
    width:100%;
    float:left;
    margin-top:20px
}
.section-lg.four {
    width:100%;
    float:left;
    margin-top:50px
}
.section-lg-1 {
    width:100%;
    float:left;
    margin-top:50px;
    background-color:#f2f2f2
}
.section-lg-1.one {
    width:100%;
    float:left;
    margin-top:80px;
    background-color:transparent
}
.section-lg-1.two {
    width:100%;
    float:left;
    margin-top:20px;
    background-color:transparent
}
.section-lg-2 {
    width:100%;
    float:left;
    margin-top:40px;
    padding:70px 0 50px;
    border-bottom:solid 1px #d9d9d9;
    border-top:solid 1px #d9d9d9;
    background-color:#f2f2f2
}
.section-lg-2.one {
    padding:50px 0 20px
}
.section-lg.section-lg-grey {
    padding-top:80px;
    background:#f7f7f7;
    border-top:solid 1px #e6e6e6
}
.section-lg.section-lg-grey1 {
    background:#f7f7f7;
    margin-top:0
}
.section-lg.section-lg-grey2 {
    background:#e7e7e7;
    margin-top:20px;
    padding:100px 0
}
.section-lg.section-lg-grey3 {
    background:#e4e2e2;
    margin-top:0;
    padding:30px;
    border-bottom:solid 1px #e6e6e6
}
.section-lg.section-lg-black {
    background:#1a1a1a;
    margin-top:0;
    padding:100px 0
}
.section-lg.section-lg-green {
    background:#91c400;
    margin-top:0;
    padding:45px 0 70px
}
.section-lg.section-lg-green.one {
    padding:50px 0
}
.section-lg.grey-bg {
    padding:50px 0 40px;
    background:#eee;
    border-bottom:solid 1px #e2e1e1
}
.section-lg.grey-bg.col-nob {
    padding:50px 0 0
}
.box-border-1 {
    border-bottom:solid 1px #e3e2e2;
    border-top:0
}
.box-border-3 {
    border:solid 1px #e3e2e2;
    border-top:0
}
.box-border-2 {
    border:solid 1px #e3e2e2;
    border-top:0;
    border-bottom:0
}
.content-feature-1 {
    padding:0
}
.content-feature-1 > h3 {
    margin:20px 0
}
.fea-box {
    transition:all .3s ease-out 0
}
.fea-box.active-box,.fea-box:hover {
    background:#009ff0;
    color:#fff!important
}
.counters::before {
    background-color:#009ff0;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    top:130px;
    width:35px
}
.content-feature-col.one .feature-icon-col::before {
    left:100px
}
.sec-titiel::before {
    background-color:#009ff0;
    content:"";
    height:2px;
    left:18px;
    position:absolute;
    top:68px;
    width:50px
}
.sec-titiel.test::before {
    left:0;
    top:160px
}
.icon-box-col {
    width:78px;
    height:78px;
    line-height:63px;
    font-size:24px;
    color:#242424;
    border:solid 5px #d0cfcf;
    border-radius:100%;
    text-align:center;
    vertical-align:middle;
    float:left;
    transition:all .3s ease-out 0
}
.content-feature-col.active .icon-box-col,.content-feature-col:hover .icon-box-col {
    border:solid 5px #009ff0;
    background:#009ff0;
    color:#fff
}
.box-hover {
    background-image:url(../images/icon/image_sprites.png);
    background-repeat:no-repeat;
    background-position:-24px 27px;
    transform-style:preserve-3d;
    transition:all .4s ease
}
.box-hover:hover .icon-box-col {
    background-image:url(../images/icon/image_sprites.png);
    background-repeat:no-repeat;
    background-position:-30px 25px
}
.two-color-boxes {
    background:#242424 none repeat scroll 0 0;
    float:left;
    padding:70px 0 20px;
    position:relative;
    width:100%;
    z-index:9
}
.two-color-boxes::before {
    background-size:cover;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:50%;
    top:0;
    z-index:-1
}
.two-color-boxes-two {
    background:#009ff0 none repeat scroll 0 0;
    float:left;
    padding:70px 0 40px;
    position:relative;
    width:100%;
    z-index:9
}
.two-color-boxes-two::before {
    background:#000 none repeat scroll 0 0;
    background-size:cover;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:50%;
    top:0;
    z-index:-1
}
.two-color-boxes-bgimg {
    background-size:cover;
    float:left;
    padding:55px 0 20px;
    position:relative;
    width:100%;
    z-index:9
}
.two-color-boxes-bgimg.one {
    background:#D6EEFF;
    background-size:cover
}
.two-color-boxes-bgimg::before {
    background:#009ae8;
    background-size:cover;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:62%;
    top:0;
    z-index:-1
}
.two-boxes-bgimg {
    background:url(../images/site-img-136.jpg) no-repeat left top fixed;
    background-size:cover;
    float:left;
    position:relative;
    width:100%;
    z-index:9
}
.two-boxes-bgimg::before {
    background:#d6eeff;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:50%;
    top:0;
    z-index:-1
}
.small-thumb {
    float:right;
    margin:-40px 25px 0 0;
    position:relative;
    z-index:9999
}
.small-thumb img {
    border:solid 4px #fff;
    border-radius:100%
}
.property {
    background:#fff none repeat scroll 0 0;
    box-shadow:0 3px 4.7px .3px rgba(0,0,0,0.24);
    position:relative;
    transition:box-shadow .2s ease-in-out 0
}
.property:hover {
    box-shadow:0 39px 56.4px 3.6px rgba(0,0,0,0.24);
    transition:box-shadow .2s ease-in-out 0
}
.property:hover img {
    opacity:.5;
    transition:all .3s ease-out 0
}
.property-dis {
    padding:10px 30px 20px
}
.property-price {
    background-color:rgba(0,0,0,0.6);
    color:#fff;
    font-size:20px;
    font-weight:700;
    padding:5px 25px;
    position:absolute;
    right:0;
    margin-top:-38px;
    text-transform:uppercase;
    z-index:9
}
.two-color-box-img {
    background:#D6EEFF;
    background-size:cover;
    float:left;
    padding:70px 0 20px;
    position:relative;
    width:100%;
    z-index:9
}
.two-color-box-img::before {
    background:#f4f4f4 none repeat scroll 0 0;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:50%;
    top:0;
    z-index:-1
}
.dotlines {
    color:#999;
    margin:auto
}
ul.list-mid-line li {
    background:url(../images/dot-lines.png) no-repeat center 18px
}
.content-feature-2 {
    padding:0 0 40px
}
.feature-info > h3 {
    margin:0 0 18px;
    font-size:18px;
    transition:all .3s ease-out 0
}
.content-feature-2 i.icon {
    color:#fff;
    border:solid 1px #fff
}
.content-feature-2.active i.icon,.content-feature-2:hover i.icon {
    color:#fff;
    border:solid 1px #009ae8;
    background:#009ae8;
    background:url(../images/icon/icon-black-5.png) no-repeat
}
.content-feature-2.active .feature-info > h3,.content-feature-2:hover .feature-info > h3 {
    background:url(../images/icon/home-icon-5.png) no-repeat
}
.grid-col {
    padding:100px 0!important;
    text-align:left!important;
    width:100%
}
.col-mdl-1 {
    width:50%
}
.col-mdl-2 {
    margin-left:55%
}
.fbox-image {
    border-bottom:solid 4px #dedede;
    padding-bottom:10px;
    transition:all .3s ease-out 0
}
.col-sm-3:hover .fbox-image {
    border-bottom:solid 4px #1cbac8
}
.how-works {
    padding-bottom:50px
}
.how-works > i {
    transition:all .3s ease-out 0
}
.how-works:hover i {
    color:#009ff0!important
}
.icon-circle {
    width:130px;
    height:130px;
    line-height:170px;
    color:#656565;
    background:#fff;
    border-radius:100%;
    margin:auto;
    text-align:center;
    vertical-align:middle;
    transition:all .3s ease-out 0
}
.how-works:hover .icon-circle {
    color:#fff;
    background:#009ff0
}
.small-circle-no {
    width:50px;
    height:50px;
    line-height:50px;
    color:#fff;
    font-size:20px;
    font-weight:700;
    background:#009ff0;
    border-radius:100%;
    text-align:center;
    vertical-align:middle;
    transition:all .3s ease-out 0;
    margin:-55px 0 0 60%
}
.how-works:hover .small-circle-no {
    color:#009ff0;
    background:#fff
}
.team-list:hover img {
    opacity:.7;
    transition:all .3s ease-out 0
}
.f-list.active .shape,.f-list:hover .shape {
    background:#009ff0;
    color:#fff
}
.f-list.active h3,.f-list:hover h3 {
    color:#009ff0
}
.col-video {
    background:#1cbac8;
    padding:20px 0;
    padding-right:7%
}
.col-video.black-bg {
    background:#000;
    padding:20px 0;
    padding-right:7%
}
.col-video i {
    padding:15px 0 0 30px
}
.col-parallax {
    background:#0896a2;
    padding:20px 0;
    padding-left:7%
}
.col-parallax.grey-bg {
    background:#3e3e3e
}
.col-parallax i {
    padding:15px 30px 0 0
}
.col-test {
    background:url(../images/bg-texture-4.png) repeat left top;
    padding:100px 40px 150px 80px
}
.col-test .carousel-inner img {
    display:inline
}
.col-test .carousel-inner p {
    line-height:35px
}
.col-test .carousel-indicators {
    bottom:-60px
}
.small-test {
    font-size:13px;
    color:#9e9e9e;
    font-style:italic
}
.col-test .carousel-indicators li {
    background-color:#cecece;
    border:0;
    width:12px;
    height:12px;
    margin:0 6px 0 0
}
.col-test .carousel-indicators .active {
    background-color:#009ff0;
    border:0!important
}
.col-testi {
    padding:100px 80px 0
}
.col-test-2 {
    margin:100px auto auto
}
.col-test-2 p {
    line-height:35px
}
.col-test-2 .carousel-inner {
    width:85%;
    margin:auto
}
.col-test-2 .carousel-indicators {
    bottom:-60px
}
.col-test-3 {
    margin:auto;
    float:none
}
.col-test-3 .item p {
    line-height:30px
}
.col-test-3 .carousel-indicators {
    bottom:-45px;
    left:28.8%;
    width:35%
}
.col-test-3 .carousel-indicators li {
    background-color:#7d7c7c;
    border-color:#7d7c7c;
    border-radius:5px;
    height:4px;
    margin:0;
    width:60px
}
.col-test-3 .carousel-indicators .active {
    background-color:#009ff0;
    border:0!important
}
.col-test-4 {
    margin:auto;
    float:none;
    width:85%
}
.col-test-4 p {
    line-height:35px
}
.col-test-4 .carousel-indicators {
    bottom:-50px
}
.col-test-5 {
    margin:0
}
.col-test-5 .carousel-indicators {
    bottom:-80px
}
.col-test-5 .carousel-indicators li {
    border-color:#f67b00
}
.col-test-5 .carousel-indicators .active {
    background:#f67b00;
    border-color:#f67b00
}
.img-shape {
    background:url(../images/site-img-49.png) no-repeat right top;
    width:50px;
    height:100%;
    z-index:999;
    position:absolute;
    right:0;
    float:right
}
.review-info {
    background:#fff;
    text-align:left;
    padding:12px 10px 8px 0
}
.clent-thumb {
    text-align:left;
    margin-top:-15px
}
.review-info5 {
    padding:25px;
    text-align:left
}
.col-test-5.one .carousel-indicators li {
    border-color:#f05d6b
}
.col-test-5.one .carousel-indicators .active {
    background:#f05d6b;
    border-color:#f05d6b
}
.side-image {
    float:left;
    width:100%;
    padding:0;
    position:relative;
    margin-top:0
}
.side-image .background-image-holder {
    top:0
}
.side-image .col-scon-info {
    padding:50px 7% 50px 30px;
    text-align:left
}
.side-image {
    background:url(../images/parallax_bg_13.jpg) no-repeat center bottom fixed;
    background-size:cover;
    padding-bottom:50px
}
.col-simg {
    width:40%
}
.col-scon-info {
    margin-left:42.5%
}
.side-image .image-container {
    height:100%;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:0
}
.background-image-holder {
    background-position:50% 50%!important;
    background-size:cover!important;
    height:100%;
    left:0;
    position:absolute;
    top:95px;
    width:100%;
    z-index:0;
    background:url(../images/site-img-126.jpg) repeat scroll 50% 0 rgba(0,0,0,0)
}
.u-line {
    background:#e8e8e8;
    display:block;
    height:4px;
    margin:0 auto;
    position:relative;
    top:15px;
    width:50px
}
.figure-box {
    float:left;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;
    width:100%
}
.fig-title {
    background:rgba(0,0,0,0.6) none repeat scroll 0 0;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.table {
    display:table;
    height:100%;
    margin:0;
    position:relative;
    text-align:center;
    width:100%;
    z-index:2
}
.table .inner {
    display:table-cell;
    vertical-align:middle
}
.table .inner span {
    height:1px;
    width:30px;
    background:#fff;
    display:inline-block;
    transition:all .3s ease-out 0
}
.p-box:hover .table .inner span {
    width:120px
}
.table .inner a {
    font-size:30px;
    color:#fff
}
.newsletter {
    margin:auto;
    float:none
}
.input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn {
    height:56px;
    font-size:16px;
    padding:10px 20px;
    transition:all .3s ease-out 0
}
.input-group-lg > .form-control.one {
    height:42px;
    font-size:14px;
    padding:10px 20px;
    border-radius:0;
    transition:all .3s ease-out 0
}
.input-group-lg.one > .form-control,.input-group-lg.one > .input-group-addon,.input-group-lg.one > .input-group-btn > .btn {
    height:45px
}
.searchbox {
    width:80%;
    float:right;
    right:10%
}
.col-date-comment {
    width:60px;
    float:left
}
.col-post-dis {
    padding-left:85px
}
.col-post-dis.noleftpad {
    padding-left:0
}
.box-one {
    background:#1e9a5f;
    padding:70px 35px
}
.box-two {
    background:#27a66a;
    transition:all .3s ease-out 0
}
.box-three {
    background:#2cae70
}
.section-full .box-one:hover {
    background:#000
}
button.form-button {
    background-color:#f8f8f8;
    border:solid 1px #ccc;
    border-radius:0;
    border-left:0;
    height:42px;
    left:auto;
    margin:0;
    padding:13px;
    position:absolute;
    width:58px;
    color:#666
}
.dom-list {
    display:inline-block;
    float:left;
    position:relative;
    margin-right:40px
}
.dom-but {
    background:#fff none repeat scroll 0 0;
    border-radius:5px;
    box-shadow:1px 1px 2px transparent;
    color:#656565;
    display:inline-block;
    float:left;
    margin-right:20px;
    overflow:hidden;
    padding:4px 10px;
    position:relative;
    text-align:center;
    transition:all .2s ease-out 0;
    z-index:1
}
.dom-but::before {
    background:#fff none repeat scroll 0 0;
    border-radius:50%;
    content:"";
    height:20px;
    left:50%;
    opacity:0;
    position:absolute;
    top:50%;
    transform:scale(0);
    transition:all .2s ease-out 0;
    width:20px;
    z-index:-1
}
.dom-but span {
    display:block;
    font-size:14px;
    font-weight:700;
    transition:all .2s ease-out 0;
    z-index:1
}
.dom-but p {
    color:#656565;
    display:block;
    font-size:14px;
    font-weight:300;
    transition:all .2s ease-out 0;
    z-index:1;
    margin-bottom:0
}
.dom-but:hover {
    background:#fff none repeat scroll 0 0;
    box-shadow:1px 1px 2px rgba(0,0,0,0.1);
    color:#3c3c3c
}
.dom-but:hover::before {
    opacity:1;
    transform:scale(6)
}
.input-text {
    color:#656565;
    font-size:14px;
    height:50px;
    min-width:340px;
    padding-left:15px
}
.input-text-full {
    color:#656565;
    font-size:14px;
    height:50px;
    width:100%;
    padding-left:15px;
    margin-bottom:10px
}
.input-text-70 {
    color:#656565;
    font-size:14px;
    height:50px;
    width:70%;
    padding-left:15px
}
select.selectpicker {
    color:#656565;
    font-size:14px;
    height:50px;
    min-width:160px;
    margin-left:10px;
    padding-left:15px
}
select.selectpicker-full {
    color:#656565;
    font-size:14px;
    height:50px;
    width:100%;
    margin-left:0;
    padding-left:15px;
    margin-bottom:10px
}
.title1 h2 {
    color:#222;
    font-size:30px;
    font-weight:400;
    position:relative
}
.title1 h2 em {
    color:#656565;
    display:block;
    font-style:normal;
    font-weight:400;
    line-height:20px;
    margin:50px auto 0;
    text-transform:none;
    width:80%;
    font-size:15px
}
.title1 .line {
    background:#009ae8;
    display:block;
    height:2px;
    margin:0 auto;
    position:relative;
    top:85px;
    width:50px
}
.title1 .line.greyline {
    background:#7c7b7b;
    display:block;
    height:4px;
    margin:0;
    position:relative;
    top:135px;
    width:80px
}
.title1 .line.greyline.one {
    top:75px
}
.title1 .line.one {
    top:135px
}
.page-header {
    background:url(../images/site-img-100.jpg) no-repeat scroll center top;
    background-size:cover;
    float:left;
    height:158px;
    margin:0;
    padding-top:50px;
    width:100%
}
.page-header-seo {
    background:url(../images/seo/seo.jpg) no-repeat scroll center top;
    background-size:cover;
    float:left;
    height:158px;
    margin:0;
    padding-top:50px;
    width:100%
}
.page-header-consulting {
    background:url(../images/seo/consulting.jpg) no-repeat scroll center top;
    background-size:cover;
    float:left;
    height:158px;
    margin:0;
    padding-top:50px;
    width:100%
}
.page-header.one {
    background:url(../images/site-img-96.jpg) no-repeat scroll center top;
    background-size:cover
}
.page-header.two {
    background:url(../images/site-img-97.jpg) no-repeat scroll center top;
    background-size:cover
}
.page-header.three {
    background:url(../images/site-img-98.jpg) no-repeat scroll center top;
    background-size:cover
}
.page-header.four {
    background:url(../images/site-img-99.jpg) no-repeat scroll center top;
    background-size:cover
}
.page-header.five {
    background:url(../images/site-img-100.jpg) no-repeat scroll center top;
    background-size:cover
}
.page-header.six {
    background:url(../images/site-img-101.jpg) no-repeat scroll center top;
    background-size:cover;
    height:95px;
    padding-top:30px
}
.page-header.seven {
    background:url(../images/site-img-199.jpg) no-repeat scroll center top;
    background-size:cover;
    height:auto;
    padding-top:30px
}
.pagenation {
    color:#fff;
    font-size:14px;
    font-weight:400;
    margin:23px 0 0;
    text-align:right!important;
    text-transform:uppercase
}
.pagenation.one {
    color:#fff;
    font-size:14px;
    font-weight:400;
    margin:8px 0 0;
    text-align:right!important;
    text-transform:uppercase
}
.pagenation a:hover {
    color:#fff
}
.pagenation i {
    color:#a2a2a2;
    padding:0 5px
}
.pagenation-blog {
    text-align:center
}
ul.pagenation-list {
    display:inline-block;
    margin:0;
    padding:0
}
ul.pagenation-list > li {
    display:inline-block;
    list-style:outside none none
}
ul.pagenation-list li a {
    background-color:#e4e4e4;
    border-radius:100%;
    color:#161616;
    display:inline-block;
    height:35px;
    line-height:35px;
    margin:0 10px 0 0;
    padding:0;
    text-align:center;
    width:35px
}
ul.pagenation-list li a:hover {
    background-color:#666;
    color:#fff
}
.countdown-header {
    background:url(../images/parallax_bg_12.jpg) no-repeat scroll center top;
    float:left;
    margin:0;
    padding:60px 0 80px;
    width:100%;
    text-align:center
}
.bg-overlay {
    background:url(../images/shape.png) no-repeat center top;
    padding:100px 0 20px
}
.bg-overlay.one {
    padding:100px 0 0
}
.bg-overlay.two {
    background:#000;
    padding:20px 0
}
.bg-overlay-black {
    background:rgba(0,0,0,0.7);
    display:inline-block;
    padding:25.2% 0 15px;
    position:absolute;
    width:100%;
    height:100%;
    top:0
}
.bg-overlay-black1 {
    background:rgba(0,0,0,0.95);
    display:inline-block;
    padding:100px 0 50px;
    width:100%;
    height:100%;
    top:0
}
.bg-overlay-black2 {
    background:rgba(0,0,0,0.95);
    display:inline-block;
    padding:100px 0;
    width:100%;
    height:100%;
    margin-bottom:-5px;
    top:0
}
.bg-overlay-black1.one {
    margin-bottom:-5px
}
.callto-action {
    background:#45be84;
    padding:20px 0 30px
}
.callto-action-black {
    background:#D6EEFF;
    padding:20px 0 30px
}
.bg-parallax {
    background:#009ff0;
    width:100%;
    float:left
}
.bg-parallax1 {
    background:url(../images/parallax_bg_2.jpg) no-repeat center bottom fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 50px
}
.bg-parallax1.one {
    background:url(../images/parallax_bg_2.jpg) no-repeat center bottom fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:0
}
.bg-parallax1.two {
    background:url(../images/parallax_bg_2.jpg) no-repeat center bottom fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:0 0 30px
}
.bg-parallax1.three {
    background:url(../images/parallax_bg_2.jpg) no-repeat center bottom fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:60px 0 80px;
    margin-top:0
}
.bg-parallax2 {
    background:url(../images/parallax_bg_3.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:0
}
.bg-parallax2.one {
    background:url(../images/parallax_bg_9.jpg) no-repeat center top fixed;
    background-size:cover;
    margin-top:40px
}
.bg-parallax2.two {
    background:url(../images/parallax_bg_16.jpg) no-repeat center top fixed;
    background-size:cover;
    margin-top:45px
}
.bg-parallax2.three {
    background:url(../images/parallax_bg_19.jpg) no-repeat center top fixed;
    background-size:cover
}
.bg-parallax3 {
    background:url(../images/parallax_bg_4.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 0
}
.bg-parallax3.one {
    padding:60px 0 0;
    margin-top:0
}
.bg-parallax3.two {
    padding:60px 0 45px;
    margin-top:30px
}
.bg-parallax4 {
    background:url(../images/parallax_bg_5.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 60px
}
.bg-parallax4.one {
    padding:60px 0 80px;
    margin-top:50px
}
.bg-parallax4.greycolor {
    background:#f8f8f8
}
.bg-parallax5 {
    background:url(../images/parallax_bg_6.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 140px
}
.bg-parallax5.one {
    background:url(../images/parallax_bg_2.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:50px 0
}
.bg-parallax5.two {
    background:url(../images/parallax_bg_25.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:50px 0 80px
}
.bg-parallax6 {
    background:url(../images/parallax_bg_7.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:0
}
.bg-parallax7 {
    background:url(../images/parallax_bg_8.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:0
}
.bg-parallax8 {
    background:url(../images/parallax_bg_10.jpg) repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 100px
}
.bg-parallax8.one {
    background:url(../images/parallax_bg_24.jpg) repeat center top fixed;
    margin-top:40px
}
.bg-parallax9 {
    background:url(../images/parallax_bg_11.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:0
}
.bg-parallax10 {
    background:url(../images/parallax_bg_12.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 50px
}
.bg-parallax11 {
    background:url(../images/parallax_bg_13.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:50px
}
.bg-parallax12 {
    background:url(../images/parallax_bg_14.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:50px
}
.bg-parallax13 {
    background:url(../images/parallax_bg_15.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:50px 0 80px;
    margin-top:50px
}
.bg-parallax14 {
    background:url(../images/parallax_bg_17.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:50px
}
.bg-parallax15 {
    background:url(../images/parallax_bg_18.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:50px
}
.bg-parallax16 {
    background:url(../images/parallax_bg_20.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 60px;
    margin-top:80px
}
.bg-parallax17 {
    background:url(../images/parallax_bg_21.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0 30px;
    margin-top:20px
}
.bg-parallax18 {
    background:url(../images/parallax_bg_22.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:60px 0 30px;
    margin-top:20px
}
.bg-parallax19 {
    background:url(../images/parallax_bg_26.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0
}
.bg-parallax20 {
    background:url(../images/parallax_bg_27.jpg) no-repeat center top fixed;
    background-size:cover;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:30px
}
.bg-shape-half {
    background:#009ff0;
    background-size:cover;
    float:left;
    padding:50px 0 70px;
    position:relative;
    width:100%;
    z-index:9
}
.bg-shape-half::before {
    background:url(../images/bg-texture-5.png) repeat right top;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:51%;
    top:0;
    z-index:-1
}
.bg-shape-half-white {
    background:#fff;
    background-size:cover;
    float:left;
    padding:50px 0 70px;
    position:relative;
    width:100%;
    z-index:9
}
.bg-shape-half-white::before {
    background:url(../images/bg-texture-5.png) repeat right top;
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:51%;
    top:0;
    z-index:-1
}
.bg-shape-image {
    background:url(../images/parallax_bg_9.jpg) fixed repeat right top;
    background:cover;
    float:left;
    padding:30px 0;
    position:relative;
    width:100%;
    z-index:9
}
.bg-shape-image::before {
    background:rgba(0,0,0,0.9);
    bottom:0;
    content:"";
    left:0;
    position:absolute;
    right:50%;
    top:0;
    z-index:-1
}
.bg-shape-image.style-one {
    background:#dee3e9 url(../images/parallax_bg_16.jpg) no-repeat center top
}
.bg-shape-image.style-two {
    background:#181818 url(../images/parallax_bg_19.jpg) no-repeat center top
}
.bg-shape-image.style-three {
    background:#181818 url(../images/parallax_bg_7.jpg) cover top;
    padding-bottom:40px
}
.bg-shape-image.style-four {
    background:#181818 url(../images/parallax_bg_23.jpg) no-repeat center top fixed;
    padding-bottom:40px
}
.bg-texture {
    background:url(../images/bg-texture-1.jpg) repeat center top;
    width:100%;
    float:left;
    padding:70px 0 30px
}
.bg-texture1 {
    background:url(../images/footer-texture-2.png) repeat center top;
    width:100%;
    float:left;
    padding:80px 0 60px;
    margin-top:60px
}
.bg-texture1.one {
    padding:70px 0 80px;
    margin-top:10px
}
.bg-texture2 {
    background:url(../images/bg-texture-1.jpg) repeat center top;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:80px
}
.bg-texture2.one {
    padding:80px 0 60px
}
.bg-texture2.two {
    padding:60px 0
}
.bg-texture3 {
    background:url(../images/bg-texture-3.jpg) repeat center top;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:0
}
.bg-texture3.one {
    background:url(../images/bg-texture-3.jpg) repeat center top;
    width:100%;
    float:left;
    padding:60px 0 70px;
    margin-top:0
}
.bg-texture5 {
    background:url(../images/bg-texture-4.png) repeat center top;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:0
}
.bg-texture6 {
    background:url(../images/footer-texture-2.png) repeat center top;
    width:100%;
    float:left;
    padding:80px 0;
    margin-top:0
}
.bg-texture6.one {
    background:url(../images/bg-texture-1.jpg) repeat center top
}
.bg-texture4 {
    background:url(../images/bg-texture-5.png) no-repeat right top
}
.bg-topshape {
    background:url(../images/shape.png) no-repeat scroll center top;
    width:100%;
    float:left;
    padding-top:100px
}
.bg-color {
    background:#009ff0;
    width:100%;
    float:left
}
.bg-shape {
    background:url(../images/shape-blue.jpg) no-repeat center top;
    padding-top:110px;
    width:100%;
    float:left
}
.col-padd {
    padding:50px 0 80px
}
.counters1 {
    padding:50px 0;
    transition:all .3s ease-out 0
}
.counters1 i {
    display:block;
    margin-bottom:10px
}
.counters1 p {
    margin:auto
}
.counters2 {
    margin-bottom:50px
}
.counters2 .circle {
    border:solid 5px #1cbac8;
    border-radius:100%;
    width:215px;
    height:215px;
    padding-top:15%;
    margin:auto
}
.counters2 span {
    color:#fff!important;
    font-size:60px
}
.counters3 {
    margin:0
}
.seperator-small {
    border-bottom:1px solid #eee;
    height:.65em;
    margin:0 auto;
    vertical-align:top;
    width:10%
}
.tab-style1 {
    margin:0;
    padding:0
}
.tab-style1 .nav-tabs {
    border:0;
    padding-left:9.2%
}
.tab-style1 .nav-tabs > li > a {
    margin-right:0;
    transition:all .3s ease-out 0;
    font-size:13px;
    text-align:center
}
.tab-style1 .nav > li:first-child > a {
    border-left:solid 1px #e3e2e2
}
.tab-style1 .nav-tabs > li > a,.tab-style1 .nav-tabs > li > a:focus {
    color:#656565;
    border-right:solid 1px #e3e2e2;
    border-radius:0;
    border-bottom:0;
    border-top:0
}
.tab-style1 .nav > li > a:focus,.tab-style1 .nav > li > a:hover {
    background:#fff;
    border-bottom:0;
    border-top:0
}
.tab-style1 .nav-tabs > li.active > a,.tab-style1 .nav-tabs > li.active > a:focus,.tab-style1 .nav-tabs > li.active > a:hover {
    color:#656565;
    border-bottom:0;
    border-top:0;
    border-color:#e3e2e2
}
.tab-style1 .nav-tabs > li.active > a > i {
    color:#009ff0
}
.tab-style1 .nav > li > a {
    padding:10px 65px!important
}
.tab-style1 .nav > li > a > i {
    display:inherit;
    color:#dcdcdc;
    transition:all .3s ease-out 0
}
.tab-style2 {
    background:#fff;
    padding:30px;
    border:solid 1px #ddd;
    border-top:0
}
.nav > li > a {
    color:#666
}
.nav > li > a:hover {
    color:#009ff0
}
.nav.tabs-style1 > li:last-child > a {
    padding-right:20px
}
.nav-tabs.tabs-style2 {
    border:0
}
.nav-tabs.tabs-style2 > li {
    margin:0 10px 30px 0
}
.nav-tabs.tabs-style2 > li > a {
    padding:18px 45px;
    border-width:0;
    color:#222;
    border-radius:0;
    background-color:#fff
}
.nav-tabs.tabs-style2 > li.active > a,.nav-tabs.tabs-style2 > li.active > a:focus,.nav-tabs.tabs-style2 > li.active > a:hover {
    background-color:#45be84;
    border-color:#ddd #ddd transparent;
    border-image:none;
    border-style:solid;
    border-width:0;
    color:#fff;
    border-radius:0;
    padding:18px 45px
}
.nav-tabs.tabs-style2 > li:last-child a {
    padding:18px 45px
}
.tab-style3 {
    padding:0;
    border-top:0
}
.nav.tabs-style4 {
    border:0
}
.nav.tabs-style4 > li {
    float:none;
    display:inline-block
}
.nav.tabs-style4 > li.active > a,.nav.tabs-style4 > li.active > a:focus,.nav.tabs-style4 > li.active > a:hover {
    border:0;
    color:#f05d6b;
    background-color:transparent
}
.nav.tabs-style4 > li a {
    padding:5px;
    background-color:transparent;
    border:0
}
.nav.tabs-style4 > li > a:hover {
    background-color:transparent;
    border:0
}
.nav.tabs-style4 > li a span {
    padding:0 5px 0 15px;
    color:#666
}
.collaps1 {
    width:100%!important
}
.collaps1 .panel-default > .panel-heading {
    background-color:#009ff0;
    border:0;
    border-radius:0!important;
    color:#fff
}
.collaps1 .panel-heading {
    padding:18px
}
.collaps1 .panel-default,.panel-group .panel-heading + .panel-collapse > .list-group,.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-color:#009ff0
}
.collaps1 .panel {
    box-shadow:0 0 0 rgba(0,0,0,0.05)
}
.collaps1 .panel-group .panel + .panel {
    margin-top:10px!important
}
.ser-panel .panel-group {
    width:100%
}
.ser-panel .panel-heading {
    padding:15px
}
.progress {
    height:14px
}
.progress-info {
    margin-bottom:10px
}
.header-section {
    float:left;
    width:100%;
    padding:0;
    position:relative;
    margin-top:0
}
.page_header {
    background:url(../images/site-img32.html) no-repeat scroll center top rgba(0,0,0,0);
    float:left;
    height:300px;
    margin:0;
    padding:95px 0 0;
    text-align:center;
    width:100%
}
.team {
    position:relative;
    width:100%;
    margin:0;
    float:left
}
.team-img {
    opacity:1;
    width:100%;
    height:100%;
    margin:0;
    position:relative;
    left:0;
    top:0;
    margin:0;
    overflow:hidden;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out
}
.team-img .team-image {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:100%
}
.team-img .team-image.circle img {
    border-radius:100%
}
.team-img .team-social {
    position:absolute;
    background:#000;
    width:100%;
    height:100%;
    text-align:center;
    color:#fff;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:opacity .5s ease-in-out;
    -moz-transition:opacity .5s ease-in-out;
    -ms-transition:opacity .5s ease-in-out;
    -o-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out
}
.team-img .team-social:hover {
    opacity:1;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out;
    background:url(../images/site-img17.png) left top repeat
}
.team-img .team-social.textinfo {
    line-height:250px
}
.team-img .team-social a.so-circle {
    position:absolute;
    width:45px;
    height:45px;
    left:57px;
    top:0;
    padding:0;
    margin:0;
    background-color:#3b5998;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    transition-property:background-color,color;
    transition:top .3s ease-in-out;
    transition-timing-function:ease-out
}
.team-img .team-social a.so-circle.three:hover,.team-img .team-social a.so-circle.two:hover,.team-img .team-social a.so-circle:hover {
    background-color:#fff;
    transition-property:background-color,color;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.team-img .team-social a.so-circle.two:hover i,.team-img .team-social a.so-circle:hover i {
    color:#272727;
    transition-property:color;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.team-img .team-social a.so-circle i {
    color:#fff;
    font-size:20px;
    text-align:center;
    line-height:50px
}
.team-img .team-social:hover .so-circle {
    transition:top .3s ease-in-out;
    left:57px;
    top:112px
}
.team-img .team-social a.so-circle.two {
    left:112px;
    top:0;
    transition:top .5s ease-in-out;
    background-color:#00acee
}
.team-img .team-social:hover .so-circle.two {
    transition:top .5s ease-in-out;
    left:112px;
    top:112px
}
.team-img .team-social a.so-circle.three {
    left:167px;
    top:0;
    transition:top .5s ease-in-out;
    background-color:#dd4b39
}
.team-img .team-social:hover .so-circle.three {
    transition:top .5s ease-in-out;
    left:167px;
    top:112px
}
.team:hover .team-desc {
    background:#e6e6e6
}
.team-desc {
    border:solid 1px #e6e6e6;
    border-top:0;
    padding:30px 0;
    transition:all .3s ease-out 0
}
.team-desc h4 {
    margin-top:0
}
.team-desc.style1 {
    border:0;
    border-bottom:solid 1px #e6e6e6;
    border-top:solid 1px #e6e6e6;
    padding:20px 0;
    transition:all .3s ease-out 0
}
.team-col {
    float:left;
    margin:0;
    overflow:hidden;
    padding:0;
    position:relative;
    width:100%
}
.team-col.imgbox {
    float:left;
    margin:0;
    padding:0;
    width:100%
}
.team-col .team-overlay {
    margin:0;
    padding:0;
    position:absolute;
    top:345px;
    transition:top .3s ease-in-out 0;
    width:100%;
    z-index:100;
    text-align:center
}
.team-thumb.active .team-col .team-overlay,.team-thumb:hover .team-col .team-overlay {
    position:absolute;
    top:217px;
    background:#009ae8;
    padding:13px 0
}
.team-thumb .team-col .team-overlay a {
    color:#fff;
    padding:0 10px
}
.team-thumb .team-col .team-overlay a:hover {
    color:#000
}
.team-thumb .team-dis {
    border-bottom:solid 1px #e6e6e6;
    padding:20px;
    width:100%;
    float:left;
    transition:top .3s ease-in-out 0
}
.team-thumb.active .team-dis,.team-thumb:hover .team-dis {
    border-bottom:solid 1px #dcdcdc;
    background:#f6f6f6
}
.col-img-hover {
    position:relative;
    width:100%;
    padding:10px;
    margin:0;
    float:left;
    border:1px solid #e1e1e1
}
.img-hover-st-1 {
    position:relative;
    width:100%;
    height:235px;
    padding:0;
    margin:0;
    float:left;
    overflow:hidden
}
.img-hover-st-1 .text {
    position:absolute;
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:233px;
    left:0;
    top:0;
    z-index:10;
    background-color:#1cbac8;
    transition:left .3s ease-in-out
}
.img-hover-st-1 .text.red {
    background-color:#e71a1a
}
.img-hover-st-11 .text.green {
    background-color:#3fc35f
}
.img-hover-st-1 .text.violet {
    background-color:#8a5ed9
}
.img-hover-st-1 .imgbox {
    position:absolute;
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:235px;
    left:0;
    top:0;
    z-index:100;
    transition:top .3s ease-in-out
}
.imgbox img {
    width:100%
}
.img-hover-st-1 .text .title {
    color:#fff;
    margin:15px 0 0 19px
}
.img-hover-st-1 .text p {
    color:#fff;
    font-weight:400;
    margin:5px 15px 0 19px
}
.img-hover-st-1 .text a {
    color:#fff;
    margin:15px 15px 0 19px
}
.img-hover-st-1 .text a:hover {
    color:#161616
}
.img-hover-st-1:hover .imgbox {
    position:absolute;
    top:250px;
    transition:top .3s ease-in-out
}
.img-hover-st-2 {
    opacity:1;
    width:100%;
    height:235px;
    margin:0;
    position:relative;
    left:0;
    top:0;
    margin:0;
    overflow:hidden;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out
}
.img-hover-st-2 .imgbox {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:235px
}
.img-hover-st-2 .text {
    position:absolute;
    background:#000;
    width:100%;
    height:235px;
    text-align:center;
    color:#fff;
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:opacity .5s ease-in-out;
    -moz-transition:opacity .5s ease-in-out;
    -ms-transition:opacity .5s ease-in-out;
    -o-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out
}
.img-hover-st-2 .text:hover {
    opacity:1;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out;
    background:url(../images/site-img5.png) left top repeat
}
.img-hover-st-2 .text a.hov_circle {
    position:absolute;
    width:50px;
    height:50px;
    left:63px;
    top:0;
    padding:0;
    margin:0;
    background-color:#1cbac8;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    overflow:hidden;
    transition-property:background-color,color;
    transition:top .3s ease-in-out;
    transition-timing-function:ease-out
}
.img-hover-st-2 .text a.hov_circle.two:hover,.img-hover-st-2 .text a.hov_circle:hover {
    background-color:#fff;
    transition-property:background-color,color;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.img-hover-st-2 .text a.hov_circle.two:hover i,.img-hover-st-2 .text a.hov_circle:hover i {
    color:#272727;
    transition-property:color;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.img-hover-st-2 .text a.hov_circle.two {
    left:118px;
    top:0;
    transition:top .5s ease-in-out;
    background-color:#8dba13
}
.img-hover-st-2 .text a.hov_circle i {
    color:#fff;
    font-size:20px;
    text-align:center;
    line-height:50px
}
.img-hover-st-2 .text:hover .hov_circle {
    transition:top .3s ease-in-out;
    left:65px;
    top:100px
}
.img-hover-st-2 .text:hover .hov_circle.two {
    transition:top .5s ease-in-out;
    left:122px;
    top:100px
}
.img-hover-st-3 {
    opacity:1;
    width:100%;
    height:235px;
    margin:0;
    position:relative;
    left:0;
    top:0;
    margin:0;
    overflow:hidden;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out
}
.img-hover-st-3 .imgbox {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:220px
}
.img-hover-st-3 .text {
    width:100%;
    height:235px;
    position:absolute;
    background:#000;
    color:#fff;
    top:0;
    left:0;
    opacity:0;
    overflow:hidden;
    -webkit-transition:opacity .5s ease-in-out;
    -moz-transition:opacity .5s ease-in-out;
    -ms-transition:opacity .5s ease-in-out;
    -o-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out
}
.img-hover-st-3 .text:hover {
    opacity:1;
    -webkit-transition:opacity .25s ease-in-out;
    -moz-transition:opacity .25s ease-in-out;
    -ms-transition:opacity .25s ease-in-out;
    -o-transition:opacity .25s ease-in-out;
    transition:opacity .25s ease-in-out;
    background:url(../images/site-img5.png) left top repeat
}
.img-hover-st-3 .text h3 {
    position:absolute;
    color:#fff;
    font-size:16px;
    font-weight:600;
    left:5px;
    top:220px;
    margin:15px 0 0 19px;
    transition:top .4s ease-in-out
}
.img-hover-st-3 .text p {
    position:absolute;
    color:#fff;
    font-size:14px;
    font-weight:400;
    left:5px;
    line-height:18px;
    top:255px;
    text-align:left;
    margin:15px 0 0 19px;
    transition:top .6s ease-in-out
}
.img-hover-st-3 .text a {
    position:absolute;
    font-weight:400;
    left:0;
    top:320px;
    text-align:left;
    margin:0 0 0 19px;
    transition:top .7s ease-in-out;
    overflow:hidden
}
.img-hover-st-3 .text:hover h3 {
    position:absolute;
    left:5px;
    top:20px;
    transition:top .4s ease-in-out
}
.img-hover-st-3 .text:hover p {
    position:absolute;
    left:5px;
    top:50px;
    transition:top .6s ease-in-out
}
.img-hover-st-3 .text:hover a {
    position:absolute;
    left:0;
    top:136px;
    transition:top .7s ease-in-out
}
.img-hover-st-4 {
    position:relative;
    width:100%;
    height:235px;
    padding:0;
    margin:0;
    float:left;
    overflow:hidden
}
.img-hover-st-4 .imgbox {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:220px
}
.img-hover-st-4 .text {
    position:absolute;
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:235px;
    left:0;
    top:192px;
    z-index:100;
    background:url(../images/site-img5.png) left top repeat;
    transition:top .3s ease-in-out
}
.img-hover-st-4 .text h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin:15px 0 0 19px
}
.img-hover-st-4 .text h3 span {
    color:#fff;
    font-size:13px;
    text-transform:none
}
.img-hover-st-4 .text p {
    color:#fff;
    font-weight:400;
    margin:5px 15px 0 19px
}
.img-hover-st-4 .text a {
    margin:8px 15px 0 19px
}
.img-hover-st-4:hover .text {
    position:absolute;
    top:20px;
    transition:top .3s ease-in-out
}
.img-hover-st-4 .container {
    border-top:1px solid #e1e1e1;
    padding-top:50px
}
.img-hover-st-5 {
    position:relative;
    width:100%;
    height:235px;
    padding:0;
    margin:0;
    float:left;
    overflow:hidden
}
.img-hover-st-5 .imgbox {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:220px
}
.img-hover-st-5 .text {
    position:absolute;
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:235px;
    left:-270px;
    top:0;
    z-index:100;
    transition:left .5s ease-in-out;
    background:url(../images/site-img5.png) left top repeat
}
.img-hover-st-5 .text h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin:15px 0 0 19px
}
.img-hover-st-5 .text p {
    color:#fff;
    font-weight:400;
    margin:5px 15px 0 19px
}
.img-hover-st-5 .text a {
    margin:8px 15px 0 19px
}
.img-hover-st-5:hover .text {
    position:absolute;
    left:0;
    transition:left .5s ease-in-out
}
.img-hover-st-6 {
    position:relative;
    width:100%;
    height:235px;
    padding:0;
    margin:0;
    float:left;
    overflow:hidden
}
.img-hover-st-6 .imgbox {
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:235px
}
.img-hover-st-6 .text {
    position:absolute;
    padding:0;
    margin:0;
    float:left;
    width:100%;
    height:235px;
    left:0;
    top:250px;
    z-index:100;
    transition:top .3s ease-in-out;
    background:url(../images/site-img5.png) left top repeat
}
.img-hover-st-6 .text h3 {
    color:#fff;
    font-size:16px;
    font-weight:600;
    margin:15px 0 0 19px
}
.img-hover-st-6 .text p {
    color:#fff;
    font-weight:400;
    margin:5px 15px 0 19px
}
.img-hover-st-6 .text a.readmore_small {
    margin:10px 0 0 28px;
    padding:4px 15px
}
.img-hover-st-6 .text a.readmore_small.green {
    margin:10px 0 0 5px
}
.img-hover-st-6:hover .text {
    position:absolute;
    top:185px;
    transition:top .3s ease-in-out
}
.btn {
    padding:10px 35px;
    font-size:13px
}
.black {
    border:1px solid #121212;
    background-color:#121212;
    color:#fff
}
.black:after {
    background-color:#000
}
.black:hover {
    border-color:#000;
    background-color:transparent;
    color:#000
}
.button a.whte-border {
    border:solid 1px #fff;
    border-radius:30px;
    padding:15px 45px;
    color:#fff
}
.button a.black-border {
    border:solid 1px #fff;
    border-radius:30px;
    padding:15px 45px;
    color:#000000;
}
.button a.whte-border:hover {
    border:solid 1px #009ff0;
    background:#009ff0
}
.button a.grey-border {
    border:solid 1px #8d8d8d;
    border-radius:30px;
    padding:10px 20px;
    color:#8d8d8d
}
.button a.grey-border:hover {
    border:solid 1px #8d8d8d;
    color:#707070
}
.button a.white-bordersmal {
    border:solid 1px #fff;
    border-radius:30px;
    padding:10px 20px;
    color:#fff
}
.button a.white-bordersmal:hover {
    border:solid 1px #555;
    color:#555
}
.button a.grey-border-large {
    border:solid 1px #8d8d8d;
    border-radius:30px;
    padding:8px 30px;
    color:#8d8d8d
}
.button a.grey-border-large:hover,.pricing-box.one.active .button a.grey-border-large,.pricing-box.one:hover .button a.grey-border-large {
    border:solid 1px #fff;
    background:#fff;
    color:#1cbac8
}
.button a.blue-btn {
    border:0;
    background:#009ae8;
    border-radius:0;
    padding:18px 35px;
    color:#fff;
    font-size:14px
}
.button a.blue-btn:hover {
    border:solid 0;
    background:#424a4c;
    color:#fff
}
.button a.blue-btn.active {
    border:solid 0;
    background:#fff;
    color:#009ae8
}
.black-button {
    border:solid 1px #222;
    border-radius:30px;
    background:#222;
    padding:10px 20px;
    color:#fff;
    border-radius:5px;
    padding:14px 25px;
    margin-left:10px;
    margin-top:-2px;
    transition:all .3s ease-out 0
}
.black-button:hover {
    border:solid 1px #222;
    color:#fff;
    background:#000
}
.black-button.fullwide {
    width:100%
}
.black-button.small {
    border:solid 1px #222;
    border-radius:30px;
    background:#222;
    padding:10px 15px!important;
    color:#fff;
    border-radius:0;
    margin-left:10px;
    margin-top:-2px;
    transition:all .3s ease-out 0
}
.black-button.small:hover {
    background:#525252
}
.black-button.small-xs {
    border:solid 1px #fff;
    border-radius:30px;
    background:#fff;
    padding:6px 15px!important;
    color:#000;
    border-radius:0;
    margin-left:20px;
    margin-top:9px;
    transition:all .3s ease-out 0
}
.black-button.small-xs:hover {
    background:#3d3d3d;
    border:solid 1px #3d3d3d;
    color:#fff
}
.button a.boxed-color {
    border:0;
    background:#91c400;
    border-radius:0;
    padding:18px 25px;
    color:#fff;
    font-size:14px
}
.button a.boxed-color:hover {
    border:solid 0;
    background:#fff;
    color:#000
}
.button a.boxed-color.active {
    border:solid 0;
    background:#fff;
    color:#000
}
.button a.boxed-color.one {
    border:0;
    background:#91c400;
    border-radius:5px;
    padding:15px 40px;
    color:#fff;
    font-size:14px
}
.button a.boxed-color.one:hover {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color.one.active {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color-lg {
    border:0;
    background:#1cbac8;
    border-radius:0;
    padding:18px 45px;
    color:#fff;
    font-size:14px;
    margin-bottom:30px
}
.button a.round {
    border-radius:6px!important
}
.button a.round.border {
    border-radius:6px!important;
    background-color:transparent;
    border:solid 1px #414141;
    color:#414141
}
.button a.round.border:hover {
    border:solid 1px #414141
}
.button a.boxed-color-lg.red {
    background:#ff2023
}
.button a.boxed-color-lg.blue {
    background:#009ff0
}
.button a.boxed-color-lg.green {
    background:#449d44
}
.button a.boxed-color-lg.orange {
    background:#f67b00
}
.button a.boxed-color-lg:hover {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color-lg.active {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color-sm {
    border:0;
    background:#366fd6;
    border-radius:0;
    color:#fff;
    font-size:14px
}
.button a.boxed-color-sm.red {
    background:#ff2023
}
.button a.boxed-color-sm.blue {
    background:#366fd6
}
.button a.boxed-color-sm.green {
    background:#449d44
}
.button a.boxed-color-sm.orange {
    background:#f67b00
}
.button a.boxed-color-sm:hover {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color-sm.active {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color-xs {
    border:0;
    background:#1cbac8;
    border-radius:0;
    padding:10px 20px;
    color:#fff;
    font-size:14px;
    margin-bottom:30px
}
.button a.boxed-color-xs.red {
    background:#ff2023
}
.button a.boxed-color-xs.blue {
    background:#009ff0
}
.button a.boxed-color-xs.green {
    background:#449d44
}
.button a.boxed-color-xs.orange {
    background:#f67b00
}
.button a.boxed-color-xs:hover {
    border:solid 0;
    background:#000;
    color:#fff
}
.button a.boxed-color-xs.active {
    border:solid 0;
    background:#000;
    color:#fff
}
.list-items li {
    margin-bottom:15px
}
.list-st1 {
    float:left;
    margin:0 0 10px;
    padding:0;
    width:100%
}
.list-st1 .fa-icon {
    background-color:#1cbac8;
    border-radius:100%;
    color:#fff;
    float:left;
    height:32px;
    line-height:32px;
    margin:0 10px 0 0;
    padding:0;
    text-align:center;
    transition:all .3s ease-out 0;
    width:32px
}
.list-st1:hover .fa-icon {
    background-color:#222
}
.list-st1 .text {
    display:block;
    margin:0;
    padding:5px 0 0 42px
}
.list-st1.two {
    float:left;
    margin:0 0 10px;
    padding:0;
    width:100%
}
.list-st1.two .fa-icon {
    background-color:#fff;
    border:1px solid #1cbac8;
    border-radius:100%;
    color:#1cbac8;
    float:left;
    height:32px;
    line-height:30px;
    margin:0 10px 0 0;
    padding:0;
    text-align:center;
    width:32px
}
.list-st1.two:hover .fa-icon {
    border:1px solid #222;
    color:#222
}
.list-st1.two .text {
    display:block;
    margin:0;
    padding:0 0 0 42px
}
.list-st3 {
    float:left;
    margin:0 0 10px;
    padding:0;
    width:100%
}
.list-st3 .fa-icon {
    border:1px solid #1cbac8;
    border-radius:100%;
    color:#1cbac8;
    float:left;
    font-size:12px;
    height:18px;
    line-height:15px;
    margin:3px 0 0;
    padding:0;
    text-align:center;
    width:18px
}
.list-st3 .text {
    display:block;
    margin:0;
    padding:0 0 0 28px
}
.call-to-action {
    border:1px solid #e7e7e7;
    border-radius:4px;
    float:left;
    margin:0 0 30px;
    padding:20px;
    width:100%
}
.flip {
    -webkit-perspective:800;
    -ms-perspective:800;
    -moz-perspective:800;
    -o-perspective:800;
    width:100%;
    height:298px;
    position:relative;
    margin:25px auto
}
.flip .card.flipped {
    transform:rotatey(-180deg);
    -ms-transform:rotatey(-180deg);
    -moz-transform:rotatey(-180deg);
    -webkit-transform:rotatey(-180deg);
    -o-transform:rotatey(-180deg)
}
.flip .card {
    width:100%;
    height:298px;
    -webkit-transform-style:preserve-3d;
    -webkit-transition:.5s;
    -moz-transform-style:preserve-3d;
    -moz-transition:.5s;
    -ms-transform-style:preserve-3d;
    -ms-transition:.5s;
    -o-transform-style:preserve-3d;
    -o-transition:.5s;
    transform-style:preserve-3d;
    transition:.5s
}
.flip .card .face {
    width:100%;
    height:298px;
    position:absolute;
    z-index:2;
    text-align:center;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden
}
.flip .card .front {
    position:absolute;
    z-index:1;
    background:#000;
    color:#fff;
    cursor:pointer
}
.flip .card .back {
    background:#009ff0;
    color:#fff;
    cursor:pointer;
    padding:30px;
    transform:rotatey(-180deg);
    -ms-transform:rotatey(-180deg);
    -moz-transform:rotatey(-180deg);
    -webkit-transform:rotatey(-180deg);
    -o-transform:rotatey(-180deg)
}
.flip {
    -webkit-perspective:800;
    -ms-perspective:800;
    -moz-perspective:800;
    -o-perspective:800;
    width:100%;
    height:298px;
    position:relative;
    margin:25px auto
}
.flip .cardv.flippedv {
    transform:rotatex(-180deg);
    -ms-transform:rotatex(-180deg);
    -moz-transform:rotatex(-180deg);
    -webkit-transform:rotatex(-180deg);
    -o-transform:rotatex(-180deg)
}
.flip .cardv {
    width:100%;
    height:298px;
    -webkit-transform-style:preserve-3d;
    -webkit-transition:.5s;
    -moz-transform-style:preserve-3d;
    -moz-transition:.5s;
    -ms-transform-style:preserve-3d;
    -ms-transition:.5s;
    -o-transform-style:preserve-3d;
    -o-transition:.5s;
    transform-style:preserve-3d;
    transition:.5s
}
.flip .cardv .face {
    width:100%;
    height:298px;
    position:absolute;
    z-index:2;
    text-align:center;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden
}
.flip .cardv .front {
    position:absolute;
    z-index:1;
    background:#000;
    color:#fff;
    cursor:pointer
}
.flip .cardv .back {
    background:#009ff0;
    color:#fff;
    cursor:pointer;
    padding:30px;
    transform:rotatex(-180deg);
    -ms-transform:rotatex(-180deg);
    -moz-transform:rotatex(-180deg);
    -webkit-transform:rotatex(-180deg);
    -o-transform:rotatex(-180deg)
}
.divider-ls {
    border-top:1px solid #ff7713;
    height:25px;
    margin:0 auto 45px;
    opacity:.5;
    width:12%
}
.divider-d-dashed {
    border-bottom:1px dashed #d7d7d7;
    border-top:1px dashed #d7d7d7;
    float:left;
    height:5px;
    margin:10px 0 45px;
    width:100%
}
.divider-s-line {
    border-bottom:1px solid #e5e5e5;
    float:left;
    margin-bottom:45px;
    padding-top:0;
    width:100%
}
.divider-d-line {
    border-bottom:1px solid #bfbdbdbd;
    border-top:1px solid #bfbdbdbd;
    float:left;
    height:5px;
    margin:20px 0 0;
    width:100%
}
.divider-s-dashed {
    border-top:1px dashed #d7d7d7;
    float:left;
    margin:15px 0 45px;
    width:100%
}
.twitter {
    margin:0
}
.twitter ul {
    margin:0;
    padding:0
}
.twitter ul li i {
    font-size:16px;
    color:#fff;
    padding-right:5px
}
.twitter ul li {
    border-bottom:solid 1px #3d3d3d;
    margin-bottom:25px;
    padding-bottom:25px
}
.twitter ul li:last-child {
    border-bottom:0
}
.twitter ul li a {
    color:#727272;
    font-size:12px
}
.twitter ul li a:hover {
    color:#fff
}
.flickr_widget {
    width:100%;
    padding:30px 30px 17px;
    margin:0 0 40px;
    float:left;
    border:1px solid #d9d9d9
}
.flickr_widget img {
    width:65px;
    height:65px;
    margin-right:8px;
    margin-bottom:8px;
    border:0 solid #999!important;
    transition-property:background-color,color;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.flickr_widget img:hover {
    border:2px solid #009ff0!important;
    transition-property:background-color,color;
    transition-duration:.3s;
    transition-timing-function:ease-out
}
.cat-title {
    background:#000;
    padding:20px
}
.cat-list ul {
    margin:0;
    padding:0
}
.cat-list ul li {
    border:solid 1px #ddd;
    border-top:solid 0 #ddd;
    padding:15px 20px
}
.cat-list ul li a {
    color:#222
}
.pro-list h2 {
    padding-bottom:10px;
    border-bottom:solid 1px #ddd;
    margin:0 0 30px
}
.pro-list .product-desc {
    float:left;
    width:100%
}
.product-title {
    font-size:20px
}
.product-title a {
    color:#222;
    font-weight:300
}
.pro-imgage {
    float:left;
    margin:0;
    overflow:hidden;
    padding:0;
    position:relative;
    width:100%
}
.pro-imgage.imgbox {
    float:left;
    margin:0;
    padding:0;
    width:100%
}
.pro-imgage .product-overlay {
    margin:0;
    padding:0;
    position:absolute;
    top:345px;
    transition:top .3s ease-in-out 0;
    width:100%;
    z-index:100;
    text-align:center
}
.pro-imgage .product-overlay a.add-to-cart {
    padding:12px 10px;
    background:#efefef;
    color:#15181a;
    font-family:Roboto,sans-serif
}
.pro-imgage .product-overlay a:hover.add-to-cart {
    padding:12px 16px;
    background:#15181a;
    color:#fff
}
.product:hover .pro-imgage .product-overlay {
    position:absolute;
    top:287px;
    transition:top .3s ease-in-out 0
}
.product-desc {
    float:left;
    width:100%
}
.white-bg-color {
    background:#fff
}
.recommend-content .item {
    border-bottom:solid 1px #ddd;
    padding-bottom:15px;
    margin-bottom:5px;
    overflow:hidden
}
.recommend-content .item.lst {
    border:0
}
.item-thumb {
    border:1px solid #e1e1e1;
    float:left;
    margin-right:20px
}
.item-content a {
    color:#222;
    font-size:16px
}
.item-content a:hover {
    color:#000;
    font-size:16px
}
.error404 {
    margin:0 auto;
    padding:0;
    text-align:center;
    width:60%
}
.pricing-box {
    border:solid 1px #e3e3e3;
    padding:40px 0
}
.pricing-box.active {
    border:solid 1px #009ae8;
    background:#009ae8;
    padding:40px 0
}
.price h4 {
    line-height:20px
}
ul.plan-list {
    padding:0;
    margin:0
}
ul.plan-list li {
    margin:25px 0
}
ul.plan-list.one li {
    margin:15px 0
}
ul.plan-list.two li {
    padding:11px 25px;
    margin:0;
    border-top:solid 1px #e3e2e2
}
ul.plan-list.two li:last-child {
    border-bottom:solid 1px #e3e2e2
}
.pricing-box.one {
    border:0;
    background:#f4f4f4;
    padding:60px 0;
    transition:all .3s ease-out 0
}
.pricing-box.one.active,.pricing-box.one:hover {
    background:#1cbac8;
    color:#fff;
    transform:scale(1.1)
}
.pack-title {
    background:#1cbac8;
    width:40%;
    padding:4px 0;
    margin:auto;
    color:#fff
}
.pricing-box.one.active .pack-title,.pricing-box.one:hover .pack-title {
    background:#fff;
    color:#1cbac8
}
.price h4 span.align-top {
    margin-left:-20px;
    margin-top:-10px;
    position:absolute
}
.pricing-box.one h4 span {
    color:#1cbac8
}
.pricing-box.one.active h4 span,.pricing-box.one:hover h4 span {
    color:#fff
}
.pricing-box.two {
    border:solid 1px #e3e2e2;
    background:#fff;
    padding:60px 0;
    transition:all .3s ease-out 0
}
.pricing-box.two.active {
    border:solid 1px #009ae8;
    background:#009ae8;
    transform:scale(1.1)
}
.price-info {
    background:#fff;
    border-radius:100%;
    text-align:center;
    font-size:18px;
    font-style:italic;
    color:#979898;
    width:120px;
    height:120px;
    padding-top:30px;
    position:absolute;
    z-index:999
}
.pricing-box.three {
    border:solid 0 #e3e2e2;
    background:#fff;
    padding:0;
    transition:all .3s ease-out 0
}
.pricing-box.three.active {
    border:solid 0 #e3e2e2;
    background:#fff;
    padding:20px 0;
    transform:scale(1.1);
    -webkit-box-shadow:0 0 10px 5px rgba(0,0,0,0.28);
    -moz-box-shadow:0 0 10px 5px rgba(0,0,0,0.28);
    box-shadow:0 0 10px 5px rgba(0,0,0,0.28);
    z-index:99
}
.price-info.black-bg {
    background:#000;
    border-radius:100%;
    text-align:center;
    font-size:18px;
    font-style:italic;
    color:#fff;
    width:120px;
    height:120px;
    padding-top:30px;
    position:absolute;
    z-index:999;
    margin-left:50px
}
form .input-b-line {
    border:none;
    border-bottom:solid 1px #515151;
    background-color:transparent;
    height:45px;
    width:100%;
    font-size:14px;
    color:#656565;
    padding:5px
}
form .input-b-line.gery,form textarea.gery {
    border:none;
    border-bottom:solid 1px #c2c2c2
}
form textarea {
    border:none;
    border-bottom:solid 1px #515151;
    background-color:transparent;
    height:125px;
    width:100%;
    font-size:14px;
    color:#656565;
    padding:5px
}
form .submit-btn {
    font-size:16px;
    font-weight:700;
    border:0;
    color:#fff;
    width:200px;
    height:55px;
    background:#009ff0;
    text-transform:uppercase;
    cursor:pointer;
    transition:all .3s ease-out 0
}
form .submit-btn:hover {
    background:#fff;
    color:#009ff0;
    transition:all .3s ease-out 0
}
footer {
    width:100%;
    float:left;
    padding:70px 0 30px;
    margin:0;
    color:#727272
}
.footer-bg {
    background:url(../images/footer-texture-1.jpg) repeat left top
}
.footer-bg.one {
    background:url(../images/footer-texture-2.jpg) repeat center top
}
.footer-bg-color {
    background:#161616;
    padding:10px 0 0
}
.footer-bg-color.whitebg {
    background:#fff;
    padding:65px 0 20px
}
.title-line {
    background-color:#fff;
    height:2px;
    margin:0 auto 25px 0;
    padding:0;
    width:36px
}
.title-line.wide50 {
    height:2px;
    width:50px
}
.title-line.color {
    background-color:#009ff0
}
.title-line.white {
    background-color:#fff
}
ul.address-info {
    margin:0;
    padding:0
}
ul.address-info.map {
    background:url(../images/map.png) no-repeat center bottom;
    padding-bottom:10px
}
ul.address-info li {
    margin-bottom:15px
}
ul.address-info i {
    font-size:20px;
    margin-right:10px
}
ul.address-info.one li {
    margin-bottom:40px
}
ul.list-info {
    margin:0;
    padding:0
}
ul.list-info li {
    margin-bottom:15px
}
footer a,ul.list-info li a {
    color:#727272
}
footer a:hover,ul.list-info li a:hover {
    color:#fff
}
.c-post-content a:hover,ul.list-info.one li a:hover {
    color:#5a5a5a
}
.c-post {
    border-bottom:solid 1px #3d3d3d;
    margin-bottom:25px
}
.c-post.one {
    border-bottom:solid 1px #ddd;
    margin-top:25px;
    padding-bottom:10px
}
.whitebg .col-md-3 .c-post {
    border-bottom:solid 1px #d8d8d8
}
.c-post.c-post-last,.whitebg .col-md-3 .c-post.c-post-last {
    border-bottom:solid 0 #3d3d3d
}
.c-post-img {
    float:left;
    height:72px;
    position:relative;
    width:68px
}
.c-post-content {
    padding-left:80px
}
.c-post-content p span {
    font-size:12px
}
.post-info {
    border-bottom:1px solid #e4e4e4;
    border-top:1px solid #e4e4e4;
    float:left;
    margin:0 0 20px;
    padding:10px 0;
    width:100%
}
.comment-list {
    margin-bottom:25px
}
.tags-b {
    border-radius:6px;
    color:#d7d7d7;
    display:block;
    margin:0 5px 10px 0
}
.tags-s {
    border:solid 1px #505050;
    border-radius:4px;
    color:#727272;
    padding:8px 14px;
    margin:0 5px 5px 0;
    display:inline-block
}
.tags-s:hover {
    border:solid 1px #000;
    background:#000;
    border-radius:4px;
    color:#fff;
    padding:8px 15px;
    margin:0 5px 5px 0;
    display:inline-block
}
.con-icons {
    width:18%;
    float:left
}
.con-info {
    float:right;
    width:78%
}
.con-info h3 {
    margin-top:0;
    color:#222
}
.content-container {
    background:rgba(255,0,0,0.1) none repeat scroll 0 0;
    margin-top:10px;
    text-align:center;
    width:100%;
    border:0
}
iframe {
    border:0
}
.panel-group.fullwide {
    width:100%
}
.fa-social-icons {
    text-align:center;
    font-size:45px;
    padding:20px 0;
    transition:all .3s ease-out 0
}
.fa-social-icons a,.fa-social-icons a:hover {
    color:#fff
}
.facebook-icon {
    background:#1852a9
}
.twitter-icon {
    background:#26d3f9
}
.google-icon {
    background:#da4835
}
.linkedin-icon {
    background:#007ab9
}
.instagram-icon {
    background:#4878a0
}
.vimeo-icon {
    background:#0a9cc1
}
.facebook-icon:hover,.google-icon:hover,.instagram-icon:hover,.linkedin-icon:hover,.twitter-icon:hover,.vimeo-icon:hover {
    background:#222
}
ul.social-icons {
    margin:0;
    padding:0;
    float:left
}
ul.social-footer-icons {
    margin:0;
    padding:0;
    float:left;
    display:inline-flex
}
ul.social-icons li {
    float:left;
    margin:0 8px 0 0;
    padding:0
}
ul.social-icons li i {
    color:#919191;
    font-size:18px;
}
@media only screen and (max-width: 479px) {
    .ul.social-icons li i {
        font-size:18px;
    }
}
ul.social-icons li a {
    background-color:#595959;
    border-radius:100%;
    color:#919191;
    float:left;
    font-size:14px;
    height:36px;
    line-height:36px;
    margin:0;
    padding:0;
    text-align:center;
    width:36px
}
/* ul.social-icons li a:hover {
    background-color:#fff
} */
ul.social-icons li a:hover i {
    color:#ffffff;
}
ul.social-icons.style-two {
    margin:0 -10px 0 0;
    padding:0;
    float:right
}
ul.social-icons.style-two li a {
    background-color:transparent;
    width:auto;
    padding-right:5px;
    margin-right:10px
}
ul.social-icons.style-three {
    margin:0;
    float:right
}
ul.social-icons.style-three li a {
    height:30px;
    line-height:30px;
    width:30px
}
ul.social-icons.style-four {
    float:none
}
ul.social-icons.style-four li {
    float:none;
    display:inline-block
}
ul.social-icons.style-five {
    float:right;
    display:inline-block;
    margin-top:14px
}
ul.social-icons.style-five.one {
    float:left
}
ul.social-icons.style-five li {
    margin-left:5px;
    margin-right:0
}
ul.social-icons.style-five li a,ul.social-icons.style-five li i {
    border-radius:0;
    color:#fff
}
ul.social-icons.style-five.one.circle li a {
    border-radius:100%
}
ul.social-icons.style-five li.facebook a {
    background:#3c599b
}
ul.social-icons.style-five li.twitter a {
    background:#00abf0
}
ul.social-icons.style-five li.linkedin a {
    background:#007bb6
}
ul.social-icons.style-five li.google-plus a {
    background:#dd4c39
}
ul.social-icons.style-five li.pinterest a {
    background:#ef1438
}
ul.social-icons.style-five li.skype a {
    background:#13caff
}
ul.social-icons.style-five li.dribbble a {
    background:#f5699a
}
ul.social-icons.style-five li.wordpress a {
    background:#2472a2
}
ul.social-icons.style-five li.android a {
    background:#8ec429
}
ul.social-icons.style-five li.windows a {
    background:#23c5f1
}
ul.social-icons.style-five li.renren a {
    background:#025dac
}
ul.social-icons.style-five li.apple a {
    background:#a6a8a7
}
ul.social-icons.style-five li.faqq a {
    background:#1f1f1f
}
ul.social-icons.style-five li.weixin a {
    background:#1a1a1a
}
ul.social-icons.style-five li.youtube a {
    background:#cb3235
}
ul.social-icons.style-five li.rss a {
    background:#ffa336
}
ul.social-icons.style-five li.flickr a {
    background:#ee1a89
}
ul.social-icons.style-five li.whatsapp a {
    background:#1f9e11
}
ul.social-icons.style-five li a:hover {
    background:#fff
}
ul.social-icons.style-five.style-five.one li a:hover {
    background:#000
}
ul.social-icons.style-five.style-five.one li a i {
    color:#fff
}
ul.social-icons.style-five.ltside {
    float:left
}
.fa-social-icons.sty-six {
    text-align:center;
    font-size:45px;
    padding:20px 0;
    transition:all .3s ease-out 0
}
.fa-social-icons.sty-six li a,.fa-social-icons.sty-six li a:hover {
    color:#fff;
    background:#000
}
ul.social-icons.sty-six {
    margin:20px 0 0;
    padding:0;
    float:left
}
ul.social-icons.sty-six li {
    float:left;
    margin:0 8px 0 0;
    padding:0
}
ul.social-icons.sty-six li i {
    color:#919191
}
ul.social-icons.sty-six li a {
    background-color:#595959;
    border-radius:0;
    color:#919191;
    float:left;
    font-size:14px;
    height:36px;
    line-height:36px;
    margin:0;
    padding:0;
    text-align:center;
    width:36px
}
ul.social-icons.sty-six li a:hover {
    background-color:#000
}
ul.social-icons.sty-six li a:hover i {
    color:#fff
}
ul.social-icons.sty-six.circle li a {
    background-color:#009ff0;
    border-radius:100%;
    color:#fff;
    float:left;
    font-size:14px;
    height:36px;
    line-height:36px;
    margin:0;
    padding:0;
    text-align:center;
    width:36px
}
ul.social-icons.sty-six.circle li a:hover {
    background-color:#000
}
ul.social-icons.sty-six.circle li a i {
    color:#fff
}
ul.social-icons.sty-six.circle li a:hover i {
    color:#fff
}
ul.social-icons.sty-six.boxed li a {
    background-color:#fff;
    border:solid 1px #d3d3d3;
    border-radius:0;
    color:#919191;
    float:left;
    font-size:14px;
    height:36px;
    line-height:36px;
    margin:0;
    padding:0;
    text-align:center;
    width:36px
}
ul.social-icons.sty-six.boxed li a:hover {
    background-color:#000
}
ul.social-icons.sty-six.boxed li a i {
    color:#595959
}
ul.social-icons.sty-six.boxed li a:hover i {
    color:#fff
}
ul.social-icons.sty-six.border li a {
    background-color:#fff;
    border:solid 1px #d3d3d3;
    border-radius:100%;
    color:#919191;
    float:left;
    font-size:14px;
    height:36px;
    line-height:36px;
    margin:0;
    padding:0;
    text-align:center;
    width:36px
}
ul.social-icons.sty-six.border li a:hover {
    background-color:#000;
    border:solid 1px #000
}
ul.social-icons.sty-six.border li a i {
    color:#595959
}
ul.social-icons.sty-six.border li a:hover i {
    color:#fff
}
.flickr-widget img {
    border:0 solid #999!important;
    height:58px;
    margin-bottom:6px;
    margin-right:6px;
    transition-duration:.3s;
    transition-property:background-color,color;
    transition-timing-function:ease-out;
    width:58px
}
.copyrights {
    width:100%;
    float:left;
    background:#252525;
    margin:0;
    padding:8px 0
}
.copyrights.one {
    background:#000
}
.flinks a {
    color:#888989
}
.flinks a:hover {
    color:#fff
}
.flinks span {
    padding:0 10px
}
@media only screen and (max-width: 479px) {
    .iframe {
        max-width:100%;
    }
}


.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
  overflow: hidden;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  margin:20px;
  padding: 40px;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
  position: relative;
  background: #fff;

}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50px;
  border: 6px solid #fff;
  float: left;
  margin: 0 10px 0 0;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
  color: #f8d1d3;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  font-style: italic;
  margin: 15px 0 0 0;
  padding: 0;
}
.layouts
{   

    
    margin:20px;
    padding:10px;
    background-color:white;
    text-align: center;
}
.testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative;
}

.column {   
    float: left;   
    width: 25%;  
    padding: 4px; 
}
.row {   
    margin: 3px;  
}    
.block {   
    padding: 10px;   
    text-align: center;   
    /* background-color: #47b54c;   
    color: white;    */
    }   
    .block:hover {   
        transform: scale(1.1);   
        /* background-color: #47b54c;    */
        transition-duration: 0.5s;   
        /* color: white;    */
    }   
    .fa {   
        font-size: 15px;   
    }   
.scrollup {
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:22px;
    right:22px;
    display:none;
    text-indent:-9999px;
    background:#009ff0 url(../images/scroll-top-arrow.png) no-repeat 15px 14px;
    z-index:999
};