/*-----------------------------------------------------------------------------------
 * Template Name: Bigga - Creative Template
 * Version: 1.0.1
 * Author: Petia Koleva aka scarletish
 * Twitter: @designifyme
 * Website: http://designify.me
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
00. Roboto Condensed & Roboto Slab
01. General Styles
02. Navigation
03. Headers
03. Header - Index Page Main
04. Header - Index Page Alternative
05. Header - Team Page
06. Header - Services Page
07. Header - Contact Page
08. Header - Blog Page
09. Header - Blog Single Page
10. Header - Portfolio Page
11. Header - Portfolio Single Page
12. Header - Case Studies Page
13. Header - Case Study Single Page
14. Header - 404 Page
15. Header - Pricing Page
16. HR Dashes
17. Section Intro (@ Main Home Page)
18. Section About (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
19. Section About (@ Team Page[team.html])
20. Section Work Intro (@ Main Home Page[index.html] & Main Home Page with Left Menu[index-left-menu.html])
21. Section Work Intro Alternative (@ Main Alternative[index_alt.html])
22. Section Work (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
23. Work Items (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
24. Section Services (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
25. Section Services Alternative (@ [services_alt.html])
26. Section Case Studies (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
27. Section Why Us (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
28. Section Testimonials (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
29. Section Testimonials Team (@ Team Page[team.html])
30. Section Contact (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
31. Section Blog Wrapper (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
32. Section Blog Loop (@ Blog Main Page[blog.html] & Blog Single Page[blog-single.html])
33. Comments (@ Blog Single Page[blog-single.html])
34. Case Studies (@ Case Studies Main Page[case-studies.html] & Case Study Single Page[case-study-single.html])
35. Case Studies Alternative (@ Case Studies Main Page[case-studies-2.html])
36. Social Share (@ Blog Single Page[blog-single.html] & Case Study Single[case-study-single.html])
37. Section Portfolio (@ Portfolio Page[portfolio.html], Page 404[404.html], Portfolio Boxes Page[portfolio-boxes.html] & Portfolio Boxes Page Alternative[portfolio-boxes-2.html])
38. Section Traits (@ Services Page[services.html])
39. Footer Main (@ All Pages Except for Main Alternative[index_alt.html])
40. Footer Alternative (@ Main Alternative[index_alt.html])
41. Section Skills (@ Team Page[team.html])
42. Section Portfolio Single (@ Portfolio Single Page[portfolio-single.html])
43. Section Portfolio Single Alternative (@ Portfolio Single Page Alternative[portfolio-single-2.html])
44. Section Cta (@ Portfolio Single Page[portfolio-single.html])
45. Section Cta Alternative @ Portfolio Single Page Alternative[portfolio-single-2.html] & Services Page[services.html])
46. Section Timeline (@ Services Page[services.html])
47. Section Pricing (@Pricing Page[pricing.html])
48. Section Pricing CTA (@Pricing Page[pricing.html])
49. Section Pricing Alternative (@Pricing Alternative Page [pricing_alt.html])
50. Section Pricing Alternative 2 (@Pricing Alternative 2 Page [pricing_alt_2.html])
51. Buttons
52. Pagination
53. Back To Top Link
54. Specific Layout Adjustments
55. Colours, Transparency Classes & Special Styles
56. Paddings
57. Margins
-----------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------
00. Roboto Condensed & Roboto Slab
-----------------------------------------------------------------------------------*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/*-----------------------------------------------------------------------------------
01. General Styles
-----------------------------------------------------------------------------------*/
body{font-family:'Open Sans', sans-serif;}
body,.container,.row{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
@media only screen and (min-width: 768px) {
    html,body{height:100%}
}
a{color:#ae151e}
a:hover,a:focus{color:#000;text-decoration:underline}
a:focus{outline:0 auto -webkit-focus-ring-color;outline-offset:-2px}
blockquote {letter-spacing: 0.03em;}

/*-----------------------------------------------------------------------------------
02. Navigation
-----------------------------------------------------------------------------------*/
.navbar-inverse{-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.4);box-shadow:0 1px 5px 0 rgba(0,0,0,0.4)}
@media (min-width: 768px) {
    .navbar-inverse{background-color:#fff;border-color:#fff;min-height:88px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
    .navbar-inverse .navbar-header .navbar-brand{color:rgba(255,255,255,1);padding:10px 20px;font-size:28px;text-transform:uppercase;font-weight:500;letter-spacing:2px;margin-top:1px}
    .navbar-inverse .navbar-header .navbar-brand:hover,.navbar-inverse .navbar-header .navbar-brand:focus{color:#fff}
    .navbar-inverse .nav > li > a,.navbar-inverse .nav > li > a:focus{color:rgba(0,0,0,1)}
    .navbar-inverse .nav > li > a:hover,.navbar-inverse .nav > li > a:focus:hover{color:#ae151e}
    .navbar-inverse.affix{background-color:#fff;border-color:#fff;min-height:70px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
    .navbar-inverse.affix .navbar-header .navbar-brand{padding:5px 20px;font-size:28px;text-transform:uppercase;font-weight:500;letter-spacing:2px;margin-top:1px;color:#e91e63}
    .navbar-inverse.affix .navbar-header .navbar-brand:hover,.navbar-inverse.affix .navbar-header .navbar-brand:focus{color:#ac1d4e}
    .navbar-inverse.affix .nav > li > a,.navbar-inverse.affix .nav > li > a:focus{color:#e91e63}
    .navbar-inverse.affix .nav > li > a:hover,.navbar-inverse.affix .nav > li > a:focus:hover{color:#ac1d4e}
}
@media screen and (max-width: 767px) {
    .navbar-inverse{background-color:#fff;border-color:#fff;min-height:70px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
    .navbar-inverse .navbar-header .navbar-brand{color:rgba(255,255,255,1);padding:8px 0}
    .navbar-inverse .navbar-header .navbar-brand:hover,.navbar-inverse .navbar-header .navbar-brand:focus{color:#fff}
    .navbar-inverse .nav > li > a,.navbar-inverse .nav > li > a:focus{color:rgba(0,0,0,1)}
    .navbar-inverse .nav > li > a:hover,.navbar-inverse .nav > li > a:focus:hover{color:#ae151e}
    .navbar-inverse.affix{background-color:#3c2095;border-color:#3c2095;min-height:70px;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
    .navbar-inverse .navbar-header .navbar-brand{padding:5px 0}
    .navbar-inverse.affix .navbar-header .navbar-brand{padding:5px 0}
}

/*-----------------------------------------------------------------------------------
03. Header - Index Page Main
-----------------------------------------------------------------------------------*/
header#main-header {
    background: url(img/banner.jpg) no-repeat;
background-position: top center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
min-height: 850px;
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#main-header{height:750px}
    header#main-header h1{margin-top:35px}
}
@media (min-width: 768px) and (max-width: 991px) {
    header#main-header{height:auto}
    .flex-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .flex-item:nth-child(1){-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto}
    .flex-container-team{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .flex-item-team:nth-child(1){-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto}
}
@media (max-width: 767px) {
    header#main-header{height:auto}
    .flex-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .flex-item:nth-child(1){-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
}
header#main-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#main-header .header-text{position:relative;top:0; font-size: 20px;}
    header#main-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#main-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#main-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#main-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#main-header .header-text{position:relative;top:-10px}
    header#main-header h1{font-size:4em;font-weight:500;letter-spacing:1px}
    header#main-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#main-header{min-height: 166px;margin-top: 92px;}
	
	
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    header#main-header{min-height: 338px; margin-top: 95px;}
	
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px) {
    header#main-header{min-height:447px}
}
@media (min-width: 992px) {
    .flex-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .flex-item:nth-child(1){-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto}
    .flex-container-team{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
    .flex-item-team:nth-child(1){-webkit-order:0;-ms-flex-order:0;order:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto}
}

/*-----------------------------------------------------------------------------------
04. Header - Index Page Alternative
-----------------------------------------------------------------------------------*/
header#main-header-alt{background:url(img/header-main.jpg) no-repeat;background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:850px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#main-header-alt{height:750px}
    header#main-header-alt h1{margin-top:35px}
}
@media (min-width: 768px) and (max-width: 991px) {
    header#main-header-alt{height:auto}
}
@media (max-width: 767px) {
    header#main-header-alt{height:auto}
}
header#main-header-alt .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#main-header-alt .header-text{position:relative;top:0}
    header#main-header-alt h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#main-header-alt p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#main-header-alt h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#main-header-alt p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#main-header-alt .header-text{position:relative;top:-10px}
    header#main-header-alt h1{font-size:4em;font-weight:500;letter-spacing:1px}
    header#main-header-alt p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#main-header-alt{min-height:450px}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    header#main-header-alt{min-height:550px}
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px) {
    header#main-header-alt{min-height:550px}
}
@media only screen and (min-width: 768px) {
    header#main-header-alt{height:100%}
}

/*-----------------------------------------------------------------------------------
05. Header - Team Page
-----------------------------------------------------------------------------------*/
header#team-header{background:url(img/header-team.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#team-header{height:300px}
    header#team-header h1{margin-top:35px}
}
header#team-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#team-header .header-text{position:relative;top:0}
    header#team-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#team-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#team-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#team-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#team-header .header-text{position:relative;top:-10px}
    header#team-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#team-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#team-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
06. Header - Services Page
-----------------------------------------------------------------------------------*/
header#services-header{background:url(img/header-services.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#services-header{height:300px}
    header#services-header h1{margin-top:35px}
}
header#services-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#services-header .header-text{position:relative;top:0}
    header#services-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#services-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#services-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#services-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#services-header .header-text{position:relative;top:-10px}
    header#services-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#services-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#services-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
07. Header - Contact Page
-----------------------------------------------------------------------------------*/
header#contact-header{background:url(img/header-contact.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#contact-header{height:300px}
    header#contact-header h1{margin-top:35px}
}
header#contact-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#contact-header .header-text{position:relative;top:0}
    header#contact-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#contact-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#contact-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#contact-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#contact-header .header-text{position:relative;top:-10px}
    header#contact-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#contact-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#contact-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
08. Header - Blog Page
-----------------------------------------------------------------------------------*/
header#blog-header{background:#e91e63 url(img/header-blog.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px;border-bottom:1px solid #f1f5ff}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#blog-header{height:350px}
    header#blog-header h1{margin-top:35px}
}
header#blog-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#blog-header .header-text{position:relative;top:0}
    header#blog-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#blog-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media screen and (min-width: 768px) {
    header#blog-header h1{font-size:3em;font-weight:500;letter-spacing:3px;margin-top:50px}
    header#blog-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#blog-header .header-text{position:relative;top:-10px}
    header#blog-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#blog-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#blog-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
09. Header - Blog Single Page
-----------------------------------------------------------------------------------*/
header#blog-header-single{background:#e91e63 url(img/header-blog-single.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px;border-bottom:1px solid #f1f5ff}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#blog-header-single{height:300px}
    header#blog-header-single h1{margin-top:35px}
}
header#blog-header-single .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#blog-header-single .header-text{position:relative;position:relative}
    header#blog-header-single h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:60px}
    header#blog-header-single p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#blog-header-single h1{font-size:3em;font-weight:500;letter-spacing:3px;margin-top:50px}
    header#blog-header-single p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#blog-header-single .header-text{position:relative}
    header#blog-header-single h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#blog-header-single p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#blog-header-single{min-height:350px}
    header#blog-header-single h1{font-size:3em;margin-top:40px}
}
header#blog-header-single .header-text p.author{font-style:italic;margin-top:20px;color:#FFF}
header#blog-header-single .header-text p.author span{font-style:italic;font-weight:600;color:#FFF;text-transform:uppercase;letter-spacing:2px}

/*-----------------------------------------------------------------------------------
10. Header - Portfolio Page
-----------------------------------------------------------------------------------*/
header#portfolio-header{background:url(img/header-portfolio.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#portfolio-header{height:300px}
    header#portfolio-header h1{margin-top:35px}
}
header#portfolio-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#portfolio-header .header-text{position:relative;top:0}
    header#portfolio-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#portfolio-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#portfolio-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:50px}
    header#portfolio-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#portfolio-header .header-text{position:relative;top:-10px}
    header#portfolio-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#portfolio-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#portfolio-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
11. Header - Portfolio Single Page
-----------------------------------------------------------------------------------*/
header#portfolio-single-header{background:url(img/header-portfolio-single.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#portfolio-single-header{height:300px}
    header#portfolio-single-header h1{margin-top:35px}
}
header#portfolio-single-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#portfolio-single-header .header-text{position:relative;top:0}
    header#portfolio-single-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#portfolio-single-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#portfolio-single-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:50px}
    header#portfolio-single-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#portfolio-single-header .header-text{position:relative;top:-10px}
    header#portfolio-single-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#portfolio-single-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#portfolio-single-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
12. Header - Case Studies Page
-----------------------------------------------------------------------------------*/
header#case-studies-header{background:#e91e63 url(img/header-case-studies.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px;border-bottom:1px solid #f1f5ff}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#case-studies-header{height:350px}
    header#case-studies-header h1{margin-top:35px}
}
header#case-studies-header .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#case-studies-header .header-text{position:relative;top:0}
    header#case-studies-header h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#case-studies-header p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media screen and (min-width: 768px) {
    header#case-studies-header h1{font-size:3em;font-weight:500;letter-spacing:3px;margin-top:50px}
    header#case-studies-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#case-studies-header .header-text{position:relative;top:-10px}
    header#case-studies-header h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:40px}
    header#case-studies-header p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#case-studies-header{min-height:350px}
}

/*-----------------------------------------------------------------------------------
13. Header - Case Study Single Page
-----------------------------------------------------------------------------------*/
header#case-study-single{background:#e91e63 url(img/header-case-study-single.jpg);background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:400px;border-bottom:1px solid #f1f5ff}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#case-study-single{height:300px}
    header#case-study-single h1{margin-top:35px}
}
header#case-study-single .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#case-study-single .header-text{position:relative;position:relative}
    header#case-study-single h1{font-size:3em;font-weight:500;letter-spacing:1px;margin-top:60px}
    header#case-study-single p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#case-study-single h1{font-size:3em;font-weight:500;letter-spacing:3px;margin-top:50px}
    header#case-study-single p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#case-study-single .header-text{position:relative}
    header#case-study-single h1{font-size:4em;font-weight:500;letter-spacing:1px;margin-top:80px}
    header#case-study-single p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#case-study-single{min-height:350px}
    header#case-study-single h1{font-size:3em;margin-top:40px}
}
header#case-study-single .header-text p.author{font-style:italic;margin-top:20px;color:#FFF}
header#case-study-single .header-text p.author span{font-style:italic;font-weight:600;color:#FFF;text-transform:uppercase;letter-spacing:2px}

/*-----------------------------------------------------------------------------------
14. Header - 404 Page
-----------------------------------------------------------------------------------*/
header#header-404{background:url(img/header-404.jpg) no-repeat;background-position:80% center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;min-height:550px}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#header-404{height:450px}
    header#header-404 h1{margin-top:35px}
}
@media (min-width: 768px) and (max-width: 991px) {
    header#header-404{height:auto}
}
@media (max-width: 767px) {
    header#header-404{height:auto}
}
header#header-404 .header-bg{color:#FFF}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#header-404 .header-text{position:relative;top:0}
    header#header-404 h1{font-size:8em;font-weight:500;letter-spacing:1px;margin-top:50px}
    header#header-404 p.title{font-size:1.1em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 768px) {
    header#header-404 h1{font-size:10em;font-weight:500;letter-spacing:1px;margin-top:70px}
    header#header-404 p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media (min-width: 569px) and (max-width: 768px) {
    header#header-404 .header-text{position:relative;top:-10px}
    header#header-404 h1{font-size:8em;font-weight:500;letter-spacing:1px}
    header#header-404 p.title{font-size:1.6em;letter-spacing:5px;font-weight:500;text-transform:uppercase}
}
@media only screen and (max-width: 641px) {
    header#header-404{min-height:450px}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    header#header-404{min-height:550px}
}
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px) {
    header#header-404{min-height:550px}
}
@media only screen and (min-width: 768px) {
    header#header-404{height:100%}
}

