@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);

::-moz-selection {
color: #fff;
background: #872175
}

::selection {
color: #fff;
background: #872175
}

body {
background: #fff;
font-family: 'Open Sans', sans-serif;
color: #4e4e4e;
line-height: 22px
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
font-family: 'Open Sans', sans-serif;
color: #4e4e4e
}

h1 {
font-size: 36px;
color: #fff
}

h2 {
font-size: 20px
}

h3 {
font-size: 16px;
color: #787878;
font-weight: 400;
line-height: 24px
}

h4 {
font-size: 16px
}

a {
color: #c52d2f;
-webkit-transition: color .3s, background-color .3s;
-moz-transition: color .3s, background-color .3s;
-o-transition: color .3s, background-color .3s;
transition: color .3s, background-color .3s
}

a:focus,
a:hover {
color: #d43133
}

hr {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff
}

.btn-primary {
padding: 8px 20px;
background: #c52d2f;
color: #fff;
border-radius: 4px;
border: none;
margin-top: 10px
}

.btn-primary:focus,
.btn-primary:hover {
background: #c52d2f;
outline: 0;
box-shadow: none
}

.btn-transparent {
border: 3px solid #fff;
background: 0 0;
color: #fff
}

.btn-transparent:hover {
border-color: rgba(255, 255, 255, .5)
}

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

.dropdown-menu {
margin-top: -1px;
min-width: 230px
}

.center h2 {
font-size: 36px;
margin-top: 0;
margin-bottom: 0;
font-family: 'Josefin Sans', sans-serif;
text-transform: capitalize
}

.media > .pull-left {
margin-right: 20px
}

.media > .pull-right {
margin-left: 20px
}

body > section {
padding: 70px 0
}

.center {
text-align: center;
padding-bottom: 30px
}

.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn
}

.lead {
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: justify
}

.transparent-bg {
background-color: transparent !important;
margin-bottom: 0
}

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

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

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

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

.cta {
padding: 35px 0;
border-bottom: 1px solid #dce4e6;
text-align: center
}

.cta .cta-title {
display: inline-block;
margin: 0 50px 0 0;
font-size: 16px
}

.cta .cta-title a {
color: #872175
}

.larger-text {
font-size: 18px;
line-height: 36px
}

.light-text {
color: #aaa
}

.large-button {
padding: 15px 20px;
font-size: 12px;
font-family: Raleway, sans-serif;
text-transform: uppercase;
font-weight: 800;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px
}

a.large-button.white-color {
color: #31373a;
background-color: #fff
}

.main-button {
padding: 12px 15px;
font-size: 12px;
font-family: Raleway, sans-serif;
text-transform: uppercase;
font-weight: 700;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px
}

a.main-button.accent-color {
background-color: #ff554e;
color: #fff
}

a.main-button.accent-color:hover {
background-color: #31373a
}

.icon-button {
margin-left: 5px
}

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

label {
font-weight: 400;
color: #aaa
}

input,
textarea {
border: 0;
color: #777;
padding: 8px 14px;
background-color: #f1f4f5;
border: 1px solid #f1f4f5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}

input:focus,
textarea:focus {
background-color: #fff;
border-color: #dce4e6
}

.mainBtn {
background-color: #ff554e;
padding: 7px 17px;
color: #fff;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: background 250ms ease-in;
-moz-transition: background 250ms ease-in;
-ms-transition: background 250ms ease-in;
-o-transition: background 250ms ease-in;
transition: background 250ms ease-in
}

.mainBtn:hover {
background-color: #ff6962
}

button {
outline: 0;
border: 0
}

input.mainBtn,
input.mainBtn:focus {
background-color: #ff554e;
border: 0
}

#header .search {
display: inline-block
}

#header .search p {
margin: 0 0 0;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 16px;
font-weight: 600
}

.navbar > .container .navbar-brand {
margin-left: 0
}

.logo .navbar-brand {
margin-left: 15px !important;
margin-right: 15px !important;
margin-bottom: 10px !important
}

.logo {
position: absolute;
z-index: 3;
background-color: #222;
top: -55%;
box-shadow: 0 4px 18px 1px rgba(0, 0, 0, .2)
}

.logo img {
width: 100%
}

.top-bar {
padding: 10px 0;
background: #222;
line-height: 28px
}

.top-number {
color: rgba(255, 255, 255, .8588235294117647);
display: inline-block;
margin-right: 10px
}

.top-number p {
margin: 0
}

.top-number p a {
color: rgba(255, 255, 255, .8588235294117647)
}

.social {
text-align: right
}

.social-share {
display: inline-block;
list-style: none;
padding: 0;
margin: 0
}

ul.social-share li {
display: inline-block
}

ul.social-share li a {
display: inline-block;
color: #ddd;
background: #404040;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px
}

ul.social-share li a:hover {
background: #872175;
color: #fff
}

.search i {
color: #fff
}

input.search-form {
background: 0 0;
border: 0 none;
width: 60px;
padding: 0 10px;
color: #fff;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-ms-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}

input.search-form::-webkit-input-placeholder {
color: transparent
}

input.search-form:hover::-webkit-input-placeholder {
color: #fff
}

input.search-form:hover {
width: 180px
}

.navbar-brand {
padding: 0;
margin: 0
}

.navbar {
border-radius: 0;
margin-bottom: 0;
background: #872175;
padding: 0 0;
padding-bottom: 0;
min-height: 0
}

.navbar-inverse .navbar-nav > li > a {
padding: 15px 15px;
margin: 0;
border-radius: 0;
color: #fff;
line-height: 24px;
display: inline-block;
text-transform: uppercase;
font-size: 14px
}

.navbar-inverse .navbar-nav > li > a:hover {
background-color: #222;
color: #fff
}

.navbar-inverse {
border: none
}

.navbar-inverse .navbar-brand {
font-size: 36px;
line-height: 50px;
color: #fff
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
background-color: #222;
color: #fff
}

.navbar-inverse .navbar-nav .dropdown-menu {
background-color: rgba(0, 0, 0, .85);
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .125);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .125);
box-shadow: 0 3px 8px rgba(0, 0, 0, .125);
border: 0;
padding: 0;
margin-top: 0;
border-top: 0;
border-radius: 0;
left: 0
}

.navbar-inverse .navbar-nav .dropdown-menu:before {
position: absolute;
top: 0
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
padding: 8px 15px;
color: #fff
}

.navbar-inverse .navbar-nav .dropdown-menu > li.active > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a {
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
color: #fff
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
border-radius: 0 0 3px 3px
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
background-color: transparent
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-top: 0;
padding-bottom: 0
}

#feature {
background: #f2f2f2;
padding: 80px 0 30px 0
}

#feature .lead {
font-size: 16px;
line-height: 24px;
font-weight: 400;
color: #222;
margin-bottom: 13px
}

.features {
padding: 0
}

#feature .center h2 {
font-family: 'Josefin Sans', sans-serif;
font-size: 42px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

#feature h4 {
font-family: 'Josefin Sans', sans-serif;
font-size: 22px;
padding-top: 20px;
margin-bottom: 10px
}

.classic-title {
margin-bottom: 16px;
padding-bottom: 9px;
border-bottom: 1px solid #ddd;
font-weight: 300;
color: #872175;
font-family: 'Open Sans', sans-serif
}

.classic-title span {
padding-bottom: 8px;
border-bottom: 1px solid;
font-weight: 600
}

#feature h3 {
font-size: 16px;
color: #787878;
font-weight: 400;
line-height: 24px;
margin-top: 10px;
margin-bottom: 10px
}

.feature-wrap {
margin-bottom: 35px;
overflow: hidden
}

.feature-wrap h2 {
margin-top: 10px
}

.feature-wrap .pull-left {
margin-right: 25px
}

.feature-wrap i {
font-size: 48px;
height: 110px;
width: 110px;
margin: 3px;
border-radius: 100%;
line-height: 110px;
text-align: center;
background: #fff;
color: #fff;
border: 3px solid #fff;
box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
margin-right: 25px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
background-color: #fff
}

.feature-wrap i:hover {
background: #222;
color: #fff;
box-shadow: inset 0 0 0 5px #c52d2f;
-webkit-box-shadow: inset 0 0 0 5px #a21d89;
border: 3px solid #222
}

#recent-works .col-xs-12.col-sm-4.col-md-3 {
padding: 0
}

#recent-works {
padding-bottom: 70px
}

#recent-works .text-muted {
color: #fff
}

#recent-works .text-muted a {
color: #fff
}

#recent-works .center h2 {
font-family: 'Josefin Sans', sans-serif;
font-size: 42px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

#recent-works h4 {
font-family: 'Josefin Sans', sans-serif;
font-size: 28px;
padding-top: 10px;
margin-bottom: 17px
}

#recent-works h4 a {
color: #fff
}

#recent-works .carousel-row {
margin-bottom: 10px
}

#recent-works .slide-row {
padding: 0;
background-color: #fff;
border: 1px solid #e7e7e7;
position: relative;
margin-bottom: 2em
}

#recent-works .slide-carousel {
width: 45%;
float: left;
display: inline-block
}

#recent-works .slide-carousel .carousel-indicators {
margin-bottom: 0;
bottom: 14px;
background: rgba(0, 0, 0, .5)
}

#recent-works .slide-carousel .carousel-indicators li {
border-radius: 0;
width: 20px;
height: 6px
}

#recent-works .slide-carousel .carousel-indicators .active {
margin: 1px
}

#recent-works .slide-content {
position: absolute;
top: 0;
left: 46%;
display: block;
float: left;
width: 56%;
padding: 1.5% 4% 2% 3%;
overflow-y: auto
}

#recent-works .slide-content h4 {
margin-bottom: 13px;
margin-top: 0
}

#recent-works .slide-footer {
position: absolute;
bottom: 0;
left: 20%;
width: 78%;
height: 20%;
margin: 1%
}

#recent-works .slide-content::-webkit-scrollbar {
width: 5px
}

#recent-works .slide-content::-webkit-scrollbar-thumb:vertical {
margin: 5px;
background-color: #999;
-webkit-border-radius: 5px
}

#recent-works .slide-content::-webkit-scrollbar-button:end:increment,
#recent-works .slide-content::-webkit-scrollbar-button:start:decrement {
height: 5px;
display: block
}

.recent-work-wrap {
position: relative
}

.recent-work-wrap img {
width: 100%
}

.recent-work-wrap .recent-work-inner {
top: 0;
background: 0 0;
opacity: .8;
width: 100%;
border-radius: 0;
margin-bottom: 0
}

.recent-work-wrap .recent-work-inner h3 {
margin: 10px 0
}

.recent-work-wrap .recent-work-inner h3 a {
font-size: 24px;
color: #fff
}

.recent-work-wrap .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 0;
background: rgba(34, 34, 34, .79);
color: #fff;
vertical-align: middle;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
padding: 30px
}

.recent-work-wrap .overlay .preview {
bottom: 0;
display: inline-block;
height: 35px;
line-height: 35px;
border-radius: 0;
background: 0 0;
text-align: center;
color: #fff
}

.recent-work-wrap:hover .overlay {
opacity: 1
}

#services {
background: #222;
padding: 70px 0
}

#services .center {
text-align: center;
padding-bottom: 10px
}

#services .padding-right1 {
padding-right: 1px
}

#services .padding-left0 {
padding-left: 0
}

#services .lead,
#services h2 {
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 42px
}

#services .lead,
#services h2 a {
color: #fff
}

#services .classic-title {
margin-bottom: 16px;
padding-bottom: 9px;
border-bottom: 1px solid #ddd;
font-weight: 300;
color: #872175;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase
}

#services .classic-title span {
padding-bottom: 8px;
border-bottom: 1px solid;
font-weight: 600
}

.services-wrap {
padding: 30px 20px;
background: #872175;
border-radius: 0;
margin: 0 0 1px
}

.services-wrap h3 {
font-size: 17px;
margin: 10px 0;
color: #fff;
text-transform: uppercase;
font-weight: 600
}

.services-wrap p {
color: #e0b1d8
}

.services-wrap .pull-left {
margin-right: 20px;
margin-top: 6px
}

#capabilities {
background: #000 url(../images/services/bg_services.png);
background-size: cover
}

#capabilities .lead,
#capabilities h2 {
color: #fff;
text-align: center
}

.capabilities-wrap {
padding: 40px 30px;
background: #fff;
border-radius: 4px;
margin: 0 0 40px
}

.capabilities-wrap h3 {
font-size: 20px;
margin: 10px 0;
text-transform: capitalize;
color: #872175
}

.capabilities-wrap .pull-left {
margin-right: 20px
}

#middle {
background: #f2f2f2
}

