@-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)
}
}

@font-face {
font-family:'menu';
src:url(../font/UVNHongHaHep_B.html)
}

@font-face {
font-family:'menu1';
src:url(../font/UVNHongHaHep_R.html)
}

@font-face {
font-family:'menu2';
src:url(../font/7-1523-ARIALUNI.html)
}

#main-slider {
position:relative
}

.no-margin {
margin:0;
padding:0
}

#main-slider .carousel .carousel-content {
margin-top:150px
}

#main-slider .carousel .slide-margin {
margin-top:140px
}

#main-slider .carousel h2 {
color:#fff;
text-transform:uppercase
}

#main-slider .carousel .btn-slide {
padding:8px 20px;
background:#c52d2f;
color:#fff;
border-radius:4px;
margin-top:25px;
display:inline-block
}

#main-slider .carousel .slider-img {
text-align:right;
position:absolute
}

#main-slider .carousel .item {
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
left:0!important;
opacity:0;
top:0;
position:absolute;
width:100%;
display:block!important;
height:auto;
-webkit-transition:opacity ease-in-out 500ms;
-moz-transition:opacity ease-in-out 500ms;
-o-transition:opacity ease-in-out 500ms;
transition:opacity ease-in-out 500ms
}

#main-slider .carousel .item:first-child {
top:auto;
position:relative
}

#main-slider .carousel .item.active {
opacity:1;
-webkit-transition:opacity ease-in-out 500ms;
-moz-transition:opacity ease-in-out 500ms;
-o-transition:opacity ease-in-out 500ms;
transition:opacity ease-in-out 500ms;
z-index:1
}

#main-slider .prev,#main-slider .next {
position:absolute;
top:38%;
color:#fff;
display:none;
margin-top:-25px;
height:40px;
line-height:40px;
width:40px;
text-align:center;
border-radius:4px;
z-index:5
}

#main-slider:hover .prev {
display:inline-block
}

#main-slider:hover .next {
display:inline-block
}

#main-slider .prev:hover,#main-slider .next:hover {
background-color:#000
}

#main-slider .prev {
left:8%
}

#main-slider .next {
right:8%
}

#main-slider .carousel-indicators li {
width:10px;
height:10px;
background-color:#fff;
margin:0 15px 0 0;
position:relative
}

#main-slider .carousel-indicators li:after {
position:absolute;
content:"";
width:10px;
height:10px;
border-radius:100%;
background:rgba(0,0,0,0);
border:1px solid #FFF;
left:-1px;
top:-1px
}

#main-slider .carousel-indicators .active {
width:10px;
height:10px;
background-color:#fdb515;
margin:0 15px 0 0;
border:1px solid #FFF;
position:relative
}

#main-slider .carousel-indicators .active:after {
position:absolute;
content:"";
width:10px;
height:10px;
border-radius:100%;
background:#fdb515;
border:2px solid #FFF;
left:-1px;
top:-1px
}

#main-slider .active .animation.animated-item-1 {
-webkit-animation:fadeInUp 300ms linear 300ms both;
-moz-animation:fadeInUp 300ms linear 300ms both;
-o-animation:fadeInUp 300ms linear 300ms both;
-ms-animation:fadeInUp 300ms linear 300ms both;
animation:fadeInUp 300ms linear 300ms both
}

#main-slider .active .animation.animated-item-2 {
-webkit-animation:fadeInUp 300ms linear 600ms both;
-moz-animation:fadeInUp 300ms linear 600ms both;
-o-animation:fadeInUp 300ms linear 600ms both;
-ms-animation:fadeInUp 300ms linear 600ms both;
animation:fadeInUp 300ms linear 600ms both
}

#main-slider .active .animation.animated-item-3 {
-webkit-animation:fadeInUp 300ms linear 900ms both;
-moz-animation:fadeInUp 300ms linear 900ms both;
-o-animation:fadeInUp 300ms linear 900ms both;
-ms-animation:fadeInUp 300ms linear 900ms both;
animation:fadeInUp 300ms linear 900ms both
}

