/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,200italic,200,100,100italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800);
    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300,300italic,400italic,600italic,700italic,800,800italic);*/
    @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
    body,p {
    margin:0
}




#slider1 .slider-button,.buttons {
    vertical-align:middle;
    -moz-osx-font-smoothing:grayscale
}

.loader {
    height:100%;
    width:100%;
    position:fixed;
    overflow:hidden;
    z-index:1200;
    background:#fff
}

.cssload-loader {
    width:54px;
    height:54px;
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    top:50%
}

.cssload-inner {
    position:absolute;
    width:100%;
    height:100%;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    border-radius:50%;
    -o-border-radius:50%;
    -ms-border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%
}

.buttons,body {
    position:relative
}

.cssload-inner.cssload-one {
    left:0;
    top:0;
    animation:cssload-rotate-one 1.15s linear infinite;
    -o-animation:cssload-rotate-one 1.15s linear infinite;
    -ms-animation:cssload-rotate-one 1.15s linear infinite;
    -webkit-animation:cssload-rotate-one 1.15s linear infinite;
    -moz-animation:cssload-rotate-one 1.15s linear infinite;
    border-bottom:3px solid rgba(247,50,70,.97)
}

.cssload-inner.cssload-two {
    right:0;
    top:0;
    animation:cssload-rotate-two 1.15s linear infinite;
    -o-animation:cssload-rotate-two 1.15s linear infinite;
    -ms-animation:cssload-rotate-two 1.15s linear infinite;
    -webkit-animation:cssload-rotate-two 1.15s linear infinite;
    -moz-animation:cssload-rotate-two 1.15s linear infinite;
    border-right:3px solid #f73246
}

.cssload-inner.cssload-three {
    right:0;
    bottom:0;
    animation:cssload-rotate-three 1.15s linear infinite;
    -o-animation:cssload-rotate-three 1.15s linear infinite;
    -ms-animation:cssload-rotate-three 1.15s linear infinite;
    -webkit-animation:cssload-rotate-three 1.15s linear infinite;
    -moz-animation:cssload-rotate-three 1.15s linear infinite;
    border-top:3px solid #f73246
}

@keyframes cssload-rotate-one {
    0% {
    -webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0);
    -moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0);
    transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)
}

100% {
    -webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    -moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}


}

@-o-keyframes cssload-rotate-one {
    0% {
    -o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)
}

100% {
    -o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}


}

@-webkit-keyframes cssload-rotate-one {
    0% {
    -webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)
}

100% {
    -webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}


}

@-moz-keyframes cssload-rotate-one {
    0% {
    -moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)
}

100% {
    -moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
}


}

@keyframes cssload-rotate-two {
    0% {
    -webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0);
    -moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0);
    transform:rotateX(50deg) rotateY(10deg) rotateZ(0)
}

100% {
    -webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    -moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}


}

@-o-keyframes cssload-rotate-two {
    0% {
    -o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)
}

100% {
    -o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}


}

@-webkit-keyframes cssload-rotate-two {
    0% {
    -webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)
}

100% {
    -webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}


}

@-moz-keyframes cssload-rotate-two {
    0% {
    -moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)
}

100% {
    -moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)
}


}

@keyframes cssload-rotate-three {
    0% {
    -webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0);
    -moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0);
    transform:rotateX(35deg) rotateY(55deg) rotateZ(0)
}

100% {
    -webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    -moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}


}

@-o-keyframes cssload-rotate-three {
    0% {
    -o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)
}

100% {
    -o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}


}

@-webkit-keyframes cssload-rotate-three {
    0% {
    -webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)
}

100% {
    -webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}


}

@-moz-keyframes cssload-rotate-three {
    0% {
    -moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)
}

100% {
    -moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)
}


}

body {
    padding:0;
    padding-top: 145px;
    font-size:15px;
    font-family:'Karla',sans-serif;
    color:#1b1b1b;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

#slider1 .slider-button:before,.buttons:before {
    z-index:-1;
    left:0;
    -o-transition-timing-function:ease-out;
    bottom:0
}

.buttons {
    display:inline-block;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 1px transparent;
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition-property:color;
    -o-transition-property:color;
    -moz-transition-property:color;
    transition-property:color;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    padding:16px 50px;
    -webkit-border-radius:0;
    border-radius:0;
    font-size:14px;
    font-family:'Karla',sans-serif
}

#slider1 .slider-button,.buttons:before {
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    -moz-transition-duration:.3s
}

ol,p,ul {
    padding:0
}

.buttons:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    background:#2098d1;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    -moz-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    -o-transition-property:transform,-o-transform;
    -moz-transition-property:transform,-moz-transform;
    transition-property:transform,-webkit-transform,-moz-transform,-o-transform;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}

.buttons:active,.buttons:focus,.buttons:hover {
    color:#fff
}

.buttons:active:before,.buttons:focus:before,.buttons:hover:before {
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    -moz-transform:scaleX(1);
    transform:scaleX(1)
}

.mySideBar>ul.nav,.progress-bar-custom>span {
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%)
}

.fade {
    -webkit-transition:opacity .5s linear!important;
    -o-transition:opacity .5s linear!important;
    -moz-transition:opacity .5s linear!important;
    transition:opacity .5s linear!important
}

h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
    line-height:normal;
    font-weight:400;
    font-family:Rubik,sans-serif
}

h2 {
    font-size:50px;
    margin-bottom:30px;
    text-align:center;
    color:#b62c2a
}

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

h4 {
    font-size:18px;
    text-transform:capitalize;
    font-weight:600
}

#our-team .hovereffect a.info,.price .grey,.price .grey span {
    text-transform:uppercase
}

p {
    font-family:'Karla',sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:normal
}

.navbar .navbar-nav>li a,.sidenav ul>li a {
    font-family:Karla,sans-serif
}

.p-margin {
    margin-left:10%;
    margin-right:10%
}

ol,ul {
    margin:0;
    list-style:none
}

.padding-one,.padding-one-top {
    padding-top:85px
}

a,a:focus,a:hover {
    text-decoration:none;
    outline:0;
    color:inherit
}

.padding-one {
    padding-bottom:85px
}

.padding-two {
    padding-top:60px;
    padding-bottom:80px
}

.padding-three {
    padding-top:30px;
    padding-bottom:30px
}

.padding-top-80 {
    padding-top:80px
}

hr {
    width:200px;
    border:1px solid #1b1b1b;
    margin:0 auto 30px
}

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

.margin-100-top {
    margin-top:100px
}

.margin-100-bottom {
    margin-bottom:100px
}

.margin-60-top {
    margin-top:60px
}

