/*==== Master style sheet 



Project Name: Unload (WP)

Last Change: 31-Aug-2017

Assign To: Aizaz

---*/





/*======== TABLE OF CONTENT ==========

1.  Google Fonts

2.  General Setting

3.  Cross Browser Compatibility

4.  Header

5.  Sticky Header

6.  Responsive Menu

7.  Theme Btn

8.  Slider

9.  Services

10. Simple Services1

11. Fancy Services

12. Headings

13. Cargo Shipment

14. Company Over Views

15. Partners

16. Footer

17. Header 2

18. Track Form

19. Company Benefits

20. Blog Sec

21. Blinking Animation

22. Shipment Visibility

23. About Shipment

24. Packages

25. Cargo In Numbers

26. Get Free Quote Form

27. News

28. Toggle

29. Reviews Sec

30. Member Sec

31. Page Top

32. Blog List

33. Blog Details

34. Comment Thread

35. Leave Reply

36. Widgets

37. Gallery 1

38. Gallery 5

39. Gallery 6

40. About

41. Contact

42. Packages Detail

43. Services Calculator

44. Team

45. Team Detail

46. What Make Us Different

47. Company Projects

48. Region Information

49. Your Plan

50. Award Winning Shippment

51. Request Free Quote

52. Get A Quote

53. Fun Fact Slider

54. SignUp Popup

55. Region PopUp

56. Isotope Styling

57. Simple Header

58. Main Carousel

59. Booking Page

60. Project Detail

/*=================================*/



/* 1. Google Fonts */



/* 2. General Setting */



body.modal-open {

    overflow: hidden;

    padding-right: 0 !important;

}



body {

    overflow-x: hidden;

}



body {

    background: #ffffff none repeat scroll 0 0;

    float: left;

    font-family: lato;

    letter-spacing: 0.3px;

    position: relative;

    width: 100%;

}



h1, h2, h3, h4, h5, h6 {

    color: #272727;

    font-family: raleway;

    margin: 0;

}



p {

    color: #767676;

    font-family: lato;

    font-size: 15px;

    line-height: 27px;

    margin: 0;

}



ol li,

ul li {

    color: #666666;

    font-family: lato;

    font-size: 15px;

}



a,

a:focus,

a:hover {

    outline: medium none;

    text-decoration: none;

}



.padding8 {

    float: left;

    padding: 0 85px;

    width: 100%;

}



.row.merge {

    margin: 0 0 0 -10px;

}



.row.merge > div {

    padding: 0 0 0 10px;

}



section {

    float: left;

    position: relative;

    width: 100%;

}



.block {

    float: left;

    padding: 90px 0;

    position: relative;

    width: 100%;

    z-index: 1;

}



.top-margin {

    float: left;

    margin-top: -30px;

    width: 100%;

}



.gray,

.block.gray {

    background: #f9f9f9

}



.gray2,

.block.gray2 {

    background: #fafafa;

}



.no-padding,

.block.no-padding {

    padding: 0;

}



.overlape {

    margin-top: -60px;

}



.overlape2 {

    margin-top: -213px;

}



.overlape3 {

    margin-top: -110px;

}



.overlape4 {

    margin-top: -80px;

}



.block.overlape {

    padding-top: 220px;

}



.remove-top,

.block.remove-top {

    padding-top: 0;

}



.remove-bottom,

.block.remove-bottom {

    padding-bottom: 0;

}



.container,

.block .container {

    padding: 0;

}



iframe {

    border: 0 none;

    float: left;

    width: 100%;

}



input:focus,

textarea:focus,

button:focus,

select:focus {

    outline: none;

}



.parallax,

.fixed-bg,

.fixed-img2 {

    height: 100%;

    left: 0;

    margin: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -2;

}



.fixed-bg {

    background-attachment: fixed !important;

    background-size: cover !important;

}



.fixed-img2 {

    background-position: center !important;

    background-size: cover !important;

}



.parallax.still {

    background-position: 0 0 !important;

}



.parallax.pattern {

    background-repeat: repeat !important;

}



.layer:before,

.dark:before,

.blue:before,

.whitish:before,

.blackish:before,

.grayish:before,

.darkblue:before {

    background: #1c1c1c none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.9;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.blue:before {

    background: #5289d2 none repeat scroll 0 0;

}



.whitish:before {

    background: #ffffff none repeat scroll 0 0;

}



.blackish:before {

    background: #000000 none repeat scroll 0 0;

    opacity: 0.9;

}



.grayish:before {

    background: #fafafa none repeat scroll 0 0;

    opacity: 0.95;

}



.darkblue:before {

    background: #1f425d none repeat scroll 0 0;

    opacity: 0.92;

}



.theme-layout.boxed {

    background: #fff;

    -webkit-box-shadow: 0 0 5px #747474;

    -moz-box-shadow: 0 0 5px #747474;

    -ms-box-shadow: 0 0 5px #747474;

    -o-box-shadow: 0 0 5px #747474;

    box-shadow: 0 0 5px #747474;

    float: none;

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    width: 1230px;

    z-index: 1;

}



.theme-layout {

    float: left;

    overflow: hidden;

    position: relative;

    width: 100%;

}



/* 3. Cross Browser Compatibility */



/* Border Radius 3px */



.theme-btn,

.error_message,

.toggle-item,

.social-btns > li > a,

.shipment-visibility,

.blog-post-carousel .owl-nav > div,

.cargo-tags > a:before,

.tagcloud > a:before,

.blog-post,

.member,

.city-content,

.packages-info > .nav > li,

.fancy-service,

.text-field,

.calculation-result,

.select-box .select2-container--default .select2-selection--single,

.icheckbox_futurico2,

.cargo-total,

.project-detail > span > i,

.cities-detail,

.cities-carousel .owl-nav > div,

.cargo-packages-list > li > span,

.comment,

.packages-thumb > img,

.slide-icon,

label,

textarea,

.delivered-info > li,

.project-overview-carousel .owl-nav > div,

.datepicker-field,

.region2 .modal-dialog1,

#calculate-form-popup .modal-dialog2,

.subscription-form > form > input,

.modern-services-carousel .owl-nav > div,

.view-all-vertical,

.social-btn > li > a,

.toggle-style4 .toggle-item > h3 > i,

.toggle-style4 .toggle-item > h3.active,

.detail-com,

.search-bar > form,

.transport-tabs-selector > ul > li a,

.tab-padding,

.tabs3 .nav > li > a,

.top-margin.style2,

.growbusiness-tabs > .nav-tabs > li > a,

.post-password-form input {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -ms-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}



/* Border Radius 50% */



.menu-curve > ul > li > a:before,

.menu-curve > ul > li > a:after,

.menu-curve > .menu > ul > li > a:before,

.menu-curve > .menu > ul > li > a:after,

.partners .owl-nav > div,

.toggle-item > h3 > span,

.customer-thumb,

.customer-thumb > img,

.cargo-video-cap > a,

.post-thumb > span,

.post-thumb > span:before,

.iradio_futurico:before,

.post-info2 > i,

.avatar > li > span img,

.shipment-name > span,

.toggle-style7 .toggle-item > h3 > i,

.organiser-thumb,

.social-btns2 > li > a,

.transport-tab-data > i,

.social-radius > li > a,

.social-square > li:hover > a,

.zero-counters4 .counter-styles > i,

.dropcap-style9 > p strong,

.dropcap-style10 > p strong,

.dropcap-style11 > p strong,

.dropcap-style12 > p strong,

.messagebox-style3 .messagebox > i,

.messagebox-style3-1 .messagebox > i::before {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}



/* Transition */



.extra-links,

.cargo-time,

.connect-us,

.logo-menu,

.logo img,

.contact-sec,

.cargo-time-btn,

.quick-contact-btn,

.quick-contact > ul > li,

.quick-contact li > i,

.extra-links > a,

.social-btn > li > a,

.theme-btn,

.theme-btn:before,

.menu-curve > .menu > ul:before,

.menu-curve > .menu > ul:after,

.menu-curve > .menu > ul > li > a:before,

.menu-curve > .menu > ul > li > a:after,

.menu-curve > .menu > ul > li > a,

.menu-curve > ul:before,

.menu-curve > ul:after,

.menu-curve > ul > li > a:before,

.menu-curve > ul > li > a:after,

.menu-curve > ul > li > a,

nav > ul > li,

nav > ul > li ul,

nav > .menu > ul > li,

nav > .menu > ul > li ul,

.fancy-service,

.service-detail,

.bottom-line ul > li > a,

.widget ul > li > a:before,

.widget ul > li > a,

.fancy-service > img,

.service-detail > i,

.partners .owl-nav > div,

.partners .owl-nav > div:before,

.company-detail > h3 > a,

.blog-post-carousel .owl-nav > div,

.blog-post-carousel .owl-nav > div:before,

.post-info > h3 > a,

.packages-info > h2 > a,

.city-thumb > a,

.city-thumb:before,

.city-content > h4 > a,

.post-meta2 > li > a,

.toggle-item,

.toggle-item > h3,

.toggle-item > h3 > span,

.customers-review-carousel .owl-nav > div,

.member-info > h4 > a,

.social-btns > li > a,

.share-it > ul > li > a,

.comment-info > h6 > a,

.news-detail > h2 > a,

.cargo-tags > a,

.cargo-tags > a:before,

.logo-menu:before,

.logo-menu:after,

.member-thumb .member-info,

.member-thumb:before,

.city-thumb > a,

.gallery-img:before,

.gallery-padding:before,

.gallery-img:after,

.gallery-padding:after,

.gallery-detail,

.gallery-detail > a,

.recent-post-widget:before,

.recent-post-content,

.recent-news-desc > h2 > a,

.contact > i,

.packages-info > .nav > li > a:before,

.services-menu > ul > li > a,

.member-img:before,

.social-links > li > a,

.member-social,

.team-cap > h4 > a,

.service-detail > span,

.icheckbox_futurico2,

.icheckbox_futurico2:before,

.responsive-btn,

.responsive-menu ul li,

.responsive-menu ul li a,

.responsive-menu ul li a:before,

.responsive-menu ul li a:after,

.close-btn,

.responsive-menu,

.quick-contact li > img,

.post-thumb > span,

.google-map,

.google-map > iframe,

.post-info2 > h4 > a,

.post-info2 > i,

.cities-detail > h4 > a,

.cities-carousel .owl-nav > div,

.company-project:before,

.project-detail,

.project-detail:before,

.company-project > img,

.company-projects-list > ul li,

.project-detail > span > i,

.project-detail > h4 > a,

.cargo-packages-list > li > h3 > a,

.cargo-packages-list > li > a > i,

.plan:before,

.sign-in ul > li > a,

.slide-btn,

.menubar nav > ul > li > a,

.menubar nav > ul > li > a:before,

.menubar nav > ul > li > a:after,

.responsive-top-sec,

.responsive-top-sec.active,

.recent-post-content > h4 a,

.widget-data > form button,

.project-overview-carousel .owl-nav > div,

.project-overview-carousel .owl-nav > div:before,

.region2 .modal-dialog1,

#signup-popup,

#calculate-form-popup .modal-dialog2,

#calculate-form-popup,

.mod-service-inner > h3 a,

.modern-services-carousel .owl-nav > div,

.modern-services-carousel .owl-nav > div:before,

.view-all-vertical,

.fancy-service:before,

.service-detail > span,

.project-detail > span > i:before,

.project-detail > h4,

.plan,

.plan .theme-btn,

nav > ul > li ul li:before,

nav > .menu > ul > li ul li:before,

.mega-list > li::after,

.megamenu,

.cat-list > ul > li > a,

.orgnaizer-info > ul > li a,

.header2 .quick-contact li > i,

.btns,

.cargo-video2 .cargo-video-cap > p > a,

.cargo-video2 .cargo-video-cap > a,

.tabs2 .nav > li::before,

.tabs-styles .nav > li > a,

.social-btns2 > li > a,

.pagination > ul > li > a,

.pagination > ul > li > span,

.tab-title > i,

.tab-padding::before,

.socialmedia-btns > li > a,

.zero-counters4 .counter-styles > i,

.growbusiness-tabs > .nav-tabs > li > a,

.calendar_wrap > table tbody tr td#today,

.calendar_wrap > table tbody tr td#today > a,

.widget form input.search-submit,

.tagcloud > a,

.tagcloud > a:before,

.service-box2 > h5 a,

.comment-navigation .nav-links > div a {

    -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;

}



/* 4. Header */



.fancy-header {

    float: left;

    position: relative;

    width: 100%;

    z-index: 999;

}



.top-sec {

    background: #ffffff none repeat scroll 0 0;

    float: left;

    padding-bottom: 65px;

    position: relative;

    width: 100%;

}



.top-bar {

    float: left;

    width: 100%;

}



.cargo-time {

    color: #727272;

    float: left;

    font-family: lato;

    font-size: 12px;

    margin: 15px 0;

    font-weight: 800;

}



.cargo-time > i {

    margin-right: 10px

}



.connect-us {

    float: right;

    margin: 15px 0;

}



.connect-us > span {

    color: #727272;

    float: left;

    font-family: lato;

    font-size: 12px;

    font-weight: 600;

}



.social-btn {

    float: left;

    list-style: outside none none;

    margin: 0 0 0 15px;

    padding: 0;

}



.social-btn > li {

    float: left;

    padding: 0 5px;

    position: relative;

}



.social-btn > li:first-child {

    padding-left: 0;

}



.social-btn > li:last-child {

    padding-right: 0;

}



.social-btn > li > a {

    background: #F3F3F3 none repeat scroll 0 0;

    color: #9e9595;

    float: left;

    font-size: 10px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    width: 20px;

}



.fancy-header .social-btn > li > a:hover {

    color: #222;

}



.extra-links {

    color: #727272;

    float: right;

    font-family: roboto;

    font-size: 11px;

    margin: 15px 0 15px 25px;

}



.extra-links a {

    color: #727272;

    display: inline-block;

    margin: 0 9px;

    font-family: lato;

    font-weight: 800;

}



.logo-menu-sec {

    float: left;

    margin-top: -65px;

    position: relative;

    width: 100%;

}



.logo-menu {

    background: #1f425d none repeat scroll 0 0;

    box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);

    float: left;

    padding: 30px 45px;

    position: relative;

    width: 100%;

}



.logo-menu:before {

    background: #1f425d none repeat scroll 0 0;

    content: "";

    height: 100%;

    position: absolute;

    right: 100%;

    top: 0;

    width: 0;

}



.logo-menu:after {

    background: #1f425d none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 100%;

    position: absolute;

    top: 0;

    width: 0;

}



.logo {

    float: left;

    width: 30%;

}



.logo > a {

    float: left;

}



.logo img {

    float: left;

    /*max-width: 200px;*/

    max-width: 350px;
    /*padding-top: 15px;
    padding-bottom: 15px;*/

}



.quick-contact {

    float: left;

    width: 70%;

}



.quick-contact > ul {

    float: right;

    list-style: outside none none;

    margin: 10px 0;

    padding: 0;

}



.quick-contact > ul > li {

    float: left;

    margin-right: 45px;

    padding-left: 60px;

    position: relative;

    width: auto;

}



.quick-contact > ul > li:first-child {

    margin-right: 90px;

}



.quick-contact > ul > li:last-child {

    margin-right: 0;

}



.quick-contact li > img {

    color: #fff;

    font-size: 35px;

    left: 0;

    position: absolute;

    top: 0;

}



.quick-contact > ul > li:last-child .theme-btn.popup2 {

    margin-left: -60px;

}



.header2 .quick-contact li > i {

    color: #373535;

}



.quick-contact li:hover > i {

    opacity: 0.5;

}



.quick-contact li > i {

    color: #fff;

    font-size: 40px;

    left: 12px;

    position: absolute;

    top: 0;

    line-height: initial;

}



.quick-contact span {

    color: #ffffff;

    font-family: raleway;

    font-size: 12px;

    font-weight: 600;

}



.quick-contact li > p {

    display: inherit;

    float: none;

    font-size: 11px;

    line-height: 15px;

    margin-top: 4px;

    width: auto;

}



.quick-contact > ul > li > .theme-btn {

    padding: 13px 35px;

    background: #1a1a1a

}



.menu-curve {

    float: left;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 99;

}



.menu-curve > .menu > ul,

.menu-curve > ul {

    background: #1f425d none repeat scroll 0 0;

    display: inline-block;

    float: none;

    list-style: outside none none;

    margin: 0;

    padding: 0 70px;

    position: relative;

}



.menu-curve > .menu > ul:before,

.menu-curve > ul:before {

    border-bottom: 50px solid transparent;

    border-left: 33px solid #1f425d;

    border-top: 0 solid transparent;

    content: "";

    position: absolute;

    right: -33px;

    top: 0;

}



.menu-curve > .menu > ul:after,

.menu-curve > ul:after {

    border-bottom: 50px solid transparent;

    border-right: 33px solid #1f425d;

    border-top: 0 solid transparent;

    content: "";

    left: -33px;

    position: absolute;

    top: 0;

}



.menu-curve > .menu > ul > li,

.menu-curve > ul > li {

    float: left;

    font-family: raleway;

    margin-left: 30px;

    padding-left: 27px;

    position: relative;

    font-size: 13px;

    font-weight: 700;

}



.menu-curve > .menu > ul > li > a,

.menu-curve > ul > li > a {

    color: #ffffff;

    float: left;

    position: relative;

    padding: 15px 0 16px;

}



.menu-curve > .menu > ul > li > a:before,

.menu-curve > ul > li > a:before {

    background: #d4d4d4 none repeat scroll 0 0;

    content: "";

    height: 6px;

    left: -27px;

    margin-top: -3px;

    position: absolute;

    top: 50%;

    width: 6px;

}



.menu-curve > .menu > ul > li:hover > a:before,

.menu-curve > ul > li:hover > a:before {

    opacity: 0;

    -webkit-transform: translateX(30px);

    -moz-transform: translateX(30px);

    -ms-transform: translateX(30px);

    -o-transform: translateX(30px);

    transform: translateX(30px);

}



.menu-curve > .menu > ul > li > a:after,

.menu-curve > ul > li > a:after {

    content: "";

    height: 6px;

    left: -27px;

    margin-top: -3px;

    opacity: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateX(30px);

    -moz-transform: translateX(30px);

    -ms-transform: translateX(30px);

    -o-transform: translateX(30px);

    transform: translateX(30px);

    width: 6px;

}



.menu-curve > .menu > ul > li:hover > a:after,

.menu-curve > ul > li:hover > a:after {

    opacity: 1;

    -webkit-transform: translateX(0px);

    -moz-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -o-transform: translateX(0px);

    transform: translateX(0px);

}



.menu-curve > .menu > ul > li:first-child,

.menu-curve > ul > li:first-child {

    margin: 0;

}



.quick-contact li:hover > img {

    opacity: 0.5;

}



/* Dropdown */



nav > ul > li ul,

nav > .menu > ul > li ul {

    background: rgba(239, 239, 239, .95) none repeat scroll 0 0;

    border: 3px solid #d1d1d1;

    border-top: 4px solid;

    left: 0;

    list-style: outside none none;

    margin: 0;

    opacity: 0;

    padding: 0;

    position: absolute;

    text-align: left;

    top: 150%;

    visibility: hidden;

    width: 250px;

}



nav > ul > li.menu-item-has-children:hover > ul,

nav > .menu > ul > li.page_item_has_children:hover > ul {

    opacity: 1;

    top: 100%;

    visibility: visible;

}



nav > ul > li ul li,

nav > .menu > ul > li ul li {

    border-bottom: 1px solid #d6d6d6;

    font-size: 14px;

    position: relative;



    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



nav > ul > li ul li:last-child,

nav > .menu > ul > li ul li:last-child {

    border-bottom: 0;

}



nav > ul > li ul li::before,

nav > .menu > ul > li ul li::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 30%;

    left: -3px;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 3px;

}



nav > ul > li ul li:hover::before,

nav > .menu > ul > li ul li:hover::before {

    height: 100%;

    opacity: 1;

}



nav > ul > li ul li a,

nav > .menu > ul > li ul li a {

    color: #444;

    display: block;

    font-size: 12px;

    padding: 15px 27px;

    position: relative;



    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



nav > ul > li ul li:hover > a,

nav > .menu > ul > li ul li:hover > a {

    -webkit-transform: translateX(10px);

    -moz-transform: translateX(10px);

    -ms-transform: translateX(10px);

    -o-transform: translateX(10px);

    transform: translateX(10px);

}



nav > ul > li ul li > ul,

nav > .menu > ul > li ul li > ul {

    background: rgba(247, 246, 245, 0.95) none repeat scroll 0 0;

    left: 130%;

}



nav > ul > li ul li.menu-item-has-children > a:before,

nav > .menu > ul > li ul li.page_item_has_children > a:before {

    color: #a6a6a6;

    content: "\f105";

    font-family: fontawesome;

    font-size: 13px;

    position: absolute;

    right: 27px;



    -webkit-transition: all 0.4s ease 0s;

    -moz-transition: all 0.4s ease 0s;

    -ms-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

}



nav > ul > li ul li > ul,

nav > .menu > ul > li ul li > ul {

    top: 0;

}



nav > ul > li ul li:hover > ul,

nav > .menu > ul > li ul li:hover > ul {

    left: 100%;

    opacity: 1;

    top: 0;

    visibility: visible;

}



/* 5. Sticky Header */



header.sticky .logo-menu:before {

    width: 100%;

}



header.sticky .logo-menu:after {

    width: 100%;

}



header.stick {

    position: fixed;

    top: 0;

}



header.sticky {

    left: 0;

    position: fixed;

    top: 0;

    z-index: 999;

}



header.sticky .logo img {

    max-width: 140px;

}



header.sticky .connect-us {

    margin: 15px 0;

}



header.sticky .quick-contact > ul > li {

    padding-left: 50px;

}



header.sticky .extra-links {

    margin: 15px 0 15px 25px;

}



header.sticky .cargo-time {

    margin: 15px 0;

}



header.sticky .logo-menu-sec {

    margin-top: -62px;

}



header.sticky .logo-menu {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    padding: 10px 60px;

    min-height: 95px;

}



header.sticky .menu-curve > ul > li > a {

    padding: 7px 0;

}



header.sticky .menu-curve > ul:before,

header.sticky .menu-curve > ul:after {

    border-bottom-width: 40px;

}



/* 6. Resposnive Menu */



.responsive-header {

    display: none;

    float: left;

    position: relative;

    width: 100%;

    z-index: 999;

}



.responsive-top-bar {

    background: #efefef none repeat scroll 0 0;

    float: left;

    width: 100%;

}



.responsive-quick-contact {

    background: #121212 none repeat scroll 0 0;

    float: left;

    width: 100%;

}



.responsive-quick-contact .quick-contact {

    width: 100%;

}



.responsive-quick-contact .quick-contact > ul {

    float: left;

    width: 100%;

}



.responsive-quick-contact .quick-contact > ul > li {

    margin-right: 0;

    width: 50%;

}



.responsive-header .quick-contact > ul > li:last-child {

    padding-left: 60px;

}



.responsive-quick-contact .quick-contact > ul > li > p {

    line-height: 20px;

}



.responsive-quick-contact .quick-contact span {

    width: 100%;

}



.responsive-nav {

    /*background: #1f425d none repeat scroll 0 0;*/

    background: #ffffff none repeat scroll 0 0;

    float: left;

    padding: 30px 0;

    width: 100%;

}



.responsive-logo {

    float: left;

}



.responsive-logo .logo {

    width: auto;

}



.responsive-btn {

    background: #121212 none repeat scroll 0 0;

    color: #ffffff;

    cursor: pointer;

    display: block;

    float: right;

    font-size: 13px;

    height: 35px;

    line-height: 35px;

    margin: 12px 0;

    text-align: center;

    width: 35px;

}



.responsive-menu {

    background: #1c1c1c none repeat scroll 0 0;

    height: 100%;

    padding: 30px 0 !important;

    position: fixed;

    right: -330px;

    top: 0;

    width: 270px;

    z-index: 999999999;

}



.responsive-menu.slidein {

    right: 0;

}



.responsive-menu .responsive-popup-btns {

    float: left;

    margin-bottom: 40px;

    width: 100%;

}



.responsive-menu .responsive-popup-btns > li {

    color: #ffffff;

    padding-left: 20px;

    padding-right: 0;

    width: auto;

}



.responsive-menu .responsive-popup-btns > li > a:before {

    display: none;

}



.responsive-menu .responsive-popup-btns > li > a {

    border: 0 none;

    color: #fff;

    float: none;

    font-size: 11px;

    font-weight: 700;

    line-height: initial;

    margin-left: 10px;

    padding: 0;

    text-transform: uppercase;

}



.responsive-menu .responsive-popup-btns > li > i {

    float: left;

    font-size: 10px;

    height: 18px;

    line-height: 18px;

    text-align: center;

    width: 19px;

}



.responsive-menu ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}



.responsive-menu ul li {

    float: left;

    padding: 0 20px;

    position: relative;

    width: 100%;

}



.responsive-menu ul li a {

    border-bottom: 1px solid #3a3a3a;

    color: #cdcdcd;

    float: left;

    font-family: lato;

    font-size: 13px;

    line-height: 20px;

    padding: 10px 20px;

    position: relative;

    width: 100%;

}



.responsive-menu ul ul {

    display: none;

}



.responsive-menu ul li a:before {

    background-color: #cdcdcd;

    content: "";

    height: 3px;

    left: 7px;

    position: absolute;

    top: 20px;

    width: 3px;

}



.responsive-menu ul li.menu-item-has-children > a:after {

    color: #cdcdcd;

    content: "";

    font-family: fontawesome;

    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%);

}



.responsive-menu ul li.active > a {

    margin-bottom: 10px;

    padding: 12px 20px;

}



.responsive-menu ul li.active > a:before {

    left: 11px;

    top: 21px;

}



.responsive-menu ul li.menu-item-has-children.active > a:after {

    -webkit-transform: rotateX(180deg) translateY(50%);

    -moz-transform: rotateX(180deg) translateY(50%);

    -ms-transform: rotateX(180deg) translateY(50%);

    -o-transform: rotateX(180deg) translateY(50%);

    transform: rotateX(180deg) translateY(50%);

}



.close-btn {

    background: #121212 none repeat scroll 0 0;

    color: #ffffff;

    cursor: pointer;

    float: right;

    font-size: 13px;

    height: 35px;

    line-height: 35px;

    margin: 0 20px 30px;

    text-align: center;

    width: 35px;

}



/* 7. Theme Btn */



.theme-btn {

    color: #fff;

    float: left;

    font-family: raleway;

    font-size: 11px;

    font-weight: 700;

    overflow: hidden;

    padding: 15px 39px;

    position: relative;

    text-transform: uppercase;

    z-index: 0;

}



.theme-btn > i {

    float: left;

    margin-right: 5px;

    margin-top: 2px;

}



/* 8. Slider */



.main-slider {

    float: left;

    position: relative;

    width: 100%;

    z-index: 1;

}



.slide-btn:hover {

    border-color: transparent !important;

    color: #ffffff !important;

}



.slide-btn:hover > i {

    color: #ffffff;

}



.slide-btn:hover:before {

    color: #ffffff;

}



.slide-icon:before {

    color: #ffffff;

    content: "\f1d8";

    font-family: fontawesome;

    font-size: 12px;

    left: 20px;

    position: absolute;

}



.slide-btn:before {

    font-size: 13px;

}



/* 10. Simple Services1 */



.services1 {

    float: left;

    padding: 85px 0;

    width: 100%;

}



.simple-services1 {

    float: left;

    position: relative;

    width: 100%;

}



.service-box1 {

    float: left;

    position: relative;

    width: 100%;

}



.service-box1 > img {

    float: left;

    margin-bottom: 5px;

    margin-right: 20px;

}



.service-box1 > i {

    color: #8b8c8d;

    float: left;

    font-size: 40px;

    margin-bottom: 5px;

    margin-right: 20px;

}



.service-box1 > h5 {

    color: #4e4e4e;

    float: none;

    font-family: lato;

    font-size: 33px;

    font-weight: 800;

}



.service-box1 > span {

    font-family: raleway;

    font-size: 13px;

    font-weight: 700;

}



/* 11. Fancy Services */



.fancy-service {

    float: left;

    margin-top: 30px;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

}



.fancy-service:before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.6;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}



.fancy-service:hover:before {

    opacity: 0.9

}



.fancy-service > img {

    height: auto;

    width: 100%;

    z-index: -1;

}



.fancy-service:hover > img {

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    transform: scale(1.1);

}



.service-detail {

    left: 0;

    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: 2;

}



.service-detail > span {

    float: left;

    font-family: lato;

    font-size: 13px;

    font-weight: 600;

    letter-spacing: 0.3px;

    margin-top: 50px;

    width: 100%;

}



.fancy-service:hover .service-detail > span {

    margin-top: 0;

}



.sticky .quick-contact li > img {

    top: 7px;

    width: 26px;

}



.service-detail h3 {

    color: #ffffff;

    float: left;

    font-size: 24px;

    font-weight: 800;

    margin-top: 9px;

    width: 100%;

}



.service-detail > h5 {

    color: #ffffff;

    float: left;

    font-size: 13px;

    font-weight: 500;

    margin-top: 14px;

    width: 100%;

}



.service-detail > i {

    color: #fff;

    float: left;

    font-size: 70px;

    position: relative;

    text-align: center;

    width: 100%;

}