.skill h2 {
margin-bottom: 25px;
font-family: 'Josefin Sans', sans-serif;
font-size: 26px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.progress-wrap {
position: relative
}

.progress .color1,
.progress .color1 .bar-width {
background: #2d7da4
}

.progress .color2,
.progress .color2 .bar-width {
background: #6aa42f
}

.progress .color3,
.progress .color3 .bar-width {
background: #fc3
}

.progress .color4,
.progress .color4 .bar-width {
background: #db3615
}

.progress,
.progress-bar {
height: 15px;
line-height: 15px;
background: #e6e6e6;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0;
overflow: visible;
text-align: right
}

.progress {
position: relative
}

.progress .bar-width {
position: absolute;
width: 40px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 12px;
font-weight: 700;
top: -30px;
border-radius: 2px;
margin-left: -30px
}

.progress span {
position: relative
}

.progress span:before {
content: " ";
position: absolute;
width: auto;
height: auto;
border-width: 8px 5px;
border-style: solid;
bottom: -15px;
right: 8px
}

.progress .color1 span:before {
border-color: #2d7da4 transparent transparent transparent
}

.progress .color2 span:before {
border-color: #6aa42f transparent transparent transparent
}

.progress .color3 span:before {
border-color: #fc3 transparent transparent transparent
}

.progress .color4 span:before {
border-color: #db3615 transparent transparent transparent
}

.accordion h2 {
margin-bottom: 25px;
font-family: 'Josefin Sans', sans-serif;
font-size: 26px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

.panel-default {
border-color: transparent
}

.panel,
.panel-default > .panel-heading {
background-color: #e6e6e6;
border: 0 none;
box-shadow: none
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
background: #fff;
color: #858586
}

.panel-body {
padding: 20px 20px 10px
}

.panel-group .panel + .panel {
margin-top: 0;
border-top: 1px solid #d9d9d9
}

.panel-group .panel {
border-radius: 0
}

.panel-heading {
border-radius: 0
}

.panel-title > a {
color: #4e4e4e
}

.accordion-inner img {
border-radius: 4px
}

.accordion-inner h4 {
margin-top: 0
}

.panel-heading.active {
background: #222
}

.panel-heading.active .panel-title > a {
color: #fff
}

a.accordion-toggle i {
width: 45px;
line-height: 44px;
font-size: 20px;
margin-top: -10px;
text-align: center;
margin-right: -15px;
background: #c9c9c9
}

a.accordion-toggle i:hover {
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
color: #fff
}

.panel-heading.active a.accordion-toggle i {
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
color: #fff
}

.panel-heading.active a.accordion-toggle.collapsed i {
background: #c52d2f;
color: #fff
}

.nav-tabs > li {
margin-bottom: 0;
border-bottom: 1px solid #e6e6e6
}

.nav-tabs {
border-bottom: transparent;
border-right: 1px solid #e6e6e6
}

.nav-tabs > li > a {
background: #f5f5f5;
color: #666;
border-radius: 0;
border: 0 none;
line-height: 24px;
margin-right: 0;
padding: 13px 15px
}

.nav-tabs li:last-child {
border-bottom: 0 none
}

.nav-stacked > li + li {
margin-top: 0
}

.nav-tabs > li > a:hover {
background: #1f1f20;
color: #fff
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
border: 0;
color: #fff;
background: #1f1f20;
position: relative
}

.nav-tabs > li.active > a:after {
position: absolute;
content: "";
width: auto;
height: auto;
border-style: solid;
border-color: transparent transparent transparent #1f1f20;
border-width: 25px 22px;
right: -44px;
top: 0
}

.tab-wrap {
border: 1px solid #e6e6e6;
margin-bottom: 20px
}

.tab-content {
padding: 20px
}

.tab-content h2 {
margin-top: 0
}

.tab-content img {
border-radius: 4px
}

.testimonial h2 {
margin-top: 0
}

.testimonial-inner {
color: #858586;
font-size: 14px
}

.testimonial-inner .pull-left {
border-right: 1px solid #e7e7e7;
padding-right: 15px;
position: relative
}

.testimonial-inner .pull-left:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
top: 50%;
margin-top: -5px;
background: #fff;
-webkit-transform: rotate(45deg);
border: 1px solid #e7e7e7;
right: -5px;
border-left: 0 none;
border-bottom: 0 none
}

#partner {
background: url(../images/partners/partner_bg.png) 50% 50% no-repeat;
background-size: cover
}

#partner {
color: #fff;
text-align: center
}

#partner h2,
#partner h3 {
color: #fff;
font-family: 'Josefin Sans', sans-serif
}

#partner h2 a,
#partner h3 a {
color: #fff;
font-family: 'Josefin Sans', sans-serif
}

.partners ul {
list-style: none;
margin: 0;
padding: 0
}

.partners ul li {
display: inline-block;
float: left;
width: 20%
}

#conatcat-info {
padding: 30px 0
}

#conatcat-info .size-h1 {
font-size: 32px;
margin-top: 15px;
font-family: 'Josefin Sans', sans-serif
}

#conatcat-info section {
padding: 75px 0;
background: #fff
}

#conatcat-info .divider {
width: 100%;
margin: 20px auto 15px;
position: relative;
height: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1, 1)
}

#conatcat-info .divider::after {
height: 1px;
background: #e8e8e8;
background: -moz-linear-gradient(left, transparent 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, transparent 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(35%, rgba(0, 0, 0, .09)), color-stop(70%, rgba(0, 0, 0, .09)), color-stop(100%, transparent));
background: -webkit-linear-gradient(left, transparent 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, transparent 100%);
background: -o-linear-gradient(left, transparent 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, transparent 100%);
background: -ms-linear-gradient(left, transparent 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, transparent 100%);
background: linear-gradient(to right, transparent 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, transparent 100%);
position: absolute;
bottom: -1px;
content: "";
width: 100%;
left: 0
}

#conatcat-info p {
font-size: 18px;
color: #872175;
line-height: 1.4;
margin-bottom: 0
}

#conatcat-info .shadow,
.shadow-narrow {
position: relative;
background-color: #fff
}

#conatcat-info .service-block {
padding-top: 20px;
padding-bottom: 15px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

#conatcat-info .shadow-narrow::before,
.shadow::before {
position: absolute;
left: 0;
height: 60%;
bottom: 0;
width: 100%;
content: "";
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
z-index: 2
}

#conatcat-info .shadow-narrow::after,
.shadow::after {
content: "";
position: absolute;
height: 50%;
width: 96%;
left: 50%;
bottom: 2px;
margin-left: -48%;
-webkit-box-shadow: 0 5px 7px #999;
box-shadow: 0 5px 7px #999;
z-index: 1;
border-radius: 10%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

#conatcat-info .shadow-narrow:hover::after,
.shadow:hover::after {
bottom: 10px
}

#conatcat-info .icon.bg-df {
background-color: #09afdf;
color: #fff
}

#conatcat-info .service-block .icon {
margin-bottom: 10px
}

#conatcat-info .icon {
display: inline-block;
text-align: center;
background-color: rgba(255, 255, 255, .85);
color: #000;
font-size: 24px;
width: 60px;
height: 60px;
line-height: 58px;
transition: all .2s ease-in-out;
border-radius: 0;
transform: rotate(45deg);
border: 1px solid transparent
}

#conatcat-info .shadow *,
.shadow-narrow * {
position: relative;
z-index: 3
}

#conatcat-info h3 {
font-size: 28px;
color: #fff;
text-shadow: 1px 1px 1px #000;
font-weight: 600;
line-height: 24px;
font-family: 'Josefin Sans', sans-serif;
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase
}

#conatcat-info .service-block p {
clear: both;
margin-bottom: 15px;
color: #fff
}

#conatcat-info .service-block p a {
color: #fff
}

#conatcat-info .icon i {
position: relative;
z-index: 1;
transform: rotate(-45deg)
}

#conatcat-info .contact-info i {
width: 80px;
height: 80px;
font-size: 40px;
line-height: 80px;
color: #fff;
background: #000;
text-align: center;
border-radius: 0;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

#conatcat-info .contact-info h2 {
margin-top: 0;
color: #000
}

#conatcat-info .contact-info {
color: #000
}

#conatcat-info .panel-box {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
text-align: center;
border: medium none
}

#conatcat-info .panel-box .panel-icon {
display: table-cell;
padding: 29px;
width: 1%;
vertical-align: top;
border-radius: 0;
text-align: center;
border-bottom: 1px solid #fcfcfc;
border-top: 1px solid #fcfcfc;
border-right: 1px solid #fcfcfc
}

#conatcat-info .dashboard-stats .stat-icon {
line-height: 65px;
font-size: 5em;
color: #fff
}

#conatcat-info .bg-success {
background-color: #a3c86d !important;
color: #fff !important
}

.success-text {
color: #82b33a
}

.bg-danger {
background-color: #ff7857 !important;
color: #fff !important
}

.danger-text {
color: #d15b3d
}

.bg-lovender {
background-color: #8075c4 !important;
color: #fff !important
}

.lovender-text {
color: #6a5fb1
}

.bg-info {
background-color: #7acbee !important;
color: #fff !important
}

.info-text {
color: #3ca0cb
}

.panel-icon p.text {
font-weight: 700;
font-size: 14px;
text-align: center
}

.panel-icon i {
text-align: center
}

.panel-icon i {
text-align: center
}

.text-large {
font-size: 50px
}

.text-large {
font-size: 50px
}

.about-us {
margin-top: 110px;
margin-bottom: -110px
}

.about-us h2,
.skill_text h2 {
color: #4e4e4e;
font-size: 30px;
font-weight: 600
}

.about-us p {
color: #4e4e4e
}

#carousel-slider {
position: relative
}

#carousel-slider .carousel-indicators {
bottom: -25px
}

#carousel-slider .carousel-indicators li {
border: 1px solid #ffbd20
}

#carousel-slider a i {
border: 1px solid #777;
border-radius: 50%;
font-size: 28px;
height: 50px;
padding: 8px;
position: absolute;
top: 50%;
width: 50px;
color: #777
}

#carousel-slider a i:hover {
background: #bfbfbf;
color: #fff;
border: 1px solid #bfbfbf
}

#carousel-slider .carousel-control {
width: inherit
}

#carousel-slider .carousel-control.left i {
left: -25px
}

#carousel-slider .carousel-control.right i {
right: -25px
}

#carousel-slider .carousel-control.left,
#carousel-slider .carousel-control.right {
background: 0 0
}

.skill_text {
display: block;
margin-bottom: 60px;
margin-top: 25px;
overflow: hidden
}

.sinlge-skill {
background: #f2f2f2;
border-radius: 100%;
color: #fff;
font-size: 22px;
font-weight: 700;
height: 200px;
position: relative;
width: 200px;
text-transform: uppercase;
overflow: hidden;
margin: 30px 0
}

.sinlge-skill p em {
color: #fff;
font-size: 38px
}

.sinlge-skill p {
line-height: 1
}

.css-skill,
.html-skill,
.joomla-skill,
.wp-skill {
position: absolute;
height: 100%;
bottom: 0;
width: 100%;
border-radius: 100%;
padding: 70px 0;
text-align: center
}

.joomla-skill {
background: #f2f2f2;
background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(242, 242, 242, 1)), color-stop(28%, rgba(242, 242, 242, 1)), color-stop(28%, rgba(45, 125, 164, 1)));
background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%);
background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 28%, rgba(45, 125, 164, 1) 28%)
}

.html-skill {
background: #f2f2f2;
background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(242, 242, 242, 1)), color-stop(9%, rgba(242, 242, 242, 1)), color-stop(9%, rgba(106, 164, 47, 1)));
background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%);
background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 9%, rgba(106, 164, 47, 1) 9%)
}

.css-skill {
background: #f2f2f2;
background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(242, 242, 242, 1)), color-stop(32%, rgba(242, 242, 242, 1)), color-stop(32%, rgba(255, 189, 32, 1)));
background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%);
background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 32%, rgba(255, 189, 32, 1) 32%)
}

.wp-skill {
background: #f2f2f2;
background: -moz-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(242, 242, 242, 1)), color-stop(19%, rgba(242, 242, 242, 1)), color-stop(19%, rgba(219, 54, 21, 1)));
background: -webkit-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
background: -o-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
background: -ms-linear-gradient(top, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%);
background: linear-gradient(to bottom, rgba(242, 242, 242, 1) 0, rgba(242, 242, 242, 1) 19%, rgba(219, 54, 21, 1) 19%)
}

.skill-wrap {
display: block;
overflow: hidden;
margin: 60px 0
}

.team h4 {
margin-top: 0;
text-transform: uppercase
}

.team h5 {
font-weight: 300
}

.single-profile-bottom,
.single-profile-top {
font-weight: 400;
line-height: 24px
}

.single-profile-bottom,
.single-profile-top {
border: 1px solid #ddd;
padding: 15px;
position: relative
}

.media_image {
margin-bottom: 10px
}

.team .btn {
background: 0 0;
font-size: 12px;
font-weight: 300;
margin-bottom: 3px;
padding: 1px 5px;
text-transform: uppercase;
border: 1px solid#ddd;
margin-right: 3px
}

ul.social_icons,
ul.tag {
list-style: none;
padding: 0;
margin: 10px 0;
display: block
}

ul.social_icons li,
ul.tag li {
display: inline-block;
margin-right: 5px
}

ul.social_icons li a i {
border-radius: 50%;
color: #fff;
height: 25px;
line-height: 25px;
font-size: 12px;
padding: 0;
text-align: center;
width: 25px;
opacity: .8
}

.team .social_icons .fa-facebook:hover,
.team .social_icons .fa-google-plus:hover,
.team .social_icons .fa-twitter:hover {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transition-duration: 2s;
transition-property: all;
transition-timing-function: ease;
opacity: 1;
transition: all .9s ease 0s;
-moz-transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s;
-o-transition: all .9s ease 0s
}

.team .social_icons .fa-facebook {
background: #0182c4
}

.team .social_icons .fa-twitter {
background: #20b8ff
}

.team .social_icons .fa-google-plus {
background: #d34836
}

.team-bar .first-one-arrow {
float: left;
margin-right: 30px;
width: 2%
}

.team-bar .first-arrow {
float: left;
margin-left: 5px;
margin-right: 35px;
width: 22%
}

.team-bar .second-arrow {
float: left;
margin-left: 5px;
width: 21%
}

.team-bar .third-arrow {
float: left;
margin-left: 40px;
margin-right: 12px;
width: 22%
}

.team-bar .fourth-arrow {
float: left;
margin-left: 25px;
width: 20%
}

.team-bar .first-one-arrow hr {
border-bottom: 1px solid #2d7da4;
border-top: 1px solid #2d7da4
}

.team-bar .first-arrow hr {
border-bottom: 1px solid #2d7da4;
border-top: 1px solid #2d7da4
}

.team-bar .second-arrow hr {
border-bottom: 1px solid #6aa42f;
border-top: 1px solid #6aa42f
}

.team-bar .third-arrow hr {
border-bottom: 1px solid #ffbd20;
border-top: 1px solid #ffbd20
}

.team-bar .fourth-arrow hr {
border-bottom: 1px solid #db3615;
border-top: 1px solid #db3615
}

.team-bar {
margin-bottom: 15px;
margin-top: 30px;
position: relative
}

.team-bar i {
border-radius: 50%;
color: #fff;
display: block;
height: 24px;
line-height: 24px;
margin-top: -32px;
overflow: hidden;
padding: 0;
text-align: center;
width: 24px;
position: absolute
}

.team-bar .first-arrow .fa-angle-up {
background: #2d7da4;
margin-left: -33px
}

.team-bar .second-arrow .fa-angle-down {
background: #6aa42f;
margin-left: -33px
}

.team-bar .third-arrow .fa-angle-up {
background: #ffbd20;
margin-left: -32px
}

.team-bar .fourth-arrow .fa-angle-down {
background: #db3615;
margin-left: -32px
}

.team .single-profile-top:after,
.team .single-profile-top:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid
}