/*-----------------------------------------------------------------------------------
15. Header - Pricing Page
-----------------------------------------------------------------------------------*/
header#pricing-header {
    background: url(img/header-pricing.jpg);
    background-position: 80% center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 400px
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    header#pricing-header {
        height: 300px
    }

    header#pricing-header h1 {
        margin-top: 35px
    }
}

header#pricing-header .header-bg {
    color: #FFF
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) {
    header#pricing-header .header-text {
        position: relative;
        top: 0
    }

    header#pricing-header h1 {
        font-size: 3em;
        font-weight: 500;
        letter-spacing: 1px;
        margin-top: 80px
    }

    header#pricing-header p.title {
        font-size: 1.1em;
        letter-spacing: 5px;
        font-weight: 500;
        text-transform: uppercase
    }
}

@media (min-width: 768px) {
    header#pricing-header h1 {
        font-size: 4em;
        font-weight: 500;
        letter-spacing: 1px;
        margin-top: 80px
    }

    header#pricing-header p.title {
        font-size: 1.6em;
        letter-spacing: 5px;
        font-weight: 500;
        text-transform: uppercase
    }
}

@media (min-width: 569px) and (max-width: 768px) {
    header#pricing-header .header-text {
        position: relative;
        top: -10px
    }

    header#pricing-header h1 {
        font-size: 4em;
        font-weight: 500;
        letter-spacing: 1px;
        margin-top: 80px
    }

    header#pricing-header p.title {
        font-size: 1.6em;
        letter-spacing: 5px;
        font-weight: 500;
        text-transform: uppercase
    }
}

@media only screen and (max-width: 641px) {
    header#pricing-header {
        min-height: 350px
    }
}