.service-detail .theme-btn {

    background: #3d3c3b;

    border: 1px solid transparent;

    display: inline-block;

    float: none;

    margin-top: 0;

    opacity: 0;

    padding: 0;

    font-size: 11px;

    font-weight: 700;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

}



.service-detail .theme-btn:hover {

    border-color: #fff;

}



.fancy-service:hover .service-detail .theme-btn {

    margin-top: 34px;

    opacity: 1;

    padding: 11px 22px;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.fancy-service:hover .service-detail {

    padding-bottom: 55px;

}



.fancy-service:hover .service-detail > i {

    opacity: 0;



    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

}



.fancy-service:hover .service-detail > span {

    color: #FFF

}



/* 12. Headings */



.heading {

    float: left;

    margin-bottom: 40px;

    position: relative;

    text-align: center;

    width: 100%;

}



.heading > span {

    float: left;

    font-family: raleway;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: uppercase;

    width: 100%;

}



.heading > span i {

    margin-right: 5px;

}



.heading > h2 {

    float: left;

    font-size: 34px;

    font-weight: 800;

    margin-bottom: 15px;

    padding-bottom: 25px;

    position: relative;

    text-transform: uppercase;

    width: 100%;

}



.heading > h2:before {

    background: rgba(0, 0, 0, 0) url(../images/heading-before.png) repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 12px;

    left: 50%;

    max-width: 100%;

    position: absolute;



    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);



    width: 87px;

}



.heading > p {

    color: #555555;

    padding: 0 400px;

}



.container .heading > p {

    padding: 0 310px

}



/* Heading 2 */



.heading2 {

    float: left;

    margin-bottom: 20px;

    width: 100%;

}



.heading2 > span {

    float: left;

    font-family: raleway;

    font-size: 11px;

    margin-bottom: 10px;

    font-weight: 600;

    width: 100%;

}



.heading2 > h3 {

    color: #fff;

    float: left;

    font-size: 18px;

    font-weight: 700;

    width: 100%;

}



/* 13. Cargo Shipment */

.calculate-form-popup .cargo-shipment {

    width: 70%

}



.cargo-shipment {

    float: left;

    width: 100%;

}



.dark-title {

    float: left;

    margin-bottom: 40px;

    width: 100%;

}



.dark-title > span {

    color: #555555;

    float: left;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 5px;

    width: 100%;

}



.dark-title > span i {

    margin-right: 5px

}



.dark-title > h3 {

    float: left;

    font-size: 27px;

    font-weight: 800;

    width: 100%;

}



.dark-title.light > h3 {

    color: #FFF

}



.calculate-shipping {

    background: #eaebef none repeat scroll 0 0;

    float: left;

    padding: 70px 40px;

    width: 100%;

    border: 5px solid #fafafa;

    margin: 60px 0;

    max-height: 795px;

	position:relative;

}

.calculate-shipping.style2 {

    margin: 0

}



.calculate-shipping-form {

    float: left;

    width: 100%;

}



.calculate-shipping-form > form {

    float: left;

    width: 100%;

}



.calculate-shipping-form > form > .row {

    margin: 0 -5px -10px;

}



.calculate-shipping-form > form > .row > div {

    padding: 0 5px 10px;

}



.select-box {

    float: left;

    width: 100%;

}



.select-box > select {

    float: left;

    width: 100%;

}



.select-box .select2-container--default .select2-selection--single {

    border: 0 none;

    height: 53px;

}



.select-box .select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #a7a7a7;

    font-family: lato;

    font-size: 11px;

    line-height: 53px;

    padding-left: 25px;

    position: relative;

}



.select-box .select2-selection__arrow {

    display: none;

}



.select-box .select2-container--default .select2-selection--single .select2-selection__rendered:before {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 3px 0 0 3px;

    content: "";

    height: 37px;

    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: 37px;

}



.select-box .select2-container--default .select2-selection--single .select2-selection__rendered:after {

    color: #6e6e6e;

    content: "\f107";

    font-family: fontawesome;

    font-size: 16px;

    position: absolute;

    right: 13px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.calculate-shipping-form form .text-field {

    color: #6c6b6b;

    float: left;

    font-family: lato;

    font-size: 11px;

    height: 53px;

    padding: 0 15px 0 25px;

    width: 100%;

}



.extra-services {

    float: left;

    margin-top: 15px;

    padding-left: 10px;

    position: relative;

    width: 100%;

}



.extra-services > span {

    float: left;

    line-height: 13px;

    margin-bottom: 15px;

    padding-left: 30px;

    position: relative;

    width: 50%;

}



.extra-services > span:last-child {

    margin-bottom: 0;

}



.extra-services > span > label {

    font-family: lato;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 0;

}



.icheckbox_futurico2 {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #cecece;

    height: 16px;

    left: 0;

    position: absolute !important;

    top: 0;

    width: 16px;

}



.icheckbox_futurico2:before {

    color: #1f425d;

    content: "\f00c";

    font-family: fontawesome;

    font-size: 12px;

    left: 50%;

    opacity: 0;

    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%);

}



.extra-services .icheckbox_futurico2.checked:before {

    opacity: 1;

}



.icheckbox_futurico2.checked {

    background: #cfcdcd none repeat scroll 0 0;

}



.cargo-size {

    float: left;

    margin-top: -20px;

    width: 100%;

}



.cargo-size > h4,

.extra-services > h4 {

    float: left;

    font-family: lato;

    font-size: 14px;

    font-weight: 800;

    margin-bottom: 20px;

    width: 100%;

}



.cargo-size > h4 i,

.extra-services > h4 i {

    margin-right: 6px

}



.cargo-size > .row {

    margin: 0 -5px;

}



.cargo-size > .row > div {

    padding: 0 5px;

}



.calculate-shipping-form .theme-btn {

    margin-left: 10px;

    margin-top: 20px;

}



.total {

    float: left;

    margin-top: 17px;

    position: relative;

    width: 100%;

}



.cargo-total {

    background: #ffffff none repeat scroll 0 0;

    color: #000000;

    float: left;

    font-family: lato;

    font-size: 18px;

    font-weight: 700;

    height: 53px;

    line-height: 53px;

    padding: 0 20px;

    text-align: center;

    width: 100%;

}



.cargo-total > h4 {

    display: inline-block;

    font-family: lato;

    font-size: 14px;

    font-weight: 800;

}



/* 14. Shpiment Guide */

.shipment-guide {

    float: left;

    width: 100%;

    padding: 120px 45px;

}



.shipment-guide .dark-title.light {

    margin-bottom: 20px

}



.shipment-guide > p {

    font-size: 15px;

    color: #dddddd;

    letter-spacing: 0.4px;

    line-height: 27px;

}



.shipment-guide a.theme-btn {

    border: 2px solid;

    margin-top: 30px;

    padding: 16px 30px;

}



.shipment-guide a.theme-btn:hover {

    background: transparent;

}



.shipment-list {

    float: left;

    margin-bottom: -20px;

    margin-top: 30px;

    width: 100%;

}



.shipment-name {

    color: #ffffff;

    float: left;

    font-family: lato;

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 20px;

    text-transform: uppercase;

    width: 100%;

}



.shipment-name > span {

    border: 1px solid #ffffff;

    display: inline-block;

    font-size: 20px;

    height: 52px;

    line-height: 48px;

    margin-right: 20px;

    text-align: center;

    width: 52px;

}



/* 15. Partners */



.partners {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0 90px;

    width: 100%;

    margin-top: -40px;

}



.partners li > a {

    float: left;

    margin: 60px 0;

    width: 100%;

}



.partners .owl-nav {

    height: 0;

    left: 0;

    position: absolute;

    top: 50%;

    width: 100%;

}



.partners .owl-nav > div:before {

    color: #7e7e7e;

    content: "\f104";

    font-family: fontawesome;

    font-size: 15px;

    left: 0;

    line-height: 32px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 100%;

}



.partners .owl-nav > div {

    border: 1px solid #7e7e7e;

    color: transparent;

    float: left;

    height: 32px;

    margin-top: -16px;

    position: relative;

    width: 32px;

}



.partners .owl-nav > .owl-next {

    float: right;

}



.partners .owl-nav > .owl-next:before {

    content: "\f105";

}



/* 16. Footer */



footer {

    display: block;

    float: left;

    width: 100%;

}



.blank {

    background: #000000 none repeat scroll 0 0;

    float: left;

    padding: 4px;

    width: 100%;

}



footer section {

    overflow: hidden;

}



.widget {

    float: left;

    width: 100%;

}



.about-widget {

    float: left;

    width: 100%;

    text-align: justify;

}



.about-widget .logo {

    margin-bottom: 30px;

    width: 100%;

}



footer p {

    color: #b6b6b6;

}



.links-widget {

    float: left;

    width: 100%;

}



.widget ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}



.widget ul > li {

    float: left;

    margin-bottom: 20px;

    width: 100%;

}



.widget ul > li > a {

    color: #dddcdc;

    float: left;

    font-family: lato;

    font-size: 14px;

    padding-left: 12px;

    position: relative;

    width: 100%;

}



.widget ul > li > a:before {

    content: "\f0da";

    font-family: fontawesome;

    font-size: 12px;

    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%);

}



.about-widget > .social-btn {

    margin-top: 10px;

}



.about-widget > .social-btn > li {

    margin-bottom: 0;

    padding: 0 3px;

    width: auto;

}



.about-widget > .social-btn > li:before {

    color: #b0b0b0;

}



.about-widget > .social-btn > li a:before {

    display: none;

}



.about-widget > .social-btn > li a {

    background: #505050 none repeat scroll 0 0;

    color: #ffffff;

    font-size: 15px;

    padding: 0;

    text-align: center;

    width: 24px !important;

}



.subscription-form {

    float: left;

    width: 100%;

}



.subscription-form > p {

    margin-top: -8px;

}



.subscription-form > form {

    float: left;

    margin-top: 21px;

    width: 100%;

}



.subscription-form > form > input {

    background: #ffffff none repeat scroll 0 0;

    border: medium none;

    color: #919191;

    float: left;

    font-family: lato;

    font-size: 11px;

    margin-bottom: 30px;

    padding: 20px 40px;

    width: 100%;

}



.widget.blue {

    position: relative;

    text-align: center;

}



.widget.blue:after {

    background: #5289d2 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.9;

    position: absolute;

    top: -100%;

    width: 100%;

    z-index: -1;

}



.widget.blue1:before {

    background: #1f425d none repeat scroll 0 0;

    content: "";

    height: 191%;

    left: 0;

    opacity: 0.6;

    position: absolute;

    top: -90px;

    width: 100%;

    z-index: -1;

}



.widget.blue1 {

    margin-top: 0;

    padding: 0 50px;

    text-align: center;

}



.subscription-form .theme-btn {

    border: 2px solid;

    display: inline-block;

    float: none;

    font-weight: 700;

    padding: 17px 33px;

}



.subscription-form .theme-btn:hover {

    background: transparent;

}



.subscription-form > p {

    color: #f1f1f1;

}



/* Bottom Line */



.bottom-line {

    background: #131313 none repeat scroll 0 0;

    float: left;

    position: relative;

    width: 100%;

    z-index: 1;

}



.bottom-line span {

    color: #ffffff;

    float: left;

    font-family: lato;

    font-size: 12px;

    margin: 30px 0;

    width: 100%;

}



.bottom-line ul {

    float: right;

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.bottom-line ul > li > a {

    color: #ffffff;

    float: left;

    font-family: raleway;

    font-size: 12px;

    padding: 30px 0;

}



.bottom-line ul > li {

    float: left;

    margin: 0 20px;

}



/* 17. Header 2 */



.header2 .top-bar {

    background: #2b2b2b;

    border-bottom: 1px solid #444;

}



.header2 .top-bar .cargo-time {

    color: #FFF

}



.header2 .extra-links a {

    color: #FFF;

}



.header2 .extra-links {

    color: #d3d3d3;

}



.header2 .connect-us > span {

    color: #FFF

}



.header2 .connect-us > ul > li > a {

    background: #404040;

    color: #d3d3d3;

}



.header2 .logo-menu {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



.header2 .logo-menu,

.logo-menu:before,

.logo-menu:after {

    background: #ffffff none repeat scroll 0 0;

}



.header2 .quick-contact span {

    color: #555555;

}



.header2.sticky .logo-menu:before,

.header2.sticky .logo-menu:after,

.header2.sticky .logo-menu,

.header2.sticky .menu-curve > ul {

    background: #fafafa none repeat scroll 0 0;

}



.header2 .menu-curve > ul:before {

    border-left-color: #ffffff;

}



.header2 .menu-curve > ul:after {

    border-right-color: #ffffff;

}



.header2 .menu-curve > ul {

    background: #ffffff none repeat scroll 0 0;

}



.header2 .menu-curve > ul > li > a {

    color: #555555;

}



.header2 .menu-curve > ul > li:before {

    background: #d0d0d0 none repeat scroll 0 0;

}



.header2.sticky .menu-curve > ul:before {

    border-left-color: #fafafa;

}



.header2.sticky .menu-curve > ul:after {

    border-right-color: #fafafa;

}



/* 18. Track Form */



.track-form {

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;



    border-top: 5px solid #ffffff;

    float: left;

    left: 5%;

    padding: 40px;

    position: relative;

    width: 90%;

}



.track-form .heading2 {

    margin-bottom: 0;

    width: 35%;

}



.track-form .heading2 > img {

    color: #ffffff;

    float: left;

    font-size: 16px;

    margin-left: 20px;

    margin-right: 30px;

}



.track-form .heading2 > i {

    color: #fff;

    float: left;

    font-size: 40px;

    margin-left: 20px;

    margin-right: 30px;

}



.track-form .heading2 > span {

    color: #ffffff;

    display: table;

    float: none;

    font-size: 12px;

    font-weight: 800;

    margin-bottom: 5px;

    width: auto;

}



.track-form .heading2 > h3 {

    display: table;

    float: none;

    font-family: source sans pro;

    font-size: 18px;

    font-weight: 700;

    width: auto;

}



.track-form > form {

    float: right;

    width: 65%;

}



.track-form > form label {

    background: #fbfbfb none repeat scroll 0 0;

    float: left;

    margin-bottom: 0;

    margin-right: 34px;

    padding: 16px 35px;

    width: 71%;

}



.track-form > form > label > i {

    color: #919191;

    float: left;

    font-size: 12px;

    margin-right: 8px;

    margin-top: 2px;

}



.track-form > form > label input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    float: left;

    font-family: lato;

    font-size: 11px;

    font-weight: 400;

    width: 90%;

}



.track-sec {

    z-index: 1

}



.track-form > form .theme-btn {

    margin-top: 3px;

    padding: 13px 23px;

    background: #000;

}



/* 19. Company Benefits */



.heading5 > h2 {

    color: #ffffff;

}



.heading5 > p {

    color: #cecccc;

}



.half-parallax .parallax {

    height: 65%;

}



.company-benefits {

    float: left;

    width: 100%;

}



.company-intro {

    float: left;

    margin-bottom: 60px;

    margin-top: 30px;

    position: relative;

    width: 100%;

}



.company-intro > img {

    width: 100%;

}



.company-detail {

    background: #fbfbfb none repeat scroll 0 0;

    bottom: 0;

    left: 5%;

    border: 3px solid #fafafa;

    padding: 35px 30px;

    position: absolute;

    text-align: center;

    -webkit-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    transform: translateY(50%);

    width: 90%;

}



.company-detail > h3 {

    float: left;

    font-size: 15px;

    font-weight: bold;

    margin-bottom: 10px;

    text-transform: uppercase;

    width: 100%;

}



.company-detail > h3 > a {

    color: #404040;

    display: block;

}



.company-detail > span {

    color: #868686;

    float: left;

    font-family: lato;

    font-size: 12px;

    width: 100%;

}



/* 20. Blog Sec */



.blog-sec {

    float: left;

    width: 100%;

}



.heading3 {

    margin-bottom: 26px;

    text-align: left;

}



.heading3 > h2 {

    float: left;

    font-size: 30px;

    margin: 0;

    padding-bottom: 0;

    padding-right: 100px;

    width: auto;

}



.heading3 > h2:before {

    bottom: 50%;

    left: auto;

    right: 0;

    -webkit-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    transform: translateY(50%);

}



.blog-post-carousel {

    float: left;

    width: 100%;

}



.blog-post {

    float: left;

    overflow: hidden;

    width: 100%;

}



.post-thumb {

    float: left;

    position: relative;

    width: 50%;

}



.post-thumb > span {

    background: #222222 none repeat scroll 0 0;

    color: #ffffff;

    cursor: pointer;

    font-size: 18.2px;

    height: 37px;

    left: 25px;

    line-height: 37px;

    position: absolute;

    text-align: center;

    top: 20px;

    width: 37px;

    z-index: 1;

}



.slide-down > span {

    left: 88%;

    top: 35px;

    -webkit-transform: scale(.65);

    -moz-transform: scale(.65);

    -ms-transform: scale(.65);

    -o-transform: scale(.65);

    transform: scale(.65);

}



.news-thumb > img {

    height: auto;

    max-width: 100%;

}



.post-thumb > span:before {

    -webkit-animation: 0.8s ease 0s normal none infinite running blinking;

    -moz-animation: 0.8s ease 0s normal none infinite running blinking;

    -ms-animation: 0.8s ease 0s normal none infinite running blinking;

    -o-animation: 0.8s ease 0s normal none infinite running blinking;

    animation: 0.8s ease 0s normal none infinite running blinking;

    border: 7px solid;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.46);

    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.46);

    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.46);

    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.46);

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.46);

    content: "";

    height: 135%;

    left: -6.5px;

    opacity: 0.6;

    position: absolute;

    top: -6.5px;

    width: 135%;

}



.slide-down > span > i:before {

    content: "\f00d";

}



/* 21. Blinking Animation */



@-webkit-keyframes blinking {

    0% {

        -webkit-transform: scale(1.7);

        opacity: 1;

    }

    25% {

        -webkit-transform: scale(2);

        opacity: 0.6;

    }

    50% {

        -webkit-transform: scale(2.3);

        opacity: 0.3;

    }

    100% {

        -webkit-transform: scale(2.6);

        opacity: 0;

    }

}



@-moz-keyframes blinking {

    0% {

        transform: scale(1.7);

        opacity: 1;

    }

    25% {

        transform: scale(2);

        opacity: 0.6;

    }

    50% {

        transform: scale(2.3);

        opacity: 0.3;

    }

    100% {

        transform: scale(2.6);

        opacity: 0;

    }

}



@-ms-keyframes blinking {

    0% {

        -ms-transform: scale(1.7);

        opacity: 1;

    }

    25% {

        -ms-transform: scale(2);

        opacity: 0.6;

    }

    50% {

        -ms-transform: scale(2.3);

        opacity: 0.3;

    }

    100% {

        -ms-transform: scale(2.6);

        opacity: 0;

    }

}



@-o-keyframes blinking {

    0% {

        -o-transform: scale(1.7);

        opacity: 1;

    }

    25% {

        -o-transform: scale(2);

        opacity: 0.6;

    }

    50% {

        -o-transform: scale(2.3);

        opacity: 0.3;

    }

    100% {

        -o-transform: scale(2.6);

        opacity: 0;

    }

}



@keyframes blinking {

    0% {

        -o-transform: scale(1.7);

        opacity: 1;

    }

    25% {

        -o-transform: scale(2);

        opacity: 0.6;

    }

    50% {

        -o-transform: scale(2.3);

        opacity: 0.3;

    }

    100% {

        -o-transform: scale(2.6);

        opacity: 0;

    }

}



.google-map {

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    visibility: hidden;

    width: 100%;

    z-index: 0;

}



.slide-down .google-map {

    opacity: 1;

    visibility: visible;

}



.google-map > iframe {

    height: 100%;

}



.post-info {

    background: #f8f8f8;

    float: left;

    padding: 60px 40px;

    width: 50%;

}



.gray .post-info {

    background: #fff none repeat scroll 0 0;

}



.post-thumb > img {

    float: left;

    height: auto;

    width: 100%;

}



.post-info > h3 {

    color: #323232;

    float: left;

    font-size: 20px;

    font-weight: 800;

    line-height: 28px;

    margin-bottom: 14px;

    width: 100%;

}



.post-info > h3 > a {

    color: inherit;

    display: block;

}



.post-info > p {

    color: #555555;

    line-height: 24px;

}



.avatar {

    float: left;

    list-style: outside none none;

    margin-bottom: 20px;

    padding-left: 0;

    width: 100%;

}



.avatar > li {

    float: left;

    margin-right: 35px;

}



.avatar > li:last-child {

    margin-right: 0;

}



.avatar > li > span {

    float: left;

    margin-right: 15px;

    overflow: hidden;

}



.avatar > li > a {

    float: left;

    font-family: raleway;

    font-size: 11px;

    margin-top: 10px;

    text-transform: uppercase;

}



.date2 {

    float: left;

    font-family: lato;

    font-size: 11px;

    margin-top: 10px;

    width: 100%;

}



.date2 > i {

    color: #999999;

    float: left;

    font-size: 13px;

    margin-right: 10px;

}



.date2 > span {

    color: #555555;

    float: left;

}



.location {

    float: left;

    margin-bottom: 20px;

    width: 100%;

}



.location > p {

    color: #555555;

    font-size: 11px;

}



.location > p > i {

    color: #999999;

    font-size: 13px;

    margin-right: 3px;

}



.blog-post-carousel .owl-nav, .cities-carousel .owl-nav {

    color: rgba(0, 0, 0, 0);

    position: absolute;

    right: 0;

    top: -75px;

}



button {

    border: 0 none;

}



.blog-post-carousel .owl-nav > div,

.cities-carousel .owl-nav > div,

.project-overview-carousel .owl-nav > div {

    background: #fbfbfb;

    float: left;

    height: 36px;

    margin-left: 10px;

    position: relative;

    width: 36px;

}



.blog-post-carousel .owl-nav > div:before,

.cities-carousel .owl-nav > div:before,

.project-overview-carousel .owl-nav > div:before {

    color: #4e4e4e;

    content: "\f104";

    font-family: fontawesome;

    font-size: 14px;

    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%);

}



.blog-post-carousel .owl-nav > div.owl-next:before,

.cities-carousel .owl-nav > div.owl-next:before,

.project-overview-carousel .owl-nav > div.owl-next:before {

    content: "\f105";

}



.blog-post-carousel .owl-nav > div:hover,

.cities-carousel .owl-nav > div:hover,

.project-overview-carousel .owl-nav > div:hover {

    background: #1f425d none repeat scroll 0 0;

}



.blog-post-carousel .owl-nav > div:hover:before,

.cities-carousel .owl-nav > div:hover:before,

.project-overview-carousel .owl-nav > div:hover:before {

    color: #ffffff;

}



/* 22. Shipment Visibility */

.shipment-visibility {

    float: left;

    overflow: hidden;

    padding: 43px 45px;

    position: relative;

    width: 100%;

    z-index: 1;

}



.shipment-visibility > span {

    float: left;

    font-size: 29px;

    line-height: 30px;

    margin-bottom: 10px;

    text-align: center;

    width: 100%;

}



.shipment-visibility > h4 {

    color: #ffffff;

    float: left;

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 20px;

    text-align: center;

    width: 100%;

}



.shipment-visibility > p {

    float: left;

    width: 100%;

    font-family: lato;

    font-size: 14px;

    color: #e3dfdf;

    text-align: center;

    line-height: 24px;

}



.shipment-visibility > form {

    float: left;

    margin-top: 30px;

    text-align: center;

    width: 100%;

}



.shipment-visibility > form label {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #eaeaea;

    float: left;

    margin-bottom: 0;

    padding: 16px 25px;

    width: 100%;

}



.shipment-visibility > form label > i {

    color: #FFF;

    float: left;

    font-size: 13px;

    margin-right: 5px;

    margin-top: 2px;

}



.shipment-visibility input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #ffffff;

    float: left;

    font-size: 11px;

    width: 90%;

}



.shipment-visibility > form .theme-btn {

    background: #1f425d none repeat scroll 0 0;

    border: 2px solid;

    display: inline-block;

    float: none;

    margin-top: 40px;

    padding: 15px 30px;

}



.shipment-visibility > form .theme-btn:hover {

    background: transparent;

}



/* 23. About Shipment */



#about-shipment {

    float: left;

    width: 100%;

}



.safe-affordable-cargo {

    float: left;

    min-height: initial;

    padding: 0;

    position: relative;

    width: 100%;

    text-align: justify;

}



.safe-affordable-cargo:before {

    background: rgba(0, 0, 0, 0) url(../images/about-shipment-bg.png) no-repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.title2 {

    float: left;

    margin-bottom: 15px;

    width: 100%;

}



.title2 > strong {

    float: left;

    font-family: lato;

    font-size: 12px;

    font-weight: 600;

    margin-bottom: 10px;

    width: 100%;

}



.title2 > h2 {

    float: left;

    font-size: 30px;

    font-weight: 800;

    width: 100%;

}



.about-shipment-thumb {

    float: left;

    width: 100%;

}



.about-shipment-thumb > img {

    width: 100%;

}



/* 24. Packages */



.our-packages {

    float: left;

    margin-top: 30px;

    width: 100%;

}



.packages-thumb {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    float: left;

    position: relative;

    width: 100%;

}



.packages-thumb > img {

    height: auto;

    width: 100%;

}



.packages-info {

    background: #fcfcfc none repeat scroll 0 0;

    border-bottom: 3px solid #fafafa;

    border-left: 3px solid #fafafa;

    border-right: 3px solid #fafafa;

    float: right;

    margin-top: -40px;

    padding: 35px 30px;

    position: relative;

    text-align: center;

    width: 90%;

    z-index: 1;

}



.packages-info:before {

    background: #fcfcfc none repeat scroll 0 0;

    content: "";

    height: 100px;

    position: absolute;

    right: -7%;

    top: -30px;

    width: 106%;

    z-index: -1;

    -webkit-transform: rotate(-9deg);

    -moz-transform: rotate(-9deg);

    -ms-transform: rotate(-9deg);

    -o-transform: rotate(-9deg);

    transform: rotate(-9deg);

}



.packages-info > img {

    float: left;

    margin-right: 20px;

}



.packages-info > i {

    color: #808080;

    float: left;

    font-size: 50px;

    margin-right: 20px;

}



.packages-info > h2 {

    display: table;

    font-family: source sans pro;

    font-size: 19px;

    font-weight: 800;

    text-transform: uppercase;

}



.packages-info > h2 > a {

    color: #404040;

    display: block;

}



.packages-info > span {

    color: #81807e;

    display: table;

    font-family: lato;

    font-size: 12px;

    margin-top: 10px;

}



.packages-info > ul {

    border-top: 0 none;

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

    padding-top: 0;

    text-align: left;

    width: 100%;

}



.packages-info > ul > li {

    color: #888888;

    float: left;

    font-family: lato;

    font-size: 13px;

    margin-bottom: 10px;

    padding-left: 20px;

    position: relative;

    width: 100%;

    font-weight: 500;

}



#package-details-tabs .packages-info > ul > li {

    margin-bottom: 3px;

}



.packages-info > ul > li:before {

    content: "\f0da";

    font-family: fontawesome;

    left: 0;

    position: absolute;

    top: 0;

    color: #555555;

}



.packages-detail .packages-thumb > img {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}



/* 26. Get Free Quote Form */



.contact-form {

    float: left;

    position: relative;

    width: 100%;

}



.contact-form:before {

    background: rgba(0, 0, 0, 0) url(../images/contact-form-map.html) no-repeat scroll 80% 20%;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.1;

    position: absolute;

    top: 0;

    width: 100%;

}



.contact-form .title2 {

    margin-bottom: 35px;

}



.contact-form > form {

    float: left;

    width: 100%;

}



.contact-form > form > .row {

    margin: 0 -5px -10px;

}



.contact-form > form > .row > div {

    padding: 0 5px;

}



.contact-form form label,

.contact-form form textarea {

    background: #ffffff none repeat scroll 0 0;

    color: #858585;

    float: left;

    font-family: lato;

    font-size: 11px;

    font-weight: 400;

    margin-bottom: 10px;

    padding: 20px 30px;

    width: 100%;

}



.contact-form form .text-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    float: left;

    width: 90%;

}



.contact-form form textarea.text-field {

    background: #ffffff none repeat scroll 0 0;

    min-height: 125px;

    width: 100%;

}



.contact-form form i {

    float: left;

    margin-right: 5px;

    margin-top: 2px;

}



.contact-form > form button {

    float: right;

    margin-top: 11px;

    padding: 17px 34px;

}



.contact-form .theme-btn {

    margin-top: 15px;

    float: right;

}



.contact-form > form button:before {

    background: #333333 none repeat scroll 0 0;

}



.terms-services {

    float: left;

    margin-top: 44px;

    width: 100%;

}



.terms-services > span {

    float: left;

    padding-left: 30px;

    position: relative;

    width: 100%;

}



.terms-services .icheckbox_futurico2.checked:before {

    font-size: 10px;

    opacity: 1;

}



.terms-services .icheckbox_futurico2 {

    height: 15px;

    width: 15px;

}



.terms-services > span > label {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #ece4e4;

    font-size: 12px;

    margin-bottom: 0;

    padding: 0;

}



.terms-services > span > label > a {

    text-decoration: underline;

}



/* 27. News */

.news-box {

    float: left;

    margin-bottom: 30px;

    width: 100%;

}



.news-detail .post-metas {

    margin-top: 18px;

}



.news-detail > h2 > a {

    color: #404040;

    display: block;

}



.news-thumb > a > img {

    float: left;

    height: auto;

    width: 100%;

}



