/*

[Master Stylesheet]

Project Name:   Negotium List (WordPress)
Last Changes:   27-11-17
Assign To:      Mr.Aizaz

===================== 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
=============================================================*/
/*=============== General Styling ===============*/
html, 
body {overflow-x:hidden;}
body {
    float:left;
    width:100%;
    font-family:lato;
    letter-spacing:0.3px;
}
h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: open sans;
    font-weight: 600;
    margin: 0;
}
p {
    color: #555555;
    font-family: lato;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 0;
}
ul li,
ol li {
    font-family:lato;
    color:#666666;
}
a:hover,
a:focus {
    text-decoration:none;
    outline:none;
    color:unset;
}
:focus {outline: none !important;}
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 .container,
.container {padding:0;}
.block {
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%;
}
.block2{
    position:relative;
    width: 100%;
    margin:0 !important;
    float:left; 
}
.block.extra-toppadd {padding-top: 160px;}
.block.extra-bottompadd {padding-bottom: 160px;}
.block.less-spacing {padding:40px 0}
.block.remove-gap {padding-top:0;}
.block.no-padding {padding:0;}
.block.remove-bottom {padding-bottom:0;}
.block.gray,
.gray {background-color:#f6f6f6;}
.drk-blu {background-color:#0a0623;}
.drk-blu2 {background-color:#1c163b !important;}
.overlap2 {
    margin-top: -64px !important;
    float:left;
    width:100%;
}
.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 Options =====*/
.parallax,
.fixed-bg,
.fixed-bg2 {
    height:100%;
    width:100%;
    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: #f6f6f6;}
.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%;}
/*===== Parallax Options End =====*/
iframe {
    border:0;
    width:100%;
    float:left;
}
img{
    max-width:100%;
    height:auto;    
}
/*=============== Cross Browser Compatibility ===============*/
.social-links,
.widget ul > li,
.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,
.error-page-inner > a,
.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,
.widget ul > li > a,
.widget ul > 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,
.post-password-form p > input,
.projects-list > li img,
a,
.simple-blog-carousel .owl-nav > div,
.simple-blog-carousel .owl-dots > div,
button,
input,
.gallery-info,
.lft-nv > ul > li::before,
.hstry-dta > ul.hstry-nv li,
.hstry-nv > button,
header,
.responsive-header .topbar-contact > li,
.responsive-header .topbar-contact > li i,
.logomenu-sec,
.social-links > li,
.options-list > li:before,
.options-list > li:after,
.footer-tabs .nav-tabs > li > a:before,
.single-link,
.responsive-menu,
.logomenu-bar,
.owl-nav > div,
.owl-dots > div,
:before,
:after
{
    -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;
}

.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,
.simple-blog-carousel .owl-dots > div,
.chooseus-opt > i
{
    -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,
.post-date,
div.date,
.comment-sec ul .detail-sec,
.responsviemenu-btn,
.error-page-inner > a,
.hstry-nv > button,
.lft-nv,
.gt-btns > a
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
/*=============== Header Style 1 ===============*/
header {
    float: left;
    width: 100%;
    z-index: 99999;
    position:relative;
}
/*===== 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;
    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: 8px;
}
.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;
}
.top-bar ul.social-links {
    left: 100%;
    right: auto;
    width: 700px;
    position: absolute;
}
.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}
a.digg{background:#005be2;}
a.digg-color{color:#005be2;}
a.reddit{background:#ff4500;}

a.stumbleupon{background:#f74425;}
a.tumblr{background:#35465c;}
a.email{background:#333;}

a.reddit-color{color:#ff4500;}
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 a {color: inherit;}
.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;
}
.topbar-sitemap > li > a {
    color: inherit;
    float: left;
    padding: 0 26px;
}
.topbar-sitemap > li:nth-child(2n) > a {background: rgba(0,0,0,.3);}
.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;
}
.logo span {
    float: left;
    font-family: lato;
    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;
    min-height: 64px;
    position: relative;
    width: 100%;
    z-index: 2;
}
.menu-search-sec {
    float: left;
    padding: 0 66px;
    width: 100%;
}
.menu-wrapper {
    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.05);
    -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.05);
    -ms-box-shadow: 0px 5px 5px rgba(0,0,0,.05);
    -o-box-shadow: 0px 5px 5px rgba(0,0,0,.05);
    box-shadow: 0px 5px 5px rgba(0,0,0,.05);
    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: 25px;
    padding-right: 12px;
    position: relative;
}
.menu-item-has-children::after,
.page_item_has_children::after {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 0px;
    top: 0;
}
.sticky .menu-item-has-children:after,
.sticky .page_item_has_children:after{right:15px;}
.sub-menu .menu-item-has-children::after,
.children .page_item_has_children::after {
    content: "\f105";
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
header.style1 nav > ul > li.menu-item-has-children::after, 
header.style1 nav > ul > li.page_item_has_children::after,
header.style2 nav > ul > li.menu-item-has-children::after, 
header.style2 nav > ul > li.page_item_has_children::after {right: 20px;}
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;
    padding-right: 40px;
    margin-right: 30px;
}
header.style2 nav > ul > li {
    padding-right: 40px;
    margin-right: 30px;
}
header.style2 nav > ul > li:last-child,
header.style1 nav > ul > li:last-child {
    padding-right: 0;
    margin-right: 0;
}
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,
nav ul li.page_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: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;
    overflow: initial;
    padding: 0;
    position: relative;
    z-index: 1;
}
.logomenu-sec .logo {
    display: table-cell;
    float: unset;
    text-align: left;
    width: 26.8%;
}
.logomenu-sec .menu-search-sec {
    display: table-cell;
    float: unset;
    padding: 0;
    vertical-align: top;
    width: 69%;
}
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: #444444;
    line-height: 135px;
}
.logomenu-sec .container {display: table;}
header.style2 .logo > a {margin: 39px 0;}
.logomenu-sec .search-btn {
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    color: #646464;
    cursor: pointer;
    float: right;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    margin-left: 50px;
    margin-top: 50px;
    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,
.search-form {
    float: left;
    position: relative;
    width: 100%;
}
.logomenu-sec .header-search > form input,
.search-form input {
    background: #fdfdfd none repeat scroll 0 0;
    border: 0 none;
    float: left;
    padding: 10px 20px;
    width: 100%;
}
.search-form input{border:1px solid #ddd;}
.logomenu-sec .header-search > form button,
.search-form .search-submit {
    background: #dcdcdc none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    height: 100%;
    position: absolute;
    right: 0;
    width: 40px;
}
.search-form .search-submit {
    height: 42px;
    padding: 8px;
    width: 68px;
}
.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: 220px;
    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,
nav ul li.page_item_has_children:hover > ul {
    opacity: 1;
    visibility: visible;
}
nav ul ul li.menu-item-has-children:hover > i,
nav ul ul li.page_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 {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 20px rgba(0,0,0,.1);
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    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 {
    height: auto !important;
    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,
.logomenu-sec.stick nav > div > ul {width: auto;}
.logomenu-sec.stick nav > ul > li,
.logomenu-sec.stick nav > div > ul > li {
    color: #444444;
    margin-right: 20px;
    padding-right: 30px;
}
.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% - 80px);
}
.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;
    right: -310px;
    opacity: 0;
    padding: 90px 30px 30px;
    position: fixed;
    visibility: hidden;
    text-align: center;
    top: 0;
    z-index: 999;
    width: 310px;
}
.responsive-menu.slidein {
    opacity: 1;
    visibility: visible;
    right: 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 li.menu-item-has-children:after {top: 17px;}
.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: montserrat;
    font-size: 14px;
    width: 100%;
}
.title1 > h2 {
    color: #404040;
    font-family: montserrat;
    float: left;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 25px;
    margin-top: 8px;
    width: 100%;
}
.title1.style1 > p {max-width: 90%;}
.title1.style1 > span {font-size: 13px;}
.title1 > span i {
    color: #1c163b;
    font-size: 18px;
    margin-right: 5px;
}
.title1.style1 > h2 {
    font-size: 24px;
    margin-bottom: 10px;
}
.title1 > p {float: left;}
.centeralign {text-align: center;}
.blackish .title1 > span i,
.col-md-offset-1 .title1 > span i {color: #ffffff;}
/*=============== 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;
    line-height: 30px;
    position: relative;
}
.title1.style3 > span {font-size: 12.5px;}
.title1.style3 > p {max-width: 90%;}
/*=============== Title 1 Style 4 ===============*/
.title1.style4 {
    float: left;
    max-width: 100%;
    padding: 72px 110px;
    width: 100%;
}
.title1.style4 > h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    max-width: 80%;
    padding-bottom: 17px;
    position: relative;
}
.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: montserrat;
    font-size: 13px;
    letter-spacing: 0.4px;
}
.title2 > h2 {
    color: #fef9f9;
    font-family: montserrat;
    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: montserrat;
    font-size: 13px;
    letter-spacing: 0.4px;
}
.vertical-title > h2 {
    color: #ffffff;
    font-family: montserrat;
    float: left;
    font-size: 26px;
    margin-top: 18px;
    width: 100%;
}
/*=============== Sec Title 1 ===============*/
.sec-title1 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.sec-title1 > span {
    color: #7d7d7d;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    width: 100%;
}
.sec-title1 > h2 {
    font-family: montserrat;
    font-size: 20px;
    line-height: 30px;
}
.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-family: montserrat;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}
.sec-title2 > span {
    font-family: montserrat;
    font-size: 25px;
    font-weight: 700;
}
.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;
}
.sec-title3 > p {
    color: #666666;
    font-size: 13px;
    line-height: 24px;
    margin-top: 5px;
}
/*=============== Theme Btn ===============*/
.theme-btn,
.error-page-inner > a {
    background: #333333 none repeat scroll 0 0;
    border: 2px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-top: 35px;
    padding: 14px 40px 13px;
    position: relative;
}
.theme-btn:hover,
.error-page-inner > a:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
.theme-btn:focus,
.error-page-inner > a:focus {color: #fff;}
/*=============== 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 {
    border-left: 1px dashed #959595;
    content: "";
    height: 97px;
    left: -15.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;
}
.why-chooseus > .row > div > div:first-child .chooseus-opt::before {display: none;}
.chooseus-opt > i {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #363636;
    display: inline-block;
    font-size: 45px;
    height: 92px;
    line-height: 92px;
    width: 92px;
}
.chooseus-opt > i img {margin-top: -15px;}
.chooseus-opt > span {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 20px;
    width: 100%;
}
.chooseus-opt > h2 {
    color: #454545;
    float: left;
    font-size: 17px;
    font-weight: 700;
    margin: 7px 0 15px;
    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: -1px -9px -1px -43px;
    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: 60px 30px 40px;
}
.why-chooseus.style2 .chooseus-opt::before {display: none;}
.why-chooseus.style2 .chooseus-opt > i {
    background-color: transparent;
    font-size: 36px;
    height: initial;
    line-height: initial;
    width: initial;
}
.why-chooseus.style2 .chooseus-opt > span {margin-top: 20px;}
.why-chooseus.style2 .chooseus-opt > h2 {
    font-size: 14px;
    margin-top: 8px;
}
.why-chooseus.style2.gray-bg .chooseus-opt {background: #f6f6f6 none repeat scroll 0 0;}
/*=============== Why Choose Us Style 3 ===============*/
.style3 .chooseus-opt {
    -webkit-border-radius: 3px;
    -moz-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;
    border-left: 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-family: montserrat;
    font-size: 18px;
    margin-top: 21px;
}
.chooseusopt-info > h2 a {color: inherit;}
.chooseusopt-info > span {
    color: #ffffff;
    display: block;
    font-family: lato;
    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;
    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 {
    list-style: outside none none;
    margin: -1px -.5px 0;
    padding: 0 10px 0 0;
    display: table;
}
.servicestyl1-list > li {padding: 1px .5px 0;}
.service {
    background-color: #ffffff;
    float: left;
    padding: 50px 25px 35px;
    text-align: center;
    width: 100%;
}
.service i {
    display: inline-block;
    font-size: 52px;
    height: 58px;
}
.service img {display: inline-block;}
.service h2 {
    color: #404040;
    float: left;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px;
    width: 100%;
}
.service h2 a {color: inherit;}
.service span {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    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 {
    float: none;
    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: -10%;
    position: absolute;
    top: 50%;
    width: 120%;
}
.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: 45px 40px;
    position: relative;
    width: 100%;
}
.services.style3 .row > div > div:first-child,
.services.style3 .row > div > div:nth-child(2),
.services.style3 .row > div > div:nth-child(3) {border-top: 1px solid #e6e6e6;}
.services.style3 .row > div > div.col-lg-3 .service-box2 {min-height: 248px;}
.services.style3 .row > div > div {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    margin-left: -1px;
}
.service-box2 > i {
    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: montserrat;
    font-size: 13.16px;
    margin-top: 25px;
    width: 100%;
}
.service-box2 h2 {
    color: #404040;
    font-family: montserrat;
    float: left;
    font-size: 14.17px;
    font-weight: 400;
    margin-top: 7px;
    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;}
.service-front {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 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: 0;
    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%);
}
.col-lg-3 .service-box2:hover > i {
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}
.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: #1c163b none repeat scroll 0 0;
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 55px 140px 45px;
    width: 100%;
}
.funfacts-list > li {
    display: inline-block;
    margin: 0 -2px;
    width: 33.334%;
    padding: 0 30px;
    position: relative;
    text-align: left;
}
.funfacts-list > li + li::before {
    border-left: 1px solid #8bc0f2;
    content: "";
    height: 60px;
    left: -20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(20deg);
    -moz-transform: translateY(-50%) rotate(20deg);
    -ms-transform: translateY(-50%) rotate(20deg);
    -o-transform: translateY(-50%) rotate(20deg);
    transform: translateY(-50%) rotate(20deg);
    width: 1px;
}
.funfact {
    float: left;
    width: 100%;
}
.funfact > h4 {
    color: #ffffff;
    font-family: montserrat;
    float: left;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 6px;
    width: 100%;
}
.funfact > h4 > small {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
}
.funfact > span {
    color: #ffffff;
    float: left;
    font-weight: 700;
    font-family: open sans;
    font-size: 15px;
    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;
}
.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.8;}
.gallery1 > img {width: 100%; float: left; height: auto; }
.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;
    -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%;
    height: auto;
}
.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: #f6f6f6 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: 16px;
    font-weight: 700;
    margin: 0;
}
.member-info > h2 a {color: inherit;}
.member-info > span {
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-top: 7px;
    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 {
    background-color: #1c163b;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
}
.social-media.style2 > span::before {
    background-color: #1c163b;
    -webkit-border-radius: 0;
    -moz-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: 350px;
    padding: 68px 10px 68px 70px;
    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: 750px;
    padding: 65px 40px 65px 0;
    width: 100%;
}
.work-with > i {
    background: #dbfb2c none repeat scroll 0 0;
    color: #060606;
    float: left;
    font-size: 50px;
    margin-right: 80px;
    padding: 0 50px;
    position: relative;
}
.work-with > i::after {
    background: inherit;
    bottom: -81px;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: -65px;
    z-index: -1;
}
.work-with > h2 {
    margin-top: 0;
    font-size: 26px;
    font-weight: 800;
}
.work-with > span {
    color: #ababab;
    float: left;
    font-family: montserrat;
    font-size: 15px;
    margin-top: 4px;
}
.purchase-btn {
    float: left;
    padding: 64px 10px;
}
.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;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    width: 100%;
}
.recent-news > img {
    position: relative;
    width: 100%;
}
.recent-info {
    float: left;
    padding: 30px 20px 0;
    width: 100%;
}
.recent-info > h2 {
    color: #444444;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px;
    max-width: 90%;
    width: 100%;
}
.recent-info > h2 a {color: inherit;}
.post-meta {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 0;
}
.post-meta > li {
    color: #808080;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-right: 40px;
}
.post-meta > li:last-child {margin-right: 0;}
.post-meta > li a {color: inherit;}
.post-meta > li i {margin-right: 3px;}
/*=============== Recent News Style 2 ===============*/
.recentnews {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.recentnews-thumb {
    -webkit-border-radius: 3px;
    -moz-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%;
}
div.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;
    width: 100%;
}
.custom-list-view .date > a {
    color: #fff;
}
div.date > a > strong,
div.date > strong {
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
}
div.date > a > i,
div.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-family: montserrat;
    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: #f6f6f6 none repeat scroll 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #808080;
    float: left;
    font-family: montserrat;
    font-size: 10px;
    margin-right: 4px;
    padding: 13px 30px;
}
.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;
    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;
}
.newsletter > strong span {
    float: left;
    font-family: lato;
    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;
    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: lato;
    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;
    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;
}
.footer-main .social-btns {
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 35px;
    padding-left: 0;
}
.footer-main .social-btns > li {
    color: #ffffff;
    float: none;
    display: inline-block;
    font-size: 16.5px;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
    width: auto;
}
.footer-main .social-btns > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.footer-main .social-btns > li::before {
    background: #707070 none repeat scroll 0 0;
    content: "";
    height: 8px;
    position: absolute;
    left: auto;
    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;    
}
.footer-main .social-btns > li:last-child::before {display: none;}
.footer-main  .social-btns > li a {color: inherit;}
.widget-title {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.widget-title > h2 {
    color: #444;
    font-size: 18px;
    font-weight: 700;
}
footer .widget-title > h2 {color: #f6f6f6;}
footer .widget ul > li {color: #fff;}
.widget-title > span {
    color: #666666;
    float: left;
    font-family: montserrat;
    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: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
    -webkit-border-radius: 3px;
    -moz-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: open sans;
    font-size: 13px;
    font-weight: 700;
    margin-top: 5px;
}
.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;
    padding-left: 0;
    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: lato;
}
.contactus-widget ul > li > a {
    border-bottom: 1px solid;
    color: #cbcbcb;
    float: left;
    font-size: 13px;
    margin-top: 5px;
}
/*===== Quick Links Widget =====*/
.widget ul {
    float: left;
    list-style: outside none none;
    margin-top: 20px;
    padding-left: 0;
    width: 100%;
}
.menu-links > li,
.widget ul > li {
    color: #666666;
    float: left;
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}
footer .menu-links > li,
footer .widget ul > li {color: #ffffff;}
.widget ul > li,
.widget ul > li > a,
.menu-links > li > a {color: #666;}
.menu-links > li::before,
.widget ul > li:before {
    content: "\f105";
    left: 0;
    position: absolute;
    top: -1px;
    color: #999;
    font-family: fontawesome;
}
footer .menu-links > li > a,
footer .widget ul > li > a {color: #999;}
.menu-links > li:last-child,
.widget ul > li:last-child {margin-bottom: 0;}
/*===== Recent Blog Widget =====*/
footer .recentblogpost-list > li {
    float: left;
    margin-bottom: 35px;
    padding-left: 30px;
    position: relative;
    width: 100%;
}
.recentblogpost-list > li > h2 {
    color: #f7f7f7;
    font-family: open sans;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .3px;
}
.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-family: poppins;
    font-size: 12px;
}
/*===== Flickr Widget =====*/
.flicker-widget .widget-data {margin-bottom: -10px;}
.flicker-widget .row {margin: 0 -5px;}
.flicker-widget .row > div > 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 {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-main .menu-links > li > a, 
.footer-main .widget ul > li > a{
    color:#fff;
}
.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 .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;
}
.footer-tabs .nav-tabs > li > a span {
    color: #8c8c8c;
    display: block;
    font-family: montserrat;
    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;
    min-height: 389px;
    padding: 65px 70px 55px;
    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;
}
.whoweare .title1 > p {
    font-size: 15px;
    line-height: 28px;
    margin-top: 23px;
    max-width: 100%;
}
/*=============== Helping Small Business ===============*/
.helpingsmall-business-img{float:left; width: 100%;}
.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: lato;
    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;
}
.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-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;
    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;
    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: #f6f6f6 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.prev: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.prev {padding-right: 15px;}
.pagination li.next {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: 99.6px;
    position: relative;
    width: 100%;
    z-index: 1;
    min-height:572px;
}
.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;
    height: 198px;
    position: relative;
    overflow-x: hidden !important;
    overflow-y: auto;
    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: 62px;
    resize: none;
}
.hire-progress form button {
    margin-top: 43px;
    padding: 17px 25px 15px;
    width: 100%;
}
.progress-chart {
    float: left;
    max-width: 55%;
    padding: 100px 90px 100px 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: lato;
    font-size: 12px;
}
.service-desc > h1 {
    font-size: 24px;
    margin-top: 7px;
}
.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;
}
.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 .chosen-container {
    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 .chosen-container {
    width: 100% !important;
    padding: 0;
}
.requestcall-form .chosen-container > a {
    color: #8f8f8f;
    font-family: montserrat;
    font-size: 11px;
    line-height: 48px;
    display: inline-block;
    background: transparent;
    border: 0;
    height: initial;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 0 20px 0 30px;
}
.requestcall-form .chosen-container-single .chosen-single div b {background-position: 0 15px;}
.requestcall-form .chosen-container-single .chosen-single div {right: 15px;}
.requestcall-form .chosen-container-active.chosen-with-drop .chosen-single {
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: 0;
}
.requestcall-form .chosen-container .chosen-drop {
  background: rgba(68, 67, 67, 0.8);
  border: 0;
}
.requestcall-form .chosen-container .chosen-results {
  color: #8f8f8f;
}
.requestcall-form .chosen-container .chosen-results li {
  color: inherit;
  padding: 10px 20px;
}
.requestcall-form .chosen-container .chosen-results li.highlighted,
.requestcall-form .chosen-container .chosen-results li.result-selected {color: #ffffff;}
.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;
}
.contact-infolist > ul li a {
    border-bottom: 1px solid;
    color: inherit;
}
.contactform,
.contact-form {
    float: left;
    margin-bottom: 80px;
    margin-top: -10px;
    text-align: center;
    width: 100%;
}
.contactform > form,
.contact-form > form,
.contact-form .form-message {
    display: inline-block;
    max-width: 775px;
    width: 100%;
}
.contact-form .form-message {
    float: none !important;
    margin: 0 auto;
}
.contactform > form > .row,
.contact-form > form > .row {margin: 0 -2.5px;}
.contactform > form > .row > div,
.contact-form > form > .row > div {padding: 0 2.5px 5px;}
.contactform > form input, 
.contactform > form textarea,
.contact-form > form input, 
.contact-form > form textarea {
    background: #f6f6f6 none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #858585;
    float: left;
    font-family: lato;
    font-size: 11px;
    height: 53px;
    padding: 0 30px;
    width: 100%;
}
.contactform > form textarea,
.contact-form > form textarea {
    height: 210px;
    padding-top: 20px;
    resize: none;
}
.g-recaptcha {display: inline-block;}
.contactform > form button,
.contact-form > form button {
    display: inline-block;
    float: none;
    margin-top: 40px;
}
.contactform > form .loader,
.contact-form > form .loader {display: none;}
/*=============== Growth Chart ===============*/
.growth-chart {
    float: left;
    width: 100%;
}
.growth-chart > h3 {
    color: #2d3233;
    float: left;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
}
.growth-chart .nav-tabs {
    border-bottom: 0 none;
    float: right;
}
.growth-chart .nav-tabs > li {
    color: #8d9b9f;
    float: left;
    font-family: montserrat;
    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;
    border-radius: 3px;
    color: inherit;
    float: left;
    margin-right: 0;
    padding: 10px 23px;
    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;}
.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;
    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;
    line-height: 28px;
    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: montserrat;
    font-size: 13.16px;
    margin-bottom: 7px;
}
.service-info1 > h2 {
    color: #404040;
    display: table;
    font-family: montserrat;
    font-weight: 400;
    font-size: 14.17px;
    margin: 5px 0 0;
}
.service-info1 > h2 a {color: inherit;}
/*=============== Projects ===============*/
.title1.style5 > h2 {margin-bottom: 18px;}
.title1.style5.leftalign > i {
    color: #b5b5b5;
    font-family: lato;
    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 ===============*/
div.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;
    word-wrap: break-word;
}
.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 > p {
    color: #ffffff;
    float: left;
    font-family: poppins;
    font-size: 16px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
    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: montserrat;
    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);
}
.gray .detail-sec {background-color: #fff;}
.detail-sec > img {
    float: left;
    margin-left: -30px;
}
.info-sec {
    float: left;
    margin-top: 40px;
    max-width: 79%;
    padding-left: 60px;
    width: 100%;
}
.comment .info-sec {
    display: table;
    max-width: initial;
    width: auto;
    float: none;
}

.info-sec > h2 {
    float: left;
    font-family: poppins;
    font-size: 18px;
    font-weight: 600;
}
.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%;
    word-wrap: break-word;
}
.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: 65px;
    margin-top: -10px;
    padding-left: 0;
    width: 100%;
}
.comment-sec ul ul {
    margin: 0;
    padding-left: 50px;
}
.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;
    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;
}
/*===== 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: 30px;
    top: 30px;
}
.comment-reply-link:hover {color: #fff;}
.comment-reply {
    float: left;
    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;
    border-radius: 0;
}
.comment-form > form button {margin-top: 45px;}
/*=============== Sidebar ===============*/
.wpb_wrapper .widget,
.widget {margin-bottom: 70px;}
.wpb_wrapper .widget:last-child,
.widget:last-child {margin-bottom: 0;}
.wpb_wrapper .widget-title > h2,
.page-top ~ section .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,
section .recentblogpost-list > li > h2 {color: #444444;}
.wpb_wrapper .recentblogpost-list > li > h2:before,
section .recentblogpost-list > li > h2:before {background: #dddddd none repeat scroll 0 0;}
.cate-widget .menu-links > li,
.widget_categories ul > li {
    background: #f6f6f6 none repeat scroll 0 0;
    font-size: 12px;
    margin-bottom: 2px;
    padding: 17px 25px 17px 30px;
    text-align: right;
}
.widget_categories ul > li > a {float: left;}
.cate-widget .menu-links > li::before,
.widget_categories ul > li::before {display: none;}
.cate-widget .menu-links > li span,
.widget_categories ul > 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,
.widget_categories ul > 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 ===============*/
.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;
}
.slider-cap > h2 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 5px;
}
.slider-cap > p {
    color: #f6f6f6;
    display: inline-block;
    font-family: lato;
    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;
}
.slider-cap > span i {
    display: inline-block;
    font-size: 50px;
    margin-left: 15px;
    margin-top: 10px;
}
.recentblogpost-list > li::before,
.widget-data > ul > li:before {display: none;}
#message {
    float: left;
    width: 100%;
}
#success_page > h1 {font-size: 20px;}
.error-404 {
    float: left;
    padding: 100px 0;
    text-align: center;
    width: 100%;
}
.error-404 > i {
    color: red;
    font-size: 50px;
}
.error-404 > h1 {
    font-family: inherit;
    font-size: 150px;
}
.error-message {
    float: left;
    font-family: inherit;
    font-size: 50px;
    padding-top: 20px;
    width: 100%;
}
.error-404 .btn.btn-primary.btn-lg {
    display: inline-block;
    margin-top: 50px;
}
.service-info i.no-icon-img {line-height: 98px;}
.wpb_revslider_element {margin-bottom: 0 !important;}
body.single-post {
    background: transparent;
    margin: 0;
    padding: 0;
}
/*===== Theme Test Unit =====*/
.singlepost-detail table {
    margin: 20px 0 0;
    width: 100%;
}
.singlepost-detail table th, 
.singlepost-detail table td {
    border: 1px solid #ddd;
    padding: 5px 15px;
}
.gallery,
.wp-caption-text,
.wp-caption,
.bypostauthor {margin-bottom: 1.5em;}
.gallery .gallery-item {
    float: none;
    display: inline-block;
    margin-bottom: 40px;
    padding: 0 5px;
    vertical-align: top;
    width: 100%;
}
.gallery-item img {width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {
    color: #222;
    font-family: montserrat;
    margin-top: 10px;
    display: block;
}
.gallery-columns-1 figcaption {font-size: 22px;}
.gallery-columns-2 figcaption {font-size: 18px;}
.gallery-columns-3 figcaption {font-size: 16px;}
.gallery-columns-4 figcaption {font-size: 14px;}
.gallery-columns-5 figcaption,
.gallery-columns-6 figcaption,
.gallery-columns-7 figcaption,
.gallery-columns-8 figcaption,
.gallery-columns-9 figcaption  {font-size: 12px;}

.singlepost-detail h2, 
.singlepost-detail h3, 
.singlepost-detail h4, 
.singlepost-detail h5, 
.singlepost-detail h6,
.blog-area h1, 
.blog-area h2, 
.blog-area h3, 
.blog-area h4, 
.blog-area h5, 
.blog-area h6 {
    font-weight: 500;
    margin: 15px 0;
}
.blog-area h1 {font-size: 22px;}
.singlepost-detail > h2,
.blog-area > h2 {font-size: 20px;}
.singlepost-detail > h3,
.blog-area > h3 {font-size: 18px;}
.singlepost-detail > h4,
.blog-area > h4 {font-size: 16px;}
.singlepost-detail > h5,
.blog-area > h5 {font-size: 14px;}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}
.alignnone {
    margin: 20px 0 0;
    max-width: 100%;
}
.alignright {
    float: right;
    margin-left: 20px;
    margin-top: 20px;
}
.aligncenter {
    display: block;
    margin: 20px auto;
}
.format-video iframe {min-height: 465px;}