#main-slider .active .animation.animated-item-4 {
-webkit-animation:fadeInUp 300ms linear 1200ms both;
-moz-animation:fadeInUp 300ms linear 1200ms both;
-o-animation:fadeInUp 300ms linear 1200ms both;
-ms-animation:fadeInUp 300ms linear 1200ms both;
animation:fadeInUp 300ms linear 1200ms both
}

#feature {
background:#f2f2f2;
padding-bottom:40px
}

.features {
padding:0
}

.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:#c52d2f;
border:3px solid #fff;
box-shadow:inset 0 0 0 5px #f2f2f2;
-webkit-box-shadow:inset 0 0 0 5px #f2f2f2;
-webkit-transition:500ms;
-moz-transition:500ms;
-o-transition:500ms;
transition:500ms;
float:left;
margin-right:25px
}

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

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

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

.recent-work-wrap {
position:relative
}

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

.recent-work-wrap .recent-work-inner {
top:0;
background:transparent;
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:#c52d2f;
color:#fff;
vertical-align:middle;
-webkit-transition:opacity 500ms;
-moz-transition:opacity 500ms;
-o-transition:opacity 500ms;
transition:opacity 500ms;
padding:30px
}

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

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

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

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

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

.services-wrap h3 {
font-size:20px;
margin:10px 0
}

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

#middle {
background:#f2f2f2
}

.skill h2 {
margin-bottom:25px
}

.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
}

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

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

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

.accordion h2 {
margin-bottom:25px
}

.panel-default {
border-color:transparent
}

.panel-default>.panel-heading,.panel {
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:#1f1f20
}

.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
}

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

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

.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.html) 50% 50% no-repeat;
background-size:cover;
color:#fff;
text-align:center
}

#partner h2,#partner h3 {
color:#fff
}

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

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

#conatcat-info {
background:#fff url(../images/contact.html) no-repeat 90% 0;
padding:30px 0
}

.contact-info i {
width:60px;
height:60px;
font-size:40px;
line-height:60px;
color:#fff;
background:#000;
text-align:center;
border-radius:10px
}

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

.contact-info {
color:#000
}

.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:none
}

.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
}

.joomla-skill,.html-skill,.css-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%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#2d7da4',GradientType=0)
}

.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%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#6aa42f',GradientType=0)
}

.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%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#ffbd20',GradientType=0)
}

.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%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#db3615',GradientType=0)
}

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

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

.team h5 {
font-weight:300
}

.single-profile-top,.single-profile-bottom {
font-weight:400;
line-height:24px;
border:1px solid #ddd;
padding:15px;
position:relative
}

.media_image {
margin-bottom:10px
}

.team .btn {
background:transparent;
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-twitter:hover,.team .social_icons .fa-google-plus: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 0;
-moz-transition:all .9s ease 0;
-webkit-transition:all .9s ease 0;
-o-transition:all .9s ease 0
}

.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:before,.team .single-profile-top:after {
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;
z-index:1
}

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

.team .single-profile-bottom:before,.team .single-profile-bottom:after {
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;
z-index:1
}

.team .single-profile-bottom:after {
left:29px;
top:-22px;
border-style:solid;
border-width:11px;
border-color:transparent transparent #DDD;
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
}

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

.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.html);
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 0;
-moz-transition:all .9s ease 0;
-webkit-transition:all .9s ease 0;
-o-transition:all .9s ease 0
}

.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
}

.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.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
-webkit-transition-duration:0;
-moz-transition-duration:0;
-ms-transition-duration:0;
-o-transition-duration:0;
transition-duration:0
}

.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-three img,.pricing-area .price-six img {
position:absolute;
right:15px;
top:0
}

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

.pricing-area .heading-one,.pricing-area .heading-two,.pricing-area .heading-three,.pricing-area .heading-four,.pricing-area .heading-five,.pricing-area .heading-six,.pricing-area .heading-seven {
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:#5c5c5c
}

.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:before,.pricing-area .price-two .plan-action .btn-primary:after {
border-color:#1f8c4d transparent transparent
}

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

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

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

.gmap-area {
background-image:url(../images/map.html);
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
}

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

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

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

.single_comments {
margin-bottom:20px
}

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

.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 iframe,.embed-container object,.embed-container embed {
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
}