.team .single-profile-top:before {
left: 26px;
bottom: -20px;
border-width: 10px;
border-color: #fff transparent transparent transparent;
z-index: 1
}

.team .single-profile-top:after {
left: 25px;
bottom: -22px;
border-style: solid;
border-width: 11px;
border-color: #ddd transparent transparent transparent;
z-index: 0
}

.team .single-profile-bottom:after,
.team .single-profile-bottom:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid
}

.team .single-profile-bottom:before {
left: 30px;
top: -20px;
border-width: 10px;
border-color: transparent transparent #fff transparent;
z-index: 1
}

.team .single-profile-bottom:after {
left: 29px;
top: -22px;
border-style: solid;
border-width: 11px;
border-color: transparent transparent #ddd transparent;
z-index: 0
}

.services {
padding: 0
}

.get-started {
background: none repeat scroll 0 0 #f3f3f3;
border-radius: 3px;
padding-bottom: 30px;
position: relative;
margin-bottom: 18px;
margin-top: 60px;
padding-left: 25px;
padding-right: 25px
}

.get-started h2 {
padding-top: 30px;
margin-bottom: 20px
}

#about-us {
padding: 40px 0
}

.aboutus-bg {
background: none repeat scroll 0 0 #f9f9f9;
border-radius: 3px;
padding-bottom: 30px;
position: relative;
margin-bottom: 18px;
margin-top: 0;
padding-left: 25px;
padding-right: 25px
}

.aboutus-bg h2 {
padding-top: 30px;
margin-bottom: 20px
}

.knowmore {
bottom: -19px;
left: 50%;
position: absolute;
margin-left: -110px
}

.knowmore h4 {
position: absolute;
width: 300px;
position: relative;
font-size: 26px
}

.knowmore h4 a {
background: #040404;
color: #fff;
font-size: 18px;
font-weight: 400;
border-radius: 3px;
padding: 10px 20px
}

.knowmore h4:after {
border-color: #ccc transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
position: absolute;
right: 2px;
z-index: -99999
}

.knowmore h4:before {
border-color: #ccc transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -21px;
content: "";
height: 0;
left: -11px;
position: absolute;
z-index: -99999
}

.request {
bottom: -15px;
left: 50%;
position: absolute;
margin-left: -110px
}

.request h4 {
position: absolute;
width: 220px;
position: relative
}

.request h4 a {
background: #c52d2f;
color: #fff;
font-size: 14px;
font-weight: 400;
border-radius: 3px;
padding: 5px 15px
}

.request h4:after {
border-color: #c52d2f transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
position: absolute;
right: 13px;
z-index: -99999
}

.request h4:before {
border-color: #c52d2f transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
left: 13px;
position: absolute;
z-index: -99999
}

.clients-area {
padding: 60px
}

.clients-comments {
background-image: url(../images/image_bg.png);
background-position: center 118px;
background-repeat: no-repeat;
margin-bottom: 100px
}

.clients-comments img {
background: #ddd;
border: 1px solid #ddd;
height: 182px;
padding: 3px;
width: 182px;
transition: all .9s ease 0s;
-moz-transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s;
-o-transition: all .9s ease 0s
}

.clients-comments h3 {
margin-top: 55px;
font-weight: 300;
padding: 0 40px
}

.clients-comments h4 {
font-weight: 300;
margin-top: 15px
}

.clients-comments h4 span {
font-weight: 700;
font-style: oblique
}

.footer {
background: none repeat scroll 0 0 #2e2e2e;
border-top: 5px solid #c52d2f;
height: 84px;
margin-top: 110px
}

.footer_left {
padding: 10px
}

.text-left {
color: #fff;
font-size: 12px;
margin-top: -15px
}

#portfolio_page {
margin-top: 115px;
padding-bottom: 0
}

.portfolio-filter,
.portfolio-items {
list-style: none outside none;
margin: 0 0 40px 0;
padding: 0
}

.portfolio-filter > li {
display: inline-block
}

.portfolio-filter > li a {
background: none repeat scroll 0 0 #fff;
font-size: 14px;
font-weight: 400;
margin-right: 20px;
text-transform: uppercase;
transition: all .9s ease 0s;
-moz-transition: all .9s ease 0s;
-webkit-transition: all .9s ease 0s;
-o-transition: all .9s ease 0s;
border: 1px solid #f2f2f2;
outline: 0;
border-radius: 3px
}

.portfolio-filter > li a.active,
.portfolio-filter > li a:hover {
color: #fff;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
border: 1px solid #222;
box-shadow: none;
-webkit-box-shadow: none
}

.portfolio-items > li {
float: left;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.portfolio-item {
margin: 0;
padding: 0
}

.isotope-item {
z-index: 2
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1
}

.isotope,
.isotope .isotope-item {
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-ms-transition-duration: .8s;
-o-transition-duration: .8s;
transition-duration: .8s
}

.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width
}

.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s
}

.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none
}

.pricing_heading {
margin-top: 120px
}

.pricing_heading h2,
.pricing_heading p {
color: #4e4e4e
}

.pricing-area h1 {
font-weight: 300;
margin-top: 0;
margin-bottom: 15px
}

.pricing-area span {
font-weight: 700;
font-size: 18px
}

.pricing-area h3,
.pricing-area span {
color: #fff
}

.plan {
position: relative;
margin-bottom: 70px
}

.pricing-area ul {
background: #fafafa;
padding: 0;
margin: 0
}

.pricing-area ul li {
list-style: none;
padding: 15px 0;
font-size: 16px;
font-weight: 400
}

.pricing-area ul li:nth-child(even) {
background: #f5f5f5
}

.pricing-area .price-six img,
.pricing-area .price-three img {
position: absolute;
right: 15px;
top: 0
}

.pricing-area .heading-one,
.pricing-area .heading-three,
.pricing-area .heading-two {
padding: 17px 0;
border-radius: 2px 2px 0 0
}

.pricing-area .heading-five,
.pricing-area .heading-four,
.pricing-area .heading-one,
.pricing-area .heading-seven,
.pricing-area .heading-six,
.pricing-area .heading-three,
.pricing-area .heading-two {
margin-left: -10px
}

.pricing-area .heading-one,
.pricing-area .price-one .plan-action .btn-primary {
background: #e24f43
}

.pricing-area .heading-two,
.pricing-area .price-two .plan-action .btn-primary {
background: #27ae60
}

.pricing-area .heading-three,
.pricing-area .price-three .plan-action .btn-primary {
background: #f39c12
}

.pricing-area .heading-four,
.pricing-area .price-four .plan-action .btn-primary {
background: #136ACD
}

.pricing-area .heading-five,
.pricing-area .price-five .plan-action .btn-primary {
background: #5c5c5c
}

.pricing-area .heading-six,
.pricing-area .price-six .plan-action .btn-primary {
background: #e24f43
}

.pricing-area .heading-seven,
.pricing-area .price-seven .plan-action .btn-primary {
background: #5c5c5c
}

.pricing-area .bg {
background: #fafafa
}

.pricing-area .heading-one h3:before {
border-color: #bf4539 transparent transparent
}

.pricing-area .heading-two h3:before {
border-color: #1f8c4d transparent transparent
}

.pricing-area .heading-three h3:before {
border-color: #d4880f transparent transparent
}

.pricing-area .heading-four h3:before {
border-color: #424242 transparent transparent
}

.pricing-area .heading-five h3:before {
border-color: #424242 transparent transparent
}

.pricing-area .heading-six h3:before {
border-color: #bf4539 transparent transparent
}

.pricing-area .heading-seven h3:before {
border-color: #424242 transparent transparent
}

.pricing-area h3:before {
border-color: #d4880f transparent transparent;
border-radius: 5px 0 0 0;
border-style: solid;
border-width: 12px;
content: "";
height: 0;
left: 4px;
position: absolute;
top: 78px;
width: 0;
z-index: -999
}

.small-pricing h3:after {
height: 94px
}

.small-pricing h3:before {
top: 74px
}

.plan-action {
height: 40px
}

.pricing-area .plan-action .btn-primary {
position: relative;
padding: 5px 20px;
color: #fff;
margin-top: 5px
}

.pricing-area .plan-action .btn-primary:before {
border-color: #e24f43 transparent transparent;
border-radius: 5px 0 0 0;
border-style: solid;
border-width: 12px;
bottom: -12px;
content: "";
height: 0;
left: -9px;
position: absolute;
width: 0;
z-index: -1
}

.pricing-area .plan-action .btn-primary:after {
border-color: #e24f43 transparent transparent;
border-radius: 5px 0 0 0;
border-style: solid;
border-width: 12px;
bottom: -12px;
content: "";
height: 0;
position: absolute;
right: -9px;
width: 0;
z-index: -1
}

.pricing-area .price-two .plan-action .btn-primary:after,
.pricing-area .price-two .plan-action .btn-primary:before {
border-color: #1f8c4d transparent transparent
}

.pricing-area .price-three .plan-action .btn-primary:after,
.pricing-area .price-three .plan-action .btn-primary:before {
border-color: #d4880f transparent transparent
}

.pricing-area .price-five .plan-action .btn-primary:after,
.pricing-area .price-five .plan-action .btn-primary:before,
.pricing-area .price-four .plan-action .btn-primary:after,
.pricing-area .price-four .plan-action .btn-primary:before,
.pricing-area .price-seven .plan-action .btn-primary:after,
.pricing-area .price-seven .plan-action .btn-primary:before {
border-color: #424242 transparent transparent;
right: -9px
}

.pricing-area .price-six .plan-action .btn-primary:after,
.pricing-area .price-six .plan-action .btn-primary:before {
border-color: #bf4539 transparent transparent;
right: -9px
}

.gmap-area {
background-image: url(../images/map.jpg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0
}

.gmap-area .gmap iframe {
border-radius: 50%;
height: 280px;
width: 300px
}

.gmap {
border: 10px solid #f6f5f0;
border-radius: 50%;
height: 300px;
width: 300px;
box-shadow: 0 0 3px 3px #e7e4dc;
overflow: hidden;
position: relative;
margin: 0 auto
}

.gmap-area .map-content ul {
list-style: none
}

.gmap-area .map-content address h5 {
font-weight: 700
}

#contact-page {
padding-top: 0
}

#contact-page .contact-form .form-group label {
color: #4e4e4e;
font-size: 16px;
font-weight: 300
}

.form-group .form-control {
padding: 7px 12px;
border-color: #f2f2f2;
box-shadow: none;
border-radius: 0;
font-size: 16px
}

textarea#message {
resize: none;
padding: 10px
}

#contact-page .contact-wrap {
margin-top: 20px
}

.widget {
margin-bottom: 60px;
padding-left: 0
}

.single_comments {
margin-bottom: 20px
}

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

.single_comments p {
margin-bottom: 0
}

.widget .entry-meta span {
display: inline-block;
margin-right: 10px
}

.widget h3 {
color: #000;
text-transform: uppercase;
margin-bottom: 20px
}

.blog_category {
list-style: none;
margin: 0;
padding: 0
}

.blog_category li {
float: none;
margin-bottom: 20px
}

.blog_category li a {
background: #f5f5f5;
border-radius: 4px;
color: #888;
display: inline-block;
padding: 5px 15px
}

.blog_category li a:hover {
background: #c52d2f;
color: #fff
}

.badge:before {
border-color: transparent transparent transparent #c52d2f;
border-style: solid;
border-width: 10px;
bottom: -8px;
content: "";
height: 0;
left: 5px;
position: absolute;
z-index: -99999
}

.badge {
background-color: #c52d2f;
border-radius: 5px;
color: #fff;
padding: 8px;
position: relative;
left: 60px;
top: -18px;
font-weight: 400
}

.blog_archieve {
list-style: none outside none;
margin: 0;
padding: 0
}

.blog_archieve li {
padding: 10px 0;
border-bottom: 1px solid #f5f5f5
}

.blog_archieve li:first-child {
padding-top: 0
}

ul.gallery {
list-style: none;
padding: 0;
margin: 0
}

ul.gallery li {
display: block;
width: 60px;
padding: 0;
margin: 0 4px 4px 0;
float: left
}

ul.faq {
list-style: none;
margin: 0
}

ul.faq li {
margin-top: 30px
}

ul.faq li:first-child {
margin-top: 0
}

ul.faq li span.number {
display: block;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #34495e;
color: #fff;
font-size: 24px
}

ul.faq li > div {
margin-left: 70px
}

ul.faq li > div h3 {
margin-top: 0
}

.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden
}

.embed-container embed,
.embed-container iframe,
.embed-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}

.blog-item {
border-radius: 0;
overflow: hidden;
margin-bottom: 50px
}

.blog .blog-item .img-blog {
border-radius: 5px;
margin-bottom: 45px
}

.blog .blog-item .blog-content {
padding-bottom: 25px
}

.blog .blog-item .blog-content h2 {
margin-top: 0;
font-size: 30px
}

.readmore {
margin-top: 0
}

.blog .blog-item .blog-content h3 {
color: #858586;
margin-bottom: 40px
}

.blog .blog-item .blog-content h4 {
font-size: 14px
}

.blog .blog-item .entry-meta {
border-radius: 5px;
overflow: hidden
}

.blog .blog-item .entry-meta > span {
background: #f5f5f5;
border-top: 1px solid #fff;
display: block;
font-size: 12px;
overflow: hidden;
padding: 5px;
text-align: left
}

#publish_date {
background: #c52d2f;
border-bottom: 5px solid #4e4e4e;
color: #fff;
padding: 5px 0;
text-align: center
}

.blog .blog-item .entry-meta > span {
color: #ccc
}

.blog .blog-item .entry-meta > span a {
font-size: 12px;
margin-left: 3px;
font-weight: 300;
color: #888
}

ul.pagination > li > a {
border: 1px solid #f1f1f1;
margin-right: 5px;
border-radius: 5px;
font-size: 16px;
padding: 5px 14px
}

ul.pagination > li > a i {
margin-left: 5px;
margin-right: 5px
}

ul.pagination > li.active > a,
ul.pagination > li:hover > a {
background-color: #c52d2f !important;
border-color: #c52d2f !important;
color: #fff
}

.search_box {
background-image: url(../images/search_icon.png);
background-position: 314px 15px;
background-repeat: no-repeat;
border-color: #dedede;
height: 48px;
outline: medium none;
box-shadow: none
}