.margin-right-plus {
    margin-right:15px
}

.navbar {
    color: #1b1b1b;
    min-height: 150px; /* increased height */
    padding-top: 15px;
    padding-bottom: 15px;    
}

.shrink {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}

.navbar-default {
    background:#b62c2a;
    border:none;
    border-bottom: 5px solid #bf930c; /* gold line */
}

.navbar-brand>img {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear;
    width:100%
}

.shrink .navbar-brand>img {
    width:117px
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    background:0 0;
    color:#f73246
}

.shrink.navbar-default .navbar-nav>.active>a,.shrink.navbar-default .navbar-nav>.active>a:focus,.shrink.navbar-default .navbar-nav>.active>a:hover {
    background:#f73246;
    color:#FFF
}

.navbar-default .navbar-nav>.active>a:focus {
    background:0 0
}

.navbar .navbar-nav {
    margin-right:0
}

.shrink .navbar-nav {
    -webkit-transition:transform linear .5s;
    -moz-transition:transform linear .5s;
    -ms-transition:transform linear .5s;
    -o-transition:transform linear .5s;
    transition:transform linear .5s
}

.navbar .navbar-nav>li a {
    color:#1b1b1b;
    font-size:14px;
    line-height:60px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}

.navbar .navbar-nav>li:hover a {
    color:#f73246
}

.shrink.navbar-default {
    background-color:#b62c2a;
    -webkit-box-shadow:0 2px 10px -1px rgba(87,97,100,.35);
    box-shadow:0 2px 10px -1px rgba(87,97,100,.35)
}

.shrink .navbar-nav>li a {
    line-height:52px;
    padding-top:10px;
    padding-bottom:10px
}

.shrink .side-menu-button {
    top:19px
}

.side-menu-button {
    position:relative;
    cursor:pointer;
    background-color:#f73246;
    padding:7px 14px;
    -webkit-border-radius:4px;
    border-radius:0;
    color:#fff;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:2;
    display:inline-block;
    float:right;
    top:28px;
    right:4px
}

#counters .outer-circle,.side-menu-button.actives .fa {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear
}

.side-menu-button:hover {
    color:#fff;
    background:#1b1b1b
}

.side-menu-button.actives {
    background:0 0
}

.side-menu-button.actives .fa {
    color:#f85464;
    font-size:36px;
    transition:all .3s linear
}

.sidenav,.timeline>li {
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}

.side-menu-button.actives .fa:hover {
    color:#6a6a6a
}

.sidenav {
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    right:0;
    background-color:rgba(255,255,255,.9);
    overflow-x:hidden;
    padding-top:0;
    transition:all .3s ease-in-out
}

.mySideBar {
    width:100%
}

.mySideBar>ul.nav {
    position:relative;
    top:50%;
    -moz-transform:translateY(-50%);
    transform:translateY(-50%)
}

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

.sidenav ul>li a {
    color:#6a6a6a;
    font-size:42px;
    padding:8px;
    text-align:center;
    display:inline-block;
    -webkit-transition:all .4s linear;
    -moz-transition:all .4s linear;
    -o-transition:all .4s linear;
    transition:all .4s linear
}

.sidenav ul>li.active a {
    color:#f73246
}

.nav>li>a:focus,.nav>li>a:hover {
    background:0 0
}

.sidenav .closebtn {
    position:absolute;
    top:0;
    right:25px;
    font-size:36px;
    margin-left:50px;
    border:none;
    color:#fff
}

.tparrows.tp-leftarrow::before {
    content:"\f104";
    font-family:FontAwesome
}

.tparrows.tp-rightarrow:before {
    content:"\f105";
    font-family:FontAwesome
}

#slider1 h2 {
    line-height:normal;
    font-weight:300;
    color:#1b1b1b;
    font-family:Rubik,sans-serif
}

#slider1 h2.red {
    font-size:58px;
    font-weight:700;
    color:#f73246
}

#slider1 .slider-button {
    display:inline-block;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-box-shadow:0 0 1px transparent;
    box-shadow:0 0 1px transparent;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    position:relative;
    -webkit-transition-property:color;
    -o-transition-property:color;
    -moz-transition-property:color;
    transition-property:color;
    transition-duration:.3s;
    padding:16px 50px;
    -webkit-border-radius:0;
    border-radius:0;
    font-size:14px;
    font-family:'Karla',sans-serif;
    background:#1b1b1b;
    color:#FFF
}

#counters p,.price .grey span {
    font-family:Rubik,sans-serif
}

#slider1 .slider-button.red {
    background:#f73246
}

#slider1 .slider-button:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    background:rgba(255,255,255,.2);
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    -o-transform:scaleX(0);
    -moz-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 50%;
    -ms-transform-origin:100% 50%;
    -o-transform-origin:100% 50%;
    -moz-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transition-property:transform;
    -webkit-transition-property:-webkit-transform;
    -o-transition-property:transform,-o-transform;
    -moz-transition-property:transform,-moz-transform;
    transition-property:transform,-webkit-transform,-moz-transform,-o-transform;
    -webkit-transition-duration:.3s;
    -o-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}

#slider1 .slider-button:active,#slider1 .slider-button:focus,#slider1 .slider-button:hover {
    color:#FFF
}

#slider1 .slider-button:active:before,#slider1 .slider-button:focus:before,#slider1 .slider-button:hover:before {
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    -o-transform:scaleX(1);
    -moz-transform:scaleX(1);
    transform:scaleX(1)
}

#what-we-do .what-we-do-features h3 {
    font-weight:500;
    margin-bottom:15px;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    transition:all .5s linear;
    line-height:60px
}

#what-we-do .what-we-do-features:hover>h3 {
    color:#f73246;
    cursor:pointer
}

#what-we-do .what-we-do-features p {
    margin-left:0;
    margin-right:0;
    line-height:26px
}

#what-we-do .what-we-do-features h3>span {
    display:inline-block;
    width:50px;
    height:50px;
    margin-right:30px;
    position:relative;
    -webkit-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    background:#be940c;
    text-align:center;
    -webkit-border-radius:50%;
    border-radius:50%
}

#what-we-do .what-we-do-features h3.text-right>span {
    margin-right:0;
    margin-left:30px
}

#what-we-do .what-we-do-features h3 i {
    color:#fff;
    display:block;
    line-height:50px
}

#what-we-do .what-we-do-features:hover h3>span {
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    transform:translateY(-10px);
    background:#b62c2a
}

#what-we-do #mobile-img {
    position:relative
}

#what-we-do #mobile-img>img {
    position:relative;
    width:100%;
    height:100%
}