.info-sec > h2 {
    clear: both;
    display: inline-block;
    float: none;
    text-transform: initial;
}
.info-sec > span {
    display: inline-block;
    float: none;
}
.info-sec > p {clear: both;}
.info-sec > h1, 
.info-sec > h2, 
.info-sec > h3, 
.info-sec > h4, 
.info-sec > h5, 
.info-sec > h6 {
    display: block;
    font-weight: 500;
    margin: 10px 0;
}
.info-sec > h3 {font-size: 14px;}
.info-sec > h4 {font-size: 13px;}
.info-sec > h5 {font-size: 12px;}
.comment table {margin: 10px 0;}
.comment table tr th, 
.comment table tr td {
    border: 1px solid #ddd;
    padding: 5px;
}
.comment .info-sec ul {padding-left: 30px;}
.info-sec > ul {list-style: outside none disc;}
.info-sec > ul ul {list-style: outside none circle;}
pre {margin-top: 10px;}
.blog-area > p {margin-top: 40px;}
.post-password-form input {height: 40px;}
.post-password-form p > input {
    background: #555 none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    padding: 0 20px;
}
.post-password-form label > input {
    width: 300px;
    border: 1px solid #dcdcdc;
}


.rssSummary,
.rss-date {color: #666;}
.widget-title > h2 a {color: inherit;}
.widget table {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.widget table th,
.widget table caption {text-align: center;}
.screen-reader-text {display: none;}
.widget select {
    height: 40px;
    width: 100%;
}

footer .widget select {margin-top: 20px;}
footer .widget table th, 
footer .widget table td {color: #999;}
footer .rssSummary, 
footer .rss-date {color: #cacaca;}
footer .menu-links > li:after, 
footer .widget ul > li:after {display: none;}
footer .tagcloud > a {color: #fff;}
.tag-sticky-2 .recentnews {
    border: 1px solid #f4f4f4;
    padding: 10px;
}
.comment-form > form input[type="submit"] {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    width: auto;
}
.info-sec > h2:first-child {
    float: left;
    margin: 0;
}

.opng-time {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 30px;
    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;
}
header.style1 .logo {margin-top: 25px;}
.newsletter form button {border: 0;}
div.alert-success > p {color: #666;}

.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;}
.wpb_wrapper .widget ul > li {color: #999;}

.newsletter .alert:last-child {margin-bottom: 0;}
.newsletter .alert {padding: 10px;}
.newsletter #success_page > h1 {
    font-size: 16px;
    font-weight: 600;
}
.gallery figure.gallery-item {margin-bottom: 10px;}
.singlepost-detail .gallery-size-full {margin-top: 30px;}
.children .comment .info-sec {width: 84%;}
.col-md-9 .services.style2 {padding: 0;}

.simple-blog-carousel .owl-nav {
    color: transparent;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
.simple-blog-carousel .owl-nav > div {
    background: #333 none repeat scroll 0 0;
    height: 40px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}
.simple-blog-carousel .owl-nav > div.owl-prev {right: 0;}
.simple-blog-carousel .owl-nav > div.owl-next {left: 0;}
.simple-blog-carousel .owl-nav > div::before {
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 15px;
    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%);
}
.simple-blog-carousel .owl-nav > div.owl-next::before {content: "\f104";}
.simple-blog-carousel .owl-nav > div.owl-prev::before {content: "\f105";}

.simple-blog-carousel .owl-dots {
    bottom: 20px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.simple-blog-carousel .owl-dots > div {
    background: #333 none repeat scroll 0 0;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}

.message-alert {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    padding: 10%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;
}

.bottom-wt-menu {text-align: left;}
.topbar-sitemap > ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.topbar-sitemap > ul > li {
    color: #fff;
    float: left;
    margin-right: 20px;
}
.bottom-wt-menu p {float: left;}
.topbar-sitemap > ul > li:last-child {margin-right: 0;}
.topbar-sitemap > ul > li a {color: inherit;}
.service-detail-img > i[class^="flaticon"],
.service-detail-img > i[class^="fa"] {
    font-size: 45px;
    line-height: 92px;
}
.left-border > div:first-child .chooseus-opt::before {display: none;}
.team-form-scroller {
    float: left;
    /*height: 373px;
    overflow-x: hidden;
    overflow-y: auto;*/
    width: 100%;
}
#team-form {
    float: left;
    width: 100%;
}
.no-padding{padding: 0;}
.opacity1:before{opacity: 0.1;}
.opacity2:before{opacity: 0.2;}
.opacity3:before{opacity: 0.3;}
.opacity5:before{opacity: 0.5;}
.opacity6:before{opacity: 0.6;}
.opacity7:before{opacity: 0.7;}
.opacity8:before{opacity: 0.9;}
.opacity9:before{opacity: 1;}

/*===== 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 30px;
    position: absolute;
    right: 0;
    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;
}

/*===== 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;
}

/*===== 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;
}
.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;
}
.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;
    position: relative;
}
.portfolio-single-fea > ul.portfolio-single-thmb-imgs li.slick-current::before {
    background: #000000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.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;
    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;
    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;}
.social-icns.single-portfolio li a {background: transparent none repeat scroll 0 0;}

.col-md-9 .col-lg-4 .member-info {padding-left: 25px;}
.top-bar > li {
    color: #fff;
    float: left;
    list-style: outside none none;
}
.top-bar > li i {margin-right: 10px;}
.tagcloud a {font-size: 11px !important;}


.singlepost-detail > ul,
.singlepost-detail > ol {margin: 20px 0 0;}
.singlepost-detail > ul li,
.singlepost-detail > ol li {line-height: 30px;}
.singlepost-detail > ul li a,
.singlepost-detail > ol li a {color: inherit;}
.gallery.gallery-columns-3 {
    margin-bottom: 0;
    margin-top: 40px;
}
.gallery-columns-3 .gallery-item {margin: 0 -2px 15px;}

footer .widget ul,
footer .flickr-gallery {margin-top: 0;}

.mc4wp-form label {display: block;}
.mc4wp-form label ~ input {
    background-color: #f6f6f6;
    border: 0 none;
    float: left;
    font-size: 12px;
    height: 50px;
    margin: 10px 0;
    padding: 0 20px;
    width: 100%;
}
.gray .mc4wp-form label ~ input {background-color: #ffffff;}
.mc4wp-form input[type="submit"] {
    border: 2px solid;
    color: #ffffff;
    font-family: montserrat;
    font-size: 12px;
    padding: 7px 30px;
}
.mc4wp-form input[type="submit"]:hover {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
header ul.sub-menu.mirror2cl,
.logomenu-sec ul.sub-menu.mirror2cl {min-width: 400px;}
header ul.sub-menu,
.logomenu-sec ul.sub-menu {z-index: 1;}
header ul.sub-menu.mirror2cl > li,
.logomenu-sec ul.sub-menu.mirror2cl > li {
    float: left;
    margin-right: 0 !important;
    width: 50%;
}
.bluish .work-with > h2 {color: #fff;}
.a-stats {
    float: left;
    width: 100% !important;
}
.widget .srch-fnd-frm {margin-top: 0;}
.widget li .post-date {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #444444;
    float: none;
    font-family: inherit;
    text-transform: initial;
}
.newsletter > form.mc4wp-form .mc4wp-form-fields > p label {display: none;}
.newsletter > form.mc4wp-form .mc4wp-form-fields > p input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 55px;
    margin: 0;
}
.newsletter > form.mc4wp-form .mc4wp-form-fields > p input[type="submit"] {
    background: #000000 none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    float: right;
    padding: 0 40px;
    position: absolute;
    right: 0;
    width: auto;
}
/*===== 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);
    }
}
.form-message .alert {
    display: inline-block;
    text-align: center;
    width: 100%;
}
/*===== Twitter Widget =====*/
.twitter-feed {
    float: left;
    height: 269px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 100%;
}
.tweet {
    float: left;
    margin: 30px 0;
    width: 100%;
}
.tweet blockquote {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 0;
}

.twitter-feed .ps-scrollbar-y-rail {
    opacity: 1;
    right: 0 !important;
    z-index: 1;
}
.twitter-feed .ps-scrollbar-x-rail {opacity: 0;}
.title1.style3 > p + p {margin-top: 30px;}
/*===== Header 4 =====*/

header.style4 .top-bar {background: #1c163b none repeat scroll 0 0;}
header.style4 nav > ul,
header.style4 nav > div > ul {width: auto;}
header.style4 .logo > a {margin: 29px 0;}
header.style4 nav > ul > li,
header.style4 nav > div > ul > li {
    color: #022222;
    font-size: 14px;
    line-height: 111px;
}

header.style4 {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.title3 {
    float: left;
    margin-bottom: 55px;
    width: 100%;
}
.title3 > span {
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 0.4px;
}
.title3 > h2 {
    font-size: 36px;
    font-weight: 800;
    margin-top: 6px;
    /*font-family: inherit;*/
}
.title3 > h2 span {
    display: block;
    font-family: montserrat;
    font-size: 18px;
    font-weight: 700;
    margin-top: 9px;
}
.title3 > h2 span i {font-style: normal;}

.gallery-info {
    left: 0;
    opacity: 0;
    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%);
    visibility: hidden;
}
.prt-cate {
    display: block;
    font-family: montserrat;
    font-size: 15px;
}
.prt-cate > a {color: inherit;}
.prt-cate > a:hover {color: #fff;}
.gallery-info > h2 {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 24px;
    max-width: 240px;
    margin-top: 10px;
}
.gallery-info > h2 a {color: inherit;}
.gallery1:hover .gallery-info {
    opacity: 1;
    visibility: visible;
}

.view-more {
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.view-more > .theme-btn {
    display: inline-block;
    float: none;
}
/*===== Page Top Style 2 =====*/
.page-top2 {
    background: #f6f6f6 none repeat scroll 0 0;
    float: left;
    padding: 30px 0;
    width: 100%;
}
.page-top2 .page-title > strong {
    color: #222222;
    font-family: inherit;
    font-size: 24px;
    font-weight: 800;
    margin-top: 0;
}
.page-top2 .page-title .breadcrumb {
    border: 0 none;
    display: inline-block;
    float: none;
    margin: 0;
    width: auto;
}
.page-top2 .page-title .breadcrumb::before, 
.page-top2 .page-title .breadcrumb::after {display: none;}
.page-top2 .page-title .breadcrumb > li {
    color: #999999;
    font-family: montserrat;
    font-size: 12px;
    line-height: 20px;
}
.page-top2 .breadcrumb > li + li::before {
    color: inherit;
    font-size: 20px;
    padding: 0 20px;
    vertical-align: middle;
}
/*===== Carrers Page =====*/
.carr-thumb {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.cr-tl {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.cr-tl > h4 {
    color: #222222;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 10px;
}
.cr-tl > span {
    font-family: montserrat;
    font-size: 13px;
    letter-spacing: 0;
}
.cars-cnt {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.cars-cnt .cars-cnt {margin-bottom: 0;}
.cars-cnt > p {line-height: 28px;}
.cars-cnt > p + p {margin-top: 30px;}
.cars-cnt > ul {
    float: left;
    list-style: outside none none;
    margin: 32px 0 0;
    padding-left: 0;
    width: 100%;
}
.cars-cnt > ul > li {
    float: left;
    font-size: 15px;
    font-style: italic;
    padding: 10px 0 10px 22px;
    position: relative;
    width: 100%;
}
.cars-cnt > ul > li::before {
    content: "\f1b2";
    font-family: fontawesome;
    font-size: 12px;
    font-style: inherit;
    left: 0;
    position: absolute;
    top: 12px;
}
.empl-lst {
    float: left;
    width: 100%;
}
.empl-wrp {
    float: left;
    padding-right: 70px;
    width: 100%;
}
.empl-bx {
    background: #f8f8f8 none repeat scroll 0 0;
    float: left;
    padding: 45px 40px 50px;
    width: 100%;
}
.gray .empl-bx {background: #ffffff none repeat scroll 0 0;}
.empl-bx > h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 22px;
    margin-bottom: 13px;
}
.empl-bx > h4 a {color: inherit;}
.empl-bx > span {
    color: #717171;
    display: block;
    font-family: open sans;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 18px;
}
.empl-bx > span i {
    font-style: normal;
    font-weight: 400;
}
.empl-bx > i {
    color: #ffffff;
    display: inline-block;
    font-family: open sans;
    font-size: 12px;
    font-style: normal;
    padding: 8px 16px;
}
.empl-bx > p {
    float: left;
    font-size: 13px;
    margin-top: 22px;
    width: 100%;
}
.cr-tl > h4 i {
    color: #222222;
    font-size: 26px;
    font-style: normal;
    font-weight: 800;
}
/*===== Our Mission =====*/
.msn-cnt > img {margin-bottom: 50px;}
.msn-inf {
    float: left;
    margin: 0;
    width: 100%;
}
.cr-tl.style2 > h4 {
    font-size: 26px;
    font-weight: 800;
}
.msn-inf .cr-tl {margin-bottom: 20px;}
.msn-inf > p + .cr-tl {margin: 60px 0 -20px;}
.lft-nv {
    float: right;
    padding: 50px 40px 55px;
    width: calc(100% - 40px);
}
.lft-nv > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 55px;
    padding: 0 20px;
    width: 100%;
}
.lft-nv > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    width: 100%;
}
.lft-nv > ul > li a {
    color: inherit;
    float: left;
    padding: 18px 0;
    width: 100%;
}
.lft-nv > ul > li:first-child > a {padding-top: 0;}
.lft-nv > ul > li:last-child {border-bottom: 0 none;}
.lft-nv > ul > li::before {
    background: #000000 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}
.lft-nv > ul > li:hover::before, 
.lft-nv > ul > li.active::before {
    opacity: 1;
    width: 55px;
}
.gt-btns {
    float: left;
    width: 100%;
}
.gt-btns > a {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    padding: 19px 30px;
    text-align: center;
    width: 100%;
}
.gt-btns > a + a {
    background: #ffffff none repeat scroll 0 0;
    color: #555555;
    margin-top: 10px;
}
.gt-btns > a i {margin-right: 5px;}
.lft-nv > ul > li:last-child::before {display: none;}
/*===== Partners Page =====*/
.partners {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.prt-bx {
    float: left;
    margin-top: 30px;
    width: 100%;
}
/*===== Awards Page =====*/
.awrds-lst {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.awrd-itm {
    float: left;
    width: 100%;
}
.awrd-itm + .awrd-itm {margin-top: 70px;}
.awrd-img {
    float: left;
    width: 100%;
}
.awrd-img > img {width: 100%;}
.awrd-dta {
    float: left;
    width: 100%;
}
.awrd-dta > h4 {
    color: #222222;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
/*===== History Page =====*/
.hstry-dta {
    float: left;
    padding-left: 225px;
    position: relative;
    width: 100%;
}
.hstry-dta > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.hstry-dta > ul.hstry-nv {
    left: 0;
    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: 160px;
}
.hstry-dta > ul.hstry-nv div.slick-list {height: 259px !important;}
.hstry-dta > ul.hstry-nv li {
    border: 0;
    color: #e9e9e9;
    cursor: pointer;
    font-family: montserrat;
    font-size: 16px;
    margin: 7px 0;
}
.hstry-dta > ul.hstry-nv li.slick-current {
    color: #555555;
    font-size: 24px;
}
.hstry-dta > ul.hstry-nv li.slick-current {margin: 10px 0;}
.hstry-cnt h4 {
    color: #222222;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.hstry-cnt p + p {margin-top: 30px;}
.hstry-nv > button {
    background: #f2f2f2 none repeat scroll 0 0;
    border: 0 none;
    color: rgba(0, 0, 0, 0);
    height: 38px;
    margin-bottom: 20px;
    position: relative;
    width: 38px;
}
.hstry-nv > button::before {
    color: #555555;
    content: "";
    font-family: fontawesome;
    font-size: 16px;
    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%);
}
.hstry-nv > button.slick-prev::before {content: "\f0d8";}
.hstry-nv > button.slick-next {margin: 20px 0 0;}
.hstry-nv > button.slick-next::before {content: "\f0d7";}
.hstry-nv > button:hover:before {color: #fff;}
.fun-facts.style3 > ul > li::before,
.fun-facts.style2 > ul > li:before {display: none;}
/*===== Boxed Layout =====*/
.theme-layout.boxed .logo-sec {max-width: 25%;}
.theme-layout.boxed .logo-sec::before {height: 120%;}
.theme-layout.boxed .work-with {max-width: 53%;}
.theme-layout.boxed .work-with > i {margin-right: 40px;}
.theme-layout.boxed .work-with > h2 {font-size: 23px;}
.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;}

header .logomenu-sec.stick {
  opacity: 1;
  visibility: visible;
  position: static;
  float: left;
  width: 100%;
}

.container .container {width: auto;}
.hire-progress form .ps-scrollbar-x-rail {display: none !important;}
.portfolio-desc ul,
.portfolio-desc ol {margin: 20px 0;}
.portfolio-desc li {
  font-size: 14px;
  line-height: 30px;
}
.contactus-widget.style2 .widget-data ul li a {color: inherit;}

.top-bar .container > a {
    color: #ffffff;
    font-size: 13px;
    margin-top: 4px;
    display: inline-block;
}
.top-bar .container > a i {margin-right: 8px;}
.services.style2 .col-lg-6:nth-child(2n+1),
.services.style2 .col-lg-4:nth-child(3n+1),
.services.style2 .col-lg-3:nth-child(4n+1),
.recentnews-sec .col-lg-4:nth-child(3n+1),
.recent-news-sec2 .col-lg-6:nth-child(2n+1),
.recent-news-sec2 .col-lg-4:nth-child(3n+1),
.recent-news-sec2 .col-lg-3:nth-child(4n+1) {clear: both;}
.responsive-search {
  float: left;
  width: 100%;
  background-color: #333333;
  position: relative;
}
.responsive-search > input {
  float: left;
  width: 100%;
  background-color: transparent;
  border: 0;
  color: #C9C9C9;
  font-size: 13px;
  font-style: italic;
  height: 40px;
  padding: 0 60px 0 30px;
}
.responsive-search > button {
  position: absolute;
  background-color: transparent;
  border: 0;
  color: #ffffff;
  bottom: 0;
  top: 0;
  right: 30px;
  font-size: 13px;
}
.responsive-search > input:focus {font-style: normal;}
.mc4wp-form-fields {
  float: left;
  width: 100%;
}
.mc4wp-form-fields input[type="email"] {
  width: 100%;
  margin-bottom: 10px;
  height: 50px;
  border: 0;
  background-color: #ffffff;
  padding: 10px 20px;
  font-size: 13px;
}
header nav > ul > li.menu-item-has-children:last-child > ul.sub-menu,
header nav > ul > li.menu-item-has-children:nth-last-child(2) > ul.sub-menu,
header nav > ul > li.menu-item-has-children:nth-last-child(3) > ul.sub-menu {
  left: auto;
  right: 0;
}

.responsive-header .logomenu-bar.responsive-sticky.sticky {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 99;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
header.style2 .topbar-sitemap > li > a i {margin-right: 5px;}
header.style2 .topbar-sitemap > li:first-child:before {display: none;}
.recentnews-thumb img {width: 100%;}
.custom-list-view .recentnews-thumb {
    margin-bottom: 20px;
}
div.tag-sticky-2 {
    padding: 20px 30px;
    background-color: #eee;
}

.comment-sec .info-sec ul li {
    list-style: initial;
}

.paginate-links{
    margin:20px 0;
}
.paginate-links > span {
    font-size: 12px;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    display:inline-block;
    color:#ffffff;
}
.paginate-links a{
    background-color: #ffffff;
    font-size: 12px;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    display:inline-block;
    color:#000000;
}
.paginate-links > span:hover,.paginate-links a:hover,.paginate-links > span {

    border: medium none;
    color: #ffffff;
}

.widget.widget_nav_menu .menu li::after, .widget.widget_pages li::after {
    content: "" !important;
}

.gallery-item {
    display: inline-block;
    padding: 5px;
}
header.style4 .logomenu-sec .menu-search-sec {padding-left: 70px;}
.singlepost-detail iframe.twitter-tweet {
    width: 100% !important;
    margin-bottom: 20px !important;
}

header.style4 nav > ul {float: right;}
header.style4 nav > ul > li:last-child {
    padding-right: 0;
    margin-right: 0;
}
.carousel_serv .owl-nav {
  text-align: center;
  color: transparent;
}
.carousel_serv .owl-nav > div {
  display: inline-block;
  margin: 0 5px;
  height: 40px;
  width: 40px;
  background-color: #f4f4f4;
  position: relative;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.carousel_serv .owl-nav > div:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #333333;
  font-size: 17px;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  font-family: fontawesome;
}
.carousel_serv .owl-nav > div.owl-prev:before {content: "\f104";}
.carousel_serv .owl-nav > div.owl-next:before {content: "\f105";}
.carousel_serv .owl-nav > div:hover:before {color: #ffffff;}
.contact-form {margin-top: -25px;}
.service-front > span {margin-top: 0;}
.flicker-widget.style2 .row > div.col-md-8 {height: 259px;}
.tagcloud a {
    -webkit-border-radius: 0 7px 0 7px;
    -moz-border-radius: 0 7px 0 7px;
    border-radius: 0 7px 0 7px;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    line-height: 30px;
}
.tagcloud > span {margin-top: 7px;}
ul.social-icns.single-portfolio {margin-bottom: 0;}
ul.social-icns.single-portfolio > li {line-height: 20px;}
.service-detail-img.no-icon-img > i {line-height: 80px;}