.form-control:focus {
box-shadow: none;
outline: 0 none
}

ul.sidebar-gallery,
ul.tag-cloud {
list-style: none;
padding: 0;
margin: 0
}

.tag-cloud li {
display: inline-block;
margin-bottom: 3px
}

.tag-cloud li a {
background: #f5f5f5;
color: #888;
border: 0;
border-radius: 4px;
padding: 8px 15px
}

.tag-cloud li a:hover {
background: #c52d2f;
color: #fff
}

.sidebar-gallery li {
display: inline-block;
margin: 0 10px 10px 0
}

.sidebar-gallery li a {
border-radius: 4px;
display: inline-block
}

.reply_section {
background: #f5f5f5;
border-radius: 5px
}

.post_reply {
margin-left: 10px;
margin-top: 45px
}

.post_reply img {
width: 85px;
height: 85px;
border: 5px solid #d5d8dd
}

.post_reply ul {
list-style: none outside none;
margin: 0;
padding: 0;
margin-top: 5px
}

.post_reply ul li {
float: left
}

.post_reply ul li a {
display: block
}

.post_reply ul li a i {
border: 1px solid #ddd;
border-radius: 39px;
color: #fff;
font-size: 20px;
height: 30px;
margin-right: 3px;
padding-top: 7px;
text-align: center;
width: 30px
}

.post_reply ul li a i.fa-facebook {
background: #0182c4
}

.post_reply ul li a i.fa-twitter {
background: none repeat scroll 0 0 #3fc1fe
}

.post_reply ul li a i.fa-google-plus {
background: none repeat scroll 0 0 #d34836
}

.post_reply ul li a i:hover {
opacity: .5
}

.post_reply_content {
margin: 30px
}

.post_reply_content h1 a:hover {
color: #ffc800
}

.post_reply_content h4 {
margin-bottom: 50px
}

.reply_section .media-body {
display: inherit
}

.comment_section .media-body {
display: inherit
}

#comments_title {
color: #4e4e4e;
font-weight: 700px;
font-size: 20px;
margin-top: 60px;
margin-bottom: 40px
}

.comment_section {
margin-top: 30px;
position: relative
}

.post_comments img {
width: 85px;
height: 85px;
margin-top: 35px
}

.post_reply_comments {
background: #f5f5f5;
border-radius: 4px;
padding: 30px
}

.post_reply_comments:before {
border-color: transparent #f0f0f0 transparent transparent;
border-style: solid;
border-width: 15px;
content: " ";
height: 0;
left: 75px;
position: absolute;
top: 20px
}

.post_reply_comments h3,
.post_reply_content h3 {
margin-top: 0
}

.post_reply_comments h1 a:hover {
color: #c52d2f
}

.post_reply_comments h4 {
color: #c4c4c5;
font-weight: 400
}

.post_reply_comments p {
padding-bottom: 30px
}

.post_reply_comments a {
bottom: 15px;
position: absolute;
right: 30px;
background: #c52d2f;
color: #fff;
border-radius: 5px;
padding: 8px 20px
}

.post_reply_comments a:before {
border-color: #c52d2f transparent transparent;
border-style: solid;
border-width: 16px;
bottom: -11px;
content: "";
height: 0;
left: -12px;
position: absolute;
z-index: 99999
}

.message_heading {
margin-bottom: 50px;
margin-top: 60px
}

#error .btn-success:hover,
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.open .dropdown-toggle.btn-success:hover {
background-color: #ebebeb;
border-color: #ebebeb;
color: #4e4e4e
}

#error h1 {
color: #4e4e4e;
text-transform: uppercase
}

.shortcode-item {
padding-bottom: 0
}

.shortcode-item h2 {
color: #4e4e4e;
font-size: 24px;
margin-bottom: 22px;
margin-top: 0;
font-weight: 600
}

#bottom {
background: #222;
border-bottom: 1px solid #a21d89;
font-size: 14px;
padding: 40px 0
}

#bottom h3 {
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 16px;
color: #fff;
font-family: 'Josefin Sans', sans-serif
}

#bottom ul {
list-style: none;
padding: 0;
margin: 0
}

#bottom ul li {
display: block;
padding: 3px 0 0 5px;
font-size: 12px;
border-bottom: 1px dashed #333
}

#bottom ul li a {
color: grey
}

#bottom ul li a:hover {
color: #fff
}

#bottom .widget {
margin-bottom: 0
}

#footer {
padding-top: 10px;
padding-bottom: 5px;
color: #fff;
background: #2e2e2e;
font-size: 12px
}

#footer a {
color: #fff;
font-size: 12px
}

#footer a:hover {
color: #787878
}

#footer ul {
list-style: none;
padding: 0;
margin: 0
}

#footer ul > li {
display: inline-block;
margin-left: 6px
}

#at-offers {
margin-top: 20px
}

#at-offers .border-rb {
border-right: 1px solid #222;
border-bottom: 1px solid #222
}

#at-offers .border-lb {
border-left: 1px solid #222;
border-bottom: 1px solid #222
}

.at-offers,
.at-offers .title_border,
.at-offers h3,
.at-offers i {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}

.at-offers {
background: #872175;
padding: 20px
}

.at-offers .services-wrap h3 {
font-size: 17px;
margin: 10px 0;
color: #fff;
text-transform: uppercase;
font-weight: 600;
text-shadow: 1px 1px 1px #000
}

.at-offers .services-wrap {
padding: 0 0;
background: #872175;
border-radius: 0;
margin: 0 0 1px
}

.at-offers .services-wrap .pull-left {
margin-right: 17px;
margin-top: 6px
}

.at-offers p {
margin-top: 10px;
margin-bottom: 10px
}

.at-offers i {
font-size: 80px;
color: #fff;
background: #1e825f;
padding: 30px;
border-radius: 50%;
border: solid 3px #1e825f
}

.at-offers:hover {
-webkit-transform: translate(0, 1em);
-moz-transform: translate(0, 1em);
-o-transform: translate(0, 1em);
-ms-transform: translate(0, 1em);
transform: translate(0, 1em)
}

.at-offers:hover i {
color: #1e825f;
border-color: #1e825f;
background: #fff
}

.at-offers:hover .title_border {
background-color: #1e825f;
width: 50%
}

.at-offers .title_border {
width: 0%;
height: 3px;
background: #1e825f;
margin: 0 auto;
margin-top: 12px;
margin-bottom: 8px
}

#us-solutions {
margin-top: 20px
}

.us-solutions,
.us-solutions .title_border,
.us-solutions h3,
.us-solutions i {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}

.us-solutions {
background: #fff;
padding: 20px 14px 20px 14px;
border: 1px dashed #ccc
}

#us-solutions .border-right0 {
border-right: 0
}

#us-solutions .border-left0 {
border-left: 0
}

#us-solutions .border-bottom0 {
border-bottom: 0
}

.us-solutions .feature-wrap {
margin-bottom: 0;
overflow: hidden
}

#us-solutions h3 {
font-size: 14px;
color: #787878;
font-weight: 400;
line-height: 24px;
margin-top: 10px;
margin-bottom: 10px
}

.us-solutions .feature-wrap .pull-left {
margin-right: 25px
}

.us-solutions .feature-wrap i {
font-size: 48px;
height: 110px;
width: 110px;
margin: 3px;
border-radius: 100%;
line-height: 110px;
text-align: center;
background: #fff;
color: #fff;
border: 3px solid #fff;
box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
margin-right: 10px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
background-color: #fff
}

.us-solutions .feature-wrap i:hover {
background: #222;
color: #fff;
box-shadow: inset 0 0 0 5px #c52d2f;
-webkit-box-shadow: inset 0 0 0 5px #a21d89;
border: 3px solid #222
}

.us-solutions p {
margin-top: 20px;
margin-bottom: 30px
}

.us-solutions h3 {
color: #1e825f
}

.us-solutions:hover {
background: #f5f5f5;
-webkit-transform: translate(0, 1em);
-moz-transform: translate(0, 1em);
-o-transform: translate(0, 1em);
-ms-transform: translate(0, 1em);
transform: translate(0, 1em)
}

.us-solutions:hover i {
color: #a21d89;
border-color: #222;
background: #fff
}

.us-solutions:hover .title_border {
background-color: #1e825f;
width: 50%
}

.us-solutions .title_border {
width: 0%;
height: 3px;
background: #1e825f;
margin: 0 auto;
margin-top: 12px;
margin-bottom: 8px
}

.solutions-btn {
text-align: -webkit-center;
margin-top: 3%
}

.solutions-btn h4 {
position: absolute;
width: 220px;
position: relative;
text-transform: uppercase
}

.solutions-btn h4 a {
background: #222;
color: #fff;
font-size: 14px;
font-weight: 400;
border-radius: 2px;
padding: 14px 15px 10px 15px
}

.solutions-btn h4 a:hover {
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

.solutions-btn h4:after {
border-color: #ddd transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
position: absolute;
right: -4px;
z-index: -99999
}

.solutions-btn h4:before {
border-color: #ddd transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
left: -5px;
position: absolute;
z-index: -99999
}

.services-btn {
text-align: -webkit-center;
margin-top: 4%
}

.services-btn h4 {
position: absolute;
width: 220px;
position: relative;
text-transform: uppercase
}

.services-btn h4 a {
color: #fff;
font-size: 14px;
font-weight: 400;
border-radius: 2px;
padding: 5px 15px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

.services-btn h4 a:hover {
background: #4e4e4e
}

.services-btn h4:after {
border-color: #4e4e4e transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
position: absolute;
right: 20px;
z-index: -99999
}

.services-btn h4:before {
border-color: #4e4e4e transparent transparent;
border-style: solid;
border-width: 12px;
bottom: -18px;
content: "";
height: 0;
left: 20px;
position: absolute;
z-index: -99999
}

#carousel {
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
padding-top: 20px
}

.quote {
color: rgba(0, 0, 0, .1);
text-align: center;
margin-bottom: -7px
}

#fade-quote-carousel.carousel {
padding-bottom: 60px
}

#fade-quote-carousel.carousel .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity
}

#fade-quote-carousel.carousel .carousel-inner .active {
opacity: 1;
-webkit-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity
}

#fade-quote-carousel.carousel .carousel-indicators {
bottom: 10px
}

#fade-quote-carousel.carousel .carousel-indicators > li {
background-color: #222;
border: none
}

#fade-quote-carousel blockquote {
text-align: center;
border: none;
padding: 20px 20px 10px 30px;
margin: 0 0 0
}

#fade-quote-carousel blockquote p:last-child {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
color: #fff
}

#fade-quote-carousel .profile-circle {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 100px
}

#first-slider .main-container {
padding: 0
}

#first-slider .slide1 h3,
#first-slider .slide2 h3,
#first-slider .slide3 h3,
#first-slider .slide4 h3,
#first-slider .slide5 h3,
#first-slider .slide6 h3 {
color: #222;
font-size: 34px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Josefin Sans', sans-serif;
text-shadow: 1px 1px 1px #ddd
}

#first-slider .slide4 h4,
#first-slider .slide5 h4,
#first-slider .slide6 h4 {
color: #222;
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
font-family: 'Josefin Sans', sans-serif;
margin-top: 18px;
line-height: 32px;
text-shadow: 1px 1px 1px #ddd
}

#first-slider .slide1 h4 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
font-family: 'Josefin Sans', sans-serif;
margin-top: 18px;
line-height: 32px
}

#first-slider .slide3 h4 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
font-family: 'Josefin Sans', sans-serif;
margin-top: 18px;
line-height: 32px
}

#first-slider .slide2 h4 {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
font-family: 'Josefin Sans', sans-serif;
margin-top: 18px;
line-height: 32px
}

#first-slider .slide1 .text-left,
#first-slider .slide3 .text-left {
padding-left: 0
}

#first-slider .carousel-indicators {
bottom: 0
}

#first-slider .carousel-control.left,
#first-slider .carousel-control.right {
background-image: none
}

#first-slider .carousel .item {
min-height: 425px;
height: 100%;
width: 100%
}

.carousel-inner .item .container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0
}

#first-slider h3 {
animation-delay: 1s
}

#first-slider h4 {
animation-delay: 2s
}

#first-slider h2 {
animation-delay: 3s
}

#first-slider .carousel-control {
width: 6%;
text-shadow: none
}

#first-slider h1 {
text-align: center;
margin-bottom: 30px;
font-size: 30px;
font-weight: 700
}

#first-slider .p {
padding-top: 125px;
text-align: center
}

#first-slider .p a {
text-decoration: underline
}

#first-slider .carousel-indicators li {
width: 14px;
height: 14px;
background-color: rgba(255, 255, 255, .4);
border: none
}

#first-slider .carousel-indicators .active {
width: 16px;
height: 16px;
background-color: #fff;
border: none
}

.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .item {
opacity: 0
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right,
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
z-index: 2
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block
}

.carousel-control .fa-angle-left {
left: 20%;
margin-top: -25px;
font-size: 38px;
color: #fff;
-moz-border-radius: 23px
}

.carousel-control .fa-angle-right {
left: 50%;
margin-top: -25px;
font-size: 38px;
color: #fff;
-moz-border-radius: 23px
}

.carousel-control {
opacity: 1
}

#partner .carousel {
margin-bottom: 0;
padding: 0 20px 30px 20px
}

#partner .carousel-control {
left: -12px;
height: 40px;
width: 40px;
background: none repeat scroll 0 0 #222;
border: 4px solid #fff;
border-radius: 23px 23px 23px 23px;
margin-top: 90px
}

#partner .carousel-control.right {
right: -12px
}

#partner .carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px
}

#partner .carousel-indicators li {
background: #cecece
}

#partner .carousel-indicators .active {
background: #428bca
}

#partner .thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 0;
-moz-box-shadow: inset 0 0 10px #d6d6d6;
-webkit-box-shadow: inset 0 0 10px #d6d6d6;
box-shadow: inset 0 0 10px #d6d6d6
}

#quick-enquiry .contact-form .form-group label {
color: #4e4e4e;
font-size: 16px;
font-weight: 300
}

#quick-enquiry .col-md-6 {
padding-left: 0;
padding-right: 0
}

#quick-enquiry .form-group .form-control {
padding: 7px 12px;
border-color: transparent;
box-shadow: none;
color: #ccc
}

#quick-enquiry textarea#message {
resize: none;
padding: 10px;
height: 65px
}