.news-detail > h2 {

    color: #404040;

    float: left;

    font-size: 17px;

    font-weight: 800;

    line-height: 25px;

    margin: 0 0 8px;

    text-transform: uppercase;

    width: 100%;

    max-height: 45px;

    overflow: hidden;

}



.news-detail {

    background: #fdfdfd none repeat scroll 0 0;

    float: left;

    padding: 50px 40px;

    text-align: center;

    width: 100%;

    border: 3px solid #fafafa;

}



.news-detail > p {

    color: #666666;

    line-height: 26px;

}



.news-thumb {

    float: left;

    position: relative;

    width: 100%;

}



.date {

    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    bottom: -27px;

    left: 20px;

    overflow: hidden;

    position: absolute;

    text-align: center;

    width: 75px;

    z-index: 2;

}



.date > strong {

    color: #234660;

    float: left;

    font-family: raleway;

    font-size: 24px;

    font-weight: 800;

    line-height: 22px;

    padding: 15px 10px;

    width: 100%;

}



.date > span {

    color: #ffffff;

    float: left;

    font-family: raleway;

    font-size: 9px;

    font-weight: 700;

    padding: 7px 10px;

    text-transform: uppercase;

    width: 100%;

}



.post-meta2 {

    display: inline-block;

    list-style: outside none none;

    margin: 10px 0;

    padding-left: 0;

}



.post-meta2 > li {

    color: #676767;

    float: left;

    font-family: raleway;

    font-size: 11px;

    padding: 0 25px;

    position: relative;

}



.post-meta2 > li > i {

    color: #676767;

    float: left;

    font-size: 13px;

    margin-right: 10px;

}



.post-meta2 > li > a {

    color: #676767;

    position: relative;

}



.post-meta2 > li:first-child {

    padding-left: 0;

}



.post-meta2 > li:before {

    border-left: 1px dashed #bcbcbc;

    content: "";

    height: 100%;

    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%);

}



.post-meta2 > li:last-child {

    padding-right: 0;

}



.post-meta2 > li:first-child:before {

    display: none;

}



/* 28. Toggle */

#reviews-sec {

    float: left;

    width: 100%;

}



.company-benifits2 {

    float: left;

    width: 100%;

}



.heading4 > span {

    font-size: 12px;

    font-weight: 600;

}



.heading4 > h3 {

    font-size: 26px;

}



.toggle {

    float: left;

    margin-top: -5px;

    width: 100%;

}



.toggle-item {

    float: left;

    margin-top: 5px;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.toggle-item > h3 {

    background: #2f2f2f;

    color: #FFF;

    cursor: pointer;

    float: left;

    font-size: 13px;

    font-weight: 700;

    padding: 20px 25px 20px 45px;

    position: relative;

    width: 100%;

    font-family: raleway;

}



.toggle-item > h3 > i {

    float: left;

    font-size: 14px;

    margin-right: 10px;

    margin-top: 2px;

}



.toggle-item > h3 > span {

    background: #FFF none repeat scroll 0 0;

    color: #444;

    float: right;

    font-size: 13px;

    height: 21px;

    line-height: 21px;

    position: absolute;

    right: 25px;

    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: 21px;

}



.toggle-item > h3.active > span {

    background: #EFEFEF

}



.toggle-item > h3.active > span > i {

    position: relative;

    top: 3px;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.toggle-item > h3 > span i {

    line-height: 20px;

}





.toggle-item > h3.active {

    background: transparent none repeat scroll 0 0;

}



.toggle-item .content {

    float: left;

    display: none;

    padding: 0 45px 30px;

    width: 100%;

}



.simple-text > p {

    color: #555555;

    font-size: 13px;

    line-height: 26px;

}



.toggle-item.activate {

    background: #FFF

}



.toggle-item.activate > h3 {

    font-size: 16px

}



/* 29. Reviews Sec */



.customers-reviews {

    float: left;

    width: 100%;

}



.customers-review-carousel {

    float: left;

    width: 100%;

}



.review-area {

    float: left;

    width: 100%;

}



.customer-thumb {

    float: left;

    margin-right: 30px;

    max-width: 112px;

    overflow: hidden;

}



.customer-thumb > img {

    width: 100%;

}



.customer-detail {

    display: table;

}



.customer-detail > p > span {

    background: #1f425d none repeat scroll 0 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    color: #fbfbfb;

    float: left;

    font-family: lato;

    font-size: 14px;

    height: 48px;

    line-height: 48px;

    margin-right: 15px;

    text-align: center;

    width: 47px;

    position: relative;

}



.customer-detail > p > span i {

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate(-50%, -50%);

}





.customer-detail > p {

    color: #555555

}



.customer-info {

    float: left;

    margin-top: 50px;

    width: 100%;

}



.customer-info > h4 {

    color: 404040;

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 17px;

}



.customer-info > h5 {

    font-size: 12px;

    font-weight: 700;

}



.customers-review-carousel .owl-nav {

    bottom: 5px;

    color: transparent;

    position: absolute;

    width: 120px;

    text-align: center;

}



.customers-review-carousel .owl-nav > div {

    background: rgba(204, 206, 207, 0.2) none repeat scroll 0 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    float: none;

    display: inline-block;

    height: 37px;

    margin-right: 4px;

    position: relative;

    width: 36px;

}



.customers-review-carousel .owl-nav > div:hover {

    background: #1f425d none repeat scroll 0 0;

}



.customers-review-carousel .owl-nav > div:before {

    color: #777472;

    content: "\f104";

    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%);

}



.customers-review-carousel .owl-nav > div.owl-next:before {

    content: "\f105";

}



.customers-review-carousel .owl-nav > div:hover:before {

    color: #FFF

}



/* 30. Member Sec */

#members-sec {

    float: left;

    width: 100%;

}



.member {

    float: left;

    margin-right: 10px;

    margin-top: 30px;

    overflow: hidden;

    position: relative;

    width: 280px;

}



.members-area > .member:first-child:nth-last-child(2),

.members-area > .member:first-child:nth-last-child(2) ~ .member {

    width: 33%;

}



.members-area > .member:first-child:nth-last-child(3),

.members-area > .member:first-child:nth-last-child(3) ~ .member {

    width: 25%;

}



.members-area > .member.clicked:first-child:nth-last-child(2),

.members-area > .member:nth-last-child(2) ~ .member.clicked {

    width: 66% !important;

}



.members-area > .member.clicked:first-child:nth-last-child(3),

.members-area > .member:nth-last-child(3) ~ .member.clicked {

    width: 48.2% !important;

}



.member:last-child {

    margin-right: 0;

}



.member.clicked {

    width: 590px;

}



.member.clicked .member-thumb {

    width: 51.7%;

}



.member-thumb {

    cursor: pointer;

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}



.member-thumb:before {

    background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(55, 55, 55, 0) 49%, rgba(0, 0, 0, .8) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(55, 55, 55, 0)), color-stop(49%, rgba(55, 55, 55, 0)), color-stop(100%, rgba(0, 0, 0, .8)));

    background: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(55, 55, 55, 0) 49%, rgba(0, 0, 0, .8) 100%);

    background: -o-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(55, 55, 55, 0) 49%, rgba(0, 0, 0, .8) 100%);

    background: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(55, 55, 55, 0) 49%, rgba(0, 0, 0, .8) 100%);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(55, 55, 55, 0) 49%, rgba(0, 0, 0, .8) 100%);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.member.clicked .member-thumb:before,

.member.clicked .member-thumb .member-info {

    opacity: 0;

    visibility: hidden;

}



.member-thumb > img {

    height: auto;

}



.member-thumb .member-info {

    bottom: 0;

    padding: 40px 45px;

    position: absolute;

    width: 100%;

}



.member-thumb .member-info > h4 {

    margin-bottom: 0;

}



.member-detail {

    background: rgba(31, 66, 93, 0.95) none repeat scroll 0 0;

    display: none;

    opacity: 0;

    padding: 35px 30px;

    vertical-align: middle;

    visibility: hidden;

    width: 0;

}



.member.clicked .member-detail {

    width: 50%;

    display: table-cell;

    opacity: 1;

    visibility: visible;

}



.member-info > span {

    float: left;

    font-family: lato;

    font-size: 11px;

    margin-bottom: 10px;

    text-transform: uppercase;

    width: 100%;

}



.member-info > h4 {

    float: left;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 14px;

    text-transform: uppercase;

    width: 100%;

}



.member-info > h4 > a {

    color: #ffffff;

    float: left;

    width: 100%;

}



.member-detail > p {

    color: #e1e1e1;

    font-size: 13px;

    line-height: 26px;

}



.social-btns {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    margin-top: 35px;

    padding-left: 0;

    width: 100%;

}



.social-btns > li {

    float: left;

    margin-right: 4px;

}



.social-btns > li:last-child {

    margin-right: 0;

}



.social-btns > li > a {

    border: 1px solid transparent;

    color: #ffffff;

    float: left;

    height: 34px;

    line-height: 34px;

    text-align: center;

    width: 38px;

}



.social-btns > li > a:hover {

    background: transparent none repeat scroll 0 0;

    border-color: #afacac;

}



/* 31. Page Top */

.page-top {

    float: left;

    padding: 125px 0 70px;

    position: relative;

    width: 100%;

}



.page-title {

    float: left;

    text-align: center;

    width: 100%;

}



.page-title > span {

    color: #ffffff;

    float: left;

    font-family: raleway;

    font-size: 12px;

    text-transform: uppercase;

    width: 100%;

}



.page-title > h3, .page-title > h1 {

    color: #ffffff;

    float: left;

    font-size: 35px;

    font-weight: 700;

    margin: 10px 0 0;

    text-transform: uppercase;

    width: 100%;

}



/* 32. Blog List */



.blog-list .news-detail {

    padding-bottom: 0;

}



.blog-list .post-meta2 {

    background: #ffffff none repeat scroll 0 0;

    display: inline-block;

    float: none;

    margin-bottom: -5px;

    margin-top: 40px;

    padding: 25px 100px 15px;

    width: auto;

}



.blog-list .news-detail > h2 {

    font-size: 18px;

}



/* 33. Blog Details */



.blog-detail .news-detail {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    padding: 40px 0 0;

    border: 0;

    text-align: left;

}



.detail-info {

    border-bottom: 4px double #e9e9e9;

    border-top: 4px double #e9e9e9;

    float: left;

    margin-top: 15px;

    padding: 18px 0;

    width: 100%;

}



.detail-info .post-meta2 {

    margin: 0;

    width: auto;

}



.blog-detail > .news-detail > h1, .blog-detail > .news-detail > h3 {

    color: #404040;

    font-size: 22px;

    font-weight: bold;

    margin: 0 0 8px;

}



.cat-list {

    float: left;

    margin-bottom: 10px;

    width: 100%;

}



.cat-list > span {

    float: left;

    font-size: 13px;

    margin-right: 10px;

}



.cat-list > ul {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

}



.cat-list > ul > li {

    color: #8b8784;

    float: left;

    font-size: 13px;

    margin-right: 10px;

    padding-right: 20px;

    position: relative;

}



.cat-list > ul > li:last-child {

    margin-right: 0;

    padding-right: 0;

}



.cat-list > ul > li::before {

    color: inherit;

    content: "\f101";

    font-family: fontawesome;

    position: absolute;

    right: 0;

}



.cat-list > ul > li:last-child::before {

    display: none;

}



.cat-list > ul > li > a {

    color: inherit;

}



.share-it {

    float: right;

}



.share-it > span {

    color: #343434;

    float: left;

    font-family: raleway;

    font-size: 13px;

    font-weight: bold;

    margin-right: 10px;

    text-transform: uppercase;

}



.share-it > ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.share-it > ul > li {

    float: left;

    font-size: 14px;

    margin: 0 12px;

    position: relative;

}



.share-it > ul > li:before {

    border-right: 1px solid #cccccc;

    content: "";

    height: 10px;

    margin-top: -5px;

    position: absolute;

    right: -13px;

    top: 50%;

}



.share-it > ul > li:last-child:before {

    display: none;

}



.share-it > ul > li > a {

    color: #848484;

    display: block;

}



.blog-detail > p {

    margin-top: 20px;

    margin-bottom: 10px;

}



.tags-div {

    background: #fafafa none repeat scroll 0 0;

    float: left;

    margin-top: 60px;

    padding: 40px 60px 30px;

    width: 100%;

}



.tags-div > strong {

    color: #484747;

    float: left;

    font-size: 17px;

    margin-right: 45px;

    margin-top: 10px;

}



.tags-div .cargo-tags {

    width: auto;

}



.tags-div .cargo-tags > a::before {

    background: #ffffff none repeat scroll 0 0;

}



blockquote {

    background: rgba(0, 0, 0, 0) url(../images/post4-bg.html) no-repeat scroll center / cover;

    border: 0 none;

    float: left;

    margin-bottom: 10px;

    margin-top: 50px;

    padding: 46px 56px;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 1;

}



blockquote:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.6;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



blockquote > p {

    color: #ffffff;

    font-family: raleway;

    font-size: 18px;

    font-style: italic;

    font-weight: bold;

}



/* 34. Comment Thread */



.comments-thread {

    float: left;

    margin-top: 30px;

    width: 100%;

}



.comment-main {

    float: left;

    width: 100%;

}



.heading6 {

    float: left;

    margin-bottom: 30px;

    position: relative;

    width: 100%;

}



.heading6 > h3 {

    color: #484747;

    float: left;

    font-size: 22px;

    font-weight: 700;

    margin: 0;

    text-transform: uppercase;

    width: 100%;

}



.heading6 > p {

    margin-top: 10px;

    padding-left: 70px;

    position: relative;

}



.heading6 > p:before {

    bottom: 50%;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 50px;

}



.comment-main > ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}



.comment-main ul ul {

    padding-left: 30px;

}



.comment-main ul li {

    float: left;

    margin-top: 10px;

    position: relative;

    width: 100%;

}



.comment {

    background: #fbfbfb none repeat scroll 0 0;

    float: left;

    min-height: 187px;

    overflow: hidden;

    padding-left: 210px;

    position: relative;

    width: 100%;

}



.comment > img {

    left: 0;

    position: absolute;

}



.comment-detail {

    float: left;

    padding: 40px 40px 29px 0;

    position: relative;

    width: 100%;

}



.comment-info {

    float: left;

    padding-bottom: 10px;

    width: 100%;

}



.comment-info > h6 {

    float: left;

    font-size: 16px;

    font-weight: bold;

    margin: 0 25px 0 0;

}



.comment-info > h6 > a {

    color: #343434;

    text-transform: uppercase;

}



.comment-info > h6 > span {

    color: #666666;

    font-size: 13px;

    font-weight: normal;

}



.comment-info > i {

    float: left;

    font-family: lato;

    font-size: 12px;

    font-style: normal;

    margin-top: 5px;

}



.comment-info > a {

    float: right;

    font-size: 9px;

    padding: 7px 20px;

}



.reply {

    background: #f1f1f1 none repeat scroll 0 0;

}



.comment-info > a:before,

.reply-form > form a:before,

.banner2 form a:before {

    background: #1f425d none repeat scroll 0 0;

}



/* 35. Leave Reply */



.leave-reply {

    float: left;

    margin-top: 30px;

    width: 100%;

}



.reply-form {

    float: left;

    width: 100%;

}



.reply-form > form > .row {

    margin: 0 -5px -10px;

}



.reply-form > form .row div {

    padding: 0 5px 10px;

}



.reply-form > form {

    float: left;

    width: 100%;

}



.reply-form .text-field {

    background: #f0f0f0 none repeat scroll 0 0;

    border: 0 none;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;



    color: #929292;

    font-family: lato;

    padding: 17px 30px;

    width: 100%;

}



.reply-form textarea.text-field {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;



    height: 185px;

}



.reply-form > form a {

    float: right;

    margin-top: 30px;

    padding: 17px 39px;

}



/* 36. Widgets */



.widget-data {

    float: left;

    width: 100%;

}



.heading7 {

    float: left;

    margin-bottom: 40px;

    padding-bottom: 20px;

    position: relative;

    width: 100%;

}



.heading7 > span {

    float: left;

    font-family: raleway;

    font-size: 12px;

    font-weight: 600;

    width: 100%;

}



.heading7 > h3,

.heading7 > a {

    color: #555555;

    float: left;

    font-size: 20px;

    font-weight: 800;

    margin: 10px 0 0;

    text-transform: uppercase;

    width: 100%;

}



.heading7:before {

    bottom: -1px;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    width: 57px;

}



.heading7:after {

    background: #d8d8d8 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    right: 0;

    width: 83%;

}



/* Recent News Widget */



.widget-data .post-box {

    float: left;

    margin-top: 10px;

    position: relative;

    width: 100%;

}



.widget-data .post-box:first-child {

    margin: 0;

}



.widgets1 {

    float: left;

    margin-top: 70px;

    width: 100%;

}



.widgets1:first-child {

    margin-top: 30px;

}



.widget-data .post-box:before {

    background: #f9f8f8 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.9;

    position: absolute;

    top: 0;

    width: 100%;

}



.post-box > img {

    width: 100%;

}



.recent-news-thumb {

    position: absolute;

    top: 0;

}



.recent-news-thumb > img {

    width: 100%;

}



.recent-news-desc {

    float: left;

    padding: 20px 20px 20px 175px;

    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%;

}



.recent-news-desc > .post-meta2 > li {

    margin-bottom: 0;

}



.recent-news-desc > .post-meta2 > li > a {

    color: #848484;

    font-size: 11px;

    padding-left: 0;

    width: auto;

}



.recent-news-desc > .post-meta2 > li > a:before {

    display: none;

}



.recent-news-desc > .post-meta2 > li > i {

    font-size: 11px;

}



.recent-news-desc > h2 {

    float: left;

    font-size: 13px;

    font-weight: bold;

    line-height: 24px;

    margin: 12px 0;

    width: 100%;

}



.recent-news-desc > h2 > a {

    color: #404040;

    float: left;

}



/* Track Form */



.banner2 {

    float: left;

    position: relative;

    width: 100%;

}



.banner2:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.8;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.banner2 .parallax {

    z-index: -2;

}



.banner-detail1 {

    float: left;

    padding: 55px;

    text-align: center;

    width: 100%;

}



.banner-detail1 > p {

    color: #e4e3e3;

    margin: 10px 0 30px;

}



.banner2 .banner-detail {

    text-align: center;

}



.banner2 .heading2 {

    margin-bottom: 0;

}



.banner2 .heading2 > span {

    font-size: 12px;

}



.banner2 .heading2 > h3 {

    color: #ffffff;

    font-size: 28px;

    margin-top: 10px;

    padding-bottom: 0;

}



.banner-detail1 > form {

    float: left;

    width: 100%;

}



.banner-detail1 label {

    background: #ffffff none repeat scroll 0 0;

    color: #858585;

    float: left;

    font-family: lato;

    font-size: 11px;

    padding: 20px 30px;

    position: relative;

    width: 100%;

}



.banner2 .text-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    font-weight: normal;

    padding: 0;

    width: 90%;

}



.banner-detail1 form label > i {

    color: #858585;

    font-size: 11px;

    margin-right: 5px;

}



.banner2 form a {

    display: inline-block;

    float: none;

    margin-top: 30px;

    padding: 17px 39px;

}



/* Gallery Photos */



.gallery-photos .row {

    margin: -10px -5px 0;

}



.gallery-photos .row > div {

    padding: 10px 5px 0;

}



.gallery-photos a {

    position: relative;

}



.gallery-photos img {

    width: 100%;

}



.gallery-photos a:hover > img {

    opacity: 0.8;

}



/* Cardgo Video */



.cargo-video {

    float: left;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.cargo-video > img {

    width: 100%;

}



.cargo-video:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.8;

    position: absolute;

    top: 0;

    width: 100%;

}



.cargo-video-cap {

    padding: 50px;

    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%;

}



.cargo-video-cap > a {

    border: 5px solid;

    display: inline-block;

    font-size: 17px;

    height: 60px;

    line-height: 52px;

    position: relative;

    width: 60px;

    padding-left: 5px;

}



.cargo-video-cap > p {

    color: #ffffff;

    font-size: 16px;

    font-weight: bold;

    margin-top: 30px;

}



/* Cargo Tags */



.cargo-tags {

    float: left;

    width: 100%;

}



.cargo-tags > a,

.tagcloud > a {

    color: #666666;

    float: left;

    font-family: lato;

    font-size: 12px;

    margin-bottom: 10px;

    margin-right: 10px;

    padding: 13px 32px;

    position: relative;

    z-index: 1;

}



.cargo-tags > a:hover,

.tagcloud > a:hover {

    color: #ffffff;

}



.cargo-tags > a:before,

.tagcloud > a:before {

    background: #f7f6f6 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    -webkit-transform: skewX(-19deg);

    -moz-transform: skewX(-19deg);

    -ms-transform: skewX(-19deg);

    -o-transform: skewX(-19deg);

    transform: skewX(-19deg);

    width: 100%;

    z-index: -1;

}



.widget-data > form,

.widget_search > form {

    background: #f9f9f9 none repeat scroll 0 0;

    float: left;

    padding: 17px 30px;

    position: relative;

    width: 100%;

}



.widget-data > form > input,

.widget_search > form > label input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    color: #c1c1c1;

    float: left;

    font-family: lato;

    font-size: 11px;

    width: 100%;

}



.widget-data > form button,

.widget_search > form > input.search-submit {

    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px 0 0 3px;

    -moz-border-radius: 3px 0 0 3px;

    -ms-border-radius: 3px 0 0 3px;

    -o-border-radius: 3px 0 0 3px;

    border-radius: 3px 0 0 3px;

    color: #6e6e6e;

    float: right;

    font-size: 13px;

    height: 37px;

    line-height: 37px;

    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%);

}



.widget_search > form > input.search-submit {

    padding: 0 15px !important;

}



.widget-data > form button {

    color: #fff;

    width: 37px;

}



/* Recent  Posts */



.recent-post-widget {

    float: left;

    margin-top: 10px;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.recent-post-widget:first-child {

    margin-top: 0;

}



.recent-post-widget:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 20%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.recent-post-widget > img {

    width: 100%;

}



.recent-post-content {

    opacity: 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: 100%;

}



.recent-post-content > h4 {

    color: #ffffff;

    float: left;

    font-size: 16px;

    margin: 0 0 20px;

    text-align: center;

    width: 100%;

}



.recent-post-content > h4 a {

    color: #ffffff;

}



.recent-post-widget .post-meta2 > li {

    color: #dddcdc;

    margin-bottom: 0;

    width: auto;

}



.recent-post-widget .post-meta2 > li > a {

    float: none;

    padding-left: 0;

    width: auto;

}



.recent-post-widget .post-meta2 > li > a:before {

    display: none;

}



.recent-post-widget .post-meta2 {

    display: inline-block;

    float: none;

    width: auto;

}



.recent-post-widget .post-meta2 > li > i {

    color: #dddcdc;

    margin-top: 4px;

}



.recent-post-widget:hover:before,

.recent-post-widget.active:before {

    height: 100%;

    opacity: 0.8;

}



.recent-post-widget:hover .recent-post-content,

.recent-post-widget.active .recent-post-content {

    opacity: 1;

}



/* Widget Links */



.widget-links {

    float: left;

    width: 100%;

}



.widget-links > ul {

    float: left;

    width: 100%;

}



.widget-links li,

.widget_archive.widget ul > li,

.widget_categories.widget ul > li,

.widget_pages.widget ul > li,

.widget_meta.widget ul > li,

.widget_recent_entries.widget ul > li,

.widget_rss.widget ul > li,

.widget_nav_menu.widget ul > li {

    color: #666666;

    font-family: lato;

    font-size: 13px;

    padding-left: 25px;

    position: relative;

    text-align: right;

}



.widget_nav_menu.widget ul > li {

    padding-left: 0;

}



.widget-links li:before,

.widget_archive.widget ul > li::before,

.widget_meta.widget ul > li:before,

.widget_recent_entries.widget ul > li:before,

.widget_categories.widget ul > li:before,

.widget_pages.widget ul > li:before {

    color: #666666;

    content: "\f13d";

    font-family: fontawesome;

    font-size: 13px;

    left: 0;

    position: absolute;

}



.widget-links ul > li > a,

.widget_archive.widget ul > li > a,

.widget_categories.widget ul > li > a,

.widget_pages.widget ul > li > a,

.widget_meta.widget ul > li > a,

.widget_recent_entries.widget ul > li > a,

.widget_rss.widget ul > li > a,

.widget_nav_menu.widget ul > li > a {

    color: #666666;

    display: block;

    font-size: 15px;

    width: auto;

    font-weight: 500;

}



.widget-links ul > li > a:before,

.widget_archive.widget ul > li > a:before,

.widget_pages.widget ul > li > a:before,

.widget_categories.widget ul > li > a:before,

.widget_meta.widget ul > li > a:before,

.widget_recent_entries.widget ul > li > a:before,

.widget_rss.widget ul > li > a:before {

    display: none;

}



/* 37. Gallery 1 */



.gallery1 {

    float: left;

    width: 100%;

}



.gallery1 .row {

    margin: 0 -5px;

}



.gallery1 .row > div {

    padding: 0 5px 10px;

}



.gallery-img {

    float: left;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

}



.gallery-img:before,

.gallery-padding:before,

.gallery-img:after,

.gallery-padding:after {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 20%;

    opacity: 0;

    position: absolute;

    width: 20%;

    z-index: 1;

}



.gallery-img:before,

.gallery-padding:before {

    bottom: 0;

    left: 0;

}



.gallery-img:after,

.gallery-padding:after {

    right: 0;

    top: 0;

}



.gallery-img:hover:before,

.gallery-img:hover .gallery-padding:before,

.gallery-img:hover:after,

.gallery-img:hover .gallery-padding:after {

    height: 100%;

    opacity: 0.4;

    width: 100%;

}



.gallery-detail {

    opacity: 0;

    padding: 0 20px;

    position: absolute;

    top: 0;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



    width: 100%;

    z-index: 2;

}



.gallery-detail > h3 {

    color: #ffffff;

    float: left;

    font-size: 20px;

    font-weight: bold;

    margin: 0 0 15px;

    padding-bottom: 20px;

    position: relative;

    width: 100%;

}



.gallery-detail > h3:before {

    bottom: 0;

    content: "";

    height: 2px;

    left: 50%;

    margin-left: -25px;

    position: absolute;

    width: 50px;

}



.gallery-detail > a {

    display: inline-block;

    font-size: 24px;



    -webkit-transform: rotate(100deg);

    -moz-transform: rotate(100deg);

    -ms-transform: rotate(100deg);

    -o-transform: rotate(100deg);

    transform: rotate(100deg);

}



.gallery-img > img {

    width: 100%;

}



.gallery-img:hover .gallery-detail {

    opacity: 1;

    top: 50%;



    -webkit-transition-delay: .2s !important;

    -moz-transition-delay: .2s !important;

    -ms-transition-delay: .2s !important;

    -o-transition-delay: .2s !important;

    transition-delay: .2s !important;

}



/* 38. Gallery 5 */



.gallery5 {

    float: left;

    width: 100%;

}



.gallery5-carousel {

    float: left;

    padding: 0 70px;

    width: 100%;

}



.gallery-detail1 {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    bottom: 40px;

    display: inline-block;

    left: 50%;

    margin-top: 0;

    opacity: 1;

    padding: 30px 80px 10px;

    top: auto;



    -webkit-transform: scale(1) translateX(-50%);

    -moz-transform: scale(1) translateX(-50%);

    -ms-transform: scale(1) translateX(-50%);

    -o-transform: scale(1) translateX(-50%);

    transform: scale(1) translateX(-50%);



    width: auto;

}



.gallery5-carousel-controls {

    float: left;

    width: 100%;

}



.gallery5-thumb {

    float: left;

    margin-top: 30px;

    position: relative;

    width: 100%;

}



.secondary > img {

    width: 100%;

}



.gallery5-thumb > a:before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;



    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);



    width: 100%;

}



.gallery5-thumb > a > i {

    color: #ffffff;

    font-size: 24px;

    left: 50%;

    margin-left: -12px;

    margin-top: -12px;

    opacity: 0;

    position: absolute;

    top: 50%;

}



