/*===================== TABLE OF CONTENT =======================
1.  Google Fonts
2.  General Styling
3.  Cross Browser Compatibility
4.  Header Style 1
5.  Header Style 2
6.  Drop Down
7.  Sticky Header
8.  Responsive Header
9.  Title 1 Style 1
10. Title 1 Style 2
11. Title 1 Style 3
12. Title 1 Style 4
13. Title 2
14. Vertical Title
15. Sec Title 1
16. Sec Title 2
17. Sec Tilte 3
18. Theme Btn
19. Why Choose Us Style 1
20. Why Choose Us Style 2
21. Why Choose Us Style 3
22. Service Style 1
23. Service Style 2
24. Service Style 3
25. Fun Facts Style 1
26. Fun Facts Style 2
27. Fun Facts Style 3
28. Gallery Style 1
29. Gallery Style 2
30. Gallery Style 3
31. Team
32. Work With Our Team
33. Recent News Style 1
34. Recent News Style 2
35. Sponsors Sec
36. Map Newsletter Sec
37. Footer
38. Footer Style 2
39. Who We Are
40. Helping Small Business
41. Client Reviews
42. Page Top
43. Pagination
44. Hire And Progress
45. Service Detail
46. Request Call
47. Team Details
48. Contact Us
49. Growth Chart
50. Looking
51. Projects
52. Blog Detail
53. Sidebar
54. Slider Styling
=============================================================*/

