@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700');

body{ 
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important; 
font-size:15px;
color:#616161;
line-height:28px;
font-family: "Open+Sans",sans-serif !important;
font-weight: normal !important;
}

h1,h2,h3,h4,h5,h6 {color:#12212f; font-family:'Raleway', sans-serif; font-weight:500; text-transform: uppercase;}

/**/
.featherlight {z-index: 999 !important;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active  {
background: #ffae00;
color: #12212f;
}
#sp-header.transparent {
background: rgba(74, 72, 72) !important;
height: 107px;
left: 0;
position: absolute;
top: 0px;
transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
width: 100%;
z-index: 99;
box-shadow: none!important;
}

#sp-header .logo {height: 110px;}

#sp-header.header-sticky {
background: #504d4d !important;
transition: background 0.5s ease-in-out 0s, padding 0.5s ease-in-out 0s;
position: fixed;
}
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover {color: #12212f;}
#sp-header.header-sticky .sp-megamenu-parent > li > a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
line-height: 20px;
padding: 13px 14px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: #12212f;
}
#sp-header .sp-megamenu-parent > li > a {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
color:#fff;
line-height: 20px;
margin: 10px 0;
padding: 13px 14px;
}
#sp-header .sp-megamenu-parent > li.active {
background: #ffae00;
color: #12212f;
} 
#sp-header .sp-megamenu-parent > li:hover a,
#sp-header .sp-megamenu-parent > li.active a {
color: #12212f !important;
} 

.sp-megamenu-parent > li:hover {
background: #ffae00;
color: #12212f;
}

#sp-header {height: 65px;}
.burger-icon > span {background: #ffffff;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {padding:0px;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
color: #12212f;
font-family: "Open Sans",sans-serif;
font-size: 14px;
line-height: 22px;
padding: 12px 16px;
text-align: left;
text-transform: uppercase;

}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
color: #12212f;
background: #ffae00;
}
/**/




.title01 .sppb-addon-title span {font-weight: 700;}
.title01 .sppb-addon-title::after {
background:#ffae00!important;
content: "";
display: block;
height: 4px;
margin: 50px auto !important;
width: 90px;
}
.title01 .sppb-addon-title {
font-size: 40px;
font-weight: 200;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}

.title01 .sppb-addon-content {
line-height: 25px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
}
/**/

.title02 .sppb-addon-title span {font-weight: 700;}
.title02 .sppb-addon-title::after {
background:#ffae00!important;
content: "";
display: block;
height: 4px;
margin: 50px auto !important;
width: 90px;
}
.title02 .sppb-addon-title {
font-size: 40px;
font-weight: 100;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}

.title02 .sppb-addon-content {
line-height: 25px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
}

/**/

.title03 .sppb-addon-title span {font-weight: 700;}

.title03 .sppb-addon-title {
font-size: 40px;
font-weight: 100;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
padding-bottom:40px;
}

.title03 .sppb-addon-content {
line-height: 28px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
color: #12212f;
}

/**/

.title09 .sppb-addon-title span {font-weight: 700;}

.title09 .sppb-addon-title {
font-size: 40px;
font-weight: 400;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
padding-bottom:20px;
}

.title09 .sppb-addon-content {
line-height: 28px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
color: #616161;
}
.title09 .sppb-addon-content li {
 background: rgba(0, 0, 0, 0) url("../../../images/list-icon.png") no-repeat scroll left 8px;
    color: #616161;
    line-height: 28px;
    list-style-type: none;
    margin-bottom: 14px;
    padding: 4px 43px;
	
}
.title09 .sppb-addon-content ul {margin-left:0;padding:20px 0px;}
/**/


.title04 .sppb-addon-title span {font-weight: 700;}

.title04 .sppb-addon-title::after {
background:#12212f!important;
content: "";
display: block;
height: 4px;
margin:45px auto 0 !important;
width: 90px;
}
.title04 .sppb-addon-title {
font-size: 40px;
font-weight: 100;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
padding-bottom:40px;
}

.title04 .sppb-addon-content {
display:none;
line-height: 28px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
color: #12212f;
}

/**/


.title06 .sppb-addon-title span {font-weight: 700;}

.title06 .sppb-addon-title::after {
background:#ffaa00!important;
content: "";
display: block;
height: 4px;
margin:45px auto 0 !important;
width: 90px;
}
.title06 .sppb-addon-title {
font-size: 40px;
font-weight: 100;
color: #fff;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
padding-bottom:40px;
}

.title06 .sppb-addon-content {
display:none;
line-height: 28px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
color: #fff;
}
/**/


.title05 .sppb-addon-title span {font-weight: 700;}

.title05 .sppb-addon-title {
font-size: 40px;
font-weight: 100;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
padding-bottom:40px;
}

.title05 .sppb-addon-content {
display:none;
line-height: 28px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
color: #12212f;
}

/**/


.title08 .sppb-addon-title span {font-weight: 700;}
.title08 .sppb-addon-title::after {
background:#ffae00!important;
content: "";
display: block;
height: 4px;
margin: 40px auto 30px auto !important;
width: 90px;
}
.title08 .sppb-addon-title {
font-size: 40px;
font-weight: 100;
color: #12212f;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
}