.gallery5-thumb.clicked > a:before {

    opacity: 0.7;



    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.gallery5-thumb.clicked > a > i {

    opacity: 1;

}



.gallery5-carousel .owl-nav {

    color: transparent;

    left: 0;

    margin-top: -13.5px;

    opacity: 0;

    position: absolute;

    top: 50%;

    width: 100%;

}



.gallery5-carousel .owl-nav .owl-prev,

.gallery5-carousel .owl-nav .owl-next {

    background: rgba(0, 0, 0, 0) url(../images/arrow1.png) repeat scroll 0 0;

    height: 27px;

    left: 40px;

    position: absolute;

    width: 40px;

}



.gallery5-carousel .owl-nav .owl-next {

    left: auto;

    position: absolute;

    right: 40px;



    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.gallery5-carousel:hover .owl-nav {

    left: 0;

    opacity: 1;

}



.gallery5-carousel:hover .owl-nav .owl-next {

    right: 0;

}



.gallery5-carousel:hover .owl-nav .owl-prev {

    left: 0;

}



.gallery5-img {

    float: left;

    position: relative;

    text-align: center;

    width: 100%;

}



/* 39. Gallery 6 */



.gallery6 {

    float: left;

    width: 100%;

}



.gallery6 .gallery-img {

    margin-top: 30px;

}



.gallery6 .gallery-img:hover:before,

.gallery6 .gallery-img:hover:after {

    display: none;

}



.padd {

    height: 100%;

    left: 0;

    padding: 15px;

    position: absolute;

    top: 0;

    width: 100%;

}



.gallery-padding {

    height: 100%;

    left: 0;

    position: relative;

    top: 0;

    width: 100%;

}



/* 40. About */



.about {

    background-position: center top;

    min-height: initial;

    padding-bottom: 0;

}



.about-shipment-thumb {

    float: left;

    width: 100%;

}



.about-shipment-thumb > img {

    width: 100%;

}



/* 41. Contact */



.map {

    display: block !important;

    float: left;

    width: 100%;

}



#map-canvas {

    float: left;

    height: 500px;

    margin: 0;

    padding: 0;

    width: 100%;

}



.team-detail-info {

    background: rgba(0, 0, 0, 0) url(../images/contact-detail.html) no-repeat scroll 0 0 / cover;

    float: left;

    margin-bottom: 30px;

    padding: 80px 50px;

    position: relative;

    width: 100%;

    z-index: 1;

}



.team-detail-info:before {

    background: #ececec none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.95;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.get-quote-form .heading2 {

    margin-bottom: 10px;

    margin-top: 15px;

}



.get-quote-form .heading2 > h3 {

    color: #3e3e3e;

    font-size: 28px;

}



.contact-info-form > form textarea.text-field {

    height: 150px;

}



.region-contact-info .heading2 > h3 {

    color: #3e3e3e;

    font-size: 24px;

}



.region-contact-info > p {

    color: #686868;

    font-size: 13px;

    line-height: 26px;

}



.region-contact-info .heading2 {

    margin-bottom: 20px;

}



.contact-detail {

    float: left;

    width: 100%;

}



.contact {

    float: left;

    margin-top: 40px;

    width: 100%;

}



.contact > i {

    color: #848484;

    float: left;

    font-size: 22px;

    margin-right: 20px;

}



.contact:hover > i {

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}



.contact > strong {

    color: #3e3e3e;

    display: table;

    font-family: raleway;

    font-size: 14px;

    font-weight: bold;

    margin: 0;

    text-transform: uppercase;

}



.contact > span {

    color: #686868;

    float: left;

    font-family: lato;

    font-size: 12px;

    margin-right: 28px;

    margin-top: 15px;

}



.get-quote-form > p {

    margin-bottom: 30px;

}



.get-quote-form > form {

    float: left;

    width: 100%;

}



.get-quote-form > form .row {

    margin: 0 -2px -5px;

}



.get-quote-form > form .row div {

    padding: 0 2px 5px;

}



.get-quote-form > form button {

    margin-top: 30px;

}



.get-quote-form > form textarea.text-field {

    height: 120px;

}



.get-quote-form > form .theme-btn {

    background: #1f425d none repeat scroll 0 0;

    margin-top: 40px;

    padding: 17px 35px;

}



#contactform .text-field, .services-calculator form .text-field {

    background: #ffffff none repeat scroll 0 0;

    border: medium none;

    color: #858585;

    float: left;

    font-family: roboto;

    font-size: 11px;

    margin-bottom: 10px;

    padding: 20px 30px;

    width: 100%;

}



form#contactform .text-field {

    background: #f9f9f9 none repeat scroll 0 0;

    border: medium none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



form#contactform textarea.text-field {

    height: 205px;

}



/* 42. Packages Detail */



#package-details-tabs {

    float: left;

    width: 100%;

}



#package-details-tabs .packages-info:before {

    display: none;

}



.packages-info .nav {

    border-bottom: 0 none;

    bottom: 65px;

    margin: 0;

    position: absolute;

    right: 35px;

    width: auto;

    z-index: 1;

}



.packages-info > .nav-tabs > li {

    margin: 0 10px 0 0;

    overflow: hidden;

    padding-left: 0;

    width: auto;

}



.packages-info > .nav-tabs > li:before {

    display: none;

}



.packages-info > .nav-tabs > li.active a {

    border: 0 none;

}



.packages-info > .nav-tabs > li > a {

    border: 0 none;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;



    margin: 0;

    padding: 0;

}



.packages-info > .nav-tabs > li > a > i {

    color: #ffffff;

    font-size: 30px;

    font-weight: bold;

    left: 50%;

    margin-left: -10px;

    margin-top: -19px;

    opacity: 0;

    position: absolute;

    top: 50%;

}



.packages-info > .nav > li > a:before {

    content: "";

    height: 100%;

    opacity: 0;

    position: absolute;



    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);



    width: 100%;

}



.packages-info > .nav-tabs > li.active > a:before {

    opacity: 0.8;



    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.packages-info > .nav-tabs > li.active > a > i {

    opacity: 1;

}



.packages-detail:hover .packages-thumb:before {

    display: none;

}



.packages-detail:hover .packages-thumb:after {

    height: 100px;

    opacity: 1;

}



.packages-detail:hover .packages-thumb > span {

    bottom: 0;

    padding: 20px 20px 35px;



    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

}



#package-details-tabs .packages-info > .nav-tabs > li:last-child {

    margin-right: 0;

}



#package-details-tabs .tab-content {

    float: left;

    position: relative;

    width: 100%;

}



#package-details-tabs .tab-content > span {

    text-align: right;

}



#package-details-tabs .packages-info {

    background: #fafafa none repeat scroll 0 0;

    float: left;

    padding: 35px;

    position: relative;

    width: 100%;

}



#package-details-tabs .packages-info > h2 {

    font-size: 22px;

    margin: 0;

    width: auto;

}



#package-details-tabs .packages-info > span {

    display: table;

    float: none;

    margin-bottom: 10px;

    width: auto;

}



.packages-info > a {

    float: right;

    margin-top: -50px;

}



.packages-info > a:before {

    background: #1f425d none repeat scroll 0 0;

}



.features {

    border-top: 1px solid #dddddd;

    float: left;

    list-style: outside none none;

    margin: 20px 0 0;

    padding: 10px 0 0;

    width: 100%;

}



.features > li {

    color: #444444;

    float: left;

    font-family: arial;

    font-size: 12px;

    margin: 10px 0;

    padding-left: 20px;

    position: relative;

    width: 100%;

}



.desc {

    float: left;

    width: 100%;

}



.desc > p {

    font-size: 13px;

    margin-top: 30px;

}



.packages-detail {

    margin-bottom: 0;

}



/* Services Menu */



.services-menu {

    background: #fafafa none repeat scroll 0 0;

    float: left;

    margin-bottom: 30px;

    padding: 70px 50px;

    width: 100%;

}



.services-menu .heading2 {

    margin-bottom: 30px

}



.services-menu .heading2 > h2 {

    font-size: 28px;

    font-weight: 800;

}



.services-menu > ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}



.services-menu > ul > li {

    float: left;

    font-family: raleway;

    font-weight: 600;

    font-size: 13px;

    line-height: 25px;

    margin-bottom: 25px;

    text-transform: capitalize;

    width: 100%;

}



.services-menu > ul > li > a {

    color: #404040;

    display: block;

}



.services-details {

    float: left;

    width: 100%;

}



.service-detail-post {

    float: left;

    width: 100%;

}



.services-thumb {

    float: left;

    width: 100%;

}



.services-thumb > img {

    height: auto;

    width: 100%;

}



.services-info {

    float: left;

    margin: 70px 0;

    width: 100%;

}



.services-info > h2 {

    color: #404040;

    font-family: raleway;

    font-size: 30px;

    font-weight: bold;

    margin: 0 0 8px;

}



.services-info > span {

    color: #444444;

    float: left;

    font-family: raleway;

    font-size: 13px;

    font-weight: 300;

    width: 100%;

}



/* Services Detail Tabs */



#services-detail-tabs {

    border: 1px solid #d1d1d1;

    float: left;

    padding: 30px 60px 60px;

    position: relative;

    width: 100%;

}



#services-detail-tabs .nav {

    border: medium none;

    margin-top: -62px;

    position: absolute;

}



#services-detail-tabs .nav > li {

    float: left;

    font-family: raleway;

    margin: 0;

}



#services-detail-tabs .nav > li > a {

    background: #ededed none repeat scroll 0 0;

    border: 0 none;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;



    color: #404040;

    font-weight: bold;

    margin-right: 1px;

    padding: 21px 45px;

    text-transform: uppercase;

}



#services-detail-tabs .nav > li.active > a {

    background: #fafafa none repeat scroll 0 0;

}



.services-tabs-content {

    float: left;

    width: 100%;

}



.services-tabs-content > p {

    margin-top: 30px;

}



.services-tabs-content > ul {

    margin-top: 40px;

}



/* Chart Detail */



.chart-detail {

    float: left;

    margin-top: 40px;

    width: 100%;

}



.chart-rating {

    float: left;

    width: 100%;

}



#rating-chart .circle-text {

    color: #404040;

    font-family: raleway;

    font-weight: bold;

    line-height: 220px !important;

}



#rating-chart .circle-info-half {

    color: #444444;

    font-family: lato;

    font-size: 13px;

    font-weight: normal;

    line-height: 285px !important;

}



.address-book {

    float: left;

    width: 100%;

}



.address-book > ul {

    float: left;

    list-style: outside none none;

    margin: 0;

    padding: 0;

    width: 100%;

}



.address-book > ul > li {

    color: #444444;

    float: left;

    font-family: raleway;

    font-size: 12px;

    font-weight: 300;

    margin-top: 20px;

    width: 100%;

}



.address-book > ul > li > span {

    font-size: 13px;

    font-weight: bold;

    text-transform: uppercase;

}



.address-book > a {

    font-size: 13px;

    margin-top: 40px;

}



.address-book > a:before {

    background: #1f425d none repeat scroll 0 0;

}



/* 43. Services Calculator */



.services-calculator {

    float: left;

    width: 100%;

}



.services-calculator .heading2 > h3 {

    color: #3e3e3e;

    font-size: 28px;

}



.services-calculator .heading2 {

    margin-bottom: 10px;

}



.services-calculator > form {

    float: left;

    margin-top: 30px;

    width: 100%;

}



form .text-field {

    border: 1px solid #dbdada;



    -webkit-box-shadow: 0 0 1px rgba(219, 218, 218, 0.6) inset;

    -moz-box-shadow: 0 0 1px rgba(219, 218, 218, 0.6) inset;

    -ms-box-shadow: 0 0 1px rgba(219, 218, 218, 0.6) inset;

    -o-box-shadow: 0 0 1px rgba(219, 218, 218, 0.6) inset;

    box-shadow: 0 0 1px rgba(219, 218, 218, 0.6) inset;

}



.services-calculator > form .row {

    margin: 0 -1.5px 3px;

}



.services-calculator > form .row div {

    padding: 0 1.5px 3px;

}



.services-calculator > form > .row > div:last-child {

    padding: 0 0 3px;

}



.fragile {

    float: left;

    margin-top: 20px;

    width: 100%;

}



.fragile > strong {

    color: #3e3e3e;

    float: left;

    font-family: raleway;

    font-size: 17px;

    margin-right: 50px;

    margin-top: 20px;

    text-transform: uppercase;

}



.fragile > span {

    float: left;

    margin-right: 50px;

    margin-top: 20px;

}



.iradio_futurico {

    border: 1px solid #dbdada;



    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;



    float: left;

    height: 22px;

    margin-right: 15px;

    width: 22px;

}



.iradio_futurico:before {

    background: #eae8e8 none repeat scroll 0 0;

    content: "";

    height: 12px;

    left: 50%;

    margin-left: -6px;

    margin-top: -6px;

    position: absolute;

    top: 50%;

    width: 12px;

}



.iradio_futurico.checked:before {

    background: #6c6c6c none repeat scroll 0 0;

}



.fragile > span > label {

    color: #858585;

    float: left;

    font-family: raleway;

    font-size: 13px;

    font-weight: normal;

    line-height: 22px;

}



.icheckbox_futurico {

    border: 1px solid #dbdada;



    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    -ms-border-radius: 6px;

    -o-border-radius: 6px;

    border-radius: 6px;



    float: left;

    height: 22px;

    margin-right: 15px;

    width: 22px;

}



.icheckbox_futurico.checked:before {

    color: #6c6c6c;

    content: "+";

    font-size: 18px;

    left: 50%;

    margin-left: -5px;

    margin-top: -11px;

    position: absolute;

    top: 50%;

}



.checkbox-btn {

    margin-bottom: 50px;

}



.services-calculator > a {

    margin-top: 50px;

    padding: 17px 39px;

}



.services-calculator > a:before {

    background: #1f425d none repeat scroll 0 0;

}



.calculation-result {

    background: #f6f6f6 none repeat scroll 0 0;

    float: left;

    height: 150px;

    margin-top: 30px;

    text-align: center;

    width: 100%;

}



.calculation-result > span {

    color: #6d6d6d;

    float: left;

    font-family: raleway;

    font-size: 30px;

    font-weight: 500;

    margin: 56px 0;

    width: 100%;

}



.services-calculator form .text-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #dbdada;

}



/* 44. Team */



.team-member {

    float: left;

    margin-top: 30px;

    text-align: center;

    width: 100%;

}



.member-img {

    float: left;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.member-img:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 20%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.member-img > img {

    height: auto;

    width: 100%;

}



.member-social {

    opacity: 0;

    padding: 30px;

    position: absolute;

    top: 50%;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



    -webkit-transition-delay: 0.2s !important;

    -moz-transition-delay: 0.2s !important;

    -ms-transition-delay: 0.2s !important;

    -o-transition-delay: 0.2s !important;

    transition-delay: 0.2s !important;



    width: 100%;

}



.member-social > p {

    color: #ffffff;

    line-height: 26px;

}



.social-links {

    float: left;

    list-style: outside none none;

    margin: 40px 0 0;

    padding: 0;

    width: 100%;

}



.social-links > li {

    display: inline-block;

    font-size: 13px;

    margin-right: 25px;

    position: relative;

}



.social-links > li > a {

    color: #ffffff;

    float: left;

}



.social-links > li:before {

    background: #676767 none repeat scroll 0 0;

    content: "";

    height: 10px;

    margin-top: -5px;

    position: absolute;

    right: -15px;

    top: 50%;

    width: 1px;

}



.social-links > li:last-child:before {

    display: none;

}



.social-links > li:last-child {

    margin: 0;

}



.team-member:hover .member-img:before {

    height: 100%;

    opacity: 0.8;

}



.team-member:hover .member-social {

    opacity: 1;

}



.team-cap {

    background: #f7f7f7 none repeat scroll 0 0;

    float: left;

    padding: 30px;

    width: 100%;

}



.team-cap > h4 {

    float: left;

    font-size: 16px;

    font-weight: bold;

    font-family: source sans pro;

    margin: 0;

    text-transform: uppercase;

    width: 100%;

}



.team-cap > h4 > a {

    color: #404040;

}



.team-cap > span {

    color: #444444;

    float: left;

    font-family: lato;

    font-size: 13px;

    font-weight: 600;

    margin-top: 10px;

    width: 100%;

}



/* 45. Team Detail */



.team-detail-thumb {

    float: left;

    margin-bottom: 50px;

    width: 100%;

}



.team-detail-thumb > img {

    height: auto;

    width: 100%;

}



.contact .social-btn {

    float: left;

    margin-left: 0;

    margin-top: 15px;

    width: auto;

}



.team-detail-info .contact > span:last-child {

    margin-right: 0;

}



.contact .social-btn a {

    color: #9e9595;

}



.team-detail-content {

    float: left;

    width: 100%;

}



.team-detail-content > p {

    margin-bottom: 30px;

}



.team-detail-content blockquote {

    margin: 20px 0 50px;

}



#topcontrol {

    z-index: 99999999;

}



/* 46. What Make Us Different */



.post-style2 {

    float: left;

    margin-bottom: 99px;

    margin-top: 30px;

    position: relative;

    width: 100%;

}



.post-style2 > span {

    float: left;

    width: 100%;

}



.post-style2 > span > img {

    height: auto;

    width: 100%;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.post-info2 {

    background: #fcfcfc none repeat scroll 0 0;

    border: 3px solid #fafafa;

    bottom: -90px;

    left: 5%;

    padding: 35px 35px 35px;

    position: absolute;

    text-align: center;

    width: 90%;

    z-index: 1;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.post-info2 > i {

    background: #fcfcfc none repeat scroll 0 0;

    color: #8b8c8d;

    font-size: 35px;

    height: 102px;

    left: 50%;

    padding: 10px 34px;

    position: absolute;

    top: -30px;

    width: 102px;

    z-index: -1;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.post-style2:hover .post-info2 > i {

    top: -40px;

}



.post-info2 > i img {

    width: 100%

}



.post-info2 > h4 {

    float: left;

    font-size: 19px;

    font-weight: 700;

    text-transform: uppercase;

    width: 100%;

    font-family: source sans pro;

    color: #323232;

}



.post-info2 > h4 > a {

    color: #404040;

    float: left;

    width: 100%;

}



.post-info2 > span {

    color: #868686;

    float: left;

    font-family: lato;

    font-size: 13px;

    margin-top: 5px;

    width: 100%;

}



/* 47. Company Projects */



.company-projects-list {

    float: left;

    width: 100%;

}



.company-projects-list > ul {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

    width: 100%;

}



.company-projects-list > ul li {

    float: left;

    position: relative;

}



.company-project {

    float: left;

    overflow: hidden;

    position: relative;

    width: 100%;

}



.company-project:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.company-projects-list > ul li.active .company-project:before {

    opacity: 0.82;

}



.company-project > img {

    height: auto;

}



.project-detail {

    bottom: 0;

    padding: 50px 30px;

    position: absolute;

    width: 100%;

    z-index: 1;

}



.company-projects-list > ul li.active .project-detail {

    bottom: 50%;

    padding: 50px;

    text-align: center;

    -webkit-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    transform: translateY(50%);

}



.project-detail:before {

    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, .9) 0%, rgba(255, 255, 255, 0) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));

    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, .9) 0%, rgba(255, 255, 255, 0) 100%);

    background: -o-linear-gradient(90deg, rgba(0, 0, 0, .9) 0%, rgba(255, 255, 255, 0) 100%);

    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, .9) 0%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(255, 255, 255, 0) 100%);

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.company-projects-list > ul li.active .project-detail:before {

    opacity: 0;

}



.project-detail > span {

    float: left;

    width: 100%;

}



.project-detail > span > i {

    color: #ffffff;

    display: inline-block;

    font-family: lato;

    font-size: 12px;

    font-style: normal;

    margin-bottom: 5px;

    padding: 0 0 10px;

    font-weight: 900;

    text-transform: uppercase;

    position: relative;

}



.project-detail > span > i:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 20px;

    height: 2px;

    background: black;

}



.company-projects-list > ul li.active .project-detail > span > i:before {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-transition: all 800ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */

    -webkit-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -moz-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -o-transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550);

    transition: all 800ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */



    -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */

    -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);

    -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);

    transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */

}



.project-detail > h4 {

    float: left;

    font-family: source sans pro;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0.3px;

    line-height: 25px;

    width: 100%;

}



.active .project-detail > h4 {

    font-size: 20px;

    line-height: 30px;

}



.project-detail > h4 > a {

    color: #ffffff;

    float: left;

    width: 100%;

}



.project-detail > a {

    background: #1f425d none repeat scroll 0 0;

    border: 1px solid transparent;

    display: inline-block;

    float: none;

    margin-top: 0;

    padding: 0;

    -webkit-transform: scaleY(0);

    -moz-transform: scaleY(0);

    -ms-transform: scaleY(0);

    -o-transform: scaleY(0);

    transform: scaleY(0);

}



.project-detail > a:before {

    background: #1f425d none repeat scroll 0 0;

}



.project-detail > a:hover,

.project-detail > a:hover:before {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}



.company-projects-list > ul li.active .project-detail > a {

    margin-top: 30px;

    padding: 17px 33px;

    -webkit-transform: scaleY(1);

    -moz-transform: scaleY(1);

    -ms-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

}



/*.company-projects-list > ul li:first-child:nth-last-child(2),

.company-projects-list > ul li:first-child:nth-last-child(2) ~ li {width: 50%;}

.company-projects-list > ul li:first-child:nth-last-child(3),

.company-projects-list > ul li:first-child:nth-last-child(3) ~ li {width: 33.334%;}*/

.company-projects-list > ul li {

    width: 25%;

}



/* 48. Region Information */



.region {

    float: left;

    position: relative;

    width: 100%;

    z-index: 1;

}



.region:before {

    background: rgba(0, 0, 0, 0) url(../images/region-information.png) repeat scroll center center;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.region > .title2 > h2 {

    color: #404040;

}



.cities-carousel {

    float: left;

    padding: 0 100px;

    width: 100%;

}



.cities-detail {

    float: left;

    overflow: hidden;

    width: 100%;

}



.city-thumb {

    float: left;

    width: 100%;

}



.cities-detail > h4 {

    float: left;

    font-size: 13px;

    text-align: center;

    text-transform: uppercase;

    width: 100%;

}



.cities-detail > h4 > a {

    background: #fafafa none repeat scroll 0 0;

    color: #404040;

    float: left;

    padding: 15px 20px;

    width: 100%;

}



.cities-detail > h4 > a:hover {

    color: #ffffff;

}



.cities-carousel .owl-nav {

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

}



.cities-carousel .owl-nav > div.owl-prev {

    left: 15px;

    margin-left: 0;

}



.cities-carousel .owl-nav > div.owl-next {

    float: right;

    left: auto;

    margin-left: 0;

    right: 15px;

}



.cities-carousel .owl-nav > div {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 1px solid #d3d3d3;

}



.cities-carousel .owl-nav > div:hover {

    border-color: transparent;

}



/* 49. Your Plan */



.select-plan {

    float: left;

    padding: 0 85px;

    width: 100%;

}



.select-plan .row {

    margin: 0 -10px

}



.select-plan .row > div {

    padding: 0 10px

}



.plan {

    border-bottom: 1px solid #f5f5f5;

    border-left: 1px solid #f5f5f5;

    border-right: 1px solid #f5f5f5;

    float: left;

    margin-top: 30px;

    position: relative;

    width: 100%;

}



.plan:hover {

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

}



.plan-head {

    float: left;

    position: relative;

    width: 100%;

}



.plan-head:before {

    background: #000000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.76;

    position: absolute;

    top: 0;

    width: 100%;

}



.plan:after {

    background: #e3e3e3 none repeat scroll 0 0;

    bottom: -2px;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 100%;

}



.plan-head > img {

    width: 100%;

}



.head-data {

    position: absolute;

    text-align: center;

    top: 50%;

    padding-top: 30px;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



    width: 100%;

}



.head-data > i {

    color: #adc435;

    font-size: 12px;

}



.head-data > h3 {

    color: #ffffff;

    float: left;

    font-family: lato;

    font-size: 40px;

    margin-top: 10px;

    font-weight: 700;

    width: 100%;

}



.head-data > h3 > i {

    font-size: 20px;

    font-style: normal;

    position: relative;

    top: -15px;

}



.head-data > span {

    color: #ffffff;

    float: left;

    font-family: raleway;

    font-size: 13px;

    margin-top: 10px;

    text-transform: uppercase;

    width: 100%;

}



.plan:before {

    border-left: 150px solid transparent;

    border-right: 150px solid transparent;

    border-top: 40px solid #1f425d;

    content: "";

    left: 50%;

    position: absolute;

    top: 0;



    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);



    z-index: 1;

}



.plan-body {

    background-size: cover !important;

    background-position: center !important;

    float: left;

    position: relative;

    width: 100%;

}



.boat1 {

    background: url(../images/resource/boat1.html);

}



.boat2 {

    background: url(../images/resource/boat2.html);

}



.boat3 {

    background: url(../images/resource/boat3.html);

}



.body-data {

    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;

    float: left;

    padding: 50px 30px;

    text-align: center;

    width: 100%;

}



.body-data > ul {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

    width: 100%;

}



.body-data > ul > li {

    color: #555555;

    float: left;

    font-family: lato;

    padding: 13px 20px;

    position: relative;

    width: 100%;

}



.body-data > ul > li:first-child {

    padding-top: 0;

}



.body-data > ul > li:before {

    background: rgba(0, 0, 0, 0) url(../images/plan-border.png) repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 100%;

}



.body-data > ul > li:last-child:before {

    display: none;

}



.body-data > a {

    background: #1f425d none repeat scroll 0 0;

    display: inline-block;

    float: none;

    margin-top: 30px;

    padding: 17px 39px;

}



/* 50. Award Winning Shippment */



.title4 > h2 {

    font-size: 26px;

}



.title4 {

    margin-bottom: 20px;

}



.award-winning {

    float: left;

    position: relative;

    width: 100%;

}



.award-winning > p {

    color: #696969;

    float: left;

    width: 100%;

}



.cargo-packages-list {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    margin-top: 5px;

    padding-left: 0;

    padding-right: 50px;

    width: 100%;

}



.cargo-packages-list > li {

    float: left;

    margin-top: 30px;

    width: 50%;

}



.cargo-packages-list > li > span {

    float: left;

    height: 69px;

    line-height: 69px;

    margin-right: 25px;

    text-align: center;

    width: 69px;

}



.cargo-packages-list > li > span > i {

    color: #fff;

    font-size: 35px;

    line-height: 75px;

}



.cargo-packages-list > li > i {

    display: table;

    font-size: 11px;

    font-style: normal;

    font-weight: 600;

    line-height: 13px;

    margin-top: 5px;

}



.cargo-packages-list > li > h3 {

    color: #323232;

    display: table;

    font-size: 16px;

    font-weight: 800;

    margin: 7px 0 0;

    text-transform: uppercase;

}



.cargo-packages-list > li > h3 > a {

    color: #404040;

    float: left;

    width: 100%;

}



.cargo-packages-list > li > p {

    color: #868686;

    float: none;

    font-family: lato;

    font-size: 13px;

    font-weight: 600;

    line-height: 20px;

    width: auto;

}



.big-bg-text {

    color: #f3f1f1;

    font-size: 170px;

    font-weight: 900;

    left: -70px;

    line-height: 140px;

    position: absolute;

    text-transform: uppercase;

    top: 0;

    z-index: -1;

}



.view-all-vertical {

    background: #e8e8e8 none repeat scroll 0 0;

    color: #323232;

    float: left;

    font-family: raleway;

    font-size: 12px;

    font-weight: 800;

    margin-top: 50px;

    padding: 15px 40px;

    text-transform: uppercase;

}



.view-all-vertical:hover {

    color: #FFF

}



/* 51. Request Free Quote */



.request-free-quote {

    float: left;

    width: 100%;

}



.request-free-quote .heading2 {

    background: #1f425d none repeat scroll 0 0;

    margin-bottom: 0;

    padding: 38px 35px 37px;

    -webkit-border-radius: 3px 3px 0 0;

    -moz-border-radius: 3px 3px 0 0;

    -ms-border-radius: 3px 3px 0 0;

    -o-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}



.request-free-quote .heading2 > img {

    float: left;

    margin-right: 15px;

}



.request-free-quote .heading2 > i {

    color: #fff;

    float: left;

    font-size: 40px;

    margin-right: 15px;

}



.request-free-quote .heading2 > span {

    display: table;

    float: none;

    font-weight: 700;

    width: auto;

}



.request-free-quote .heading2 > h3 {

    display: table;

    float: none;

    font-size: 18px;

    width: auto;

}



.request-quote-body > form > .row {

    margin: 0 -3px -5px;

}



.request-quote-body > form > .row > div {

    padding: 0 3px 5px;

}



.request-quote-body {

    background: #ffffff none repeat scroll 0 0;

    border-bottom: 10px solid #ededed;

    border-left: 10px solid #ededed;

    max-height: 540px;

    overflow-y: auto;

	position:relative;



    -webkit-border-radius: 0 0 7px 7px;

    -moz-border-radius: 0 0 7px 7px;

    -ms-border-radius: 0 0 7px 7px;

    -o-border-radius: 0 0 7px 7px;

    border-radius: 0 0 7px 7px;



    border-right: 10px solid #ededed;

    float: left;

    padding: 52px 35px;

    width: 100%;

}



.request-quote-body > form label, .request-quote-body > form textarea {

    background: #f1f1f1 none repeat scroll 0 0;

    color: #858585;

    float: left;

    font-family: lato;

    font-size: 11px;

    font-weight: 400;

    height: 53px;

    margin-bottom: 0;

    padding: 15px 0 15px 30px;

    width: 100%;

}



.request-quote-body > form label .text-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    box-shadow: none;

    width: 90%;

}



.request-free-quote .select2-container--default .select2-selection--single {

    background: #eeeeee none repeat scroll 0 0;

}



.request-quote-body > form label i {

    margin-right: 10px;

}



.request-quote-body .select-box .select2-container--default {

    width: 100% !important;

}



.request-quote-body .select-box .select2-container--default .select2-selection--single .select2-selection__rendered {

    color: #858585;

}



.request-quote-body .select-box .select2-container--default .select2-selection--single .select2-selection__rendered:before {

    height: 29px;

    width: 29px;

}



.request-quote-body .select-box .select2-container--default .select2-selection--single .select2-selection__rendered:after {

    font-size: 14px;

    right: 9px;

}



.request-quote-body > form textarea {

    border: 0 none;

    box-shadow: none;

    height: 96px;

}



.request-quote-body .terms-services {

    margin-top: 30px;

}



.request-quote-body .terms-services > span > label {

    color: #929292;

    font-weight: 400;

}