#quick-enquiry .contact-wrap {
margin-top: 20px
}

#quick-enquiry .form-group {
margin-bottom: 1px
}

#quick-enquiry .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #fff;
vertical-align: middle;
background-color: #333;
background-image: none;
border: none;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

#quick-enquiry .btn-primary {
padding: 8px 20px;
color: #fff;
border-radius: 0;
border: none;
margin-top: 0;
width: 100%;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

#touch-with-us h2 {
margin-top: -6px;
margin-bottom: 5px;
background: linear-gradient(90deg, #fff 10%, #a21d89 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

#touch-with-us .social-share {
display: inline-block;
list-style: none;
padding: 0;
margin: 0
}

.footerp p {
color: #fff;
font-size: 13px;
margin: 0 0 2px
}

.footerp p a {
color: #ccc
}

#social:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1)
}

#social {
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-o-transform: scale(.8);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s
}

.social-fb:hover {
color: #3b5998
}

.social-tw:hover {
color: #4099ff
}

.social-gp:hover {
color: #d34836
}

.social-em:hover {
color: #f39c12
}

.nomargin {
margin: 0;
padding: 0
}

.social-footer {
text-align: left
}

.social-footer .fb {
background-color: #3b5998
}

.social-footer .twitter {
background-color: #1da1f2
}

.social-footer .youtube {
background-color: red
}

.social-footer .linkedin {
background-color: #069
}

.social-footer .dribbble {
background-color: #ea4c89
}

.social-footer .skype {
background-color: #00aff0
}

.social-share-footer {
display: inline-block;
list-style: none;
padding: 0;
margin: 0
}

ul.social-share-footer li {
display: inline-block !important;
margin-right: 7px;
border-bottom: none !important
}

ul.social-share-footer li i {
color: #fff
}

ul.social-share-footer li a {
display: inline-block;
color: #fff;
background: #404040;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px
}

ul.social-share-footer li a:hover {
background: #c52d2f;
color: #fff
}

.space5 {
margin-bottom: 5px
}

.space7 {
margin-bottom: 7px
}

.space10 {
margin-bottom: 10px
}

.space15 {
margin-bottom: 15px
}

.space20 {
margin-bottom: 20px
}

.space25 {
margin-bottom: 25px
}

.space30 {
margin-bottom: 30px
}

.space36 {
margin-bottom: 36px
}

.space40 {
margin-bottom: 40px
}

.space50 {
margin-bottom: 50px
}

.space55 {
margin-bottom: 55px
}

.space60 {
margin-bottom: 60px
}

.space70 {
margin-bottom: 70px
}

.space80 {
margin-bottom: 80px
}

.space100 {
margin-bottom: 100px
}

.space110 {
margin-bottom: 110px
}

.space125 {
margin-bottom: 125px
}

.space130 {
margin-bottom: 130px
}

.space_top30 {
margin-top: 30px !important
}

#TheCompany {
background-image: url(../images/includes/the-company.jpg);
background-attachment: inherit
}

#VisionMission {
background-image: url(../images/includes/vision-mission.png);
background-attachment: inherit
}

#alliances {
background-image: url(../images/includes/vision-mission.png);
background-attachment: inherit
}

#ultra-smart-solutions-bg {
background-image: url(../images/includes/ultra-smart-solutions-bg.jpg);
background-attachment: inherit
}

#webdevelopment {
background-image: url(../images/includes/web-development.jpg);
background-attachment: inherit
}

#Cloud-Infrastructure {
background-image: url(../images/includes/Cloud-Infrastructure.jpg);
background-attachment: inherit
}

#Customized-Solutions {
background-image: url(../images/includes/Customized-Solutions.jpg);
background-attachment: inherit
}

#Payment-Gateway {
background-image: url(../images/includes/Payment-Gateway.jpg);
background-attachment: inherit
}

#hosting {
background-image: url(../images/includes/hosting.jpg);
background-attachment: inherit
}

#security-certificate {
background-image: url(../images/includes/security-certificate.jpg);
background-attachment: inherit
}

#e-marketing-top {
background-image: url(../images/includes/e-marketing.png);
background-attachment: inherit
}

#services-top {
background-image: url(../images/includes/services.jpg);
background-attachment: inherit
}

.parallax-overlay {
background-color: rgba(0, 0, 0, .65)
}

.pageTitle {
padding-top: 40px;
padding-bottom: 50px
}

.page-title {
color: #fff;
margin: 5px 0 0 0;
font-size: 30px;
font-family: 'Josefin Sans', sans-serif
}

.page-location {
background-color: rgba(0, 0, 0, .4);
display: inline-block;
font-size: 14px;
padding: 7px 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
color: #fff
}

.page-location a {
color: #ccc
}

#vision {
background: none repeat scroll 0 0 #872175;
padding: 40px 0
}

#vision .center {
text-align: left;
padding-bottom: 15px
}

#vision .center h2 {
color: #fff
}

#vision .lead {
color: #fff;
margin-bottom: 10px
}

#mission {
background: none repeat scroll 0 0 #000;
padding: 40px 0
}

#mission .center {
text-align: left;
padding-bottom: 15px
}

#mission .center h2 {
color: #fff
}

#mission .lead {
color: #fff;
margin-bottom: 10px
}

#values {
background: none repeat scroll 0 0 #872175;
padding: 40px 0
}

#values .center {
text-align: left;
padding-bottom: 15px
}

#values .center h2 {
color: #fff
}

#values h4 {
color: #fff;
line-height: 24px;
text-shadow: 1px 1px 1px #000
}

#values .lead {
color: #fff;
margin-bottom: 10px
}

#about-us h4 {
font-family: 'Josefin Sans', sans-serif;
font-size: 22px;
padding-top: 20px;
margin-bottom: 10px
}

#vision-mission {
background: #222;
padding: 40px 0
}

.vision-mission,
.vision-mission .title_border,
.vision-mission h3 {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out
}

.vision-mission {
background: #872175;
text-align: center;
padding: 20px
}

.vision-mission p {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 26px;
color: #fff
}

.vision-mission h2 {
color: #fff;
font-family: 'Josefin Sans', sans-serif
}

.vision-mission:hover {
background: #000;
-webkit-transform: translate(0, 1em);
-moz-transform: translate(0, 1em);
-o-transform: translate(0, 1em);
-ms-transform: translate(0, 1em);
transform: translate(0, 1em)
}

.vision-mission:hover .title_border {
background-color: #872175;
width: 50%
}

.vision-mission .title_border {
width: 0%;
height: 3px;
background: #1e825f;
margin: 0 auto;
margin-top: 12px;
margin-bottom: 8px
}

.reservation_top {
background: #fff;
padding: 1em 0
}

.reservation_top img {
border: 1px solid #e8e8e8;
box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
padding: 10px
}

.history_grid h3 {
font-size: 18px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: 'Josefin Sans', sans-serif
}

.history_grid p {
font-size: 16px;
color: #555;
line-height: 28px;
margin: 0 0 1em;
text-align: justify
}

.history_grid h3 a {
color: #f94b4b
}

.history_grid h3 a:hover {
color: #555;
text-decoration: none
}

.srvices_main1 {
overflow: hidden;
padding: 30px 0 0;
width: 100%
}

.service_first {
background: #222 none repeat scroll 0 0;
border: 1px dotted silver;
border-radius: 0;
padding: 20px 10px;
width: 100%;
margin-bottom: 2em
}

.service_first h1 {
color: #fff;
font-size: 18px;
font-weight: 600;
margin-top: 0;
padding: 5px 0 15px;
text-align: center;
text-transform: uppercase;

}

.heading {
/*border-bottom: 1px solid #fcab0e; */
padding-bottom: 0px;
position: relative;
font-family: 'Josefin Sans', sans-serif;

}

.service_first p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
margin: 0;
padding: 0 15px 15px;
text-align: center;
color: #fff
}

.service_button {
padding: 10px 0;
width: 100%
}

.service_button a {
background-color: #f60;
background-image: linear-gradient(to bottom, #f09204, #e65c00);
border: 1px solid;
border-radius: 0;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
margin: 0 135px;
padding: 5px 25px;
text-align: center;
text-decoration: none;
transition: all .3s ease-in-out 0s
}

.service_button a:hover {
background: #000 none repeat scroll 0 0
}

.service_first:hover {
background: #872175 none repeat scroll 0 0;
border: 1px dashed #aaa;
cursor: auto;
display: block
}

#web-designing .board {
width: 75%;
margin: 60px auto;
height: 500px;
background: #fff
}

#web-designing .board .nav-tabs {
position: relative;
margin: 40px auto;
margin-bottom: 0;
box-sizing: border-box
}

#web-designing .board > div.board-inner {
background: #fafafa url(http://subtlepatterns.com/patterns/geometry2.png);
background-size: 30%
}

#web-designing p.narrow {
width: 60%;
margin: 10px auto
}

#web-designing .liner {
height: 2px;
background: #ddd;
position: absolute;
width: 80%;
margin: 0 auto;
left: 0;
right: 0;
top: 50%;
z-index: 1
}

#web-designing .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
color: #555;
cursor: default;
border: 0;
border-bottom-color: transparent
}

#web-designing span.round-tabs {
width: 70px;
height: 70px;
line-height: 70px;
display: inline-block;
border-radius: 100px;
background: #fff;
z-index: 2;
position: absolute;
left: 0;
text-align: center;
font-size: 25px
}

#web-designing span.round-tabs.one {
color: #22c222;
border: 2px solid #22c222
}

#web-designing li.active span.round-tabs.one {
background: #fff !important;
border: 2px solid #ddd;
color: #22c222
}

#web-designing span.round-tabs.two {
color: #febe29;
border: 2px solid #febe29
}

#web-designing li.active span.round-tabs.two {
background: #fff !important;
border: 2px solid #ddd;
color: #febe29
}

#web-designing span.round-tabs.three {
color: #3e5e9a;
border: 2px solid #3e5e9a
}

#web-designing li.active span.round-tabs.three {
background: #fff !important;
border: 2px solid #ddd;
color: #3e5e9a
}

#web-designing span.round-tabs.four {
color: #f1685e;
border: 2px solid #f1685e
}

#web-designing li.active span.round-tabs.four {
background: #fff !important;
border: 2px solid #ddd;
color: #f1685e
}

#web-designing span.round-tabs.five {
color: #999;
border: 2px solid #999
}

#web-designing li.active span.round-tabs.five {
background: #fff !important;
border: 2px solid #ddd;
color: #999
}

#web-designing .nav-tabs > li.active > a span.round-tabs {
background: #fafafa
}

#web-designing .nav-tabs > li {
width: 20%
}

#web-designing .nav-tabs > li:after {
content: " ";
position: absolute;
left: 45%;
opacity: 0;
margin: 0 auto;
bottom: 0;
border: 5px solid transparent;
border-bottom-color: #ddd;
transition: .1s ease-in-out
}

#web-designing .nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 45%;
opacity: 1;
margin: 0 auto;
bottom: 0;
border: 10px solid transparent;
border-bottom-color: #ddd
}

#web-designing .nav-tabs > li a {
width: 70px;
height: 70px;
margin: 20px auto;
border-radius: 100%;
padding: 0
}

#web-designing .nav-tabs > li a:hover {
background: 0 0
}

#web-designing .tab-pane {
position: relative;
padding-top: 50px
}

#web-designing .tab-content .head {
font-family: 'Roboto Condensed', sans-serif;
font-size: 25px;
text-transform: uppercase;
padding-bottom: 10px
}

#web-designing .btn-outline-rounded {
padding: 10px 40px;
margin: 20px 0;
border: 2px solid transparent;
border-radius: 25px
}

#web-designing .btn.green {
background-color: #5cb85c;
color: #fff
}

@media(max-width:585px) {
#web-designing .board {
width: 90%;
height: auto !important
}

#web-designing span.round-tabs {
font-size: 16px;
width: 50px;
height: 50px;
line-height: 50px
}

#web-designing .tab-content .head {
font-size: 20px
}

#web-designing .nav-tabs > li a {
width: 50px;
height: 50px;
line-height: 50px
}

#web-designing .nav-tabs > li.active:after {
content: " ";
position: absolute;
left: 35%
}

#web-designing .btn-outline-rounded {
padding: 12px 20px
}
}

.widget_nav_menu ul {
list-style: outside none none;
padding-left: 0
}

.widget_archive ul li {
background-color: rgba(0, 0, 0, .3);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 7px;
width: 3px
}

.widget_nav_menu ul li {
font-size: 16px;
font-weight: 400;
line-height: 32px;
position: relative;
text-transform: uppercase;
border-bottom: 1px solid rgba(0, 0, 0, .05);
margin-bottom: 7px;
padding-bottom: 7px;
color: #222
}

.widget_nav_menu ul li i {
color: #872175;
font-weight: 600
}

.widget_nav_menu ul li span {
color: #872175;
font-weight: 600;
border-bottom: 1px solid rgba(135, 33, 117, .24)
}

#content {
padding: 28em 0 3em 0;
background-color: #222
}

#map {
position: relative;
height: 350px;
width: 100%
}

#contact-us label {
font-size: 13px;
color: #666;
font-weight: 300;
cursor: pointer
}

#contact-us label .required {
color: #ed2c3a;
margin-left: 2px
}

#contact-us input[type=submit] {
outline: 0
}

#contact-form input[type=text],
#contact-form textarea,
#respond input[type=text],
#respond textarea,
.email,
.widget-search input[type=search] {
color: #872175;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
border: 1px solid #eee;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
outline: 0;
width: 100%;
padding: 7px 14px;
display: block;
margin-bottom: 0;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out
}

#contact-form input[type=text]:focus,
#contact-form textarea:focus,
#respond input[type=text]:focus,
#respond textarea:focus,
.widget-search input[type=search]:focus {
border-color: #ddd;
box-shadow: 0 0 3px #eee;
-o-box-shadow: 0 0 3px #eee;
-moz-box-shadow: 0 0 3px #eee;
-webkit-box-shadow: 0 0 3px #eee
}

.mail_response {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 15px
}

.email-missing,
.message-missing,
.name-missing {
opacity: 0;
color: #ed2c3a;
margin-left: 10px;
transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out
}

#contact-us ul.icons-list {
margin-bottom: 6px;
padding: 0;
margin: 0;
list-style: none
}

