/* Code tidied up by ScrapBook */
@import url("css.css");
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: "Open Sans",sans-serif; color: rgb(78, 78, 78); line-height: 22px; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: "Open Sans",sans-serif; color: rgb(78, 78, 78); }
h1 { font-size: 36px; color: rgb(255, 255, 255); }
h2 { font-size: 20px; }
h3 { font-size: 16px; color: rgb(120, 120, 120); font-weight: 400; line-height: 24px; }
h4 { font-size: 16px; }
a { color: rgb(197, 45, 47); transition: color 300ms ease 0s, background-color 300ms ease 0s; }
a:hover, a:focus { color: rgb(212, 49, 51); }
hr { border-top: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(255, 255, 255); }
.btn-primary { padding: 8px 20px; background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-radius: 4px; border: medium none; margin-top: 10px; }
.btn-primary:hover, .btn-primary:focus { background: rgb(197, 45, 47) none repeat scroll 0% 0%; outline: medium none; box-shadow: none; }
.btn-transparent { border: 3px solid rgb(255, 255, 255); background: transparent none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn-transparent:hover { border-color: rgba(255, 255, 255, 0.5); }
a:hover, a:focus { color: rgb(17, 17, 17); text-decoration: none; outline: medium none; }
.dropdown-menu { margin-top: -1px; min-width: 250px; }
.center h2 { font-size: 36px; margin-top: 0px; margin-bottom: 20px; }
.left h2 { font-size: 36px; margin-top: 0px; margin-bottom: 20px; }
.media > .pull-left { margin-right: 20px; }
.media > .pull-right { margin-left: 20px; }
body > section { padding: 70px 0px; }
.center { text-align: center; padding-bottom: 55px; }
.scaleIn { animation-name: scaleIn; }
.lead { font-size: 16px; line-height: 24px; font-weight: 400; }
.transparent-bg { background-color: transparent ! important; margin-bottom: 0px; }
@keyframes scaleIn {
0% { opacity: 0; transform: scale(0); }
100% { opacity: 1; transform: scale(1); }
}
@keyframes scaleIn {
0% { opacity: 0; transform: scale(0); }
100% { opacity: 1; transform: scale(1); }
}
#header .search { display: inline-block; }
.navbar > .container .navbar-brand { margin-left: 0px; }
.top-bar { padding: 10px 0px; background: rgb(25, 25, 25) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(34, 34, 34); line-height: 28px; }
.top-number { color: #333; }
.top-number p { margin: 0px; }
.social { text-align: right; }
.social-share { display: inline-block; list-style: outside none none; padding: 0px; margin: 0px; }
ul.social-share li { display: inline-block; }
ul.social-share li a { display: inline-block; color: rgb(255, 255, 255); background: rgb(64, 64, 64) none repeat scroll 0% 0%; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 2px; }
ul.social-share li a:hover { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.search i { color: rgb(255, 255, 255); }
input.search-form { background: transparent none repeat scroll 0% 0%; border: 0px none; width: 60px; padding: 0px 10px; color: rgb(255, 255, 255); transition: all 400ms ease 0s; }
input.search-form:hover { width: 180px; }
.navbar-brand { padding: 0px; margin: 0px; }
.navbar { border-radius: 0px; margin-bottom: 0px; background: #27292e none repeat scroll 0% 0%; padding: 10px 0px; }
.navbar-nav { margin-top: 0px; }
.navbar-nav > li { margin-left: 10px; padding-bottom: 0px; }
.navbar-inverse .navbar-nav > li > a { padding: 5px 12px; margin: 0px; border-radius: 3px; color: rgb(255, 255, 255); line-height: 24px; display: inline-block; }
.navbar-inverse .navbar-nav > li > a:hover { background-color: rgb(197, 45, 47); color: rgb(255, 255, 255); }
.navbar-inverse { border: medium none; }
.navbar-inverse .navbar-brand { font-size: 36px; line-height: 50px; color: rgb(255, 255, 255); }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: rgb(197, 45, 47); color: rgb(255, 255, 255); }
.navbar-inverse .navbar-nav .dropdown-menu { background-color: rgba(0, 0, 0, 0.85); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.125); border: 0px none; padding: 0px; margin-top: 0px; border-radius: 0px; left: 0px; }
.navbar-inverse .navbar-nav .dropdown-menu::before { position: absolute; top: 0px; }
.navbar-inverse .navbar-nav .dropdown-menu > li > a { padding: 8px 15px; color: rgb(255, 255, 255); }
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a { background-color: rgb(197, 45, 47); color: rgb(255, 255, 255); }
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a { border-radius: 0px 0px 3px 3px; }
.navbar-inverse .navbar-nav .dropdown-menu > li.divider { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top: 0px none; padding-bottom: 0px; }
#main-slider { position: relative; }
.no-margin { margin: 0px; padding: 0px; }
#main-slider .carousel .carousel-content { margin-top: 0px; }
#main-slider .carousel .slide-margin { margin-top: 160px; }
#main-slider .carousel h2 { color: rgb(255, 255, 255); }
#main-slider .carousel .btn-slide { padding: 8px 20px; background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); 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% center; background-repeat: no-repeat; background-size: cover; left: 0px ! important; opacity: 0; top: 0px; position: absolute; width: 100%; display: block ! important; height: 730px; transition: opacity 500ms ease-in-out 0s; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; transition: opacity 500ms ease-in-out 0s; z-index: 1; }
#main-slider .prev, #main-slider .next { position: absolute; top: 50%; background-color: rgb(197, 45, 47); color: rgb(255, 255, 255); display: inline-block; margin-top: -25px; height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 4px; z-index: 5; }
#main-slider .prev:hover, #main-slider .next:hover { background-color: rgb(0, 0, 0); }
#main-slider .prev { left: 10px; }
#main-slider .next { right: 10px; }
#main-slider .carousel-indicators li { width: 20px; height: 20px; background-color: rgb(255, 255, 255); margin: 0px 15px 0px 0px; position: relative; }
#main-slider .carousel-indicators li::after { position: absolute; content: ""; width: 15px; height: 15px; border-radius: 100%; background: transparent none repeat scroll 0% 0%; border: 1px solid rgb(255, 255, 255); left: 0px; top: 0px; }
#main-slider .carousel-indicators .active { width: 20px; height: 20px; background-color: rgb(197, 45, 47); margin: 0px 15px 0px 0px; border: 1px solid rgb(197, 45, 47); position: relative; }
#main-slider .carousel-indicators .active::after { position: absolute; content: ""; width: 15px; height: 15px; border-radius: 100%; background: rgb(197, 45, 47) none repeat scroll 0% 0%; border: 1px solid rgb(197, 45, 47); left: 0px; top: 0px; }
#main-slider .active .animation.animated-item-1 { animation: 300ms linear 300ms normal both 1 running fadeInUp; }
#main-slider .active .animation.animated-item-2 { animation: 300ms linear 600ms normal both 1 running fadeInUp; }
#main-slider .active .animation.animated-item-3 { animation: 300ms linear 900ms normal both 1 running fadeInUp; }
#main-slider .active .animation.animated-item-4 { animation: 300ms linear 1200ms normal both 1 running fadeInUp; }
#feature { background: rgb(242, 242, 242) none repeat scroll 0% 0%; padding-bottom: 40px; }
.features { padding: 0px; }
.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 25px 3px 3px; border-radius: 100%; line-height: 110px; text-align: center; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(197, 45, 47); border: 3px solid rgb(255, 255, 255); box-shadow: 0px 0px 0px 5px rgb(242, 242, 242) inset; transition: all 500ms ease 0s; float: left; }
.feature-wrap i:hover { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); box-shadow: 0px 0px 0px 5px rgb(197, 45, 47) inset; border: 3px solid rgb(197, 45, 47); }
#recent-works .col-xs-12.col-sm-4.col-md-3 { padding: 0px; }
#recent-works { padding-bottom: 10px; }
.recent-work-wrap { position: relative; }
.recent-work-wrap img { width: 100%; }
.recent-work-wrap .recent-work-inner { top: 0px; background: transparent none repeat scroll 0% 0%; opacity: 0.8; width: 100%; border-radius: 0px; margin-bottom: 0px; }
.recent-work-wrap .recent-work-inner h3 { margin: 10px 0px; }
.recent-work-wrap .recent-work-inner h3 a { font-size: 24px; color: rgb(255, 255, 255); }
.recent-work-wrap .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; border-radius: 0px; background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); vertical-align: middle; transition: opacity 500ms ease 0s; padding: 30px; }
.recent-work-wrap .overlay .preview { bottom: 0px; display: inline-block; height: 35px; line-height: 35px; border-radius: 0px; background: transparent none repeat scroll 0% 0%; text-align: center; color: rgb(255, 255, 255); }
.recent-work-wrap:hover .overlay { opacity: 1; }
#services { background: rgb(0, 0, 0) url("../images/bg_services.png") repeat scroll 0% 0% / cover ; }
#services .lead, #services h2 { color: #333; }
.services-wrap { padding: 40px 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 4px; margin: 0px 0px 40px; }
.services-wrap h3 { font-size: 20px; margin: 10px 0px; }
.services-wrap .pull-left { margin-right: 20px; }
#middle { background: rgb(242, 242, 242) none repeat scroll 0% 0%; }
.skill h2 { margin-bottom: 25px; }
.progress-wrap { position: relative; }
.progress .color1, .progress .color1 .bar-width { background: rgb(45, 125, 164) none repeat scroll 0% 0%; }
.progress .color2, .progress .color2 .bar-width { background: rgb(106, 164, 47) none repeat scroll 0% 0%; }
.progress .color3, .progress .color3 .bar-width { background: rgb(255, 204, 51) none repeat scroll 0% 0%; }
.progress .color4, .progress .color4 .bar-width { background: rgb(219, 54, 21) none repeat scroll 0% 0%; }
.progress, .progress-bar { height: 15px; line-height: 15px; background: rgb(230, 230, 230) none repeat scroll 0% 0%; box-shadow: none; border-radius: 0px; 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: rgb(45, 125, 164) transparent transparent; }
.progress .color2 span::before { border-color: rgb(106, 164, 47) transparent transparent; }
.progress .color3 span::before { border-color: rgb(255, 204, 51) transparent transparent; }
.progress .color4 span::before { border-color: rgb(219, 54, 21) transparent transparent; }
.accordion h2 { margin-bottom: 25px; }
.panel-default { border-color: transparent; }
.panel-default > .panel-heading, .panel { background-color: rgb(230, 230, 230); border: 0px none; box-shadow: none; }
.panel-default > .panel-heading + .panel-collapse .panel-body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(133, 133, 134); }
.panel-body { padding: 20px 20px 10px; }
.panel-group .panel + .panel { margin-top: 0px; border-top: 1px solid rgb(217, 217, 217); }
.panel-group .panel { border-radius: 0px; }
.panel-heading { border-radius: 0px; }
.panel-title > a { color: rgb(78, 78, 78); }
.accordion-inner img { border-radius: 4px; }
.accordion-inner h4 { margin-top: 0px; }
.panel-heading.active { background: rgb(31, 31, 32) none repeat scroll 0% 0%; }
.panel-heading.active .panel-title > a { color: rgb(255, 255, 255); }
a.accordion-toggle i { width: 45px; line-height: 44px; font-size: 20px; margin-top: -10px; text-align: center; margin-right: -15px; background: rgb(201, 201, 201) none repeat scroll 0% 0%; }
.panel-heading.active a.accordion-toggle i { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.panel-heading.active a.accordion-toggle.collapsed i { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.nav-tabs > li { margin-bottom: 0px; border-bottom: 1px solid rgb(230, 230, 230); }
.nav-tabs { border-bottom: medium none transparent; border-right: 1px solid rgb(230, 230, 230); }
.nav-tabs > li > a { background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(102, 102, 102); border-radius: 0px; border: 0px none; line-height: 24px; margin-right: 0px; padding: 13px 15px; }
.nav-tabs li:last-child { border-bottom: 0px none; }
.nav-stacked > li + li { margin-top: 0px; }
.nav-tabs > li > a:hover { background: rgb(31, 31, 32) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0px none; color: rgb(255, 255, 255); background: rgb(31, 31, 32) none repeat scroll 0% 0%; position: relative; }
.nav-tabs > li.active > a::after { position: absolute; content: ""; width: auto; height: auto; border-style: solid; border-color: transparent transparent transparent rgb(31, 31, 32); border-width: 25px 22px; right: -44px; top: 0px; }
.tab-wrap { border: 1px solid rgb(230, 230, 230); margin-bottom: 20px; }
.tab-content { padding: 20px; }
.tab-content h2 { margin-top: 0px; }
.tab-content img { border-radius: 4px; }
.testimonial h2 { margin-top: 0px; }
.testimonial-inner { color: rgb(133, 133, 134); font-size: 14px; }
.testimonial-inner .pull-left { border-right: 1px solid rgb(231, 231, 231); padding-right: 15px; position: relative; }
.testimonial-inner .pull-left::after { content: ""; position: absolute; width: 9px; height: 9px; top: 50%; margin-top: -5px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transform: rotate(45deg); border-width: 1px 1px 0px 0px; border-style: solid solid none none; border-color: rgb(231, 231, 231) rgb(231, 231, 231) currentcolor currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; right: -5px; }
#partner { background: transparent url("../images/partner_bg.png") no-repeat scroll 50% 50% / cover ; }
#partner { color: rgb(255, 255, 255); text-align: center; }
#partner h2, #partner h3 { color: rgb(255, 255, 255); }
.partners ul { list-style: outside none none; margin: 0px; padding: 0px; }
.partners ul li { display: inline-block; float: left; width: 20%; }
#conatcat-info { background: rgb(255, 255, 255) url("../images/contact.png") no-repeat scroll 90% 0px; padding: 30px 0px; }
.contact-info i { width: 60px; height: 60px; font-size: 40px; line-height: 60px; color: rgb(255, 255, 255); background: rgb(0, 0, 0) none repeat scroll 0% 0%; text-align: center; border-radius: 10px; }
.contact-info h2 { margin-top: 0px; color: rgb(0, 0, 0); }
.contact-info { color: rgb(0, 0, 0); }
.about-us { margin-top: 110px; margin-bottom: -110px; }
.about-us h2, .skill_text h2 { color: rgb(78, 78, 78); font-size: 30px; font-weight: 600; }
.about-us p { color: rgb(78, 78, 78); }
#carousel-slider { position: relative; }
#carousel-slider .carousel-indicators { bottom: -25px; }
#carousel-slider .carousel-indicators li { border: 1px solid rgb(255, 189, 32); }
#carousel-slider a i { border: 1px solid rgb(119, 119, 119); border-radius: 50%; font-size: 28px; height: 50px; padding: 8px; position: absolute; top: 50%; width: 50px; color: rgb(119, 119, 119); }
#carousel-slider a i:hover { background: rgb(191, 191, 191) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border: 1px solid rgb(191, 191, 191); }
#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: transparent none repeat scroll 0% 0%; }
.skill_text { display: block; margin-bottom: 60px; margin-top: 25px; overflow: hidden; }
.sinlge-skill { background: rgb(242, 242, 242) none repeat scroll 0% 0%; border-radius: 100%; color: rgb(255, 255, 255); font-size: 22px; font-weight: bold; height: 200px; position: relative; width: 200px; text-transform: uppercase; overflow: hidden; margin: 30px 0px; }
.sinlge-skill p em { color: rgb(255, 255, 255); font-size: 38px; }
.sinlge-skill p { line-height: 1; }
.joomla-skill, .html-skill, .css-skill, .wp-skill { position: absolute; height: 100%; bottom: 0px; width: 100%; border-radius: 100%; padding: 70px 0px; text-align: center; }
.joomla-skill { background: transparent linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 28%, rgb(45, 125, 164) 28%) repeat scroll 0% 0%; }
.html-skill { background: transparent linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 9%, rgb(106, 164, 47) 9%) repeat scroll 0% 0%; }
.css-skill { background: transparent linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 32%, rgb(255, 189, 32) 32%) repeat scroll 0% 0%; }
.wp-skill { background: transparent linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(242, 242, 242) 19%, rgb(219, 54, 21) 19%) repeat scroll 0% 0%; }
.skill-wrap { display: block; overflow: hidden; margin: 60px 0px; }
.team h4 { margin-top: 0px; text-transform: uppercase; }
.team h5 { font-weight: 300; }
.single-profile-top, .single-profile-bottom { font-weight: 400; line-height: 24px; }
.single-profile-top, .single-profile-bottom { border: 1px solid rgb(221, 221, 221); padding: 15px; position: relative; }
.media_image { margin-bottom: 10px; }
.team .btn { background: transparent none repeat scroll 0% 0%; font-size: 12px; font-weight: 300; margin-bottom: 3px; padding: 1px 5px; text-transform: uppercase; border: 1px solid rgb(221, 221, 221); margin-right: 3px; }
ul.social_icons, ul.tag { list-style: outside none none; padding: 0px; margin: 10px 0px; 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: rgb(255, 255, 255); height: 25px; line-height: 25px; font-size: 12px; padding: 0px; text-align: center; width: 25px; opacity: 0.8; }
.team .social_icons .fa-facebook:hover, .team .social_icons .fa-twitter:hover, .team .social_icons .fa-google-plus:hover { transform: rotate(360deg); opacity: 1; transition: all 0.9s ease 0s; }
.team .social_icons .fa-facebook { background: rgb(1, 130, 196) none repeat scroll 0% 0%; }
.team .social_icons .fa-twitter { background: rgb(32, 184, 255) none repeat scroll 0% 0%; }
.team .social_icons .fa-google-plus { background: rgb(211, 72, 54) none repeat scroll 0% 0%; }
.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 rgb(45, 125, 164); border-top: 1px solid rgb(45, 125, 164); }
.team-bar .first-arrow hr { border-bottom: 1px solid rgb(45, 125, 164); border-top: 1px solid rgb(45, 125, 164); }
.team-bar .second-arrow hr { border-bottom: 1px solid rgb(106, 164, 47); border-top: 1px solid rgb(106, 164, 47); }
.team-bar .third-arrow hr { border-bottom: 1px solid rgb(255, 189, 32); border-top: 1px solid rgb(255, 189, 32); }
.team-bar .fourth-arrow hr { border-bottom: 1px solid rgb(219, 54, 21); border-top: 1px solid rgb(219, 54, 21); }
.team-bar { margin-bottom: 15px; margin-top: 30px; position: relative; }
.team-bar i { border-radius: 50%; color: rgb(255, 255, 255); display: block; height: 24px; line-height: 24px; margin-top: -32px; overflow: hidden; padding: 0px; text-align: center; width: 24px; position: absolute; }
.team-bar .first-arrow .fa-angle-up { background: rgb(45, 125, 164) none repeat scroll 0% 0%; margin-left: -33px; }
.team-bar .second-arrow .fa-angle-down { background: rgb(106, 164, 47) none repeat scroll 0% 0%; margin-left: -33px; }
.team-bar .third-arrow .fa-angle-up { background: rgb(255, 189, 32) none repeat scroll 0% 0%; margin-left: -32px; }
.team-bar .fourth-arrow .fa-angle-down { background: rgb(219, 54, 21) none repeat scroll 0% 0%; margin-left: -32px; }
.team .single-profile-top::before, .team .single-profile-top::after { content: ""; position: absolute; width: 0px; height: 0px; border-style: solid; }
.team .single-profile-top::before { left: 26px; bottom: -20px; border-width: 10px; border-color: rgb(255, 255, 255) transparent transparent; z-index: 1; }
.team .single-profile-top::after { left: 25px; bottom: -22px; border-style: solid; border-width: 11px; border-color: rgb(221, 221, 221) transparent transparent; z-index: 0; }
.team .single-profile-bottom::before, .team .single-profile-bottom::after { position: absolute; content: ""; width: 0px; height: 0px; border-style: solid; }
.team .single-profile-bottom::before { left: 30px; top: -20px; border-width: 10px; border-color: transparent transparent rgb(255, 255, 255); z-index: 1; }
.team .single-profile-bottom::after { left: 29px; top: -22px; border-style: solid; border-width: 11px; border-color: transparent transparent rgb(221, 221, 221); z-index: 0; }
.services { padding: 0px; }
.get-started { background: rgb(243, 243, 243) none repeat scroll 0px 0px; 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 { width: 220px; position: relative; }
.request h4 a { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 14px; font-weight: normal; border-radius: 3px; padding: 5px 15px; }
.request h4::after { border-color: rgb(197, 45, 47) transparent transparent; border-style: solid; border-width: 12px; bottom: -18px; content: ""; height: 0px; position: absolute; right: 13px; z-index: -99999; }
.request h4::before { border-color: rgb(197, 45, 47) transparent transparent; border-style: solid; border-width: 12px; bottom: -18px; content: ""; height: 0px; 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: rgb(221, 221, 221) none repeat scroll 0% 0%; border: 1px solid rgb(221, 221, 221); height: 182px; padding: 3px; width: 182px; transition: all 0.9s ease 0s; }
.clients-comments h3 { margin-top: 55px; font-weight: 300; padding: 0px 40px; }
.clients-comments h4 { font-weight: 300; margin-top: 15px; }
.clients-comments h4 span { font-weight: 700; font-style: oblique; }
.footer { background: rgb(46, 46, 46) none repeat scroll 0px 0px; border-top: 5px solid rgb(197, 45, 47); height: 84px; margin-top: 110px; }
.footer_left { padding: 10px; }
.text-left { color: rgb(255, 255, 255); font-size: 12px; margin-top: 15px; }
#portfolio_page { margin-top: 115px; padding-bottom: 0px; }
.portfolio-items, .portfolio-filter { list-style: outside none none; margin: 0px 0px 40px; padding: 0px; }
.portfolio-filter > li { display: inline-block; }
.portfolio-filter > li a { background: rgb(255, 255, 255) none repeat scroll 0px 0px; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.9s ease 0s; border: 1px solid rgb(242, 242, 242); outline: medium none; border-radius: 3px; }
.portfolio-filter > li a:hover, .portfolio-filter > li a.active { color: rgb(255, 255, 255); background: rgb(197, 45, 47) none repeat scroll 0% 0%; border: 1px solid rgb(197, 45, 47); box-shadow: none; }
.portfolio-items > li { float: left; padding: 0px; box-sizing: border-box; }
.portfolio-item { margin: 0px; padding: 0px; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { transition-duration: 0.8s; }
.isotope { transition-property: height, width; }
.isotope .isotope-item { transition-property: transform, opacity; }
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { transition-duration: 0s; }
.isotope.infinite-scrolling { transition: none 0s ease 0s ; }
.pricing_heading { margin-top: 120px; }
.pricing_heading h2, .pricing_heading p { color: rgb(78, 78, 78); }
.pricing-area h1 { font-weight: 300; margin-top: 0px; margin-bottom: 15px; }
.pricing-area span { font-weight: 700; font-size: 18px; }
.pricing-area h3, .pricing-area span { color: rgb(255, 255, 255); }
.plan { position: relative; margin-bottom: 70px; }
.pricing-area ul { background: rgb(250, 250, 250) none repeat scroll 0% 0%; padding: 0px; margin: 0px; }
.pricing-area ul li { list-style: outside none none; padding: 15px 0px; font-size: 16px; font-weight: 400; }
.pricing-area ul li:nth-child(2n) { background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
.pricing-area .price-three img, .pricing-area .price-six img { position: absolute; right: 15px; top: 0px; }
.pricing-area .heading-one, .pricing-area .heading-two, .pricing-area .heading-three { padding: 17px 0px; border-radius: 2px 2px 0px 0px; }
.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: rgb(226, 79, 67) none repeat scroll 0% 0%; }
.pricing-area .heading-two, .pricing-area .price-two .plan-action .btn-primary { background: rgb(39, 174, 96) none repeat scroll 0% 0%; }
.pricing-area .heading-three, .pricing-area .price-three .plan-action .btn-primary { background: rgb(243, 156, 18) none repeat scroll 0% 0%; }
.pricing-area .heading-four, .pricing-area .price-four .plan-action .btn-primary { background: rgb(92, 92, 92) none repeat scroll 0% 0%; }
.pricing-area .heading-five, .pricing-area .price-five .plan-action .btn-primary { background: rgb(92, 92, 92) none repeat scroll 0% 0%; }
.pricing-area .heading-six, .pricing-area .price-six .plan-action .btn-primary { background: rgb(226, 79, 67) none repeat scroll 0% 0%; }
.pricing-area .heading-seven, .pricing-area .price-seven .plan-action .btn-primary { background: rgb(92, 92, 92) none repeat scroll 0% 0%; }
.pricing-area .bg { background: rgb(250, 250, 250) none repeat scroll 0% 0%; }
.pricing-area .heading-one h3::before { border-color: rgb(191, 69, 57) transparent transparent; }
.pricing-area .heading-two h3::before { border-color: rgb(31, 140, 77) transparent transparent; }
.pricing-area .heading-three h3::before { border-color: rgb(212, 136, 15) transparent transparent; }
.pricing-area .heading-four h3::before { border-color: rgb(66, 66, 66) transparent transparent; }
.pricing-area .heading-five h3::before { border-color: rgb(66, 66, 66) transparent transparent; }
.pricing-area .heading-six h3::before { border-color: rgb(191, 69, 57) transparent transparent; }
.pricing-area .heading-seven h3::before { border-color: rgb(66, 66, 66) transparent transparent; }
.pricing-area h3::before { border-color: rgb(212, 136, 15) transparent transparent; border-radius: 5px 0px 0px; border-style: solid; border-width: 12px; content: ""; height: 0px; left: 4px; position: absolute; top: 78px; width: 0px; 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: rgb(255, 255, 255); margin-top: 5px; }
.pricing-area .plan-action .btn-primary::before { border-color: rgb(226, 79, 67) transparent transparent; border-radius: 5px 0px 0px; border-style: solid; border-width: 12px; bottom: -12px; content: ""; height: 0px; left: -9px; position: absolute; width: 0px; z-index: -1; }
.pricing-area .plan-action .btn-primary::after { border-color: rgb(226, 79, 67) transparent transparent; border-radius: 5px 0px 0px; border-style: solid; border-width: 12px; bottom: -12px; content: ""; height: 0px; position: absolute; right: -9px; width: 0px; z-index: -1; }
.pricing-area .price-two .plan-action .btn-primary::before, .pricing-area .price-two .plan-action .btn-primary::after { border-color: rgb(31, 140, 77) transparent transparent; }
.pricing-area .price-three .plan-action .btn-primary::before, .pricing-area .price-three .plan-action .btn-primary::after { border-color: rgb(212, 136, 15) 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: rgb(66, 66, 66) transparent transparent; right: -9px; }
.pricing-area .price-six .plan-action .btn-primary::before, .pricing-area .price-six .plan-action .btn-primary::after { border-color: rgb(191, 69, 57) transparent transparent; right: -9px; }
.gmap-area { background-image: url("../images/map.jpg"); background-position: 0px 0px; background-repeat: no-repeat; background-size: cover; padding: 70px 0px; }
.gmap-area .gmap iframe { border-radius: 50%; height: 280px; width: 300px; }
.gmap { border: 10px solid rgb(246, 245, 240); border-radius: 50%; height: 300px; width: 300px; box-shadow: 0px 0px 3px 3px rgb(231, 228, 220); overflow: hidden; position: relative; margin: 0px auto; }
.gmap-area .map-content ul { list-style: outside none none; }
.gmap-area .map-content address h5 { font-weight: 700; }
#contact-page { padding-top: 0px; }
#contact-page .contact-form .form-group label { color: rgb(78, 78, 78); font-size: 16px; font-weight: 300; }
.form-group .form-control { padding: 7px 12px; border-color: rgb(242, 242, 242); box-shadow: none; }
textarea#message { resize: none; padding: 10px; }
#contact-page .contact-wrap { margin-top: 20px; }
.widget { margin-bottom: 60px; padding-left: 0px; }
.single_comments { margin-bottom: 20px; }
.single_comments img { float: left; margin-right: 10px; margin-top: 5px; }
.single_comments p { margin-bottom: 0px; }
.widget .entry-meta span { display: inline-block; margin-right: 10px; }
.widget h3 { color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 20px; }
.blog_category { list-style: outside none none; margin: 0px; padding: 0px; }
.blog_category li { float: none; margin-bottom: 20px; }
.blog_category li a { background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-radius: 4px; color: rgb(136, 136, 136); display: inline-block; padding: 5px 15px; }
.blog_category li a:hover { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.badge::before { border-color: transparent transparent transparent rgb(197, 45, 47); border-style: solid; border-width: 10px; bottom: -8px; content: ""; height: 0px; left: 5px; position: absolute; z-index: -99999; }
.badge { background-color: rgb(197, 45, 47); border-radius: 5px; color: rgb(255, 255, 255); padding: 8px; position: relative; left: 60px; top: -18px; font-weight: normal; }
.blog_archieve { list-style: outside none none; margin: 0px; padding: 0px; }
.blog_archieve li { padding: 10px 0px; border-bottom: 1px solid rgb(245, 245, 245); }
.blog_archieve li:first-child { padding-top: 0px; }
ul.gallery { list-style: outside none none; padding: 0px; margin: 0px; }
ul.gallery li { display: block; width: 60px; padding: 0px; margin: 0px 4px 4px 0px; float: left; }
ul.faq { list-style: outside none none; margin: 0px; }
ul.faq li { margin-top: 30px; }
ul.faq li:first-child { margin-top: 0px; }
ul.faq li span.number { display: block; float: left; width: 50px; height: 50px; line-height: 50px; text-align: center; background: rgb(52, 73, 94) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 24px; }
ul.faq li > div { margin-left: 70px; }
ul.faq li > div h3 { margin-top: 0px; }
.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.blog-item { border-radius: 0px; 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: 0px; font-size: 30px; }
.readmore { margin-top: 0px; }
.blog .blog-item .blog-content h3 { color: rgb(133, 133, 134); margin-bottom: 40px; }
.blog .blog-item .blog-content h4 { font-size: 14px; }
.post-tags {  }
.blog .blog-item .entry-meta { border-radius: 5px; overflow: hidden; }
.blog .blog-item .entry-meta > span { background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-top: 1px solid rgb(255, 255, 255); display: block; font-size: 12px; overflow: hidden; padding: 5px; text-align: left; }
#publish_date { background: rgb(197, 45, 47) none repeat scroll 0% 0%; border-bottom: 5px solid rgb(78, 78, 78); color: rgb(255, 255, 255); padding: 5px 0px; text-align: center; }
.blog .blog-item .entry-meta > span { color: rgb(204, 204, 204); }
.blog .blog-item .entry-meta > span a { font-size: 12px; margin-left: 3px; font-weight: 300; color: rgb(136, 136, 136); }
ul.pagination > li > a { border: 1px solid rgb(241, 241, 241); 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: rgb(197, 45, 47) ! important; border-color: rgb(197, 45, 47) ! important; color: rgb(255, 255, 255); }
.search_box { background-image: url("../images/search_icon.png"); background-position: 314px 15px; background-repeat: no-repeat; border-color: rgb(222, 222, 222); height: 48px; outline: medium none; box-shadow: none; }
.form-control:focus { box-shadow: none; outline: 0px none; }
ul.tag-cloud, ul.sidebar-gallery { list-style: outside none none; padding: 0px; margin: 0px; font-size: 0px;}
.tag-cloud li { display: inline-block; margin-bottom: 3px; }
.tag-cloud li a { background: rgb(245, 245, 245) none repeat scroll 0% 0%; color: rgb(136, 136, 136); border: 0px none; border-radius: 4px; padding: 8px 15px; }
.tag-cloud li a:hover { background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.sidebar-gallery li { display: inline-block; margin: 0px 10px 10px 0px; }
.sidebar-gallery li a { border-radius: 4px; display: inline-block; }
.reply_section { background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-radius: 5px; }
.post_reply { margin-left: 10px; margin-top: 45px; }
.post_reply img { width: 85px; height: 85px; border: 5px solid rgb(213, 216, 221); }
.post_reply ul { list-style: outside none none; margin: 5px 0px 0px; padding: 0px; }
.post_reply ul li { float: left; }
.post_reply ul li a { display: block; }
.post_reply ul li a i { border: 1px solid rgb(221, 221, 221); border-radius: 39px; color: rgb(255, 255, 255); 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: rgb(1, 130, 196) none repeat scroll 0% 0%; }
.post_reply ul li a i.fa-twitter { background: rgb(63, 193, 254) none repeat scroll 0px 0px; }
.post_reply ul li a i.fa-google-plus { background: rgb(211, 72, 54) none repeat scroll 0px 0px; }
.post_reply ul li a i:hover { opacity: 0.5; }
.post_reply_content { margin: 30px; }
.post_reply_content h1 a:hover { color: rgb(255, 200, 0); }
.post_reply_content h4 { margin-bottom: 50px; }
.reply_section .media-body { display: inherit; }
.comment_section .media-body { display: inherit; }
#comments_title { color: rgb(78, 78, 78); 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: rgb(245, 245, 245) none repeat scroll 0% 0%; border-radius: 4px; padding: 30px; }
.post_reply_comments::before { border-color: transparent rgb(240, 240, 240) transparent transparent; border-style: solid; border-width: 15px; content: " "; height: 0px; left: 75px; position: absolute; top: 20px; }
.post_reply_comments h3, .post_reply_content h3 { margin-top: 0px; }
.post_reply_comments h1 a:hover { color: rgb(197, 45, 47); }
.post_reply_comments h4 { color: rgb(196, 196, 197); font-weight: 400; }
.post_reply_comments p { padding-bottom: 30px; }
.post_reply_comments a { bottom: 15px; position: absolute; right: 30px; background: rgb(197, 45, 47) none repeat scroll 0% 0%; color: rgb(255, 255, 255); border-radius: 5px; padding: 8px 20px; }
.post_reply_comments a::before { border-color: rgb(197, 45, 47) transparent transparent; border-style: solid; border-width: 16px; bottom: -11px; content: ""; height: 0px; left: -12px; position: absolute; z-index: 99999; }
.post_reply_comments h2 a {  }
.message_heading { margin-bottom: 50px; margin-top: 60px; }
#error .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success:hover { background-color: rgb(235, 235, 235); border-color: rgb(235, 235, 235); color: rgb(78, 78, 78); }
#error h1 { color: rgb(78, 78, 78); text-transform: uppercase; }
.shortcode-item { padding-bottom: 0px; }
.shortcode-item h2 { color: rgb(78, 78, 78); font-size: 24px; margin-bottom: 22px; margin-top: 0px; font-weight: 600; }
#bottom { background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-bottom: 5px solid rgb(197, 45, 47); font-size: 14px; }
#bottom h3 { margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-size: 22px; color: rgb(0, 0, 0); }
#bottom ul { list-style: outside none none; padding: 0px; margin: 0px; }
#bottom ul li { display: block; padding: 5px 0px; }
#bottom ul li a { color: rgb(128, 128, 128); }
#bottom ul li a:hover { color: rgb(197, 45, 47); }
#bottom .widget { margin-bottom: 0px; }
#footer { padding-top: 30px; padding-bottom: 30px; color: #333; background: rgb(46, 46, 46) none repeat scroll 0% 0%; }
#footer a { color: #333; }
#footer a:hover { color: #38B775; }
#footer ul { list-style: outside none none; padding: 0px; margin: 0px; }
#footer ul > li { display: inline-block; margin-left: 15px; }