.request-quote-body .terms-services .icheckbox_futurico2 {

    top: 0;



    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

}



.request-free-quote .datepicker-field {

    background: #f1f1f1 none repeat scroll 0 0;

}



.request-quote-body > a {

    border: 2px solid;

    margin-top: 40px;

    text-align: center;

    width: 100%;

}



.request-quote-body > a:hover {

    background: transparent;

}



.request-quote-body > a i {

    display: inline-block;

    float: none;

}



.view-all {

    float: left;

    width: 100%;

    text-align: center;

    margin-top: 40px;

}



.view-all .theme-btn {

    border: 2px solid;

    float: none;

    background: #1f425d;

    display: inline-block;

}



.view-all .theme-btn:hover {

    background: transparent !important;

}



/* 52. Get A Quote */



.get-quote-form2 {

    float: left;

    margin-bottom: 30px;

    width: 100%;

}



.get-quote-form2 > p {

    margin-bottom: 30px;

}



.get-quote-form2 > form {

    float: left;

    width: 100%;

}



.get-quote-form2 > form > .row {

    margin: 0 -2px -5px;

}



.get-quote-form2 > form > .row > div {

    padding: 0 2px 5px;

}



.get-quote-form2 > form label,

.get-quote-form2 > form textarea.text-field {

    background: #ffffff none repeat scroll 0 0;

    color: #858585;

    float: left;

    font-family: lato;

    font-size: 11px;

    font-weight: 400;

    margin-bottom: 0;

    padding: 20px 30px;

    width: 100%;

}



.get-quote-form2 > form label > i {

    margin-right: 10px;

}



.get-quote-form2 > form .text-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;



    width: 90%;

}



.get-quote-form2 > form textarea.text-field {

    height: 175px;

}



.get-quote-form2 > form .theme-btn {

    margin-top: 25px;

    padding: 17px 33px;

}



.cargo-shipment3 .calculate-shipping {

    min-height: initial;

    padding: 0;

}



.cargo-shipment3 .calculate-shipping-form form .text-field {

    border: 1px solid #dbdada;

}



.get-quote-form2 .terms-services > span > label {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    padding: 0;

}



/* 54. SignUp Popup */



.region2 .modal-content {

    background-attachment: scroll;

    background-clip: border-box;

    background-image: url(../images/resource/popup-bg1.html);

    background-origin: padding-box;

    background-position: 0 0;

    background-repeat: repeat;

    background-size: cover;

    overflow: hidden;

    padding: 60px;

}



.region2 .modal-content:before {

    background: rgba(250, 250, 250, 0.95) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.region2 .modal-dialog,

.region2 .modal-dialog1 {

    width: 860px;

}



.signup-form {

    float: left;

    width: 100%;

}



.sign-in {

    padding: 0;

    text-align: left;

}



.sign-in .heading2 {

    margin-bottom: 0;

}



.sign-in .heading2 > h3 {

    color: #404040;

    font-size: 24px;

}



.sign-in > p {

    color: #555555;

    font-size: 13px;

}



.sign-in label {

    font-weight: 400;

}



.sign-in label .text-field {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;



    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;



    width: 90%;

}



.sign-in .fragile > span {

    margin-top: 0;

}



.sign-in .fragile > span > label {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;



    font-size: 11px;

    padding: 0;

    width: auto;

}



.sign-in ul {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding: 0;

    width: 100%;

}



.sign-in ul > li {

    color: #777777;

    float: left;

    font-family: lato;

    font-size: 11px;

    padding: 0 20px;

    position: relative;

    text-transform: uppercase;

}



.sign-in ul > li:before {

    content: "|";

    left: 0;

    position: absolute;

}



.sign-in ul > li:first-child {

    padding-left: 0;

}



.sign-in ul > li:first-child:before {

    display: none;

}



.sign-in ul > li:last-child {

    line-height: 50px;

}



.sign-in ul > li:last-child > a {

    color: #777777;

}



.sign-in ul > li > a {

    float: left;

}



.sign-in ul > li > a.theme-btn, .si a.theme-btn {

    padding: 17px 33px;

}



.sign-in ul > li > a.theme-btn:before,

.si a.theme-btn:before,

.loc-thumb > a:before {

    background: #1f425d none repeat scroll 0 0;

}



.si .fragile > span > label {

    display: table;

    float: none;

}



.si .fragile {

    margin-bottom: 40px;

}



.sign-in .terms-services {

    margin-bottom: 40px;

    margin-top: 20px;

}



.sign-in .terms-services label {

    color: #8c8b8a;

}



/* Manual Popup */



#signup-popup {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 0;

    position: fixed;

    top: 0;

    visibility: hidden;

    width: 100%;

    z-index: 9999;

}



#signup-popup.unload-singnup-popup {

    opacity: 1;

    visibility: visible;

}



#signup {

    float: left;

    height: 100%;

    left: 0;

    position: relative;

    text-align: center;

    top: 0;

    width: 100%;

}



.region2 .modal-dialog1 {

    background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover;

    display: inline-block;

    height: 90%;

    opacity: 0;

    overflow: hidden;

    position: relative;

    top: 50%;

    visibility: hidden;



    -webkit-transform: translateY(-50%) scale(.8);

    -moz-transform: translateY(-50%) scale(.8);

    -ms-transform: translateY(-50%) scale(.8);

    -o-transform: translateY(-50%) scale(.8);

    transform: translateY(-50%) scale(.8);

}



.unload-singnup-popup .region2 .modal-dialog1 {

    opacity: 1;

    visibility: visible;



    -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);

}



.modal-content1 {

    background: rgba(250, 250, 250, 0.95);

    float: left;

    padding: 60px;

    width: 100%;

}



.signup-form > button {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    float: right;

    padding: 0;

    position: absolute;

    right: 20px;

    top: 20px;

}



/* 55. Region PopUp */



.region2.modal.fade .modal-dialog {

    -webkit-transform: scale(.7);

    -moz-transform: scale(.7);

    -ms-transform: scale(.7);

    -o-transform: scale(.7);

    transform: scale(.7);

}



.region2.modal.in .modal-dialog {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.region-contact-info .heading2 > h3 {

    color: #3e3e3e;

    font-size: 24px;

}



.region-contact-info > p {

    color: #686868;

    font-size: 13px;

    line-height: 26px;

}



.region-contact-info .heading2 {

    margin-bottom: 20px;

}



.contact-detail {

    float: left;

    width: 100%;

}



.contact {

    float: left;

    margin-top: 40px;

    width: 100%;

}



.loc-thumb {

    float: left;

    text-align: center;

    width: 100%;

}



.loc-thumb > img {

    width: 100%;

}



.loc-thumb > p {

    margin-top: 30px;

    padding: 0 20px;

}



.loc-thumb > a {

    display: inline-block;

    float: none;

    font-weight: bold;

    margin-top: 30px;

    padding: 20px 40px;

}



.modal-body .close {

    opacity: 1;

    position: absolute;

    right: -40px;

    top: -40px;

}



/* 56. ISOTOPE STYLING */



.isotope-item {

    z-index: 2;

}



.isotope-hidden.isotope-item {

    pointer-events: none;

    z-index: 1;

}



.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -ms-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}



.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -ms-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}



.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property: -moz-transform, opacity;

    -ms-transition-property: -ms-transform, opacity;

    -o-transition-property: -o-transform, opacity;

    transition-property: transform, opacity;

}



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -ms-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}



/* ISOTOPE STYLING */



.rotating {

    display: inline-block;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);

    -moz-transform: rotateX(0) rotateY(0) rotateZ(0);

    -ms-transform: rotateX(0) rotateY(0) rotateZ(0);

    -o-transform: rotateX(0) rotateY(0) rotateZ(0);

    transform: rotateX(0) rotateY(0) rotateZ(0);

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

    transition: 0.5s;

    -webkit-transform-origin-x: 50%;

}



.rotating.flip {

    position: relative;

}



.rotating .front, .rotating .back {

    left: 0;

    top: 0;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -o-backface-visibility: hidden;

    backface-visibility: hidden;

}



.rotating .front {

    position: absolute;

    display: inline-block;

    -webkit-transform: translate3d(0, 0, 1px);

    -moz-transform: translate3d(0, 0, 1px);

    -ms-transform: translate3d(0, 0, 1px);

    -o-transform: translate3d(0, 0, 1px);

    transform: translate3d(0, 0, 1px);

}



.rotating.flip .front {

    z-index: 1;

}



.rotating .back {

    display: block;

    opacity: 0;

}



.rotating.spin {

    -webkit-transform: rotate(360deg) scale(0);

    -moz-transform: rotate(360deg) scale(0);

    -ms-transform: rotate(360deg) scale(0);

    -o-transform: rotate(360deg) scale(0);

    transform: rotate(360deg) scale(0);

}



.rotating.flip .back {

    z-index: 2;

    display: block;

    opacity: 1;



    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);

    -moz-transform: rotateY(180deg) translate3d(0, 0, 0);

    -ms-transform: rotateY(180deg) translate3d(0, 0, 0);

    -o-transform: rotateY(180deg) translate3d(0, 0, 0);

    transform: rotateY(180deg) translate3d(0, 0, 0);

}



.rotating.flip.up .back {

    -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);

    -moz-transform: rotateX(180deg) translate3d(0, 0, 0);

    -ms-transform: rotateX(180deg) translate3d(0, 0, 0);

    -o-transform: rotateX(180deg) translate3d(0, 0, 0);

    transform: rotateX(180deg) translate3d(0, 0, 0);

}



.rotating.flip.cube .front {

    -webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);

    -moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);

    -ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);

    -o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);

    transform: translate3d(0, 0, 100px) scale(0.85, 0.85);

}



.rotating.flip.cube .back {

    -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);

    -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

    -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

    -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

    transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

}



.rotating.flip.cube.up .back {

    -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);

    -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

    -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

    -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

    transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);

}



.fancy-header.sticky.stick .logo-menu-sec .logo-menu:before,

.fancy-header.sticky.stick .logo-menu-sec .logo-menu:after {

    background: #fafafa none repeat scroll 0 0;

}



.fancy-header.sticky.stick .top-sec {

    padding: 0

}



.shipment-visibility > .heading2 {

    margin-bottom: 21px;

    text-align: center;

}



/* 57. Simple Header */



header.simple-header {

    background: #fff;

    float: left;

    position: relative;

    width: 100%;

    z-index: 100;

}



.simple-header .top-bar {

    background: #191919

}



.simple-header .top-bar .cargo-time {

    color: #ffffff

}



.simple-header .top-bar .social-btn li a {

    background: #444444

}



.simple-header .extra-links a,

.simple-header .extra-links {

    color: #ffffff

}



.simple-header .top-bar .social-btn li a:hover {

    color: #fff !important;

}



.menubar {

    float: left;

    width: 100%;

}



.menubar .logo {

    display: table-cell;

    float: none;

    vertical-align: middle;

    width: auto;

}



.menubar nav {

    display: table-cell;

    vertical-align: middle;

    width: 100%;

}



.menubar nav ul {

    float: right;

    list-style: outside none none;

    margin: 0;

    padding: 0;

}



.menubar nav > ul > li {

    color: #555555;

    float: left;

    font-family: raleway;

    font-size: 13px;

    font-weight: 700;

    margin-left: 20px;

    position: relative;

}



.menubar nav > ul > li > a {

    color: inherit;

    float: left;

    padding: 45px 20px;

    position: relative;

}



.menubar nav > ul > li > a:before,

.menubar nav > ul > li > a:after {

    background: #d0d0d0 none repeat scroll 0 0;

    content: "";

    height: 6px;

    left: 5px;

    margin-top: -3px;

    position: absolute;

    top: 50%;

    width: 6px;

}



.menubar nav > ul > li > a:after {

    background: #000000 none repeat scroll 0 0;



    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

}



.menubar nav > ul > li:hover > a:after {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



header.simple-header.stick {

    background: #ffffff none repeat scroll 0 0;

    left: 0;

    position: fixed;

    top: 0;

}



.sticky .menubar nav > ul > li > a {

    padding: 25px 20px;

}



header.sticky .logo img {

    max-width: 120px;

}



header.simple-header.stick.sticky {

    -webkit-box-shadow: 0 0 3px #a0a0a0;

    -moz-box-shadow: 0 0 3px #a0a0a0;

    -ms-box-shadow: 0 0 3px #a0a0a0;

    -o-box-shadow: 0 0 3px #a0a0a0;

    box-shadow: 0 0 3px #a0a0a0;

}



/* Calculate Form popUp */



#calculate-form-popup {

    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

    height: 100%;

    left: 0;

    opacity: 0;

    position: fixed;

    top: 0;

    visibility: hidden;

    width: 100%;

    z-index: 9999;

}



#calculate-form-popup.unload-calculate-form-popup {

    opacity: 1;

    visibility: visible;

}



.calculate-form-popup {

    height: 100%;

    left: 0;

    position: relative;

    text-align: center;

    top: 0;

    width: 100%;

}



.modal-dialog2 {

    background: rgba(0, 0, 0, 0) url(../images/calculate-form-popup.jpg) no-repeat scroll center center / cover;

    display: inline-block;

    height: 90%;

    opacity: 0;

    overflow: hidden;

    position: relative;

    text-align: left;

    top: 50%;

    visibility: hidden;



    -webkit-transform: translateY(-50%) scale(.8);

    -moz-transform: translateY(-50%) scale(.8);

    -ms-transform: translateY(-50%) scale(.8);

    -o-transform: translateY(-50%) scale(.8);

    transform: translateY(-50%) scale(.8);



    width: 970px;

}



.unload-calculate-form-popup .modal-dialog2 {

    opacity: 1;

    visibility: visible;



    -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);

}



.modal-content2 {

    float: left;

    position: relative;

    width: 100%;

}



#calculate-form-popup .modal-body2 {

    float: left;

    padding: 70px 90px;

    width: 100%;

}



#calculate-form-popup .calculate-shipping {

    margin: 0

}



.modal-body2 > button {

    position: absolute;

    background: none;

    border: 0;

    right: 20px;

    top: 20px;

}



#calculate-form-popup .select2-container {

    width: 100% !important;

}



/* 58. Main Carousel */



.main-carousel {

    float: left;

    position: relative;

    width: 100%;

}



.main-img-carousel {

    float: left;

    width: 100%;

}



.main-carousel-cap {

    position: absolute;

    text-align: center;

    top: 50%;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);



    width: 100%;

    z-index: 2;

}



.main-carousel-cap > span {

    display: inline-block;

}



.main-carousel-cap > h1 {

    font-size: 60px;

    font-weight: 900;

    text-transform: uppercase;

}



.main-carousel-cap > h5 {

    background: rgba(31, 66, 93, 0.81) none repeat scroll 0 0;

    border-radius: 3px;

    color: #ffffff;

    display: inline-block;

    font-family: roboto;

    font-size: 20px;

    font-weight: 200;

    margin-top: 10px;

    padding: 16px 40px;

}



.main-carousel-cap > p {

    color: #ffffff;

    font-size: 15px;

    margin-top: 30.1px;

}



/* Toggle Btn */



.top-sec-btn {

    background: #555555 none repeat scroll 0 0;

    color: #ffffff;

    cursor: pointer;

    display: none;

    font-size: 13px;

    height: 30px;

    left: 50%;

    line-height: 30px;

    position: absolute;

    text-align: center;



    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);



    width: 30px;

    z-index: 2;

}



.event-page .blog-post {

    margin-top: 30px;

}



/* Booking Page */



.person-img {

    float: left;

    position: relative;

    text-align: right;

    width: 100%;

}



.person-img > img {

    right: -34px;

    top: -15px;

}



.booking {

    float: left;

    width: 100%;

}



.booking > p {

    margin-bottom: 40px;

}



.booking-form {

    float: left;

    width: 100%;

}



.booking-form > form {

    float: left;

    width: 100%;

}



.booking-form > form > .row {

    margin: 0 -2px -4px;

}



.booking-form > form > .row > div {

    padding: 0 2px 4px;

}



.select2-container {

    width: 100% !important;

    z-index: 2147483647 !important;

}



.booking-form > form label {

    background: #ffffff none repeat scroll 0 0;

    color: #858585;

    float: left;

    font-family: lato;

    font-size: 11px;

    font-weight: 400;

    height: 53px;

    margin-bottom: 0;

    padding: 15px 25px;

    width: 100%;

}



.booking-form > form label i {

    margin-right: 5px;

}



.booking-form > form label .text-field {

    border: 0 none;



    -ebkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;



    width: 90%;

}



.booking-form > form textarea.text-field {

    border: 0 none;



    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;



    color: #858585;

    float: left;

    font-family: lato;

    font-size: 11px;

    height: 175px;

    padding: 15px 25px;

    width: 100%;

}



.booking-form .select-box .select2-container--default .select2-selection--single .select2-selection__rendered:before {

    background: #f9f9f9;

    height: 29px;

    width: 29px;

}



.booking-form .select-box .select2-container--default .select2-selection--single .select2-selection__rendered:after {

    font-size: 14px;

    right: 8px;

}



.booking-form .terms-services label {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    padding: 0;

}



.booking-form .terms-services {

    margin-right: 40px;

    margin-top: 40px;

    width: auto;

}



.booking-form > form .theme-btn {

    margin-top: 20px;

    padding: 19px 39px;

}



/* Submission Message */



#submission-message .modal-dialog {

    width: 770px;

}



#submission-message .modal-content {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;



    border-top: 4px solid;

    float: left;

    width: 100%;

}



#submission-message .modal-body {

    float: left;

    padding: 0;

    width: 100%;

}



.submission-data {

    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 100%); /* ff3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(0, 0, 0, 0.05))); /* safari4+,chrome */

    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 100%); /* safari5.1+,chrome10+ */

    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 100%); /* opera 11.10+ */

    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 100%); /* ie10+ */

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(255, 255, 255, 1) 100%); /* w3c */



    float: left;

    padding: 105px 40px 70px;

    position: relative;

    text-align: center;

    width: 100%;

}