#contact-us ul.icons-list li,
ul.list-unstyled li {
margin-bottom: 4px;
color: grey
}

#contact-us ul.icons-list li i {
font-size: 14px;
margin-right: 4px
}

#contact-us .classic-title {
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 1px solid #999;
font-weight: 300;
color: #fff;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase
}

#contact-us .classic-title span {
padding-bottom: 11px;
border-bottom: 1px solid #872175;
font-weight: 600
}

#contact-us .btn {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}

#contact-us .btn-system {
display: inline-block;
color: #fff;
margin-right: 5px;
font-weight: 300;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
-o-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, .1) inset;
border: 0;
text-transform: uppercase;
font-weight: 400
}

#contact-us .btn-large {
font-size: 16px;
padding: 9px 22px
}

#contact-us .btn-system {
background-color: #872175
}

#contact-us .btn-system.border-btn {
border-color: #ee3733;
color: #ee3733
}

#contact-us .btn-system.border-btn:hover {
background-color: #ee3733
}

#contact-us .btn-system.border-btn.btn-wite:hover {
color: #ee3733
}

#contact-us .btn-system.btn-wite {
color: #ee3733
}

.bann-strip {
padding: 3em 0 3em 0;
background: #ececec
}

.bann-strip-left h3 {
font-size: 2.5em;
color: #c76161;
margin: 0 0 .1em 0;
font-family: Play-Regular
}

.bann-strip-left h4 {
font-size: 1.5em;
color: #000;
margin: 0 0 .3em 0;
font-family: Play-Regular
}

.bann-strip-left p {
font-size: 1em;
color: #797979;
line-height: 1.8em
}

.bann-strip-right a {
font-size: 1em;
color: #fff;
background: #f5af33;
padding: .5em 1em .5em 1em;
display: inline-block;
border-radius: 4px;
margin: 2em 0 0 0
}

.bann-strip-right a:hover {
background: #c76161;
text-decoration: none
}

.bann-strip-right {
text-align: center
}

.bann-info-left {
background: url(../images/m1.jpg) no-repeat;
min-height: 400px;
background-size: cover
}

.bann-info-right {
text-align: center;
padding: 4em 0 0 0;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
min-height: 400px
}

.bann-info-right h4 {
font-size: 2em;
color: #fff;
margin: 0 0 .3em 0;
font-family: Play-Regular
}

.bann-info-right p {
font-size: 1em;
color: #fff;
line-height: 1.9em;
width: 70%;
margin: 0 auto
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
display: block;
width: 100%;
height: auto
}

.carousel-inner {
border-radius: 0
}

.carousel-caption {
background-color: rgba(0, 0, 0, .5);
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
padding: 0 0 10px 25px;
color: #fff;
text-align: left
}

.carousel-caption h2 {
color: #fff
}

.carousel-indicators {
position: absolute;
bottom: 0;
right: 0;
left: 0;
width: 100%;
z-index: 15;
margin: 0;
padding: 0 25px 18px 0
}

.carousel-control {
width: 7%
}

.carousel-control.left,
.carousel-control.right {
background-image: none
}

.section-white {
padding: 10px 0
}

.section-white {
background-color: #fff;
color: #555
}

@media screen and (min-width:768px) {
.section-white {
padding: 1.5em 0
}
}

.home-left {
background: #c76161;
min-height: 400px;
text-align: center;
padding: 4em 0 0 0;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

.home-right {
background: url(../images/m2.jpg) no-repeat;
min-height: 400px;
background-size: cover
}

.home-left h4 {
font-size: 2em;
color: #fff;
margin: 0 0 .3em 0;
font-family: Play-Regular
}

.home-left p {
font-size: 1em;
color: #fff;
line-height: 1.9em;
width: 70%;
margin: 0 auto;
margin-bottom: 10px
}

.home-left p a {
text-transform: uppercase;
text-decoration: underline;
color: #fff
}

#testimonial {
background: #222
}

#testimonial .center h2 {
font-family: 'Josefin Sans', sans-serif;
font-size: 42px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
}

#testimonial .center h2 a {
color: #fff
}

#testimonial .carousel {
margin-bottom: 0;
padding: 0 40px 30px 40px
}

#testimonial .carousel-control {
left: -12px;
height: 40px;
width: 40px;
background: none repeat scroll 0 0 #222;
border: 4px solid #fff;
border-radius: 23px 23px 23px 23px;
margin-top: 90px
}

#testimonial .carousel-control.right {
right: -12px
}

#testimonial .carousel-indicators {
right: 50%;
top: auto;
bottom: -10px;
margin-right: -19px
}

#testimonial .carousel-indicators li {
background: #cecece
}

#testimonial .carousel-indicators .active {
background: #428bca
}

.testimonial {
padding: 30px 15px 30px 30px;
border-style: solid;
border-width: 2px 1px 1px;
margin: 15px 0;
border-color: #000 #4e4e4e #4e4e4e;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

.testimonial img {
border: 1px solid #ddd;
margin: auto auto 15px;
width: 100%
}

.testimonial blockquote {
font-size: 14px;
font-weight: 400;
color: #fff
}

.testimonial blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 1px solid #eee
}

.testimonial blockquote:before {
color: #ccc;
content: open-quote;
font-size: 5em;
line-height: 0;
margin-right: .1em;
vertical-align: -.4em
}

.testimonial blockquote:after {
content: close-quote;
visibility: hidden
}

.col-md-3 .testimonial {
padding: 30px
}

.col-md-1 .testimonial .col-md-5,
.col-md-2 .testimonial .col-md-5,
.col-md-3 .testimonial .col-md-5,
.col-md-4 .testimonial .col-md-5 {
width: 100%;
margin: 0 0 15px
}

.col-md-1 .testimonial .col-md-7,
.col-md-2 .testimonial .col-md-7,
.col-md-3 .testimonial .col-md-7,
.col-md-4 .testimonial .col-md-7 {
padding: 0;
width: 100%
}

.testimonial blockquote cite {
float: left;
font-weight: 600;
margin-top: 10px;
width: 100%
}

.pince {
margin-top: 2em
}

.pince-left {
float: left;
width: 10%;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%);
text-align: center;
padding: 0
}

.pince-left1 {
float: left;
width: 10%;
background-color: #222;
text-align: center;
padding: 0
}

.pince-left2 {
float: left;
width: 6%;
background-color: #222;
text-align: center;
padding: 0
}

.pince-right {
float: right;
width: 85%;
padding-top: 10px
}

.pince-right2 {
float: right;
width: 92%;
padding-top: 10px
}

.pince-right2 p {
color: #222;
font-size: 18px;
text-transform: uppercase
}

.pince-right p {
color: #fff;
font-size: 18px;
text-transform: uppercase;
line-height: 28px
}

.pince h5 {
font-size: 2em;
font-family: 'Josefin Sans', sans-serif;
text-shadow: 1px 1px 1px #000;
color: #fff;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all
}

.about .pince-right p {
margin: 0
}

.pince:hover .pince-left {
background-color: #ff4c4c
}

.pince:hover h5 {
transform: rotatey(360deg);
-webkit-transform: rotatey(360deg);
-moz-transform: rotatey(360deg);
-o-transform: rotatey(360deg);
-ms-transform: rotatey(360deg)
}

#portfolio {
background: none repeat scroll 0 0 #f9f9f9
}

#recent-works {
background: none repeat scroll 0 0 #f9f9f9;
padding: 60px 0 0 0
}

#latest-blog {
background: none repeat scroll 0 0 #f9f9f9
}

#latest-blog {
background: none repeat scroll 0 0 #f9f9f9
}

#latest-blog .lead {
text-align: center
}

.blog-post {
position: relative;
margin-bottom: 30px;
padding: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
border: 1px dashed #ccc
}

.blog-thumb {
overflow: hidden;
position: relative
}

.blog-thumb img {
width: 100%
}

.blog-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, .7);
color: #fff;
padding: 15px
}

.content-show h4 {
margin-bottom: 0
}

.content-show h4 a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase
}

.content-show span {
color: #fff
}

.content-show span a {
font-size: 13px;
color: #fff
}

.content-hide {
margin-top: 15px;
display: none
}

.content-hide p {
color: #fff
}

.content-hide p a {
color: #fff
}