#what-we-do #mobile-slider {
    position:absolute;
    top:89px;
    left:51px;
    width:265px;
    height:469px
}

#what-we-do #mobile-slider .item img {
    display:block;
    cursor:move
}

#counters {
    background:url(../images/pricing-table.jpg) 50% 0 fixed;
    color:#fff
}

#counters .outer-circle {
    padding:4px;
    -webkit-border-radius:50%;
    display:inline-block;
    border:2px solid transparent;
    transition:all .3s linear
}

#counters .outer-circle:hover {
    border-color:#f73246
}

#counters .icons {
    cursor:pointer;
    -webkit-border-radius:50%;
    border-radius:50%;
    border:2px solid #fff;
    display:inline-block;
    width:100px;
    height:100px;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}

#our-team .hovereffect .overlay,#our-team .hovereffect img {
    -webkit-transition:-webkit-transform .35s;
    -moz-transition:transform .35s,-moz-transform .35s;
    -o-transition:transform .35s,-o-transform .35s
}

#counters .outer-circle:hover .icons {
    cursor:pointer;
    background:#f73246;
    border-color:transparent
}

#counters .icons>i {
    font-size:50px;
    display:inline-block;
    -webkit-border-radius:100%;
    border-radius:50%;
    background:0 0;
    line-height:100px
}

#counters .numscroller {
    font-size:40px;
    font-weight:400
}

#counters p {
    font-size:20px
}

.r-tabs {
    position:relative
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position:relative;
    cursor:pointer!important
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    display:inline-block;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    color:#fff;
    cursor:pointer
}

.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity:.5
}

.r-tabs .r-tabs-panel {
    background-color:#fff;
    border-bottom:4px solid #fff;
    -webkit-border-bottom-right-radius:4px;
    border-bottom-right-radius:4px;
    -webkit-border-bottom-left-radius:4px;
    border-bottom-left-radius:4px
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display:block;
    padding:10px;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    font-size:14px;
    -webkit-border-top-right-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    border-top-left-radius:4px
}

.info,.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    color:#00c5ad;
    background-color:#fff
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
    opacity:.5
}

.info {
    display:inline-block;
    margin-top:10px;
    margin-right:10px;
    padding:10px 20px;
    width:300px;
    line-height:100%;
    font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size:14px;
    border:2px solid #00ab94;
    -webkit-border-radius:3px;
    border-radius:3px;
    cursor:pointer
}

#our-team .hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:pointer
}

#our-team .hovereffect .overlay {
    width:100%;
    position:absolute;
    overflow:hidden;
    left:0;
    top:auto;
    bottom:0;
    padding:0px;
    height:4.75em;
    background:#f73246;
    color:#fff;
    transition:transform .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s;
    -webkit-transform:translate3d(0,100%,0);
    -moz-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}

#our-team .hovereffect img {
    display:block;
    position:relative;
    transition:transform .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s;
    width:100%
}

#our-team .hovereffect:hover img {
    -webkit-transform:translate3d(0,-10%,0);
    -moz-transform:translate3d(0,-10%,0);
    transform:translate3d(0,-10%,0)
}

#our-team .hovereffect a.info {
    display:inline-block;
    text-decoration:none;
    padding:7px 14px;
    color:#fff;
    border:1px solid #fff;
    margin:50px 0 0;
    background-color:transparent
}

#our-team .hovereffect a.info:hover {
    -webkit-box-shadow:0 0 5px #fff;
    box-shadow:0 0 5px #fff
}

#our-team .hovereffect p.icon-links a {
    float:right;
    color:#3c4a50;
    font-size:1.4em
}

#our-team .hovereffect:hover p.icon-links a:focus,#our-team .hovereffect:hover p.icon-links a:hover {
    color:#252d31
}

#our-team .hovereffect h2,#our-team .hovereffect p.icon-links a {
    -webkit-transition:-webkit-transform .35s;
    -moz-transition:transform .35s,-moz-transform .35s;
    -o-transition:transform .35s,-o-transform .35s;
    transition:transform .35s,-webkit-transform .35s,-moz-transform .35s,-o-transform .35s;
    -webkit-transform:translate3d(0,200%,0);
    -moz-transform:translate3d(0,200%,0);
    transform:translate3d(0,200%,0)
}

#our-team .our-team-social>li>a>i.fa,.address-details h2 {
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear
}

#our-team .hovereffect p.icon-links a span:before {
    display:inline-block;
    padding:8px 10px;
    speak:none;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

.triangle-border::after,.triangle-border:before {
    position:absolute;
    border-style:solid;
    display:block;
    width:0
}

#our-team .hovereffect:hover .overlay,#our-team .hovereffect:hover h2,#our-team .hovereffect:hover p.icon-links a {
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}

#our-team .hovereffect:hover h2 {
    -webkit-transition-delay:50ms;
    -moz-transition-delay:50ms;
    -o-transition-delay:50ms;
    transition-delay:50ms
}

#our-team .hovereffect:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay:.1s;
    -moz-transition-delay:.1s;
    -o-transition-delay:.1s;
    transition-delay:.1s
}

#our-team .hovereffect:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay:.15s;
    -moz-transition-delay:.15s;
    -o-transition-delay:.15s;
    transition-delay:.15s
}

#our-team .hovereffect:hover p.icon-links a:first-child {
    -webkit-transition-delay:.2s;
    -moz-transition-delay:.2s;
    -o-transition-delay:.2s;
    transition-delay:.2s
}

.r-tabs .r-tabs-nav .r-tabs-state-active img {
    -webkit-transform:translate3d(0,-10%,0);
    -moz-transform:translate3d(0,-10%,0);
    -ms-transform:translate3d(0,-10%,0);
    -o-transform:translate3d(0,-10%,0);
    transform:translate3d(0,-10%,0)
}

.r-tabs .r-tabs-nav .r-tabs-state-active .overlay {
    -webkit-transform:translate3d(0,0,0)!important;
    -moz-transform:translate3d(0,0,0)!important;
    transform:translate3d(0,0,0)!important
}

#our-team #tab-1>div,#our-team #tab-2>div,#our-team #tab-3>div,#our-team #tab-4>div {
    margin-left:0;
    margin-right:0
}

.triangle-border.top::after {
    bottom:-76px;
    left:45%;
    border-width:0 17px 20px 18px
}

.triangle-border::after {
    bottom:-13px;
    left:47px;
    border-width:13px 13px 0;
    border-color:#fff transparent
}

.triangle-border.top:before {
    bottom:-76px;
    left:44%;
    border-width:0 21px 25px
}

.triangle-border:before {
    bottom:-20px;
    left:40px;
    border-width:20px 20px 0;
    border-color:#c4c4c4 transparent
}