.submission-data > span {

    left: 50%;

    position: absolute;

    top: 0;



    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.submission-data > h1 {

    float: left;

    font-size: 30px;

    font-weight: 700;

    width: 100%;

}



.submission-data > p {

    font-size: 13px;

    margin-top: 10px;

}



.submission-data > .theme-btn {

    background: #1f425d none repeat scroll 0 0;

    display: inline-block;

    float: none;

    margin-top: 25px;

    padding: 15px 25px;

}



/* Project Detail */



.project-detail-main {

    float: left;

    width: 100%;

}



.project-detail-img {

    float: left;

    position: relative;

    width: 100%;

}



.project-detail-img > img {

    width: 100%;

}



.project-info {

    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;

    height: 100%;

    padding: 50px;

    position: absolute;

    right: 0;

    top: 0;

    width: 440px;

}



.project-info .title2 {

    margin-bottom: 20px;

}



.project-info .title2 > span {

    color: #e5e5e5;

    float: left;

    font-size: 11px;

    margin-bottom: 8px;

    width: 100%;

}



.project-info .title2 > h2 {

    color: #ffffff;

    font-size: 22px;

    font-weight: 700;

}



.pack-info {

    float: left;

    margin-bottom: 15px;

    width: 100%;

}



.pack-info > strong {

    color: #ffffff;

    float: left;

    font-family: lato;

    font-size: 26px;

    margin-right: 25px;

}



.pack-info > strong > i {

    font-family: raleway;

    font-size: 11px;

    font-style: normal;

    font-weight: 400;

    margin-left: 3px;

}



.pack-info > span {

    color: #d0d0d0;

    float: left;

    font-family: lato;

    font-size: 11px;

    margin-top: 15px;

}



.pack-info > span > i {

    font-style: normal;

}



.delivered-info {

    float: left;

    list-style: outside none none;

    margin-bottom: -2px;

    padding-left: 0;

    width: 100%;

}



.delivered-info > li {

    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;

    float: left;

    margin-bottom: 2px;

    padding: 15px 50px 15px 145px;

    position: relative;

    width: 100%;

}



.delivered-info > li strong {

    color: #ffffff;

    font-family: raleway;

    font-size: 13px;

    font-weight: 600;

    left: 40px;

    position: absolute;

}



.delivered-info > li span {

    color: #d9d9d9;

    display: table;

    font-family: lato;

    font-size: 12px;

    margin-top: 2px;

}



.delivered-info > li i {

    font-family: lato;

    font-size: 12px;

    font-style: normal;

}



.project-detail-img > strong {

    background: #ffffff none repeat scroll 0 0;

    border-radius: 30px;

    bottom: 30px;

    color: #414141;

    font-family: raleway;

    font-size: 12px;

    padding: 10px 30px;

    position: absolute;

    right: 470px;

}



.project-desc {

    float: left;

    margin-top: 70px;

    width: 100%;

}



.project-desc p {

    color: #444444;

    margin-bottom: 25px;

}



.project-desc img {

    width: 100%;

}



.project-overview {

    float: left;

    margin-top: 45px;

    width: 100%;

}



.project-overview-carousel {

    float: left;

    width: 100%;

}



.project-overview-carousel .owl-nav {

    color: transparent;

    position: absolute;

    top: 50%;

    width: 100%;



    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.project-overview-carousel .owl-nav > div.owl-prev {

    margin-left: 20px;

}



.project-overview-carousel .owl-nav > div.owl-next {

    float: right;

    margin-left: 0;

    margin-right: 20px;

}



.project-overview-thumb {

    float: left;

    width: 100%;

}



.project-overview-detail {

    float: left;

    width: 100%;

}



.project-overview-detail .title2 {

    margin-top: 5px;

    padding-bottom: 20px;

    position: relative;

}



.project-overview-detail .title2 > span {

    color: #8b8b8b;

    float: left;

    font-family: lato;

    font-size: 13px;

    font-weight: 600;

    margin-bottom: 5px;

    width: 100%;

}



.project-overview-detail .title2 > h2 {

    font-size: 18px;

    margin-top: 5px;

}



.project-overview-detail .title2 > h2 > i {

    color: #808080;

}



.project-overview-detail .title2:before {

    background: #000000 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    width: 65px;

}



.project-overview-detail > p {

    color: #444444;

}



.company-values {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    margin-top: 25px;

    padding-left: 0;

    width: 100%;

}



.company-values > li {

    color: #444444;

    float: left;

    font-family: lato;

    margin: 8px 0;

    padding-left: 20px;

    padding-right: 20px;

    position: relative;

    width: 50%;

}



.company-values > li:before {

    color: #8e8e8e;

    content: "\f00c";

    font-family: fontawesome;

    font-size: 13px;

    left: 0;

    position: absolute;

}



.project-overview > p {

    color: #444444;

    margin-top: 45px;

}



/* Date Picker */



.datepicker-field {

    background: #e8e8e8 none repeat scroll 0 0;

    color: #6e6e6e;

    float: left;

    font-family: lato;

    font-size: 11px;

    padding: 18px 25px;

    position: relative;

    width: 100%;

}



.datepicker-field > input {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: medium none;

    float: left;

    width: 100%;

}



.datepicker-field:before {

    background: #ffffff none repeat scroll 0 0;

    -webkit-border-radius: 3px 0 0 3px;

    -moz-border-radius: 3px 0 0 3px;

    -ms-border-radius: 3px 0 0 3px;

    -o-border-radius: 3px 0 0 3px;

    border-radius: 3px 0 0 3px;

    height: 29px;

    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: 29px;

}



.datepicker-field:after {

    color: #6e6e6e;

    font-family: fontawesome;

    font-size: 12px;

    position: absolute;

    right: 8px;

}



.datepick {

    background-color: #fff;

    border: 1px solid #444;

    -webkit-border-radius: 0.25em;

    -moz-border-radius: 0.25em;

    border-radius: 0.25em;

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 90%;

}



.datepick-rtl {

    direction: rtl;

}



.datepick-popup {

    z-index: 1000;

}



.datepick-disable {

    background-color: white;

    opacity: 0.5;

    position: absolute;

    z-index: 100;

}



.datepick a {

    color: #fff;

    text-decoration: none;

}



.datepick a.datepick-disabled {

    color: #888;

    cursor: auto;

}



.datepick button {

    background-color: #fcc;

    border: medium none;

    border-radius: 0.25em;

    font-weight: bold;

    margin: 0.25em;

    padding: 0.125em 0;

}



.datepick-nav, .datepick-ctrl {

    background-color: #000;

    color: #fff;

    float: left;

    font-size: 90%;

    font-weight: bold;

    width: 100%;

}



.datepick-ctrl {

    background-color: #600;

}



.datepick-cmd {

    width: 30%;

}



.datepick-cmd:hover {

    background-color: #777;

}



.datepick-ctrl .datepick-cmd:hover {

    background-color: #f08080;

}



.datepick-cmd-prevJump, .datepick-cmd-nextJump {

    width: 8%;

}



a.datepick-cmd {

    height: 1.5em;

}



button.datepick-cmd {

    text-align: center;

}



.datepick-cmd-prev,

.datepick-cmd-prevJump,

.datepick-cmd-clear {

    float: left;

    padding-left: 2%;

}



.datepick-cmd-current,

.datepick-cmd-today {

    float: left;

    text-align: center;

    width: 35%;

}



.datepick-cmd-next,

.datepick-cmd-nextJump,

.datepick-cmd-close {

    float: right;

    padding-right: 2%;

    text-align: right;

}



.datepick-rtl .datepick-cmd-prev,

.datepick-rtl .datepick-cmd-prevJump,

.datepick-rtl .datepick-cmd-clear {

    float: right;

    padding-left: 0;

    padding-right: 2%;

    text-align: right;

}



.datepick-rtl .datepick-cmd-current,

.datepick-rtl .datepick-cmd-today {

    float: right;

}



.datepick-rtl .datepick-cmd-next,

.datepick-rtl .datepick-cmd-nextJump,

.datepick-rtl .datepick-cmd-close {

    float: left;

    padding-left: 2%;

    padding-right: 0;

    text-align: left;

}



.datepick-month-nav {

    background-color: #777;

    float: left;

    text-align: center;

}



.datepick-month-nav div {

    float: left;

    margin: 1%;

    padding: 1%;

    width: 12.5%;

}



.datepick-month-nav span {

    color: #888;

}



.datepick-month-row {

    clear: left;

}



.datepick-month {

    border: 1px solid #444;

    float: left;

    text-align: center;

    width: 15em;

}



.datepick-month-header,

.datepick-month-header select,

.datepick-month-header input {

    background-color: #444;

    color: #fff;

    font-weight: bold;

    height: 1.5em;

}



.datepick-month-header select,

.datepick-month-header input {

    border: medium none;

    font-size: 100%;

    height: 1.4em;

    margin: 0;

    padding: 0;

}



.datepick-month-header input {

    display: none;

    position: absolute;

}



.datepick-month table {

    border-collapse: collapse;

    width: 100%;

}



.datepick-month thead {

    border-bottom: 1px solid #aaa;

}



.datepick-month th,

.datepick-month td {

    font-weight: normal;

    margin: 0;

    padding: 0;

    text-align: center;

}



.datepick-month th {

    border: 1px solid #777;

}



.datepick-month th,

.datepick-month th a {

    background-color: #777;

    color: #fff;

}



.datepick-month td {

    background-color: #eee;

    border: 1px solid #aaa;

}



.datepick-month td.datepick-week {

    border: 1px solid #777;

}



.datepick-month td.datepick-week * {

    background-color: #777;

    border: medium none;

    color: #fff;

}



.datepick-month a {

    background-color: #eee;

    color: #000;

    display: block;

    padding: 0.125em 0;

    text-decoration: none;

    width: 100%;

}



.datepick-month span {

    display: block;

    padding: 0.125em 0;

    width: 100%;

}



.datepick-month td span {

    color: #888;

}



.datepick-month td .datepick-other-month {

    background-color: #fff;

}



.datepick-month td .datepick-weekend {

    background-color: #ddd;

}



.datepick-month td .datepick-today {

    background-color: #f0c0c0;

}



.datepick-month td .datepick-highlight {

    background-color: #f08080;

}



.datepick-month td .datepick-selected {

    background-color: #777;

    color: #fff;

}



.datepick-month th.datepick-week {

    background-color: #777;

    color: #fff;

}



.datepick-status {

    background-color: #ddd;

    clear: both;

    text-align: center;

}



.datepick-clear-fix {

    clear: both;

}



.safe-affordable-cargo .services1 {

    padding: 50px 0

}



.theme-btn.dark {

    background: #575757;

    color: #FFF;

}



.theme-btn.dark:before {

    display: none

}



.safe-affordable-cargo .theme-btn {

    margin: 0

}



.shipment-visibility.blackish:before {

    opacity: 0.8

}



.heading2.light > h3 {

    color: #404040;

    font-weight: 800;

}



/* ============== Facilities ============== */

.column-title {

    float: left;

    width: 100%;

}



.column-title > span {

    float: left;

    font-size: 12px;

    margin-bottom: 5px;

    width: 100%;

}



.column-title > h2 {

    color: #323232;

    float: left;

    font-size: 26px;

    font-weight: 800;

    line-height: 33px;

    margin-bottom: 20px;

    text-transform: uppercase;

    width: 100%;

}



.column-title > p {

    color: #666666;

    float: left;

    font-size: 15px;

    margin: 0;

    width: 100%;

}



.modern-services-carousel {

    float: left;

    width: 100%;

}



.modern-service {

    background: #ededea none repeat scroll 0 0;

    float: left;

    margin-top: 30px;

    padding: 10px;

    width: 100%;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.mod-service-inner {

    background: #ffffff none repeat scroll 0 0;

    float: left;

    padding: 60px 20px 50px;

    text-align: center;

    width: 100%;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

}



.mod-service-inner > span {

    float: left;

    margin-bottom: 35px;

    width: 100%;

    text-align: center;

    z-index: 2;

    position: relative;

}



.mod-service-inner > span img {

    width: auto !important;

    display: inline !important;

}



.mod-service-inner > span > i {

    font-size: 50px;

    color: #808080;

}



.mod-service-inner > h3 {

    float: left;

    font-size: 16px;

    font-weight: 800;

    margin-bottom: 10px;

    text-transform: uppercase;

    width: 100%;

    letter-spacing: 0.4px;

    font-family: source sans pro;

    font-size: 16px;

    font-weight: 700;

}



.mod-service-inner > h3 a {

    color: inherit;

    float: left;

    width: 100%;

}



.mod-service-inner > i {

    float: left;

    font-family: lato;

    font-size: 11px;

    font-style: normal;

    margin-bottom: 10px;

    width: 100%;

}



.mod-service-inner > p {

    font-size: 14px;

    color: #555555;

}



.modern-services-carousel .owl-nav {

    height: 0;

    left: 0;

    position: absolute;

    top: 50%;

    width: 100%;

}



.modern-services-carousel .owl-nav > div {

    background: #ffffff none repeat scroll 0 0;

    color: rgba(0, 0, 0, 0);

    float: left;

    height: 40px;

    margin-top: -20px;

    overflow: hidden;

    position: relative;

    z-index: 1;

    width: 40px;

}



.modern-services-carousel .owl-nav > div.owl-next {

    float: right

}



.modern-services-carousel .owl-nav > div:before {

    color: #7f7f7f;

    content: "\f104";

    font-family: fontawesome;

    font-size: 20px;

    left: 0;

    line-height: 40px;

    position: absolute;

    text-align: center;

    top: 0;

    width: 100%;

}



.modern-services-carousel .owl-nav > div.owl-next:before {

    content: "\f105"

}



.modern-services-carousel .owl-nav > div:hover:before {

    background: #1f425d;

    color: #FFF;

}



.modern-services-carousel.style2 .owl-nav > div {

    margin: 0

}



.modern-services-carousel.style2 .owl-nav {

    width: 90px;

    left: -300px;

    top: auto;

    bottom: 0;

    height: auto;

}



.gray .owl-nav > div {

    background: #FFF

}



/*===== New Changes =====*/

.fancy-header.sticky .top-sec {

    display: none;

}



.fancy-header.sticky .quick-contact {

    opacity: 0;

    visibility: hidden;

}



.fancy-header.sticky .logo {

    margin-top: 10px;

    width: auto;

}



header.fancy-header.sticky .logo img {

    max-width: 95px;

}



header.fancy-header.sticky.header2 .logo img {

    /*max-width: 120px;*/

    max-width: 250px;

}



header.sticky .menu-curve > ul > li > a {

    padding: 23px 0;

}



.fancy-header.sticky .menu-curve > ul,

.fancy-header.sticky .menu-curve > div > ul {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    float: right;

    margin: -65px 90px 0 0;

    padding: 0;

    -webkit-transform: translate(0px);

    -moz-transform: translate(0px);

    -ms-transform: translate(0px);

    -o-transform: translate(0px);

    transform: translate(0px);

}



nav > ul > li ul li.right:hover > ul {

    left: auto;

    right: 100%;

}



nav > ul > li ul li.right > ul {

    left: auto;

    right: 130%;

}



.fancy-header.sticky .menu-curve > ul:before,

.fancy-header.sticky .menu-curve > ul:after,

.fancy-header.sticky .menu-curve > div > ul:before,

.fancy-header.sticky .menu-curve > div > ul:after {

    display: none;

}



header.sticky .logo-menu-sec {

    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

    -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

    -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

    margin-top: 0;

}



.grids4 .news-detail {

    padding: 50px 20px;

}



.grids4 .news-detail > h2 {

    font-size: 14px;

    font-weight: 700;

}



.grids4 .post-meta2 > li:first-child {

    padding-right: 15px;

}



.grids4 .post-meta2 > li:last-child {

    padding-left: 15px;

}



.grids4 .news-detail > p {

    font-size: 13px;

}



.menu-curve > ul > li.menu-item-has-children.mirror > ul {

    left: auto;

    right: 0;

    width: 500px;

}



.menu-curve > ul > li.menu-item-has-children.mirror > ul > li {

    float: left;

    width: 50%;

}



.menu-curve > ul > li.menu-item-has-children.mirror > ul > li > ul {

    z-index: 99;

}



.menu-curve > ul > li.menu-item-has-children.mirror > ul > li {

    border-right: 3px solid #d1d1d1;

}



.menu-curve > ul > li.menu-item-has-children.mirror > ul > li:nth-child(2n) {

    border-right: 0 none;

}



/*===== Mega Menu Style =====*/



nav ul li.has-megamenu {

    position: initial;

}



.megamenu {

    background: rgba(0, 0, 0, 0) url(../images/megamenu-bg.html) no-repeat scroll center center / cover;

    border: 3px solid #d4d4d4;

    opacity: 0;

    padding: 40px;

    position: absolute;

    right: 0;

    top: 100%;

    -webkit-transform: scale(.8);

    -moz-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

    visibility: hidden;

    width: 700px;

}



nav ul li.has-megamenu:hover > .megamenu {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    visibility: visible;

}



.megamenu::before {

    background: #fff none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.95;

    position: absolute;

    top: 0;

    width: 100%;

}



.megamenu-sec {

    float: left;

    text-align: left;

    width: 100%;

}



.megamenu-sec > h2 {

    color: #333;

    font-size: 14px;

    font-weight: 700;

}



.mega-list {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    float: left;

    margin-bottom: 0;

    margin-top: 15px;

    opacity: 1;

    position: relative;

    visibility: visible;

    width: 100%;

}



.mega-list > li {

    border-bottom: 0 none;

    padding-left: 27px;

}



.mega-list > li > a {

    color: #555;

    padding: 15px 0;

}



.mega-list > li::before {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #bbb;

    content: "\f013";

    font-family: fontawesome;

    font-size: 12px;

    height: initial;

    left: 0;

    opacity: 1;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.mega-list > li:hover::before {

    height: initial;

    top: 50%;

}



.mega-list > li::after {

    background: #dcdcdc none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    opacity: 0;

    position: absolute;

    -webkit-transform: scaleX(0.4);

    -moz-transform: scaleX(0.4);

    -ms-transform: scaleX(0.4);

    -o-transform: scaleX(0.4);

    transform: scaleX(0.4);

    width: 100%;

}



.mega-list > li:hover::after {

    opacity: 1;

    -webkit-transform: scaleX(1);

    -moz-transform: scaleX(1);

    -ms-transform: scaleX(1);

    -o-transform: scaleX(1);

    transform: scaleX(1);

}



.mega-list2 {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    float: left;

    margin-top: 15px;

    opacity: 1;

    position: relative;

    visibility: visible;

    width: 100%;

}



.mega-list2 > li {

    border: 0 none;

}



.mega-list2 > li > img {

    float: left;

    margin-right: 13px;

    -webkit-transform: translateY(50%);

    -moz-transform: translateY(50%);

    -ms-transform: translateY(50%);

    -o-transform: translateY(50%);

    transform: translateY(50%);

}



.mega-list2 > li > a {

    color: #3f3f3f;

    font-size: 13px;

    padding: 15px 0;

}



.mega-list2 > li::before {

    display: none;

}



.ad {

    float: left;

    width: 100%;

}



.ad > a {

    float: left;

    width: 100%;

}



.ad img {

    float: left;

    width: 100%;

}



/*========== Web Elements ==========*/



/*===== Call Us to Action =====*/



.callus-action {

    float: left;

    margin-bottom: 1px;

    padding: 60px 45px 55px 70px;

    position: relative;

    width: 100%;

}



.callus1 {

    background: #eee none repeat scroll 0 0;

}



.callus-content {

    float: left;

    width: 70%;

}



.callus-content > img {

    float: left;

    margin-right: 30px;

}



.callus-content > h2 {

    color: #555;

    font-size: 18px;

    font-weight: 700;

    margin-bottom: 5px;

    margin-top: 10px;

}



.callus-content > span {

    color: #444;

    font-family: source sans pro;

    font-size: 14px;

}



.callus-action > a {

    background: #dcdcdc none repeat scroll 0 0;

    color: #fff;

    float: right;

    font-family: raleway;

    font-size: 11px;

    margin-top: 10px;

    padding: 15px 30px;

}



.callus-action > a > i {

    margin-right: 5px;

}



.callus2 {

    background: rgba(0, 0, 0, 0) no-repeat scroll center center / cover;

    z-index: 1;

}



.callus2::before {

    background: #fff none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.93;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.callus3 {

    background: #313131 none repeat scroll 0 0;

}



.callus3 .callus-content > h2,

.callus3 .callus-content > span,

.callus4 .callus-content > h2,

.callus4 .callus-content > span {

    color: #fff;

}



.callus5 {

    border: 3px solid #d7d7d7;

    padding: 57px 42px 52px 67px;

}



.callus4 > a {

    background: #313131 none repeat scroll 0 0 !important;

}



/*===== Buttons =====*/

/*=== Button Style 1 ===*/



.button-div {

    float: left;

    width: 100%;

}



.button-div > h2 {

    color: #1e1e1e;

    font-size: 32px;

    font-weight: 700;

}



.button-sets {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

    width: 20%;

}



.button-sets > li {

    float: left;

    margin-top: 40px;

    width: 100%;

}



.btns {

    color: #fff;

    float: left;

    font-family: lato;

    font-size: 12px;

    font-weight: 700;

    padding: 18px 25px;

    position: relative;

    z-index: 1;

}



.btns > i {

    margin-right: 5px;

}



.blu-skin {

    background: #1f425d none repeat scroll 0 0;

}



.thm-skin:hover {

    background: #333;

}



.hlf-radius:hover {

    -webkit-border-bottom-left-radius: 30px;

    -moz-border-bottom-left-radius: 30px;

    -ms-border-bottom-left-radius: 30px;

    -o-border-bottom-left-radius: 30px;

    border-bottom-left-radius: 30px;

    -webkit-border-bottom-right-radius: 0;

    -moz-border-bottom-right-radius: 0;

    -ms-border-bottom-right-radius: 0;

    -o-border-bottom-right-radius: 0;

    border-bottom-right-radius: 0;

}



.sml-radius {

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -ms-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    overflow: hidden;

}



.lrg-btn {

    font-size: 12px;

    padding-left: 40px;

    padding-right: 40px;

}



.nth-lrg-btn {

    font-size: 11px;

    padding-left: 40px;

    padding-right: 40px;

}



.mid-btn {

    font-size: 11.22px;

    padding-left: 33px;

    padding-right: 33px;

}



.sml-btn {

    font-size: 10px;

    padding-left: 33px;

    padding-right: 33px;

}



.drk-skin {

    background: #4e4e4e none repeat scroll 0 0;

}



.drk-bor-skin {

    border: 2px solid #545454;

    color: #545454;

    padding-bottom: 15px;

    padding-top: 15px;

}



.thm-bor-skin {

    border: 2px solid;

    padding-bottom: 15px;

    padding-top: 15px;

}



.lrg2-btn {

    font-size: 12px;

    padding-left: 50px;

    padding-right: 50px;

}



.btn2::before, .btn2::after {

    border-bottom: 7px solid transparent;

    border-left: 7px solid;

    border-top: 7px solid transparent;

    content: "";

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.btn2::after {

    border-left: 0 none;

    border-right: 7px solid;

    left: auto;

    right: 0;

}



.nth-lrg2-btn {

    font-size: 11px;

    padding-left: 50px;

    padding-right: 50px;

}



.mid2-btn {

    font-size: 11.22px;

    padding-left: 40px;

    padding-right: 40px;

}



.sml2-btn {

    font-size: 10px;

    padding-left: 40px;

    padding-right: 40px;

}



.lgt-skin {

    background: #f3f3f3 none repeat scroll 0 0;

    color: #474747;

}



.lgt-skin:hover {

    color: #fff;

}



.lgt-skin::before {

    border-left-color: #fff;

}



.lgt-skin::after {

    border-right-color: #fff;

}



.hlf-radius {

    -webkit-border-bottom-right-radius: 30px;

    -moz-border-bottom-right-radius: 30px;

    -ms-border-bottom-right-radius: 30px;

    -o-border-bottom-right-radius: 30px;

    border-bottom-right-radius: 30px;

    -webkit-border-top-right-radius: 30px;

    -moz-border-top-right-radius: 30px;

    -ms-border-top-right-radius: 30px;

    -o-border-top-right-radius: 30px;

    border-top-right-radius: 30px;

}



.ful-radius {

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

}



.thm-bor-skin:hover {

    border-color: #545454;

    color: #545454;

}



.btns:hover {

    letter-spacing: 0.4px;

}



/*===== Price Table =====*/

.select-plane2 .body-data {

    padding-left: 20px;

    padding-right: 20px;

}



.select-plane2 .plan {

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    -ms-border-radius: 20px;

    -o-border-radius: 20px;

    border-radius: 20px;

    overflow: hidden;

}



.select-plane2 .body-data > a {

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

}



.style-title {

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 30px;

}



/* Simple Services2 */



.simple-services2 {

    float: left;

    margin-top: 30px;

    position: relative;

    width: 100%;

}



.service-box2 {

    border-color: #f7f7f7;

    border-style: solid;

    border-width: 10px 10px 10px 1px;

    float: left;

    padding: 25px 50px;

    position: relative;

    width: 100%;

}



.service-box2 > img {

    float: left;

    margin-bottom: 5px;

    margin-right: 20px;

}



.service-box2 > h5 {

    color: #323232;

    float: none;

    font-family: source sans pro;

    font-size: 16px;

    font-weight: 700;

    margin-top: 5px;

}



.service-box2 > span {

    font-family: lato;

    color: #444;

    font-size: 13px;

    font-weight: 300;

}



.header2 .connect-us > ul > li > a:hover,

.social-btn > li > a:hover {

    color: #fff;

}



/*===== Toggels Style =====*/

.toggle-style4 .toggle-item.activate > h3,

.toggle-style5 .toggle-item.activate > h3,

.toggle-style6 .toggle-item.activate > h3,

.toggle-style7 .toggle-item.activate > h3 {

    font-size: 13px;

}



/*=== Toggels 2 ===*/

.toggle-style2 .toggle-item.activate {

    background: #f9f9f9 none repeat scroll 0 0;

}



.toggle-style2 .toggle-item > h3.active > span {

    background: #fff none repeat scroll 0 0;

}



/*=== Toggels 3 ===*/



.toggle-style3 .toggle-item > h3 {

    background: #f9f9f9 none repeat scroll 0 0;

    color: #2f2f2f;

}



.toggle-style3 .toggle-item > h3 > i {

    color: #2f2f2f;

}



.toggle-style3 .toggle-item > h3 > span {

    background: #fff none repeat scroll 0 0;

}



.toggle-style3 .toggle-item.activate {

    background: #2f2f2f none repeat scroll 0 0;

}



.toggle-style3 .toggle-item > h3.active {

    background: transparent none repeat scroll 0 0;

    color: #fff;

}



.toggle-style3 .simple-text > p {

    color: #fff;

}



.toggle-style3 .toggle-item > h3.active > span {

    color: #858585;

}



/*=== Toggels 4 ===*/



.toggle-style4 .toggle-item > h3 > i {

    background: #fff none repeat scroll 0 0;

    border-radius: 3px;

    color: #bababa;

    height: 46px;

    line-height: 46px;

    margin-right: 30px;

    margin-top: 0;

    text-align: center;

    width: 46px;

}



.toggle-style4 .toggle-item > h3 {

    background: #f9f9f9 none repeat scroll 0 0;

    color: #2f2f2f;

    line-height: 46px;

    padding: 5px 20px 5px 5px;

}



.toggle-style4 .toggle-item > h3.active {

    color: #fff;

}



.toggle-style4 .content {

    margin-top: 30px;

}



/*=== Toggels 5 ===*/



.toggle-style5 .toggle-item > h3 {

    background: #2f2f2f none repeat scroll 0 0;

    color: #fff;

}



/*=== Toggels 6 ===*/



.toggle-style6 .toggle-item > h3 > i {

    background: #f9f9f9 none repeat scroll 0 0;

    color: #999 !important;

}



.toggle-style6 .toggle-item > h3 {

    background: transparent none repeat scroll 0 0;

    color: #444;

}



.toggle-style6 .toggle-item > h3.active {

    background: transparent none repeat scroll 0 0 !important;

    color: #444;

}



.toggle-style6 .toggle-item > h3.active > i {

    color: #fff !important;

}



/*=== toggels 7 ===*/



.toggle-style7 .toggle-item > h3 {

    background: transparent none repeat scroll 0 0;

    border: 2px solid #f4f4f4;

    color: #444;

    line-height: 44px;

    padding: 10px 35px;

}



.toggle-style7 .toggle-item > h3 > i {

    background: #f4f4f4 none repeat scroll 0 0;

    color: #fff;

    height: 42px;

    line-height: 42px;

    margin-right: 30px;

    text-align: center;

    width: 42px;

}



.toggle-style7 .toggle-item > h3.active > i {

    color: #fff;

}



.toggle-style7 .toggle-item {

    border: 2px solid transparent;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}



.toggle-style7 .toggle-item > h3.active {

    border-color: transparent;

}



/*=== Toggles 8 ===*/



.toggle-style8 {

    text-align: center;

}



.toggle-style8 .toggle-item > h3 {

    background: #3a3a3a none repeat scroll 0 0;

}



.toggle-style8 .toggle-item > h3 > i {

    float: none;

}



.toggle-style8 .toggle-item > h3.active {

    color: #fff;

}



.toggle-style8 .toggle-item > h3.active > i {

    color: #fff;

}



.toggle-style8 .toggle-item > h3.active {

    background: transparent none repeat scroll 0 0;

}



.toggle-style8 .toggle-item {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}



.toggle-style8 .toggle-item .content p {

    color: #fff;

}



/*=== Toggles 9 ===*/



.toggle-style9 .toggle-item > h3 {

    background: #f9f9f9 none repeat scroll 0 0;

    color: #444;

}



.toggle-style9 .toggle-item {

    background: #2f2f2f none repeat scroll 0 0 !important;

}



/*===== Tabs =====*/

/*=== Tabs1 ===*/

.tabs-styles {

    float: left;

    width: 100%;

}



.tabs-styles .nav {

    border-bottom: 0 none;

    float: left;

    width: 100%;

}



.tabs-styles .nav > li {

    color: #444;

    float: left;

    font-family: raleway;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 0;

    margin-right: 5px;

    padding-bottom: 5px;

}



.tabs-styles .nav > li > a {

    background: #f9f9f9 none repeat scroll 0 0;

    border: 0 none;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    color: inherit;

    margin-right: 0;

    padding: 15px 30px;

}



.tabs-styles .nav > li.active > a {

    color: #fff;

}



.tabs-styles .nav > li.active > a:hover,

.tabs-styles .nav > li.active > a,

.tabs-styles .nav > li.active > a:focus {

    border: 0 none;

}



.tabs-styles .nav > li > a > i {

    font-size: 14px;

    margin-right: 5px;

}



.tabs1 {

    text-align: center;

}



.tabs1 .nav-tabs {

    display: inline-block;

    float: none;

    width: auto;

}



.tabs1 .tab-content {

    background: #f9f9f9 none repeat scroll 0 0;

    float: left;

    padding: 30px 75px;

    width: 100%;

}



.tabs1 .nav-tabs > li {

    padding-bottom: 0;

}



.tabs-styles p {

    color: #555;

    font-size: 14px;

    line-height: 26px;

}



/*=== Tabs2 ===*/

.tabs2 .nav > li::before {

    background: #000 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    height: 5px;

    left: 0;

    position: absolute;

    width: 0;

}



.tabs2 .nav > li.active::before {

    width: 100%;

}



.gray .tabs2 .nav > li > a {

    background: #fff none repeat scroll 0 0;

}



.tabs2 .tab-content {

    float: left;

    width: 100%;

}



.tabs2 .tab-content .tab-pane {

    background: #fff none repeat scroll 0 0;

    border: 3px solid;

    float: left;

    padding: 40px 45px;

    width: 100%;

}



.tabs2 .tab-content .tab-pane p {

    color: #555;

    font-size: 14px;

    line-height: 26px;

}



/*=== Tabs 3 ===*/

.tabs3 {

    border: 3px solid #555;

    padding: 60px;

}



.tabs3 > .nav-tabs {

    margin-bottom: 25px;

}



.tabs3 .tab-content {

    float: left;

    width: 100%;

}



.tabs3 .nav > li > a {

    background: #555 none repeat scroll 0 0;

    color: #fff;

}



/*=== Tabs 4 ===*/



.tabs4 {

    border: 3px solid #f9f9f9;

    padding: 50px 40px;

}



.tabs4 .nav-tabs {

    margin-right: 50px;

    max-width: 182px;

}



.tabs4 .nav-tabs > li {

    margin-right: 0;

    width: 100%;

}



.tabs4 .nav > li > a {

    padding: 20px 30px;

}



.tabs4 .tab-content {

    display: table;

}



.tabs4 p {

    margin-top: 25px;

}



/*=== Tabs 5 ===*/

.gray-bg {

    background: #f9f9f9 none repeat scroll 0 0;

}



.gray-bg .nav > li > a {

    background: #fff none repeat scroll 0 0;

}



/*=== Tabs 6 ===*/

.bg-img {

    border: 0 none;

    position: relative;

}



.bg-img::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.85;

    position: absolute;

    top: 0;

    width: 100%;

}



.bg-img .tab-content {

    position: relative;

    z-index: 1;

}



.bg-img p {

    color: #eee;

}



.bg-img .nav > li > a {

    background: #444 none repeat scroll 0 0;

    color: #fff;

}



/*===== Progress Bars =====*/



/*=== Progress Bars 4 ===*/

.progress-bars4 {

    float: left;

    width: 100%;

}



.progressbar-div {

    float: left;

    margin-top: 10px;

    width: 100%;

}



.progressbar-div > span, .progressbar-div > i {

    color: #5b5b5b;

    float: left;

    font-family: arimo;

    font-size: 13px;

    margin-bottom: 15px;

}



.progressbar-div > i {

    float: right;

    font-style: normal;

    margin-right: 40px;

}



.progressbar-div .progress {

    background: #e9e9e9 none repeat scroll 0 0;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    float: left;

    height: 15px;

    width: 100%;

}



.progressbar-div .progress .progress-bar {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



/*========== Header 4 ===========*/



.full-width-nav {

    background: #123047 none repeat scroll 0 0;

    float: left;

    width: 100%;

}



.header3 nav {

    background: #123047 none repeat scroll 0 0;

    text-align: initial;

}



.header3 .logo-menu-sec {

    background: #1f425d none repeat scroll 0 0;

    -webkit-box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);

    -moz-box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);

    -ms-box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);

    -o-box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);

    box-shadow: 0 13px 10px rgba(0, 0, 0, 0.2);

    margin-top: 0;

}



.header3 .menu-curve > ul {

    background: inherit;

    display: block;

    float: left;

    padding: 0;

    width: 100%;

}



.header3 .menu-curve > ul::before,

.header3 .menu-curve > ul::after {

    display: none;

}



.header3 .menu-curve > ul > li {

    font-size: 12px;

    font-weight: 400;

}



.header3 .logo-menu {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    padding: 20px 0;

}



/*========== Header 4 Sticky ==========*/



.header3.sticky .logo-menu::before,

.header3.sticky .logo-menu::after {

    display: none;

}



.header3.sticky .logo-menu {

    padding: 10px 0;

}



.header3.sticky .quick-contact {

    float: right;

    opacity: 1;

    visibility: visible;

}



.header3.sticky .menu-curve > ul {

    margin: 0;

}



.header3.sticky .menu-curve > ul > li > a {

    padding: 10px 0;

}



/*========== Event Detail ==========*/



.news-thumb > span {

    left: auto;

    right: 25px;

}



.detail-info2 {

    float: left;

    width: 100%;

}



.detail-com {

    background: #fafafa none repeat scroll 0 0;

    float: left;

    margin-bottom: 2px;

    padding: 10px 20px 10px 50px;

    width: 100%;

}



.detail-infodiv1 .post-meta2 {

    float: left;

    margin-top: 17px;

}



.detail-infodiv1 .theme-btn {

    float: right;

}



.detail-infodiv1 .theme-btn:hover {

    background: #333 none repeat scroll 0 0;

}



.detail-infodiv2 > p {

    color: #848484;

    float: left;

    font-family: roboto;

    font-size: 12px;

    font-weight: 300;

    margin: 0 !important;

    width: auto;

}



.detail-infodiv2 {

    padding-bottom: 15px;

    padding-top: 15px;

}



.detail-infodiv2 .share-it {

    margin-top: 4px;

}



.detail-infodiv2 > p > i {

    margin-right: 5px;

}



.orgnaizer-info {

    padding-bottom: 20px;

    padding-right: 30px;

    padding-top: 20px;

}



.orgnaizer-info > ul {

    float: left;

    list-style: outside none none;

    text-align: left;

    margin-bottom: 0;

    padding-left: 0;

}



.orgnaizer-info > ul > li {

    color: #848484;

    font-family: roboto;

    font-size: 12px;

    font-weight: 300;

    margin-top: 15px;

    padding-left: 160px;

    position: relative;

}



.orgnaizer-info > ul > li a {

    color: inherit;

}



.orgnaizer-info > ul > li > strong {

    color: #343434;

    font-size: 14px;

    left: 0;

    position: absolute;

}



.orgnaizer-info > ul > li i {

    margin-right: 7px;

}



.organiser-thumb {

    border: 8px solid #fff;

    float: right;

    overflow: hidden;

}



.organiser-thumb > img {

    width: 100%;

}



/*=== Transparent Headers ===*/



.header3.transparent .logo-menu-sec {

    background: rgba(31, 66, 93, 0.95) none repeat scroll 0 0;

}



.header3.transparent .logo-menu {

    background: transparent none repeat scroll 0 0;

}



header.simple-header.transparent {

    background: rgba(255, 255, 255, 0.98) none repeat scroll 0 0;

}



/*=== Cargo Video Shortcode ===*/



.cargo-video2 .cargo-video-cap > p {

    margin-bottom: 20px;

    margin-top: 0;

}



.cargo-video2 .cargo-video-cap > p > a {

    color: inherit;

    display: inline-block;

    font-size: 26px;

    line-height: 40px;

    max-width: 420px;

}



.cargo-video2 .cargo-video-cap > a {

    border-color: #fff;

    border-width: 3px;

    color: #fff;

}



.featured-video {

    float: left;

    position: relative;

    width: 100%;

}



.featured-video::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.7;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

}



.featured-video > video {

    float: left;

    height: 760px;

    width: 100%;

}



/*===== Center Logo Header =====*/



header.center-logo .logo-menu {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    padding-left: 0;

    padding-right: 0;

}



header.center-logo {

    /*background: #1f425d none repeat scroll 0 0;*/

    background: #FAEE45 none repeat scroll 0 0;

}



header.center-logo .logo-menu::before,

header.center-logo .logo-menu::after {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}



header.center-logo .quick-contact {

    width: 43%;

    margin-top: 10px;

    margin-left: 80px;

}



header.center-logo .quick-contact > ul {

    float: left;

}



header.center-logo .quick-contact > ul > li:last-child {

    padding-left: 60px;

}



header.center-logo .quick-contact > ul > li:first-child {

    margin-right: 45px;

}



header.center-logo .logo {

    text-align: center;

    width: 30%;

}



header.center-logo .logo > a {

    display: inline-block;

    float: none;

}



.centerlogo-socialmedia {

    float: right;

    margin-top: 20px;

    width: 20%;

}



.social-btns2 {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    margin-right: 30px;

    margin-top: 8px;

    padding-left: 0;

    text-align: center;

}



.social-btns2 > li {

    color: #ffffff;

    float: left;

    font-size: 11px;

    height: 31px;

    line-height: 31px;

    margin-right: 5px;

    width: 31px;

}



.social-btns2 > li:last-child {

    margin-right: 0;

}



.social-btns2 > li > a {

    border: 1px solid #575757;

    color: inherit;

    float: left;

    height: 100%;

    width: 100%;

}



.light .social-btns2 > li > a:hover {

    color: #fff;

}



header.center-logo nav {

    background: #ffffff none repeat scroll 0 0;

    margin-bottom: -25px;

    box-shadow:0 0 5px rgba(0, 0, 0, 0.52);

}



header.center-logo nav > ul {

    background: inherit;

    margin-bottom: -5px;

}



header.center-logo nav > ul::before,

header.center-logo nav > ul::after {

    display: none;

}



header.center-logo nav > ul > li > a {

    color: #555555;

    padding: 20px 0;

}



.centerlogo-socialmedia .theme-btn:hover,

header.center-logo.light .centerlogo-socialmedia .theme-btn {

    background: #555;

}



header.center-logo.light {

    background: #ffffff none repeat scroll 0 0;

}



header.center-logo.light .quick-contact span {

    color: #333333;

}



.light .social-btns2 > li {

    color: #333333;

}



.light .social-btns2 > li > a {

    border-color: #333333;

}



header.center-logo.light nav {

    background: #1f425d none repeat scroll 0 0;

}



header.center-logo.light nav > ul > li > a {

    color: #fff;

}