/*-----------------------------------------------------------------------------------
16. HR Dashes
-----------------------------------------------------------------------------------*/
.header-dash-dark{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px;margin:20px 0}
.header-dash-white{border:0 none;border-top:5px dotted #FFF;background:none;height:0;width:25px;margin:20px 0}
.header-dash-dark-center{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px}
.header-dash-white-center{border:0 none;border-top:5px dotted #FFF;background:none;height:0;width:25px}
.portfolio-dash-spaced{border:0 none;border-top:5px dotted #e91e63;background:none;height:0;width:25px}
.section-dash-white{border:0 none;border-top:5px dotted #ae151e;background:none;height:0;width:68px;}
.section-dash-white-left{border:0 none;border-top:5px dotted #FFF;background:none;height:0;width:25px;margin:20px 0}
.section-dash-blue{border:0 none;border-top:5px dotted #6534ff;background:none;height:0;width:25px;margin:20px 0}
.section-dash-dark{border:0 none;border-top:3px dotted #414141;background:none;height:0;}
.section-dash-dark-left{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px;margin:20px 0}
.section-dash-dark-center{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px}
.section-dash-purple-center {border: 0 none;border-top: 5px dotted #6534ff;background: none;height: 0;width: 25px;}
.blog-dash-dark-left{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px;margin:40px 0}
.blog-dash-dark-center{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px;margin-bottom:80px;margin-top:60px}
.contact-dash-dark-center{border:0 none;border-top:5px dotted #1c1a24;background:none;height:0;width:25px;margin-top:30px;margin-bottom:35px}

/*-----------------------------------------------------------------------------------
17. Section Intro (@ Main Home Page)
-----------------------------------------------------------------------------------*/
section#intro .intro-bg{position:relative;z-index:5;margin-top:-45px;background:#eaeaea;padding:30px 40px 20px}
section#intro .intro-bg p.lead{text-align:center;color:#FFF;font-weight:400;font-size:28px;letter-spacing:1px}
@media screen and (max-width: 767px) {
    section#intro .intro-bg{margin-top:0;padding:20px 20px 20px}
    section#intro .intro-bg p.lead{font-size:21px}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    section#intro .intro-bg{margin-top:-55px;padding:20px 20px 10px}
    section#intro .intro-bg p.lead{font-size:21px}
}

/*-----------------------------------------------------------------------------------
18. Section About (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#about{padding:100px 0}
section#about h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#about p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#about p.section-lead-sm{color:#1c1a24;font-size:16px}

/*-----------------------------------------------------------------------------------
19. Section About (@ Team Page[team.html])
-----------------------------------------------------------------------------------*/
section#about_inner{padding:100px 0}
section#about_inner h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#about_inner p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#about_inner p.section-lead-sm{color:#1c1a24;font-size:16px}
section#about_inner .team_member{color:#6534ff;letter-spacing:5px;font-size:16px;font-weight:600;text-transform:uppercase;margin-top:20px;margin-bottom:5px;text-align:center}
section#about_inner .team_position{color:#1c1a24;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:600}

/*-----------------------------------------------------------------------------------
20. Section Work Intro (@ Main Home Page[index.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#work-intro{background:#eaeaea;padding:100px 0}
section#work-intro h2.section-title{color:#333333;text-transform:uppercase;font-size:40px;font-weight:500}
section#work-intro p.lead{text-align:center;color:#333333;font-weight:400;font-size:20px;}
section#portfolio h2.section-title{color:#333333;text-transform:uppercase;font-size:40px;font-weight:500}

/*-----------------------------------------------------------------------------------
21. Section Work Intro Alternative (@ Main Alternative[index_alt.html])
-----------------------------------------------------------------------------------*/
section#work-intro-alt{border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd;padding:100px 0}
section#work-intro-alt h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#work-intro-alt p.lead{text-align:center;color:#1c1a24;font-weight:400;font-size:28px;letter-spacing:1px}


/*-----------------------------------------------------------------------------------
22. Section Work (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#work {overflow: hidden}

/*-----------------------------------------------------------------------------------
23. Work Items (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
figure.work{color:#fff;margin:0;overflow:hidden;background:#e91e63;text-align:center}
figure.work *{-webkit-box-sizing:padding-box;box-sizing:padding-box;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
figure.work img{opacity:1;width:100%}
figure.work figcaption{top:50%;left:40px;right:40px;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
figure.work figcaption p.accent{position:relative;font-weight:400;text-transform:uppercase;font-size:1.2em;letter-spacing:2px;margin:0;-webkit-transform:translateY(75%);transform:translateY(75%)}
figure.work figcaption h2 span{font-weight:800}
figure.work figcaption p{font-size:1.4em;font-weight:500;opacity:0;margin:0;text-transform:uppercase;letter-spacing:6px}
figure.work:before,figure.work:after{position:absolute;top:20px;right:20px;bottom:20px;left:20px;content:'';opacity:0;-webkit-transition:opacity 0.6s,-webkit-transform .6s;transition:opacity 0.6s,-webkit-transform 0.6s,-moz-transform 0.6s,-o-transform 0.6s,transform .6s}
figure.work:before{border-top:1px double #fff;border-bottom:1px double #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
figure.work:after{border-right:1px double #fff;border-left:1px double #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
figure.work a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}
figure.work:hover img,figure.work.hover img{opacity:.2;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.1);transform:scale(1.1)}
figure.work:focus img{opacity:.2;-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:scale(1.1);transform:scale(1.1)}
figure.work:hover figcaption h2,figure.work.hover figcaption h2,figure.work:hover figcaption p,figure.work.hover figcaption p{opacity:1;border-color:rgba(255,255,255,0.5);-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translateY(0);transform:translateY(0)}
figure.work:focus figcaption h2,figure.work:focus figcaption p{opacity:1;border-color:rgba(255,255,255,0.5);-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transform:translateY(0);transform:translateY(0)}
figure.work:hover figcaption p,figure.work.hover figcaption p{-webkit-transition-delay:.3s;transition-delay:.3s}
figure.work:focus figcaption p{-webkit-transition-delay:.3s;transition-delay:.3s}

/*-----------------------------------------------------------------------------------
24. Section Services (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#services{padding:50px 0}
section#services h2.section-title{color:#ae151e;font-size:48px;font-weight:600;}
section#services p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px;}
section#services p.section-lead-sm{color:#1c1a24;font-size:16px;}
section#services h3.service-title{color:#333333;font-size:28px;font-weight:300;}
section#services p.service-lead-sm{color:#1c1a24;font-size:18px; line-height:30px;}

/*-----------------------------------------------------------------------------------
25. Section Services Alternative (@ [services_alt.html])
-----------------------------------------------------------------------------------*/
section#services_alt{padding:100px 0;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#services_alt h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#services_alt p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
@media (min-width: 992px) {
    section#services_alt p.section-lead-sm{color:#1c1a24;font-size:16px;margin-top:90px}
}
@media (max-width: 991px) {
    section#services_alt p.section-lead-sm{color:#1c1a24;font-size:16px;margin-top:20px}
}
section#services_alt h3.service-title{color:#3c2095;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#services_alt p.service-lead-sm{color:#1c1a24;font-size:16px}

/*-----------------------------------------------------------------------------------
26. Section Case Studies (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#case-studies{background:#e91e63 url(img/zig-zag-pattern.png) repeat;padding:100px 0}
section#case-studies h2.section-title{color:#FFF;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#case-studies p.section-lead{text-transform:uppercase;color:#FFF;letter-spacing:2px;font-weight:600;font-size:21px}
section#case-studies .cs-item{background:#FFF;-webkit-box-shadow:0 0 5px 0 rgba(130,130,130,0.4);-moz-box-shadow:0 0 5px 0 rgba(130,130,130,0.4);box-shadow:0 0 5px 0 rgba(130,130,130,0.4);margin-bottom:40px}
section#case-studies .cs-item-inner{padding:20px}
section#case-studies .cs-item-inner h4{text-transform:uppercase;color:#e91e63;letter-spacing:2px;font-weight:600}
section#case-studies .cs-item-inner .btn-link{text-transform:uppercase;color:#e91e63;letter-spacing:2px;font-weight:600}
section#case-studies .cs-item-inner .btn-link:hover,section#case-studies .cs-item-inner .btn-link:focus{text-decoration:none;color:#ac1d4e}

/*-----------------------------------------------------------------------------------
27. Section Why Us (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#why-us{padding:100px 0}
section#why-us h2.section-title{color:#ae151e; text-transform:uppercase;font-size:40px;font-weight:600}
section#why-us p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#why-us p.section-lead-sm{color:#1c1a24;font-size:16px}
section#why-us #parentVerticalTab.resp-vtabs.hor_1{margin-top:50px}
section#why-us h2 small,section#why-us .h2 small,section#why-us h2 .small,section#why-us .h2 .small{text-transform:none;letter-spacing:0;font-size:85%!important}

/*-----------------------------------------------------------------------------------
28. Section Testimonials (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#testimonials{background:#3c2095 url(img/square-pattern-dark.png) repeat;padding:100px 0}
section#testimonials #testimonials-slider .item{color:#FFF}
section#testimonials #testimonials-slider .testimonial-text{font-size:28px}
section#testimonials #testimonials-slider .quote-symbol{font-size:32px}
section#testimonials #testimonials-slider .client{text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:16px;color:#e91e63}
section#testimonials .owl-controls .owl-prev,section#testimonials .owl-controls .owl-next{background:transparent}

/*-----------------------------------------------------------------------------------
29. Section Testimonials Team (@ Team Page[team.html])
-----------------------------------------------------------------------------------*/
section#testimonials_team{background-color:#3c2095;color:#FFF;padding:100px 0}
section#testimonials_team .testimonial_wrapper{margin-bottom:50px}
section#testimonials_team i{margin:-50px 0 0;font-size:74px;position:relative;bottom:-70px}
section#testimonials_team .client_testimonial{font-size:16px;margin-top:20px}
section#testimonials_team .client_name{font-size:14px;letter-spacing:2px;font-weight:600;margin-top:20px;text-transform:uppercase;color:#e91e63}
section#testimonials_team .img-rounded{border:1px solid #ecedf0;border-radius:2px}

/*-----------------------------------------------------------------------------------
30. Section Contact (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#contact{background:#fff;padding:0px 0}
section#contact h2.section-title{color:#000;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#contact p.section-lead{text-transform:uppercase;color:#000;letter-spacing:2px;font-weight:400;font-size:21px}
section#contact p.section-lead-sm{color:#000;font-size:16px}
section#contact .form-wrapper{background:#eaeaea;padding:10px;margin-top:30px}
section#contact .form-wrapper h3{color:#1c1a24;text-align:center;letter-spacing:2px;text-transform:uppercase}
section#contact .form-wrapper .form-subtitle{color:#1c1a24;text-align:center;font-size:14px;font-style:italic}
section#contact .form-wrapper .form-inner{padding:10px 40px}
section#contact .form-control{border-radius:0;border:1px solid #ebeffa;-webkit-box-shadow:none;box-shadow:0;padding:20px 12px;color:#bac1d4;  height: 42px;
    padding: 10px 15px;
    font-size: 13px;
    color: #666;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all .65s;
    -webkit-transition: all .65s}

section#contact_info{padding:100px 0 50px}
section#contact_info .contact_box{border:1px solid #f4f7fd;background:#f8fbfd;padding:50px 10px;margin-bottom:20px;text-align:center}
section#contact_info .contact_box p{font-size:16px;font-weight:600;text-transform:uppercase}
section#contact_info .contact_box a{color:#1c1a24;text-decoration:underline}
section#contact_info .contact_box a:hover,section#contact_info .contact_box a:focus,section#contact_info .contact_box a:active{color:#e91e63;text-decoration:none}
section#contact_info .contact_box h4{text-transform:uppercase;letter-spacing:1px;padding-bottom:5px;font-weight:600;text-align:center}
section#contact_info .contact_cta h3{font-weight:600;text-align:center;text-transform:uppercase;font-size:18px;letter-spacing:2px;color:#e91e63;margin:25px 0 10px}
section#contact_info p{text-align:center}
section#contact_info .contact_cta i{font-weight:600;color:#e91e63;font-size:18px}
section#contact_form{padding:110px 0 150px;border-bottom:1px solid #cd1856;border-top:1px solid #cd1856;background:#e91e63}
section#contact_form h3{color:#FFF;text-align:center;letter-spacing:2px;text-transform:uppercase}
section#contact_form .form-subtitle{color:#FFF;text-align:center;font-size:14px;font-style:italic}
section#contact_form .form-wrapper{background:#FFF;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.4);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.4);box-shadow:0 0 2px 0 rgba(130,130,130,0.4);padding:50px 10px 20px;margin-top:20px}
section#contact_form .form-wrapper .form-inner{padding:10px 40px}
section#contact_form .form-control{border-radius:0;border:1px solid #ebeffa;-webkit-box-shadow:none;box-shadow:0;padding:20px 12px;color:#bac1d4}


/*-----------------------------------------------------------------------------------
31. Section Blog Wrapper (@ Main Home Page[index.html], Main Alternative[index_alt.html] & Main Home Page with Left Menu[index-left-menu.html])
-----------------------------------------------------------------------------------*/
section#blog-wrapper{border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd;padding:50px 0}
section#blog-wrapper h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#blog-wrapper p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#blog-wrapper p.section-lead-sm{color:#1c1a24;font-size:16px}
section#blog-wrapper h3.service-title{color:#6534ff;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#blog-wrapper p.service-lead-sm{color:#1c1a24;font-size:16px}
section#blog-wrapper .blog_item{background:#FFF;-webkit-box-shadow:0 0 5px 0 rgba(130,130,130,0.4);-moz-box-shadow:0 0 5px 0 rgba(130,130,130,0.4);box-shadow:0 0 5px 0 rgba(130,130,130,0.4);margin-bottom:40px;text-align:left}
section#blog-wrapper .blog_item ul.blog_categories{border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;padding:0;background:#FFF;margin-left:0}
section#blog-wrapper .blog_item ul.blog_categories li{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600;color:#e91e63;padding:10px 10px 7px 22px}
section#blog-wrapper .blog_item .blog_item_content{padding:10px 20px}
section#blog-wrapper .blog_item .blog_item_content h2{text-transform:uppercase;font-size:21px;letter-spacing:2px;font-weight:600;margin-top:0}
section#blog-wrapper .blog_item .blog_item_content .btn-link{text-transform:uppercase;color:#e91e63;letter-spacing:2px;font-weight:600;text-decoration:none}
section#blog-wrapper .blog_item .blog_item_content .btn-link:hover,section#blog-wrapper .blog_item .blog_item_content .btn-link:focus{text-decoration:none;color:#ac1d4e}

/*-----------------------------------------------------------------------------------
32. Section Blog Loop (@ Blog Main Page[blog.html] & Blog Single Page[blog-single.html])
-----------------------------------------------------------------------------------*/
section#blog-loop-wrapper{padding:50px 0;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#blog-loop-wrapper h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#blog-loop-wrapper p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#blog-loop-wrapper p.section-lead-sm{color:#1c1a24;font-size:16px}
section#blog-loop-wrapper h3.service-title{color:#6534ff;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#blog-loop-wrapper p.service-lead-sm{color:#1c1a24;font-size:16px}
section#blog-loop-wrapper .blog_item{text-align:left;background:#FFF;margin-top:-110px;padding:25px;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);box-shadow:0 0 2px 0 rgba(130,130,130,0.1)}
section#blog-loop-wrapper .blog_item p{line-height:32px}
section#blog-loop-wrapper .blog_item ul.blog_categories{padding:8px 0 5px;margin-left:0;border-bottom:1px solid #ebeffa;margin-bottom:40px}
section#blog-loop-wrapper .blog_item ul.blog_categories li{text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;color:#404e71;padding:0}
@media only screen and (max-width: 641px) {
    section#blog-loop-wrapper .blog_item ul.blog_categories li{font-size:11px}
}
section#blog-loop-wrapper .blog_item ul.blog_categories li:after{content:' / ';color:#c0e3fb;letter-spacing:2px}
section#blog-loop-wrapper .blog_item ul.blog_categories li:last-child:after{content:' '}
section#blog-loop-wrapper .blog_item ul.blog_categories li a{color:#e91e63}
section#blog-loop-wrapper .blog_item ul.blog_categories li a:hover,section#blog-loop-wrapper .blog_item ul.blog_categories li a:focus,section#blog-loop-wrapper .blog_item ul.blog_categories li a:active{color:#6534ff;text-decoration:none}
section#blog-loop-wrapper .blog_item .blog_item_content{padding:0}
section#blog-loop-wrapper .blog_item .blog_item_title{margin-bottom:10px}
section#blog-loop-wrapper .blog_item .blog_item_title h2{text-transform:uppercase;font-size:28px;letter-spacing:2px;font-weight:600;margin-top:10px;margin-bottom:10px}
section#blog-loop-wrapper .blog_item .blog_item_title p.author{font-style:italic}
section#blog-loop-wrapper .blog_item .blog_item_title p.author span{font-style:italic;font-weight:600;color:#e91e63;text-transform:uppercase}
section#blog-loop-wrapper .blog_item .blog_item_content h2{font-size:24px;font-weight:700;margin:20px 0 10px;color:#3c2095}
section#blog-loop-wrapper .blog_item .blog_item_content h3{font-size:21px;font-weight:700;margin:20px 0 10px;color:#3c2095}
section#blog-loop-wrapper .blog_item .blog_item_content h4{font-size:18px;font-weight:700;margin:20px 0 10px;color:#3c2095}
section#blog-loop-wrapper .blog_item .blog_item_content p{font-size:18px;margin-top:20px;line-height:32px}
section#blog-loop-wrapper .blog_item .blog_item_content ul{margin:20px 0;padding:0 20px;list-style-type:square}
section#blog-loop-wrapper .blog_item .blog_item_content ul li{font-size:18px;margin-bottom:5px}
section#blog-loop-wrapper .blog_item .blog_item_content .btn-link{text-transform:uppercase;color:#e91e63;letter-spacing:2px;font-weight:600;text-decoration:none}
section#blog-loop-wrapper .blog_item .blog_item_content .btn-link:hover,section#blog-loop-wrapper .blog_item .blog_item_content .btn-link:focus{text-decoration:none;color:#ac1d4e}
@media screen and (min-width: 768px) {
    section#blog-loop-wrapper .blog_item .blog_item_content blockquote::before{content:"\201C";color:#e91e63;font-size:4em;position:absolute;left:-10px;top:25px;font-weight:600}
    blockquote::after{content:'\201D';color:#e91e63;font-size:4em;position:absolute;right:30px;bottom:0;font-weight:600}
    section#blog-loop-wrapper .blog_item .blog_item_content blockquote{font-family:'Roboto Slab',serif;position:relative;padding:10px 40px;margin:30px 0;font-weight:600;font-size:16px;border-left:0 solid #e91e63;line-height:32px;font-style:italic}
}
@media screen and (max-width: 767px) {
    section#blog-loop-wrapper .blog_item .blog_item_content blockquote::before{content:"\201C";color:#e91e63;font-size:3em;position:absolute;left:-15px;top:20px;font-weight:600}
    blockquote::after{content:'\201D';color:#e91e63;font-size:3em;position:absolute;right:0;bottom:0;font-weight:600}
    section#blog-loop-wrapper .blog_item .blog_item_content blockquote{font-family:'Roboto Slab',serif;position:relative;padding:10px 20px;margin:10px 0;font-weight:600;font-size:16px;border-left:0 solid #e91e63;line-height:32px;font-style:italic}
}

/*-----------------------------------------------------------------------------------
33. Comments (@ Blog Single Page[blog-single.html])
-----------------------------------------------------------------------------------*/
section#blog-loop-wrapper .comments_wrapper{margin-top:25px}
section#blog-loop-wrapper .comments_wrapper .comments{margin-bottom:25px;line-height:24px}
section#blog-loop-wrapper .comments_wrapper .comments p{font-size:16px}
section#blog-loop-wrapper .comments_wrapper .comments h5{text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #f4f7fd;padding-bottom:5px;font-weight:600;margin-top:50px}
section#blog-loop-wrapper .comments_wrapper .comments .media{margin-top:40px}
section#blog-loop-wrapper .comments_wrapper .comments .media-left,.media > .pull-left{padding-right:20px}
section#blog-loop-wrapper .comments_wrapper h4{border-bottom:1px solid #f4f7fd;padding-bottom:5px;font-weight:600}
section#blog-loop-wrapper .comments_wrapper .form h5{text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #f4f7fd;padding-bottom:5px;font-weight:600;margin-top:50px}
section#blog-loop-wrapper .comments_wrapper form{margin:20px 0}
section#blog-loop-wrapper .comments_wrapper form label{text-transform:uppercase;font-size:12px;letter-spacing:2px}
section#blog-loop-wrapper .comments_wrapper form input,section#blog-loop-wrapper .comments_wrapper form textarea{border-radius:0;border:1px solid #ebeffa;-webkit-box-shadow:none;box-shadow:0;padding:10px 12px;color:#bac1d4}
section#blog-loop-wrapper .comments_wrapper form .form-control:focus {-webkit-box-shadow:none;box-shadow:none;border-color:#3c2095}
section#blog-loop-wrapper .comments_wrapper form ::-webkit-input-placeholder{text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:11px}
section#blog-loop-wrapper .comments_wrapper form ::-moz-placeholder{text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:11px}
section#blog-loop-wrapper .comments_wrapper form :-ms-input-placeholder{text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:11px}
section#blog-loop-wrapper .comments_wrapper form :-moz-placeholder{text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:11px}


/*-----------------------------------------------------------------------------------
34. Case Studies (@ Case Studies Main Page[case-studies.html] & Case Study Single Page[case-study-single.html])
-----------------------------------------------------------------------------------*/
section#cs-wrapper{padding:50px 0;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#cs-wrapper h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#cs-wrapper p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#cs-wrapper p.section-lead-sm{color:#1c1a24;font-size:16px}
section#cs-wrapper h3.service-title{color:#6534ff;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#cs-wrapper p.service-lead-sm{color:#1c1a24;font-size:16px}
section#cs-wrapper .cs_item{text-align:left;background:#FFF;margin-top:-110px;padding:25px;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);box-shadow:0 0 2px 0 rgba(130,130,130,0.1)}
section#cs-wrapper .cs_item p{line-height:32px}
section#cs-wrapper .cs_item ul.cs_categories{padding:8px 0 5px;margin-left:0;border-bottom:1px solid #ebeffa;margin-bottom:40px}
section#cs-wrapper .cs_item ul.cs_categories li{text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;color:#404e71;padding:0}
@media only screen and (max-width: 641px) {
    section#cs-wrapper .cs_item ul.cs_categories li{font-size:11px}
}
section#cs-wrapper .cs_item ul.cs_categories li:after{content:' / ';color:#c0e3fb;letter-spacing:2px}
section#cs-wrapper .cs_item ul.cs_categories li:last-child:after{content:' '}
section#cs-wrapper .cs_item ul.cs_categories li a{color:#e91e63}
section#cs-wrapper .cs_item ul.cs_categories li a:hover,section#cs-wrapper .cs_item ul.cs_categories li a:focus,section#cs-wrapper .cs_item ul.cs_categories li a:active{color:#6534ff;text-decoration:none}
section#cs-wrapper .cs_item .cs_item_content{padding:0}
section#cs-wrapper .cs_item .cs_item_title{margin-bottom:10px}
section#cs-wrapper .cs_item .cs_item_title h2{text-transform:uppercase;font-size:28px;letter-spacing:2px;font-weight:600;margin-top:10px;margin-bottom:20px;border-bottom:1px solid #ebeffa;padding-bottom:5px}
section#cs-wrapper .cs_item .cs_item_title p.author{font-style:italic}
section#cs-wrapper .cs_item .cs_item_title p.author span{font-style:italic;font-weight:600;color:#e91e63;text-transform:uppercase}
section#cs-wrapper .cs_item .cs_item_content h2{font-size:24px;font-weight:700;margin:20px 0 10px;color:#3c2095}
section#cs-wrapper .cs_item .cs_item_content h3{font-size:21px;font-weight:700;margin:20px 0 10px;color:#3c2095}
section#cs-wrapper .cs_item .cs_item_content h4{font-size:18px;font-weight:700;margin:20px 0 10px;color:#3c2095}
section#cs-wrapper .cs_item .cs_item_content p{font-size:18px;margin-top:20px;line-height:32px}
section#cs-wrapper .cs_item .cs_item_content ul{margin:20px 0;padding:0 20px;list-style-type:square}
section#cs-wrapper .cs_item .cs_item_content ul li{font-size:18px;margin-bottom:5px}
section#cs-wrapper .cs_item .cs_item_content .btn-link{text-transform:uppercase;color:#e91e63;letter-spacing:2px;font-weight:600;text-decoration:none}
section#cs-wrapper .cs_item .cs_item_content .btn-link:hover,section#cs-wrapper .cs_item .cs_item_content .btn-link:focus{text-decoration:none;color:#ac1d4e}
@media screen and (min-width: 768px) {
    section#cs-wrapper .cs_item .cs_item_content blockquote::before{content:"\201C";color:#e91e63;font-size:4em;position:absolute;left:-10px;top:25px;font-weight:600}
    blockquote::after{content:'\201D';color:#e91e63;font-size:4em;position:absolute;right:30px;bottom:0;font-weight:600}
    section#cs-wrapper .cs_item .cs_item_content blockquote{font-family:'Roboto Slab',serif;position:relative;padding:10px 40px;margin:30px 0;font-weight:600;font-size:16px;border-left:0 solid #e91e63;line-height:32px;font-style:italic}
}
@media screen and (max-width: 767px) {
    section#cs-wrapper .cs_item .cs_item_content blockquote::before{content:"\201C";color:#e91e63;font-size:3em;position:absolute;left:-15px;top:20px;font-weight:600}
    blockquote::after{content:'\201D';color:#e91e63;font-size:3em;position:absolute;right:0;bottom:0;font-weight:600}
    section#cs-wrapper .cs_item .cs_item_content blockquote{font-family:'Roboto Slab',serif;position:relative;padding:10px 20px;margin:10px 0;font-weight:600;font-size:16px;border-left:0 solid #e91e63;line-height:32px;font-style:italic}
}

/*-----------------------------------------------------------------------------------
35. Case Studies Alternative (@ Case Studies Main Page[case-studies-2.html])
-----------------------------------------------------------------------------------*/
section#cs-wrapper-alt{padding:50px 0;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#cs-wrapper-alt h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#cs-wrapper-alt p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#cs-wrapper-alt p.section-lead-sm{color:#1c1a24;font-size:16px}
section#cs-wrapper-alt h3.service-title{color:#6534ff;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#cs-wrapper-alt p.service-lead-sm{color:#1c1a24;font-size:16px}
section#cs-wrapper-alt .cs_item{text-align:left;background:#FFF;margin-top:-110px;padding:25px;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);box-shadow:0 0 2px 0 rgba(130,130,130,0.1)}
section#cs-wrapper-alt .cs_item p{line-height:32px}
section#cs-wrapper-alt .cs_item ul.cs_categories{padding:8px 0 5px;margin-left:0;border-bottom:1px solid #ebeffa;margin-bottom:40px}
section#cs-wrapper-alt .cs_item ul.cs_categories li{text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;color:#404e71;padding:0}
@media only screen and (max-width: 641px) {
    section#cs-wrapper-alt .cs_item ul.cs_categories li{font-size:11px}
}
section#cs-wrapper-alt .cs_item ul.cs_categories li:after{content:' / ';color:#c0e3fb;letter-spacing:2px}
section#cs-wrapper-alt .cs_item ul.cs_categories li:last-child:after{content:' '}
section#cs-wrapper-alt .cs_item ul.cs_categories li a{color:#e91e63}
section#cs-wrapper-alt .cs_item ul.cs_categories li a:hover,section#cs-wrapper-alt .cs_item ul.cs_categories li a:focus,section#cs-wrapper-alt .cs_item ul.cs_categories li a:active{color:#6534ff;text-decoration:none}
section#cs-wrapper-alt .cs_item .cs_item_content{padding:0}
section#cs-wrapper-alt .cs_item .cs_item_title{margin-bottom:10px}
section#cs-wrapper-alt .cs_item .cs_item_title h2{text-transform:uppercase;font-size:28px;letter-spacing:2px;font-weight:600;margin-top:10px;margin-bottom:20px;border-bottom:1px solid #ebeffa;padding-bottom:5px}
section#cs-wrapper-alt .cs_item .cs_item_title p.author{font-style:italic}
section#cs-wrapper-alt .cs_item .cs_item_title p.author span{font-style:italic;font-weight:600;color:#e91e63;text-transform:uppercase}
section#cs-wrapper-alt .cs_item .cs_item_content h2{font-size:24px;font-weight:700;margin:20px 0 10px}
section#cs-wrapper-alt .cs_item .cs_item_content h3{font-size:21px;font-weight:700;margin:20px 0 10px}
section#cs-wrapper-alt .cs_item .cs_item_content h4{font-size:18px;font-weight:700;margin:20px 0 10px}
section#cs-wrapper-alt .cs_item .cs_item_content p{font-size:18px;margin-top:20px;line-height:32px}
section#cs-wrapper-alt .cs_item .cs_item_content ul{margin:20px 0;padding:0 20px;list-style-type:square}
section#cs-wrapper-alt .cs_item .cs_item_content ul li{font-size:18px;margin-bottom:5px}
section#cs-wrapper-alt .cs_item .cs_item_content .btn-link{text-transform:uppercase;color:#e91e63;letter-spacing:2px;font-weight:600;text-decoration:none}
@media screen and (min-width: 768px) {
    section#cs-wrapper-alt .cs_item .cs_item_content blockquote::before{content:"\201C";color:#e91e63;font-size:4em;position:absolute;left:-10px;top:25px;font-weight:600}
    blockquote::after{content:'\201D';color:#e91e63;font-size:4em;position:absolute;right:30px;bottom:0;font-weight:600}
    section#cs-wrapper-alt .cs_item .cs_item_content blockquote{font-family:'Roboto Slab',serif;position:relative;padding:10px 40px;margin:30px 0;font-weight:600;font-size:16px;border-left:0 solid #e91e63;line-height:32px;font-style:italic}
}
@media screen and (max-width: 767px) {
    section#cs-wrapper-alt .cs_item .cs_item_content blockquote::before{content:"\201C";color:#e91e63;font-size:3em;position:absolute;left:-15px;top:20px;font-weight:600}
    blockquote::after{content:'\201D';color:#e91e63;font-size:3em;position:absolute;right:0;bottom:0;font-weight:600}
    section#cs-wrapper-alt .cs_item .cs_item_content blockquote{font-family:'Roboto Slab',serif;position:relative;padding:10px 20px;margin:10px 0;font-weight:600;font-size:16px;border-left:0 solid #e91e63;line-height:32px;font-style:italic}
}

/*-----------------------------------------------------------------------------------
36. Social Share (@ Blog Single Page[blog-single.html] & Case Study Single[case-study-single.html])
-----------------------------------------------------------------------------------*/
.social_share{margin:35px 0;border-top:1px solid #ebeffa;border-bottom:1px solid #ebeffa;padding-top:10px}
.social_share ul.list-inline{text-align:center;font-weight:600}
.social_share ul.list-inline li{padding-right:15px;padding-left:15px}
.social_share ul.list-inline li a{text-transform:uppercase;font-size:12px;letter-spacing:2px;}
.list-inline li a{color:#adadad !important;}
.social_share ul.list-inline li a:hover{text-decoration:none;color:#e91e63}
@media screen and (max-width: 767px) {
    .social_share ul.list-inline li{padding-right:10px;padding-left:10px}
    .social_share ul.list-inline li a{font-size:18px}
}

/*-----------------------------------------------------------------------------------
37. Section Portfolio (@ Portfolio Page[portfolio.html], Page 404[404.html], Portfolio Boxes Page[portfolio-boxes.html] & Portfolio Boxes Page Alternative[portfolio-boxes-2.html])
-----------------------------------------------------------------------------------*/
section#portfolio{padding:10px 0 0px 0px;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#portfolio_alt{padding:50px 0;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#portfolio_alt .portfolio_inner{background:#FFF;margin-top:-110px;padding:25px;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);box-shadow:0 0 2px 0 rgba(130,130,130,0.1)}
section#portfolio_alt .portfolio-filter-area{margin-top:0}
section#portfolio .portfolio_boxed{background:#FFF;margin-top:-110px;padding:25px;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);box-shadow:0 0 2px 0 rgba(130,130,130,0.1)}
section#portfolio .portfolio_boxed .single-item .project_info h2{margin-bottom:10px}
section#portfolio .portfolio_boxed .pagination > li > a{color:#4f3998;font-size:16px;font-weight:600;border-radius:100%}
section#portfolio .portfolio_boxed .pagination > li:first-child > a,section#portfolio .portfolio_boxed .pagination > li:first-child > span{margin-left:0;border-radius:100%}
section#portfolio .portfolio_boxed .pagination > li:last-child > a,section#portfolio .portfolio_boxed .pagination > li:last-child > span{border-radius:100%}
section#portfolio .portfolio_boxed .pagination > li > a,section#portfolio .portfolio_boxed .pagination > li > span{border:0 solid #ddd;padding:8px 16px;margin-left:10px}
section#portfolio .portfolio_boxed .pagination > .active > a,section#portfolio .portfolio_boxed .pagination > .active > span,section#portfolio .portfolio_boxed .pagination > .active > a:hover,section#portfolio .portfolio_boxed .pagination > .active > span:hover,section#portfolio .portfolio_boxed .pagination > .active > a:focus,section#portfolio .portfolio_boxed .pagination > .active > span:focus{background-color:#4f3998;color:#FFF;border-radius:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
section#portfolio .portfolio_boxed .pagination > li > a:hover,section#portfolio .portfolio_boxed .pagination > li > span:hover,section#portfolio .portfolio_boxed .pagination > li > a:focus,section#portfolio .portfolio_boxed .pagination > li > span:focus{z-index:2;color:#FFF;background-color:#4f3998;border-color:#4f3998;border-radius:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
@media (min-width: 768px) {
    section#portfolio .portfolio_boxed .portfolio-filter-area{margin-top:0}
}

/*-----------------------------------------------------------------------------------
38. Section Traits (@ Services Page[services.html])
-----------------------------------------------------------------------------------*/
section#traits{padding:50px 0;background:#e91e63;border-top:1px solid #d95a85;border-bottom:1px solid #d95a85}
section#traits .trait_box{padding:20px;margin-bottom:20px}
section#traits .trait_box .devotion,section#traits .trait_box .skills,section#traits .trait_box .trends{position:relative}
section#traits .trait_box .devotion:after{content:' 100% ';font-weight:600;font-size:100px;text-align:center;color:rgba(255,255,255,0.2);text-transform:uppercase;margin:auto;position:absolute;top:-65px;left:0;bottom:0;right:0;z-index:9}
section#traits .trait_box .skills:after{content:' vast ';font-weight:600;font-size:100px;text-align:center;color:rgba(255,255,255,0.2);text-transform:uppercase;margin:auto;position:absolute;top:-65px;left:0;bottom:0;right:0;z-index:9}
section#traits .trait_box .trends:after{content:' TOP ';font-weight:600;font-size:100px;text-align:center;color:rgba(255,255,255,0.2);text-transform:uppercase;margin:auto;position:absolute;top:-65px;left:0;bottom:0;right:0;z-index:9}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait) {
    section#traits .trait_box .devotion:after,section#traits .trait_box .skills:after,section#traits .trait_box .trends:after{top:-55px}
}
section#traits .trait_box h3{text-transform:uppercase;color:#3c2095;letter-spacing:2px;font-weight:600;font-size:18px;text-align:center;position:relative;z-index:99}

/*-----------------------------------------------------------------------------------
39. Footer Main (@ All Pages Except for Main Alternative[index_alt.html])
-----------------------------------------------------------------------------------*/
footer{background:#FFF;padding:0px 0}
footer .footer_widget{margin-top:50px}
footer .footer_subtext{text-transform:uppercase;letter-spacing:2px;font-size:16px;font-weight:600;color:#1c1a24;margin-bottom:5px}
footer ul#footer_posts li{margin-top:10px;margin-bottom:5px;line-height:24px;font-weight:400;font-size:14px}
footer ul#footer_posts li span.post_cat{text-transform:uppercase;color:#e91e63;font-weight:600;letter-spacing:2px}
footer ul#footer_posts li span.post_cat:after{content:' // ';color:#e91e63;letter-spacing:2px}
footer .instafeed{margin-top:15px}
footer .instafeed a img{width:75px;height:75px;margin-right:10px;border:1px solid #f4f7fd}
footer .newsletter_form{margin-top:15px}
footer .form-control{border-radius:0;border:1px solid #ebeffa;padding:10px 12px;color:#bac1d4;-webkit-box-shadow:none;box-shadow:none}
footer .form-control:focus {-webkit-box-shadow:none;box-shadow:none;border-color:#3c2095}
footer .form-control input{-webkit-box-shadow:none;box-shadow:none}
footer .form-control::-moz-placeholder{color:#bac1d4;text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:10px}
footer .form-control:-ms-input-placeholder{color:#bac1d4;text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:10px}
footer .form-control::-webkit-input-placeholder{color:#bac1d4;text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:10px}
footer #copyright hr{border-top:1px solid #f4f7fd;margin-top:30px;margin-bottom:30px}
footer #copyright p{font-size:12px;color:#fff;text-transform:uppercase}
.copyrightbg{ background:#333333; padding-top:20px; padding-bottom:20px;}
/*-----------------------------------------------------------------------------------
40. Footer Alternative (@ Main Alternative[index_alt.html])
-----------------------------------------------------------------------------------*/
footer#footer_alt{background:#281e48;padding:25px 0;color:#bac1d4}
footer#footer_alt .footer_widget{margin-top:50px}
footer#footer_alt .footer_subtext{text-transform:uppercase;letter-spacing:2px;font-size:16px;font-weight:600;color:#FFF;margin-bottom:5px}
footer#footer_alt ul#footer_posts li{margin-top:10px;margin-bottom:5px;line-height:24px;font-weight:400;font-size:14px}
footer#footer_alt ul.footer_posts li span.post_cat{text-transform:uppercase;color:#e91e63;font-weight:600;letter-spacing:2px}
footer#footer_alt ul.footer_posts li span.post_cat:after{content:' // ';color:#e91e63;letter-spacing:2px}
footer#footer_alt .instafeed{margin-top:15px}
footer#footer_alt .instafeed a img{width:75px;height:75px;margin-right:10px;border:1px solid #f4f7fd}
footer#footer_alt .newsletter_form{margin-top:15px}
footer#footer_alt .form-control{border-radius:0;border:1px solid #ebeffa;padding:10px 12px;color:#bac1d4}
footer#footer_alt .form-control input{-webkit-box-shadow:none;box-shadow:none}
footer#footer_alt .form-control::-moz-placeholder{color:#bac1d4;text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:10px}
footer#footer_alt .form-control:-ms-input-placeholder{color:#bac1d4;text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:10px}
footer#footer_alt .form-control::-webkit-input-placeholder{color:#bac1d4;text-transform:uppercase;color:#bac1d4;letter-spacing:1px;font-size:10px}
footer#footer_alt #copyright hr{border-top:1px solid #f4f7fd;margin-top:30px;margin-bottom:30px}
footer#footer_alt #copyright p{font-size:10px;color:#FFF;text-align:center;letter-spacing:.2em;text-transform:uppercase}

/*-----------------------------------------------------------------------------------
41. Section Skills (@ Team Page[team.html])
-----------------------------------------------------------------------------------*/
section#skills{padding:100px 0}
section#skills h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#skills p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#skills p.section-lead-sm{color:#1c1a24;font-size:16px;margin-top:20px}
section#skills .all_skills_wrap{margin-top:40px}
section#skills .skills_wrapper{background:#e91e63;padding:10px 20px 0}
section#skills .all_skills{margin-top:20px}
section#skills .all_skills .skill_name{color:#FFF;letter-spacing:2px;font-size:16px;text-transform:uppercase;font-weight:600;margin-bottom:5px}
section#skills .all_skills .skill_percentage{color:#FFF;letter-spacing:1px;font-size:16px;text-transform:uppercase;font-weight:600;margin-bottom:5px}
section#skills .progress{height:16px;margin-bottom:40px;overflow:hidden;background-color:#FFF;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
section#skills .progress-bar{background-color:#3c2095;-webkit-box-shadow:none;box-shadow:none}

/*-----------------------------------------------------------------------------------
42. Section Portfolio Single (@ Portfolio Single Page[portfolio-single.html])
-----------------------------------------------------------------------------------*/
section#portfolio_single{padding:50px 0 0}
section#portfolio_single p{font-size:18px;line-height:32px}
section#portfolio_single p.lead{font-size:18px;font-weight:600;line-height:32px}
section#portfolio_single h3{text-transform:uppercase;letter-spacing:2px;color:#6534ff;font-weight:600;font-size:18px}
section#portfolio_single .project_info ul li span{color:#e91e63;font-weight:600}
section#portfolio_single .project_info ul li span:after{content:' / ';color:#bac1d4;letter-spacing:2px}
section#portfolio_single .project_info ul li{text-transform:uppercase;border-bottom:1px dashed #e9ecf5;padding:10px 8px 8px 0}
section#portfolio_single .project_info ul li:first-child{border-top:1px dashed #e9ecf5}
section#portfolio_single .project_details{margin-bottom:30px}

/*-----------------------------------------------------------------------------------
43. Section Portfolio Single Alternative (@ Portfolio Single Page Alternative[portfolio-single-2.html])
-----------------------------------------------------------------------------------*/
section#portfolio_single_alt{padding:50px 0;background:#f8fbfd}
section#portfolio_single_alt .portfolio_item{text-align:left;background:#FFF;margin-top:-110px;padding:25px;-webkit-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);-moz-box-shadow:0 0 2px 0 rgba(130,130,130,0.1);box-shadow:0 0 2px 0 rgba(130,130,130,0.1)}
section#portfolio_single_alt .portfolio_item ul.portfolio_tags{padding:8px 0 5px;margin-left:0;border-bottom:1px solid #ebeffa;margin-bottom:40px}
section#portfolio_single_alt .portfolio_item ul.portfolio_tags li{text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:600;color:#404e71;padding:0}
@media only screen and (max-width: 641px) {
    section#portfolio_single_alt .portfolio_item ul.portfolio_tags li{font-size:11px}
}
section#portfolio_single_alt .portfolio_item ul.portfolio_tags li:after{content:' / ';color:#c0e3fb;letter-spacing:2px}
section#portfolio_single_alt .portfolio_item ul.portfolio_tags li:last-child:after{content:' '}
section#portfolio_single_alt .portfolio_item ul.portfolio_tags li a{color:#e91e63}
section#portfolio_single_alt .portfolio_item ul.portfolio_tags li a:hover,section#portfolio_single_alt .portfolio_item ul.portfolio_tags li a:focus,section#portfolio_single_alt .portfolio_item ul.portfolio_tags li a:active{color:#cd1856;text-decoration:none}
section#portfolio_single_alt h2{letter-spacing:1px;color:#3c2095;font-weight:600;font-size:24px}
section#portfolio_single_alt h3{letter-spacing:1px;color:#3c2095;font-weight:600;font-size:21px}
section#portfolio_single_alt p.lead{font-size:18px;font-weight:600;line-height:32px}
section#portfolio_single_alt p{font-size:18px;font-weight:500;line-height:32px}
section#portfolio_single_alt #inner_slider_alt{margin:40px 0}
section#portfolio_single #inner_slider{margin:40px 0}
section#portfolio_single_alt .portfolio_nav{border-top:1px solid #ebeffa;border-bottom:1px solid #ebeffa;margin-top:40px}
section#portfolio_single_alt .portfolio_nav span{text-transform:uppercase;font-weight:600;letter-spacing:2px;font-size:14px}
@media screen and (max-width: 767px) {
    section#portfolio_single_alt .portfolio_nav span{font-size:12px}
    section#portfolio_single_alt .portfolio_nav .previous_project,section#portfolio_single_alt .portfolio_nav .next_project{padding:10px 0!important}
}
section#portfolio_single_alt .portfolio_nav .previous_project,section#portfolio_single_alt .portfolio_nav .next_project{padding:20px;color:#e91e63;font-weight:600;font-size:16px}
section#portfolio_single_alt .portfolio_nav .previous_project a{margin-left:20px}
section#portfolio_single_alt .portfolio_nav .next_project a{margin-right:20px}
section#portfolio_single_alt .portfolio_nav .previous_project a,section#portfolio_single_alt .portfolio_nav .next_project a{text-decoration:none;color:#e91e63;font-weight:600;font-size:16px}
section#portfolio_single_alt .portfolio_nav .previous_project a:hover,section#portfolio_single_alt .portfolio_nav .next_project a:hover{text-decoration:none;color:#6534ff}

/*-----------------------------------------------------------------------------------
44. Section Cta (@ Portfolio Single Page[portfolio-single.html])
-----------------------------------------------------------------------------------*/
section#cta{padding:60px 0;background:#f3f6fe}
section#cta ul.list-inline{margin-top:20px}
section#cta ul.list-inline li.message{text-transform:uppercase;font-size:28px;font-weight:600;letter-spacing:5px}
section#cta .btn-main{margin-top:-11px}
@media screen and (max-width: 767px) {
    section#cta .btn-main{margin-top:20px}
}

/*-----------------------------------------------------------------------------------
45. Section Cta Alternative @ Portfolio Single Page Alternative[portfolio-single-2.html] & Services Page[services.html])
-----------------------------------------------------------------------------------*/
section#cta_alt{padding:60px 0;background:#3c2095;color:#FFF}
section#cta_alt ul.list-inline{margin-top:20px}
section#cta_alt ul.list-inline li.message{text-transform:uppercase;font-size:28px;font-weight:500;letter-spacing:5px}
section#cta_alt .btn-main{margin-top:-11px}
@media screen and (max-width: 767px) {
    section#cta_alt .btn-main{margin-top:20px}
}

/*-----------------------------------------------------------------------------------
46. Section Timeline (@ Services Page[services.html])
-----------------------------------------------------------------------------------*/
section#project_timeline {padding: 100px 0;}
.timeline{list-style:none;padding:10px 0;position:relative;font-weight:500}
.timeline:before{top:0;bottom:0;position:absolute;content:" ";width:2px;background:#5c2df0;left:50%;margin-left:-1.5px}
.timeline h2{max-width:10em;margin:1em auto 5em;padding:.6em .2em .5em;text-align:center;position:relative;clear:both;bottom:0;color:#FFF;letter-spacing:2px;text-transform:uppercase;font-size:18px;font-weight:500;background:#5c2df0;border-radius:50px}
.timeline h2.bottom{max-width:2.1em;margin:1em auto;padding:.6em .5em .4em;text-align:center;position:relative;clear:both;bottom:0;font-size:18px;font-weight:500;background:#5c2df0;border-radius:50px}
.timeline > li{margin:60px 0;position:relative;width:50%;float:left;clear:left}
.timeline > li:before,.timeline > li:after{content:" ";display:table}
.timeline > li:after{clear:both}
.timeline > li:before,.timeline > li:after{content:" ";display:table}
.timeline > li:after{clear:both}
.timeline > li > .timeline-panel{width:calc(100% - 25px);width:-moz-calc(100% - 25px);width:-webkit-calc(100% - 25px);float:left;position:relative}
.timeline > li > .timeline-panel:before{position:absolute;top:26px;right:-15px;display:inline-block;width:10px;height:10px;background:#5c2df0;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;content:" "}
.timeline > li > .timeline-badge{color:#5c2df0;width:24px;height:24px;line-height:50px;text-align:center;position:absolute;top:16px;right:-12px;z-index:100}
.timeline > li.timeline-inverted > .timeline-panel{float:right}
.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-badge > a{color:#5c2df0!important}
.timeline-badge a:hover{color:#dcdcdc!important}
.timeline-title{margin-top:0;color:inherit}
.timeline-heading h4{font-weight:600;padding:0 15px;color:#e91e63;text-transform:uppercase;font-size:18px;letter-spacing:2px;margin-bottom:0}
.timeline-body > p,.timeline-body > ul{padding:5px 15px;margin-bottom:0;font-size:16px}
.timeline-footer{padding:5px 15px}
.timeline-footer p{margin-bottom:0}
.timeline-footer > a{cursor:pointer;text-decoration:none}
.timeline > li.timeline-inverted{float:right;clear:right}
.timeline > li:nth-child(2){margin-top:-50px}
.timeline > li.timeline-inverted > .timeline-badge{left:-12px}
.no-float{float:none!important}
@media (max-width: 767px) {
    ul.timeline:before{left:40px}
    .timeline h2{max-width:10em;margin:1em 20px 5em;padding:.6em .2em .5em;text-align:center;position:relative;clear:both;bottom:0}
    .timeline h2.bottom{max-width:2.1em;margin:1em 22px;padding:.6em .5em .4em;text-align:center;position:relative;clear:both;bottom:0;font-size:18px;font-weight:500;background:#5c2df0;border-radius:50px}
    ul.timeline > li{margin:40px 0;position:relative;width:100%;float:left;clear:left}
    ul.timeline > li > .timeline-panel{width:calc(100% - 65px);width:-moz-calc(100% - 65px);width:-webkit-calc(100% - 65px)}
    ul.timeline > li > .timeline-badge{left:28px;margin-left:0;top:16px}
    ul.timeline > li > .timeline-panel{float:right}
    ul.timeline > li > .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
    ul.timeline > li > .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
    .timeline > li.timeline-inverted{float:left;clear:left;margin-top:30px;margin-bottom:30px}
    .timeline > li.timeline-inverted > .timeline-badge{left:28px}
}

/*-----------------------------------------------------------------------------------
47. Section Pricing (@Pricing Page[pricing.html])
-----------------------------------------------------------------------------------*/

section#pricing{padding:50px 0 0}
section#pricing h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#pricing p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#pricing p.section-lead-sm{color:#1c1a24;font-size:16px}
section#pricing h3.service-title{color:#3c2095;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#pricing p.service-lead-sm{color:#1c1a24;font-size:16px}
section#pricing .pricing_box{margin-top:60px;background:#FFF;-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);box-shadow:0 1px 5px 0 rgba(0,0,0,0.1);text-align:center;padding:0 40px 20px}
section#pricing .pricing_box .pricing_box_head{padding:20px 20px 0}
section#pricing .pricing_box .pricing_box_head h2{text-transform:uppercase;font-size:18px;letter-spacing:5px;color:#3c2095;font-weight:600}
section#pricing .pricing_box .plan_description p{font-size:16px;font-weight:500}
section#pricing .pricing_box .pricing_box_price .price{color:#e91e63;font-size:42px;font-weight:600;margin-top:10px}
section#pricing .pricing_box .pricing_box_price .price sup{font-size:50%}
section#pricing .pricing_box .pricing_box_price .price span{font-size:14px;color:#1c1a24;text-transform:uppercase;letter-spacing:1px}

/*-----------------------------------------------------------------------------------
48. Section CTA Pricing (@Pricing Page[pricing.html])
-----------------------------------------------------------------------------------*/
section#cta_pricing{padding:170px 0 80px;background:#3c2095 url(img/square-pattern-dark.png) repeat;color:#FFF;margin-top:-100px}
section#cta_pricing ul.list-inline{margin-top:20px}
section#cta_pricing ul.list-inline li.message{text-transform:uppercase;font-size:28px;font-weight:500;letter-spacing:5px}
section#cta_pricing .btn-main{margin-top:-11px}
@media screen and (max-width: 767px) {
    section#cta_pricing .btn-main{margin-top:20px}
}
section#cta_pricing .btn-main-prpl{margin-top:-11px}
@media screen and (max-width: 767px) {
    section#cta_pricing .btn-main-prpl{margin-top:20px}
}

/*-----------------------------------------------------------------------------------
49. Section Pricing Alternative (@Pricing Alternative Page[pricing_alt.html])
-----------------------------------------------------------------------------------*/
section#pricing_alt{padding:100px 0;border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
section#pricing_alt h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#pricing_alt p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#pricing_alt p.section-lead-sm{color:#1c1a24;font-size:16px}
section#pricing_alt h3.service-title{color:#3c2095;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#pricing_alt p.service-lead-sm{color:#1c1a24;font-size:16px}
section#pricing_alt .pricing_alt_box{margin-top:150px;text-align:center}
section#pricing_alt .pricing_alt_box img{margin-top:-90px;margin-bottom:-85px}
section#pricing_alt .pricing_alt_box .pricing_alt_content{background:#FFF;border:1px solid #f7f9ff;padding:50px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1);box-shadow:0 1px 1px 0 rgba(0,0,0,0.1)}
section#pricing_alt .pricing_alt_box .pricing_alt_box_head{padding:20px 20px 0}
section#pricing_alt .pricing_alt_box .pricing_alt_box_head h2{text-transform:uppercase;font-size:18px;letter-spacing:5px;color:#e91e63;font-weight:600}
section#pricing_alt .pricing_alt_box .plan_description p{font-size:16px;font-weight:500}
section#pricing_alt .pricing_alt_box .pricing_alt_box_price .price{color:#3c2095;font-size:42px;font-weight:600;margin-top:30px;margin-bottom:20px}
section#pricing_alt .pricing_alt_box .pricing_alt_box_price .price sup{font-size:50%}
section#pricing_alt .pricing_alt_box .pricing_alt_box_price .price span{font-size:14px;color:#1c1a24;text-transform:uppercase;letter-spacing:1px}

/*-----------------------------------------------------------------------------------
50. Section Pricing Alternative (@Pricing Alternative Page[pricing_alt_2.html])
-----------------------------------------------------------------------------------*/
section#pricing_alt_2{padding:100px 0}
section#pricing_alt_2 .pricing_box_large{background:#FFF;border:1px solid #f4f7fd;margin-top:60px;border-radius:15px;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);text-align:center}
section#pricing_alt_2 h2.section-title{color:#e91e63;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#pricing_alt_2 p.section-lead{text-transform:uppercase;color:#1c1a24;letter-spacing:2px;font-weight:600;font-size:21px}
section#pricing_alt_2 p.section-lead-sm{color:#1c1a24;font-size:16px}
section#pricing_alt_2 h3.service-title{color:#3c2095;letter-spacing:3px;text-transform:uppercase;font-size:18px;font-weight:600}
section#pricing_alt_2 p.service-lead-sm{color:#1c1a24;font-size:16px}
@media (min-width: 768px) {
    section#pricing_alt_2 .pricing_alt_2_box.border{border-left:1px solid #f4f7fd;border-right:1px solid #f4f7fd;background:rgba(244,247,253,0.3);padding-bottom:20px}
}
@media (max-width: 767px) {
    section#pricing_alt_2 .pricing_alt_2_box.border{border-top:1px solid #f4f7fd;border-bottom:1px solid #f4f7fd;padding-bottom:0}
}
section#pricing_alt_2 .pricing_alt_2_box .pricing_alt_2_box_head{padding:20px 20px 0}
section#pricing_alt_2 .pricing_alt_2_box .pricing_alt_2_box_head h2{text-transform:uppercase;font-size:18px;letter-spacing:5px;color:#3c2095;font-weight:600}
section#pricing_alt_2 .pricing_alt_2_box .plan_description p{font-size:16px;font-weight:500;margin:30px 0 50px;padding:0 25px}
section#pricing_alt_2 .pricing_alt_2_box .pricing_alt_2_box_price .price{color:#e91e63;font-size:42px;font-weight:600;margin-top:10px}
section#pricing_alt_2 .pricing_alt_2_box .pricing_alt_2_box_price .price sup{font-size:50%}
section#pricing_alt_2 .pricing_alt_2_box .pricing_alt_2_box_price .price span{font-size:14px;color:#1c1a24;text-transform:uppercase;letter-spacing:1px}
@media (min-width: 992px) {
    section#pricing_alt_2 .pr_padding{padding:0}
}
@media (max-width: 991px) {
    section#pricing_alt_2 .border{border-top:1px solid #f4f7fd;border-bottom:1px solid #f4f7fd;background:rgba(244,247,253,0.3)}
}

/*-----------------------------------------------------------------------------------
51. Buttons
-----------------------------------------------------------------------------------*/
.btn-main{color:#fff;background-color:#ae151e;border-color:#ae151e;border-radius:0px;text-transform:uppercase;padding:7px 20px 6px;font-size:16px;border-width:2px}
.btn-main:focus,.btn-main.focus{color:#FFF;background-color:#ac1d4e;border-color:#ac1d4e}
.btn-main:hover{color:#FFF;background-color:#ac1d4e;border-color:#ac1d4e}

.btn-main-sm{color:#fff;background-color:#e91e63;border-color:#e91e63;border-radius:50px;text-transform:uppercase;letter-spacing:2px;padding:6px 10px 4px;font-size:11px;border-width:2px}
.btn-main-sm:focus,.btn-main-sm.focus{color:#FFF;background-color:#ac1d4e;border-color:#ac1d4e}
.btn-main-sm:hover{color:#FFF;background-color:#ac1d4e;border-color:#ac1d4e}

.btn-main-prpl{color:#fff;background-color:#6534ff;border-color:#6534ff;border-radius:50px;text-transform:uppercase;letter-spacing:2px;padding:7px 20px 6px;font-size:16px;border-width:2px}
.btn-main-prpl:focus,.btn-main-prpl.focus{color:#FFF;background-color:#3c2095;border-color:#3c2095}
.btn-main-prpl:hover{color:#FFF;background-color:#3c2095;border-color:#3c2095}

/*-----------------------------------------------------------------------------------
52. Pagination
-----------------------------------------------------------------------------------*/
.pagination > li > a{color:#4f3998;font-size:16px;font-weight:600;border-radius:100%}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;border-radius:100%}
.pagination > li:last-child > a,.pagination > li:last-child > span{border-radius:100%}
.pagination > li > a,.pagination > li > span{border:0 solid #ddd;padding:8px 16px;margin-left:10px;border-radius:100%}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background-color:#4f3998;color:#FFF;border-radius:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{z-index:2;color:#FFF;background-color:#4f3998;border-color:#4f3998;border-radius:100%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}

/*-----------------------------------------------------------------------------------
53. Back To Top Link
-----------------------------------------------------------------------------------*/
#top-link-block.affix-top{position:relative;top:-42px;right:0}
#top-link-block.affix{position:relative;top:4px;right:0}
#top-link-block .well-sm{padding:0 8px 4px;border-radius:0}
#top-link-block .well{height:20px;width:20px;color:#FFF;font-weight:500;font-size:16px;background-color:#2cb8e9;border:1px solid #2cb8e9;border-radius:50%;-webkit-box-shadow:none;box-shadow:none}

/*-----------------------------------------------------------------------------------
54. Specific Layout Adjustments
-----------------------------------------------------------------------------------*/
.no-gutter > [class*=col-]{padding-right:0;padding-left:0}
.no-gutter{padding-right:0;padding-left:0}
.no-padding{padding:0}
@media (min-width: 768px) {
    .textadjust{text-align:right}
}
@media screen and (max-width: 767px) {
    .textadjust{text-align:left}
}

/*-----------------------------------------------------------------------------------
55. Colours, Transparency Classes & Special Styles
-----------------------------------------------------------------------------------*/
.lightblue{border-bottom:1px solid #f4f7fd;border-top:1px solid #f4f7fd;background:#f8fbfd}
.transparency_two{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.transparency_one{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}
.scale_up {transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);-webkit-transform: scale(1.1)}
.scale_down {transform: scale(0.95)}

/*-----------------------------------------------------------------------------------
56. Paddings
-----------------------------------------------------------------------------------*/
.pddn-neg-10-top{padding-top:-10px}
.pddn-0{padding:0!important}
.pddn-10{padding:10px}
.pddn-20{padding:20px}
.pddn-30{padding:30px}
.pddn-40{padding:40px}
.pddn-50{padding:50px}
.pddn-60{padding:60px}
.pddn-70{padding:70px}
.pddn-80{padding:80px}
.pddn-90{padding:90px}
.pddn-100{padding:100px}
.pddn-10-top{padding-top:10px}
.pddn-20-top{padding-top:20px}
.pddn-30-top{padding-top:30px}
.pddn-40-top{padding-top:40px}
.pddn-50-top{padding-top:50px}
.pddn-60-top{padding-top:60px}
.pddn-70-top{padding-top:70px}
.pddn-80-top{padding-top:80px}
.pddn-90-top{padding-top:90px}
.pddn-100-top{padding-top:100px}
.pddn-10-btm{padding-bottom:10px}
.pddn-20-btm{padding-bottom:20px}
.pddn-30-btm{padding-bottom:30px}
.pddn-40-btm{padding-bottom:40px}
.pddn-50-btm{padding-bottom:50px}
.pddn-60-btm{padding-bottom:60px}
.pddn-70-btm{padding-bottom:70px}
.pddn-80-btm{padding-bottom:80px}
.pddn-90-btm{padding-bottom:90px}
.pddn-100-btm{padding-bottom:100px}
.pddn-0-top-btm{padding:0}
.pddn-10-top-btm{padding:10px 0}
.pddn-20-top-btm{padding:20px 0}
.pddn-30-top-btm{padding:30px 0}
.pddn-40-top-btm{padding:40px 0}
.pddn-50-top-btm{padding:50px 0}
.pddn-60-top-btm{padding:60px 0}
.pddn-70-top-btm{padding:70px 0}
.pddn-80-top-btm{padding:80px 0}
.pddn-90-top-btm{padding:90px 0}
.pddn-100-top-btm{padding:100px 0}

/*-----------------------------------------------------------------------------------
57. Margins
-----------------------------------------------------------------------------------*/
.mrgn-5-top{margin-top:5px}
.mrgn-10-top{margin-top:10px}
.mrgn-15-top{margin-top:15px}
.mrgn-18-top{margin-top:18px}
.mrgn-20-top{margin-top:20px}
.mrgn-30-top{margin-top:30px}
.mrgn-40-top{margin-top:40px}
.mrgn-50-top{margin-top:50px}
.mrgn-60-top{margin-top:60px}
.mrgn-70-top{margin-top:70px}
.mrgn-80-top{margin-top:80px}
.mrgn-90-top{margin-top:90px}
.mrgn-100-top{margin-top:100px}
.mrgn-10-btm{margin-bottom:10px}
.mrgn-20-btm{margin-bottom:20px}
.mrgn-30-btm{margin-bottom:30px}
.mrgn-40-btm{margin-bottom:40px}
.mrgn-50-btm{margin-bottom:50px}
.mrgn-60-btm{margin-bottom:60px}
.mrgn-10-top-btm{margin:10px 0}
.mrgn-20-top-btm{margin:20px 0}
.mrgn-30-top-btm{margin:30px 0}
.mrgn-40-top-btm{margin:40px 0}
.mrgn-50-top-btm{margin:50px 0}
.mrgn-60-top-btm{margin:60px 0}
.mrgn-70-top-btm{margin:70px 0}
.mrgn-80-top-btm{margin:80px 0}
.mrgn-90-top-btm{margin:90px 0}
.mrgn-100-top-btm{margin:100px 0}
.mrgn-160-top-btm{margin:160px 0}



#intro .form-control{
    border: 1px solid #fff;
	margin-bottom:10px;
}

#intro .form-control {
    height: 42px;
    padding: 10px 15px;
    font-size: 13px;
    color: #666;
    background-color: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: all .65s;
    -webkit-transition: all .65s
}

#intro .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#intro .form-control::-moz-placeholder {
    color: #666
}

#intro .form-control:-ms-input-placeholder {
    color: #666
}

#intro .form-control::-webkit-input-placeholder {
    color: #666
}

#intro .input-desc,
label.error {
    position: absolute;
    font-size: 11px;
    line-height: 12px;
    padding: 5px 10px;
    letter-spacing: .6px;
    background-color: #222;
    color: #fff;
    transition: all .65s;
    -webkit-transition: all .65s
}

#intro .input-desc {
    top: -11px;
    left: 15px;
    font-weight: 700;
    text-transform: uppercase
}

#intro .form-control.light:focus+.input-desc,
.form-control.light:focus+label+.input-desc,
.form-control:focus+.input-desc,
.form-control:focus+label+.input-desc {
    color: #fff
}

#intro label.error {
    bottom: -11px;
    font-weight: 500;
    right: 15px;
    background-color: #ca1515
}

#intro .form-control.error {
    border-color: #ca1515
}


.btn-red 
{
	background-color:#333;
	padding:11px 20px;
	border-radius:0px;
	color:#fff;
}


.btn-red:hover, .btn-red:focus, .btn-red.focus { color:#fff; background-color:#000;}

.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 3px dotted #333333;
}


.headline h2{
    margin: 0 0 -5px 0;
    padding-bottom: 25px;
    display: inline-block;
    border-bottom: 8px solid #ae151e;
	color: #333333;
    font-size: 28px;
    font-weight: 400;
}

.formsection {
    position: relative;
    z-index: 5;
    margin-top: -543px;
    padding: 30px 40px 20px;
}
.facebookbg{ background:#4f72a6; color:#fff; padding:20px 0px 20px 0px;}
.twiterbg{ background:#2cb8e9; color:#fff; padding:20px 0px 20px 0px;}
.linkdinbg{ background:#007bb6; color:#fff; padding:20px 0px 20px 0px;}

.facebookbg a{ color:#fff;}
.twiterbg a{ color:#fff;}
.linkdinbg a{ color:#fff;}
.form-inner .btn-main {
    color: #fff;
    background-color: #333;
    border-color: #333;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 7px 20px 6px;
    font-size: 16px;
    border-width: 2px;
}
.form-inner .btn-main:hover {
    color: #FFF;
    background-color: #000;
    border-color: #000;
}
.navbar-brand {
    font-size: 24px;
}

.navbar-container {
    padding: 13px 0 20px 0;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #fff;
    border-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand.fixed-theme {
    font-size: 18px;
}

.navbar-container.fixed-theme {
    padding: 10px 0px 0px 0px;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.8s;
    -webkit-transition:  0.8s;
}
.navbar-brand{padding: 0px 15px !important;}
.nav > li > a {
    position: relative;
    display: block;
    padding:20px 15px 0px 25px !important;
}
.navbar { background: #fff;
}
// Scroll to specific values
// scrollTo is the same
window.scroll({
  top: 2500, 
  left: 0, 
  behavior: 'smooth' 
});

// Scroll certain amounts from current position 
window.scrollBy({ 
  top: 100, // could be negative value
  left: 0, 
  behavior: 'smooth' 
});

// Scroll to a certain element
document.querySelector('.hello').scrollIntoView({ 
  behavior: 'smooth' 
});
section#make {
    background: #eaeaea;
    padding: 100px 0;
}
section#achiev {
    background: #fff;
    padding: 100px 0;
}
section#make h2.section-title {
    color: #333333;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500; text-align:center;
}
section#achiev h2.section-title {
    color: #333333;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 500; text-align:center;
}
#achiev li{
        font-size: 18px;
    line-height: 1.8em;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color:transparent;
}
.navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle{background-color: #000 !important;}
.header-text{ color:#fff; font-weight:bold; font-size:40px;}


@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
	.nav > li > a {
    position: relative;
    display: block;
    padding: 4px 15px 0px 14px !important;
}
}


@media only screen
and (min-device-width: 1596px)
and (max-device-width: 3000px) {
    header#main-header{min-height: 560px;}
	
}