/*=============== Fonts Poppins, Montserrat, Lato & Arimo ===============*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);
/*=============== General Styling ===============*/
html, 
body {overflow-x:hidden;}
body {
    float:left;
    width:100%;
    font-family:lato;
    letter-spacing:2.3px;
    margin: 0;
    position: relative;
}
h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: montserrat;
    font-weight: 600;
    margin: 0;
}
p {
    color: #555555;
    font-family: lato;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 0;
}
ul li,
ol li {
    font-family:arimo;
    color:#666666;
}
a:hover,
a:focus {
    text-decoration:none;
    outline:none;
    color:unset;
}
input:focus,
textarea:focus,
select:focus,
button:focus {outline: none;}
.theme-layout {
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
.theme-layout.boxed {
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1230px;
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
section {
    float:left;
    position:relative;
    width:100%;
}
.block {
    float: left;
    position: relative;
    width: 100%;
}


.icontext{
margin-left: 56px;
text-align: left;
}


.block.extra-toppadd {padding-top: 160px;}
.block.extra-bottompadd {padding-bottom: 160px;}
.block.less-spacing {padding:40px 0}
.block .container,
.container,
.container-fluid {padding:0;}
.block.remove-gap {padding-top:0;}
.block.no-padding {padding:0;}
.block.remove-bottom {padding-bottom:0;}
.block.gray,
.gray {background-color:#fbfbfb;}
.overlap64 {margin-top: -64px;}
.overlap70 {margin-top: -70px;}
.remove-ext {
    float:left;
    width:100%;
    margin-bottom:-50px;
}
.remove-ext2 {
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.pt-65 {padding-top: 65px;}
.overlape78 {margin-top: -78px;}
.parallax,
.fixed-bg,
.fixed-bg2 {
    bottom: 0;
    right: 0;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index:-2;
}
.fixed-bg2 {
    background-size:cover !important;
    background-position:center !important;
}
.fixed-bg {
    background-attachment:fixed !important;
    background-size:cover!important;
}
.parallax.still {background-position:0 0 !important;}
.parallax.pattern {background-repeat:repeat !important;}
.blackish:before,
.blackish2:before,
.blackish3:before,
.grayish:before,
.whitish:before,
.grayish2:before,
.grayish3:before,
.bluish:before,
.bluish2:before,
.bluish3:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.blackish2:before {background: #060606;}
.blackish3:before {background: #0f0f0f;}
.grayish:before {background: #fbfbfb;}
.grayish2:before {background: #f6f6f6;}
.grayish3:before {background: #fcfcfc;}
.whitish:before {background: #ffffff;}
.bluish:before {background: #01090e;}
.bluish2:before {background: #000d15;}
.bluish3:before {background: #000407;}
.bluish:before,
.bluish2:before,
.bluish3:before,
.blackish:before,
.blackish2:before,
.blackish3:before {opacity: .8;}
.grayish:before,
.whitish:before,
.grayish2:before,
.grayish3:before {opacity: .9;}
.high-opacity:before {opacity: .95;}
.medium-opacity:before {opacity: .85;}
.low-opacity:before {opacity: .5;}
.half-parallax:before,
.half-parallax .parallax,
.half-parallax .fixed-bg2,
.half-parallax .fixed-bg {height: 62%;}
iframe {
    border:0;
    width:100%;
    float:left;
}
/*=============== Cross Browser Compatibility ===============*/
.social-links,
.social-links > li,
.social-links > li > a,
.social-media > span,
.social-media > span::before,
.topbar-sitemap > li > a,
.menu-wrapper > span,
.menu-wrapper > span:before,
.magnifier,
.magnifier:before,
.magnifierclose,
.magnifierclose:before,
nav ul li,
.header-search,
.theme-btn,
.theme-btn::before,
.chooseus-opt > h2 a,
.service h2 a,
.gallery-title > h2 a,
.gallery1::before,
.gallery-title,
.gallery-title::before,
.gallery-title > h2 a,
.gallery-title > h2,
.member-info > h2 a,
.recent-info > h2,
.recent-info > h2 a,
.recent-info,
.recent-news,
.recent-news:before,
.post-meta,
.post-meta > li a,
.recent-news > img,
.recentnews-carousel .owl-nav > div::before,
.social-btns > li a,
.contactus-widget ul > li > a,
.menu-links > li > a,
.menu-links > li::before,
.recentblogpost-list > li > h2 > a,
.recentblogpost-list > li > h2::before,
.flicker-widget a::before,
.services-carousel .owl-nav > div::before,
.chooseusopt-info > h2 a,
.why-chooseus-carousel .owl-nav > div,
.why-chooseus-carousel .owl-nav > div:before,
.help-box > i,
.simple-btn,
.breadcrumb > li a,
.pagination li a,
.options-list > li > a,
.contact-info > li a,
.gallery-title  > span a,
.gallery-padd,
.padd::before,
.poptrox-popup .nav-previous, 
.poptrox-popup .nav-next,
.contact-infolist > ul li a,
.footer-tabs .nav-tabs > li > a,
.growth-chart .nav-tabs > li > a,
.service-info1 > h2 a,
.service-box2 h2 a,
.service-box2 > i,
.service-box2 > strong,
.service-box2 > i,
.service-front,
.service-box2:hover > span, 
.service-box2:hover > h2,
.projects-list > li,
.recentnews-info > h2 a,
.post-meta2 > li a,
.slider-nav li,
.slider-nav li img,
.tagcloud > a,
.social-media2 > ul > li a,
.info-sec > h2 a,
.comment-reply-link,
.cate-widget .menu-links > li span,
nav ul li i,
nav ul li a,
nav ul ul li:before,
nav ul ul,
.responsive-menu ul li,
.responsive-menu ul li a,
.responsive-menu ul li i,
.search-btn > button,
.search-btn > i,
.client-thumb,
a,
button
{
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

.options-list > li:before,
.options-list > li:after,
.footer-tabs .nav-tabs > li > a:before,
.single-link,
.responsive-header .topbar-contact > li,
.responsive-header .topbar-contact > li i,
.responsive-menu
{
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */   
}

.cart-items > span > i,
.services.style2 .service-info > i,
.help-box > i,
.review-info > p i,
.service-detail-img > i,
.gallery-title > span a,
.contact-infolist > ul li i,
.service-box2 > i,
.service-box2 > i:after,
.services.style2 .service-info > i img,
.service-detail-img > i img
{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.social-media > span::before,
.cart-items > span,
.menu-btn i,
.menu-btn i:before,
.menu-btn i:after,
.menu-wrapper > span.active::before,
.magnifierclose,
.magnifierclose:before,
.whoweare .title1.style1 > h2 a,
.date,
.comment-sec ul .detail-sec,
.responsviemenu-btn
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

/*=============== Header Style 1 ===============*/
header {
    float: left;
    position: relative;
    width: 100%;
}
/*===== Top Bar =====*/
.top-bar {
    float: left;
    max-height: 50px;
    width: 100%;
}
header.style1 .top-bar {background: #191919 none repeat scroll 0 0;}
.social-media {
    float: left;
    position: relative;
}
.social-media > span {
    background: #4e79c6 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    line-height: 50px;
    margin-right: 26px;
    padding-left: 40px;
    padding-right: 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.social-media.opend > span {
    margin-right: 0;
    overflow: hidden;
}
.social-media > span::before {
    background: #4e79c6 none repeat scroll 0 0;
    content: "";
    height: 39px;
    position: absolute;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 38px;
    z-index: -1;
}
.social-media.opend > span::before {background: #ffffff none repeat scroll 0 0;}
.social-media > span > i {
    font-size: 12px;
    margin-right: 5px;
}
.social-links {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-left: -500px;
    opacity: 0;
    padding-left: 0;
    right: -100%;
    text-align: center;
    visibility: hidden;
    z-index: 1;
}
.social-links > li {
    color: #ffffff;
    float: left;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
}
.social-links > li > a {
    color: inherit;
    float: left;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
a.facebook{background:#384f84}
a.facebook-color{color:#384f84}
a.twitter{background:#4d9fd7}
a.twitter-color{color:#4d9fd7}
a.google{background:#cf4332}
a.google-color{color:#cf4332}
a.dribbble{background:#d75281}
a.dribbble-color{color:#d75281}
a.linkedin{background:#0077b5}
a.linkedin-color{color:#0077b5}
a.rss{background:#fd9f13}
a.rss-color{color:#fd9f13}
a.github{background:#1f76b6}
a.github-color{color:#1f76b6}
a.vimeo{background:#44bbff}
a.vimeo-color{color:#44bbff}
a.pinterest{background:#d64033}
a.pinterest-color{color:#d64033}
header.style1 .top-bar .social-links > li {font-size: 12px;}
.social-media.opend > .social-links {
    margin-left: 0;
    opacity: 1;
    visibility: visible;
}
.social-media.opend > .social-links > li {
    opacity: 1;
    visibility: visible;
}
.topbar-contact {
    float: left;
    margin-left: 50px;
}
.topbar-contact > li {
    color: #e4e3e3;
    float: left;
    font-size: 11px;
    line-height: 50px;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}
.topbar-contact > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.topbar-contact > li > i {
    font-size: 12px;
    margin-right: 5px;
}
.topbar-contact > li::before {
    background: #646464 none repeat scroll 0 0;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.topbar-contact > li:last-child::before {display: none;}
.top-bar ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.topbar-sitemap {float: right;}
.topbar-sitemap > li {
    color: #e4e3e3;
    float: left;
    font-family: montserrat;
    font-size: 10px;
    line-height: 50px;
    text-transform: uppercase;
}
.topbar-sitemap > li > a {
    color: inherit;
    float: left;
    padding: 0 26px;
}
.topbar-sitemap > li:nth-child(2n+1) > a {background: #000000 none repeat scroll 0 0;}
.topbar-sitemap > li:nth-child(2n) > a {background: #0d0d0d none repeat scroll 0 0;}

.logo-cart-timming {
    float: left;
    padding: 35px 0 27px;
    width: 100%;
}
header.style1 .logo-cart-timming {background: #ffffff none repeat scroll 0 0;}
.timming {
    color: #7b7b7b;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-right: 50px;
    margin-top: 17px;
    width: 30%;
}
.timming > i {
    font-size: 13px;
    margin-right: 5px;
}
.logo {
    float: left;
    text-align: center;
    width: 30%;
}
.logo > a {display: inline-block;}
.logo img {max-width: 100%;}
.logo > a strong {
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
}
.logo span {
    float: left;
    font-family: arimo;
    font-size: 11px;
}
.logo img {
    float: left;
    margin-right: 15px;
}
.logo {max-width: 200px;}
.logo.dark span {color: #888888;}
.logo.dark strong {color: #222222;}
.logo.img img {
    float: none;
    margin-right: 0;
}
.cart-items {
    float: right;
    margin-top: 5px;
}
.cart-items > span {
    border: 1px solid #d1d1d1;
    color: #646464;
    cursor: pointer;
    float: left;
    font-size: 15px;
    height: 38px;
    line-height: 38px;
    position: relative;
    text-align: center;
    width: 38px;
    z-index: 1;
}
.cart-items > span > i {
    color: #ffffff;
    font-family: montserrat;
    font-size: 10px;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -8px;
    width: 20px;
}

.menu-sec {
    float: left;
    height: 64px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.menu-search-sec {
    float: left;
    padding: 0 66px;
    width: 100%;
}
.menu-wrapper {
    float: left;
    padding-left: 110px;
    padding-right: 110px;
    position: relative;
    width: 100%;
}
.menu-wrapper > span::before {
    background: #2c2c2c none repeat scroll 0 0;
    content: "";
    height: 20px;
    position: absolute;
    right: -10px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 20px;
    z-index: -1;
}
.menu-wrapper > span.menu-btn {left: 0;}
.menu-wrapper > span {
    background: #2c2c2c none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
    height: 64px;
    line-height: 64px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px;
    z-index: 1;
}
.menu-wrapper > span.search-btn::before{
    left: -10px;
    right: auto;
}
.search-btn {
    font-size: 17px;
    right: 0;
}
.search-btn > button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
.menu-wrapper > span.search-btn.active > button {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
.menu-wrapper > span.search-btn.active > i {
    opacity: 0;
    visibility: hidden;
}
.menu-wrapper > span.active::before {
    height: 48px;
    right: -22px;
    width: 48px;
}
.menu-wrapper > span.search-btn.active::before {left: -22px;}
.menu-wrapper > span.active, 
.menu-wrapper > span.active::before {background: #4e79c6 none repeat scroll 0 0;}
/*===== Menu Sec =====*/
nav {
    float: left;
    position: relative;
    width: 100%;
}
nav ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
nav ul li {
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    line-height: 64px;
    margin-right: 27px;
    padding-right: 27px;
    position: relative;
    text-transform: uppercase;
}
header.style1 nav > ul > li {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
    visibility: hidden;
}
header.style1 nav > ul.active > li {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
}
nav ul li::before {
    background: #f3f3f3 none repeat scroll 0 0;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
nav ul li:last-child::before {display: none;}
nav ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}
nav ul li a {
    color: inherit;
    display: block;
}
nav ul li a i.fa {
    display: none;
    margin-left: 5px;
}
nav ul li.menu-item-has-children > a i.fa {display: inline-block;}
.header-search {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: -1;
}
header.style1 .header-search.active {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
header.style1 .header-search form {
    float: left;
    height: 100%;
    width: 100%;
}
header.style1 .header-search form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    float: left;
    height: 100%;
    width: 100%;
}
header.style1 .header-search form button, 
.header-search form input[type="submit"] {
    border: 0 none;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: 0;
    width: 60px;
}
/*=============== Header Style 2 ===============*/
header.style2 {background: #4c71b3 none repeat scroll 0 0;}
header.style2 .top-bar {max-height: 28px;}
header.style2 .topbar-sitemap {
    min-height: 45px;
    position: relative;
    z-index: 2;
}
header.style2 .topbar-sitemap > li {
    color: #ffffff;
    line-height: 45px;
    position: relative;
}
header.style2 .topbar-sitemap > li > a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
header.style2 .topbar-sitemap > li::before {
    background: #d9d9d9 none repeat scroll 0 0;
    content: "";
    height: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
header.style2 .topbar-sitemap > li:first-child:before {display: block !important;}
header.style2 .topbar-sitemap > li:last-child > a {padding-right: 0;}
header.style2 .topbar-sitemap > li > a i.fa-angle-down {margin-left: 3px;}
.logomenu-sec {
    float: left;
    width: 100%;
}
header.style2 .topbar-sitemap > li:first-child > a {padding-left: 0;}
.logomenu-sec .menu-wrapper {
    background: #ffffff none repeat scroll 0 0;
    max-height: 135px;
    overflow: initial;
    padding: 0;
    position: relative;
    z-index: 1;
}
.logomenu-sec .logo {
    display: grid;
    float: unset;
    text-align: left;
    width: 26.8%;
    margin: 31px 0px 31px 50px;
}
.logomenu-sec .menu-search-sec {
    display: flex;
    float: unset;
    vertical-align: top;
    width: 100%;
    /*background: #375282;*/
}
header.style2 .topbar-sitemap::before, 
header.style2 .topbar-sitemap::after {
    background: #4c71b3 none repeat scroll 0 0;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
    border-radius: 0 0 30px 30px;
    content: "";
    height: 100%;
    left: -60px;
    position: absolute;
    width: calc(100% + 120px);
    z-index: -1;
}
header.style2 .topbar-sitemap > li:last-child::before {display: none;}
.logomenu-sec .menu-wrapper::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -115px;
    position: absolute;
    top: 0;
    width: calc(100% + 230px);
    z-index: -1;
}
header.style2 nav ul li {
    color: #ffffff;
}
.logomenu-sec .container {
    display: table;
width: 100%;}
header.style2 .logo > a {margin: 20px 0;}
.logomenu-sec .search-btn {
    border: 1px solid #d1d1d1;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    color: #646464;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 39px;
    line-height: 37px;
    margin-left: 50px;
    margin-top: 12px;
    text-align: center;
    width: 39px;
}
.logomenu-sec .header-search {
    background: #f2f2f2 none repeat scroll 0 0;
    bottom: auto;
    left: auto;
    padding: 20px;
    top: 135px;
    width: 300px;
}
.logomenu-sec .header-search > form {
    float: left;
    position: relative;
    width: 100%;
}
.logomenu-sec .header-search > form input {
    background: #fdfdfd none repeat scroll 0 0;
    border: 0 none;
    float: left;
    padding: 10px 20px;
    width: 100%;
}
.logomenu-sec .header-search > form button {
    background: #dcdcdc none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    height: 100%;
    position: absolute;
    right: 0;
    width: 40px;
}
.logomenu-sec .header-search.active {
    opacity: 1;
    visibility: visible;
}
header.style2 nav ul {width: auto;}
header.overlape .logomenu-sec {
    margin-bottom: -70px;
    position: relative;
    z-index: 1;
}
/*=============== DropDown ===============*/
nav ul ul {
    background: rgba(255, 255, 255, 0.97) none repeat scroll 0 0;
    left: 0;
    min-width: 200px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
}
nav ul ul li {
    color: #444545;
    font-family: lato;
    font-size: 12px;
    line-height: initial;
    margin-right: 0;
    padding: 0 20px;
    text-transform: initial;
    width: 100%;
}
nav ul ul li a {
    border-bottom: 1px solid #e9e9e9;
    float: left;
    padding: 15px 0 15px 15px;
    width: 100%;
}
nav ul ul li:last-child > a {border-bottom: 0 none;}
nav ul ul li i {
    opacity: 0;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
nav ul ul li::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    height: 6px;
    left: 20px;
    opacity: 0;
    right: auto;
    width: 6px;
}
nav ul ul ul {
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    left: 100%;
    top: 0;
}
nav ul li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}
nav ul ul li.menu-item-has-children:hover > i {opacity: 1;}
nav ul ul li:hover > a {padding-left: 28px;}
nav ul ul li:hover:before {
    left: 30px;
    opacity: 1;
}
nav ul ul li:last-child:before {display: block;}
header.style2 nav ul ul li {line-height: initial;}
/*=============== Sticky Header ===============*/
.logomenu-sec.stick {
    box-shadow: 0 0 3px rgba(0,0,0,.5);
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    z-index: 999;
}
.logomenu-sec.sticky {
    opacity: 1;
    visibility: visible;
}
.logomenu-sec.stick .logo {
    max-width: 24.5%;
    float: left;
    width: 100%;
}
.logomenu-sec.sticky .logo img {max-width: 170px;}
.logomenu-sec.sticky .logo > a {margin-top: 10px;}
.logomenu-sec.stick .menu-search-sec {
    float: left;
    max-width: calc(100% - 24.5%);
    width: 100%;
}
.logomenu-sec.stick nav ul {width: auto;}
.logomenu-sec.stick nav ul li {
    color: #444444;
    margin-right: 20px;
    padding-right: 20px;
}
.logomenu-sec.stick .search-btn {margin-top: 13px;}
.logomenu-sec.stick .header-search {top: 64px;}
/*=============== Responsive Header ===============*/
.responsive-header {
    float: left;
    display: none;
    width: 100%;
}
.responsive-header .top-bar {
    background: #191819 none repeat scroll 0 0;
    max-height: 40px;
}
.responsive-header .social-media > span {
    font-size: 13px;
    line-height: 40px;
    padding-left: 17.5px;
    padding-right: 17.5px;
}
.responsive-header .social-media > span:before {
    height: 31px;
    right: -16px;
    width: 31px;
}
.responsive-header .social-links > li > a {
    height: 40px;
    line-height: 40px;
    width: 40px;
}
.responsive-header .top-bar ul.social-links {
    left: 51px;
    margin-left: 0;
    min-width: 320px;
    position: absolute;
    right: auto;
}
.responsive-header .top-bar > ul {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    width: calc(100% - 77px);
}
.responsive-header .topbar-contact > li {
    background: #2e2e2e none repeat scroll 0 0;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    line-height: 40px;
    margin-right: 0;
    padding-right: 0;
    text-align: center;
    white-space: nowrap;
    width: 40px;
}
.responsive-header .topbar-contact > li:before {display: none;}
.responsive-header .topbar-contact > li.active {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    width: calc(100% - 40px);
}
.responsive-header .topbar-contact > li i {text-indent: 17px;}
.responsive-header .topbar-contact > li.active i {text-indent: initial;}
.logomenu-bar .logo > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-top: 0;
    padding: 0;
}
.logomenu-bar .logo > a::before {display: none;}
.logomenu-bar {
    float: left;
    padding: 30px 45px 30px 40px;
    width: 100%;
}
.responsive-menu {
    background: #1c1c1c none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 90px 30px 30px;
    position: fixed;
    right: 0;
    visibility: hidden;
    text-align: center;
    top: -100%;
    z-index: 999;
}
.responsive-menu.slidein {
    opacity: 1;
    visibility: visible;
    top: 0;
}
.close-btn {
    color: #ffffff;
    cursor: pointer;
    font-size: 15px;
    height: 30px;
    left: 50%;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 35px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
}
.responsive-menu ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    max-width: 250px;
    padding-left: 0;
    text-align: left;
    width: 100%;
}
.responsive-menu ul li {
    color: #eeeeee;
    float: left;
    font-size: 12px;
    position: relative;
    width: 100%;
}
.responsive-menu ul li a {
    border-bottom: 1px solid #353535;
    color: inherit;
    float: left;
    padding: 15px 30px 15px 20px;
    width: 100%;
}
.responsive-menu ul li:last-child a {margin-bottom: 0;}
.responsive-menu ul li i {display: none;}
.responsive-menu ul li.menu-item-has-children > i {
    cursor: pointer;
    display: block;
    font-size: 15px;
    position: absolute;
    right: 35px;
    top: 18px;
}
.responsive-menu ul li.menu-item-has-children.active > i {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.responsive-menu ul ul {display: none;}
.responsive-menu > ul > li.menu-item-has-children.active > a {color: #ffffff;}
.responsive-menu ul ul li.menu-item-has-children > a {border-bottom: 1px solid #353535;}
.responsive-menu ul ul li a {padding: 10px 30px 10px 40px;}
.responsive-menu ul ul ul {padding-left: 40px;}
.responsive-menu ul ul ul li a {
    border-bottom: 0;
    padding-left: 20px;
}
.responsive-menu ul ul li.menu-item-has-children > i {top: 10px;}
.responsviemenu-btn {
    color: #fff;
    cursor: pointer;
    float: right;
    height: 38px;
    line-height: 38px;
    margin-right: 5px;
    margin-top: 5px;
    position: relative;
    text-align: center;
    width: 38px;
}
/*=============== Title 1 Style 1 ===============*/
.title1 {
    float: left;
    width: 100%;
}
.leftalign {text-align: left;}
.title1 > span {
    float: left;
    font-family: arimo;
    font-size: 14px;
    width: 100%;
}
.title1 > h2 {
    color: #404040;
    float: left;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 8px;
    width: 100%;
}
.title1.style1 > p {max-width: 90%;}
.title1.style1 > span {font-size: 13px;}
.title1 > span i {margin-right: 5px;}
.title1.style1 > h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.title1 > p {float: left;}
.centeralign {text-align: center;}
/*=============== Title 1 Style 2 ===============*/
.title1.style2 > p {
    display: inline-block;
    float: none;
    max-width: 500px;
    padding-left: 170px;
    position: relative;
    text-align: left;
}
.title1.style2 > p i {
    color: #535353;
    font-size: 60px;
    left: 0;
    padding-right: 40px;
    position: absolute;
}
.title1.style2 > p i::after {
    background: #d1d1d1 none repeat scroll 0 0;
    content: "";
    height: 29px;
    position: absolute;
    right: 0;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.title1.style2 {margin-bottom: 60px;}
/*=============== Title 1 Style 3 ===============*/
.title1.style3 {max-width: 400px;}
.title1.style3 h2 {
    font-size: 24px;
    max-width: 240px;
    position: relative;
}
.title1.style3 > span {font-size: 12.5px;}
.title1.style3 > h2::before {
    background: #d1d1d1 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -114px;
    margin-top: -0.5px;
    position: absolute;
    top: 50%;
    width: 88px;
}
.title1.style3 > p {max-width: 90%;}
/*=============== Title 1 Style 4 ===============*/
.title1.style4 {
    float: left;
    max-width: 100%;
    padding: 81px 110px;
    width: 100%;
}
.title1.style4 > h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    max-width: 80%;
    padding-bottom: 17px;
    position: relative;
    text-transform: uppercase;
}
.title1.style4 > h2::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
}
.title1.style4 > .theme-btn {margin-top: 55px;}
/*=============== Title 2 ===============*/
.title2 {
    float: left;
    margin-bottom: 35px;
    width: 100%;
}
.title2 > span {
    color: #ffffff;
    font-family: arimo;
    font-size: 14px;
    letter-spacing: 0.4px;
}
.title2 > h2 {
    color: #fef9f9;
    font-size: 30px;
    margin-top: 10px;
}
.title2 > p {
    color: #dadada;
    font-size: 15px;
    line-height: 28px;
    margin-top: 20px;
}
/*=============== Vertical Title ===============*/
.vertical-title {
    bottom: 20px;
    left: 120px;
    max-width: 250px;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
}
.vertical-title > span {
    color: #ffffff;
    font-family: arimo;
    font-size: 14px;
    letter-spacing: 0.4px;
}
.vertical-title > h2 {
    color: #ffffff;
    float: left;
    font-size: 26px;
    margin-top: 18px;
    text-transform: uppercase;
    width: 100%;
}
/*=============== Sec Title 1 ===============*/
.sec-title1 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.sec-title1 > span {
    color: #7d7d7d;
    float: left;
    font-family: arimo;
    font-size: 12px;
    width: 100%;
}
.sec-title1 > h2 {
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
}
.sec-title1 > h2 span {
    float: left;
    font-size: 19px;
    width: 100%;
}
/*=============== Sec Title 2 ===============*/
.sec-title2 {
    float: left;
    margin-bottom: 45px;
    max-width: 90%;
    width: 100%;
}
.sec-title2 > i {
    color: #ffffff;
    float: left;
    font-size: 65px;
    margin-right: 20px;
}
.sec-title2 > h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.sec-title2 > span {
    font-family: montserrat;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}
.sec-title2 > p {
    color: #ecebeb;
    float: left;
    font-size: 15px;
    line-height: 26px;
    margin-top: 25px;
    width: 100%;
}
/*=============== Sec Title 3 ===============*/
.sec-title3 {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.sec-title3 > h2 {
    font-family: poppins;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.sec-title3 > p {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    margin-top: 5px;
}
/*=============== Theme Btn ===============*/
.theme-btn {
    background: #333333 none repeat scroll 0 0;
    border: 2px solid;
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 45px;
    padding: 17px 40px 15px;
    position: relative;
}
.theme-btn::before {
    border-bottom: 13px solid #ffffff;
    border-right: 20px solid rgba(0, 0, 0, 0);
    bottom: 3px;
    content: "";
    left: 3px;
    position: absolute;
}
.theme-btn:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
/*=============== Why Choose Us Style 1 ===============*/
.chooseus-opt {
    float: left;
    margin-top: 30px;
    padding: 0 30px;
    position: relative;
    text-align: center;
    width: 100%;
}
.chooseus-opt::before {
    background: #d1d1d1 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -15.5px;
    position: absolute;
    top: 0;
    width: 1px;
}
.why-chooseus > .row > div:nth-child(2) .chooseus-opt::before {display: none;}
.chooseus-opt > i {
    color: #363636;
    display: inline-block;
    font-size: 52px;
}
.chooseus-opt > span {
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-top: 25px;
    width: 100%;
}
.chooseus-opt > h2 {
    color: #454545;
    float: left;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 10px;
    width: 100%;
}
.chooseus-opt > h2 a {color: inherit;}
.chooseus-opt > p {
    float: left;
    line-height: 24px;
    width: 100%;
}
/*=============== Why Choose Us Style 2 ===============*/
.why-chooseus.style2 .whoweare-list.row {
    float: left;
    list-style: outside none none;
    margin: 3px 0px -1px 0px;
    padding: 0;
    width: calc(100% + 52px);
}
.why-chooseus.style2 .whoweare-list.row > li {padding: 1px;}
.why-chooseus.style2 .chooseus-opt {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin-top: 0;
    padding: 26px 180px 17px 0px;
}
.why-chooseus.style2 .chooseus-opt::before {display: none;}
.why-chooseus.style2 .chooseus-opt > i {font-size: 36px;}
.why-chooseus.style2 .chooseus-opt > span {margin-top: 20px;}
.why-chooseus.style2 .chooseus-opt > h2 {
    font-size: 14px;
    margin-top: -33px;
    text-transform: uppercase;
    width: 80px;
}
.why-chooseus.style2.gray-bg .chooseus-opt {background: #fafafa none repeat scroll 0 0;}
/*=============== Why Choose Us Style 3 ===============*/
.style3 .chooseus-opt {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-bottom: 30px;
    margin-top: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.style3 .chooseus-opt::before {
    background: #000000 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0.5;
    width: 100%;
    z-index: 1;
}
.chooseus-opt > img {max-width: 100%;}
.chooseusopt-info {
    padding: 0 30px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.chooseusopt-info > i {font-size: 50px;}
.chooseusopt-info > h2 {
    color: #ffffff;
    font-size: 18px;
    margin-top: 21px;
    text-transform: uppercase;
}
.chooseusopt-info > h2 a {color: inherit;}
.chooseusopt-info > span {
    color: #ffffff;
    display: block;
    font-family: arimo;
    font-size: 12px;
    margin-top: 7px;
}
.why-chooseus-carousel .owl-nav {
    bottom: 35px;
    color: rgba(0, 0, 0, 0);
    left: -293px;
    position: absolute;
}
.why-chooseus-carousel .owl-nav > div {
    background: #f7f7f7 none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: right;
    height: 37px;
    margin-right: 5px;
    position: relative;
    width: 37px;
}
.why-chooseus-carousel .owl-nav > div:first-child {margin-right: 0;}
.why-chooseus-carousel .owl-nav > div::before {
    color: #5d5d5d;
    content: "\f105";
    font-family: fontawesome;
    font-size: 14.5px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.why-chooseus-carousel .owl-nav > div.owl-next::before {content: "\f104";}
.why-chooseus-carousel .owl-nav > div:hover::before {color: #ffffff;}
/*=============== Service Style 1 ===============*/
.services {
    float: left;
    width: 100%;
}
.services.style1 .servicestyl1-list {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-left: 1px;
    margin-top: 1px;
    padding-left: 0;
    padding-right: 15px;
    width: 100%;
}
.servicestyl1-list > li {
    border: 1px solid #d1d1d1;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
    text-align: center;
    width: 33.334%;
}
.service {
    float: left;
    padding: 50px 30px 35px;
    text-align: center;
    width: 100%;
}
.service i {
    display: inline-block;
    font-size: 52px;
}
.service h2 {
    color: #404040;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%;
}
.service h2 a {color: inherit;}
.service span {
    float: left;
    font-family: arimo;
    font-size: 11px;
    letter-spacing: 1px;
    width: 100%;
}
/*=============== Service Style 2 ===============*/
.services.style2 {padding: 0 105px;}
.services.style2 .service {
    margin-bottom: 50px;
    padding: 0;
}
.service-info {
    float: left;
    position: relative;
    width: 100%;
}
.services.style2 .service-info > i {
    background: #ffffff none repeat scroll 0 0;
    height: 98px;
    margin-top: -46.5px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 98px;
}
.services.style2 .service-info > i img {
    display: inline-block;
    width: auto;
}
.services.style2 .service span {
    font-size: 12px;
    letter-spacing: 0.3px;
    margin-bottom: 0;
    margin-top: 10px;
}
.services.style2 .service h2 {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 10px;
}
.service-info > p {
    display: inline-block;
    line-height: 24px;
    margin-top: 15px;
    max-width: 80%;
    width: 100%;
}
.service-thumb::before {
    background: #fff none repeat scroll 0 0;
    bottom: -10%;
    content: "";
    height: 17%;
    position: absolute;
    right: -10%;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
    width: 120%;
}
.service-thumb {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.service-thumb > img {width: 100%;}
.services-carousel {
    float: left;
    width: 100%;
}
.services-carousel .owl-nav {
    color: rgba(0, 0, 0, 0);
    left: -40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(100% + 80px);
}
.services-carousel .owl-nav > div {position: absolute;}
.services-carousel .owl-nav > div.owl-next {right: 0;}
.services-carousel .owl-nav > div::before {
    color: #d6d6d6;
    content: "\f113";
    font-family: flaticon;
    font-size: 40px;
    left: 0;
    position: absolute;
}
.services-carousel .owl-nav > div.owl-prev::before {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
/*=============== Service Style 3 ===============*/
.service-box2 {
    border-bottom: 1px solid #e6e6e6;
    float: left;
    padding: 20px 40px 45px;
    position: relative;
    width: 100%;
}
.services.style3 > .row > div:nth-child(3), 
.services.style3 > .row > div:nth-child(6), 
.services.style3 > .row > div:last-child, 
.services.style3 > .row > div:nth-child(9), 
.services.style3 > .row > div:nth-child(12), 
.services.style3 > .row > div:nth-child(15) {border-right: 0 none;}
.services.style3 > .row > div:nth-last-child(2) .service-box2, 
.services.style3 > .row > div:nth-last-child(3) .service-box2, 
.services.style3 > .row > div:last-child .service-box2 {border-bottom: 0 none;}
.services.style3 > .row > div {border-right: 1px solid #e6e6e6;}
.service-box2 > i {
    background: rgba(0, 0, 0, 0) url(../images/serviceicon-bg.jpg) no-repeat scroll center center / cover ;
    color: #3e3e3e;
    float: left;
    font-size: 35px;
    height: 100px;
    line-height: 100px;
    margin-left: 20px;
    position: relative;
    text-align: center;
    width: 100px;
    z-index: 1;
}
.service-box2 > i::after {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 86px;
    left: 50%;
    opacity: 0.98;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 86px;
    z-index: -1;
}
.service-box2 span {
    float: left;
    font-family: arimo;
    font-size: 13.16px;
    margin-top: 25px;
    width: 100%;
}
.service-box2 h2 {
    color: #404040;
    float: left;
    font-size: 14.17px;
    font-weight: 400;
    margin-top: 7px;
    text-transform: uppercase;
    width: 100%;
}
.service-box2 h2 a {color: inherit;}
.service-box2 > h2,
.service-box2 > span {padding-left: 20px;}
.service-box2 > strong {
    color: #ebebeb;
    font-family: poppins;
    font-size: 50px;
    font-weight: 700;
    position: absolute;
    right: 55px;
}
.service-box2::before, 
.service-box2::after {
    background: #e6e6e6 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 15px;
}
.service-box2::before {left: -15px;}
.service-box2::after {right: -15px;}
.services.style3 > .row > div:nth-child(3) .service-box2::after, 
.services.style3 > .row > div:nth-child(6) .service-box2::after, 
.services.style3 > .row > div:last-child .service-box2::after, 
.services.style3 > .row > div:nth-child(9) .service-box2::after, 
.services.style3 > .row > div:nth-child(12) .service-box2::after, 
.services.style3 > .row > div:nth-child(15) .service-box2::after,

.services.style3 > .row > div:first-child .service-box2::before, 
.services.style3 > .row > div:nth-child(4) .service-box2::before, 
.services.style3 > .row > div:nth-child(7) .service-box2::before, 
.services.style3 > .row > div:nth-child(10) .service-box2::before, 
.services.style3 > .row > div:nth-child(13) .service-box2::before, 
.services.style3 > .row > div:nth-child(16) .service-box2::before {display: none;}
.services.style3 > .row > div:nth-last-child(2) .service-box2::before, 
.services.style3 > .row > div:nth-last-child(2) .service-box2::after, 
.services.style3 > .row > div:nth-last-child(3) .service-box2::before, 
.services.style3 > .row > div:nth-last-child(3) .service-box2::after, 
.services.style3 > .row > div:last-child .service-box2::before, 
.services.style3 > .row > div:last-child .service-box2::after {display: none;}
.service-front {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-align: center;
    visibility: hidden;
    z-index: 1;
}
.service-front > p {
    color: #666;
    float: left;
    line-height: 24px;
    margin-top: 15px;
    width: 100%;
}
.service-box2:hover .service-front {
    bottom: 35px;
    opacity: 1;
    visibility: visible;
}
.service-box2:hover > i {
    margin-left: 0;
    -webkit-transform: translateX(95%);
    -moz-transform: translateX(95%);
    -ms-transform: translateX(95%);
    -o-transform: translateX(95%);
    transform: translateX(95%);
}
.service-box2:hover > span, 
.service-box2:hover > h2, 
.service-box2:hover > strong {
    opacity: 0;
    visibility: hidden;
}
.blackish h2,
.blackish p i {color: #ffffff;}
.blackish .title1 > p i {color: #ffffff;}
.blackish p {color: #e7e7e7;}
.blackish p i::after {background: #a2a2a2 none repeat scroll 0 0;}
/*=============== Fun Facts Style 1 ===============*/
.fun-facts {
    float: left;
    width: 100%;
}
.fun-facts.style1 {
    margin-bottom: -165px;
    padding: 0 38px;
    text-align: center;
}
.funfacts-list {
    background: #308be0 none repeat scroll 0 0;
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 60px 140px;
    text-align: left;
    width: 100%;
}
.funfacts-list > li {
    float: left;
    width: 33.334%;
    padding: 0 30px;
}
.funfact {
    float: left;
    width: 100%;
}
.funfact > h4 {
    color: #ffffff;
    float: left;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%;
}
.funfact > h4 > small {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}
.funfact > span {
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
}
/*=============== Fun Facts Style 2 ===============*/
.fun-facts.style2 > ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
    text-align: center;
}
.fun-facts.style2 {margin-top: 40px;}
.fun-facts.style2 > ul > li {padding: 0;}
.fun-facts.style2 .funfact > h4 {color: #2d2d2d;}
.fun-facts.style2 .funfact > h4 > small {color: #2d2d2d;}
.fun-facts.style2 .funfact > span {font-size: 11px;}
/*=============== Fun Facts Style 3 ===============*/
.fun-facts.style3 > ul {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
.fun-facts.style3 > ul > li {padding: 0;}
.fun-facts.style3 .funfact > h4 {
    font-size: 40px;
    margin-bottom: 8px;
}
.fun-facts.style3 .funfact > span {text-transform: initial;}
.contact-list {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: calc(100% + 54px);
}
.contact-list > li {
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    padding: 75px 90px 65px;
    width: 100%;
}
.contact-list > li:first-child {background: rgba(53, 152, 219, 0.9) none repeat scroll 0 0;}
.contact-list > li:last-child {background: rgba(0, 106, 167, 0.9) none repeat scroll 0 0;}
.contact-list > li > i {
    color: #ffffff;
    float: left;
    font-size: 54px;
    margin-bottom: 20px;
    margin-right: 20px;
}
.contact-list > li > span {
    color: #ffffff;
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.contact-list > li > strong {
    color: #ffffff;
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
}
.funfacts-contact .sec-title2 {margin-top: 95px;}
/*=============== Our Work ===============*/
/*=============== Gallery Style 1 ===============*/
.our-work > .row {margin: 0 -5px -10px;}
.our-work > .row .masnory > div {padding: 0 5px 10px;}
.gallery1 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.gallery1::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.gallery1:hover::before {opacity: 0.4;}
.gallery1 > img {width: 100%;}
.gallery-title {
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallery1:hover > .gallery-title {
    opacity: 1;
    -webkit-transform: translateY(-50%) translate3d(0px, 0px, 0px);
    -moz-transform: translateY(-50%) translate3d(0px, 0px, 0px);
    -ms-transform: translateY(-50%) translate3d(0px, 0px, 0px);
    -o-transform: translateY(-50%) translate3d(0px, 0px, 0px);
    transform: translateY(-50%) translate3d(0px, 0px, 0px);
}
.gallery-title::before {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    content: "";
    height: 150%;
    left: 20%;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleX(0.5);
    -moz-transform: translateY(-50%) scaleX(0.5);
    -ms-transform: translateY(-50%) scaleX(0.5);
    -o-transform: translateY(-50%) scaleX(0.5);
    transform: translateY(-50%) scaleX(0.5);
    width: 60%;
    z-index: -1;
}
.gallery1:hover > .gallery-title::before {
    opacity: 1;
    -webkit-transform: translateY(-50%) scaleX(1);
    -moz-transform: translateY(-50%) scaleX(1);
    -ms-transform: translateY(-50%) scaleX(1);
    -o-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1);
}
.gallery-title > h2 {
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    max-width: 240px;
    text-transform: uppercase;
    -webkit-transform: translate3d(0px, -100%, 0px);
    -moz-transform: translate3d(0px, -100%, 0px);
    -ms-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate3d(0px, -100%, 0px);
    transform: translate3d(0px, -100%, 0px);
}
.gallery1:hover > .gallery-title > h2 {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}
.gallery-title > h2 a {color: inherit;}
/*=============== Gallery Style 2 ===============*/
.gallery-sec2 > ul {
    list-style: outside none none;
    margin-bottom: -10px;
    padding: 0;
}
.gallery-sec2 > ul > li {
    float: left;
    padding: 0 5px 10px;
    width: 20%;
}
.width40, 
.gallery-sec2 > ul > li.width40 {width: 40%;}
.gallery2 {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.gallery2 > img {
    float: left;
    width: 100%;
}
.padd {
    bottom: 0;
    left: 0;
    padding: 30px;
    position: absolute;
    right: 0;
    top: 0;
}
.gallery-padd {
    border: 1px solid #ffffff;
    height: 100%;
    left: 0;
    opacity: 0;
    position: relative;
    top: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    width: 100%;
}
.padd::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.gallery2 .gallery-title::before {display: none;}
.gallery2 .gallery-title {
    padding: 0 20px;
    -webkit-transform: translateY(-50%) scale(0.7);
    -moz-transform: translateY(-50%) scale(0.7);
    -ms-transform: translateY(-50%) scale(0.7);
    -o-transform: translateY(-50%) scale(0.7);
    transform: translateY(-50%) scale(0.7);
}
.gallery2 .gallery-title > h2 {
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    -webkit-transform: translate3d(0px, 0%, 0px);
    -moz-transform: translate3d(0px, 0%, 0px);
    -ms-transform: translate3d(0px, 0%, 0px);
    -o-transform: translate3d(0px, 0%, 0px);
    transform: translate3d(0px, 0%, 0px);
}
.gallery-title  > span {
    display: block;    
    margin-top: 20px;
}
.gallery-title  > span a {
    background: #ffffff none repeat scroll 0 0;
    display: inline-block;
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 42px;
}
.gallery-title > span a:hover {
    background: #333;
    color: #ffffff;
}
.gallery-sec2 > ul > li.width40 .gallery-title > h2 {
    max-width: 90%;
    padding: 0 13%;
}
.gallery2:hover .gallery-title {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}
.gallery2:hover .gallery-padd {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.gallery2:hover .padd::before {
    opacity: 0.9;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/*===== Poptrox Nav Styling =====*/
.poptrox-popup .nav-previous, 
.poptrox-popup .nav-next {
    background: #000 none repeat scroll 0 0;
    color: transparent !important;
    height: 50px !important;
    left: 35px !important;
    opacity: 0 !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px !important;
}
.poptrox-popup .nav-previous > div, 
.poptrox-popup .nav-next > div {
    height: initial !important;
    left: 50% !important;
    margin-top: 0 !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: initial !important;
}
.poptrox-popup .nav-next {
    left: auto !important;
    right: 35px !important;
}
.poptrox-popup .nav-previous > div::before, 
.poptrox-popup .nav-next > div::before {
    color: #fff;
    content: "\f053";
    font-family: fontawesome;
    font-size: 18px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.poptrox-popup .nav-next > div::before {content: "\f054";}
.poptrox-popup:hover .nav-previous {
    left: 10px !important;
    opacity: 0.5 !important;
}
.poptrox-popup:hover .nav-next {
    opacity: 0.5 !important;
    right: 10px !important;
}
.poptrox-popup .nav-previous:hover,
.poptrox-popup .nav-next:hover {opacity: 1 !important;}
/*=============== Gallery Style 3 ===============*/
.gallery-sec3 {
    float: left;
    margin-bottom: -60px;
    width: 100%;
}
.gallery-sec3 > .row {margin: 0 -8px;}
.gallery-sec3 > .row > div {padding: 0 8px 60px;}
/*=============== Team Sec ===============*/
.member {
    float: left;
    margin-bottom: 50px;
    padding-right: 50px;
    position: relative;
    width: 100%;
}
.member > img {width: 100%;}
.member-info {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    margin-left: 7.5%;
    margin-top: -71px;
    padding: 30px 20px 25px 50px;
    position: relative;
    width: 85%;
}
.grayish .member-info,
.grayish2 .member-info,
.gray .member-info {background: #fff;}
.member-info > h2 {
    color: #404040;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.member-info > h2 a {color: inherit;}
.member-info > span {
    float: left;
    font-family: arimo;
    font-size: 11px;
    margin-top: 5px;
    width: 100%;
}
.social-media.style2 {
    position: absolute;
    right: 50px;
    top: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top;
}
.social-media.style2 > span {
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
}
.social-media.style2 > span::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    bottom: 50%;
    height: 10px;
    left: -2px;
    right: auto;
    top: auto;
    -webkit-transform: rotate(45deg) translateY(50%);
    -moz-transform: rotate(45deg) translateY(50%);
    -ms-transform: rotate(45deg) translateY(50%);
    -o-transform: rotate(45deg) translateY(50%);
    transform: rotate(45deg) translateY(50%);
    width: 10px;
}
.social-media.style2.opend > span::before {background: #ffffff none repeat scroll 0 0;}
.social-media.style2 .social-links {margin-left: -200px;}
.social-media.style2.opend .social-links {margin-left: 0;}
/*=============== Work With Our Team ===============*/
.work-wrapper {
    float: left;
    text-align: center;
    width: 100%;
}
.workwith-ourteam {
    display: inline-block;
    margin-bottom: -4px;
    max-width: 1366px;
    text-align: left;
    width: 100%;
}
.logo-sec {
    float: left;
    max-width: 390px;
    padding: 60px 10px 60px 100px;
    position: relative;
    width: 100%;
}
.logo-sec::before {
    background: #ffffff none repeat scroll 0 0;
    content: "";
    height: 200%;
    left: -100%;
    opacity: 0.1;
    position: absolute;
    top: 0;
    width: 200%;
    z-index: -1;
}
.logo-sec > img {max-width: 100%;}
.work-with {
    float: left;
    max-width: 550px;
    padding: 59px 60px;
    width: 100%;
}
.work-with > i {
    color: #ffffff;
    float: left;
    font-size: 50px;
    margin-right: 30px;
}
.work-with > h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px;
}
.work-with > span {
    color: #ababab;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-top: 4px;
    text-transform: uppercase;
}
.purchase-btn {
    float: left;
    padding: 57px 60px;
}
.purchase-btn .theme-btn {
    margin-top: 0;
    padding: 17px 45px 15px;
}
/*=============== Recent News Style 1 ===============*/
.recentnews-carousel {
    float: left;
    width: 100%;
}
.recent-news {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.recent-news > img {
    position: relative;
    width: 100%;
}
.recent-info {
    padding: 30px 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.recent-news::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.recent-info > h2 {
    color: #ffffff;
    display: inline-block;
    font-family: poppins;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    max-width: 220px;
    width: 100%;
}
.recent-info > h2 a {color: inherit;}
.post-meta {
    display: none;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: -220px;
    padding-left: 0;
}
.post-meta > li {
    color: #808080;
    float: left;
    font-family: poppins;
    font-size: 12px;
    font-weight: 300;
    margin-right: 40px;
}
.post-meta > li:last-child {margin-right: 0;}
.recentnews-carousel .center .recent-news > img {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
    z-index: 2;
}
.recentnews-carousel .owl-stage-outer {
    float: left;
    padding-top: 27px;
    width: 100%;
}
.recentnews-carousel .center .recent-news::before {opacity: 0;}
.recentnews-carousel .center .recent-info {
    float: left;
    padding-top: 55px;
    position: relative;
    top: auto;
    -webkit-transform: translate(0px);
    -moz-transform: translate(0px);
    -ms-transform: translate(0px);
    -o-transform: translate(0px);
    transform: translate(0px);
    width: 100%;
}
.recentnews-carousel .center .recent-info > h2 {
    color: #555555;
    font-size: 15px;
    line-height: 24px;
}
.recentnews-carousel .center .post-meta {
    display: inline-block;
    margin-top: 10px;
}
.post-meta > li a {color: inherit;}
.post-meta > li i {margin-right: 3px;}

.recentnews-carousel .owl-nav {
    background: #000000 none repeat scroll 0 0;
    bottom: 100px;
    color: rgba(0, 0, 0, 0);
    left: 50%;
    max-width: 550px;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}
.recentnews-carousel .owl-nav > div {
    height: 50px;
    position: absolute;
    width: 50px;
}
.recentnews-carousel .owl-nav > div::before {
    color: #d6d6d6;
    content: "\f113";
    font-family: flaticon;
    left: 0;
    font-size: 45px;
    position: absolute;
}
.recentnews-carousel .owl-nav > div.owl-prev::before {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.recentnews-carousel .owl-nav > div.owl-next {
    left: auto;
    right: 0;
}
/*=============== Recent News Style 2 ===============*/
.recentnews {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.recentnews-thumb {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.recentnews-thumb > img {max-width: 100%;}
.single-link {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.recentnews-thumb:hover > .single-link {
    opacity: 0.2;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.recentnews-info {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.date {
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-bottom: 20px;
    margin-right: 23px;
    max-width: 77px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.date > strong {
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}
.date > i {
    background: #86abed none repeat scroll 0 0;
    display: block;
    font-style: normal;
    margin-top: 10px;
    padding: 5px;
}
.recentnews-info > h2 {
    color: #444444;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    max-width: 88%;
}
.recentnews-info > h2 a {color: inherit;}
.recentnews-info > p {
    color: #666666;
    font-size: 13px;
    margin-top: 10px;
}
.post-meta2 {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 30px;
    padding-left: 0;
}
.post-meta2 > li {
    background: #fafafa none repeat scroll 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    color: #808080;
    float: left;
    font-family: montserrat;
    font-size: 10px;
    margin-right: 4px;
    padding: 13px 30px;
    text-transform: uppercase;
}
.post-meta2 > li:last-child {margin-right: 0;}
.post-meta2 > li i {margin-right: 3px;}
.post-meta2 > li a {color: inherit;}
/*=============== Sponsors Sec ===============*/
.sponsor {
    float: left;
    width: 100%;
}
.sponsor > a {
    float: left;
    text-align: center;
    width: 100%;
}
.sponsors-carousel .sponsor > a > img {
    display: inline-block;
    max-width: 100%;
    width: auto;
}
/*=============== Map Newsletter Sec ===============*/
.map-newsletter-sec {
    float: left;
    text-align: center;
    width: 100%;
}
.map-sec {
    float: left;
    width: 100%;
}
.google-map {
    float: left;
    height: 465px;
    width: 100%;
}
.newsletter {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    margin-top: -95px;
    max-width: 1006px;
    padding: 58px 95px 56px 90px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
}
.newsletter > strong {
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 18px;
    font-weight: 500;
    margin-right: 55px;
    margin-top: 8px;
    max-width: 186px;
    text-transform: uppercase;
}
.newsletter > strong span {
    float: left;
    font-family: arimo;
    font-size: 13px;
    font-weight: 400;
    text-transform: initial;
    width: 100%;
}
.newsletter > form {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    float: left;
    max-width: 580px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.newsletter input {
    border: 0 none;
    color: #b0b0b0;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 55px;
    padding: 0 50px;
    width: 100%;
}
.newsletter button {
    background: #000000 none repeat scroll 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0;
    color: #ffffff;
    font-family: montserrat;
    font-size: 11px;
    height: 100%;
    padding: 0 40px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}
.newsletter button::before {
    border: 4px solid red;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    bottom: -4px;
    content: "";
    left: -2px;
    position: absolute;
    right: -4px;
    top: -4px;
}
/*=============== Footer ===============*/
/*=============== Widgets ===============*/
.widget {
    float: left;
    width: 100%;
}
.widget.about-widget {margin-bottom: 60px;}
.footer-logo {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.footer-logo .logo {
    display: inline-block;
    float: none;
}
.about-widget > p {
    color: #f2f2f2;
    display: inline-block;
    font-size: 15px;
    font-style: italic;
    max-width: 620px;
}
.social-btns {
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 35px;
    padding-left: 0;
}
.social-btns > li {
    color: #ffffff;
    display: inline;
    font-size: 16.5px;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}
.social-btns > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.social-btns > li::before {
    background: #707070 none repeat scroll 0 0;
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.social-btns > li:last-child::before {display: none;}
.social-btns > li a {color: inherit;}
.widget-title {
    float: left;
    margin-bottom: 30px;
    padding-left: 60px;
    position: relative;
    width: 100%;
}
.widget-title::before {
    color: #ffffff;
    content: "\f117";
    font-family: flaticon;
    font-size: 32px;
    left: 0;
    position: absolute;
}
.widget-title > h2 {
    color: #fbfbfb;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.widget-title > span {
    color: #ffffff;
    float: left;
    font-family: arimo;
    font-size: 13px;
    margin-top: 6px;
    width: 100%;
}
.widget-data {
    float: left;
    width: 100%;
}
.widget-data > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
/*===== Contact Us Widget =====*/
.contactus-widget ul > li > i {
    background: #000000 none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    font-size: 15px;
    height: 53px;
    line-height: 53px;
    margin-right: 20px;
    text-align: center;
    width: 53px;
}
.contactus-widget ul > li > strong {
    color: #ffffff;
    display: block;
    font-family: poppins;
    font-size: 13px;
    font-weight: 500;
    margin-top: 5px;
    text-transform: uppercase;
}
.contactus-widget ul > li > p {
    color: #cacaca;
    font-size: 12px;
    line-height: 22px;
    margin-top: 5px;
}
.contactus-widget .widget-data > ul li {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.contactus-widget .widget-data > ul li:last-child {margin-bottom: 0;}
.contactus-widget ul > li > span {
    display: block;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    margin-top: 5px;
}
.contactus-widget ul > li > span i {
    color: #979797;
    font-family: arimo;
}
.contactus-widget ul > li > a {
    border-bottom: 1px solid;
    color: #cbcbcb;
    float: left;
    font-size: 13px;
    margin-top: 5px;
}
/*===== Quick Links Widget =====*/
.menu-links > li {
    color: #ffffff;
    float: left;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}
.menu-links > li::before {
    content: "-";
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu-links > li > a {color: inherit;}
.menu-links > li:last-child {margin-bottom: 0;}
/*===== Recent Blog Widget =====*/
.recentblogpost-list > li {
    float: left;
    margin-bottom: 35px;
    padding-left: 30px;
    position: relative;
    width: 100%;
}
.recentblogpost-list > li > h2 {
    color: #f7f7f7;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}
.recentblogpost-list > li > h2::before {
    background: #818181 none repeat scroll 0 0;
    content: "";
    height: 34px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 2px;
}
.recentblogpost-list > li > h2 > a {color: inherit;}
.recentblogpost-list .post-meta {
    display: block;
    float: left;
    margin-top: 12px;
    position: relative;
}
.recentblogpost-list > li:last-child {margin-bottom: 0;}
.recentblogpost-list .post-meta > li {
    color: #9f9f9f;
    font-size: 12px;
}
/*===== Flickr Widget =====*/
.flicker-widget .widget-data {margin-bottom: -10px;}
.flicker-widget .row {margin: 0 -5px;}
.flicker-widget .row > div {padding: 0 5px 10px;}
.flicker-widget a {
    float: left;
    position: relative;
    width: 100%;
}
.flicker-widget a::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.flicker-widget a:hover::before {
    opacity: 0.5;
    width: 100%;
}
.flicker-widget img {max-width: 100%;}
.bottom-line {
    background: #0a0a0a none repeat scroll 0 0;
    float: left;
    padding: 35px 0 32px;
    text-align: center;
    width: 100%;
}
.bottom-line p {
    color: #cbcbcb;
    font-size: 13px;
}
/*=============== Footer Style 2 ===============*/
.contactus-widget.style2 ul > li > i {color: #ffffff;}
.flicker-widget.style2 .row {margin: 0 -0.5px -1px;}
.flicker-widget.style2 .row > div {padding: 0 0.5px 1px;}
.footer-tabs {
    float: left;
    width: 100%;
}
.footer-tabs > .row {margin: 0 -1.5px;}
.footer-tabs > .row > div {padding: 0 1.5px;}
.footer-tabs .nav-tabs {
    border-bottom: 0 none;
    float: left;
    margin-bottom: -3px;
    width: 100%;
}
.footer-tabs .nav-tabs > li {
    float: left;
    margin-bottom: 3px;
    width: 100%;
}
.footer-tabs .nav-tabs > li > a {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    float: left;
    margin-right: 0;
    padding: 42px 40px 42px 70px;
    width: 100%;
}
.footer-tabs .nav-tabs > li > a:hover, 
.footer-tabs .nav-tabs > li.active > a:hover, 
.footer-tabs .nav-tabs > li.active > a:focus {border: 0 none;}
.footer-tabs > .row > div.col-lg-4 {width: calc(33.334% - 25px);}
.footer-tabs .nav-tabs > li > a i {
    float: left;
    font-size: 30px;
    margin-right: 20px;
    margin-top: 5px;
}
.footer-tabs .nav-tabs > li > a strong {
    color: #ffffff;
    display: block;
    font-family: poppins;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.footer-tabs .nav-tabs > li > a span {
    color: #8c8c8c;
    display: block;
    font-family: arimo;
    font-size: 11px;
    margin-top: 5px;
}
.footer-tabs .nav-tabs > li > a:hover,
.footer-tabs .nav-tabs > li.active > a:focus,
.footer-tabs .nav-tabs > li.active > a {background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;}
.footer-tabs .nav-tabs > li > a::before {
    background: #000000 none repeat scroll 0 0;
    content: "";
    height: 0;
    opacity: 0;
    position: absolute;
    right: -3px;
    top: 0;
    width: 3px;
}
.footer-tabs .nav-tabs > li.active > a::before {
    height: 100%;
    opacity: 0.8;
}
.footer-tabs .tab-content {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    float: left;
    padding-left: 90px;
    width: 100%;
}
.contactus-widget.style2 {margin-top: 65px;}
.footer-tabs .flicker-widget .widget-data {margin-bottom: -1px;}
footer.style3 .widget.about-widget {margin-bottom: 0;}
/*=============== Who We Are ===============*/
.whoweare {
    float: left;
    margin-right: -40px;
    padding-left: 40px;
    width: calc(100% + 40px);
}
.whoweare .title1.style1 > span {
    font-size: 14px;
    margin-top: 10px;
}
.whoweare .title1.style1 > h2 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 0;
    margin-top: 15px;
}
.whoweare .title1.style1 > h2 a {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 13px;
    line-height: initial;
    margin-right: 20px;
    padding: 10px 25px;
    text-transform: uppercase;
}
.whoweare .title1 > p {
    font-size: 15px;
    line-height: 28px;
    margin-top: 23px;
    max-width: 100%;
}
/*=============== Helping Small Business ===============*/
.helpingsmall-business-img.overlap {
    float: left;
    width: 100%;
}
.helpingsmall-business-img> img {width: 100%;}
/*===== Help Box =====*/
.need-help {
    float: left;
    padding: 0 105px;
    width: 100%;
}
.help-box {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-top: 20px;
    padding: 0 40px 45px;
    text-align: center;
    width: 100%;
}
.help-box > i {
    background: #20365c none repeat scroll 0 0;
    border: 5px solid #fafafa;
    color: #ffffff;
    display: inline-block;
    font-size: 23px;
    height: 66px;
    line-height: 58px;
    margin-top: -30px;
    width: 66px;
}
.help-box > strong {
    color: #454545;
    display: block;
    font-family: montserrat;
    font-size: 15px;
    margin-top: 20px;
}
.help-box > span {
    display: block;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 5px;
}
.simple-btn {
    background: #555555 none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: montserrat;
    font-size: 11px;
    margin-top: 20px;
    padding: 15px 30px 13px;
}
.simple-btn:hover {color: #fff;}
/*=============== Client Reviews ===============*/
.client-reviews {
    float: left;
    padding: 0 100px;
    width: 100%;
}
.slider-for {
    float: left;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.review-info {
    background: rgba(0, 0, 0, 0) url(../images/reviews-bg.jpg) no-repeat scroll center center / cover ;
    float: left;
    padding: 80px 55px 130px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.review-info::before {
    background: #1b1c1d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.review-info > p {
    color: #f2f2f2;
    display: inline-block;
    font-family: arimo;
    font-size: 15px;
    font-style: italic;
    line-height: 28px;
    max-width: 460px;
    position: relative;
}
.review-info > p i {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 40px;
}
.review-info > p i.fa-quote-left {left: -65px;}
.review-info > p i.fa-quote-right {right: -40px;}
.review-info > strong {
    color: #ffffff;
    display: block;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 400;
    margin-top: 30px;
    padding-top: 20px;
    position: relative;
    text-transform: uppercase;
}
.review-info > strong:before {
    background: #595959 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 33px;
}
.review-info > strong span {
    color: #fff;
    font-size: 12px;
    text-transform: initial;
}
.clientreviews-nav {
    float: left;
    margin-top: -85px;
    padding: 0 150px;
    width: 100%;
}
.slider-nav {
    float: left;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
.client-thumb {
    cursor: pointer;
    float: left;
    padding: 0 5px;
    width: 100%;
}
.client-thumb > img {width: 100%;}
.clientreviews-nav .slick-center {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.clientreviews-nav .slick-center:focus {outline: none;}
.clientreviews-nav .slick-track {padding: 20px 0;}
.clientreviews-nav .slick-center .client-thumb {
    padding: 0;
    border: 10px solid #fff;
}

/*=============== Page Top ===============*/
.page-top {
    float: left;
    position: relative;
    width: 100%;
}
.page-top::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.page-title {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.page-title > strong {
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 33px;
    line-height: 38px;
    margin-top: 125px;
    text-transform: uppercase;
    width: 100%;
}
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: 20px solid #ffffff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-right: 20px solid #ffffff;
    border-top: 20px solid #ffffff;
    float: left;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 50px;
    padding: 0;
    width: calc(100% - 40px);
}
.breadcrumb::before, .breadcrumb::after {
    background: #ffffff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 30px;
    position: absolute;
    width: 100%;
}
.breadcrumb::before {left: calc(-100% + 20px);}
.breadcrumb::after {right: calc(-100% + 20px);}
.breadcrumb > li {
    color: #ffffff;
    font-size: 13px;
    line-height: 63px;
}
.breadcrumb > li + li::before {
    color: #ffffff;
    content: "-";
    padding: 0 30px;
}
.breadcrumb > li a {color: inherit;}
/*=============== Pagination ===============*/
.pagination {
    float: left;
    margin: 100px 0 0;
    text-align: center;
    width: 100%;
}
.pagination > ul {
    background: #fbfbfb none repeat scroll 0 0;
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 30px 90px 28px;
}
.pagination li {
    color: #404040;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 700;
    margin-right: 15px;
    position: relative;
}
.pagination li a {
    color: inherit;
    float: left;
}
.pagination li.next:before {
    background: #818181 none repeat scroll 0 0;
    content: "";
    height: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
}
.pagination li.next {padding-right: 15px;}
.pagination li.prev {margin-right: 50px;}
.pagination li.next, 
.pagination li.prev {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}
.pagination li:last-child {margin-right: 0;}
/*=============== Hire And Progress ===============*/
.hireand-progress {
    float: left;
    width: 100%;
}
.hire-progress {
    float: left;
    max-width: 45%;
    padding: 100px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.hire-progress::before {
    background: #0b1529 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.hire-progress > form {
    float: left;
    width: 100%;
}
.hire-progress > form > .row {margin: 0 -11px -10px;}
.hire-progress > form > .row > div {padding: 0 11px 10px;}
.hire-progress form input, 
.hire-progress form textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #9ca7ab;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    height: 35px;
    padding: 0 7px;
    width: 100%;
}
.hire-progress form textarea {
    margin-top: 63px;
    resize: none;
}
.hire-progress form button {
    padding: 17px 30px 15px;
    width: 100%;
}
.progress-chart {
    float: left;
    max-width: 55%;
    padding: 95px 90px 95px 250px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.progress-chart::before {
    background: #1b1c1d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.progress-chart canvas {
    float: left;
    width: 100% !important;
}
/*=============== Service Detail ===============*/
.service-detail-sec {
    float: left;
    margin-left: 30px;
    padding: 30px 0;
    position: relative;
    width: calc(100% - 30px);
    z-index: 1;
}
.service-detail-sec::before {
    background: #fcfcfc none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.service-detail-img {
    float: left;
    margin-left: -30px;
    position: relative;
    width: calc(100% + 30px);
}
.service-detail-img > img {width: calc(100% - 70px);}
.service-detail-img > i {
    background: #fcfcfc none repeat scroll 0 0;
    height: 98px;
    padding-top: 6px;
    position: absolute;
    right: 23px;
    text-align: center;
    top: 60px;
    width: 98px;
}
.service-desc {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.service-desc > span {
    font-family: arimo;
    font-size: 12px;
}
.service-desc > h1 {
    font-size: 24px;
    margin-top: 7px;
    text-transform: uppercase;
}
.service-desc > p {
    color: #666666;
    line-height: 28px;
    margin-top: 25px;
}
.options-list {
    float: left;
    list-style: outside none none;
    margin: 35px 0 0;
    padding-left: 0;
    width: 100%;
}
.options-list > li {
    color: #747474;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.options-list > li::before, 
.options-list > li::after {
    content: "\f1cb";
    font-family: fontawesome;
    position: absolute;
}
.options-list > li::before, .options-list > li:hover::after {
    left: 0;
    opacity: 1;
}
.options-list > li:hover::before, 
.options-list > li::after {
    left: -20px;
    opacity: 0;
}
.options-list > li a {color: inherit;}
/*=============== Request Call ===============*/
.rightalign {text-align: right;}
.title1.rightalign {padding-left: 20px;}
.title1.rightalign > h2 {
    color: #ffffff;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.title1.rightalign > p {color: #ebebeb;}
.requestcall-form {
    float: left;
    width: 100%;
}
.requestcall-form > span {
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-bottom: 20px;
    position: relative;    
}
.requestcall-form > span::before {
    content: "*";
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: -5px;
}
.requestcall-form > form {
    float: left;
    width: 100%;
}
.requestcall-form > form > .row {margin: 0 -3px -6px;}
.requestcall-form > form > .row > div {padding: 0 3px 6px;}
.select2-container {
    float: left;
    width: 100% !important;
}
.requestcall-form form input, 
.requestcall-form .select2-selection {
    background: rgba(68, 67, 67, 0.8) none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #8f8f8f;
    font-size: 11px;
    height: 48px;
    padding-left: 35px;
    padding-right: 20px;
    width: 100%;
}
.requestcall-form .select2-container .select2-selection__rendered {
    color: #8f8f8f;
    font-family: montserrat;
    font-size: 11px;
    line-height: 48px;
}
.requestcall-form .select2-container .select2-selection__arrow {
    color: #8f8f8f;
    height: 100%;
    width: 60px;
}
.requestcall-form form .theme-btn {margin-top: 35px;}
/*=============== Team Details ===============*/
.team-detail {
    margin-left: 100px;
    width: calc(100% - 100px);
}
.team-detail .service-detail-img {
    margin-left: -100px;
    width: calc(100% + 100px);
}
.team-detail .service-detail-img > img {width: calc(100% - 120px);}
.team-detail .social-media.style2 {right: 120px;}
.team-detail .service-desc {
    margin-left: -30px;
    width: calc(100% + 30px);
}
.team-detail .service-desc > h1 {
    font-size: 36px;
    margin-bottom: 7px;
    margin-top: 0;
}
.team-detail .service-desc > span {
    font-size: 13px;
    letter-spacing: 1px;
}
.contact-info {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 35px;
    padding-left: 0;
    width: 100%;
}
.contact-info > li {
    color: #555555;
    float: left;
    font-size: 12px;
    margin-bottom: 20px;
    padding-left: 145px;
    position: relative;
    width: 100%;
}
.contact-info > li strong {
    color: #444444;
    font-family: poppins;
    font-size: 13px;
    font-weight: 500;
    left: 0;
    position: absolute;
}
.contact-info > li span {
    font-family: poppins;
    font-weight: 300;
}
.contact-info > li i {color: #979797;}
.contact-info > li a {color: inherit;}
.team-detail .social-media.style2.opend > span::before {background: #fcfcfc none repeat scroll 0 0;}
/*=============== Contact Us ===============*/
.contact-infolist {
    float: left;
    margin-left: 40px;
    margin-top: -57px;
    position: relative;
    width: calc(100% - 80px);
    z-index: 1;
}
.contact-infolist > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 75px 140px 75px 115px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.contact-infolist > ul::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.contact-infolist > ul li {
    color: #cacaca;
    float: left;
    font-size: 13px;
    line-height: 24px;
    margin-right: 40px;
    max-width: 30%;
    width: 100%;
}
.contact-infolist > ul li:last-child {margin-right: 0;}
.contact-infolist > ul li i {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-size: 25px;
    height: 60px;
    line-height: 60px;
    margin-right: 23px;
    text-align: center;
    width: 60px;
}
.contact-infolist > ul li strong {
    color: #ffffff;
    display: block;
    font-family: montserrat;
    font-size: 15px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.contact-infolist > ul li a {
    border-bottom: 1px solid;
    color: inherit;
}
.contactform {
    float: left;
    margin-bottom: 80px;
    margin-top: -10px;
    text-align: center;
    width: 100%;
}
.contactform > form {
    display: inline-block;
    max-width: 775px;
    width: 100%;
}
.contactform > form > .row {margin: 0 -2.5px;}
.contactform > form > .row > div {padding: 0 2.5px 5px;}
.contactform > form input, 
.contactform > form textarea {
    background: #fafafa none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #858585;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 53px;
    padding: 0 30px;
    width: 100%;
}
.contactform > form textarea {
    height: 210px;
    padding-top: 20px;
    resize: none;
}
.g-recaptcha {display: inline-block;}
.contactform > form button {
    display: inline-block;
    float: none;
    margin-top: 40px;
}
.contactform > form .loader {display: none;}
/*=============== Growth Chart ===============*/
.growth-chart {
    float: left;
    width: 100%;
}
.growth-chart > h3 {
    color: #2d3233;
    float: left;
    font-size: 20px;
    text-transform: uppercase;
}
.growth-chart .nav-tabs {
    border-bottom: 0 none;
    float: right;
}
.growth-chart .nav-tabs > li {
    color: #8d9b9f;
    float: left;
    font-family: arimo;
    font-size: 12px;
    margin-bottom: 0;
    margin-right: 10px;
}
.growth-chart .nav-tabs > li:last-child {margin-right: 0;}
.growth-chart .nav-tabs > li > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #9faaae;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: inherit;
    float: left;
    margin-right: 0;
    width: 100%;
}
.growth-chart .nav-tabs > li.active > a {color: #ffffff;}
.growth-chart .nav-tabs > li.active > a:hover, 
.growth-chart .nav-tabs > li.active > a:focus {
    border: 2px solid #9faaae;
    color: #ffffff;
}
.growth-tabs {
    float: left;
    margin-top: 40px;
    width: 100%;
}
/*=============== Looking ===============*/
.sec-ti {
    float: left;
    min-height: 435px;
    position: relative;
    text-align: center;
    width: 100%;
}
.sec-padd {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.sec-ti .padd {padding: 10px 10px 60px;}
.sec-padd::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.98;
    position: absolute;
    right: 0;
    top: 0;
}
.sec-padd > h4 {
    color: #ffffff;
    font-family: poppins;
    font-size: 42px;
    font-weight: 700;
    left: 50%;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transform-origin: center center 0;
    -moz-transform-origin: center center 0;
    -ms-transform-origin: center center 0;
    -o-transform-origin: center center 0;
    transform-origin: center center 0;
}
.lookingmain-content {
    float: left;
    width: 100%;
}
.lookingmain-content .sec-title1 {
    margin-left: -30px;
    width: calc(100% + 30px);
}
.looking-desc {
    float: left;
    padding-left: 35px;
    width: 100%;
}
.looking-desc > p {
    color: #666666;
    max-width: 90%;
}
.looking-desc > p span {
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    line-height: 45px;
    margin-bottom: 2px;
    margin-right: 18px;
    margin-top: 10px;
    text-align: center;
    width: 40px;
}
.lookingmain-content .remove-ext {
    margin-left: -30px;
    width: calc(100% + 30px);
}
.service-box {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.service-box > img {width: 100%;}
.service-info1 {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.service-info1 > i {
    float: left;
    font-size: 38px;
    margin-right: 17px;
}
.service-info1 > span {
    display: block;
    font-family: arimo;
    font-size: 13.16px;
    margin-bottom: 7px;
}
.service-info1 > h2 {
    color: #404040;
    font-weight: 400;
    font-size: 14.17px;
    text-transform: uppercase;
}
.service-info1 > h2 a {color: inherit;}
/*=============== Projects ===============*/
.title1.style5 > h2 {margin-bottom: 18px;}
.title1.style5.leftalign > i {
    color: #b5b5b5;
    font-family: arimo;
    font-size: 16px;
}
.title1.style5 {
    margin-bottom: 20px;
    max-width: 80%;
}
.projects-content > p {
    color: #4f4f4f;
    float: left;
    font-size: 15px;
    width: 100%;
}
.projects-content .theme-btn {margin-top: 55px;}
.projects-list {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 40px;
    position: relative;
    width: 100%;
}
.projects-list > li {
    cursor: pointer;
    float: left;
    position: relative;
}
.projects-list > li:first-child {margin-top: 180px;}
.projects-list > li:nth-child(2) {
    margin-left: 100px;
    margin-top: -438px;
}
.projects-list > li:last-child {
    float: right;
    margin-top: -320px;
}
.projects-list > li.active {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 1;
}
/*=============== Blog Detail ===============*/
.single-post {
    background: #fdfdfd none repeat scroll 0 0;
    float: left;
    margin-top: 35px;
    padding: 0 30px 30px;
    position: relative;
    width: 100%;
}
.single-post .recentnews-thumb {
    border-radius: 0;
    margin-top: -35px;
}
.single-post .recentnews-info {
    padding-left: 103px;
    position: relative;
}
.single-post .recentnews-info::before {
    background: #dddddd none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -30px;
    margin-top: -0.5px;
    position: absolute;
    top: 50%;
    width: 97px;
}
.single-post h1 {
    color: #555555;
    font-family: poppins;
    font-size: 22px;
    font-weight: 500;
}
.recentnews-info .post-meta {
    display: inline-block;
    margin-top: 25px;
}
.singlepost-detail {
    float: left;
    width: 100%;
}
.singlepost-detail > p {
    line-height: 28px;
    margin-top: 40px;
}
blockquote {
    border-left: 0 none;
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
    margin-top: 45px;
    padding: 55px 15%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
blockquote::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
/*===== Tags & Social =====*/
.tags-social {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.tagcloud {float: left;}
.tagcloud > span, 
.social-media2 > span {
    color: #555555;
    float: left;
    font-family: poppins;
    font-size: 14px;
    font-weight: 500;
    margin-right: 40px;
    margin-top: 15px;
}
.tagcloud > a {
    border: 2px solid #dddddd;
    color: #666666;
    float: left;
    font-family: arimo;
    font-size: 11px;
    line-height: 40px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0 18px;
}
.tagcloud > a:last-child {margin-right: 0;}
.tagcloud > a:hover {color: #ffffff;}
.social-media2 {float: right;}
.social-media2 > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.social-media2 > ul > li {
    color: #ffffff;
    float: left;
    font-size: 12px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.social-media2 > ul > li:last-child {margin-right: 0;}
.social-media2 > ul > li a {
    color: inherit;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}
.social-media2 > span {
    margin-right: 30px;
    margin-top: 11px;
}
/*===== Author & Comment Sec =====*/
.detail-sec {
    background: #fdfdfd none repeat scroll 0 0;
    float: left;
    margin-left: 30px;
    margin-top: 65px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-top: 30px;
    position: relative;
    width: calc(100% - 30px);
}
.detail-sec > img {
    float: left;
    margin-left: -30px;
}
.info-sec {
    float: left;
    margin-top: 40px;
    max-width: 75%;
    padding-left: 60px;
    width: 100%;
}
.info-sec > h2 {
    float: left;
    font-family: poppins;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.info-sec > h2 a {color: inherit;}
.info-sec .social-btns {
    float: right;
    margin-top: 0;
}
.info-sec .social-btns > li {
    font-size: 12px;
    margin-right: 15px;
    padding-right: 15px;
}
.info-sec .social-btns > li:hover > a {color: #333333;}
.info-sec .social-btns > li:before {height: 7px;}
.info-sec > p {
    border-top: 1px solid #ececec;
    color: #666666;
    float: left;
    font-size: 13px;
    margin-top: 11px;
    padding-top: 20px;
    width: 100%;
}
.info-sec .social-btns > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
/*===== Comment Sec =====*/
.comment-sec {
    float: left;
    margin-top: 75px;
    width: 100%;
}
.comment-sec ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: -10px;
    padding-left: 0;
    width: 100%;
}
.comment-sec ul ul {
    margin-top: 0;
    padding-left: 170px;
}
.comment-sec ul li {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.comment-sec ul .detail-sec {
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 40px;
    margin-top: 0;
    width: calc(100% - 40px);
}
.comment > img {margin-left: -40px;}
.comment .info-sec {margin-top: 20px;}
.comment .info-sec > h2 {font-size: 16px;}
.info-sec > span {
    float: left;
    font-family: poppins;
    font-size: 12px;
    font-weight: 500;
    margin-left: 20px;
    text-transform: uppercase;
}
/*===== Comment Reply =====*/
.comment-reply-link {
    background: #666666 none repeat scroll 0 0;
    color: #ffffff;
    font-family: poppins;
    font-size: 11px;
    font-weight: 500;
    padding: 14px 25px;
    position: absolute;
    right: 0;
    top: 0;
}
.comment-reply-link:hover {color: #fff;}
.comment-reply {
    float: left;
    margin-top: 65px;
    width: 100%;
}
.comment-form {
    margin-bottom: -5px;
    margin-top: 0;
    text-align: left;
}
.comment-form > form {max-width: 100%;}
.comment-form > form input, 
.comment-form > form textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.comment-form > form button {margin-top: 45px;}
/*=============== Sidebar ===============*/
.wpb_wrapper .widget {margin-bottom: 70px;}
.wpb_wrapper .widget:last-child {margin-bottom: 0;}
.wpb_wrapper .widget-title > h2 {color: #444444;}
.wpb_wrapper .widget-title {padding-left: 50px;}
.wpb_wrapper .menu-links > li {color: #666666;}
.wpb_wrapper .recentblogpost-list > li > h2 {color: #444444;}
.wpb_wrapper .recentblogpost-list > li > h2:before {background: #dddddd none repeat scroll 0 0;}
.cate-widget .menu-links > li {
    background: #fafafa none repeat scroll 0 0;
    font-size: 12px;
    margin-bottom: 2px;
    padding: 17px 25px 17px 30px;
}
.cate-widget .menu-links > li::before {display: none;}
.cate-widget .menu-links > li span {
    color: #999999;
    float: right;
    font-family: poppins;
    font-size: 11px;
    font-weight: 500;
    padding-left: 15px;
    position: relative;
}
.cate-widget .menu-links > li span::before {
    background: #c4c4c4 none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
}
.tags-widget .tagcloud > a {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.tags-widget .tagcloud {margin-bottom: -10px;}
/*=============== Slider Styling ===============*/
.s1-l2 > span {
    font-weight: 700 !important;
    text-transform: uppercase;
}
.s2-l1,
.s2-l2,
.s3-l1,
.s3-l4 {text-transform: uppercase;}
.s2-l1 > i {font-style: normal;}
.s3-l4 {border-bottom: 2px solid #6e7076;}
.creative-slider {
    float: left;
    position: relative;
    width: 100%;
}
.slider-cap {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.slider-cap > strong {
    color: #ffffff;
    font-family: montserrat;
    font-size: 20px;
    text-transform: uppercase;
}
.slider-cap > h2 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.slider-cap > p {
    color: #f6f6f6;
    display: inline-block;
    font-family: arimo;
    font-size: 16px;
    max-width: 550px;
}
.slider-cap > span {
    display: block;
    font-style: normal;
    margin-top: 20px;
}
.slider-cap > span > a {
    border-bottom: 2px solid #9c9ca0;
    color: #ffffff;
    display: inline-block;
    font-family: montserrat;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.slider-cap > span i {
    display: inline-block;
    font-size: 50px;
    margin-left: 15px;
    margin-top: 10px;
}
/*===== Boxed Layout =====*/
.theme-layout.boxed .logo-sec {max-width: 30%;}
.theme-layout.boxed .logo-sec::before {height: 120%;}
.theme-layout.boxed .work-with {max-width: 43%;}
.theme-layout.boxed .purchase-btn {max-width: 27%;}
.theme-layout.boxed .post-meta > li {margin-right: 20px;}
.theme-layout.boxed .post-meta > li:last-child {margin-right: 0;}

/*===== Search Not Found =====*/
.srch-fund {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.srch-fund > h4 {
    color: #161616;
    font-family: poppins;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px;
}
.srch-fund > i {
    color: #a2a1a1;
    font-size: 15px;
}
.srch-fnd-frm {
    float: left;
    margin-top: 40px;
    position: relative;
    width: 100%;
}
.srch-fnd-frm > input {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    float: left;
    font-size: 12px;
    font-style: italic;
    height: 55px;
    padding: 10px 40px;
    width: 100%;
}
.srch-fnd-frm > input:focus {font-style: normal;}
.srch-fnd-frm > button {
    background: #000 none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    bottom: 0;
    color: #fff;
    font-family: montserrat;
    font-size: 10px;
    padding: 0 45px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}
.srch-fnd-frm > button i {
    font-size: 13px;
    margin-right: 5px;
}
.srch-fnd-frm > button::before {
    border: 6px solid #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    bottom: -3px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -3px;
}
/*===== Blog List View =====*/
.recentnews.lst-view > .row {
    display: table;
    margin: 0;
}
.recentnews.lst-view > .row > div {
    display: table-cell;
    float: none;
    padding: 0;
    vertical-align: middle;
}
.recentnews.lst-view > .row > div.col-lg-5 {width: 40%;}
.recentnews.lst-view .recentnews-thumb {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.recentnews.lst-view .recentnews-thumb img {width: 100%;}
.recentnews.lst-view > .row > div.col-lg-7 {padding-left: 40px;}
.recentnews.lst-view .recentnews-info {margin-top: 0;}
.recentnews.lst-view .recentnews-info > h2 {
    font-family: poppins;
    font-size: 18px;
    font-weight: 600;
}
.recentnews.lst-view .recentnews-info > p {
    color: #818181;
    font-size: 15px;
    margin-top: 15px;
}
/*===== 404 Error Page =====*/
.error-page-wrp {
    float: left;
    padding-bottom: 100px;
    text-align: center;
    width: 100%;
}
.error-page-inner {
    display: inline-block;
    max-width: 795px;
    padding-left: 27%;
    position: relative;
    text-align: left;
    width: 100%;
}
.error-page-inner > strong {
    color: #dcdcdc;
    font-family: poppins;
    font-size: 120px;
    left: 0;
    letter-spacing: -0.2px;
    position: absolute;
}
.error-page-inner > strong::before {
    background: #d1d1d1 none repeat scroll 0 0;
    content: "";
    height: 29px;
    margin-top: -14.5px;
    position: absolute;
    right: -32px;
    top: 50%;
    width: 1px;
}
.error-page-inner > span {
    color: #404040;
    display: block;
    font-family: poppins;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.error-page-inner > p {
    color: #555;
    margin-top: 10px;
}
.error-page-inner > a {
    margin-top: 35px;
    padding: 17px 53px;
}
.error-page-wrp .srch-fnd-frm {
    display: inline-block;
    float: none;
    margin-top: 70px;
    max-width: 735px;
}
/*===== Coming Soon =====*/

.coming-soon-wrap {
    float: left;
    padding: 65px 0;
    text-align: right;
    width: 100%;
}
.coming-soon-inner {
    float: right;
    max-width: 740px;
    width: 100%;
}
.coming-soon-inner > h4 {
    color: #c2c2c2;
    font-size: 42px;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.coming-soon-inner > p {
    display: block;
    float: right;
    max-width: 65%;
}
ul.countdown {
    float: right;
    list-style: outside none none;
    margin: 30px 0 0;
    padding-left: 0;
    width: 100%;
}
.countdown li {
    display: inline-block;
    margin-left: 40px;
    text-align: center;
    text-transform: capitalize;
}
.countdown li span {
    color: #2c2c2c;
    display: block;
    font-family: poppins;
    font-size: 35px;
    font-weight: 700;
    margin-bottom: -4px;
}
.countdown li p {font-size: 12px;}
.coming-soon-inner .srch-fnd-frm {margin-top: 60px;}
.coming-soon-inner .srch-fnd-frm input {background: #fff none repeat scroll 0 0;}
.coming-soon-inner .srch-fnd-frm button::before {border-color: #f7f7f7;}
/*===== Portfolio Single =====*/

.portfolio-single {
    float: left;
    padding: 0 70px;
    width: 100%;
}
.portfolio-single-fea {
    float: left;
    position: relative;
    width: 100%;
}
.portfolio-single-fea > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.portfolio-single-fea > ul.portfolio-single-thmb-imgs {
    bottom: 55px;
    position: absolute;
    right: 50px;
    width: 430px;
    z-index: 1;
}
.portfolio-single-fea > ul.portfolio-single-thmb-imgs li {
    display: inline-block;
    margin: 0 5px;
}
.portfolio-single-fea > h1 {
    bottom: 20px;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    max-width: 445px;
    padding: 44px 50px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
}
.portfolio-single-fea > h1::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.portfolio-desc {
    float: left;
    margin-top: 25px;
    width: 100%;
}
.portfolio-desc > p {
    line-height: 28px;
    margin-top: 30px;
}
.portfolio-inf {
    float: left;
    list-style: outside none none;
    margin: 55px 0 0;
    padding-left: 0;
    width: 100%;
}
.portfolio-inf > li {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    margin-bottom: 20px;
    width: 100%;
}
.portfolio-inf > li:last-child {margin-bottom: 0;}
.portfolio-inf > li span {
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    width: 11%;
}
.portfolio-inf > li a {color: inherit;}
.social-icns {
    float: left;
    list-style: outside none none;
    margin: 45px 0 0;
    padding-left: 0;
}
.social-icns > li {
    color: #6c6b6b;
    display: inline-block;
    font-size: 16.52px;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.social-icns > li::before {
    background: #707070 none repeat scroll 0 0;
    content: "";
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.social-icns > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.social-icns > li:last-child::before {display: none;}
.social-icns > li a {color: inherit;}

.opng-time {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.opng-time > li {
    float: left;
    margin-bottom: 30px;
    margin-left: 75px;
    padding-left: 48px;
    position: relative;
}
.opng-time > li i {
    font-size: 30px;
    left: 0;
    position: absolute;
}
.opng-time > li strong {
    font-family: montserrat;
    font-size: 15px;
}
.opng-time > li span {
    display: block;
    font-family: montserrat;
    font-size: 13px;
}
.caption {display: none !important;}
.poptrox-popup {padding-bottom: 10px !important}

/*=============== Slider Styling ===============*/
.s1-l2 > span {
    font-weight: 700 !important;
    text-transform: uppercase;
}
.s2-l1,
.s2-l2,
.s3-l1,
.s3-l4 {text-transform: uppercase;}
.s2-l1 > i {font-style: normal;}
.s3-l4 {border-bottom: 2px solid #6e7076;}
.creative-slider {
    float: left;
    position: relative;
    width: 100%;
}
.slider-cap {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index:10;
}
.slider-cap > strong {
    color: #ffffff;
    font-family: montserrat;
    font-size: 20px;
    text-transform: uppercase;
}
.slider-cap > h2 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.slider-cap > p {
    color: #f6f6f6;
    display: inline-block;
    font-family: arimo;
    font-size: 16px;
    max-width: 550px;
}
.slider-cap > span {
    display: block;
    font-style: normal;
    margin-top: 20px;
}
.slider-cap > span > a {
    border-bottom: 2px solid #9c9ca0;
    color: #ffffff;
    display: inline-block;
    font-family: montserrat;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.slider-cap > span i {
    display: inline-block;
    font-size: 50px;
    margin-left: 15px;
    margin-top: 10px;
}
/*===== Boxed Layout =====*/
.theme-layout.boxed .logo-sec {max-width: 30%;}
.theme-layout.boxed .logo-sec::before {height: 120%;}
.theme-layout.boxed .work-with {max-width: 43%;}
.theme-layout.boxed .purchase-btn {max-width: 27%;}
.theme-layout.boxed .post-meta > li {margin-right: 20px;}
.theme-layout.boxed .post-meta > li:last-child {margin-right: 0;}

/*--- New Features ---*/
/*--- featured top video post ---*/
.bv-video-wrap::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.bv-video {
  width: 100%;
  height: 400px;
  position:relative;
}
.text-caro {
    float: left;
    width: 100%;
    position:relative;
}
.unit-text-caro {
    float: left;
    position: relative;
    width: 100%;
}
.unit-text-caro:before{
    content:'';
    background:rgba(0,0,0,.6);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;  
} 
/*--- header less height ---*/
.menu-wrapper.less-height .logo > a {
    margin: 10px 0;
}
.menu-wrapper.less-height .menu-search-sec nav > ul > li {
    line-height: 7;
}
.menu-wrapper.less-height nav .search-btn {
    margin-top: 20px;
}
/*--- Hero image ---*/
.hero-image {
    float: left;
    width: 100%;
}
.hero-image > img {
    float: left;
    width: 100%;
}
.hireand-progress > div {min-height: 572px;}
.col-lg-4 .post-meta2 {padding-left: 44px;}
/*===== Sign Up Popup =====*/
.signup-popup-wrap {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.signup-popup-wrap.active {
    opacity: 1;
    visibility: visible;
}
.signup-popup-inner {
    left: 50%;
    max-width: 670px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(.7);
    -moz-transform: translate(-50%, -50%) scale(.7);
    -ms-transform: translate(-50%, -50%) scale(.7);
    -o-transform: translate(-50%, -50%) scale(.7);
    transform: translate(-50%, -50%) scale(.7);
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.signup-popup-wrap.active .signup-popup-inner {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.signup-popup-inner::before, 
.signup-popup-inner::after {
    background: #d2973b none repeat scroll 0 0;
    content: "";
    height: 10px;
    left: 20px;
    opacity: 0.7;
    position: absolute;
    right: 20px;
}
.signup-popup-inner::before {top: -10px;}
.signup-popup-inner::after {bottom: -10px;}
.sign-form {
    float: left;
    padding: 70px 235px 70px 65px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.sign-form::before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.95;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.sign-form > img {
    bottom: 0;
    position: absolute;
    right: 38px;
}
.popup-title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.popup-title > h4 {
    color: #222;
    font-family: montserrat;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.popup-title > span {font-size: 11px;}
.sign-form > form {
    float: left;
    width: 100%;
}
.sign-form > form > .row {margin: 0 -5px;}
.sign-form > form > .row > div {padding: 0 5px;}
.sign-form > form input {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #888;
    float: left;
    font-family: arimo;
    font-size: 11px;
    height: 55px;
    margin-bottom: 10px;
    padding: 10px 30px;
    width: 100%;
}
.sign-form > form button {
    border: 0 none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-top: 10px;
    padding: 18px 40px 16px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
}
.sign-close-btn {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 30px;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    width: 30px;
    z-index: 2;
}

/*===== Page Loaders =====*/
.pageloader {
    background:rgba(255, 255, 255, 0.94);
    height: 100%;
    width: 100%;
    z-index: 10000000;
    position: fixed;
    left: 0;
    top: 0;
}
.cssload-box-loading {
    width: 49px;
    height: 49px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cssload-box-loading:before {
    content: '';
    width: 49px;
    height: 5px;
    background: rgb(0,0,0);
    opacity: 0.1;
    position: absolute;
    top: 58px;
    left: 0;
    border-radius: 50%;
    animation: shadow 0.58s linear infinite;
    -o-animation: shadow 0.58s linear infinite;
    -ms-animation: shadow 0.58s linear infinite;
    -webkit-animation: shadow 0.58s linear infinite;
    -moz-animation: shadow 0.58s linear infinite;
}
.cssload-box-loading:after {
    content: '';
    width: 49px;
    height: 49px;
    background: rgb(26,54,104);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    animation: cssload-animate 0.58s linear infinite;
    -o-animation: cssload-animate 0.58s linear infinite;
    -ms-animation: cssload-animate 0.58s linear infinite;
    -webkit-animation: cssload-animate 0.58s linear infinite;
    -moz-animation: cssload-animate 0.58s linear infinite;
}



@keyframes cssload-animate {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 39px;
    }
    75% {
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        transform: translateY(0) rotate(90deg);
    }
}

@-o-keyframes cssload-animate {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -o-transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 39px;
    }
    75% {
        -o-transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -o-transform: translateY(0) rotate(90deg);
    }
}

@-ms-keyframes cssload-animate {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -ms-transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 39px;
    }
    75% {
        -ms-transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -ms-transform: translateY(0) rotate(90deg);
    }
}

@-webkit-keyframes cssload-animate {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 39px;
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
    }
}

@-moz-keyframes cssload-animate {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -moz-transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
        border-bottom-right-radius: 39px;
    }
    75% {
        -moz-transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
    }
}

@keyframes shadow {
    0%,
    100% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1);
    }
}

@-o-keyframes shadow {
    0%,
    100% {
        -o-transform: scale(1, 1);
    }
    50% {
        -o-transform: scale(1.2, 1);
    }
}

@-ms-keyframes shadow {
    0%,
    100% {
        -ms-transform: scale(1, 1);
    }
    50% {
        -ms-transform: scale(1.2, 1);
    }
}

@-webkit-keyframes shadow {
    0%,
    100% {
        -webkit-transform: scale(1, 1);
    }
    50% {
        -webkit-transform: scale(1.2, 1);
    }
}

@-moz-keyframes shadow {
    0%,
    100% {
        -moz-transform: scale(1, 1);
    }
    50% {
        -moz-transform: scale(1.2, 1);
    }
}