/*
  Theme Name: Slight Business
  Theme URL: http://www.themewar.com/html/sb
  Author: Themewar
  Author URI: http://www.themewar.com
  Description: Slight Business  - Responsive Corporate Site Template
  Version: 1.0
*/

/*=======================================================================
[Table of contents]
=========================================================================
1. Home One
    i. Header Area
    ii. Menu ( Dropdown / Fixed )
    iii. Slider Area
    iv. Feature Area
    v. Team Area
    vi. About Company
    vii. Skill Area
    vii. Testimonial Area
    xi. Our Service Area
    x. Latest post Area
    xi. Map Area 
    xii. Blog Area
    xii. Footer Area
2. Home Two
    i. Header Area
    ii. Feature Area
    iii. Service Area
    iv. Skill Area
    v. Team Member Area
    vi. Gallery Area
    vii. About Company Area
    viii. Contact Area 
    ix. Blog Area
3. Home Three
    i. Header Area
    ii. Latest Project Area
    iii. About Company Area
    iv. Gellery Area
    v. Map Area
    vi. Blog Area
4. Home Dark
    i. Headear Area
    ii. Feature Area 
    iii. Gellery Area
    iv. About Company area
5. Folio Page One
    i. Header Area
    ii. Bread Crumbs Area
6. Portfolio Page Two
7. Portfolio Page Three
8. Portfolio Page Four
9. Blog With Sidebar Page
10. Blog Grid Page
11. Blog Post Page
12. Contact Page
    i. Subscribe Section
13. Events Page
14. Event Details Page
15. About Us Page
16. Member Page
17. 404 Page
18. Back To Top
19. Loader

==========================================================================*/
/*============================= Typhography Settings =========================*/
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:800);
html, body{
    font-family: 'Roboto Slab', serif;
    padding: 0;
    margin: 0;
    background: #FFF;
}
body.bgOne{background: url(../images/bg/box/1.png) repeat #FFF;}
body.bgTwo{background: url(../images/bg/box/2.png) repeat #FFF;}
body.bgThree{background: url(../images/bg/box/3.png) repeat #FFF;}
body.bgFour{background: url(../images/bg/box/4.png) repeat #FFF;}
body.bgFive{background: url(../images/bg/box/5.jpg) repeat #FFF;}
ol,ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
a, a:hover, a:focus{
    color: #4c4c4c;
    outline: none;
    text-decoration: none;
    -webkit-transition: all 700ms ease-in-out;
    -moz-transition: all 700ms ease-in-out;
    -ms-transition: all 700ms ease-in-out;
    -o-transition: all 700ms ease-in-out;
    transition: all 700ms ease-in-out;
}
h1, h2, h3, h4, h5, h6{
    margin: 0;
    color: #4c4c4c;
    font-family: 'Roboto Slab', serif;
}
h1{
    font-size: 80px;
    font-weight: 700;
}
h1 span{
    display: block;
    font-weight: 100; 
}
h2{
    font-size: 60px;
    font-weight: 700;
}
h2 span{
    display: block;
    font-weight: 100; 
}
h3{
    font-size: 40px;
    font-weight: 700;
    line-height: .79;
}
h3 span{
    display: block;
    font-weight: 100;
}
h4{
    font-size: 30px;
    font-weight: 700;
    line-height: .79;
}
h4 span{
    display: block;
    font-weight: 100;
}
p{
    font-weight: 300;
    font-size: 14px;
    line-height: 25px;
    color: #7f7f7f;
}
.common-title{
    font-size: 60px;
    line-height: .75;
    padding-bottom: 50px;
    text-transform: uppercase;
}
.common-title span{
    display: block;
    font-weight: 100;
    text-transform: uppercase;
}
.common-subtitle{
    color: #4c4c4c;
    font-size: 20px;
    font-weight: 100;
    margin: -10px auto 45px;
    width: 60%;
    line-height: 30px;
}
/*============================= Common Contents Style =========================*/
img{
    width: 100%;
    height: auto;
}
.no-padding{
    padding: 0;
}
.no-padding-left{
    padding-left: 0;
}
.no-padding-right{
    padding-right: 0;
}
blockquote{
    border-left: 10px solid #de3c2f;
    font-size: 20px;
    font-weight: 100;
    margin: 0;
    padding: 15px 0 15px 20px;
}
/*============================= Margin And Padding Settings =========================*/
.no-padding{
    padding: 0;
}
.no-padding-left{
    padding-left: 0;
}
.no-padding-right{
    padding-right: 0;
}
.noMargin{
    margin: 0px;
}
.noMarginBottom{
    margin-bottom: 0px !important;
}
.noPaddingBotton{
    padding-bottom: 0 !important;
}
.noMarginRight{
    margin-right: 0px !important;
}

/*============================= color Settings =========================*/
.white{
    color: #fff;
}
.blackash{
    color: #4c4c4c;
}

/*============================= Button ====================================*/
.sb_button{
    background: none repeat scroll 0 0 #de3c2f;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    height: 60px;
    padding: 27px 0 13px;
    text-align: center;
    text-transform: uppercase;
    transition: all 700ms ease 0s;
    width: 170px;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.sb_button:hover{
    background: #4c4c4c;
    color: #FFF;
}
input[type="submit"].sb_button{
    padding: 13px 0 13px;
}
/*============================= Section Title ====================================*/
.commonPage{
    padding: 80px 0px;
    position: relative;
}
.commonPadding120{
    padding: 120px 0px;
}
/*============================= Social Settings ====================================*/
.comonSocial{
    text-align: center;
}
.comonSocial li{
    display: inline-block;
}
.comonSocial li a{
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 60px;
    margin-right: 6px;
    padding-top: 13px;
    text-align: center;
    width: 60px;
}
.comonSocial li.fac a{
    background: none repeat scroll 0 0 #507cbe;
}
.comonSocial li.twi a{
    background: none repeat scroll 0 0 #00abef;
}
.comonSocial li.goo a{
    background: none repeat scroll 0 0 #de3c2f;
}
.comonSocial li:last-child a{
    margin-right: 0px;
}
.comonSocial li a i{
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.comonSocial li a:hover i{
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.comonSocial li a:hover{
    text-shadow: 0 0 4px rgba(0, 0, 0, .5);
}

/******************************** Buttons ********************************/
.butonSets{
    width: 100%;
    position: relative;
}
.butonSets a{
    margin-bottom: 15px; 
}
.butonSets a:last-child{
    margin-bottom: 0px;
}
.camBtn1{
    display: inline-block;
    text-align: center;
    color: #4c4c4c;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.camBtn1:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e5e5e5;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.camBtn1:hover, .camBtn1:focus, .camBtn1:active {
  color: white;
}
.camBtn1:hover:before, .camBtn1:focus:before, .camBtn1:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.tinyb{
    width: 105px;
    height: 35px;
    font-size: 12px;
    line-height: 9px;
    padding-top: 13px;
}
.smallb{
    width: 127px;
    height: 38px;
    font-size: 13px;
    line-height: 10px;
    padding-top: 13px;
}
.mediumb{
    width: 150px;
    height: 44px;
    font-size: 14px;
    line-height: 11px;
    padding-top: 16px;
}
.largeb{
    width: 172px;
    height: 48px;
    font-size: 15px;
    line-height: 12px;
    padding-top: 18px;
}
.elargeb{
    width: 200px;
    height: 54px;
    font-size: 15px;
    line-height: 12px;
    padding-top: 21px;
}
.camBtn2{
    display: inline-block;
    text-align: center;
    color: #4c4c4c;
    background: #e5e5e5;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.camBtn2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #de3c2f;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.camBtn2:hover, .camBtn2:focus, .camBtn2:active {
  color: white;
}
.camBtn2:hover:before, .camBtn2:focus:before, .camBtn2:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.camBtn3{
    display: inline-block;
    text-align: center;
    color: #4c4c4c;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
.camBtn3:hover{
    color: #FFF;
}

@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}

.camBtn3:before {
  content: '';
  position: absolute;
  border: #4c4c4c solid 2px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.camBtn3:hover:before, .camBtn3:focus:before, .camBtn3:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}


.camBtn4{
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.camBtn4:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.camBtn4:hover, .camBtn4:focus, .camBtn4:active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    color: #FFF;
}
.camBtn4:hover:before, .camBtn4:focus:before, .camBtn4:active:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
.RowMargin80{
    margin-top: 80px;
}
.roundb{
    border-radius: 50px;
}
.camBtn5{
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.camBtn5::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}
.camBtn5:hover {
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    color: #FFF;
    background-color: #de3c2f;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.camBtn5:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.camBtn6{
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
    transition: background-color 0.3s ease-in, color 0.3s ease-in;
}
.camBtn6::after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFF;
    -webkit-transform-origin: -25% 50%;
    transform-origin: -25% 50%;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transition: -webkit-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
}
.camBtn6:hover::after,
.camBtn6:hover {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.camBtn6:hover {
    background-color: #4c4c4c;
    color: #4c4c4c;
}
.camBtn6:hover::after {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}
.camBtn6.tinyb::after, .camBtn6.smallb::after{padding-top: 13px;}
.camBtn6.mediumb::after{padding-top: 16px;}
.camBtn6.largeb::after{padding-top: 18px;}
.camBtn6.elargeb::after{padding-top: 21px;}

.camBtn7{
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    box-shadow: 0 6px #e57b5f;
}
.camBtn7:hover{
    color: #FFF;
    box-shadow: 0 4px #e57b5f;
}
.camBtn8{
    display: inline-block;
    text-align: center;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    box-shadow: 0 6px #e57b5f;
    border-radius: 5px;
}
.camBtn8:hover{
    color: #FFF;
}
.camBtn9{
    display: inline-block;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    padding-left: 65px;
    text-align: center;
    width: 220px;
    height: 60px;
    padding-top: 25px;
}
.camBtn9 i{
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 100%;
    text-align: center;
    color: #FFF;
    background: #e57b5f;
    padding-top: 20px;
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.camBtn9:hover{
    background: #e57b5f;
    color: #FFF;
}
.camBtn9:hover i{
    background: #de3c2f;
}
.camBtn10{
    display: inline-block;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    padding-left: 65px;
    text-align: center;
    width: 220px;
    height: 60px;
    padding-top: 25px;
}
.camBtn10 i{
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 100%;
    text-align: center;
    color: #FFF;
    background: #e57b5f;
    padding-top: 20px;
    border-right: 1px solid rgba(255, 255, 255, .4);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.camBtn10:hover{
    background: #e57b5f;
    color: #FFF;
}
.camBtn10:hover i{
    background: #de3c2f;
}
.camBtn11{
    display: inline-block;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    padding-left: 65px;
    text-align: center;
    width: 220px;
    height: 60px;
    padding-top: 25px;
    border-radius: 10px;
}
.camBtn11 i{
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 100%;
    text-align: center;
    color: #FFF;
    background: #e57b5f;
    padding-top: 20px;
    border-radius: 10px 0 0 10px;
    border-right: 1px solid rgba(255, 255, 255, .4);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.camBtn11:hover{
    background: #e57b5f;
    color: #FFF;
}
.camBtn11:hover i{
    background: #de3c2f;
}
.camBtn12{
    display: inline-block;
    color: #FFF;
    background: #de3c2f;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    padding-left: 65px;
    text-align: center;
    width: 220px;
    height: 60px;
    padding-top: 25px;
    border-radius: 50px;
}
.camBtn12 i{
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    height: 100%;
    text-align: center;
    color: #FFF;
    background: #e57b5f;
    padding-top: 20px;
    border-radius: 50px 0 0 50px;
    border-right: 1px solid rgba(255, 255, 255, .4);
    transition: all ease 700ms;
    -moz-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    -ms-transition: all ease 700ms;
    -o-transition: all ease 700ms;
}
.camBtn12:hover{
    background: #e57b5f;
    color: #FFF;
}
.camBtn12:hover i{
    background: #de3c2f;
}


/**************************** Pricing Table ********************************/

.price2{
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #e5e5e5;
}
.p2Head{
    border-bottom: 1px solid #e5e5e5;
    color: #4c4c4c;
    font-size: 100px;
    font-weight: bold;
    height: 148px;
    line-height: 67px;
    text-align: center;
    width: 100%;
    padding-top: 35px;
    position: relative;
}
.p2Head span{
    font-size: 18px;
    line-height: 14px;
    display: inline-block;
    font-weight: 400;
}
.p2Body{
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
.p2Body p{
    font-size: 14px;
    line-height: 11px;
    text-transform: capitalize;
    color: #7f7f7f;
    margin: 0px;
    border-bottom: 1px dashed #e5e5e5;
    padding: 24px 0;
}
.p2Body p.pBL{
    border-bottom: none;
}
.p2PlanName{
    background: #de3c2f none repeat scroll 0 0;
    bottom: -15px;
    color: #fff;
    font-size: 13px;
    height: 30px;
    left: 0;
    line-height: 9px;
    margin: 0 auto;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 150px;
    letter-spacing: 2px;
    font-weight: 300;
}
.p2PlanName:after{
    border-color: transparent transparent transparent #de3c2f;
    border-style: solid;
    border-width: 15px 0 15px 11px;
    content: "";
    height: 0;
    position: absolute;
    right: -11px;
    top: 0;
    width: 0;
}
.p2PlanName:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 11px 15px 0;
    border-color: transparent #de3c2f transparent transparent;
    content: "";
    position: absolute;
    left: -11px;
    top: 0;
}
.p2Foot{
    width: 100%;
    border-top: 1px solid #e5e5e5;
    padding: 10px 15px;
}
.p2Foot a{
    width: 100%;
    height: 40px;
    background: #4c4c4c;
    color: #FFF;
    font-size: 14px;
    line-height: 11px;
    text-transform: uppercase;
    display: inline-block;
    padding-top: 15px;
    text-align: center;
}
.p2Foot a:hover{
    background: #de3c2f;
    color: #fff;
}
.price3 .priceHead{
    position: relative;
}
.price3 .priceHead:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #FFF transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    z-index: 99;
    content: "";
    margin: 0 auto;
}

.pricingTables{
    width: 100%;
    position: relative;
    padding: 0 0 100px;
}
.pricingTables .sectionTitle{
    margin-bottom: 80px;
}
.singlePrice{
    width: 100%;
    text-align: center;
    position: relative;
    border: 1px solid #e7e7e7;
}
.priceHead{
    width: 100%;
    padding: 32px 0 27px;
}
.priceHead p{
    font-size: 16px;
    color: #4c4c4c;
    margin: 0px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: 400;
}
.pricePrice{
    width: 100%;
    height: 130px;
    background: #de3c2f;
    padding-top: 60px;
}
.pricePrice span{
    margin: 0px;
    font-size: 48px;
    color: #FFF;
    position: relative;
}
.pricePrice span small{
    position: absolute;
    right: 0px;
    font-size: 14px;
    color: #FFF;
    text-transform: uppercase;
    top: -15px;
}
.priceBody{
    width: 100%;
    padding-top: 15px;
}
.priceBody p{
    font-size: 14px;
    line-height: 11px;
    text-transform: capitalize;
    color: #7f7f7f;
    margin: 0px;
    border-bottom: 1px dashed #e7e7e7;
    padding: 24px 0;
}
.priceBody p.pBL{
    border-bottom: none;
}

/*************** Accordions *********************/
.myAccPanels{
    width: 100%;
    border: 1px solid #e7e7e7;
}
.myAccPanels.panel-group .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.myAccPanels .panel-heading{
    border: none;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
    padding: 0;
    height: 50px;
}
.myAccPanels .panel-heading.firstHead{
    border-top: none;
}
.myAccPanels .panel-title > a{
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-left: 70px;
    position: relative;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 12px;
    text-transform: capitalize;
    padding-top: 18px;
    text-align: left;
    font-weight: 400;
}
.myAccPanels .panel-title > a i.acIcona{
    position: absolute;
    left: -1px;
    width: 50px;
    height: 50px;
    top: -1px;
    background: #DE3C2F;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    padding-top: 17px;
}
.myAccPanels .panel-title > a.collapsed i.acIcona{
    background: #f1f1f1;
    color: #969595;
}
.myAccPanels .panel-title > a:after{
    position: absolute;
    right: -1px;
    width: 50px;
    height: 50px;
    top: -1px;
    background: #f1f1f1;
    color: #DE3C2F;
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    content: "\f068";
    font-family: FontAwesome;
}
.myAccPanels .panel-title > a.collapsed:after{
    content: "\f067";
    color: #969595;
}
.myAccPanels .panel-default > .panel-heading + .panel-collapse > .panel-body{
    border: none;
    padding: 22px 15px 36px 68px;
    font-size: 14px;
    line-height: 24px;
    color: #7f7f7f;
    font-weight: 300;
    
}
.myAccPanels.panel-group .panel + .panel{
    margin-top: 10px;
}


/*********************************** Alerts **************************************/
.alert-success{
    border-color: #3c763d;
}
.alert i{
    margin-left: 5px;
    margin-right: 25px;
}
.alert{
    text-transform: uppercase;
    font-size: 14px;
    background: #FFF;
    border-radius: 0px;
}
.alert-info{
    border-color: #31708f;
}
.alert-warning{
    border-color: #8a6d3b;
}
.alert-danger{
    border-color: #a94442;
}
.alert-bell{
    border-color: #f2784b;
    color: #f2784b;
}
.alert-support{
    border-color: #f7ca18;
    color: #f7ca18;
}