.submit_btn_effect {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #ee1c25;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}

.submit_btn_effect:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #226ea3;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}

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

.submit_btn_effect:active:before,
.submit_btn_effect:focus:before,
.submit_btn_effect:hover:before {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}

.footer_mid_outer {
width: 100%;
float: left;
background: #fff
}

.footer_mid_inner {
width: 1200px;
margin: 0 auto
}

.footer_mid_main {
width: 100%;
float: left;
padding: 25px 35px;
box-sizing: border-box
}

.email_box_left {
width: 25%;
float: left;
padding-top: 5%
}

.email_box_left img {
transition: all .5s
}

.email_box_left img:hover {
transform: scale(1.2);
transition: all .5s
}

.email_box_right {
width: 75%;
float: left
}

.email_box_right h2 {
width: 100%;
float: left;
color: #872175;
font-size: 30px;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase
}

.email_box_right p {
width: 100%;
float: left;
color: #226ea3;
font-size: 18px;
font-family: 'Open Sans', sans-serif
}

.email_box_right p {
font-size: 17px;
color: #872175
}

.email_box_right p a {
color: #872175
}

.email_box_right p a:hover {
color: #222
}

.phone_box {
width: 30%;
float: left
}

.phone_box_left {
width: 20%;
float: left
}

.phone_box_left img {
transition: all .5s
}

.phone_box_left img:hover {
transform: scale(1.2);
transition: all .5s
}

.phone_box_right {
width: 80%;
float: left
}

.phone_box_right h2 {
width: 100%;
float: left;
color: #226ea3;
font-size: 30px;
font-family: Aller
}

.phone_box_right p {
width: 100%;
float: left;
color: #226ea3;
font-size: 18px;
font-family: RobotoLight
}

.visit_box {
width: 40%;
float: left
}

.visit_box_left {
width: 14%;
float: left
}

.visit_box_left img {
transition: all .5s
}

.visit_box_left img:hover {
transform: scale(1.2);
transition: all .5s
}

.visit_box_right {
width: 86%;
float: left
}

.visit_box_right h2 {
width: 100%;
float: left;
color: #226ea3;
font-size: 30px;
font-family: Aller
}

.visit_box_right p {
width: 100%;
float: left;
color: #226ea3;
font-size: 18px;
font-family: RobotoLight
}

.pa-0 {
padding: 0 !important
}

.pa-5 {
padding: 5px !important
}

.pa-10 {
padding: 10px !important
}

.pa-15 {
padding: 15px !important
}

.pa-20 {
padding: 20px !important
}

.pa-25 {
padding: 25px !important
}

.pa-30 {
padding: 30px !important
}

.pt-0 {
padding-top: 0 !important
}

.pt-5 {
padding-top: 5px !important
}

.pt-10 {
padding-top: 10px !important
}

.pt-15 {
padding-top: 15px !important
}

.pt-20 {
padding-top: 20px !important
}

.pt-25 {
padding-top: 25px !important
}

.pt-30 {
padding-top: 30px !important
}

.pt-35 {
padding-top: 35px !important
}

.pt-40 {
padding-top: 40px !important
}

.pt-45 {
padding-top: 45px !important
}

.pt-50 {
padding-top: 50px !important
}

.pb-0 {
padding-bottom: 0 !important
}

.pb-5 {
padding-bottom: 5px !important
}

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

.pb-15 {
padding-bottom: 15px !important
}

.pb-20 {
padding-bottom: 20px !important
}

.pb-25 {
padding-bottom: 25px !important
}

.pb-30 {
padding-bottom: 30px !important
}

.pb-35 {
padding-bottom: 35px !important
}

.pb-40 {
padding-bottom: 40px !important
}

.pb-45 {
padding-bottom: 45px !important
}

.pb-50 {
padding-bottom: 50px !important
}

.pl-0 {
padding-left: 0 !important
}

.pl-5 {
padding-left: 5px !important
}

.pl-10 {
padding-left: 10px !important
}

.pl-15 {
padding-left: 15px !important
}

.pl-20 {
padding-left: 20px !important
}

.pl-25 {
padding-left: 25px !important
}

.pl-30 {
padding-left: 30px !important
}

.pl-35 {
padding-left: 35px !important
}

.pl-40 {
padding-left: 40px !important
}

.pl-45 {
padding-left: 45px !important
}

.pl-50 {
padding-left: 50px !important
}

.pr-0 {
padding-right: 0 !important
}

.pr-5 {
padding-right: 5px !important
}

.pr-10 {
padding-right: 10px !important
}

.pr-15 {
padding-right: 15px !important
}

.pr-20 {
padding-right: 20px !important
}

.pr-25 {
padding-right: 25px !important
}

.pr-30 {
padding-right: 30px !important
}

.pr-35 {
padding-right: 35px !important
}

.pr-40 {
padding-right: 40px !important
}

.pr-45 {
padding-right: 45px !important
}

.pr-50 {
padding-right: 50px !important
}

.ma-0 {
margin: 0 !important
}

.ma-5 {
margin: 5px !important
}

.ma-10 {
margin: 10px !important
}

.ma-15 {
margin: 15px !important
}

.ma-20 {
margin: 20px !important
}

.ma-25 {
margin: 25px !important
}

.ma-30 {
margin: 30px !important
}

.mt-0 {
margin-top: 0 !important
}

.mt-5 {
margin-top: 5px !important
}

.mt-10 {
margin-top: 10px !important
}

.mt-15 {
margin-top: 15px !important
}

.mt-20 {
margin-top: 20px !important
}

.mt-25 {
margin-top: 25px !important
}

.mt-30 {
margin-top: 30px !important
}

.mt-35 {
margin-top: 35px !important
}

.mt-40 {
margin-top: 40px !important
}

.mt-45 {
margin-top: 45px !important
}

.mt-50 {
margin-top: 50px !important
}

.mt-55 {
margin-top: 55px !important
}

.mt-60 {
margin-top: 60px !important
}

.mt-65 {
margin-top: 65px !important
}

.mt-70 {
margin-top: 70px !important
}

.mt-75 {
margin-top: 75px !important
}

.mt-80 {
margin-top: 80px !important
}

.mt-85 {
margin-top: 85px !important
}

.mt-90 {
margin-top: 90px !important
}

.mt-95 {
margin-top: 95px !important
}

.mt-100 {
margin-top: 100px !important
}

.mb-0 {
margin-bottom: 0 !important
}

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

.mb-10 {
margin-bottom: 10px !important
}

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

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

.mb-25 {
margin-bottom: 25px !important
}

.mb-30 {
margin-bottom: 30px !important
}

.mb-35 {
margin-bottom: 35px !important
}

.mb-40 {
margin-bottom: 40px !important
}

.mb-45 {
margin-bottom: 45px !important
}

.mb-50 {
margin-bottom: 50px !important
}

.mb-55 {
margin-bottom: 55px !important
}

.mb-60 {
margin-bottom: 60px !important
}

.mb-65 {
margin-bottom: 65px !important
}

.mb-70 {
margin-bottom: 70px !important
}

.mb-75 {
margin-bottom: 75px !important
}

.mb-80 {
margin-bottom: 80px !important
}

.mb-85 {
margin-bottom: 85px !important
}

.mb-90 {
margin-bottom: 90px !important
}

.mb-95 {
margin-bottom: 95px !important
}

.ml-0 {
margin-left: 0 !important
}

.ml-5 {
margin-left: 5px !important
}

.ml-10 {
margin-left: 10px !important
}

.ml-15 {
margin-left: 15px !important
}

.ml-20 {
margin-left: 20px !important
}

.ml-25 {
margin-left: 25px !important
}

.ml-30 {
margin-left: 30px !important
}

.ml-35 {
margin-left: 35px !important
}

.ml-40 {
margin-left: 40px !important
}

.ml-45 {
margin-left: 45px !important
}

.ml-50 {
margin-left: 50px !important
}

.ml-55 {
margin-left: 55px !important
}

.ml-60 {
margin-left: 60px !important
}

.mr-0 {
margin-right: 0 !important
}

.mr-5 {
margin-right: 5px !important
}

.mr-10 {
margin-right: 10px !important
}

.mr-15 {
margin-right: 15px !important
}

.mr-20 {
margin-right: 20px !important
}

.mr-25 {
margin-right: 25px !important
}

.mr-30 {
margin-right: 30px !important
}

.mr-35 {
margin-right: 35px !important
}

.mr-40 {
margin-right: 40px !important
}

.mr-45 {
margin-right: 45px !important
}

.mr-50 {
margin-right: 50px !important
}

.mr-55 {
margin-right: 55px !important
}

.mr-60 {
margin-right: 60px !important
}

.ml-auto {
margin-left: auto !important
}

.mr-auto {
margin-right: auto !important
}

.no-float {
float: none !important
}

.overflow-hide {
overflow: hidden !important
}

.clearfix {
overflow: hidden;
clear: both;
float: none
}

.preloader-it {
background: #fff;
position: fixed;
z-index: 10001;
height: 100%;
width: 100%;
overflow: hidden
}

.text-center {
text-align: center !important
}

.text-right {
text-align: right !important
}

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

.bg-green {
background: #2ecd99 !important
}

.bg-grey {
background: #878787 !important
}

.bg-yellow {
background: #f0c541 !important
}

.bg-red {
background: #ed6f56 !important
}

.bg-blue {
background: #4e9de6 !important
}

.bg-pink {
background: #f1a1c7 !important
}

.bg-light {
background: #fff !important
}

.bg-dark {
background: #212121 !important
}

.bg-twitter {
background: #00aced !important
}

.txt-dark {
color: #212121 !important
}

.txt-light {
color: #fff !important
}

.txt-grey {
color: #878787 !important
}

.txt-light-grey {
color: #dedede !important
}

.text-info,
.txt-info {
color: #f1a1c7 !important
}

.text-warning,
.txt-warning {
color: #f0c541 !important
}

.text-primary,
.txt-primary {
color: #4e9de6 !important
}

.text-success,
.txt-success {
color: #2ecd99 !important
}

.text-danger,
.txt-danger {
color: #ed6f56 !important
}

.font-10 {
font-size: 10px !important
}

.font-11 {
font-size: 11px !important
}

.font-12 {
font-size: 12px !important
}

.font-13 {
font-size: 13px !important
}

.font-14 {
font-size: 14px !important
}

.font-15 {
font-size: 15px !important
}

.font-16 {
font-size: 16px !important
}

.font-18 {
font-size: 18px !important
}

.font-20 {
font-size: 20px !important
}

.font-21 {
font-size: 21px !important
}

.font-22 {
font-size: 22px !important
}

.font-24 {
font-size: 24px !important
}

.weight-500 {
font-weight: 500 !important
}

.weight-600 {
font-weight: 600 !important
}

.head-font {
font-family: Poppins, sans-serif !important
}

.main-font {
font-family: Poppins, sans-serif !important
}

.capitalize-font {
text-transform: capitalize !important
}

.uppercase-font {
text-transform: uppercase !important
}

.nonecase-font {
text-transform: none !important
}

.inline-block {
display: inline-block !important
}

.block {
display: block !important
}

.table-struct {
display: table !important
}

.table-cell {
display: table-cell !important
}

.vertical-align-middle {
vertical-align: middle !important
}

.full-width {
width: 100% !important
}

.half-width {
width: 50% !important
}

.auto-width {
width: auto !important
}

.relative {
position: relative !important
}

.border-none {
border: none !important
}

small {
color: #878787;
padding-left: 5px
}

.text-muted {
color: #878787
}

.truncate {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.box-content {
background: #fff;
padding: 25px;
overflow: hidden
}

.service-item {
overflow: hidden;
margin-bottom: 30px
}

.service-item.service-right .service-icon {
float: left;
text-align: left;
margin-right: 30px
}

.service-item.service-right .service-content {
text-align: left
}

.service-item.service-left .service-icon {
float: right;
text-align: right;
margin-left: 30px
}

.service-item.service-left .service-content {
text-align: right
}

.service-item .service-content {
overflow: hidden
}

.service-item .service-content h4 {
font-size: 22px;
margin-bottom: 10px;
font-weight: 400;
color: #222
}

.service-item .service-icon {
margin-top: 15px;
width: 80px;
height: 80px;
display: block;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.service-item .service-icon i {
width: 80px;
height: 80px;
border: 2px solid #222;
border-radius: 40px;
text-align: center;
line-height: 74px;
color: #872175;
display: block;
font-size: 48px
}

.service-item:hover .service-icon {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg)
}

.icon {
width: 75px;
height: 75px
}

.blackberry-icon {
background-image: url(../images/blackberry-icon.png)
}

.service-item:hover .service-icon i {
color: #222;
border-color: #872175
}

@media screen and (max-width:768px) {
.service-item .service-icon {
width: 60px;
height: 60px;
border-radius: 30px;
line-height: 60px;
font-size: 1.4em
}

.service-item:hover .service-icon {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}

.service-item.service-right .service-icon {
float: none;
margin: 0 auto 40px auto
}

.service-item.service-right .service-content {
text-align: center
}

.service-item.service-left .service-icon {
float: none;
margin: 0 auto 40px auto
}

.service-item.service-left .service-content {
text-align: center
}
}

#mobile-portfolio .col-xs-12.col-sm-4.col-md-3 {
padding: 0
}

#mobile-portfolio {
padding-bottom: 70px;
background-color: #222
}

.mobile-work-wrap {
position: relative
}

.mobile-work-wrap img {
width: 100%
}

.mobile-work-wrap .recent-work-inner {
top: 0;
background: 0 0;
opacity: .8;
width: 100%;
border-radius: 0;
margin-bottom: 0
}

.mobile-work-wrap .recent-work-inner h3 {
margin: 10px 0
}

.mobile-work-wrap .recent-work-inner h3 a {
font-size: 24px;
color: #fff
}

.mobile-work-wrap .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
border-radius: 0;
background: #c52d2f;
color: #fff;
vertical-align: middle;
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
padding: 30px
}

.mobile-work-wrap .overlay .preview {
bottom: 0;
display: inline-block;
height: 35px;
line-height: 35px;
border-radius: 0;
background: 0 0;
text-align: center;
color: #fff
}

.mobile-work-wrap:hover .overlay {
opacity: 1
}

.call-action-style1 {
background-color: #fff;
border: 1px solid #e8e8e8;
box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset
}

#USS-Detail {
background: #222;
padding: 70px 0
}

.blog-post1 {
position: relative;
margin-bottom: 30px
}

.blog-thumb1 {
overflow: hidden;
position: relative
}

.blog-thumb1 img {
width: 100%
}

.blog-content1 {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, .7);
color: #fff;
padding: 15px
}

.content-show1 a {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700;
color: #fff;
text-transform: uppercase
}

.content-show1 span {
color: #f78e21
}

.content-hide1 {
margin-top: 15px;
display: none
}

.content-hide1 p {
color: #fff
}

.lib-panel {
margin-bottom: 20Px
}

.lib-panel img {
background-color: transparent;
padding: 40px 0 20px 0
}

.lib-panel .lib-row.lib-header {
background-color: #fff;
font-size: 18px;
padding: 10px 10px 0 0
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
height: 2px;
width: 26px;
background-color: #d9d9d9;
margin: 7px 0 7px 0
}

.lib-panel .lib-row.lib-desc {
position: relative;
height: 100%;
display: block;
font-size: 13px;
text-align: justify
}

.lib-panel .lib-row.lib-desc a {
position: absolute;
width: 100%;
bottom: 10px;
left: 20px
}

.box-shadow {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
display: inline-block;
padding: 5px 6px 15px 0
}

.box-shadow ul {
margin: 0;
padding: 0;
list-style-type: none
}

.box-shadow ul li a {
padding: 8px 0;
text-decoration: none;
display: block;
border-bottom: 1px solid #eee;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out
}

.box-shadow ul li:first-child a {
padding-top: 0
}

.box-shadow ul li a:hover {
padding-left: 8px
}

.box-shadow li {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #eee
}

.box-shadow li:last-child {
margin: 0;
padding: 0;
border: none
}

.classic-testimonials {
margin-bottom: 25px
}

.testimonials {
padding-top: 8px;
text-align: center;
position: relative
}

.testimonials .testimonial-content p {
font-family: Lora, serif;
font-size: 24px;
line-height: 36px;
font-style: italic;
font-weight: 400;
color: #444
}

.testimonials .testimonial-content {
position: relative
}

.testimonials .testimonial-content p::before {
content: open-quote;
margin-right: 6px
}

.testimonials .testimonial-content p::after {
content: close-quote;
margin-left: 6px
}

.testimonials .testimonial-author {
padding: 8px;
margin-bottom: 10px
}

.classic-testimonials .testimonial-content {
position: relative;
padding: 14px 18px;
margin-bottom: 3px;
border: 1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset
}

.classic-testimonials .testimonial-content:before {
content: "\201C";
font-weight: 300;
position: absolute;
font-size: 30px;
opacity: .5;
top: 8px;
left: 6px
}

.classic-testimonials .testimonial-author {
margin-left: 10px
}

.classic-testimonials .testimonial-author span {
font-weight: 600
}

.career .blog-content {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color: transparent;
color: #fff;
padding: 15px 0 15px 0
}

.career .blog-content h2 {
padding-top: 0;
margin-bottom: 5px;
margin-top: 5px
}

.career .blog-content p {
color: #4e4e4e;
font-size: 16px;
line-height: 24px;
font-weight: 400;
text-align: justify
}

.career .blog-content h3 {
font-size: 16px;
color: #4e4e4e;
font-weight: 600;
line-height: 24px;
text-transform: uppercase;
border-bottom: 1px solid #ddd
}

.career .blog-content .blog_archieve li {
padding: 10px 0;
border-bottom: 1px solid #ddd;
color: #4e4e4e;
font-size: 16px
}

