/*
Author       : Syed Ekram.
Template Name: Seo - Seo & Marketing Business Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME SLIDER DESIGN
    04. START ABOUT US DESIGN
    05. START SERVICE DESIGN
    06. START WHY CHOOSE US DESIGN
    07. START TEAM DESIGN
    08. START SKILL DESIGN
    09. START COUNTER DESIGN
    10. START TESITMONIAL DESIGN
    11. START PRICING TABLE DESIGN
    12. START COMPANY PARTNER LOGO
    13. START PORTFOLIO DESIGN 
    14. START BLOG PAGE DESIGN
    15. START FAQ PAGE DESIGN
    16. START 404 PAGE DESIGN
    17. START PROMOTION DESIGN
    18. START CONTACT PAGES DESIGN
    19. START FOOTER DESIGN
    20. START FOOTER BOTTOM DESIGN
    21. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
  color:rgba(0,0,0,0.6);
  font-size: 16px;
  line-height: 28px;
  overflow-x:hidden;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', sans-serif;
  font-weight: normal;
  color:#323232;
  margin-top:0;
}
a {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
 p{margin:0;}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
::-moz-selection {
    color: #fff;
    background: #7d0909;
}
::-webkit-selection {
    color: #fff;
    background: #7d0909;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 40px;
  	text-transform:none
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #7d0909  none repeat scroll 0 0;
border-radius: 50px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 26px;
height: 50px;
line-height: 50px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 50px;
z-index:999;
}
.topcontrol:hover {
    background: #bdb217;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
color: #333;
font-size: 30px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.section-title  h2 span { color: #41cb52 }
@media only screen and (max-width:320px) { 
    .section-title  h2 { font-size: 24px }
}
.section-title-white {
    color: #fff !important;
    position: relative;
}
.section-title span {
    background: #7d0909  none repeat scroll 0 0;
    display: block;
    height: 8px;
    margin: 20px auto;
    width: 60px;
}
.section-title p {
    margin: auto;
    width: 70%;
}
@media only screen and (max-width:768px) { 
.section-title p {width:100%;}
}
/*END SECTION TITLE DESIGN*/
/*START BTN*/
.btn-light-bg{
background: #7d0909  none repeat scroll 0 0;
border: 3px solid #bdb217;
color: #fff;
font-size: 14px;
font-weight: 500;
padding: 12px 40px;
text-transform: uppercase;
transition: all 0.3s ease 0s;	
}
.btn-light-bg:hover, .btn-light-bg:focus{
background: #bdb217 none repeat scroll 0 0;
border: 3px solid #7d0909;
color: #fff;	
}
/*END BTN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 0.START HEADER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.header_area {
border-bottom: 10px solid #bdb217;
left: 0;
top: 0;
width: 100%;
background: #7d0909;
}
.top-info-left a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
/* border-left: 1px solid #fff;
border-right: 1px solid #fff; */
color: #fff;
display: inline-block;
font-family: source sans pro,sans-serif;
font-size: 15px;
margin: 0 0 0 50px;
padding: 5px 20px;
}
@media only screen and (max-width:360px) { 
.top-info-left a{margin-bottom: 10px;
width: 215px;}
}
.top-info-left a i{
color: #fff;
margin-right: 10px;
}
.top-info-right ul { float: right }
@media only screen and (max-width:360px) { 
.top-info-right{text-align:center;}
}
@media only screen and (max-width:480px) { 
.top-info-right ul { float: left }
}
.top-info-right li { float: left }
.top-info-right li a { display: block }
.top-info-right li a{
/* border-right: 1px solid #fff */
color: #fff;
height: 47px;
line-height: 47px;
margin: 0.6px;
text-align: center;
transition: all 0.36s ease-out 0s;
width: 47px;
padding: 12px 20px;
}
.top-info-right li a:hover {
color:#bdb217;
}
/*
* ----------------------------------------------------------------------------------------
* .END HEADER TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.stick {
    position:fixed;
    top:5px;
	z-index:999999;
	transition: all 0.4s ease-in-out 0s;
}
.navbar-default {
    background: none;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 20px 0;
    -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
    width: 100%;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #41cb52 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #41cb52 !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img { 
 width: 286px;
 margin-top: -20px;
}
@media only screen and (max-width:480px) { 
.navbar-brand img {margin-left:10px; }
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: rgba(125, 9, 9, 0);
 	
}
.menu-top li a {
color: #bdb217  !important;
font-family: roboto,sans-serif;
font-size: 16px;
font-weight: 400;
text-transform: none;
}
.menu-top li a:hover { color: #7d0909!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 6px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #bdb217  !important }
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
/*START DROPDOWN MENU*/
.menu_dropdown  ul { list-style-type: none;
 text-align: center;
 }