#our-team .our-team-border {
    border:1.8px solid #c4c4c4
}

#our-team .our-team-border p {
    line-height:32px
}

#our-team .our-team-social {
    margin-top:25px
}

#our-team .our-team-social>li>a>i.fa {
    transition:all .5s linear;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #c4c4c4;
    line-height:normal;
    display:inline-block;
    text-align:center;
    padding:10px 25px 10px 10px
}

#our-team .our-team-social>li>a>i.fa:active,#our-team .our-team-social>li>a>i.fa:hover {
    background:#f73246;
    color:#fff
}

#our-team .our-team-social>li {
    display:inline-block
}

.progress {
    background:#fff;
    border:1px solid #c4c4c4;
    -webkit-border-radius:4px;
    border-radius:4px;
    height:40px;
    padding:3px 0 3px 6px;
    margin:10px 0 0
}

.progress-bar {
    -webkit-transition:none!important;
    -moz-transition:none!important;
    -o-transition:none!important;
    transition:none!important
}

.progress:first-child {
    margin:0
}

.progress-bar-custom {
    background:#f73246;
    font-size:14px;
    -webkit-border-radius:4px;
    border-radius:4px
}

.progress-bar-custom>span {
    display:block;
    position:relative;
    top:50%;
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    text-align:left;
    margin-left:10px
}

#company-history {
    background:url(../img/timeline.jpg) 50% 0 fixed
}

#company-history h2,#company-history p {
    color:#fff
}

#company-history .company-p {
    margin-bottom:40px
}

#company-history .timline-year {
    background:#ddd;
    width:100px;
    height:100px;
    margin:0 auto;
    text-align:center;
    position:relative;
    clear:both;
    -webkit-border-radius:50%;
    border-radius:50%
}

#company-history .timline-year h3 {
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-family:'Karla',sans-serif;
    font-weight:500
}

.timeline {
    list-style:none;
    padding:10px 0;
    font-weight:300;
    color:#fff;
    position:relative
}

.timeline h3 {
    color:#fff;
    position:absolute;
    top:-10%
}

.timeline:before {
    top:0;
    bottom:0;
    position:absolute;
    content:" ";
    width:2px;
    background:#fff;
    left:50%;
    margin-left:-1.5px
}

.timeline>li {
    margin-bottom:20px;
    position:relative;
    width:50%;
    float:left;
    clear:left;
    transition:all .3s ease-in-out
}

.timeline-body>p,.timeline-body>ul,.timeline-footer p {
    margin-bottom:0
}

.timeline>li>.timeline-panel,.timeline>li>.timeline-panel:after {
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}

.timeline>li:after,.timeline>li:before {
    content:" ";
    display:table
}

.timeline>li:after {
    clear:both
}

.timeline>li>.timeline-panel {
    width:90%;
    float:left;
    background:rgba(255,255,255,.1);
    position:relative;
    padding:12px 40px;
    -webkit-border-radius:5px;
    border-radius:5px;
    transition:all .3s ease-in-out
}

.timeline>li:hover .timeline-panel {
    background:red;
    border:none
}

.timeline>li>.timeline-panel:after {
    position:absolute;
    top:27px;
    right:-14px;
    display:inline-block;
    border-top:14px solid transparent;
    border-left:14px solid rgba(255,255,255,.1);
    border-right:0 solid rgba(255,255,255,.1);
    border-bottom:14px solid transparent;
    content:" ";
    transition:all .3s ease-in-out
}

.pin:after,.price::before {
    content:""
}

.timeline>li:hover .timeline-panel:after {
    border-color:transparent #be940c
}

.timeline>li>.timeline-badge {
    color:#fff;
    width:24px;
    height:24px;
    line-height:50px;
    text-align:center;
    position:absolute;
    top:16px;
    right:-12px;
    z-index:100
}

.timeline>li.timeline-inverted>.timeline-panel {
    float:right
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}

.timeline-badge>a {
    color:#b2b2b2;
    -webkit-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

.timeline>li:hover .timeline-badge>a,.timeline>li>.timeline-panel:hover .timeline-badge>a {
    color:#f73246
}

.timeline-title {
    margin-top:0;
    color:inherit
}

.timeline-heading h4 {
    font-size:24px;
    font-weight:400;
    color:#fff
}

.timeline-body>p {
    padding:14px 0
}

.timeline-footer {
    padding:0;
    color:rgba(255,255,255,.5)
}

.timeline-footer>a {
    cursor:pointer;
    text-decoration:none
}

.timeline>li.timeline-inverted {
    float:right;
    clear:right
}

.timeline>li:nth-child(2) {
    margin-top:60px
}

.timeline>li.timeline-inverted>.timeline-badge {
    left:-12px
}

.no-float {
    float:none!important
}

#portfolio #owl-demo .hovereffect {
    width:100%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    text-align:center;
    cursor:default
}

#portfolio #owl-demo .hovereffect .overlay {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    left:0;
    background-color:rgba(217,50,67,.8);
    top:-200px;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:all .1s ease-out .5s;
    -o-transition:all .1s ease-out .5s;
    -moz-transition:all .1s ease-out .5s;
    transition:all .1s ease-out .5s
}

#portfolio #owl-demo .hovereffect:hover .overlay {
    opacity:1;
    filter:alpha(opacity=100);
    top:0;
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    -moz-transition-delay:0s;
    transition-delay:0s
}

#portfolio #owl-demo .hovereffect img {
    display:block;
    position:relative;
    -webkit-transition:all .2s ease-in;
    -o-transition:all .2s ease-in;
    -moz-transition:all .2s ease-in;
    transition:all .2s ease-in
}

.price,.price::before {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear
}

#portfolio #owl-demo .hovereffect:hover a.info {
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition-delay:.3s;
    -o-transition-delay:.3s;
    -moz-transition-delay:.3s;
    transition-delay:.3s
}

#portfolio #owl-demo .item img {
    display:block;
    width:100%;
    height:auto
}

#portfolio #owl-demo .overlay .owl-captions {
    position:relative;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%);
    color:#fff
}

#portfolio #owl-demo .overlay .owl-captions i {
    display:block;
    margin-bottom:18px
}

#portfolio #owl-demo .overlay .owl-captions i.fa {
    font-size:32px
}

#portfolio #owl-demo .overlay .owl-captions h3 {
    color:#fff;
    margin-bottom:18px
}

#portfolio .owl-theme .owl-controls .owl-buttons {
    background:#fff
}

#portfolio .owl-theme .owl-controls .owl-page span {
    background-color:rgba(255,255,255,0);
    border:1px solid #222
}