/*====== New Pages Style =====*/



.not-found {

    float: left;

    text-align: center;

    width: 100%;

}



.notfound-content {

    display: inline-block;

    max-width: 800px;

}



.notfound-content > h3 {

    font-size: 150px;

    font-weight: 900;

    letter-spacing: 0.2px;

    text-transform: uppercase;

}



.notfound-content > h3 img {

    margin-top: -20px;

}



.notfound-content > strong {

    color: #333;

    float: left;

    font-family: raleway;

    font-size: 36px;

    font-weight: 900;

    letter-spacing: 0.2px;

    margin-bottom: 30px;

    text-transform: uppercase;

    width: 100%;

}



.notfound-content > span {

    background: #fff none repeat scroll 0 0;

    border: 1px dashed #acacac;

    color: #444;

    display: table;

    font-family: lato;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 0.3px;

    margin: 0 auto;

    max-width: 660px;

    padding: 20px 40px;

    position: relative;

    text-align: center;

}



.notfound-content > span::before {

    background: #f9f7f7 none repeat scroll 0 0;

    content: "";

    height: 116.5%;

    left: -5px;

    position: absolute;

    top: -5px;

    width: 101.9%;

    z-index: -1;

}



.notfound-content > span strong {

    font-size: 18px;

}



.notfound-content > span i {

    color: #8b8b8b;

    font-size: 13px;

    font-style: normal;

    font-weight: 400;

}



.notfound-content > .theme-btn {

    display: inline-block;

    float: none;

    margin-top: 50px;

}



.error-page .notfound-content > h3 {

    font-size: 275px;

    line-height: 46px;

}



.error-page .notfound-content > h3 img {

    margin: 0 25px 0 17px;

}



.error-page .notfound-content > span {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    padding: initial;

}



.error-page .notfound-content > span::before {

    display: none;

}



.error-page .notfound-content > strong {

    margin-bottom: 10px;

    margin-top: 40px;

}



.error-page .notfound-content > .theme-btn {

    margin-top: 55px;

}



.error-page {

    position: relative;

}



.error-page::before {

    background: rgba(0, 0, 0, 0) url(../images/error-before.html) no-repeat scroll center center / cover;

    content: "";

    height: 168px;

    left: 70px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 216px;

}



.error-page::after {

    background: rgba(0, 0, 0, 0) url(../images/error-after.html) no-repeat scroll center center / cover;

    content: "";

    height: 152px;

    position: absolute;

    right: 50px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 235px;

}



.search-bar {

    float: left;

    margin-bottom: 40px;

    width: 100%;

}



.search-bar > label {

    color: #545454;

    float: left;

    font-family: roboto;

    font-size: 18px;

    font-weight: 500;

    letter-spacing: 0.2px;

    margin-bottom: 15px;

    width: 100%;

}



.search-bar > form {

    background: #f9f9f9 none repeat scroll 0 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    float: left;

    margin-bottom: 70px;

    padding: 20px;

    width: 100%;

}



.search-bar > form input[type="text"] {

    border: 1px solid #dadada;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    float: left;

    height: 55px;

    padding: 0 40px;

    width: 100%;

}



.search-bar > form .theme-btn {

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    height: 55px;

    padding: 15px 41px;

}



.search-bar > h4 {

    color: #545454;

    float: left;

    font-family: roboto;

    font-size: 20px;

    font-weight: 500;

    line-height: 24px;

    width: 100%;

}



.search-bar > h4 > span {

    font-size: 17px;

}



.news-box.news-list {

    background: #fafafa none repeat scroll 0 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    float: left;

    overflow: hidden;

    width: 100%;

}



.news-box.news-list > .news-thumb {

    margin-right: 65px;

    max-width: 370px;

}



.news-box.news-list .news-detail {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

    display: table;

    float: none;

    margin-top: 55px;

    padding-bottom: 0;

    padding-right: 70px;

    padding-top: 0;

    text-align: left;

    width: auto;

}



.news-box.news-list .news-detail > h2 {

    font-family: roboto;

    font-size: 18px;

    font-weight: 700;

    line-height: 24px;

    margin-bottom: 15px;

    text-transform: initial;

}



.news-list .post-meta2 {

    margin-bottom: 0;

    margin-top: 30px;

}



.news-list .news-detail > p {

    color: #444;

    font-size: 14px;

    letter-spacing: 0.3px;

}



/*===== Pagination Style =====*/



.pagination {

    float: left;

    margin-bottom: 0;

    margin-top: 50px;

    text-align: center;

    width: 100%;

}



.pagination > ul {

    display: inline-block;

    list-style: outside none none;

    padding-left: 0;

}



.pagination > ul > li > a.prev,

.pagination > ul > li > a.next {

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    -ms-border-radius: 25px;

    -o-border-radius: 25px;

    border-radius: 25px;

    color: #fff;

    font-size: 18px;

    height: 57px;

    line-height: 57px;

    margin-top: 0;

    width: 76px;

}



.pagination > ul > li {

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

    float: left;

    font-family: roboto;

    font-size: 14px;

    font-weight: 700;

    line-height: 46px;

    margin-left: -10px;

    overflow: hidden;

    position: relative;

    width: unset !important;

}



.pagination > ul > li > a,

.pagination > ul > li > span {

    color: inherit;

    float: left;

    height: 46px;

    width: 61px;

}



.pagination > ul > li > a:hover,

.pagination > ul > li > span {

    color: #fff;

}



.pagination > ul > li > a.prev,

.pagination > ul > li > a.next {

    background: #1e1e1e none repeat scroll 0 0 !important;

    color: #fff;

}



.pagination > ul > li:nth-child(2n) > a {

    background: #fbfbfb none repeat scroll 0 0;

}



.pagination > ul > li:nth-child(2n+1) > a {

    background: #f4f4f4 none repeat scroll 0 0;

}



.pagination > ul > li:nth-last-child(2) {

    z-index: 2;

}



.pagination > ul > li:last-child {

    z-index: 1;

}



/*===== Transport Tabs 25-5-16 =====*/



.cargo-transport {

    float: left;

    width: 100%;

}



.transport-tabs-selector {

    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;

    float: left;

    padding: 95px 90px;

    width: 45.75%;

}



.transport-tabs-content {

    float: left;

    padding: 50px;

    width: 54.25%;

}



.transport-tabs-selector > ul {

    border: 0 none;

    text-align: center;

    margin: -5px -5px 0;

}



.transport-tabs-selector > ul > li {

    float: left;

    padding: 5px;

    width: 50%;

}



.transport-tabs-selector > ul > li > a {

    border: 0 none;

    float: left;

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

}



.transport-tabs-selector > ul > li > a img {

    float: left;

    width: 100%;

}



.transport-tabs-selector > ul > li.active > a,

.transport-tabs-selector > ul > li.active:hover > a {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

}



.transport-tabs-selector > ul > li > a:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border: 0 none;

}



.tab-padd {

    bottom: 0;

    left: 0;

    padding: 10px;

    position: absolute;

    right: 0;

    top: 0;

}



.tab-padding {

    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;

    height: 100%;

    left: 0;

    overflow: hidden;

    position: relative;

    top: 0;

}



.tab-title {

    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%;

}



.tab-title > i {

    color: #fff;

    font-size: 25px;

}



.tab-title > span {

    color: #fff;

    float: left;

    font-family: lato;

    font-size: 13px;

    font-weight: 700;

    margin-top: 10px;

    width: 100%;

}



.transport-tabs-selector > ul > li > a:hover,

.transport-tabs-selector > ul > li.active > a:hover,

.transport-tabs-selector > ul > li.active > a:focus {

    border: 0 none;

}



.tab-padding::before {

    background: #000 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0.7;

    position: absolute;

    right: 0;

    top: 0;

}



.transport-tabs-selector > ul > li.active .tab-padding::before,

.transport-tabs-selector > ul > li:hover .tab-padding::before {

    opacity: 0.9;

}



.transport-tabs-selector > ul > li.active .tab-title > i,

.transport-tabs-selector > ul > li:hover .tab-title > i {

    color: #fff;

}



.transport-tabs-content .tab-content {

    float: left;

    padding: 95px;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 1;

}



.transport-tabs-content .tab-content::before {

    background: #000 none repeat scroll 0 0;

    bottom: 0;

    content: "";

    left: 0;

    opacity: 0.85;

    position: absolute;

    right: 0;

    top: 0;

    z-index: -1;

}



.transport-tabs-content .tab-content .tab-pane {

    float: left;

    width: 100%;

}



.transport-tab-data {

    float: left;

    width: 100%;

}



.transport-tab-data > i {

    background: #dcdcdc none repeat scroll 0 0;

    color: #fff;

    display: inline-block;

    font-size: 30px;

    height: 86px;

    line-height: 86px;

    margin-bottom: 20px;

    width: 86px;

}



.transport-tab-data > h4 {

    color: #fff;

    font-size: 19px;

    font-weight: 800;

    margin-bottom: 5px;

}



.transport-tab-data > span {

    color: #fff;

    float: left;

    font-family: arimo;

    font-size: 12px;

    letter-spacing: 0.6px;

    margin-bottom: 25px;

    width: 100%;

}



.transport-tab-data > p {

    color: #fff;

    line-height: 28px;

}



.transport-tab-data > .theme-btn {

    border: 2px solid;

    display: inline-block;

    float: none;

    margin-top: 45px;

    padding: 15px 35px;

}



.transport-tab-data > .theme-btn:hover {

    background: transparent;

}



/*===== Social Media =====*/



.socialmedia-div {

    float: left;

    margin-top: 10px;

    width: 100%;

}



.socialmedia-btns {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

    text-align: center;

    width: 100%;

}



.socialmedia-btns > li {

    float: left;

    font-size: 14px;

    margin-right: 10px;

    margin-top: 10px;

}



.socialmedia-btns > li:last-child {

    margin-right: 0;

}



.socialmedia-btns > li > a {

    color: inherit;

    float: left;

    height: 50px;

    line-height: 50px;

    position: relative;

    width: 50px;

    z-index: 1;

    overflow: hidden;

}



.light-social > li {

    color: #464646;

}



.light-social > li > a {

    background: #f3f3f3 none repeat scroll 0 0;

}



.light-social > li:hover > a {

    background: #333;

    color: #fff;

}



.social-halfradius > li > a {

    -webkit-border-radius: 20px 0;

    -moz-border-radius: 20px 0;

    -ms-border-radius: 20px 0;

    -o-border-radius: 20px 0;

    border-radius: 20px 0;

}



.social-halfradius > li:hover > a {

    -webkit-border-radius: 0 20px;

    -moz-border-radius: 0 20px;

    -ms-border-radius: 0 20px;

    -o-border-radius: 0 20px;

    border-radius: 0 20px;

}



.social-radius > li:hover > a {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}



/*

.socialmedia-btns > li > a::before {

    background: red none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}*/



.col-bg-social > li > a.facebook,

.col-bor-social > li:hover > a.facebook {

    background: #3b5998;

}



.col-bg-social > li > a.twitter,

.col-bor-social > li:hover > a.twitter {

    background: #00aced;

}



.col-bg-social > li > a.google,

.col-bor-social > li:hover > a.google {

    background: #dd4b39;

}



.col-bg-social > li > a.linkedin,

.col-bor-social > li:hover > a.linkedin {

    background: #007bb6;

}



.col-bg-social > li > a.dribbble,

.col-bor-social > li:hover > a.dribbble {

    background: #ea4c89;

}



.col-bg-social > li > a.pinterest,

.col-bor-social > li:hover > a.pinterest {

    background: #cb2027;

}



.col-bg-social > li:hover > a.facebook,

.col-bg-social > li:hover > a.twitter,

.col-bg-social > li:hover > a.google,

.col-bg-social > li:hover > a.linkedin,

.col-bg-social > li:hover > a.dribbble,

.col-bg-social > li:hover > a.pinterest,

.thm-social > li:hover > a {

    background: transparent;

}



.col-bor-social > li:hover > a.facebook,

.col-bor-social > li:hover > a.twitter,

.col-bor-social > li:hover > a.google,

.col-bor-social > li:hover > a.linkedin,

.col-bor-social > li:hover > a.dribbble,

.col-bor-social > li:hover > a.pinterest,

.col-bg-social > li > a.facebook,

.col-bg-social > li > a.twitter,

.col-bg-social > li > a.google,

.col-bg-social > li > a.linkedin,

.col-bg-social > li > a.dribbble,

.col-bg-social > li > a.pinterest,

.thm-social > li > a {

    color: #fff;

}



.col-bor-social > li > a.facebook,

.col-bor-social > li > a.twitter,

.col-bor-social > li > a.google,

.col-bor-social > li > a.linkedin,

.col-bor-social > li > a.dribbble,

.col-bor-social > li > a.pinterest,

.col-bg-social > li > a.facebook,

.col-bg-social > li > a.twitter,

.col-bg-social > li > a.google,

.col-bg-social > li > a.linkedin,

.col-bg-social > li > a.dribbble,

.col-bg-social > li > a.pinterest,

.thm-social > li > a,

.dar-bor-social > li > a,

.dar-bg-social > li > a {

    border: 2px solid;

}



.dar-bor-social > li > a {

    border-color: #000;

    color: #444;

}



.dar-bor-social > li:hover > a {

    background: #333;

    color: #fff;

}



.dar-bg-social > li > a {

    border-color: #333;

    background: #333;

    color: #fff;

}



.dar-bg-social > li:hover > a {

    background: #f3f3f3;

    border-color: #f3f3f3;

    color: #464646;

}



.col-bor-social > li > a.facebook,

.col-bg-social > li:hover > a.facebook {

    color: #3b5998;

}



.col-bor-social > li > a.twitter,

.col-bg-social > li:hover > a.twitter {

    color: #00aced;

}



.col-bor-social > li > a.google,

.col-bg-social > li:hover > a.google {

    color: #dd4b39;

}



.col-bor-social > li > a.linkedin,

.col-bg-social > li:hover > a.linkedin {

    color: #007bb6;

}



.col-bor-social > li > a.dribbble,

.col-bg-social > li:hover > a.dribbble {

    color: #ea4c89;

}



.col-bor-social > li > a.pinterest,

.col-bg-social > li:hover > a.pinterest {

    color: #cb2027;

}



.col-bg-social > li > a.facebook,

.col-bor-social > li > a.facebook {

    border-color: #3b5998;

}



.col-bg-social > li > a.twitter,

.col-bor-social > li > a.twitter {

    border-color: #00aced;

}



.col-bg-social > li > a.google,

.col-bor-social > li > a.google {

    border-color: #dd4b39;

}



.col-bg-social > li > a.linkedin,

.col-bor-social > li > a.linkedin {

    border-color: #007bb6;

}



.col-bg-social > li > a.dribbble,

.col-bor-social > li > a.dribbble {

    border-color: #ea4c89;

}



.col-bg-social > li > a.pinterest,

.col-bor-social > li > a.pinterest {

    border-color: #cb2027;

}



/*===== Counters Styles =====*/



/*=== Style 1 ===*/

.zero-counters > .row > div::before,

.zero-counters > .row > div::after {

    background: #fff none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 15px;

}



.zero-counters > .row > div::after {

    left: auto;

    right: 0;

}



.counter-styles {

    float: left;

    text-align: center;

    width: 100%;

}



.zero-counters .counter-styles {

    min-height: 305px;

    padding: 75px 30px;

}



.counter-styles > h5 {

    color: #fff;

    float: left;

    font-family: lato;

    font-size: 28px;

    font-weight: 800;

    line-height: 26px;

    margin-top: 20px;

    padding-top: 20px;

    position: relative;

    width: 100%;

}



.zero-counters .counter-styles > h5::before {

    background: #fdfdfd none repeat scroll 0 0;

    content: "";

    height: 1px;

    left: 50%;

    position: absolute;

    top: 0;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 20px;

}



.counter-styles > span {

    color: #fff;

    float: left;

    font-family: lato;

    font-size: 12px;

    line-height: 26px;

    margin-top: 10px;

    text-transform: uppercase;

    width: 100%;

}



/*=== Style 2 ===*/



.zero-counters2 .simple-services1::before {

    border-left: 1px dashed #adadad;

    content: "";

    height: 60px;

    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%);

}



.zero-counters2 > .row > div:last-child .simple-services1:before {

    display: none;

}



.zero-counters2 .service-box1 > img {

    margin-right: 35px;

}



.zero-counters2 .service-box1 > h5 {

    color: #323232;

    font-size: 28px;

}



.zero-counters2 .service-box1 > span {

    color: #323232;

    font-family: lato;

    font-size: 12px;

    font-weight: 400;

    text-transform: uppercase;

}



/*=== Style 3 ===*/

.zero-counters3 .counter-styles {

    border: 1px solid #e3e3e3;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    padding: 45px 30px 35px;

}



.zero-counters3 .counter-styles > h5 {

    color: #323232;

    line-height: 22px;

    margin-top: 0;

    padding-top: 0;

}



.zero-counters3 .counter-styles > span {

    color: #323232;

    line-height: 22px;

}



/*=== Style 4 ===*/

.zero-counters4 .counter-styles > i {

    background: #fff none repeat scroll 0 0;

    color: #7e7e7e;

    display: inline-block;

    font-size: 30px;

    height: 78px;

    left: 50%;

    line-height: 75px;

    position: absolute;

    top: -35px;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 78px;

}



.zero-counters4 .counter-styles {

    background: #fff none repeat scroll 0 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    margin-top: 40px;

    padding: 45px 20px 35px;

    position: relative;

}



.zero-counters4 .counter-styles > h5 {

    color: #323232;

    margin-top: 0;

    padding-top: 0;

}



.zero-counters4 .counter-styles > span {

    color: #323232;

}



.zero-counters4 .counter-styles:hover > i {

    top: -45px;

}



/*===== Progress Bars =====*/



.progressbars-style {

    float: left;

    width: 100%;

}



.progressbars-style > h2 {

    color: #404040;

    float: left;

    font-size: 26px;

    font-weight: 700;

    text-transform: uppercase;

    width: 100%;

}



.progressbars-style > ul {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    padding-left: 0;

    width: 100%;

}



.progressbars-style > ul > li {

    float: left;

    margin-top: 30px;

    width: 100%;

}



.progressbars-style > ul li span,

.progressbars-style ul li i {

    color: #5b5b5b;

    float: left;

    font-family: lato;

    font-size: 13px;

    margin-bottom: 15px;

}



.progressbars-style ul li i {

    float: right;

    font-style: normal;

    margin-right: 35px;

}



.progressbars-style ul li .progress {

    background: #e9e9e9 none repeat scroll 0 0;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

    float: left;

    height: 15px;

    margin-bottom: 0;

    width: 100%;

}



.progressbars-style ul li .progress-bar {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -ms-box-shadow: none;

    -o-box-shadow: none;

    box-shadow: none;

}



/*=== Progress Bars Style 1 ===*/

.progressbars-style1 ul li .progress-bar {

    background-color: #ff7c00;

    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);

    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);

    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);

    background-image: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);

    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

}



/*=== Progress Bars Style 2 ===*/

.progressbars-style2 ul li .progress,

.progressbars-style2 ul li .progress-bar {

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

}



.progressbars-style2 ul li .marganta-bg {

    background: #ff0078 none repeat scroll 0 0;

}



.progressbars-style2 ul li .lightpurple-bg {

    background: #ff00f0 none repeat scroll 0 0;

}



.progressbars-style2 ul li .lightgreen-bg {

    background: #a2ff00 none repeat scroll 0 0;

}



/*=== Progress Bars Style 3 ===*/

.progressbars-style3 > ul {

    display: inline-block;

    text-align: center;

}



.progressbars-style3 > ul > li {

    float: left;

    max-width: 195px;

    padding: 0 15px;

    position: relative;

    width: 100%;

}



.progressbars-style3 > ul li .progress {

    align-items: flex-end;

    display: flex;

    float: left;

    left: 50%;

    max-width: 112px;

    min-height: 258px;

    position: relative;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.progressbars-style3 ul li .progress span {

    background: #fff none repeat scroll 0 0;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    -ms-border-radius: 4px;

    -o-border-radius: 4px;

    border-radius: 4px;

    margin-bottom: 0;

    padding: 4px 18px;

    position: absolute;

    top: 40px;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.progressbars-style3 ul li .blue-bg {

    background-color: #7e00ff;

    width: 100%;

}



.progressbars-style3 > ul li > span {

    margin-bottom: 0;

    margin-top: 30px;

    width: 100%;

}



/*=== Progress Bars Style 4 ===*/

.progressbars-style4 ul li .progress-bar {

    background-color: #717171;

}



.progressbars-style4 ul li .progress {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}



/*=== Progress Bars Style 5 ===*/

.progressbars-style5 ul li .progress {

    background: transparent none repeat scroll 0 0;

}



.progressbars-style5 ul li .progress-bar {

    background-color: #ff7c00;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    -ms-border-radius: 30px;

    -o-border-radius: 30px;

    border-radius: 30px;

}



/*===== Drop Caps =====*/

.dropcaps-style {

    float: left;

    margin-top: 30px;

    width: 100%;

}



.dropcaps-style > p {

    color: #555;

    font-size: 14px;

    line-height: 30px;

}



.dropcaps-style > p strong {

    border: 3px solid;

    float: left;

    font-family: raleway;

    font-size: 45px;

    font-weight: 800;

    height: 70px;

    line-height: 70px;

    margin-right: 40px;

    text-align: center;

    width: 70px;

}



/*=== Drop Caps Style 1 ===*/

.dropcap-style1 > p strong {

    border-color: #333;

    color: #333;

}



/*=== Drop Caps Style 2 ===*/

.dropcap-style2 > p strong {

    border-color: #fed641;

    color: #fed641;

}



/*=== Drop Caps Style 3 ===*/

.dropcap-style3 > p strong {

    background-color: #fed641;

    border-color: #fed641;

    color: #fff;

}



/*=== Drop Caps Style 4 ===*/

.dropcap-style4 > p strong {

    background-color: #333;

    border-color: #333;

    color: #fff;

}



/*=== Drop Caps Style 5 & 6 ===*/

.dropcap-style5 > p strong,

.dropcap-style6 > p strong {

    border: 4px solid;

    float: left;

    font-size: 28px;

    letter-spacing: 0.9px;

    line-height: 60px;

    margin: 40px 10px 35px -33px;

    text-transform: uppercase;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    width: 135px;

}



.dropcap-style5 > p strong {

    border-color: #333;

    color: #333;

}



.dropcap-style6 > p strong {

    border-color: #fed641;

    color: #fed641;

}



/*=== Drop Caps Style 7 & 8 ===*/

.dropcap-style7 > p strong,

.dropcap-style8 > p strong {

    border: 0 none;

    font-size: 95px;

    height: auto;

    width: auto;

}



.dropcap-style7 > p strong {

    color: #333;

}



.dropcap-style8 > p strong {

    color: #fed641;

}



/*=== Drop Caps Style 9, 10 & 11 ===*/

.bg-layer {

    padding: 50px;

    position: relative;

    z-index: 1;

}



.bg-layer::before {

    background: #000 none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0.85;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}



.dropcap-style9::before {

    background: #fff none repeat scroll 0 0;

}



.dropcap-style11::before {

    background: #fed641;

}



.dropcap-style9 > p strong {

    background-color: #333;

    border-color: #333;

    color: #fff;

}



.dropcap-style10 > p {

    color: #eee;

}



.dropcap-style10 > p strong {

    background-color: #fed641;

    border-color: #fed641;

    color: #fff;

}



.dropcap-style11 > p {

    color: #fff;

}



.dropcap-style11 > p strong {

    background-color: #fff;

    border-color: #fff;

    color: #fed641;

}



/*=== Drop Caps Style 12 ===*/

.dropcap-style12 {

    border: 5px solid #333;

    padding: 45px 50px;

}



.dropcap-style12 > p strong {

    background-color: #fed641;

    border-color: #fed641;

    color: #fff;

}



/*===== Messages Boxes =====*/

.messageboxes-page > h3 {

    color: #404040;

    float: left;

    font-size: 26px;

    font-weight: 700;

    margin-bottom: 30px;

    text-transform: uppercase;

    width: 100%;

}



.messageboxes-style {

    float: left;

    margin-top: 30px;

    width: 100%;

}



/*=== Message Box Style 1 ===*/

.messagebox-style1 {

    padding-left: 20px;

}



.messagebox {

    float: left;

    width: 100%;

    padding: 50px 55px;

}



.messagebox-style1 .messagebox {

    border: 1px solid;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    -ms-border-radius: 10px;

    -o-border-radius: 10px;

    border-radius: 10px;

    position: relative;

}



.messagebox-style1-1 .messagebox {

    border-color: #e0e0e0;

}



.messagebox-style1 .messagebox::before,

.messagebox-style1-1 .messagebox::after {

    border-bottom: 35px solid #e0e0e0;

    border-left: 24px solid transparent;

    content: "";

    left: -24px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.messagebox-style1-1 .messagebox::after {

    border-bottom-color: #fff;

    border-bottom-width: 31px;

    border-left-width: 23px;

    left: -23px;

    top: 50.2%;

}



.messagebox > span {

    float: left;

    font-size: 11px;

    font-weight: 600;

    margin-bottom: 5px;

    text-transform: uppercase;

    width: 100%;

}



.messagebox > h3 {

    color: #323232;

    font-size: 20px;

    margin-bottom: 10px;

    font-weight: 800;

}



.messageboxes-style p {

    color: #444;

    font-size: 14px;

}



.messagebox-style1-2 .messagebox::before {

    border-bottom-color: #f9f9f9;

}



.messagebox-style1-2 .messagebox {

    background: #f9f9f9 none repeat scroll 0 0;

    border-color: #f9f9f9;

}



.messagebox-style1-3 .messagebox::before {

    border-bottom-color: #3b3b3b;

}



.messagebox-style1-3 .messagebox {

    background: #3b3b3b none repeat scroll 0 0;

    border-color: #3b3b3b;

}



.messagebox-style1-3 .messagebox > h3 {

    color: #fff;

}



.messagebox-style1-3 .messagebox > p {

    color: #ececec;

}



.messagebox-style1-4 > .messagebox > span,

.messagebox-style1-4 .messagebox > h3 {

    color: #fff;

}



.messagebox-style1-4 .messagebox > p {

    color: #f0f0f0;

}



/*=== Message Box Style 2 ===*/

.messagebox-style2 {

    border-top: 2px solid;

}



.message-title {

    float: left;

    width: 100%;

}



.messagebox-style2-1 {

    background: #e9d3d3 none repeat scroll 0 0;

}



.messagebox-style2-1 .message-title {

    background: #e4c9c9 none repeat scroll 0 0;

}



.message-title > i {

    background: #232323 none repeat scroll 0 0;

    float: left;

    height: 95px;

    line-height: 95px;

    position: relative;

    text-align: center;

    width: 100px;

}



.message-title > h3 {

    color: #232323;

    display: table;

    font-size: 16px;

    font-weight: 700;

    line-height: 95px;

    padding-left: 50px;

    text-transform: uppercase;

}



.messagebox-style2 p {

    padding: 30px 65px;

}



.message-title > i::before {

    border-bottom: 7px solid transparent;

    border-right: 12px solid #e4c9c9;

    border-top: 7px solid transparent;

    content: "";

    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%);

}



.messagebox-style2-1 .message-title > i::before {

    border-right-color: #e4c9c9;

}



.messagebox-style2-2 {

    background: #f4f4f4 none repeat scroll 0 0;

}



.messagebox-style2-2 .message-title {

    background: #fcfbfb none repeat scroll 0 0;

}



.messagebox-style2-2 .message-title > i::before {

    border-right-color: #fcfbfb;

}



.messagebox-style2-3 {

    background: #3b3b3b none repeat scroll 0 0;

}



.messagebox-style2-3 > p {

    color: #ececec;

}



.messagebox-style2-3 .message-title {

    background: #232323 none repeat scroll 0 0;

}



.messagebox-style2-3 .message-title > h3 {

    color: #fff;

}



.messagebox-style2-3 .message-title > i::before {

    border-right-color: #232323;

}



.messagebox-style2-4 > p {

    color: #fafafa;

}



.messagebox-style2-4 .message-title > h3 {

    color: #fff;

}



.messagebox-style2-4 .message-title {

    background: #f2b52e none repeat scroll 0 0;

}



.messagebox-style2-4 .message-title > i::before {

    border-right-color: #f2b52e;

}



/*=== Message Box Style 3 ===*/

.messagebox-style3 {

    padding-left: 45px;

}



.messagebox-style3 .messagebox {

    border: 1px solid;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -ms-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    padding: 50px 65px 50px 85px;

    position: relative;

}



.messagebox-style3-1 .messagebox {

    border-color: #e0e0e0;

}



.messagebox-style3-1 .messagebox > i::before {

    border: 1px solid #e0e0e0;

    content: "";

    height: 81px;

    left: 0;

    position: absolute;

    top: 0;

    width: 81px;

}



.messagebox-style3 .messagebox > i {

    background: #fff none repeat scroll 0 0;

    border: 9px solid #fff;

    height: 99px;

    left: -45px;

    line-height: 80px;

    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: 99px;

}



.messagebox-style3-2 .messagebox {

    background: #f4f4f4 none repeat scroll 0 0;

    border-color: #f4f4f4;

}



.messagebox-style3-2 .messagebox > i {

    background: #f4f4f4 none repeat scroll 0 0;

}



.messagebox-style3-3 .messagebox {

    background: #3b3b3b none repeat scroll 0 0;

    border-color: #3b3b3b;

}



.messagebox-style3-3 .messagebox > i {

    background: #3b3b3b none repeat scroll 0 0;

}



.messagebox-style3-3 .messagebox > h3 {

    color: #fff;

}



.messagebox-style3-3 .messagebox > p {

    color: #ececec;

}



.messagebox-style3-4 .messagebox > span,

.messagebox-style3-4 .messagebox > h3 {

    color: #fff;

}



.messagebox-style3-4 .messagebox > p {

    color: #fefefe;

}



/*===== Business Demo Style =====*/



#about-shipment\ style2 .title2 > strong {

    font-size: 14px;

}



.title2 > strong i {

    margin-right: 5px;

}



#about-shipment\ style2 .title2 > h2 {

    font-size: 32px;

}



#about-shipment\ style2 .service-box1 > span {

    font-family: lato;

    font-size: 12px;

    font-weight: 400;

    color: #323232;

}