.title08 .sppb-addon-content {display:none;}

/**/
.welcome .sppb-addon-title {
font-size: 20px;
margin-bottom: 20px;
margin-top: 20px;
text-transform: uppercase;
transition: all 0.5s ease 0s;
color: #12212f;
font-family: "Raleway",sans-serif;
font-weight: 500;
}

.welcome .sppb-addon-text{
line-height: 25px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
}
.welcome i {
background: #ffae00 none repeat scroll 0 0;
border-radius: 10%;
color: #12212f;
font-size: 40px;
height: 110px;
margin-bottom: 10px;
padding: 35px 0;
transition: all 0.5s ease-out 0s;
width: 110px;
}

.para .sppb-addon-title span { font-weight: 700;color:#fff;}
.para .sppb-addon-title {
color: #ffae00;
font-weight: 500;
font-family: "Raleway",sans-serif;
font-size: 40px;
text-transform: uppercase;
}
.para .sppb-addon-content {
color: #999999;
font-family: "Raleway",sans-serif;
font-size: 16px;
margin-top: 20px;
padding: 10px;
text-transform: uppercase;

}
.minus img {margin-top:-190px;}

/**/
.welcome2{margin:20.7px 0;}
.welcome2 .sppb-addon-title {
font-family: "Raleway",sans-serif;
font-size: 18px;
color: #ccc;
font-weight: 500;
padding-bottom:12px;
}

.welcome2 .sppb-addon-text{
line-height: 25px;
font-size: 15px;
font-family: 'Open+Sans', sans-serif;
text-rendering: optimizeLegibility !important;
color:#999;

}
.welcome2 i {
background: #ffae00;
border: 1px solid #ffae00;
border-radius: 10%;
color: #fff;
float: left;
font-size: 24px;
height: auto;
margin-right: 15px;
padding: 10px;
width: 55px;
color:#12212f;
}

/**/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
background-color: #ffffff;
font-size: 15px;
padding: 15px;
border-radius:0;
color:#333;
font-weight: 400 ;
font-family:"Open Sans",sans-serif;
text-transform: lowercase;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {background-color: #ffffff;color:#333; opacity:0.9;border:1px solid #fff;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
background: #ffae00;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a {
color:#333;
font-weight: 500 ;
font-family:"Open Sans",sans-serif;
text-transform: capitalize;
font-size: 15px;
text-align: center;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
color: #b2b2b2;
font: 400 12px/18px Roboto,sans-serif;
text-align: center;
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info { background: #fff}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover { background: #fff;color: #b2b2b2;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover h3 > a {color: #333!important;}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
 background: transparent none repeat scroll 0 0;
 border: 1px solid #eee;
 border-radius: 0;
 color: #888888;
 transition: all 300ms ease 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
 background: transparent none repeat scroll 0 0;
 border: 1px solid #ffae00;
 border-radius: 0;
 color: #ffae00;
 transition: all 300ms ease 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
 background: transparent none repeat scroll 0 0;
 border: 1px solid #ffae00;
 border-radius: 0;
 color: #ffae00;
 transition: all 300ms ease 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
font: 400 12px/32px Roboto,sans-serif;
margin: 0 5px 5px 0;
padding: 0 17px;
text-transform: capitalize;
}

/**/

.feature-icon .sppb-addon-title {
font-family: "Open+Sans",sans-serif;
font-size: 21px;
font-weight: 400;
margin-bottom: 9px;
color: #12212f;
}
.feature-icon .sppb-addon-text{
color: #616161;
font-size: 15px;
line-height: 28px;
margin-top: 15px;
font-weight: normal;
font-family: "Open+Sans",sans-serif;
}
.feature-icon .sppb-icon {
background: #12212f none repeat scroll 0 0;
border-radius: 10%;
color: #ffae00;
font-size: 25px;
height: 55px;
padding: 15px 0 0;
width: 55px;
}
.feature-icon i {
font-size: 25px;
color: #ffae00;
width: 55px;
text-align: center;
}
.feature-icon {padding:39px 0;}

.achivement-box {
background: #fff none repeat scroll 0 0;
border: 6px solid #ffcd60;
border-radius: 25px 0;
margin: 10px 0;
padding: 55px 0;
text-align: center;
}

.achivement-box .sppb-animated-number {
color: #12212f;
display: block;
font-family: "Open Sans",sans-serif;
font-size: 30px;
font-weight: 600;
}
.achivement-box .sppb-animated-number-title {
color: #333;
font-size: 15px;
text-transform: uppercase;
color: #12212f;
font-family: "Raleway",sans-serif;
font-weight: 500;
}

.img-circle img { border-radius: 50%; margin: auto;}
.caption h3 {
color: #12212f;
font-family: "Open+Sans",sans-serif;
font-size: 20px;
 font-weight: 500;
text-transform: uppercase;
margin-top: 15px;
}
.caption h5{
font-size: 14px;
color: #12212f;
font-family: "Raleway",sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.text-center {text-align: center;}
.caption i {
background: #12212f none repeat scroll 0 0;
border-radius: 10%;
color: #ffae00;
font-size: 16px;
height: 30px;
padding: 7px 5px;
transition: all 0.5s ease 0s;
width: 30px;
}
ul.footer-social li {
display: inline-block;
margin: auto10px auto auto;
}
ul.footer-social{ padding-right:30px;}

.caption i:hover {
background: #ffae00 none repeat scroll 0 0;
color: #12212f;
}
.sppb-panel-default > .sppb-panel-heading .sppb-panel-title{font-size:16px;}
.sppb-panel-default > .sppb-panel-heading {
background-color: #e6e6e6;
padding: 20px;
font-family: "Open+Sans",sans-serif;
line-height: 28px;
text-rendering: optimizelegibility !important;
color: #333;
border-top: 1px solid #d9d9d9;
}
.sppb-panel-default > .sppb-panel-heading.active{
background: #12212f;
color: #fff;
}
.sppb-panel-default .sppb-panel-body p{
color: #858586;
padding: 15px;
 }

.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction {
background: #d0d0d0 none repeat scroll 0 0;
border-radius: 10%;
font-size: 20px;
line-height: 45px;
text-align: center;
width: 45px;
}
.sppb-panel-default > .sppb-panel-heading .sppb-toggle-direction i {color:#12212f; font-size:15px;text-align:center;}

.sppb-panel-default > .sppb-panel-heading.active .sppb-toggle-direction {
background: #ffae00;
color:#fff;
}

.titleskil .sppb-addon-title{
color: #414141;
font-family: "Open Sans",sans-serif;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin: 10px 0;
}
.titleskil .sppb-addon-content {display:none;}
.sppb-progress-label > span::before {
border-style: solid;
border-width: 8px 5px;
bottom: -16px;
content: " ";
height: auto;
position: absolute;
right: 8px;
width: auto;
}
.sppb-progress-label > span::before {
border-color: #ffae00 transparent transparent;
}
.sppb-progress-label > span {
border-radius: 10px;
font-size: 12px;
font-weight: 700;
height: 20px;
line-height: 20px;
margin-left: -70px;
text-align: center;
top: -30px;
width: 70px;
background:#12212f;
color:#fff;
}
.sppb-progress {border-radius: 0;}

/**/

.pricetable .sppb-pricing-header {

background: #12212f none repeat scroll 0 0;
padding: 30px 60px;
width:100%;
}
.pricetable .sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {
color: #fff;
font-size: 26px;
font-weight: 500;
margin-bottom: 18px;
margin-top: 10px;
text-transform: uppercase;

}
.pricetable .sppb-pricing-box .sppb-pricing-header > span.sppb-pricing-price {
color: #fff;
font-size: 16px;
text-transform: uppercase;

}
.pricetable .sppb-pricing-box .sppb-pricing-header > span.sppb-pricing-duration{
color: #fff;
font-size: 16px;
text-transform: uppercase;

}
.pricetable .sppb-btn-default {
background: #12212f none repeat scroll 0 0;
border: 1px solid #12212f;
border-radius: 0;
color: #fff;
display: inline-block;
font-size: 18px;
font-weight: 600;
max-width: 100%;
padding: 20px 30px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
transition: all 0.6s ease 0s;
width: 225px;
}
.pricetable .sppb-btn-default:hover {
background-color: transparent;
border: 1px solid #12212f;
color: #12212f;
display: inline-block;
text-decoration: none;
}

.pricetable .sppb-pricing-features ul {
background: #fafafa none repeat scroll 0 0;
margin: 0;
padding: 0;
}
.pricetable .sppb-pricing-features ul li:nth-child(2n) {
background: #f1f1f1 none repeat scroll 0 0;
}
.pricetable .sppb-pricing-box{padding:0;}

.pricetable .sppb-pricing-box .sppb-pricing-features {margin:0px;}

.pricetable .sppb-pricing-box .sppb-pricing-features > ul > li {
color: #616161!important;
font-family: "Open Sans",sans-serif;
list-style: outside none none;
padding: 22px 0;
font-weight: normal;
}
.pricetable .sppb-pricing-footer {padding:0 0 22px 0;background:#fafafa}
.pricetable .sppb-pricing-box .sppb-pricing-features { padding: 0;}
.active .sppb-pricing-header {background:#ffaa00; color:#12212f;}
.active .sppb-pricing-box .sppb-pricing-header > span.sppb-pricing-price{color:#12212f;}
.active .sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {color:#12212f;}
.active .sppb-pricing-box .sppb-pricing-header > span.sppb-pricing-duration {color:#12212f;}
.active .sppb-btn-default {background:#ffaa00; color:#12212f;border:1px solid #ffaa00;}
.active .sppb-btn-default:hover {border:1px solid #ffaa00;}

.para-tex {
color: #c1c1c1;
font-size: 20px;
text-align:center;
line-height: 30px;
font-family: "Open+Sans",sans-serif;

}
.clients-name {
color: #c9c9c9;
font-size: 23px;
text-align:center;
}

.centerme {margin:auto; display:block;text-align:center;}
.img-testimonial img{margin:auto; display:block;text-align:center;}
.imgcenter img{margin:auto; display:block;text-align:center;}

/**/
.vertical {border:1px solid #e6e6e6;}
.sppb-nav-vertical{float:left;}

@media (max-width: 980px) {
.sppb-nav-vertical li:last-child {margin-bottom:25px;}
}
.sppb-nav-vertical li a{
border:1px solid #e6e6e6;
padding:32px;
color: #616161;
font-size: 18px;
font-family: "Open+Sans",sans-serif;

}
.sppb-nav-vertical li a:hover {
background: #ffae00 none repeat scroll 0 0;
border: 1px solid #ffae00;
color: #12212f;
}
.sppb-nav-vertical > li.active > a, .sppb-nav-vertical > li.active > a:hover, .sppb-nav-vertical > li.active > a:focus{
background: #ffae00 none repeat scroll 0 0;
border: 1px solid #ffae00;
color: #12212f;
}


@media (max-width: 980px) {
.sppb-nav-vertical-content{width:100%;padding:15px 30px 30px 30px;}

}
@media (min-width: 981px) {
.sppb-nav-vertical-content{width:73%;right:0;position:absolute;padding:15px 30px 30px 30px;}

}

.sppb-nav-vertical-content h4 {
color: #12212f;
font-family: "Raleway",sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 20px;
}

.sppb-nav-vertical-content hr {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #e6e6e6 currentcolor currentcolor;
border-image: none;
border-style: solid none none;
border-width: 1px 0 0;
margin-bottom: 20px;
margin-top: 20px;
}
.sppb-nav-vertical-content ul {margin:0px !important; padding:0px !important;}
.sppb-nav-vertical-content li {
background: rgba(0, 0, 0, 0) url(../../../images/list-icon.png) no-repeat scroll left 8px;
color: #616161;
line-height: 28px;
list-style-type: none;
margin-bottom: 14px;
padding: 0px 43px;

}

/**/

.sppb-addon-article h3 a {
color: #333;
display: block;
font: 400 18px/30px "Open Sans",sans-serif;
text-transform: capitalize!important;
}
.center .sppb-addon-article {text-align: center;}

.sppb-addon-articles .sppb-article-meta > span {
color: #787878;
display: inline-block;
font: 400 12px/18px "Open Sans",sans-serif;
}
.sppb-article-introtext {
color: #9b9b9b;
font: 400 13px/18px "Open Sans",sans-serif;
margin-top: 9px;
}

.imghoverblog  a{
color:#000!important;
font: 400 18px/21px "Open Sans",sans-serif;
letter-spacing: 3px;
}
/**/

.sppb-addon-article h3 a {
color: #333;
display: block;
font: 400 18px/30px "Open Sans",sans-serif;
text-transform: capitalize!important;
}
.center .sppb-addon-article {text-align: center;}

.sppb-addon-articles .sppb-article-meta > span {
color: #787878;
display: inline-block;
font: 400 12px/18px "Open Sans",sans-serif;
}
.sppb-article-introtext {
color: #9b9b9b;
font: 400 13px/18px "Open Sans",sans-serif;
margin-top: 9px;
}

.imghoverblog  a{
color:#000!important;
font: 400 18px/21px "Open Sans",sans-serif;
letter-spacing: 3px;
}
.sppb-addon-articles figure .art_effect a {
color:#000!important;
font: 400 18px/21px "Open Sans",sans-serif;
letter-spacing: 3px;
left:36%;
position: absolute;
top:28%;
}
.sppb-addon-articles figure:hover .art_effect{ opacity: 1;}
.sppb-addon-articles figure .art_effect { opacity: 0; transition: all 0.3s ease-in-out 0s;}
.sppb-addon-articles figure { background:#ffae00;}
.sppb-addon-articles figure img { opacity: 1; transition: all 0.3s ease-in-out 0s;}
.sppb-addon-articles figure:hover img { opacity: 0;}
.sppb-addon-articles .sppb-addon-article { margin-bottom: 40px;}

/**/

.contacthome i {
background: #12212f;
border: 1px solid #000;
border-radius: 25px 0;
color: #ffae00;
font-size: 40px;
height: 120px;
margin: 70px 0 30px;
padding: 42px 0;
width: 120px;
}
.contacthome .sppb-addon-title {
   color: #12212f;
font-family: "Open+Sans",sans-serif;
font-size: 15px;
line-height: 28px;
margin-top: 5px;
text-rendering: optimizelegibility !important;
text-transform: capitalize;
}

.sppb-ajaxt-contact-form input[type="text"] {
background: #d89404;
border: 2px solid #c48603;
border-radius: 2px;
border-top: medium none;
box-shadow: none;
display: block;
font-size: 14px;
line-height: 22px;
margin-top: 25px;
padding: 12px;
transition: none 0s ease 0s ;
}
.sppb-ajaxt-contact-form input[type="email"] {
background: #d89404;
border: 2px solid #c48603;
border-radius: 2px;
border-top: medium none;
box-shadow: none;
display: block;
font-size: 14px;
line-height: 22px;
margin-top: 25px;
padding: 12px;
transition: none 0s ease 0s ;
}
.sppb-ajaxt-contact-form textarea {
background: #d89404!important;
border: 2px solid #c48603;
border-radius: 2px!important;
border-top: medium none;
box-shadow: none;
display: block;
font-size: 14px;
line-height: 22px;
margin-top: 25px;
margin-bottom: 25px;
padding: 12px;
transition: none 0s ease 0s ;
}

.sppb-ajaxt-contact-form *:-moz-placeholder { color: #12212f !important;}
.sppb-ajaxt-contact-form *::-moz-placeholder { color: #12212f !important;}

.sppb-ajaxt-contact-form .sppb-btn-default{
background: #12212f none repeat scroll 0 0;
border: 1px solid #12212f;
border-radius: 0;
color: #ffffff;
display: block;
font-size: 18px;
padding: 20px 30px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
transition: all 0.6s ease 0s;
width: 225px;
margin:auto;
}
.sppb-ajaxt-contact-form .sppb-btn-default:hover {
background-color: transparent;
border: 1px solid #12212f;
color: #12212f;
text-decoration: none;
}

.para-footer {
color: #999999;
font-size: 16px;
line-height: 28px;
text-align: center;

margin-bottom:40px
}

#sp-before-footer .sp-module ul > li > a::before { content: " ";  font-family: FontAwesome;}

#sp-before-footer .sp-module ul > li {border-bottom:1px solid transparent;}

.footer-social i{
background: #ffae00 none repeat scroll 0 0;
border: 1px solid #ffae00;
color: #12212f;
font-size: 16px;
height: 35px;
padding: 9px 5px;
text-align: center;
transition: all 0.5s ease 0s;
width: 35px;
}
.footer-social{margin:auto; text-align:center;}
#sp-before-footer {border-bottom: 1px solid #202020;}
#sp-footer {padding: 40px 0;}

.download .sppb-addon-title {
color: #12212f;
font-size: 20px;
line-height: 28px;
margin-top: 0;
padding: 20px 0 15px;
text-transform: uppercase;
font-weight: 600;
}
.sppb-btn-download {
background: #12212f;
border: 1px solid #12212f;
border-radius: 0;
color: #ffffff;
font-size: 18px;
padding: 20px 30px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
transition: all 0.6s ease 0s;
width: 225px;
}
.sppb-btn-download:hover {
background-color: transparent;
border: 1px solid #12212f;
color: #12212f;
text-decoration: none;
}

.sppb-btn-yellow {
background: #ffae00;
font-weight:600;
border: 1px solid #ffae00;
border-radius: 0;
color: #12212f;
font-size: 18px;
padding: 20px 30px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
transition: all 0.6s ease 0s;
width: 225px;
}
.sppb-btn-yellow:hover {
background-color: #fff;
border: 1px solid #ffae00;
color: #12212f;
text-decoration: none;
}

.sppb-btn-white {
background: #fff;
font-weight:600;
border: 1px solid #ffae00;
border-radius: 0;
color: #12212f;
font-size: 18px;
padding: 20px 30px;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
transition: all 0.6s ease 0s;
width: 225px;
}
.sppb-btn-white:hover {
background-color: #ffae00;
border: 1px solid #ffae00;
color: #12212f;
text-decoration: none;
}


/**/

.rotate-services {padding:50px 0;}
.rotate-services .sppb-addon-title {
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
color: #12212f;
font-family: "Raleway",sans-serif;
padding-top:30px;
}
.rotate-services i {
overflow: hidden;
position: relative;
}
.rotate-services .sppb-icon-container {
background: #ffae00 none repeat scroll 0 0;
border: 4px solid #fff;
color: #12212f;
font-size: 45px;
height: 120px;
line-height: 130px;
margin: 0 auto;
outline: 1px solid #dddddd;
text-align: center;
transform: rotate(45deg);
width: 120px;
}
.rotate-services .sppb-icon-container:hover {
background: #ffae00 none repeat scroll 0 0;
color: #12212f;
cursor: pointer;
transition: all 0.5s ease-out 0s;
}
.rotate-services .sppb-icon-container i {
transform: rotate(-45deg);
} 

.agency .sp-simpleportfolio .sp-simpleportfolio-item { padding: 10px;}


.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay-agency {
background: #ffae00;
bottom: 0;
color: #fff;
left: 0;
opacity: 0;
padding: 10px;
position: absolute;
right: 0;
text-align: center;
height:80px;
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
z-index: 2;
margin-bottom:-20%;
}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-agency  {
opacity: 1;
transform: translateY(-79%);
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title-agency a {
color: #000;
font: 400 16px/21px "Open Sans",sans-serif;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title-agency {
margin-top:0px!important;
}
 
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle .sp-simpleportfolio-tags-agency {
color: #333;
font: 400 12px/16px "Open Sans",sans-serif;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns-agency a {
background: rgba(255, 255, 255, 0);
color: #12212f;
font-size: 20px;
height: 100%;
line-height: 30px;
text-align: center;
width: 100%;
margin: auto;
padding: 5px;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-btns-agency a {
opacity: 1;
}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-btns-agency i {display:none;}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {
 transform: translateY(-30px);;
}
@media (max-width: 980px) {
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-img {
width: 100%;
object-fit: cover;
height: 230px;
}

}

/**/
#offcanvas-toggler {
line-height: 70px;
}
#offcanvas-toggler > i {
color: #fff !important;
}
.about-deg i {
color: #999;
font-size: 20px;
padding: 15px;
transform: rotate(45deg);
}
.about-deg .sppb-icon-container {
 border: 2px solid #ffae00;
color: #999;
float: left;
font-size: 24px;
height: 55px;
margin-left: 15px;
margin-right: 31px;
margin-top: 50px;
padding: 10px;
transform: rotate(-45deg);
width: 55px;
}
.about-deg {
margin:10px 0;
}
.about-deg .sppb-addon-title{
font-size: 18px;
color: #ccc;
font-weight: 500;
margin-top: 30px;
font-family: "Raleway",sans-serif;
text-transform: uppercase;
}
.about-deg .sppb-addon-text{
color: #999;

}

/**/

.feature-content-y {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #dfdfdf;
margin:15px 0;
padding:65px 30px 65px 30px;
}

.feature-content-y .sppb-addon-text {
color: #333333;
font-size: 14px;
line-height: 28px;
margin-top: 15px;

}

.feature-content-y .sppb-addon-title  {
font-family: "Open+Sans",sans-serif;
font-size: 21px;
font-weight: 400;
margin-bottom: 9px;
 color: #12212f;
}
.feature-content-y .sppb-icon-container {
border: 2px solid #12212f;
height: 65px;
padding: 17px 0 0!important;
width: 65px;
}
.feature-content-y  i {
color: #12212f;
font-size: 30px;
}

/**/

.img-circle-at img { 
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 4px;
transition: all 0.2s ease-in-out 0s;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.caption-at h3 {
color: #12212f;
font-family: "Open+Sans",sans-serif;
font-size: 20px;
 font-weight: 500;
text-transform: uppercase;
}
.caption-at h5{
font-size: 14px;
color: #12212f;
font-family: "Raleway",sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.caption-at i {
background: #12212f none repeat scroll 0 0;
border-radius: 10%;
color: #ffae00;
font-size: 16px;
height: 30px;
padding: 7px 5px;
transition: all 0.5s ease 0s;
width: 30px;
}
ul.footer-social-at li {
display: inline-block;
margin: auto10px auto auto;
}
ul.footer-social-at{ padding-right:30px;}

.caption-at i:hover {
background: #ffae00 none repeat scroll 0 0;
color: #12212f;
}
.center .owl-carousel .owl-item{padding:5px 0px!important;}

/**/
.s-box {
background: #ffffff;
border: 1px solid #d3d3d3;
font-weight: 300;
margin: 10px 0 20px 0;
padding: 50px 30px;
transition: all 0.5s ease 0s;
}
.s-box:hover {
background: #f3f3f3 ;
border-radius: 3px;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
color: #fff;
transition: all 0.5s ease 0s;
}
.s-box i {
background: #ffae00;
border-radius: 5px;
color: #12212f;
font-size: 30px;
height: 70px;
line-height: 8px;
margin-bottom: 10px;
padding: 30px 0;
transition: all 0.5s ease-out 0s;
width: 70px;
}

.s-box .sppb-addon-text {
color: #616161;
font-size: 14px;
line-height: 28px;
margin-top: 15px;

}

.s-box .sppb-addon-title  {
font-family:"Raleway",sans-serif;
font-size: 20px;
font-weight: 500;
margin-bottom: 9px;
 color: #12212f;
}
.s-box .sppb-addon-title:after {
background: #eee none repeat scroll 0 0 !important;
content: "";
display: block;
height: 1px;
margin: 20px auto !important;
width: 93%;
}
/**/

.st01  .sppb-addon-title {
font-family: "Raleway",sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 22px;
line-height: 35px;
color:#fff;
}
.st01  .sppb-addon-text {}
.st01 i {
color: #fff;
font-size: 55px;
}

.st02  .sppb-addon-title {
font-family: "Raleway",sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: 22px;
line-height: 35px;
color:#12212f;
}
.st02  .sppb-addon-text {}
.st02 i {
color: #12212f;
font-size: 55px;
}

/**/

.superb-services .sppb-addon-title{
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 35px;
text-transform: uppercase;
color: #12212f;
font-family: "Raleway",sans-serif;
}
.superb-services .sppb-addon-text {
color: #616161;
line-height: 28px;
padding: 5px;

}

.superb-services .sppb-addon-text a {
border: 1px solid #ffae00;
border-radius: 0;
color: #333333;
font-size: 13px;
font-weight: 600;
padding: 14px 20px 14px 18px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.5s ease 0s;
}
.superb-services .sppb-addon-text a:hover {
background: #ffae00 none repeat scroll 0 0;
color: #12212f;
text-decoration: none;
transition: all 0.5s ease 0s;
	}
.superb-services {
background: #fff;
margin:0;
padding: 90px 30px;
}

.superb-services.first {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
transition: all 0.5s ease 0s;
}
.superb-services.second {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
transition: all 0.5s ease 0s;
}
.superb-services.third {
background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #ccc;
transition: all 0.5s ease 0s;
}
.superb-services.four {
background: #fff none repeat scroll 0 0;
border-right: 1px solid #ccc;
transition: all 0.5s ease 0s;
}
.superb-services.five {
background: #fff none repeat scroll 0 0;
border-right: 1px solid #ccc;
transition: all 0.5s ease 0s;
}
.superb-services.six {
background: #fff none repeat scroll 0 0;
border-right: 1px solid #ccc;
transition: all 0.5s ease 0s;
}
.superb-servicesfirst:hover {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;transition: all 0.5s ease 0s;}
.superb-services.second:hover {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;transition: all 0.5s ease 0s;}
.superb-services.third:hover {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;transition: all 0.5s ease 0s;}
.superb-services.four:hover {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;transition: all 0.5s ease 0s;}
.superb-services.five:hover {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;transition: all 0.5s ease 0s;}
.superb-services.six:hover {background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;transition: all 0.5s ease 0s;}

/**/
.services-icon {
background: #eeeeee;
border-radius: 4px;
margin: 0 0 40px;
padding: 40px 30px
}
.services-icon .sppb-addon-title {
font-size: 18px;
font-weight: 600;
margin: 10px 0;
text-transform: uppercase;
color: #12212f;
font-family: "Raleway",sans-serif;
}
.services-icon .pull-left {padding-right:15px;}

/**/

.join-us h1 {
 font-weight: 200;
text-align: left;
text-transform: uppercase;
	font-size: 50px;
	color: #12212f;
font-family: "Raleway",sans-serif;
}
.join-us .list-o h4 { font-size: 20px;}
.join-us .list-o li {
background: rgba(0, 0, 0, 0) url("../../../images/list-icon.png") no-repeat scroll left 8px;
color: #616161;
line-height: 28px;
list-style-type: none;
margin-bottom: 14px;
padding: 4px 43px;
}
.join-us .list-o ul { margin: 15px 0 0 1px; padding: 0;}

.join-us p {
color: #616161;
font-size: 15px;
line-height: 28px;
margin-top: 25px;

}

.join-us .owl-theme .owl-controls .owl-page.active span {background:#ffae00;}
.join-us .owl-theme .owl-controls .owl-page span {
background: #ccc none repeat scroll 0 0;
border: medium none;
border-radius: 0;
cursor: pointer;
display: inline-block;
height: 5px;
margin: 1px;
text-indent: -999px;
width: 30px;
}

/**/

.freelancer .sppb-btn {
border: 3px solid #12212f;
font-size: 40px;
font-weight: 700;
max-width: 450px;
padding: 30px;
background:#fff;
font-size: 40px;
color: #12212f;
font-family: "Raleway",sans-serif;
text-transform: uppercase;
}

/**/
.freelancer-dr {padding: 50px 0;}
.freelancer-dr .sppb-addon-title {

font-size: 22px;
line-height: 35px;
margin-top: 15px;
font-family: "Raleway",sans-serif;
font-weight: 500;
text-transform: uppercase;
}
.freelancer-dr.blue .sppb-addon-title{color:#fff;}
.freelancer-dr .orange .sppb-addon-title{color:#12212f;}

.freelancer-dr .sppb-addon-text {display:none;}
.freelancer-dr.blue {background: #12212f;}
.freelancer-dr.orange {background: #ffae00;}
.freelancer-dr i {font-size: 55px;}
.freelancer-dr.orange i{color:#12212f;}
.freelancer-dr.blue i {color:#fff;}

/**/

.skill-fr .sppb-addon-title{
font-family: "Open+Sans",sans-serif;
font-size: 20px;
color: #12212f;
font-weight: 500;
text-transform: uppercase;
}
.sppb-pie-chart .sppb-chart-percent {color: #12212f; font-size: 31px;color: #12212f;}
.sppb-addon-pie-progress  {margin:0px 0 40px 0;}

/**/

.timeline::before {
background-color: #eee;
bottom: 37px;
content: "";
margin-left: -521px;
position: absolute;
top: 120px;
width: 2px;
left: 53.5%;
}
.timeline > li {
margin-bottom: 50px;
min-height: 50px;
position: relative;
}
.timeline > li::before, .timeline > li::after {
content: " ";
display: table;
}
.timeline > li::after {
clear: both;
}
.timeline > li .timeline-panel {
float: right;
width: 90%;
padding: 30px 20px 20px 30px;
text-align: left;
background: #fff;
border: 20px solid #efefef;
}
.timeline > li .timeline-panel::before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li .timeline-panel::after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li .timeline-image {
background: #ffab36 none repeat scroll 0 0;
border: 20px solid #ffeacd;
border-radius: 100%;
margin-left: 0;
position: absolute;
text-align: center;
z-index: 100;
left: 10px;
width: 80px;
height: 80px;
top: -28px;
}
.timeline > li .timeline-image h4 {
font-size: 14px;
margin-top: 20px;
text-transform: uppercase;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 30px 20px 20px 30px;
text-align: left;
}
.timeline > li.timeline-inverted > .timeline-panel::before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel::after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline > li:last-child {
margin-bottom: 40px;
}
.timeline .timeline-heading h4 {
font-size: 20px;
line-height: 28px;
margin-top: 0;
text-transform: uppercase;
}
.timeline .timeline-heading h2 {
margin-top: 30px;
}
.timeline .timeline-heading h4.subheading {
font-weight: 600;
text-transform: none;
}
.timeline .timeline-body > p, .timeline .timeline-body > ul {
margin-bottom: 0;
}
.timeline {
    list-style: none;
}
/**/

.feature-icon-center-freelancer {
padding-bottom: 80px;
}

.feature-icon-center-freelancer .sppb-addon-title {
font-weight: 400;
font-size: 21px;
font-family: 'Open+Sans', sans-serif;
color: #12212f;
}
.feature-icon-center-freelancer .sppb-addon-text {
line-height: 28px;
color: #616161;
margin-top: 15px;
font-size: 15px;

}
.feature-icon-center-freelancer i {
font-size: 20px;
color: #12212f;
height: 45px;
width: 45px;
padding: 11px 0 0 0;
border-radius: 50%;
border: 1px solid #ffae00;
background: #ffae00;
}

.video-backg .sppb-addon-title {
font-weight: 900;
font-size: 60px;
color: #fff;
font-family: Raleway;
text-transform: uppercase;
}

.video-backg .sppb-addon-content {
font-weight: 500;
color: #fff;
font-family: Raleway;
text-transform: uppercase;
}

.video-sl {border:1px solid rgba(255, 255, 255, 0.5)!important;transition: all 0.5s ease 0s;}
.video-sl:hover {border:1px solid #fff!important;transition: all 0.5s ease 0s;}

/**/

.app-store {
background:#252525;
padding: 35px 0
}
.app-store i {color: #fff; font-size: 65px;}
.app-store .sppb-addon-title{
 color: #fff;
    font-size: 18px;
    line-height: 35px;
    margin-top: 15px;
	font-family: "Raleway",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.app-store .sppb-addon-text {
 color: #fff;
    font-size: 25px;
    line-height: 35px;
    margin-top: 15px;
	font-family: "Raleway",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}
/**/

.app-store2 {
background:#f5b400;
padding: 35px 0
}
.app-store2 i {color: #252525; font-size: 65px;}
.app-store2 .sppb-addon-title{
 color: #252525;
    font-size: 18px;
    line-height: 35px;
    margin-top: 15px;
	font-family: "Raleway",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.app-store2 .sppb-addon-text {
 color: #252525;
    font-size: 25px;
    line-height: 35px;
    margin-top: 15px;
	font-family: "Raleway",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

/**/

.app-store3 {
background:#ff8400;
padding: 35px 0
}
.app-store3 i {color: #252525; font-size: 65px;}
.app-store3 .sppb-addon-title{
 color: #252525;
    font-size: 18px;
    line-height: 35px;
    margin-top: 15px;
	font-family: "Raleway",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.app-store3 .sppb-addon-text {
 color: #252525;
    font-size: 25px;
    line-height: 35px;
    margin-top: 15px;
	font-family: "Raleway",sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.text-center2 {padding-left:25%;}

.cube-fixed-top .sppb-addon-title {
font-size: 40px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 25px;
    text-transform: uppercase;
	 color: #ffffff;
    font-family: "Raleway",sans-serif;
}
.cube-fixed-top .sppb-addon-content{
color: #fafafa;
font-size: 16px;
}

.yel-dark {
background: #ffae00;
border: 1px solid #ffae00;
color: #12212f;
text-transform: uppercase;
transition: all 0.6s ease 0s;
}
.yel-dark:hover {
background-color: #12212f;
border: 1px solid #12212f;
color: #fff;
text-decoration: none;
transition: all 0.6s ease 0s;
}

/**/
#sp-footer .container-inner {
  padding: 0 !important;
  border-top: 0px solid rgba(255, 255, 255, 0.1) !important;
}
#sp-footer1,
.sp-copyright {text-align: center;}
#column-wrap-id-1490625575378,
#sppb-addon-1490625575393,
#sppb-addon-1490625575390
#column-id-1490709128929,
#column-id-1490709128932,
#column-wrap-id-1490709128933 {
	padding-bottom: 30px;
}
#section-id-1490709128928 .sppb-icon-inner i,
#section-id-1490709128928 .sppb-icon-inner {height: 80px;}


.sppb-tab-content.sppb-tab-vertical-content {
	padding: 30px ;
}


.view-article.layout-default #sp-header.transparent {
	background: #504d4d !important;
}