#portfolio .owl-theme .owl-controls .owl-page.active span {
    background-color:#222
}

#portfolio #owl-demo .item {
    margin:0
}

#pricing-table .pricing-table {
    padding-top:0
}

.price {
    list-style-type:none;
    border:none;
    padding:0;
    background:#6a6a6a;
    color:#fff;
    position:relative;
    width:263px;
    margin:0 auto;
    transition:all .3s linear
}

.price.price-selected,.price:hover {
    background:#f73246
}

.price.price-selected li {
    border-color:#fff
}

.price::before {
    border-left:131px solid #fff;
    border-right:132px solid #fff;
    border-bottom:65px solid #6a6a6a;
    display:inline-block;
    transition:all .3s linear
}

.price .header,.price li {
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear
}

.price.price-selected::before,.price:hover::before {
    border-left:131px solid #fff;
    border-right:132px solid #fff;
    border-bottom:65px solid #f73246
}

.price.price-selected .header {
    border:1px solid #f73246
}

.price:hover li {
    border-color:#fff
}

.price .header {
    background-color:#fff;
    font-size:46px;
    -webkit-border-radius:50%;
    border-radius:50%;
    padding:16px 11px;
    display:inline-block;
    color:#1b1b1b;
    position:absolute;
    top:-30px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transition:all .3s linear;
    border:1px solid #6a6a6a
}

.price.price-selected .header,.price:hover .header {
    border:1px solid #f73246;
    color:#f73246
}

.price .btn.buttons {
    background:0 0;
    -webkit-border-radius:0;
    border-radius:0;
    border:1px solid #fff;
    color:#fff
}

.price .btn.buttons:before {
    background-color:#fff
}

.price .btn.button:active,.price .btn.buttons:focus,.price .btn.buttons:hover {
    color:#1b1b1b
}

.price li {
    border-bottom:1px solid #7a7a7a;
    padding:20px;
    text-align:center;
    transition:all .3s linear
}

#blog-slider .item img,#blog-slider .item:hover h3 {
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    -moz-transition:all .3s linear
}

.price .grey span {
    display:block;
    padding-left:0
}

.price .grey p:first-child {
    font-weight:600;
    margin-bottom:10px
}

.price .grey p:nth-child(2) {
    font-size:12px;
    font-weight:300;
    margin-bottom:30px
}

.button {
    border:none;
    color:#fff;
    padding:10px 25px;
    text-align:center;
    text-decoration:none;
    font-size:18px
}

#happy-clients {
    background:url(../images/happy-clients.jpg) 50% 0 fixed;
    color:#fff
}

#happy-clients h2 {
    margin-bottom:35px
}

#happy-clients .client-img {
    height:160px;
    width:160px;
    margin:0 auto 30px
}

#happy-clients .client-img img {
    height:100%;
    width:100%;
    -webkit-border-radius:50%;
    border-radius:50%
}

#happy-clients .p-margin {
    margin-bottom:30px
}

#blog-slider h3,#happy-clients h5 {
    margin-bottom:10px
}

#happy-clients h5 {
    font-size:14px;
    font-family:OpenSans,sans-serif;
    color:#f73246;
    font-weight:700
}

#happy-clients .owl-theme .owl-controls .owl-page span {
    background-color:rgba(255,255,255,0);
    border:1px solid #fff
}

#happy-clients .owl-controls .owl-page.active span {
    background-color:#f73246
}

#blog-slider {
    padding-top:80px
}

#blog-slider .item {
    border:1px solid #c8c8c8;
    padding-bottom:1px
}

#blog-slider .item img {
    display:block;
    width:100%;
    height:100%;
    transition:all .3s linear
}

#blog-slider .blog-img {
    border-bottom:12px solid #f73246;
    height:241px;
    position:relative;
    z-index:3;
    overflow:hidden
}

#blog-slider .item:hover img {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transform:scale(1.1)
}

#blog-slider .blog-img i {
    color:#fff;
    font-size:15px;
    padding:14px;
    background:#f73246;
    -webkit-border-radius:50%;
    border-radius:50%;
    position:absolute;
    right:7px;
    bottom:-11px;
    display:inline-block;
    z-index:1
}

#blog-slider .item:hover h3 {
    color:#f73246;
    transition:all .3s linear
}

#blog-slider .blog-slider-descp p:nth-child(2) {
    margin-bottom:14px
}

#blog-slider .blog-slider-descp p:nth-child(2)>span {
    color:#f73246
}

#blog-slider .blog-slider-descp p:nth-child(3) {
    line-height:30px;
    margin-bottom:14px
}

#blog-slider .blog-slider-descp p:last-child {
    font-weight:700;
    font-family:Rubik,sans-serif
}

#blog-slider .item:hover p:last-child {
    color:#f73246;
    -webkit-transition:all .3s linear;
    -o-transition:all .3s linear;
    -moz-transition:all .3s linear;
    transition:all .3s linear
}

#blog-slider .blog-border {
    border-bottom:1px solid #c8c8c8;
    padding-bottom:1px
}

#blog-slider .blog-slider-descp {
    padding:25px 20px;
    background-color:#fff;
    border-bottom:1px solid #c8c8c8
}

#blog-slider .owl-theme .owl-controls .owl-page span {
    background-color:rgba(255,255,255,0);
    border:1px solid #303030
}

#blog-slider .owl-controls .owl-page.active span {
    background-color:#f73246
}

#blog-text {
    background:url(../img/blog-text.jpg) 50% 0 fixed;
    color:#fff
}

#blog-text h2,#blog-text p span,form .buttons {
    color:#f73246
}

#blog-text h2 {
    font-size:100px
}

#blog-text p {
    margin-bottom:20px;
    margin-left:20%;
    margin-right:20%
}

#blog-text #blog-text-slider.owl-theme .owl-controls .owl-page span {
    background-color:rgba(255,255,255,0);
    border:1px solid #fff
}

#blog-text #blog-text-slider .owl-controls .owl-page.active span {
    background-color:#f73246
}

.form-control {
    -webkit-border-radius:0;
    border-radius:0;
    border-color:#c8c8c8;
    padding-top:20px;
    padding-bottom:20px;
    width:100%
}

form .buttons {
    background:0 0;
    position:relative;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    border:2px solid #f73246;
    margin-top:25px
}

.pin,.pin:after {
    position:absolute
}

form .buttons:active,form .buttons:hover {
    background:0 0;
    border-color:#f73246
}

.pin,form .buttons:before {
    background:#f73246
}

form textarea.form-control {
    resize:none;
    margin-top:16px;
    min-height:200px
}