.menu_dropdown  li ul.sub-menu,
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    background: #bdb217;
    left: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 15px;
    position: absolute;
    top: 115%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 200px;
    z-index: -99;
}
.menu_dropdown  ul li ul.sub-menu li ul.sub-menu {
    top: 0;
    left: 100%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.menu_dropdown  ul li ul.sub-menu li {
    padding: 0;
    width: 100%;
}
.menu_dropdown  ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 999;
    visibility: visible;
}
.menu_dropdown  ul.nav > li ul li:hover ul.sub-menu {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.menu_dropdown  ul li ul.sub-menu li a {
border-bottom: 1px solid #fff;
color: #7d0909!important;
cursor: pointer;
display: block;
font-family: roboto,sans-serif;
font-size: 16px;
font-weight: 400;
padding: 13px 10px 6px;
text-transform: capitalize;
}
.menu_dropdown  ul li ul.sub-menu li:last-child a{border-bottom:none;}
.menu_dropdown  ul li:hover ul.sub-menu li a:hover {
    color: #fff!important;
    text-decoration: none;
}
/*END DROPDOWN MENU*/
.navbar-default.menu-shrink li a { color: #bdb217 !important }
.navbar-default.menu-shrink li a:hover { color: #7d0909  !important }
.navbar-default .navbar-toggle { background: #7d0909 none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #bdb217 }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  03.START HOME SLIDER DESIGN
 * ----------------------------------------------------------------------------------------
 */
.welcome-area {
    position: relative;
	height: 700px
}
.welcome-area:before{
background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text{padding-top:150px;}
@media only screen and (max-width:360px) { 
.hero-text{padding-top:120px;}
}
.hero-text h2 {
color: #fff;
font-size: 60px;
font-weight: 500;
line-height: 70px;
text-transform: capitalize;
}
@media only screen and (max-width:480px) { 
.hero-text h2 {font-size: 40px;line-height: 50px;}
}
.hero-text p {
color: #fff;
margin: auto auto 15px;
width: 60%;
}
@media only screen and (max-width:768px) { 
    .hero-text p { width: 100% }
}
.btn-home-bg {
background: rgba(125, 9, 9, 0.73) none repeat scroll 0 0;
border: 3px solid #bdb217;
border-radius: 500px;
color: #fff;
font-weight: 500;
margin: 15px 15px 0;
padding: 12px 36px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #7d0909 ;
    color: #fff;
    border: 3px solid #bdb217;
}
/*
 * ----------------------------------------------------------------------------------------
 *  03.END HOME SLIDER DESIGN
 * ----------------------------------------------------------------------------------------
 */
 
/*
 * ----------------------------------------------------------------------------------------
 *  04.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/
.about_single {
transition: all 0.2s ease 0s;
}
@media only screen and (max-width:768px) { 
    .about_single { margin-bottom: 20px }
}
.about_single img {
border-radius: 100px;
height: 80px;
margin-bottom: 15px;
width: 80px;
}
.about_single span {
background: #7d0909 none repeat scroll 0 0;
display: block;
height: 2px;
margin: 15px auto;
width: 54px;
}
.about_single h4 {
font-size: 20px;
font-weight: 500;
text-transform: capitalize;
transition: all 0.2s ease 0s;
}
.about_single:hover h4 { color: #bdb217 }
@media only screen and (max-width:480px) { 
    .about_single { margin-bottom: 20px }
}
/*START ABOUT US PAGE CODE HERE*/
.single_more_about_us{padding-top: 30px;}
.single_more_about_us h2{
font-weight: 600;
margin-bottom: 20px;
text-transform: none;	
}
.single_more_about_us p{
margin-bottom: 20px;	
}
.single_more_about_us_img{}
.single_more_about_us_img img{}
/*START COUNTER AREA*/
.complete-project-area {
position:relative;
padding:100px 0;
}
.complete-project-area:before {
background: rgba(0,0,0, 0.4);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.single-project-complete{
    text-align: center;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
color: #fff;
font-size: 30px;
margin-bottom: 10px;
    
}
.single-project-complete h2 {
    font-size: 60px;
    font-weight: 900;
    color: #fff;
}
.single-project-complete h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0;
}
/*end COUNTER AREA*/
/*END ABOUT US PAGE CODE HERE*/
/*
 * ----------------------------------------------------------------------------------------
 *  04.END  ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  05.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.service{
padding-top:60px;
padding-bottom:20px;
}
.serviceBox{
margin-bottom: 40px;
margin-top: 60px;
position: relative;
text-align: center;
z-index: 1;
}
.serviceBox .service-icon{
    width: 78px;
    height: 78px;
    border-radius:3px;
    background: #7d0909;
    margin: 0 auto;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all 0.3s ease-out 0s;
}
.serviceBox:hover .service-icon{
    transform: rotate(45deg);
}
.serviceBox .service-icon span{
border-radius: 3px;
bottom: 0;
color: #fff;
display: inline-block;
font-size: 30px;
height: 60px;
left: 0;
line-height: 60px;
margin: auto;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s ease-out 0s;
width: 60px;
}
.serviceBox .service-icon span img{
    transition: all 0.3s ease-out 0s;
}
.serviceBox:hover .service-icon span img{
    transform: rotate(-45deg);
}
.serviceBox .service-content{
    background: #bdb217;
    border: 3px solid #7d0909;
    border-radius: 3px;
    padding: 55px 15px;
    position: relative;
}
.serviceBox .service-content:before{
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin: 0 auto;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all 0.3s ease-out 0s;
}
.serviceBox:hover .service-content:before{
    transform: rotate(45deg);
}
.serviceBox .title{
font-size: 20px;
font-weight: 500;
margin: 0 0 25px;
position: relative;
text-transform: capitalize;
transition: all 0.3s ease-out 0s;
}
.serviceBox:hover .title{
    color: #fff;
}
.serviceBox .description{
}
.serviceBox .read-more{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #7d0909;
    border: 3px solid #fff;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    transition: all 0.3s ease-out 0s;
}
.serviceBox .read-more:hover{
    border: 3px solid #bdb217;
    color: #bdb217;
}
.serviceBox.green .read-more:hover{
    border: 1px solid #008b8b;
    color: #008b8b;
}
.serviceBox.blue .read-more:hover{
    border: 1px solid #3498db;
    color: #3498db;
}
.serviceBox.orange .read-more:hover{
    border: 1px solid #e67e22;
    color: #e67e22;
}
@media only screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .serviceBox{ margin-bottom: 80px; }
}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 06.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter {
    background: rgba(0, 0, 0, 0) url("../img/newsletter.png") repeat scroll 0 0;
}
.signup_form {
}
.signup_form h3 {
font-size: 26px;
font-weight: 500;
margin-bottom: 15px;
margin-top: 0;
text-transform: uppercase;
}
.signup_form p {
  margin: auto;
  width: 82%;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 3px solid #bdb217;
border-radius: 100px;
box-shadow: none;
color: #333;
font-size: 18px;
height: 50px;
margin-bottom: 30px;
margin-top: 20px;
}
.signup_form input:focus{
box-shadow: none;
border:2px solid #7d0909;
border-radius:100px;
}
.btn-light-bg-three {
background: #bdb217  none repeat scroll 0 0;
border: 3px solid #7d0909;
border-radius: 30px;
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 10px 40px;
transition: all 0.3s ease 0s;
}
.btn-light-bg-three:hover, .btn-light-bg-three :focus{
background:#7d0909;
border: 3px solid #bdb217;
color:#fff;
}
/*
* ----------------------------------------------------------------------------------------
* 06.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 07.START BUSINESS PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.single-business-promotion{margin-bottom: 40px;}
.single-business-promotion h2{
font-weight: 500;
margin-top: 0;
text-transform: uppercase;
font-size: 26px;
}
.single-business-promotion p{}
.single-business-promotion-img{width: 100%;}
@media only screen and (max-width: 768px){
    .single-business-promotion-img{ margin-top: 60px; }
}
#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 10px;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 10px;
}
#accordion .panel-title a{
background: #7d0909 none repeat scroll 0 0;
border: medium none;
color: #fff;
display: block;
font-size: 20px;
font-weight: 600;
padding: 20px 35px;
position: relative;
transition: all 0.3s ease 0s;
text-transform: capitalize;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "\f068";
    font-family: fontawesome;
    width: 40px;
    height: 40px;
    line-height: 32px;
    border-radius: 50%;
    background: #bdb217;
    text-align: center;
    font-size: 15px;
    color:#fff;
    border: 5px solid #fff;
    position: absolute;
    top: 10px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:after{
    content: "\f067";
}
#accordion .panel-title a:hover:after,
#accordion .panel-title a.collapsed:hover:after{
    transform: rotate(360deg);
}
#accordion .panel-body{
background: #fff none repeat scroll 0 0;
border-top: medium none;
position: relative;
}
/*
* ----------------------------------------------------------------------------------------
* 07.END BUSINESS PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START BUSINESS NEEDS DESIGN
* ----------------------------------------------------------------------------------------
*/
.business_seo{position:relative;}
.business_seo:before {
background: rgba(255,255,255, 0.4);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.business_seo_bg {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  padding: 50px 30px;
}
.business_seo_title{margin-bottom: 50px;}
.business_seo_title h2{
font-size: 26px;
font-weight: 500;
margin-bottom: 15px;
text-transform: uppercase;
}
.business_seo_title p{}
.single_business_seo{margin-bottom: 30px;}
.single_business_seo img{
float: left;
margin-right: 20px;
width: 36px;	
}
.single_business_seo h4{overflow: hidden;}
.single_business_seo p{overflow: hidden;}
.single_business_btn{text-align: center;}
/*
* ----------------------------------------------------------------------------------------
* 08.END BUSINESS NEEDS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 09.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-plan{ background: #f7f7f7; }
.pricingTable{
    text-align: center;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(1, 1, 1, 0.2);
    overflow: hidden;
    position: relative;
    animation-delay: 0.25s;
}
.pricingTable .pricingTable-header{
    background: #7d0909;
    border-bottom: 6px solid rgba(0, 0, 0, 0.3);
    border-radius: 0 0 200px 200px/32px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 70px;
    padding-bottom: 70px;
    position: relative;
}
.pricingTable .title{
color: #fff;
font-size: 20px;
font-weight: 500;
margin: 0;
padding: 20px 20px 15px;
text-transform: uppercase;
}
.pricingTable .price-value{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #bdb217;
    border: 3px solid #eceeeb;
    padding: 30px 0;
    margin: auto;
    box-shadow: 0 0 0 4px #eee, 0 0 0 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 3px rgba(0, 0, 0, 0.2) inset;
    position: absolute;
    bottom: -73px;
    left: 0;
    right: 0;
}
.pricingTable .price-value:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255,255,255, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.1;
}
.pricingTable:hover .price-value:after{
    animation: 0.6s ease-out 0.1s normal forwards 1 running loading-3;
}
.pricingTable .amount{
color: #fff;
display: block;
font-size: 40px;
font-weight: 600;
margin-top: 14px;
}
.pricingTable .month{
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.pricingTable .pricing-content{
    padding: 15px 20px;
    margin: 0;
    list-style: none;
}
.pricingTable .pricing-content li{
color: #212f3c;
padding: 10px 0;
text-transform: capitalize;
}
.pricingTable .pricingTable-signup{
    display: block;
    padding: 20px;
    background: #7d0909;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px;
    border-radius: 200px 200px 0 0 /32px;
    border-top: 5px solid rgba(0, 0, 0, 0.3);
    box-shadow: -1px 0 1px 1px rgba(0, 0, 0, 0.3);
    position: relative;
}
.pricingTable .pricingTable-signup:before,
.pricingTable .pricingTable-signup:after{
    content: "\f101";
    font-family: "FontAwesome";
    display: inline-block;
    padding-right: 10px;
}
.pricingTable .pricingTable-signup:after{
    content: "\f100";
    padding-left: 10px;
}
.pricingTable .pricingTable-signup:hover:before{
    animation: 1s linear 0s alternate none infinite running loading-2;
}
.pricingTable .pricingTable-signup:hover:after{
    animation: 1s linear 0s alternate none infinite running loading-1;
}
@keyframes loading-1{
    20%{
        opacity: 1;
        transform: translateX(-7px);
    }
    100%{
        opacity: 0.8;
        transform: translateX(7px);
    }
}
@keyframes loading-2{
    20%{
        opacity: 1;
        transform: translateX(7px);
    }
    100%{
        opacity: 0.8;
        transform: translateX(-7px);
    }
}
@keyframes loading-3{
    60%{
        opacity: 0.7;
        transform: scale(1.2);
    }
    80%{
        opacity: 0.3;
        transform: scale(1.6);
    }
    99%{
        opacity: 0;
        transform: scale(2);
    }
    100%{
        opacity: 0;
        transform: scale(0);
    }
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}
/*
* ----------------------------------------------------------------------------------------
* 09.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 0.START PROJECTS DESIGN
* ----------------------------------------------------------------------------------------
*/
.recent-projects{
padding-top:60px;
padding-bottom:60px;	
}
.portfolio-filters { margin-bottom: 60px }
.portfolio-filters li.active {
color: #fff;
background:#7d0909;
border: 3px solid #bdb217;
}
.portfolio-filters li {
border: 3px solid #bdb217;
border-radius: 30px;
color: #7d0909;
cursor: pointer;
display: inline-block;
font-weight: 600;
margin-right: 5px;
padding: 8px 40px;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
@media only screen and (max-width:480px) { 
    .portfolio-filters li { padding: 8px 24px;margin-bottom: 10px }
}
.portfolio-filters li:hover {
    color: #fff;
	background:#bdb217;
border: 3px solid #7d0909;
}
.grid {
  overflow: hidden;
}
.grid .mix {
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box{
margin-bottom: 30px;
overflow: hidden;
position: relative;
text-align: center;
}
.box img{
    width: 100%;
    height: auto;
}
.box .box-content{
    width: 100%;
    height: 100%;
    background-color: rgba(189, 178, 23, 0.68);
    color: #fff;
    padding-top: 10%;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    transform: rotateZ(300deg);
    transition:all 0.4s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    top: 0;
    transform: rotateZ(0deg);
}
.box .title{
color: #333;
display: block;
font-size: 20px;
font-weight: 500;
margin: 0 0 8px;
}
.box .post{
    display: block;
    margin-bottom: 10px;
	color: #333;
}
.box .icon{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 20px;
    left: 0;
}
.box .icon li{
    display: inline-block;
}
.box .icon li a{
background: #7d0909 none repeat scroll 0 0;
border-radius: 50%;
color: #fff;
display: block;
font-size: 20px;
height: 40px;
line-height: 40px;
margin: 0 15px;
transition: all 0.3s ease 0s;
width: 40px;
}
.box .icon li a:hover{
    border-radius: 0;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 20px; }
}
.project_btn{
margin-top: 30px;
text-align: center;
}
.project_details{
background:#EEF1F2;
padding-top:60px;
padding-bottom:30px;
}
.project_details_bg {
	background: #fff;
	margin-bottom: 30px;
	padding: 20px 0;
}
.single_project_details{padding-top:20px;}
.single_project_details h3{}
/*
* ----------------------------------------------------------------------------------------
* 0.END PROJECTS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 0.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial{
background: #fcfcfc none repeat scroll 0 0;
border-left: 4px solid #7d0909;
box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.06);
margin: 0 15px 30px;
overflow: hidden;
padding: 30px 30px 30px 130px;
position: relative;
}
.testimonial:before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 25px solid #bdb217;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(-45deg);
    transform-origin: 80% -30% 0;
}
.testimonial .pic{
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 20px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    margin-bottom: 15px;
}
.testimonial .title{
color: #333;
display: inline-block;
font-size: 18px;
font-weight: 500;
margin: 0;
text-transform: capitalize;
}
.testimonial .post{
    display: inline-block;
    font-size: 17px;
    color: #bdb217;
}
.owl-theme .owl-controls .owl-page span{
    border: 3px solid #bdb217;
    background: #fff;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
    background: #7d0909;
}
@media only screen and (max-width: 767px){
    .testimonial{
        padding: 20px;
        text-align: center;
    }
    .testimonial .pic{
        display: block;
        position: static;
        margin: 0 auto 15px;
    }
}
.owl-theme .owl-controls {
    margin-top: 50px;
    text-align: center;
}
.owl-theme .owl-controls .owl-page { display: inline-block }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer }
.owl-theme .owl-controls .owl-page span {
background-color: #7d0909 !important;
border-radius: 20px;
display: block;
height: 12px;
margin: 5px 7px;
width: 12px;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { background-color: #fff }
.owl-theme .owl-controls {
  display: block !important;
  margin-top: 20px;
  text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 0.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-expert{ background: #f9f9f9; }
.our-team{
    overflow: hidden;
    position: relative;
}
.our-team .pic{
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.our-team .layer-1{
    width: 200%;
    overflow: hidden;
    transform: rotate(10deg) translate(-13%, 13%);
}
.our-team .layer-2{
    background: #fff;
    overflow: hidden;
    transform: rotate(-16deg) translate(-9%, -13%);
}
.our-team .layer-3{
    width: 51%;
    margin: 0 auto;
    transform: rotate(6deg) translateY(5%);
}
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .social{
    width: 50%;
    height: 150%;
    background: linear-gradient(to right, rgba(244, 205, 3, 0), rgba(65, 203, 82, 0.8));
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    transition: all 0.3s ease-out 0s;
}
.our-team:hover .social{
    transform: translateX(0px);
}
.our-team .social-icon{
    list-style: none;
    padding: 0;
    margin: 0;
    width: 30px;
    position: absolute;
    bottom: 95px;
    right: 15px;
}
.our-team .social-icon li a{
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border-radius: 50%;
    font-size: 13px;
    color: #000;
    text-align: center;
    margin: 4px 0;
    transform: scale(0);
    transition: all 0.2s ease-out 0.4s;
}
.our-team:hover .social-icon li a{
    transform: scale(1);
}
.our-team .social-icon li a.fa-facebook:hover{ color: #4867aa; }
.our-team .social-icon li a.fa-google-plus:hover{ color: #db4437; }
.our-team .social-icon li a.fa-twitter:hover{ color: #1da1f2; }
.our-team .team-info{
    padding: 15px 15px 20px;
    margin: 25px;
    background: #41cb52;
    border-radius: 3px;
    text-align: center;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    transition: all 0.2s ease-out 0s;
}
.our-team:hover .team-info{
    background: #fff;
}
.our-team .title{
    font-size: 18px;
    color: #000;
    margin: 0;
}
.our-team .post{
    display: block;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}
.our-team .description{
padding: 0 20px;
text-align: center;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 20px; }
}
@media only screen and (max-width: 767px){
    .our-team .social-icon{ right: 25px; }
    .our-team .team-info{ bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .our-team .team-info{ bottom: 65px; }
}
/*
* ----------------------------------------------------------------------------------------
* 0.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* .START 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.search { margin-bottom: 30px }
.error_page h1 {
    font-size: 200px;
    text-shadow: 0 4px 0 #dcdcdc;
}
@media only screen and (max-width:320px) { 
    .error_page h1 { font-size: 150px }
}
.has-feedback{margin-bottom: 30px;}
.form-control-feedback {
    color: #333;
    line-height: 50px !important;
    width: 60px;
}
.error_page h2 {
	font-size:18px;
    line-height: 30px;
    margin-bottom: 30px;
}
/*
* ----------------------------------------------------------------------------------------
* .END 404 PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
*  .START HOME BLOG
* ----------------------------------------------------------------------------------------
*/
.post-slide{
    padding: 0 15px;
}
@media only screen and (max-width:768px) { 
    .post-slide{margin-bottom:40px; }
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1,1);
    transition:all 0.3s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.2,1.2);
    filter:none;
    opacity:1;
}
.post-slide .post-content{
background: #fff none repeat scroll 0 0;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding: 20px 30px;
position: relative;
}
.post-slide .post-date{
    min-width:28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    background: #7d0909;
    position: absolute;
    top: -30px;
    left: 30px;
}
.post-slide .month{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #bdb217;
    text-transform: uppercase;
}
.post-slide .date{
    color: #fff;
    font-size: 14px;
}
.post-slide .post-title{
margin: 20px 0 10px;
}
.post-slide .post-title a{
    color:#bdb217;
    font-size:22px;
    text-transform:capitalize;
    transition: all 0.50s ease 0s;
}
.post-slide .post-title a:hover{
    color:#7d0909;
    text-decoration: none;
}
.post-slide .post-description{
}
.post-slide .post-bar{
    padding: 15px 0;
    list-style: none;
    text-align: center;
    background: #7d0909;
}
.post-slide .post-bar li{
    display: inline-block;
    margin-right: 5px;
}
.post-slide .post-bar li a{
    text-transform: capitalize;
    color: #fff;
    transition:0.2s ease;
}
.post-slide .post-bar li a:hover{
    text-decoration: none;
    color:#333;
}
.post-slide .post-bar li i{
    color:#fff;
    margin-right: 5px;
}
.bpmb{margin-bottom:60px;}
.post-description_mbtop{margin-top:30px;}
/*START PAGINATION*/
.blog_pagination {
margin-bottom: 0;
margin-left: 10px;
}
ul.blog_pagination li a {
    border: 1px solid #eee;
    border-radius: 0 !important;
    color: #161616;
    font-size: 18px;
    height: 46px;
    margin: 5px;
    line-height: 35px;
    width: 45px;
    text-align: center;
}
ul.blog_pagination li a:hover {
    color: #fff;
    background: #41cb52;
    border: 1px solid #41cb52;
}
/*END PAGINATION*/
/*START BLOG SIDEBAR DESIGN*/
.blog_sidebar_title {
border-bottom: 1px solid #eee;
font-weight: 500;
margin-bottom: 15px;
margin-top: 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.blog_search,
.latest_blog,
.video_post,
.categories { margin-bottom: 60px }
@media only screen and (max-width:768px) { 
    .blog_search { margin-top: 60px }
}
.blog_search input {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 0 !important;
    color: #161616;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.single_latest_blog { overflow: hidden }
.single_latest_blog_mt { margin-top: 20px }
.single_latest_blog img {
float: left;
height: 75px;
margin-right: 15px;
overflow: hidden;
width: 75px;
}
.single_latest_blog h4 {
    color: #161616;
    font-size: 16px;
    margin: 10px 0 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.single_latest_blog:hover h4 { color: #41cb52 }
.single_latest_blog span { color: #161616 }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
color: #333;
display: block;
font-weight: 300;
padding: 5px 0;
}
.categories ul li a:hover { color: #41cb52 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
.tag a {
border: 1px solid #eee;
border-radius: 500px;
color: #333;
display: block;
float: left;
font-size: 12px;
margin: 4px;
padding: 8px 30px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.tag a:hover {
    background: #41cb52;
    color: #fff;
    border: 1px solid #41cb52;
}
.author_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_author {
    background: #f9f9f9 none repeat scroll 0 0;
    padding: 20px;
}
.author_part img {
    border: 4px solid #41cb52;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.author_part h4 { }
.author_part p { margin-bottom: 0 }
.blog_head_title {
    border-bottom: 1px solid #eee;
    margin: 0 0 30px;
    padding-bottom: 10px;
}
.comments_part {
    margin-bottom: 60px;
    overflow: hidden;
}
.single_comment {
    margin-bottom: 30px;
    background: #f9f9f9;
    padding: 20px;
}
.single_comment_mbnone { margin-bottom: 0px }
.single_comment img {
    border: 4px solid #41cb52;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 25px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { }
.single_comment p { margin-bottom: 0 }
/*
* ----------------------------------------------------------------------------------------
*  .END HOME BLOG
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* .START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo {
  border-top: 1px solid #eee;
}
.partner { text-align: center }
.partner.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  display: none!important;
}
/*
* ----------------------------------------------------------------------------------------
*  .END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* .START ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
.our-address {
  background: #7d0909 none repeat scroll 0 0;
}
@media only screen and (max-width:480px) { 
    .single_address{margin-bottom:30px; }
}
.single_address img {
margin-bottom: 20px;
width: 60px;
}
.single_address h4{
text-transform: capitalize;
color:#fff;
}
.single_address p{color:#fff;}
/*
* ----------------------------------------------------------------------------------------
* .END ADDRESS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* .START CONTACT PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/
.contact-title {
    background: #bdb217 none repeat scroll 0 0;
    border: 4px double #fff;
    color: #fff;
    font-size: 24px;
    margin: 0 auto 60px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 250px;
}
.single-address { margin-bottom: 60px }
.mb-none { margin-bottom: 0px }
.single-address i {
    font-size: 22px;
    background: #7d0909;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    padding: 20px 20px;
    text-align: center;
}
.single-address h2 {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
}
.single-address p {
    margin-bottom: 0;
}
.contact_padding { padding-top: 60px }
.form-control {
    background: #e2db78  none repeat scroll 0 0;
    border: 1px solid #7d0909;
    border-radius: 2px;
    box-shadow: none;
    color: #333;
    height: 50px;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.form-control:hover,
.form-control:focus {
    border: 3px solid #7d0909;
    box-shadow: none;
    outline: 0 none;
}
.description textarea { height: 220px }
.form-group  button { border: none }
@media only screen and (max-width:480px) { 
    .actions { margin-bottom: 60px }
}
.btn-contact-bg {
    background: #41cb52 none repeat scroll 0 0;
    border-radius: 0 !important;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15);
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333;
    color: #fff;
}
#map { height: 400px }

/*
* ----------------------------------------------------------------------------------------
* .END CONTACT PAGES DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* .START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer_area {
background: rgba(189, 178, 23, 0.74) url("../img/bg/confetti_wqhed2.png") no-repeat 50% 50%/1301px 601px;
padding-top:60px;
}
.single_footer{}
@media only screen and (max-width:480px) { 
    .single_footer{margin-bottom:40px; }
}
.single_footer h4{
color: rgb(125, 9, 9);
font-weight: 500;
margin-bottom: 30px;
text-transform: uppercase;	
}
.single_footer img{
margin-bottom: 10px;
width: 270px;	
margin-top: -20px;
}
.single_footer p{color: rgba(255, 255, 255, 0.9);}
.single_footer ul{list-style:none;}
.single_footer ul li a{
color: rgba(255, 255, 255, 0.9);
font-size: 15px;
font-weight: 400;
line-height: 35px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.single_footer ul li a:hover{color:#7d0909;}
.link_mright{float:left;margin-right:30px;}
.single_footer_news {
  margin-bottom: 20px;
}
.single_footer span{color: rgba(255, 255, 255, 0.9);}
.single_footer h5 a{
color: #7d0909;
font-size: 17px;
text-transform: capitalize;
transition: all 0.3s ease 0s;
}
.single_footer h5 a:hover{color:#fff;}
/*START FOOTER BOTTOM*/
.footer_bottom_mtop {
	padding: 30px 0;
	border-top: 5px solid #7d0909;
	margin-top: 60px;
}
.copyright p {
color: rgb(125, 9, 9);
margin-bottom: 0;
text-transform: none;
}
@media only screen and (max-width:768px) { 
.copyright p{padding-left:20px;}
}
.footer_links{}
.footer_links ul{list-style:none;}
.footer_links ul li{float: left;}
.footer_links ul li a{
color: rgba(255, 255, 255, 0.9);
padding: 0 11px;	
}
.footer_links ul li a:hover{color:#7d0909;}
/*
* ----------------------------------------------------------------------------------------
* .END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* .START SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/
.section-top{background:#7d0909;}
.section-top-content{}
.section-top-content h1{
color: #fff;
text-transform: none;
font-weight: 600;
}
.breadcrumb {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
margin-bottom: 0;
padding: 0;
}
.section-top-content ol li { color: #fff!important }
.section-top-content ol li a { color: #fff!important }
.section-top-content ol li a:hover { color: #fff!important }
/*
* ----------------------------------------------------------------------------------------
* .END SECTION TOP DESIGN
* ----------------------------------------------------------------------------------------
*/