.card {
padding-top: 20px;
margin: 10px 0 20px 0;
background-color: #fff;
border: 1px solid #d8d8d8;
border-top-width: 0;
border-bottom-width: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.card.hovercard {
position: relative;
width: 100%;
padding-top: 0;
text-align: center
}

.card.hovercard img {
width: 100%;
height: 70px;
background: linear-gradient(90deg, #853576 10%, #a21d89 90%)
}

.card.hovercard .avatar {
position: relative;
top: -50px;
margin-bottom: -40px
}

.card.hovercard .avatar img {
width: 110px;
height: 110px;
max-width: 110px;
max-height: 110px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin: 0 auto
}

.card.hovercard .info {
padding: 23px 0 20px
}

.card.hovercard .info .title {
margin-bottom: 4px;
font-size: 22px;
line-height: 1;
color: #872175;
vertical-align: middle;
font-family: 'Josefin Sans', sans-serif;
text-transform: uppercase;
font-weight: 600
}

.card.hovercard .info .desc {
overflow: hidden;
font-size: 12px;
line-height: 20px;
color: #737373;
text-overflow: ellipsis
}

.card.hovercard .bottom {
padding: 0 20px;
margin-bottom: 17px
}

.card.people .card-bottom {
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
width: 100%;
padding: 10px 20px;
line-height: 29px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}

.core-projects h1 {
font-family: 'Josefin Sans', sans-serif;
color: #000;
text-transform: uppercase;
position: relative;
padding-bottom: 13px;
letter-spacing: .3px;
margin: 0 0 0;
font-size: 26px
}

.core-projects h1:before {
content: "";
width: 55px;
height: 3px;
display: inline-block;
background: #872175;
position: absolute;
bottom: 0
}





/************************************
Css for Ultra Smart CRM
*************************************/


.section-padding {
padding: 100px 0;
}

@media (max-width: 991px) {
.section-padding {
padding: 90px 0;
}
}

@media (max-width: 767px) {
.section-padding {
padding: 80px 0;
}
}



/*--------------------------------------------------------------
#6.1	service-single-section
--------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
.service-single-section .service-single-content {
padding-left: 20px;
}
}

.service-single-section .service-single-content .service-pic {
margin-bottom: 50px;
}

.service-single-section .service-single-content .theme-btn, .service-single-section .service-single-content .theme-btn-s2, .service-single-section .service-single-content .theme-btn-s3, .service-single-section .service-single-content .theme-btn-s4 {
margin-top: 20px;
}

.service-single-section .service-single-content h2 {
font-size: 34px;
font-size: 2.26667rem;
margin: 1em 0;
font-family: 'Josefin Sans', sans-serif;
}

@media (max-width: 767px) {
.service-single-section .service-single-content h2 {
font-size: 30px;
font-size: 2rem;
}
}

.service-single-section .service-single-content h3 {
font-size: 24px;
font-size: 1.6rem;
margin: 1.2em 0;
}

.service-single-section .service-single-content p {
margin-bottom: 20px;
font-size: 16px;
line-height: 28px;
color: #4e4e4e;
text-align: justify;
letter-spacing: normal;
font-family: 'Open Sans', sans-serif;
}

.service-single-section .service-single-content ul {
list-style: none;
font-size: 16px;
font-size: 1.06667rem;
margin-bottom: 40px;
}

.service-single-section .service-single-content ul {
padding-left: 0;
margin: 0;
list-style-position: inside;
}

@media (max-width: 767px) {
.service-single-section .service-single-content ul {
font-size: 15px;
font-size: 1rem;
}
}

.service-single-section .service-single-content ul li {
position: relative;
padding-left: 25px;
line-height: 1.7em;
color: #4e4e4e;
font-size: 16px;
}

.service-single-section .service-single-content ul > li + li {
margin-top: 12px;
}

.service-single-section .service-single-content ul li i {
display: inline-block;
color: #ffbd34;
position: absolute;
left: 0;
top: 5px;
}





/****************************************
service single sidebar
****************************************/
.service-sidebar {
/*** service-list-widget ***/
/*** download-widget ***/
/*** contact-widget ***/
}

@media (max-width: 991px) {
.service-sidebar {
max-width: 300px;
margin-top: 80px;
}
}

.service-sidebar > .widget + .widget {
margin-top: 60px;
}

.service-sidebar .service-list-widget ul {
padding-left: 0;
margin: 0;
list-style-position: inside;
font-family: 'Josefin Sans', sans-serif;
}

.service-sidebar .service-list-widget ul {
list-style: none;
border: 1px solid #e6e6e6;
border-bottom: 0;
}

.service-sidebar .service-list-widget ul li {
border-bottom: 1px solid #e6e6e6;
}

.service-sidebar .service-list-widget a {
font-weight: normal;
display: block;
color: #0a172b;
padding: 18px 18px;
font-size: 19px;
}

.service-sidebar .service-list-widget a:hover,
.service-sidebar .service-list-widget .current a {
background-color: #872175;
color: #fff;
}

.service-sidebar .download-widget ul {
list-style: none;
}

.service-sidebar .download-widget ul > li + li {
margin-top: 5px;
}

.service-sidebar .download-widget ul a {
background-color: #0a172b;
color: #fff;
padding: 17px 25px;
display: block;
}

.service-sidebar .download-widget ul i {
display: inline-block;
padding-right: 10px;
color: #ffbd34;
}

.service-sidebar .download-widget ul a:hover {
color: #ffbd34;
}

.service-sidebar .contact-widget {
background-color: #ffbd34;
padding: 45px 30px;
}

.service-sidebar .contact-widget h4 {
font-size: 22px;
font-size: 1.46667rem;
color: #0a172b;
margin: 0 0 0.8em;
}

.service-sidebar .contact-widget p {
color: #0a172b;
margin: 0 0 1em;
}

.service-sidebar .contact-widget p + a {
color: #fff;
}

.service-sidebar .contact-widget p + a i {
font-size: 14px;
}

.service-sidebar .contact-widget p + a:hover {
color: #0a172b;
}

.sec-title {
    margin-top: 10px;
    padding-bottom: 3em;
}

.sec-title h2 span {
display: block;
font-size: 26px;
font-weight: normal;
color: #323232;
text-transform: uppercase;
font-family: 'Josefin Sans', sans-serif;
text-transform: capitalize;
}
.sec-title h2:after {
content: '';
width: 150px;
height: 2px;
background: #872175;
display: block;
margin-top: 10px;
}
.sec-title p {
color: #4e4e4e;
margin: 15px 0 1.2em;
padding: 0;
/*font-family: 'Josefin Sans', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
letter-spacing: 0.3px;
font-size: 16px;
line-height: 28px;
text-align: justify;
}
.single-service-page .image-caption-box .text-box h2,
.single-post-page .image-caption-box .text-box h2 {
color: #242424;
font-size: 25px;
font-weight: bold;
text-transform: capitalize;
margin-bottom: 5px;
font-family: "Alegreya", sans-serif;
}


.service-single-section .call-action-style1 {
border: 1px solid #f5f5f5;
box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
-o-box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
}

.service-single-section .call-action-boxed {
padding: 25px 25px;
}





.call-action-style3 {
border: 1px solid #f5f5f5;
box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
-o-box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0) inset;
}

.call-action-boxed3 {
padding: 25px 25px;
}








.list ul {
list-style: none;
font-size: 16px;
font-size: 1.06667rem;
margin-bottom: 40px;
}

.list ul {
padding-left: 0;
margin: 0;
list-style-position: inside;
}

@media (max-width: 767px) {
.list ul {
font-size: 15px;
font-size: 1rem;
}
}

.list ul li {
    position: relative;
    padding-left: 25px;
    line-height: 32px;
    color: #ffffff;
    font-size: 18px;
}

.list ul > li + li {
margin-top: 12px;
}

.list ul li i {
display: inline-block;
color: #ffffff;
position: absolute;
left: 0;
top: 5px;
}







/* Icon Box
-------------------------------------------------------------- */
.themesflat-icon-box .heading,
.themesflat-icon-box .sub-heading { margin: 0px; }
.themesflat-icon-box .sep { width: 60px; height: 2px; background-color: #e7e7e7; }

.themesflat-icon-box .icon-wrap { font-size: 45px; line-height: 57px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/* Has width */
.themesflat-icon-box.has-width.w95 .icon-wrap { 
width: 120px;
height: 120px;
line-height: 108px;
font-size: 45px;
}

/* Circle */
.themesflat-icon-box.circle .icon-wrap { border-radius: 50%; }

/* Background */
.themesflat-icon-box.light-bg .icon-wrap { background-color: #872175;  position: relative; z-index: 1; }

/* Color */
.themesflat-icon-box.accent-color .icon-wrap { color: #ffc30c; }

/* Border */
.themesflat-icon-box.border-light { border: 1px solid #f2f2f2; }

/* Center */
.themesflat-icon-box.align-center { text-align: center; }
.themesflat-icon-box.align-center  .icon-wrap { margin: 0 auto; }

.themesflat-icon-box.align-center .sep { margin: 0 auto; }

/* Padding inner */
.themesflat-icon-box.padding-inner { padding: 38px 15px 29px 15px; }

.themesflat-icon-box.padding-inner.pd33 { padding: 33px 15px 25px 15px; }

/*  Icon top */
.themesflat-icon-box.icon-top .icon-wrap { position: relative; }

/* Icon left */
.themesflat-icon-box.icon-left { position: relative; }
.themesflat-icon-box.icon-left .icon-wrap { position: absolute; top: 0; left: 0; }
.themesflat-icon-box.icon-left .text-wrap { padding-left: 80px; }

/* Style 1 */
.themesflat-icon-box.style-1 .heading 
{     font-size: 20px;
line-height: 28px;
margin: 18px 0px 5px 0px; color: #872175;}

/* Style 1 */
.themesflat-icon-box.style-1 .heading a
{ color: #872175; }




.themesflat-icon-box.style-1 .sub-heading { color: #666; line-height: 26px; margin-top: 19px; }

.themesflat-icon-box.style-1.light-bg .icon-wrap:before { content: ""; width: 100%; height: 100%; border-radius: 50%; background-color: #222; position: absolute; top: 0; left: 0; z-index: -1; transform: scale(0.7); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; }

.themesflat-icon-box.style-1.light-bg:hover .icon-wrap:before { transform: scale(1);  opacity: 1; visibility: visible;}

.themesflat-icon-box.style-1.accent-color:hover .icon-wrap { color: #fff; }

/* Style 2 */
.themesflat-icon-box.style-2 .heading { font-size: 16px; line-height: 26px; margin: 0px; }
.themesflat-icon-box.style-2 .sub-heading { line-height: 26px; letter-spacing: 0.1px; margin-top: 15px;}

.themesflat-icon-box.style-2.accent-color:hover .icon-wrap { color: #222; }

.themesflat-icon-box.bg-white-column { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.themesflat-icon-box.bg-white-column:hover { box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.2); }


/*.themesflat-row .span_1_of_4 {
width: 33.333333%;
float: left;
}

.themesflat-row.gutter-15 > [class*="col"] {
padding-left: 7.5px;
padding-right: 7.5px;
}*/








/* Style 1 */
.themesflat-headings.style-1 .heading { font-size: 28px; line-height: 58px;}
.themesflat-headings.style-1 .sub-heading { font-size: 16px; line-height: 32px; margin-top: 16px;  }


.bg-light-grey { background-color: #f3f4f6 !important; }





/* Half Background
-------------------------------------------------------------- */
.half-background { background-size: cover; background-repeat: no-repeat; background-position: center center; overflow: hidden; }

/* Style */
.half-background.style-1 { background-image: url('../images/gallery-1-960x560.jpg'); }
.half-background.style-2 { background-image: url('../images/bg-services-1-420x330.jpg'); }






figure {
width:100%;
height:100%;
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
box-shadow: 0 0px 0px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
}


.hover01 figure img {
width:100%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;


}
.hover01 figure:hover img {
transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-o-transform:scale(1.3);
-ms-transform:scale(1.3);
}



/*************************/
.ultra-smart-crm{


}

.ultra-smart-crm .panel-heading {
background-color: #872175;
    border-radius: 8px;
box-shadow: none;
 
}

.ultra-smart-crm .panel {

}

.ultra-smart-crm .panel-heading  {
   padding: 0px 15px;
}

.ultra-smart-crm .panel-body p {
text-align: center;
}

.ultra-smart-crm .panel-heading  h4 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px;
    padding-top: 0px;
    margin-bottom: 10px;
color: #fff;
}

.ultra-smart-crm .panel-body {
background-color: #fff;
  padding: 15px;
        border: 1px solid #f2f2f2;
}

.modal-footer {
    	padding: 0;
	}
    
.modal-footer .btn-group button {
	height:40px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border: none;
	border-right: 1px solid #ddd;
}
	
.modal-footer .btn-group:last-child > button {
	border-right: 0;
}






/***********************/

.service-single{
    margin-top: 30px;
  padding-bottom: 10px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 10px #e8e8e8;
    font-family: 'Josefin Sans', sans-serif;
}
.service-single .box-top{
    background: #a21d89;
        padding: 1px 10px 10px 10px;
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.service-single .box-top i{
  font-size: 50px;
  padding: 20px 0;
}
.service-single .box-top h2{
font-size: 18px;
text-transform: uppercase;
/* margin-bottom: 5px; */
color: #fff;
font-family: 'Josefin Sans', sans-serif;
margin-top: 23px;
}


.service-single .box-top h2 a{
color: #fff;
}

.service-single .box-down{
/*max-width: 350px; */
margin: 0 auto;
/* border-radius: 100%; */
background: #fff;
/* margin-top: -50px; */
padding: 15px 15px 10px 15px;
}

.service-single .box-down p {
    color: #666;
    line-height: 26px;
font-family: 'Open Sans', sans-serif;
}


.service-single .btn-holly{
 background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    color: #777;
    padding: 7px 18px;
    margin-top: 8px;
}
.service-single .btn-holly:hover{
	background: #a21d89;
	border-color: #a21d89;
	color: #fff;
}





.auto-container {
    position: static;
    max-width: 1210px;
    padding: 0px 20px;
    margin: 0 auto;
}


:root {
	--theme-color: #a21d89 ;
	--theme-color-two: #ffbf00;
	--theme-color-three: #d40032;
	--theme-color-four: #02c06d;
	--theme-color-five: #18bec2;
	--dark-color: #302c51;
	--dark-color-two: #302c51;
	--rubik: 'Rubik', sans-serif;
	--prata: 'Prata', serif;
	--anim-menu-btn-size: 30px;
	--anim-menu-btn-icon-size: 28px;
	--anim-menu-btn-icon-stroke: 2px;
	--fs-search-btn-size: 3em;
	--fs-search-border-bottom-width: 2px;
}




/*** 

====================================================================
Testimonail Section Four
====================================================================

***/

.testimonial-section-four {
    position: relative;
    padding: 4em 0 30px;
    background: #222;
    background-image: url(../images/service-r-top.png),url(../images/service-l-bootam.png);
    background-position: right -60px top,left -230px bottom -30px;
    background-repeat: no-repeat,no-repeat;
    }
    
    .testimonial-block-four {
    position: relative;
    padding: 0 15px;
    }
    
    .testimonial-block-four .inner-box {
        position: relative;
        margin-bottom: 30px;
        text-align: center;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 8px 2px rgb(89 83 76 / 5%);
        box-shadow: 0px 0px 8px 2px rgb(89 83 76 / 5%);
        /* margin-top: 60px; */
        padding: 0 10px 40px;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
        border-width: 2px 1px 1px;
        margin: 65px 0;
        border-radius: 8px;
        background: linear-gradient( 
    90deg
     , #853576 10%, #a21d89 90%);
    }
    
    .testimonial-block-four .inner-box:hover {
    -webkit-box-shadow: 0px 0px 45px 5px rgba(89, 83, 76, 0.15);
    box-shadow: 0px 0px 45px 5px rgba(89, 83, 76, 0.15);
    }
    
    .testimonial-block-four .image {
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    }
    
    .testimonial-block-four .image img {
    border-radius: 50%;
    }
    
    .testimonial-block-four .image:before {
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
    }
    
    .testimonial-block-four .image:after {
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border: 2px solid var(--theme-color);
    border-radius: 50%;
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0% 100%);
    opacity: 0;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    }
    
    .testimonial-block-four .inner-box:hover .image:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
    }
    
    .testimonial-block-four img {
    position: relative;
    }
    
    .testimonial-block-four h4 {
    font-size: 20px;
    margin-bottom: 15px;
    color: var(--dark-color-two);
    }
    
    .testimonial-block-four .text {
    margin-bottom: 20px;
    
    text-align: center;
    padding: 0px 20px 0px 20px;
    }
    
    .testimonial-block-four .author-title {
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
    }
    
    .testimonial-block-four .designation {
        color: #fff;
    }
    
    .testimonial-block-four .designation a {
    color: var(--theme-color);
    }

.text {
    font-size: 15px;
    line-height: 28px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}