#map {
    display:block;
    width:100%;
    height:600px
}

.pin {
    width:32px;
    height:32px;
    -webkit-border-radius:50% 50% 50% 0;
    border-radius:50% 50% 50% 0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:50%;
    top:50%;
    margin:-20px 0 0 -20px
}

.pin:after {
    width:14px;
    height:14px;
    margin:9px 0 0 9px;
    background:#e6e6e6;
    -webkit-border-radius:50%;
    border-radius:50%
}

.blog-content-bg,.blog-wrap {
    background-color:#fff;
    position:relative
}

.bounce {
    -webkit-animation-name:bounce;
    -moz-animation-name:bounce;
    -o-animation-name:bounce;
    animation-name:bounce;
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s
}

@-webkit-keyframes bounce {
    0% {
    opacity:0;
    -webkit-transform:translateY(-2000px) rotate(-45deg);
    -moz-transform:translateY(-2000px) rotate(-45deg);
    -o-transform:translateY(-2000px) rotate(-45deg);
    transform:translateY(-2000px) rotate(-45deg)
}

60% {
    opacity:1;
    -webkit-transform:translateY(30px) rotate(-45deg);
    -moz-transform:translateY(30px) rotate(-45deg);
    -o-transform:translateY(30px) rotate(-45deg);
    transform:translateY(30px) rotate(-45deg)
}

80% {
    -webkit-transform:translateY(-10px) rotate(-45deg);
    -moz-transform:translateY(-10px) rotate(-45deg);
    -o-transform:translateY(-10px) rotate(-45deg);
    transform:translateY(-10px) rotate(-45deg)
}

100% {
    -webkit-transform:translateY(0) rotate(-45deg);
    -moz-transform:translateY(0) rotate(-45deg);
    -o-transform:translateY(0) rotate(-45deg);
    transform:translateY(0) rotate(-45deg)
}


}

@-moz-keyframes bounce {
    0% {
    opacity:0;
    -webkit-transform:translateY(-2000px) rotate(-45deg);
    -moz-transform:translateY(-2000px) rotate(-45deg);
    -o-transform:translateY(-2000px) rotate(-45deg);
    transform:translateY(-2000px) rotate(-45deg)
}

60% {
    opacity:1;
    -webkit-transform:translateY(30px) rotate(-45deg);
    -moz-transform:translateY(30px) rotate(-45deg);
    -o-transform:translateY(30px) rotate(-45deg);
    transform:translateY(30px) rotate(-45deg)
}

80% {
    -webkit-transform:translateY(-10px) rotate(-45deg);
    -moz-transform:translateY(-10px) rotate(-45deg);
    -o-transform:translateY(-10px) rotate(-45deg);
    transform:translateY(-10px) rotate(-45deg)
}

100% {
    -webkit-transform:translateY(0) rotate(-45deg);
    -moz-transform:translateY(0) rotate(-45deg);
    -o-transform:translateY(0) rotate(-45deg);
    transform:translateY(0) rotate(-45deg)
}


}

@-o-keyframes bounce {
    0% {
    opacity:0;
    -webkit-transform:translateY(-2000px) rotate(-45deg);
    -moz-transform:translateY(-2000px) rotate(-45deg);
    -o-transform:translateY(-2000px) rotate(-45deg);
    transform:translateY(-2000px) rotate(-45deg)
}

60% {
    opacity:1;
    -webkit-transform:translateY(30px) rotate(-45deg);
    -moz-transform:translateY(30px) rotate(-45deg);
    -o-transform:translateY(30px) rotate(-45deg);
    transform:translateY(30px) rotate(-45deg)
}

80% {
    -webkit-transform:translateY(-10px) rotate(-45deg);
    -moz-transform:translateY(-10px) rotate(-45deg);
    -o-transform:translateY(-10px) rotate(-45deg);
    transform:translateY(-10px) rotate(-45deg)
}

100% {
    -webkit-transform:translateY(0) rotate(-45deg);
    -moz-transform:translateY(0) rotate(-45deg);
    -o-transform:translateY(0) rotate(-45deg);
    transform:translateY(0) rotate(-45deg)
}


}

@keyframes bounce {
    0% {
    opacity:0;
    -webkit-transform:translateY(-2000px) rotate(-45deg);
    -moz-transform:translateY(-2000px) rotate(-45deg);
    -o-transform:translateY(-2000px) rotate(-45deg);
    transform:translateY(-2000px) rotate(-45deg)
}

60% {
    opacity:1;
    -webkit-transform:translateY(30px) rotate(-45deg);
    -moz-transform:translateY(30px) rotate(-45deg);
    -o-transform:translateY(30px) rotate(-45deg);
    transform:translateY(30px) rotate(-45deg)
}

80% {
    -webkit-transform:translateY(-10px) rotate(-45deg);
    -moz-transform:translateY(-10px) rotate(-45deg);
    -o-transform:translateY(-10px) rotate(-45deg);
    transform:translateY(-10px) rotate(-45deg)
}

100% {
    -webkit-transform:translateY(0) rotate(-45deg);
    -moz-transform:translateY(0) rotate(-45deg);
    -o-transform:translateY(0) rotate(-45deg);
    transform:translateY(0) rotate(-45deg)
}


}

#contact-address {
    color:#222
}

.address-details h2 {
    transition:all .5s linear
}

.address-details p {
    font-size:18px;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear
}

.address-details:hover h2,.address-details:hover p {
    color:#f73246
}

#area-main h3,#area-main p {
    color:#1b1d1f
}

.blog-wrap {
    width:100%;
    overflow:hidden
}

.blog-wrap .blog-content {
    display:table-cell;
    padding:6.5em 0
}

.blog-content-bg {
    margin:0 auto;
    padding:30px 30px 5px;
    top:-60px;
    width:95%
}

.blog-item-v3 {
    border-bottom:1px solid #d1d2d2;
    padding-bottom:70px;
    margin-bottom:70px
}

.blog-item-v3>img {
    margin-bottom:35px
}

.blog-item-v3 .blog-content {
    padding:0
}

.no-margin {
    margin:0;
    border:none
}

#area-main p {
    margin-bottom:10px
}

#area-main .buttons {
    background:#f73246;
    color:#fff
}

#area-main .buttons:before {
    background:#1b1d1f
}

#area-main a.readmore {
    color:#fff;
    padding:10px 35px;
    background:#1b1d1f;
    border:1px solid transparent;
    display:inline-block;
    text-decoration:none;
    margin-top:20px
}

#area-main a.readmore:focus,#area-main a.readmore:hover {
    border:1px solid #f73246
}

#area-main ul.blog-author {
    margin:20px 0 25px
}