#about-shipment\ style2 .service-box1 > h5 {

    font-size: 28px;

    color: #323232;

}



.safe-affordable-cargo .theme-btn:hover {

    background: transparent;

}



#about-shipment\ style2 .safe-affordable-cargo .theme-btn {

    border: 2px solid;

}



.top-margin.style2 {

    background: #fafafa;

    padding: 0 30px 30px;

}



.heading.style2 span {

    font-family: lato;

    text-transform: initial;

}



/*===== Progress Chart Sec =====*/

.progress-chartsec {

    padding-bottom: 40px;

    padding-top: 20px;

    float: left;

    width: 100%;

}



.char-data {

    float: left;

    list-style: none;

    margin-left: 30px;

    margin-bottom: 0;

    max-width: 140px;

    padding-left: 0;

    position: relative;

    width: 100%;

    z-index: 1;

}



.char-data > li:first-child {

    padding-top: 10px;

}



.char-data > li:last-child {

    padding-bottom: 0;

}



.char-data > li {

    float: left;

    width: 100%;

    padding: 30px 0;

    text-align: center;

}



.progress-data {

    float: left;

    width: 100%;

}



.progress-data > span {

    float: left;

    width: 100%;

    font-family: raleway;

    font-size: 37px;

    line-height: 23px;

    margin-bottom: 7px;

}



.progress-data > i {

    float: left;

    width: 100%;

    font-style: normal;

    font-size: 13px;

    text-transform: uppercase;

    color: #292929;

    font-family: raleway;

    line-height: 23px;

}



.char-bars {

    margin-left: -60px;

    position: relative;

}



.char-bars::before,

.char-bars::after {

    height: 150px;

    -webkit-box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.05);

    -moz-box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.05);

    -ms-box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.05);

    -o-box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 5px 0px 4px 0px rgba(0, 0, 0, 0.05);

    content: "";

    position: absolute;

    top: -84px;

    left: 259px;

    width: 2px;

    z-index: 1;

}



.char-bars:after {

    top: auto;

    bottom: -376px;

}



.char-bar {

    position: absolute;

    top: -80px;

    left: 40px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}



.char-bar.char-bar2 {

    top: -36px;

    left: 84px;

}



.char-bar.char-bar3 {

    top: 15px;

    left: 135px;

}



.dark-title.style2 > span {

    font-size: 14px;

    margin-bottom: 10px;

}



.dark-title.style2 > h3 {

    font-size: 32px;

    text-transform: uppercase;

}



.growbusiness-tabs {

    float: left;

    width: 100%;

}



.growbusiness-tabs > .nav-tabs {

    float: left;

    width: 100%;

    border-bottom: 0;

}



.growbusiness-tabs > .nav-tabs > li {

    margin-bottom: 0;

    font-size: 12px;

    color: #555;

    font-family: raleway;

    margin-right: 2px;

}



.growbusiness-tabs > .nav-tabs > li > a {

    float: left;

    width: 100%;

    margin-right: 0;

    border: 0;

    padding: 15px 28px;

    background: #ededed;

    letter-spacing: .3px;

    color: inherit;

}



.growbusiness-tabs > .nav-tabs > li:last-child {

    margin-right: 0;

}



.growbusiness-tabs .nav-tabs > li.active > a,

.growbusiness-tabs .nav-tabs > li.active > a:focus,

.growbusiness-tabs .nav-tabs > li.active > a:hover {

    border: 0;

}



.growbusiness-tabs > .nav-tabs > li.active > a {

    color: #fff;

    letter-spacing: .5px;

}



.growbusiness-tabs > .nav-tabs > li:hover > a {

    letter-spacing: .5px;

}



.growbusiness-tabs .tab-content {

    float: left;

    width: 100%;

}



.growbusiness-tabs .tab-pan {

    margin-top: 30px;

}



.growbusiness-tabs .tab-content .tab-pane {

    float: left;

    width: 100%;

}



.growbusiness-tabs .tab-content .tab-pane > p {

    margin-top: 30px;

    font-size: 13px;

    color: #777;

}



.growbusiness-tabs .tab-content .tab-pane > ul {

    float: left;

    width: 100%;

    padding-left: 0;

    list-style: none;

    margin-bottom: 0;

    margin-top: 10px;

}



.growbusiness-tabs .tab-content .tab-pane > ul li {

    font-size: 13px;

    color: #636363;

    font-family: raleway;

    font-weight: 700;

    padding-left: 20px;

    width: 33.334%;

    float: left;

    position: relative;

    margin-top: 20px;

}



.growbusiness-tabs .tab-content .tab-pane > ul li:before {

    content: "\f14a";

    font-family: fontawesome;

    position: absolute;

    left: 0;

}



.teamchoose-sec .title2 {

    margin-bottom: 40px;

}



.teamchoose-sec .title2 > h2 {

    font-size: 26px;

}



.main-video-cap {

    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%);

    text-align: center;

    z-index: 1;

    width: 100%;

    max-width: 590px;

    display: inline-block;

    left: 50%;

}



.main-video-cap > span {

    float: left;

    width: 100%;

    font-size: 15px;

    font-family: lato;

    color: #fff;

    text-transform: uppercase;

}



.main-video-cap > h1 {

    font-size: 80px;

    font-weight: 800;

    color: #fff;

    margin-bottom: 15px;

}



.main-video-cap > h1 small {

    font-size: 60px;

    font-weight: inherit;

    color: inherit;

}



.detail-links {

    display: inline-block;

    padding-left: 0;

    list-style: none;

    margin-top: 30px;

    margin-bottom: 0;

}



.detail-links > li {

    float: left;

    margin-right: 10px;

    margin-top: 10px;

}



.detail-links > li:last-child {

    margin-right: 0;

}



.detail-links > li > a {

    padding: 17px 45px;

    font-size: 13px;

    border: 2px solid;

}



.detail-links > li:first-child > a,

.detail-links > li > a:hover {

    border-color: #fff;

    background: transparent;

}



/*===== Theme Test Unit Style =====*/

.news-box.no-img {

    margin-top: 82px;

}



.news-box.sticky .news-detail {

    background: #fff none repeat scroll 0 0;

    border-color: #f0f0f0;

    border-width: 1px;

    padding-left: 140px;

    text-align: left;

}



.news-box.no-img.sticky .date {

    background: #3f3f3f none repeat scroll 0 0;

    bottom: -130px;

    left: 40px;

}



.news-box.no-img.sticky .date > strong {

    color: #fff;

}



.news-box.sticky .news-detail .post-meta2 {

    margin-bottom: -25px;

    margin-left: -100px;

}



.news-thumb {

    text-align: center;

}



.news-thumb > a {

    float: left;

    width: 100%;

    background: #fdfdfd;

}



.news-thumb > a img {

    max-width: 100%;

    width: auto;

    height: auto;

    display: inline-block;

    float: none;

}



.calendar_wrap > table tbody tr td#today:hover > a {

    color: #fff;

}



.widget label, .widget label > h3 {

    float: left;

    font-size: 15px;

    width: 100%;

}



.widget label > span {

    display: none;

}



.widget select {

    float: left;

    padding: 0 15px;

    width: 100%;

}



.widget select option {

    padding: 10px;

}



.calendar_wrap > table {

    float: left;

    text-align: center;

    width: 100%;

}



.calendar_wrap > table caption {

    text-align: center;

}



.calendar_wrap > table thead tr {

    background: #fafafa none repeat scroll 0 0;

    text-align: center;

}



.calendar_wrap > table thead tr th {

    padding: 5px;

    text-align: inherit;

}



.calendar_wrap > table tbody tr td {

    border: 1px solid #fafafa;

    color: #888;

    font-size: 13px;

    padding: 5px;

}



.widget_pages.widget ul li,

.widget_nav_menu.widget ul li,

.widget_categories ul li {

    margin-bottom: 10px;

}



.widget_pages.widget ul li ul,

.widget_nav_menu.widget ul li ul {

    padding-left: 20px;

}



.widget_pages.widget ul li.page_item_has_children > ul li:last-child,

.widget_nav_menu.widget ul li.menu-item-has-children > ul li:last-child,

.widget_categories ul li ul.children li:last-child {

    margin-bottom: 0;

}



.recentcomments > span {

    color: #333;

    font-size: 15px;

    font-weight: 700;

}



.recentcomments > span a {

    color: inherit;

}



#recentcomments .recentcomments > a {

    color: #666 !important;

}



#recentcomments .recentcomments > a::before {

    display: none;

}



.widget label > input {

    float: left;

    font-size: 13px;

    padding: 10px;

    width: 100%;

}



.widget form input.search-submit {

    border: 1px solid;

    color: #fff;

    font-size: 13px;

    padding: 5px 15px;

}



.widget form input.search-submit:hover {

    background: transparent none repeat scroll 0 0;

}



.textwidget img {

    height: auto;

    width: 100%;

}



.widget {

    margin-top: 70px;

}



.widget:first-child {

    margin-top: 0;

}



.news-box iframe {

    height: 600px;

}



.alignleft {

    float: left;

    margin-right: 15px;

    margin-bottom: 15px;

}



.alignright {

    float: right;

    margin-left: 15px;

    margin-bottom: 15px;

}



img {

    max-width: 100%;

}



/*===== Loader =====*/

/* ===============================================================

    ajax loader

================================================================*/

@-webkit-keyframes preloader-inside-white {

    0% {

        -webkit-transform: scale(0, 0);

        -moz-transform: scale(0, 0);

        -ms-transform: scale(0, 0);

        -o-transform: scale(0, 0);

        transform: scale(0, 0);

    }

    100% {

        -webkit-transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

}



@keyframes preloader-inside-white {

    0% {

        -webkit-transform: scale(0, 0);

        -moz-transform: scale(0, 0);

        -ms-transform: scale(0, 0);

        -o-transform: scale(0, 0);

        transform: scale(0, 0);

    }

    100% {

        -webkit-transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

}



@-webkit-keyframes preloader-inside-red {

    0% {

        -webkit-transform: scale(0, 0);

        -moz-transform: scale(0, 0);

        -ms-transform: scale(0, 0);

        -o-transform: scale(0, 0);

        transform: scale(0, 0);

    }

    30% {

        -webkit-transform: scale(0, 0);

        -moz-transform: scale(0, 0);

        -ms-transform: scale(0, 0);

        -o-transform: scale(0, 0);

        transform: scale(0, 0);

    }

    100% {

        -webkit-transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

}



@keyframes preloader-inside-red {

    0% {

        -webkit-transform: scale(0, 0);

        -moz-transform: scale(0, 0);

        -ms-transform: scale(0, 0);

        -o-transform: scale(0, 0);

        transform: scale(0, 0);

    }

    30% {

        -webkit-transform: scale(0, 0);

        -moz-transform: scale(0, 0);

        -ms-transform: scale(0, 0);

        -o-transform: scale(0, 0);

        transform: scale(0, 0);

    }

    100% {

        -webkit-transform: scale(1, 1);

        -moz-transform: scale(1, 1);

        -ms-transform: scale(1, 1);

        -o-transform: scale(1, 1);

        transform: scale(1, 1);

    }

}



/* Styles */

.preloader {

    display: none;

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    opacity: 0.9;

    z-index: 99999;

    background: white;

    text-align: center;

}



.preloader .preloader-container {

    display: inline-block;

    width: 100px;

    height: 100px;

    margin: auto;

    position: absolute;

    top: 44%;

    left: 0;

    position: relative;

}



.preloader .preloader-container .animated-preloader {

    display: inline-block;

    width: 100px;

    height: 100px;

    position: absolute;

    top: 0;

    left: 0;

    background: #f35353;

    border-radius: 50em;

}



.preloader .preloader-container .animated-preloader:after {

    content: '';

    display: inline-block;

    width: 100px;

    height: 100px;

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 50em;

    background: white;

    -webkit-animation: preloader-inside-white 1s ease-in-out infinite;

    -ms-animation: preloader-inside-white 1s ease-in-out infinite;

    animation: preloader-inside-white 1s ease-in-out infinite;

}



.preloader .preloader-container .animated-preloader:before {

    content: '';

    display: inline-block;

    width: 100px;

    height: 100px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    border-radius: 50em;

    background: #f35353;

    -webkit-animation: preloader-inside-red 1s ease-in-out infinite;

    -ms-animation: preloader-inside-red 1s ease-in-out infinite;

    animation: preloader-inside-red 1s ease-in-out infinite;

}



.log {

    float: left;

    width: 100%;

}



/*====== New Changes 18-6-16 =====*/

.avatar span > img {

    max-width: 39px;

}



/*===== New Changes 27/8/2016 =====*/

.g-recaptcha {

    float: left;

    margin-top: 10px;

    width: 100%;

}



.g-recaptcha > div {

    display: inline-block;

    width: auto;

}



#formresult {

    float: left;

    text-align: left;

    width: 100%;

}



.alert {

    border: 1px solid #fff;

    float: left;

    font-family: roboto slab;

    font-size: 12px;

    margin-bottom: 10px;

    padding: 13px 20px;

    width: 100%;

}



.alert.warning {

    background: #f2dede none repeat scroll 0 0;

    border-color: #ebccd1;

    color: #a94442;

}



.alert.success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d;

}



/*===== Profile page =====*/

.profile-main {

    float: left;

    margin-top: 20px;

    width: 100%;

}



.profiler-info {

    background: #f9f9f9 none repeat scroll 0 0;

    float: left;

    max-width: 59.8%;

    padding: 50px 60px 50px 100px;

    width: 100%;

}



.profiler-info > span {

    font-family: source sans pro;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;

}



.profiler-info h2 {

    color: #343434;

    font-size: 25px;

    font-weight: 900;

    margin-top: 5px;

    text-transform: uppercase;

}



.profiler-info h2 a {

    color: inherit;

}



.profiler-info > p {

    color: #444444;

    font-size: 14px;

    line-height: 26px;

    margin-top: 12px;

}



.profiler-info .post-meta2 {

    margin-bottom: 0;

    margin-top: 20px;

}



.profiler-info .post-meta2 > li::before {

    display: none;

}



.profiler-info .post-meta2 > li a {

    background: #000000 none repeat scroll 0 0;

    color: #ffffff;

    float: left;

    font-size: 11px;

    padding: 7px 15px;

}



.profiler-info .post-meta2 > li {

    margin-right: 25px;

    padding: 0;

}



.profiler-info .post-meta2 > li:last-child {

    color: #777777;

    font-size: 12px;

    margin-right: 0;

    margin-top: 7px;

}



.profiler-info .post-meta2 > li i {

    float: none;

    font-size: 15px;

}



.profiler-address {

    background: #f2f2f2 none repeat scroll 0 0;

    float: left;

    max-width: 40.2%;

    padding: 50px 60px;

    width: 100%;

}



.profiler-address > ul {

    float: left;

    list-style: outside none none;

    margin-bottom: 0;

    margin-top: -22px;

    padding-left: 0;

    width: 100%;

}



.profiler-address > ul li {

    color: #555555;

    float: left;

    font-size: 12px;

    margin-top: 20px;

    width: 100%;

}



.profiler-address > ul li strong {

    color: #333333;

    float: left;

    font-family: raleway;

    font-size: 13px;

    margin-right: 35px;

    max-width: 125px;

    text-align: right;

    text-transform: uppercase;

    width: 100%;

}



.profiler-address > ul li a {

    color: inherit;

}



.profiler-info .post-meta2 > li a:hover {

    color: #fff;

}



/*=== New Changes ===*/

.cargo-shipment .calculate-shipping {

    margin: 0;

}



.logo-menu-sec.style2 .menu-curve {

    background: #fafafa none repeat scroll 0 0;

}



.logo-menu-sec.style2 .menu-curve > ul,

.logo-menu-sec.style2 .menu-curve > ul::before,

.logo-menu-sec.style2 .menu-curve > ul::after {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-left-color: rgba(0, 0, 0, 0);

    border-right-color: rgba(0, 0, 0, 0);

}



.top-sec {

    padding-bottom: 0;

}



.logo-menu-sec {

    margin-top: 0;

}



.widget ul li a {

    text-align: left;

}



.reply-form > form .logged-in-as > a {

    float: none;

    margin: 0;

    padding: 0;

}



/*===== New Changes 29/8/2016 =====*/

.region-detail .contactform {

    display: none;

}



.region-detail .contact-info-form.active > .loc-thumb {

    display: none;

}



.region-detail .contact-info-form.active > .contactform {

    display: block;

}



.region-detail form#contactform .text-field {

    background: #ffffff none repeat scroll 0 0;

}



.city-thumb > img {

    height: auto;

}



/*===== New Changes 8/9/2016 =====*/

.theme-btn.process > i {

    -webkit-animation: spin 4s linear infinite;

    -moz-animation: spin 4s linear infinite;

    animation: spin 4s linear infinite;

    font-size: 13px;

    margin-top: 0px;

}



@-moz-keyframes spin {

    from {

        -moz-transform: rotate(0deg);

    }

    to {

        -moz-transform: rotate(360deg);

    }

}



@-webkit-keyframes spin {

    from {

        -webkit-transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}



.gallery5-img .gallery-img:hover .gallery-detail {

    top: auto;

}



.blackish .heading h2 {

    color: #fff;

}



.wpb_button,

.wpb_content_element,

ul.wpb_thumbnails-fluid > li {

    margin-bottom: 0 !important

}



.shipment-visibility input {

    padding: 0 !important;

    width: auto !important;

}



.request-free-quote.overlape2 {

    margin-top: -211px;

}



.blog-sec .col-md-12 .post-thumb {

    width: 35%;

}



.blog-sec .col-md-12 .post-info {

    width: 65%;

}



.widget ul ul {

    margin-top: 5px;

}



table {

    float: left;

    width: 100%;

}



table tr td, table tr th {

    border: 1px solid #eaeaea;

    padding: 5px;

}



.gallery {

    margin-bottom: 1.5em;

}



.gallery-item {

    display: inline-block;

    margin-bottom: 10px;

    text-align: center;

    vertical-align: top;

    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-columns-8 .gallery-item,

.gallery-columns-9 .gallery-item {

    padding: 0 5px;

}



.gallery-caption {

    display: block;

}



.comment-navigation {

    border-bottom: 2px solid #dcdcdc;

    border-top: 2px solid #dcdcdc;

    float: left;

    margin: 30px 0;

    padding: 30px 0;

    text-align: center;

    width: 100%

}



.wp-caption.alignnone {

    width: 100% !important;

}



/*===== New Changes 9/9/2016 =====*/

footer table tr td {

    border-color: #787878 !important;

    color: #c5c5c5 !important;

}



footer table tr th {

    background: #c3c3c3 none repeat scroll 0 0 !important;

}



.widget .ls-wp-fullwidth-helper,

.widget .ls-wp-container {

    width: 100% !important;

}



footer .widget a {

    width: auto !important;

}



.recentcomments a {

    float: none !important;

}



.recentcomments > span {

    color: #666;

}



figcaption {

    padding: 10px;

}



.blog-detail-main p {

    margin: 10px;

}



.heading6 > p {

    float: left;

    width: 100%;

}



figure.aligncenter {

    float: left;

    text-align: center;

    width: 100% !important;

}



.blog-detail-main h1,

.blog-detail-main h2,

.blog-detail-main h3,

.blog-detail-main h4,

.blog-detail-main h5,

.blog-detail-main h6 {

    float: left;

    margin: 10px 0;

    width: 100%;

}



dl {

    float: left;

    width: 100%;

}



dl dt {

    margin: 10px 0;

}



.blog-detail-main ul,

.blog-detail-main ol {

    padding-left: 20px;

}



.blog-detail-main .comment-main > ul,

.blog-detail-main .comment-main > ol {

    padding-left: 0;

}



.detail-info {

    margin-bottom: 20px;

}



.datepick-today,

.datepick-highlight {

    color: #fff !important;

}



.col-md-6 .blog-list .post-meta2 {

    padding-left: 30px;

    padding-right: 30px;

}



.region-detail .activate .contactform {

    display: block;

}



/*===== New Changes 16/9/2016 =====*/

.booking-form > form > .row > div.title2 {

    margin-top: 20px;

}



.person-img > img {

    top: 230px;

}



.booking-form > form .theme-btn {

    float: right;

}



.gray .toggle-item > h3.active {

    background: #fff none repeat scroll 0 0;

}



.gray .toggle-style2 .toggle-item > h3.active > span {

    background: #f9f9f9 none repeat scroll 0 0;

}



.customer-thumb > img {

    height: auto;

}



.service-box2 > i {

    color: #808080;

    float: left;

    font-size: 35px;

    margin-right: 20px;

}



.service-box2 > h5 a {

    color: inherit;

}



.no-comments {

    float: left;

    width: 100%;

}



.blog-detail-main img {

    height: auto;

}



#cancel-comment-reply-link {

    margin-bottom: 10px;

}



.calculate-shipping-form form textarea.text-field {

    resize: none;

    min-height: 100px;

    padding-top: 20px;

}



.widget_rss .heading7 a {

    float: none;

    margin-top: 0;

    width: auto;

}



/*=== 24 Sep 2016 by Waqar ====*/

.news-box .date {

    background-color: #3f3f3f;

}



.news-box .date > strong {

    color: #fff;

}



.news-box.sticky .news-detail {

    text-align: center;

}



.news-box.sticky .news-detail > h2 {

    text-align: left;

}



.news-box.sticky .news-detail > p {

    text-align: left;

}



.news-box.sticky .news-detail .post-meta2 {

    margin-bottom: -5px;

    margin-left: 0;

}



.calendar_wrap > table tbody tr td {

    border: 1px solid #eee;

}



.news-detail > .cat-list > ul {

    padding-left: 0;

}



.cat-list > span {

    margin-right: 12px;

}



header.fancy-header.stick.sticky {

    position: fixed !important;

    top: 0 !important;

}



.widget-data > form button, .widget_search > form > input.search-submit {

    background-color: #1f425d;

    border-radius: 5px;

    right: 0;

}



.widget-data > form, .widget_search > form {

    background-color: #fafafa;

    padding: 19px 30px;

    border-radius: 5px;

}



.widget-data > form > input, .widget_search > form > label input {

    color: #aaa;

}



.quick-contact li > img {

    -webkit-filter: brightness(10);

    filter: brightness(10);

}



.logo-menu-sec .logo-menu .logo h1 {

    font-size: 15px;

    line-height: 27px;

    font-family: lato;

}



.heading2 > h3 {

    text-transform: uppercase;

}



footer .widget > ul > li > a {

    margin-right: 10px;

    text-transform: capitalize;

}



footer .widget > label > h3 {

    color: #dddcdc;

    margin-bottom: 5px;

}



footer .widget ul li {

    margin-bottom: 10px !important;

    padding-left: 25px;

}



footer .widget ul.children li:last-child {

    margin-bottom: 0 !important;

}



/*===== New Changes 8/10/2016 =====*/

.search-bar > form > .row {

    margin: 0 -5px;

}



.search-bar > form > .row > div {

    padding: 0 5px;

}



/*===== New Changes 11/10/2016 =====*/

.blog-detail-main ul li,

.blog-detail-main ol li {

    float: left;

    width: 100%;

}



.post-password-form input {

    background: #f0f0f0 none repeat scroll 0 0;

    border: 0 none;

    color: #929292;

    font-size: 13px;

    padding: 10px 30px;

    width: 320px;

}



.post-password-form input[type="submit"] {

    color: #fff;

    text-transform: uppercase;

    width: auto;

}



.blog-detail-main .post-meta2 > li,

.blog-detail-main .cat-list > ul > li {

    width: auto;

}



.comment-navigation .nav-links {

    display: inline-block;

}



.comment-navigation .nav-links > div {

    display: inline-block;

    margin-left: 23px;

    margin-top: 10px;

    padding-left: 25px;

    position: relative;

}



.comment-navigation .nav-links > div:first-child {

    margin-left: 0;

    padding-left: 0;

}



.comment-navigation .nav-links > div::before {

    background: #c9c9c9 none repeat scroll 0 0;

    content: "";

    height: 12px;

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 2px;

}



.screen-reader-text {

    margin-left: 0 !important;

    margin-right: 0 !important;

    margin-top: 0 !important;

}



.comment-navigation .nav-links > div:first-child::before {

    display: none;

}



.comment-navigation .nav-links > div a {

    color: #8e8e8e;

}



.services-tabs-content .comment-main ul {

    list-style: outside none none;

}



.blog-detail-main .share-it > ul > li {

    width: auto;

}



.blog-detail-main .orgnaizer-info > ul > li {

    float: none;

    width: auto;

}



.blog-detail-main .orgnaizer-info > ul {

    padding-left: 0;

}



footer .widget ul li {

    padding-left: 0;

}



.calculate-shipping-form > form > .row > div > .row > div {

    padding: 0 5px;

}



.calculate-shipping-form > form > .row > div > .row {

    margin: 0 -5px;

}



.packages-info .nav > li > a > img {

    height: 105px;

    width: 105px;

}



.blog-post {

    display: table;

}



.blog-post > div {

    display: table-cell;

    float: none;

    vertical-align: middle;

}



.social-btn > li > a > i {

    line-height: 20px;

}



.about-widget > .social-btn > li a > i {

    line-height: 20px;

}



.post-thumb > span > i {

    line-height: 37px;

}

.widget-data.header1-search {

    float: right;

    margin-top: 7px;

    padding-left: 18px;

    width: 30%;

}

.widget-data.header2-search {

    float: right;

    margin-top: 7px;

    padding-left: 18px;

    width: 30%;

	 padding-bottom: 10px;

}

.widget-data.header2-search > form {

    height: 47px;

}

.widget-data.header3-search {

    padding-top: 20px;

}

.is-datepick {

    background: #f1f1f1;

    border: none;

}

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

.poptrox-overlay {z-index: 9999 !important;}

.social-btns > li > a i,

.cargo-video-cap > a i,

.pagination li > a > i,

.shipment-list .shipment-name span i 

{

    line-height: inherit;

    }

       

.top-bar .widget-data.header1-search > form {

    background: transparent none repeat scroll 0 0;

    position: relative;

}

.top-bar .widget-data.header1-search > form input {

    background: #f8f8f8 none repeat scroll 0 0;

    border-radius: 5px;

    padding: 11px 20px;

    position: absolute;

    right: 0;

    top: 0;

}

.loader {

    left: 177px;

    position: absolute;

    top: 56px;

}



.datepick-popup .datepick-nav {

    background: #e3b905 none repeat scroll 0 0;

}

.datepick-popup .datepick-nav > a {

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

    text-align: center;

}

.datepick-popup .datepick {

    border: 0 none;

    border-radius: 5px;

    overflow: hidden;

}

.datepick-popup .datepick-month th, .datepick-popup .datepick-month td {

    border: 0 none;

    border-radius: 0;

}

.datepick-popup table tr {

    border: 0 none;

}

.datepick-popup .datepick-month {

    border: 0 none;

    width: 100%;

}

.datepick-popup .datepick-month-header {

    background: #b38600 none repeat scroll 0 0;

    height: 50px;

    padding: 0 5px;

}

.datepick-popup .datepick-month-header > select {

    background: #fff none repeat scroll 0 0;

    color: #333;

    display: inline-block;

    font-size: 12px;

    height: 25px;

    margin-right: 8px;

    margin-top: 12.5px;

    width: 46%;

}

.datepick-popup .datepick-month-header > select:last-child {

    margin-right: 0;

}

.datepick-popup .datepick-month span {

    font-size: 12px;

    height: 34px;

    line-height: 33px;

}

.datepick-popup .datepick-month td, .datepick-popup .datepick-month td > a {

    background: #fafafa none repeat scroll 0 0;

    font-size: 12px;

}

.datepick-popup .datepick-month td:nth-child(2n), .datepick-popup .datepick-month td:nth-child(2n) > a {

    background: #ededed none repeat scroll 0 0;

}

.datepick-popup .datepick-month td {

    border: 1px solid #bbbbbb;

}

.datepick-popup table thead tr {

    padding: 0 20px;

}

.datepick-popup .datepick-ctrl {

    background: #e3b905 none repeat scroll 0 0;

    height: 40px;

    padding: 0;

    text-align: center;

}

.datepick-popup .datepick-ctrl > a {

    height: initial;

    line-height: 40px;

    padding: 0 10px;

}

.datepick-popup {

    background: #fff none repeat scroll 0 0;

    border-radius: 5px;

    box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);

    padding: 8px;

}

.datepick-popup table thead tr th {

    background: #000 none repeat scroll 0 0;

}

.datepick-popup .datepick-ctrl > a:hover {

    background: transparent none repeat scroll 0 0;

}