#area-main ul.blog-author li {
    display:inline-block
}

#area-main ul.blog-author li a {
    color:#696969;
    font-size:14px;
    margin-right:15px
}

#area-main ul.blog-author li a:focus,#area-main ul.blog-author li a:hover,.morepost-wrap a:hover,.morepost-wrap2 a:hover {
    color:#f73246
}

#area-main ul.blog-author li a .fa {
    margin-right:5px
}

.morepost-wrap {
    margin-top:75px;
    border-top:1px solid #d1d2d2
}

.morepost-wrap2 {
    border-top:1px solid #d1d2d2;
    border-bottom:1px solid #d1d2d2;
    padding-bottom:25px
}

.morepost-wrap .morepost,.morepost-wrap2 .morepost {
    font-size:16px;
    color:#696969;
    margin-top:25px;
    display:inline-block;
    position:relative
}

.morepost-wrap .morepost .fa-long-arrow-left,.morepost-wrap2 .morepost .fa-long-arrow-left {
    right:0
}

.morepost-wrap .morepost:hover .fa-long-arrow-left,.morepost-wrap2 .morepost:hover .fa-long-arrow-left {
    opacity:1!important;
    filter:alpha(opacity=100);
    color:#f73246;
    right:100%
}

.morepost-wrap .morepost .fa-long-arrow-left,.morepost-wrap .morepost .fa-long-arrow-right,.morepost-wrap2 .morepost .fa-long-arrow-left,.morepost-wrap2 .morepost .fa-long-arrow-right {
    color:transparent;
    position:absolute;
    text-shadow:0 0 transparent;
    top:25%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-transition:all .3s ease 0s;
    -moz-transition:all .3s ease 0s;
    -o-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    opacity:0!important;
    filter:alpha(opacity=0)
}

.morepost-wrap .morepost .fa-long-arrow-right,.morepost-wrap2 .morepost .fa-long-arrow-right {
    left:0;
    margin-left:5px
}

.morepost-wrap .morepost:hover .fa-long-arrow-right,.morepost-wrap2 .morepost:hover .fa-long-arrow-right {
    opacity:1!important;
    filter:alpha(opacity=100);
    color:#f73246;
    left:110%
}

.blog-content-pic img {
    width:100%
}

.blog-item .blog-content {
    padding:0;
    margin:35px 0
}

.blog-item .blog-content p {
    margin-bottom:25px
}

.blog-item blockquote {
    color:#f73246
}

.blog-item .post-tag {
    border:1px solid #d9d9d9;
    padding:5px;
    margin-bottom:70px
}

#area-main .tag-cloud li {
    display:inline-block;
    margin:6px
}

#area-main .tag-cloud li a {
    display:block
}

#area-main .tag-cloud li a,.blog-reply a.btn-rep {
    background:#efefef;
    color:#1b1d1f;
    font-size:12px;
    padding:8px 15px;
    text-transform:uppercase
}

#area-main .tag-cloud li a:focus,#area-main .tag-cloud li a:hover,.blog-reply a.btn-rep:focus,.blog-reply a.btn-rep:hover {
    background:#f73246;
    color:#fff;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear
}

.social-link li {
    display:inline-block
}

.social-link li a {
    width:44px;
    height:44px;
    display:block;
    border:1px solid #1b1d1f;
    -webkit-border-radius:50%;
    border-radius:50%;
    color:#1b1d1f;
    -webkit-transition:all .5s linear;
    -moz-transition:all .5s linear;
    -o-transition:all .5s linear;
    transition:all .5s linear
}

.social-link li a:hover {
    border-color:#f73246;
    background:#f73246;
    color:#fff
}

.social-link li a i {
    line-height:42px;
    font-size:20px
}

.blog-reply {
    padding:10px;
    border:1px solid #f3f3f3;
    position:relative;
    margin:20px 0
}

.blog-reply h4 {
    color:#1b1d1f;
    margin-bottom:8px;
    text-transform:capitalize
}

.blog-reply a.btn-rep {
    position:absolute;
    top:0;
    right:0
}

.blog-item .post-comment h3 {
    margin-bottom:35px;
    margin-top:70px
}

.blog-item .post-comment form .form-control,.contact form .form-control {
    height:50px
}

.blog-item .post-comment form .form-control,.blog-item .post-comment form textarea,.contact form .form-control,.contact form textarea,.index_3 .form-inline .form-control,.index_3 .form-inline textarea {
    padding:15px;
    font-size:14px;
    color:#4c4c4c;
    border:1px solid #d0d0d0;
    width:100%;
    -webkit-border-radius:0;
    border-radius:0
}

.blog-item .post-comment form textarea,.contact form textarea {
    margin:30px 0;
    min-height:210px
}

.blog-item .post-comment form input[type=submit],.contact form input[type=submit] {
    background:#f73246;
    border:1px solid transparent;
    font-weight:700;
    color:#fff;
    height:50px;
    width:185px;
    position:relative;
    -webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    transition:all .3s linear
}

.blog-item .post-comment form input[type=submit]:hover,.contact form input[type=submit]:hover {
    background:#1b1d1f
}

.widget {
    margin-bottom:40px;
    color:#1b1d1f
}

.widget h4,.widget img {
    margin-bottom:25px
}

.widget>img {
    width:100%
}

.search_box input {
    border:1px solid #d9d9d9;
    height:53px;
    padding-left:15px;
    position:relative;
    width:100%;
    font-size:14px
}

.search_box i {
    border-left:1px solid #d9d9d9;
    bottom:0;
    color:#d9d9d9;
    font-size:24px;
    height:53px;
    padding:15px;
    position:absolute;
    right:15px;
    top:0;
    cursor:pointer
}

ul.category li {
    margin-top:15px;
    display:block
}

ul.category li a {
    color:#1b1d1f;
    font-size:16px;
    border-bottom:1px solid #d9d9d9;
    padding-bottom:15px;
    display:block;
    text-transform:capitalize!important
}

ul.category li a:focus,ul.category li a:hover {
    color:#f73246
}

ul.category li a .date {
    color:#f73246;
    font-size:12px;
    display:block
}

.innerpage-banner {
    background:url(../images/blog-banner.jpg) center center/cover no-repeat;
    padding-top:200px;
    max-height:440px;
    color:#1b1d1f
}

.innerpage-banner h2 {
    margin-bottom:0
}

.tagline {
    color:#1b1d1f;
    text-transform:uppercase;
    font-size:14px
}

footer {
    background-color:#f73246;
    color:#fff;
    padding:20px 0
}

footer p {
    line-height:30px
}

footer a,footer li,footer ul {
    padding:0;
    margin:0
}

footer ul>li>a {
    padding:7px 5px;
    border:1px solid #fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    transition:all .5s linear
}

footer ul>li>a:hover {
    background-color:#1b1b1b;
    border-color:#1b1b1b
}

@media screen and (max-width:1199px) {
    .margin-100-bottom {
    margin-bottom:50px
}

#what-we-do #mobile-slider {
    height:357px;
    top:48px;
    left:33px;
    width:170px
}

#what-we-do .info #what-we-do #mobile-slider .item img {
    display:block;
    cursor:move;
    height:357px
}

#what-we-do #mobile-img {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-top:53px;
    width:230px;
    height:auto
}

#our-team-tabs li:nth-child(3),#our-team-tabs>li:nth-child(4),.price.price-4 {
    margin-top:60px
}

#what-we-do #mobile-slider .item img {
    height:355px;
    width:200px
}

#what-we-do .what-we-do-features>h3 {
    font-size:18px;
    line-height:53px;
    margin-bottom:10px
}

#what-we-do .what-we-do-features h3>span {
    width:45px;
    height:45px;
    margin-right:15px
}

#what-we-do .what-we-do-features h3.text-right>span {
    margin-left:15px
}

#what-we-do .what-we-do-features h3>span>i {
    line-height:45px
}

#what-we-do .what-we-do-features p {
    font-size:13px;
    line-height:normal
}

#our-team .hovereffect img {
    width:100%
}

#happy-clients .client-img {
    width:120px;
    height:120px
}


}

@media screen and (max-width:991px) {
    .navbar .navbar-nav>li a {
    font-size:12px
}

.side-menu-button {
    right:-3px
}

.price.price-3 {
    margin-top:60px
}

#what-we-do #mobile-img {
    margin-top:105px
}

#counters #counter-main .counter-margin-3,#counters #counter-main .counter-margin-4 {
    margin-top:40px
}

#our-team .hovereffect h3 {
    font-size:22px
}

#our-team .hovereffect p {
    font-size:13px
}

#our-team .hovereffect img {
    width:100%
}

.triangle-border.top:before {
    left:43%
}


}

@media screen and (max-width:767px) {
    h2,hr {
    margin-bottom:20px
}

#our-team .our-team-social,#what-we-do .what-we-do-features,#what-we-do .what-we-do-features h3.text-right,#what-we-do .what-we-do-features p.text-right,footer .col-sm-6 {
    text-align:center
}

.tparrows {
    display:none
}

#slider1,.forcefullwidth_wrapper_tp_banner {
    overflow:hidden
}

p {
    font-size:13px!important
}

h2 {
    font-size:30px
}

h3 {
    font-size:20px!important
}

.buttons {
    padding:11px 34px
}

.margin-60-top {
    margin-top:30px
}

.navbar-header {
    padding-bottom:12px
}

.navbar-header>.navbar-brand {
    padding-top:11px;
    padding-bottom:10px
}

.navbar-brand>img,.shrink .navbar-brand>img {
    width:125px
}

.shrink .side-menu-button,.side-menu-button {
    top:15px;
    right:4px
}

.sidenav ul>li a {
    font-size:30px
}

.margin-100-top {
    margin-top:50px
}

#what-we-do #mobile-img {
    margin-top:0
}

#what-we-do #device {
    margin-top:50px;
    margin-bottom:50px
}

#what-we-do .what-we-do-features h3 {
    line-height:normal
}

#what-we-do .what-we-do-features h3.text-right>span.pull-right {
    float:none!important
}

#what-we-do .what-we-do-features h3>span {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px
}

#what-we-do .what-we-do-features h3.text-right>span {
    margin-left:auto;
    margin-right:auto
}

#counters #counter-main .counter-margin-2 {
    margin-top:40px
}

#counters .numscroller {
    font-size:25px
}

#counters .icons {
    height:80px;
    width:80px
}

#counters .icons>i {
    font-size:32px;
    line-height:80px
}

#our-team .hovereffect img {
    width:100%
}

#tab-1>.margin-60-top,#tab-2>.margin-60-top,#tab-3>.margin-60-top,#tab-4>.margin-60-top {
    margin-top:11px
}

.r-tabs .r-tabs-nav .r-tabs-state-active img {
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none
}

#our-team .hovereffect p {
    display:none
}

#our-team .hovereffect h3 {
    font-size:16px!important
}

#our-team .hovereffect:hover img {
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none
}

#our-team .progess-bars {
    margin-top:30px!important
}

#our-team .hovereffect .overlay {
    height:auto!important;
    position:static;
    padding:6px
}

.triangle-border.top:before {
    border-width:0
}

.triangle-border.top::after {
    border-width:0;
    height:31px;
    width:2px;
    background:#c4c4c4;
    left:50%;
    bottom:-26px
}

ul.timeline:before {
    left:40px
}

ul.timeline>li {
    margin-bottom:0;
    position:relative;
    width:100%;
    float:left;
    clear:left
}

ul.timeline>li>.timeline-panel {
    width:83%;
    float:right
}

ul.timeline>li>.timeline-badge {
    left:28px;
    margin-left:0;
    top:16px
}

ul.timeline>li>.timeline-panel:before {
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}

.timeline>li>.timeline-panel:after {
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}

.timeline>li.timeline-inverted {
    float:left;
    clear:left;
    margin-top:30px;
    margin-bottom:30px
}

.timeline>li.timeline-inverted>.timeline-badge {
    left:28px
}

#company-history .timline-year {
    margin:-10px;
    background:0 0;
    color:#fff
}

#pricing-table .tables.margin-60-top,.price.price-2 {
    margin-top:60px
}

#happy-clients .client-img {
    width:100px;
    height:100px
}

#blog-text h2 {
    font-size:60px
}

#area-main .blog-item {
    padding-bottom:60px
}

.address-details:nth-child(2),.address-details:nth-child(3) {
    margin-top:30px
}

.address-details h2 {
    margin-bottom:10px
}

#map {
    height:300px
}

footer .col-sm-6 {
    float:none!important;
    margin-left:auto!important;
    margin-right:auto!important
}

footer .pull-right {
    float:none!important;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px
}


}

@media screen and (max-width:480px) {
    #slider1 .slider-button.red {
    margin-left:15px!important
}

#what-we-do #device {
    overflow:hidden
}

#what-we-do #mobile-img {
    width:280px;
    height:auto
}

#what-we-do #mobile-slider {
    top:69px;
    left:40px;
    width:206px
}

#what-we-do #mobile-slider .item img {
    display:block;
    cursor:move;
    height:357px
}

ul.timeline>li>.timeline-panel {
    width:78%
}


}