/*************************************************************************************************************** |||||||||||||||||||||||||||| MASTER STYLESHEET FOR LOGIS CARGO |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** |||||||||||||||||||||||||||| TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** **************************************************************************************************************** 1. extarnal styles 2. Global styles 3. Caption Effect styles 4. Accrodion styles 5. Top Bar styles 6. header styles 7. Header Menu styles 8. Header Two styles 9. Header Three styles 10. Banner styles 11. Welcome Section styles 12. Featured Services styles 13. Call To Action styles 14. FAQ styles 15. Contact From styles 16. Testimonials styles 17. Team Page styles 18. Fact Counter styles 19. Latest Blog styles 20. Client Carousel styles 21. Footer Top styles 22. Footer styles 23. Bottom Bar styles 24. Inner Banner styles 25. Services styles 26. About Info Box styles 27. Side Bar Widget styles 28. Fleet Gallery styles 29. Pricing styles 30. FAQ Page styles 31. Testimonial Page styles 32. Page Navigation styles 33. 404 Error styles 34. Single service page styles 35. FAQ Form styles 36. Career Page styles 37. Blog Page styles 38. Text Slider styles 39. Request Qoute New Style 40. Featured Services Style Two 41. Welcome Services Home one styles 42. Testimonials box with carousel styles 43. Track Your shipment styles **************************************************************************************************************** |||||||||||||||||||||||||||| End TABLE OF CONTENT |||||||||||||||||||||||||||||||||||| **************************************************************************************************************** ****************************************************************************************************************/ /* ============================== 1. extarnal styles =========================== */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900); @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic); @import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); @import url(https://fonts.googleapis.com/css?family=Alegreya:400,400italic,700,700italic,900,900italic); @import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic); @import url(gradient.css); /* ============================== 2. Global styles =========================== */ body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 26px; letter-spacing: .02em; } img { max-width: 100%; } a, a:hover, a:focus { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Alegreya', sans-serif; margin: 0; padding: 0; } ul, li { margin: 0; padding: 0; list-style: none; } .pl-30 { padding-left: 30px; } .pt0 { padding-top: 0 !important; } .thm-container { max-width: 1170px; width: 100%; margin-left: auto; margin-right: auto; } .thm-btn { border: none; outline: none; background: #1da043; font-size: 14px; line-height: 28px; color: #202020; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; padding: 10px 0px; padding-left: 20px; padding-right: 15px; display: inline-block; border-radius: 3px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .thm-btn:hover { background: #1FB5C7; color: #fff; } .thm-btn:hover i { color: #fff; border-color: transparent; } .thm-btn:hover i:after { background: #fff; } .thm-btn i { font-size: 16px; color: #000000; line-height: 28px; border-left: 1px solid #FFCD47; margin-left: 20px; padding-left: 15px; position: relative; } .thm-btn i:after { content: ''; position: absolute; top: 0; left: -2px; width: 1px; height: 100%; background: #D7A41B; } .thm-btn.transparent { background-color: transparent; border: 1px solid #85A4BE; color: #fff; } .thm-btn.transparent i { color: inherit; } .thm-btn.transparent:hover { background: #1FB5C7; border-color: #1FB5C7; color: #fff; } .thm-btn.transparent:hover i { color: inherit; } .animate-3 { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .animate-5 { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .animate-7 { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .animate-3-all * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .animate-5-all * { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .animate-7-all * { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; } .sec-padding { padding: 80px 0; } .sec-padding.page-title { padding-bottom: 30px; } .sec-title { margin-bottom: 50px; } .sec-title h2 { margin-top: -9px; } .sec-title h2:after { content: ''; width: 55px; height: 3px; background: #1da043; display: block; margin-top: 13px; } .sec-title h2 span { display: block; font-size: 30px; font-weight: bold; color: #323232; text-transform: capitalize; } .sec-title h4 { /*margin-top: -9px;*/ } .sec-title h4:after { content: ''; width: 55px; height: 3px; background: #1da043; display: block; margin-top: 13px; } .sec-title h4 span { color: #323232; display: block; font-size: 22px; font-weight: bold; text-transform: uppercase; } .sec-title p { color: #000; margin: 0; margin-top: 20px; } .list-item li { color: #898989; line-height: 34px; } .list-item li:before { content: '\f0a9'; font-family: 'FontAwesome'; color: #F6BA18; margin-right: 10px; } /* ============================== 3. Caption Effect styles ============================== */ .img-cap-effect:hover .img-box .img-caption { top: 0; } .img-cap-effect:hover .img-box .img-caption:before { bottom: 10px; opacity: 1; } .img-cap-effect:hover .img-box .img-caption .box-holder ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .img-cap-effect .img-box { position: relative; overflow: hidden; } .img-cap-effect .img-box .img-caption { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; background: rgba(251, 177, 47, 0.6); text-align: center; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .img-cap-effect .img-box .img-caption:before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 100%; opacity: 0; border: 5px solid #ffffff; border-bottom: 0; border-right: 0; -webkit-transition: all .5s ease .5s; transition: all .5s ease .5s; } .img-cap-effect .img-box .img-caption .box-holder { width: 100%; height: 100%; display: table; } .img-cap-effect .img-box .img-caption .box-holder ul { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: table-cell; vertical-align: middle; -webkit-transition: all .5s ease 1s; transition: all .5s ease 1s; } .img-cap-effect .img-box .img-caption .box-holder ul li { display: inline-block; } .img-cap-effect .img-box .img-caption .box-holder ul li a { display: block; width: 30px; height: 30px; background: #13314c; font-size: 13px; color: #fff; line-height: 30px; text-align: center; border-radius: 50%; margin-right: 5px; } /* ============================== 4. Accrodion styles ============================== */ .accrodion.active .accrodion-title { background: #EBEBEB; border-color: #EBEBEB; } .accrodion.active .accrodion-title:after { content: '-'; font-size: 40px; line-height: 39px; } .accrodion:last-child .accrodion-title { border-bottom: 1px solid #DEDEDE; } .accrodion .accrodion-title { cursor: pointer; border: 1px solid #DEDEDE; border-left: 0; border-right: 0; border-bottom: 0; padding: 0 20px; position: relative; } .accrodion .accrodion-title:after { content: '+'; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #898989; font-size: 23px; position: absolute; top: 0; right: 20px; line-height: 48px; } .accrodion .accrodion-title h4 { color: #242424; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 48px; } .accrodion .accrodion-content { padding: 30px 0; } .accrodion .accrodion-content .img-caption .img-box, .accrodion .accrodion-content .img-caption .content-box { display: table-cell; vertical-align: middle; } .accrodion .accrodion-content .img-caption .img-box { width: 200px; } .accrodion .accrodion-content .img-caption .content-box { vertical-align: top; padding-left: 30px; } .accrodion .accrodion-content .img-caption .content-box h4 { font-family: 'Open Sans', sans-serif; color: #242424; font-size: 18px; font-weight: 600; text-transform: capitalize; margin-bottom: 11px; margin-top: 10px; } .accrodion .accrodion-content .img-caption .content-box p { color: #898989; } .accrodion .accrodion-content .img-caption .content-box ul { margin-top: 3px; } .accrodion .accrodion-content .img-caption .content-box ul li { display: inline-block; color: #757575; margin-right: 40px; } .accrodion .accrodion-content .img-caption .content-box ul li:last-child { margin-right: 0; } .accrodion .accrodion-content .img-caption .content-box ul li i { color: #757575; margin-right: 15px; } /* ============================== 5. Top Bar styles ============================== */ #top-bar { background: #000; /* height: 40px;*/ height:22px; padding: 0px 0; } #top-bar .phone p { color: #fff; margin: 0; text-transform: capitalize; font-weight: 600; font-size: 15px; display:none; } #top-bar .phone p span { font-size: 18px; } #top-bar .top-contact-info li { padding-top: 0px; font-size: 14px; display: inline-block; color: #C0C0C0; padding-left: 35px; /* padding-top: 3px; font-size: 18px;*/ } #top-bar .top-contact-info li i { color: #fff; margin-right: 5px; } #top-bar .top-contact-info li i.fa-envelope { font-size: 17px; } /* ============================== 6. header styles ============================== */ #header { background: #13314C; padding: 35px 0; position: relative; } #header .logo { -webkit-transition: all .5s ease; transition: all .5s ease; } #header .header-info { -webkit-transition: all .5s ease; transition: all .5s ease; } #header .thm-container { position: relative; z-index: 99; } #header:before { content: ''; position: absolute; top: 8px; left: 0; bottom: 8px; right: 0; border: 1px solid #0D263B; } #header:after { content: ''; position: absolute; top: 9px; left: 0; bottom: 9px; right: 0; border: 1px solid #173957; } .header-info { padding: 4px 0; } .header-info .info-box { display: table-cell; vertical-align: middle; padding-right: 30px; } .header-info .info-box:last-child { padding-right: 0; } .header-info .info-box .icon-box, .header-info .info-box .text-box { display: table-cell; vertical-align: middle; } .header-info .info-box .icon-box { padding-right: 20px; } .header-info .info-box .icon-box i { font-size: 30px; color: rgba(255, 255, 255, 0.6); position: relative; top: 5px; border-left: 1px solid #435A6E; padding-left: 30px; } .header-info .info-box .icon-box i:before { margin: 0; font-size: 30px; } .header-info .info-box .social-icons { font-size: 0; margin-left: -7.5px; margin-right: -7.5px; line-height: 6px; margin-top: 5px; } .header-info .info-box .social-icons li { display: inline-block; margin-left: 7.5px; margin-right: 7.5px; } .header-info .info-box .social-icons li a { display: block; font-size: 15px; color: #D4D4D4; } .header-info .info-box .social-icons li a:hover { color: #FBB12F; } .header-info .info-box p { color: #D4D4D4; line-height: 20px; margin: 0; } .header-info .info-box p.highlighted { color: #1da043; } .header-info .info-box p.phone-number { font-size: 18px; font-style: italic; } .header-info .info-box .icon-box.no-border i { border: none; } .header-info .search-box-wrapper { position: relative; cursor: pointer; } .header-info .search-box-wrapper:hover i { border-color: transparent; } .header-info .search-box-wrapper:hover:before { visibility: visible; opacity: 1; -webkit-transition: all .3s ease .3s; transition: all .3s ease .3s; } .header-info .search-box-wrapper:hover .search-box-holder { visibility: visible; opacity: 1; -webkit-transition: all .3s ease .3s; transition: all .3s ease .3s; } .header-info .search-box-wrapper:before { content: ''; width: 72px; height: 105px; visibility: hidden; opacity: 0; background: #0F2233; position: absolute; top: -29px; right: 0; z-index: 9999; -webkit-transition: all .3s ease .0s; transition: all .3s ease .0s; } .header-info .search-box-wrapper .icon-box { position: relative; z-index: 9999; } .header-info .search-box-wrapper .icon-box i { padding-left: 20px; } .header-info .search-box-wrapper .search-box-holder { position: absolute; right: 0; top: 100%; width: 350px; height: 60px; padding: 32px 0px 0px; z-index: 99999; visibility: hidden; opacity: 0; -webkit-transition: all .3s ease .0s; transition: all .3s ease .0s; } .header-info .search-box-wrapper .search-box-holder .search-box { background: #0F2233; padding: 20px 40px 20px 25px; } .header-info .search-box-wrapper .form { background: #10181F; width: 100%; height: 48px; } .header-info .search-box-wrapper .form input { padding-left: 30px; border: none; outline: none; height: 100%; color: rgba(255, 255, 255, 0.5); width: calc(100% - 55px); background-color: transparent; } .header-info .search-box-wrapper .form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-info .search-box-wrapper .form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-info .search-box-wrapper .form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-info .search-box-wrapper .form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.5); } .header-info .search-box-wrapper .form input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: rgba(255, 255, 255, 0.5); } .header-info .search-box-wrapper .form button { position: relative; left: 2px; width: 50px; background: #FBB12F; color: #000000; font-size: 16px; padding: 11px 0px; border: none; outline: none; font-weight: bold; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; } .header-info .search-box-wrapper .form button span { position: relative; z-index: 2; } .header-info .search-box-wrapper .form button:hover { background: #1FB5C7; color: #fff; } .header-info .search-box-wrapper .form button:hover i { color: inherit; } .header-info .search-box-wrapper .form button:hover:after { background: #1FB5C7; } .header-info .search-box-wrapper .form button i { position: relative; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } .header-info .search-box-wrapper .form button:after { background: #FBB12F; content: ''; width: 30px; height: 100%; position: absolute; top: 0; left: -15px; -webkit-transform: skew(-35deg); -ms-transform: skew(-35deg); transform: skew(-30deg); -webkit-transition: all .3s ease; transition: all .3s ease; } /* ============================== 7. Header Menu styles ============================== */ .main-menu-wrapper { margin-top: -10px; margin-bottom: -55px; position: relative; /*background: #FBB12F;*/ z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease; } .main-menu-wrapper.stricky-fixed { position: fixed; top: 10px; left: 0; width: 100%; z-index: 9999; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */ background: #ffffff; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0) /* IE6-9 */ } .main-menu-wrapper.stricky-fixed .free-qoute-button { -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper.stricky-fixed .free-qoute-button:before { content: ''; background: #FBB12F; right: 100%; width: 2500px; top: 0; height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper.stricky-fixed .free-qoute-button:hover { background: #1FB5C7; } .main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before { background: #1FB5C7; } .main-menu-wrapper.stricky-fixed .free-qoute-button:hover a { color: #fff; } .main-menu-wrapper .thm-container { position: relative; } .main-menu-wrapper .thm-container:before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid rgba(255, 255, 255, 0.5); } .main-menu-wrapper .free-qoute-button { background: #FBB12F; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button:hover { background: #1FB5C7; } .main-menu-wrapper .free-qoute-button:hover:before { background: #1FB5C7; } .main-menu-wrapper .free-qoute-button:hover a { color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button:before { content: ''; position: absolute; left: -32px; top: 0; width: 80px; background: #FBB12F; height: 100%; -webkit-transform: skewx(-45deg); -ms-transform: skewx(-45deg); transform: skewx(-45deg); -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button:after { content: ''; position: absolute; left: -32px; top: 0; width: 10px; background: #13314C; height: 100%; -webkit-transform: skewx(-45deg); -ms-transform: skewx(-45deg); transform: skewx(-45deg); z-index: 9; -webkit-transition: all .3s ease; transition: all .3s ease; } .main-menu-wrapper .free-qoute-button a { font-size: 18px; color: #010101; font-weight: bold; text-transform: uppercase; padding: 18px 30px 18px 28px; line-height: 29px; display: block; position: relative; } .main-menu-wrapper .free-qoute-button a:before { content: ''; position: absolute; top: 5px; bottom: 5px; left: -65px; right: 5px; border: 1px solid rgba(255, 255, 255, 0.5); border-left: 0; } .nav-holder { position: relative; } .nav-holder .nav-header { display: none; padding: 12px 20px; } .nav-holder .nav-header button { width: 40px; height: 40px; background: #0F2233; border: none; outline: none; color: #fff; font-size: 18px; border-radius: 5px; } .nav-holder .nav-footer { display: block; } .nav-holder .nav-footer ul.nav > li { display: inline-block; line-height: 29px; padding: 18px 0; position: relative; } .nav-holder .nav-footer ul.nav > li:hover a { color: #000; background-color: rgb(255, 255, 255); } .nav-holder .nav-footer ul.nav > li:hover > a { color: #fff; /* background-color: transparent; */ background-color: rgb(85,156,71); } .nav-holder .nav-footer ul.nav > li.active a { /*color:#fff; background-color:rgb(85,156,71);*/ } .nav-holder .nav-footer ul.nav > li a:hover { color: #fff; /* background-color: transparent; */ background-color: rgb(85,156,71); } .nav-holder .nav-footer ul.nav > li:last-child > a { border: none; padding-right: 0; } .nav-holder .nav-footer ul.nav > li > a { padding: 0 26px; display: block; font-size: 16px; color: rgb(86, 157, 71); text-transform: uppercase; font-weight: bold; border-right: 1px dashed #BABABA; -webkit-transition: all .3s ease; transition: all .3s ease; } .nav-holder .nav-footer ul.nav > li > ul.submenu { top: 100%; left: 0; } .nav-holder .nav-footer ul.nav > li > ul.submenu.align-right { right: 0; left: auto; } .nav-holder .nav-footer ul.nav > li:hover > ul.submenu { visibility: visible; opacity: 1; } .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu { top: 0; left: 100%; } .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right { right: 100%; left: auto; } .nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu { visibility: visible; opacity: 1; } .nav-holder .nav-footer ul.nav > li ul.submenu { position: absolute; width: 234px; opacity: 0; visibility: hidden; z-index: 99999; right:1%; -webkit-transition: all .3s ease; transition: all .3s ease; } .nav-holder .nav-footer ul.nav > li ul.submenu li { display: block; padding: 0; /* border-bottom: 1px solid rgb(0, 0, 0);*/ /* background: rgb(0,182,235);*/ /*background-color: rgba(14, 28, 46, 0.8);*/ /*background: linear-gradient(to right, rgb(84, 156, 71) 0, rgb(157, 200, 54) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.4);*/ } .nav-holder .nav-footer ul.nav > li ul.submenu li :hover { background: rgb(85,156,71); } .nav-holder .nav-footer ul.nav > li ul.submenu li a:hover { color: #fff !important; } .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a { border-bottom: 0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after { display: none; } .nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a { /* color: #1278B9;*/ /* color:rgb(0, 0, 0); */ color:#fff; background-color:rgb(85,156,71); } .nav-holder .nav-footer ul.nav > li ul.submenu li a { color: #000; font-family: 'Open Sans', sans-serif; padding: 0px 26px; /* border-bottom: 1px solid #F3F5F7*/; position: relative; display: block; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; width:100%; } .nav-holder .nav-footer ul.nav > li ul.submenu li a:before { /* content: '\f105';*/ font-family: 'FontAwesome'; margin-right: 10px; font-size: 12px; } .nav-holder .nav-footer ul.nav > li ul.submenu li a:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; /*border-bottom: 1px solid #C5C5C5;*/ } .nav-footer ul.nav li.has-submenu > a > button { display: none; } .main-menu-wrapper.full-width { background: #FBB12F; margin-top: 0; margin-bottom: 0; } .main-menu-wrapper.full-width.stricky-fixed {top:0;} .main-menu-wrapper.full-width .free-qoute-button a:after { content: ''; position: absolute; right: 0; top: 0; width: 2000px; height: 100%; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */ background: #ffffff; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0) /* IE6-9 */ } /* ============================== 8. Header Two styles ============================== */ #header2 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; padding: 0 40px; } #header2.stricky-fixed { background: #13314C; border-color: #13314C; } #header2.stricky-fixed .nav-holder .nav-footer ul.nav > li { padding: 20px 0; } #header2.stricky-fixed .logo { padding: 10px 0; } #header2.stricky-fixed .logo img { width: 85%; } #header2 .logo { padding: 26px 0; } #header2 .nav-holder .nav-footer ul.nav > li { padding: 38px 0; -webkit-transition: all .3s ease; transition: all .3s ease; } #header2 .nav-holder .nav-footer ul.nav > li:last-child > a { padding-right: 0; } #header2 .nav-holder .nav-footer ul.nav > li > a { color: #FFFFFF; font-size: 15px; border: none; padding: 0 14px; } /* ============================== 9. Header Three styles ============================== */ #header3.stricky-fixed { /*background: #fff;*/ background-color: rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, 0.4); position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; } #header3.stricky-fixed .nav-holder .nav-footer ul.nav > li { /* padding: 20px 0;*/ } #header3.stricky-fixed .logo { /* padding: 10px 0;*/ } #header3.stricky-fixed .logo img { margin-top:1.9%; width: 85%; } #header3 .logo { /* padding: 21px 0;*/ } #header3 .nav-holder .nav-footer ul.nav > li { /* padding: 33px 0;*/ -webkit-transition: all .3s ease; transition: all .3s ease; } /*#header3 .nav-holder .nav-footer ul.nav > li:last-child > a { padding-right: 0; }*/ #header3 .nav-holder .nav-footer ul.nav > li > a { /* color: #636466;*/ border-radius:5px; font-size: 15px; border: none; padding: 0 14px; } /* ============================== 10. Banner styles ============================== */ .thm-banner-wrapper .caption-h1 { font-size: 50px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #fff; } .thm-banner-wrapper .caption-p { font-size: 20px; font-style: italic; color: #fff; line-height: 28px; } .thm-banner-wrapper .caption-divider span.divider { width: 1px; height: 90px; background: #fff; display: block; } .thm-banner-wrapper .thm-btn { padding-top: 7px; padding-bottom: 7px; -webkit-transition: all .3s ease !important; transition: all .3s ease !important; font-weight: bold !important; } .thm-banner-wrapper .thm-btn i { margin: 0; border-color: transparent; } .thm-banner-wrapper .thm-btn i:after { display: none; } .thm-banner-wrapper .thm-btn.inverse { background: #1FB5C7; color: #fff; } .thm-banner-wrapper .thm-btn.inverse:hover { background: #1da043; color: #202020; } .thm-banner-wrapper .thm-btn.inverse i { color: #fff; } /* ============================== 11. Welcome Section styles ============================== */ .welcome-text { background: #183650; padding: 80px 0 120px; } .welcome-text .title-box, .welcome-text .text-box { display: table-cell; vertical-align: middle; } .welcome-text .title-box { padding-right: 40px; border-right: 4px solid #12A0B1; } .welcome-text .title-box h3 { font-size: 26px; font-weight: bold; color: #fff; line-height: 33px; text-transform: uppercase; } .welcome-text .text-box { padding-left: 46px; } .welcome-text .text-box p { margin: 0; color: #AFC0CF; font-style: italic; font-size: 16px; } .welcome-services { margin-top: -80px; padding-bottom: 80px; } .welcome-services .service-text p { margin: 0; color: #898989; font-family: 'Open Sans', sans-serif; font-style: italic; font-size: 16px; margin-top: 55px; } .welcome-single-services { margin-top: 30px; background: #fff; } .welcome-single-services:hover .text-box { background: #1FB5C7; } .welcome-single-services:hover .text-box:before { background: #1FB5C7; } .welcome-single-services:hover .text-box:after { background: #183650; left: -23px; width: 20px; transform: skew(-15deg); } .welcome-single-services:hover .text-box h3, .welcome-single-services:hover .text-box p { color: #FFFFFF; } .welcome-single-services .img-box, .welcome-single-services .text-box { display: table-cell; vertical-align: middle; } .welcome-single-services .img-box { background: #fff; width: 222px; -webkit-clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 75% 100%, 0 100%); } .welcome-single-services .text-box { background: #EFF3F6; position: relative; padding-left: 25px; padding-right: 27px; -webkit-transition: all .5s ease; transition: all .5s ease; } .welcome-single-services .text-box .content { position: relative; z-index: 11; } .welcome-single-services .text-box:before { content: ''; width: 50px; height: 100%; position: absolute; top: 0; left: -20px; -webkit-transform: skew(-12deg); -ms-transform: skew(-12deg); transform: skew(-12deg); background: #EFF3F6; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease; } .welcome-single-services .text-box:after { content: ''; width: 2px; height: 100%; position: absolute; top: 0; left: -21px; -webkit-transform: skew(-13deg); -ms-transform: skew(-13deg); transform: skew(-13deg); background: #DADADA; z-index: 8; -webkit-transition: all .5s ease; transition: all .5s ease; } .welcome-single-services .text-box h3 { font-size: 20px; text-transform: uppercase; color: #242424; font-weight: bold; line-height: 33px; margin-bottom: 9px; -webkit-transition: all .5s ease; transition: all .5s ease; } .welcome-single-services .text-box p { color: #898989; font-family: 'Lato', sans-serif; font-size: 16px; line-height: 24px; -webkit-transition: all .5s ease; transition: all .5s ease; } /* ============================== 12. Featured Services styles ============================== */ .featured-services { overflow: hidden; background: #F3F5F7; } .featured-services.style-two { background: #183650 url(../images/parallax-featured-service.jpg) right top no-repeat fixed; background-size: 130% 100%; } .featured-services.style-two .featured-service-box { position: relative; padding-bottom: 55px; } .featured-services.style-two .featured-service-box:before { content: ''; width: 5000px; height: 100%; position: absolute; top: 0; left: 0; background: #183650; } .featured-services.style-two .single-featured-service { padding-left: 45px; } .featured-services.style-two .single-featured-service .title-box h3 span { color: #fff; } .featured-services.style-two .single-featured-service .icon-box { color: #1FB5C7; } .featured-services.style-two .single-featured-service .icon-box i:before { color: #1FB5C7; } .featured-services.style-two .single-featured-service p { color: #ABC3D8; } .featured-services .left-full-img img { max-width: none; } .featured-services .right-full-img img { max-width: none; float: right; } .featured-service-box { padding-top: 25px; } .single-featured-service { margin-top: 45px; } .single-featured-service header { margin-bottom: 18px; } .single-featured-service .icon-box, .single-featured-service .title-box { display: table-cell; vertical-align: middle; } .single-featured-service .icon-box { color: #000000; font-size: 45px; padding-right: 25px; } .single-featured-service .icon-box i:before { font-size: 45px; color: #000000; margin: 0; } .single-featured-service .title-box h3:after { content: ''; background: #F6BA18; width: 45px; height: 3px; display: block; vertical-align: top; margin-top: 10px; } .single-featured-service .title-box h3 span { display: block; color: #323232; font-family: 'Alegreya', sans-serif; font-weight: bold; font-size: 20px; text-transform: uppercase; } .featured-services.about-page { padding-top: 80px; } .featured-services.about-page .sec-title { margin-bottom: 0; } /* ============================== 13. Call To Action styles ============================== */ .call-to-action { background: #1c3a53 url(../images/call-to-action/bg.jpg) center left no-repeat; background-size: cover; } .call-to-action .right-full-image { text-align: center; } .call-to-action .right-full-image img { position: relative; top: 75px; } .call-to-action .call-to-action-text { padding-top: 71px; border-top: 10px solid #12A0B1; } .call-to-action .call-to-action-text h3 { font-family: 'Open Sans', sans-serif; font-size: 32px; color: #fff; text-transform: uppercase; font-weight: bold; margin-bottom: 23px; } .call-to-action .call-to-action-text p { font-family: 'Lato', sans-serif; font-size: 18px; font-style: italic; color: rgba(255, 255, 255, 0.7); margin-bottom: 26px; } /* ============================== 14. FAQ styles ============================== */ .faq-section .accrodion { padding-right: 70px; } .faq-section .view-location p { color: #757575; margin-top: 36px; } .faq-section.home-two .view-location p { margin-top: 90px; } .faq-section .view-location a { color: #E2A604; font-weight: bold; text-transform: uppercase; } .request-qoute { background: #f3f5f7 url(../images/request-qoute-bg.png) no-repeat center right; } .request-qoute.service-page { background-color: #fff; } /* ============================== 15. Contact From styles ============================== */ .contact-form.contact-page input { height: 50px; /* background: #FDFDFE;*/ } .contact-form.contact-page textarea { height: 220px; /* background: #FDFDFE;*/ } .contact-form.contact-page p { margin-bottom: 20px; } .contact-form.contact-page button { margin-top: 0; padding-top: 8px; padding-bottom: 8px; } .contact-form .form-grp-box { margin-left: -15px; margin-right: -15px; } .contact-form .form-grp { margin-bottom: 15px; } .contact-form .form-grp.half { width: 50%; float: left; padding: 0 15px; } .contact-form label.error { display: none !important; } .contact-form input { width: 100%; border: 1px solid #E5E5E5; outline: none; height: 47px; padding: 0 20px; color: #898989; } .contact-form input:focus { border-color: #1FB5C7; box-shadow: 0 0 7px #1FB5C7; } .contact-form input.error { border-color: rgba(255, 0, 0, 0.5); box-shadow: 0 0 7px rgba(255, 0, 0, 0.5); } .contact-form input::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #898989; } .contact-form input:-moz-placeholder { /* Firefox 18- */ color: #898989; } .contact-form input::-moz-placeholder { /* Firefox 19+ */ color: #898989; } .contact-form input:-ms-input-placeholder { /* IE 10+ */ color: #898989; } .contact-form input::-ms-input-placeholder { /* Edge */ color: #898989; } .contact-form input:placeholder-shown { /* Standard one last! */ color: #898989; } .contact-form textarea { width: 100%; height: 125px; padding: 10px 20px; border: 1px solid #E5E5E5; outline: none; color: #898989; } .contact-form textarea:focus { border-color: #1FB5C7; box-shadow: 0 0 7px #1FB5C7; } .contact-form textarea.error { border-color: rgba(255, 0, 0, 0.5); box-shadow: 0 0 7px rgba(255, 0, 0, 0.5); } .contact-form textarea::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #898989; } .contact-form textarea:-moz-placeholder { /* Firefox 18- */ color: #898989; } .contact-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #898989; } .contact-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #898989; } .contact-form textarea::-ms-input-placeholder { /* Edge */ color: #898989; } .contact-form textarea:placeholder-shown { /* Standard one last! */ color: #898989; } .contact-form button { margin-top: 5px; } .contact-form .select-menu + .ui-selectmenu-button { width: 100% !important; border-radius: 0; padding: 0px 20px; border: 1px solid #E5E5E5; height: 47px; background: #fff; outline: none; color: #898989; } .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text { padding: 0; font-weight: normal; font-family: 'Open Sans', sans-serif; line-height: 47px; } .contact-form .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s { background: url(../images/select-menu-arrow.png) 0 0 no-repeat; width: 9px; height: 6px; margin-top: -3px; margin-right: 8px; } .ui-selectmenu-menu .ui-menu { background: #fff; } .ui-selectmenu-menu .ui-menu-item { font-size: 14px; font-family: 'Open Sans', sans-serif; padding: 5px 20px; border-bottom: 1px solid #E5E5E5; } .ui-selectmenu-menu .ui-menu-item.ui-state-focus { background: #1FB5C7; border-color: #1FB5C7; color: #fff; font-weight: normal; } /* ============================== 16. Testimonials styles ============================== */ .testimonial-box { padding-right: 50px; } .testimonial-box .content-box { background: #F9FAFB; padding: 40px 30px; } .testimonial-box .top { margin-bottom: 13px; } .testimonial-box .top .qoute-box, .testimonial-box .top .title { display: table-cell; vertical-align: middle; } .testimonial-box .content-box .title h3 { font-family: 'Open Sans'; color: #242424; font-weight: bold; font-size: 18px; } .testimonial-box .content-box .qoute-box { font-size: 100px; color: #F6BA18; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; vertical-align: bottom; line-height: 0; position: relative; top: 13px; padding-right: 20px; } .testimonial-box .content p { color: #898989; margin: 0; margin-bottom: 10px; } .testimonial-box .content span { color: #3BC2CE; font-style: italic; display: block; } .testimonial-box .content img { width: 130px; height: 130px; border-radius: 50%; border: 4px solid #FFFFFF; margin-top: 20px; margin-bottom: -105px; } /* ============================== 17. Team Page styles ============================== */ .team-page { padding-top: 0; padding-bottom: 30px; } .team-page .single-team-member { margin-bottom: 50px; } .single-team-member .content { background: #F3F5F7; padding: 30px; padding-top: 25px; padding-right: 0; } .single-team-member .content .name-box { margin-bottom: 12px; } .single-team-member .content .name-box:after { content: ''; width: 35px; height: 3px; background: #F6BA18; display: block; margin-top: 7px; } .single-team-member .content .name-box h3 { font-family: 'Open Sans', sans-serif; color: #313131; font-size: 16px; line-height: 22px; text-transform: uppercase; font-weight: bold; } .single-team-member .content .name-box span { color: #898989; font-family: 'PT Serif', sans-serif; font-size: 16px; font-style: italic; } .single-team-member .content p { color: #969595; } .single-team-member a.readmore { background: #1FB5C7; color: #FFFFFF; display: inline-block; padding: 5px 5px 5px 55px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease; } .single-team-member a.readmore:hover { background: #FBB12F; color: #010101; } .single-team-member a.readmore:hover:after { background: #FBB12F; } .single-team-member a.readmore i { font-size: 13px; margin-left: 25px; } .single-team-member a.readmore:after { content: ''; position: absolute; top: 0; right: -17px; width: 36px; height: 100%; background: #1FB5C7; z-index: -1; -webkit-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); -webkit-transition: all .5s ease; transition: all .5s ease; } /* ============================== 18. Fact Counter styles ============================== */ .fact-counter { background: url(../images/fact-counter-bg.jpg) 0 0 no-repeat fixed; background-size: 100% 100%; position: relative; } .fact-counter:before { content: ''; background: rgba(0, 0, 0, 0.68); position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .single-fact-counter { padding-left: 15px; } .single-fact-counter .icon-box, .single-fact-counter .text-box { display: table-cell; vertical-align: middle; } .single-fact-counter .icon-box i { color: #fff; font-size: 50px; } .single-fact-counter .text-box { padding-left: 30px; } .single-fact-counter .text-box h4 { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 50px; font-style: italic; font-weight: normal; } .single-fact-counter .text-box p { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #34CCFF; margin: 0; font-style: italic; font-weight: normal; } /* ============================== 19. Latest Blog styles ============================== */ .latest-blog { background: #F3F5F7; } .single-blog-post .img-box, .single-blog-post .content-box { display: table-cell; vertical-align: middle; } .single-blog-post .img-box { width: 270px; } .single-blog-post .content-box { padding-left: 30px; } .single-blog-post .content-box .date { font-size: 18px; color: #444444; margin-bottom: 22px; } .single-blog-post .content-box .date span { font-size: 45px; color: #242424; } .single-blog-post .content-box h3 { color: #000000; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 14px; font-family: 'Open Sans', sans-serif; } .single-blog-post .content-box p { color: #8E8D8D; } .single-blog-post .content-box a.thm-btn { font-size: 12px; padding: 4px 0; padding-left: 22px; padding-right: 20px; margin-top: 9px; } .single-blog-post .content-box a.thm-btn i { border: none; font-size: 12px; padding: 0; margin: 0; padding-left: 15px; } .single-blog-post .content-box a.thm-btn i:after { display: none; } /* ============================== 20. Client Carousel styles ============================== */ .client-carousel .item img { opacity: .5 !important; border: 1px solid #F0F0F0; -webkit-transition: all .3s ease; transition: all .3s ease; } .client-carousel .item img:hover { opacity: 1 !important; } /* ============================== 21. Footer Top styles ============================== */ .footer-top { padding: 40px 0 44px; margin-bottom: -25px; position: relative; z-index: 10; background: transparent url(../images/footer-top-bg.png) center right no-repeat; } .footer-top h3 { font-size: 34px; font-weight: bold; color: #121212; text-transform: uppercase; margin-bottom: 15px; } .footer-top p { font-size: 25px; color: #FFFFFF; font-style: italic; } .footer-top .thm-btn { margin-top: 41px; } .footer-top form { margin-top: 23px; } .footer-top form input { height: 45px; margin-right: 15px; border-radius: 3px; border: none; outline: none; padding: 0 15px; width: 66%; color: #838383; } .footer-top form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #838383; opacity: 1; } .footer-top form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #838383; opacity: 1; } .footer-top form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #838383; opacity: 1; } .footer-top form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #838383; } .footer-top form input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: #838383; } .footer-top form .thm-btn { padding: 8px 0px; padding-left: 20px; padding-right: 15px; } .footer-top form .thm-btn:hover { background: #10151B; } #footer { background: #10181f url(../images/footer-bg.jpg) center center no-repeat; padding-bottom: 50px; } /* ============================== 22. Footer styles ============================== */ .footer-widget .title { margin-bottom: 20px; } .footer-widget .title h3:after { content: ''; width: 40px; height: 2px; background: #1da043; display: block; margin-top: 13px; } .footer-widget .title h3 span { display: block; font-size: 20px; font-weight: 600; font-style: italic; color: rgba(255, 255, 255, 0.6); font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .footer-widget .about-widget p { color: #62666A; margin-top: 30px; } .footer-widget .about-widget a { color: #1FB5C7; margin-top: 20px; } .footer-widget .about-widget .social { margin-top: 45px; } .footer-widget .social li { display: inline-block; width: 40px; height: 40px; text-align: center; border: 1px solid #1FB5C7; border-radius: 50%; margin-right: 6px; } .footer-widget .social li a { color: #1FB5C7; font-size: 18px; line-height: 38px; } .footer-widget .social li a .fa-google-plus { font-size: 16px; } .footer-widget .link-list a { color: #62666A; text-transform: capitalize; line-height: 39px; } .footer-widget .link-list a:hover { color: #208e9b; } .footer-widget .contact-infos li .icon-box, .footer-widget .contact-infos li .text-box { display: table-cell; vertical-align: middle; } .footer-widget .contact-infos li .icon-box { font-size: 17px; color: #636363; vertical-align: top; } .footer-widget .contact-infos li .text-box { padding-left: 18px; color: #62666A; } .footer-widget .contact-infos li .text-box b { font-weight: bold; color: #82868A; } /* ============================== 23. Bottom Bar styles ============================== */ .bottom-bar { padding: 27px 0; border-top: 1px solid #161F27; background: #10151B; } .bottom-bar p { margin: 0; color: #464C54; } /* ============================== 24. Inner Banner styles ============================== */ .inner-banner { padding-top: 126px; padding-bottom: 83px; background: #13314c url(../images/inner-banner.jpg) center center no-repeat; background-size: cover; } .inner-banner h2 { font-family: 'Raleway', sans-serif; font-size: 40px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #fff; } .inner-banner h2 .blu{ font-family: 'Raleway', sans-serif; font-size: 38px; line-height: 50px; font-weight: 700; text-transform: uppercase; color: #fff; background:rgba(0,0,0,0.8); } .inner-banner ul.breadcumb li { display: inline-block; margin-right: 6px; } .inner-banner ul.breadcumb li:last-child a:after, .inner-banner ul.breadcumb li:last-child span:after { display: none; } .inner-banner ul.breadcumb li a, .inner-banner ul.breadcumb li span { display: inline-block; color: #fff; font-weight: 600; font-size: 13px; text-transform: uppercase; display: block; } .inner-banner ul.breadcumb li a i, .inner-banner ul.breadcumb li span i { font-size: 14px; font-weight: normal; margin-right: 5px; } .inner-banner ul.breadcumb li a:after, .inner-banner ul.breadcumb li span:after { content: '\f105'; display: inline-block; font-family: 'FontAwesome'; color: #fff; font-size: 13px; margin-left: 7px; } /* ============================== 25. Services styles ============================== */ .services-section { background: #F3F5F7; padding-bottom: 0; } .single-services { margin-bottom: 80px; } .single-services .img-box { margin-bottom: 46px; } .single-services .img-box:before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 5px solid rgba(255, 255, 255, 0.3); border-bottom: 0; border-right: 0; } .single-services h3 { margin-bottom: 22px; } .single-services h3:after { content: ''; background: #F6BA18; width: 45px; height: 3px; display: block; vertical-align: top; margin-top: 10px; } .single-services h3 span { display: block; color: #323232; font-family: 'Alegreya', sans-serif; font-weight: bold; font-size: 20px; text-transform: uppercase; } .single-services p { color: #898989; margin: 0; margin-bottom: 5px; } .single-services a { text-transform: uppercase; color: #08ADD0; font-size: 12px; font-weight: 600; } .single-services a i { margin-left: 8px; } /* ============================== 26. About Info Box styles ============================== */ .about-info-box { background: #ffffff url(../images/about-info-box/bg.png) bottom right no-repeat; } .about-info-box .img-box { display: inline-block; overflow: visible; } .about-info-box .img-box:before { content: ''; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; border: 1px solid #C3C3C3; } .about-info-box .img-box img { position: relative; } .about-info-box .bulleted-list { margin-top: 20px; margin-bottom: 25px; } .about-info-box .bulleted-list li { color: #4486BD; } .about-info-box .bulleted-list li .fa { line-height: 40px; } .contact-info { border: 1px solid #EEEEEE; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 30px; background: #fff; } .contact-info ul li { padding-top: 40px; padding-bottom: 35px; border-bottom: 1px solid #EEEEEE; } .contact-info ul li:last-child { border-bottom: 0; } .contact-info ul li .icon-box, .contact-info ul li .content { display: table-cell; vertical-align: top; } .contact-info ul li .icon-box i { color:rgb(85,156,71); font-size: 45px; position: relative; top: 5px; } .contact-info ul li .content { padding-left: 45px; } .contact-info ul li .content p { color: #8D8D8D; margin: 0; } #contact-page-google-map { margin-top: 80px; height: 400px; padding: 6px; width: 100%; background: #fff; border: 1px solid #F0F0F0; } .contact-page-content { /* background: #ffffff url(../images/contact-page-bg.png) top right no-repeat;*/ } .rqa-feature .bg-1 { background: #13314C; } .rqa-feature .bg-2 { background: #145A77; } .rqa-feature .bg-3 { background: #1D6B8B; } .single-rqa-feature { padding: 0 25px; padding-top: 37px; padding-bottom: 60px; } .single-rqa-feature i { font-size: 55px; color: #F6BA18; margin-bottom: 20px; } .single-rqa-feature h3 { color: #FFFFFF; font-weight: bold; font-size: 22px; text-transform: uppercase; font-family: 'Alegreya', sans-serif; margin-bottom: 10px; } .single-rqa-feature p { color: #fff; line-height: 24px; margin: 0; } /* ============================== 27. Side Bar Widget styles ============================== */ .pull-left .single-sidebar-widget { padding-right: 50px; } .pull-right .single-sidebar-widget { padding-left: 50px; } .single-sidebar-widget { margin-bottom: 50px; } .single-sidebar-widget:last-child { margin-bottom: 0; } .single-sidebar-widget .sec-title { margin-bottom: 30px; } .single-sidebar-widget .sec-title h2 span { font-size: 20px; } .single-sidebar-widget .sec-title h2:after { width: 35px; } .single-sidebar-widget .contact-form input, .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button { height: 50px; } .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button { margin-bottom: 2px; } .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text { line-height: 40px; } .single-sidebar-widget .dwnld-broucher a { text-transform: uppercase; color: #08ADD0; font-weight: 600; margin-top: 30px; font-size: 12px; display: inline-block; } .single-sidebar-widget .special-links li:last-child { margin-bottom: 0; } .single-sidebar-widget .special-links li a { background: #EFEFEF; color: #242424; font-weight: 600; text-transform: uppercase; display: block; margin-bottom: 5px; line-height: 50px; position: relative; padding: 0 20px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li.active a { /* background: #00b6eb/*1FB5C7;*/ background-color:#1da043; color: #fff; } .single-sidebar-widget .special-links li a:hover:before, .single-sidebar-widget .special-links li a.active:before { opacity: 1; } .single-sidebar-widget .special-links li:hover a:after, .single-sidebar-widget .special-links li.active a:after { color: inherit; } .single-sidebar-widget .special-links li a:after { content: '\f101'; font-family: 'FontAwesome'; position: absolute; top: 0; right: 20px; line-height: 50px; color: #6A6969; font-weight: normal; } .single-sidebar-widget .special-links li a:before { content: '\f0da'; font-family: 'FontAwesome'; position: absolute; top: 0; left: -1px; color: #FFFFFF; font-size: 19px; line-height: 50px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .search-box form { background: #10181F; width: 100%; height: 48px; } .single-sidebar-widget .search-box form input { padding-left: 30px; border: none; outline: none; height: 100%; color: rgba(255, 255, 255, 0.5); width: calc(100% - 55px); background-color: transparent; } .single-sidebar-widget .search-box form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(255, 255, 255, 0.5); opacity: 1; } .single-sidebar-widget .search-box form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(255, 255, 255, 0.5); } .single-sidebar-widget .search-box form input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: rgba(255, 255, 255, 0.5); } .single-sidebar-widget .search-box form button { position: relative; left: 2px; width: 50px; background: #FBB12F; color: #000000; font-size: 16px; padding: 11px 0px; border: none; outline: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .search-box form button:hover { background: #1FB5C7; } .single-sidebar-widget .search-box form button:hover i { color: #fff; } .single-sidebar-widget .search-box form button:hover:after { background: #1FB5C7; } .single-sidebar-widget .search-box form button i { position: relative; z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .search-box form button:after { background: #FBB12F; content: ''; width: 30px; height: 100%; position: absolute; top: 0; left: -15px; -webkit-transform: skew(-35deg); -ms-transform: skew(-35deg); transform: skew(-30deg); -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .categories ul li:last-child a { border: none; } .single-sidebar-widget .categories ul li a { color: #898989; text-transform: capitalize; line-height: 42px; display: block; border-bottom: 1px solid #E6E6E6; position: relative; } .single-sidebar-widget .categories ul li a:after { content: '\f105'; font-family: 'FontAwesome'; color: #C8C8C8; position: absolute; top: 0; right: 0; } .single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before { border-width: 2px; } .single-sidebar-widget .popular-post li { margin-bottom: 30px; } .single-sidebar-widget .popular-post li:last-child { margin-bottom: 0; } .single-sidebar-widget .popular-post .img-box, .single-sidebar-widget .popular-post .content { display: table-cell; vertical-align: middle; } .single-sidebar-widget .popular-post .img-box { width: 110px; } .single-sidebar-widget .popular-post .content { padding-left: 30px; } .single-sidebar-widget .popular-post .content a h4 { font-family: 'Open Sans', sans-serif; color: #242424; text-transform: uppercase; font-size: 13px; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .popular-post .content a h4:hover { color: #1FB5C7; } .single-sidebar-widget .popular-post .content p { color: #8E8D8D; font-size: 13px; line-height: 20px; margin: 0; } .single-sidebar-widget .popular-post .content span { color: #1CBAC8; font-size: 13px; display: block; margin-top: 4px; font-weight: 500; } .single-sidebar-widget .text-box p { color: #8E8D8D; } .single-sidebar-widget .insta-feed ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before { border-width: 2px; } .single-sidebar-widget .insta-feed ul .img-box { width: 106px; margin-bottom: 1px; } .single-sidebar-widget .tag-cloud { font-size: 0; margin-left: -5px; margin-right: -5px; } .single-sidebar-widget .tag-cloud li { display: inline-block; } .single-sidebar-widget .tag-cloud li a { display: block; color: #787878; text-transform: uppercase; border: 1px solid #EAEAEA; border-radius: 20px; padding: 7px 22px; font-size: 12px; margin: 0 5px; margin-bottom: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .single-sidebar-widget .tag-cloud li a:hover { background: #E5E5E5; color: #787878; border-color: #E5E5E5; } .single-client-box { margin-bottom: 50px; } .single-client-box:last-child { margin-bottom: 0; } .single-client-box .icon-box, .single-client-box .content { display: table-cell; vertical-align: middle; } .single-client-box .icon-box { width: 170px; text-align: center; border-top: 4px solid #1FB5C7; border-left: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; } .single-client-box .content { padding-top: 30px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; } .single-client-box .content h3 { font-size: 18px; font-weight: bold; font-family: 'Alegreya', sans-serif; color: #242424; text-transform: uppercase; margin-bottom: 10px; } .single-client-box .content p { color: #898989; margin: 0; } /* ============================== 28. Fleet Gallery styles ============================== */ .fleet-gallery { overflow: hidden; } .fleet-gallery .mix { display: none; } .fleet-gallery.gray-bg { background: #F3F5F7; } .gallery-filter { margin-bottom: 35px; } .gallery-filter li { display: inline-block; } .gallery-filter li span { display: block; font-size: 14px; text-transform: uppercase; color: #242424; border: 1px solid transparent; padding: 1px 28px; cursor: pointer; } .gallery-filter li.active span, .gallery-filter li:hover span { border-color: #9B9B9B; } .single-fleet-gallery-wrapper { margin-left: -7.5px; margin-right: -7.5px; } .single-fleet-gallery { margin-left: -7.5px; margin-right: -7.5px; margin-top: 15px; } .single-fleet-gallery.img-cap-effect .img-box .img-caption { background: rgba(33, 185, 186, 0.8); } .single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder ul { display: block; margin-top: 10px; } .single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder ul li a { width: 40px; height: 40px; font-size: 17px; line-height: 40px; } .single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .box-caption { display: table-cell; vertical-align: middle; padding-left: 30px; padding-right: 30px; } .single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .caption-text { display: block; } .single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .caption-text h3 { font-size: 20px; font-weight: bold; color: #fff; text-transform: uppercase; margin-bottom: 10px; } .single-fleet-gallery.img-cap-effect .img-box .img-caption .box-holder .caption-text p { color: #fff; margin: 0; } .single-fleet-gallery-wrapper.style-two { margin-left: -7.5px; margin-right: -7.5px; } .single-fleet-gallery-wrapper.style-two .single-fleet-gallery { margin: 0; padding: 0 7.5px; width: 20%; float: left; margin-top: 15px; } /* ============================== 29. Pricing styles ============================== */ .single-pricing-box { text-align: center; } .single-pricing-box .pricing-top-bar { background: #1FB5C7; color: #fff; font-weight: bold; font-size: 16px; text-transform: uppercase; padding: 6px 0; } .single-pricing-box .price-box { background: #13314C; font-size: 18px; color: #fff; vertical-align: bottom; padding: 26px 0; } .single-pricing-box .price-box span.amount { font-weight: bold; font-size: 55px; line-height: 55px; } .single-pricing-box .price-box span.currency { font-size: 37px; vertical-align: top; } .single-pricing-box .feature-list { border: 1px solid #E9E9E9; border-top: 0; border-bottom: 0; } .single-pricing-box .feature-list ul li { background: #FFFFFF; color: #898989; text-transform: uppercase; line-height: 58px; } .single-pricing-box .feature-list ul li:nth-child(even) { background: #F9F9F9; } .single-pricing-box .btn-wrap { border: 1px solid #E9E9E9; border-top: 0; } .single-pricing-box .btn-wrap .thm-btn { padding: 8px 42px; margin-top: 30px; margin-bottom: 30px; } /* ============================== 30. FAQ Page styles ============================== */ .faq-question-one .single-faq { margin-bottom: 28px; } .faq-question-one .single-faq:last-child { margin-bottom: 0; } .faq-question-one .single-faq h3 { font-size: 16px; line-height: 33px; font-weight: bold; color: #242424; font-family: 'Open Sans', sans-serif; } .faq-question-one .single-faq p { color: #898989; margin-top: 4px; } /* ============================== 31. Testimonial Page styles ============================== */ .single-testimonial-box { border-top: 1px solid #E6E6E6; padding-top: 25px; padding-bottom: 30px; } .single-testimonial-box:last-child { border-bottom: 1px solid #E6E6E6; } .single-testimonial-box header .icon-box, .single-testimonial-box header .info-box { display: table-cell; vertical-align: middle; } .single-testimonial-box header .icon-box { width: 130px; } .single-testimonial-box header .info-box { padding-left: 35px; } .single-testimonial-box header .info-box h4 { font-size: 18px; font-weight: normal; font-family: 'Open Sans', sans-serif; } .single-testimonial-box header .info-box p { color: #898989; margin: 0; margin-top: 11px; } .single-testimonial-box header .info-box ul.stars { margin-top: 8px; } .single-testimonial-box header .info-box ul.stars li { display: inline; font-size: 14px; color: #F6BA18; } .single-testimonial-box article { margin-top: 20px; } .single-testimonial-box .name { color: #1FB5C7; font-size: 15px; font-style: italic; } .single-testimonial-box article p { color: #898989; } .single-testimonial-box article .sign { text-align: right; margin-top: -20px; } /* ============================== 32. Page Navigation styles ============================== */ .page-navigation { margin-top: 50px; } .page-navigation li { display: inline; } .page-navigation li a, .page-navigation li span { width: 46px; height: 46px; line-height: 44px; background: #fff; color: #8E8D8D; font-size: 20px; display: inline-block; border: 1px solid #E2E2E2; margin-right: 5px; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; } .page-navigation li span, .page-navigation li a:hover { background: #E7E7E7; color: #242424; } /* ============================== 33. 404 Error styles ============================== */ .error-404 .container { background: #EEEEEE; margin-top: 120px; } .error-404 img { margin-top: -120px; } .error-404 h2 { color: #000000; font-size: 45px; font-weight: bold; margin-top: 33px; margin-bottom: 23px; } .error-404 h2 span { font-size: 60px; } .error-404 p { color: #4B4B4B; font-size: 20px; font-style: italic; } .error-404 .thm-btn { padding-top: 7px; padding-bottom: 7px; margin-top: 13px; } /* ============================== 34. Single service page styles ============================== */ .single-service-page .image-box, .single-post-page .image-box { margin-bottom: 50px; } .single-service-page .image-caption-box, .single-post-page .image-caption-box { margin-bottom: 50px; } .single-service-page .image-caption-box .text-box, .single-post-page .image-caption-box .text-box, .single-service-page .image-caption-box .caption-box-img, .single-post-page .image-caption-box .caption-box-img { display: table-cell; vertical-align: middle; } .single-service-page .image-caption-box .text-box, .single-post-page .image-caption-box .text-box { padding-right: 46px; } .single-service-page .image-caption-box .text-box h2, .single-post-page .image-caption-box .text-box h2 { color: #242424; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } .single-service-page .image-caption-box .text-box p, .single-post-page .image-caption-box .text-box p { color: #898989; } .single-service-page .image-caption-box .caption-box-img, .single-post-page .image-caption-box .caption-box-img { width: 248px; } /* ============================== 35. FAQ Form styles ============================== */ .faq-form { background: #F9F9F9; padding: 20px 30px; border: 1px solid #EAEAEA; margin-bottom: 50px; } .faq-form input { height: 44px; border: 1px solid #E9E9E9; outline: none; padding-left: 25px; width: 81%; position: relative; top: 1px; } .faq-form .thm-btn { padding: 8px 39px; border-radius: 0; margin-left: -4px; } .faq-page .accrodion { margin-bottom: 20px; } .faq-page .accrodion .accrodion-title { background: #fff; } .faq-page .accrodion .accrodion-title h4 { font-size: 14px; color: #898989; font-weight: normal; text-transform: none; } .faq-page .accrodion.active .accrodion-title:after { background: #1FB5C7; color: #fff; } .faq-page .accrodion .accrodion-title:after { width: 50px; right: 0; background: #FCFCFC; text-align: center; border-left: #EDEDED; height: 100%; } .faq-page .accrodion .accrodion-title { border: 1px solid #EDEDED; } .faq-page .accrodion .accrodion-content { border: 1px solid #EDEDED; border-top: 0; padding: 30px; } .faq-page .accrodion .accrodion-content p { color: #898989; margin-bottom: 20px; } .faq-page .accrodion .accrodion-content h3 { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #000000; margin-top: 15px; margin-bottom: 10px; } .faq-page .accrodion .accrodion-content .img-caption .img-box { width: 237px; } /* ============================== 36. Career Page styles ============================== */ .career-page .caption-box { margin-bottom: 50px; } .career-page .caption-box .content-box, .career-page .caption-box .img-box { display: table-cell; vertical-align: middle; } .career-page .caption-box .content-box { padding-right: 25px; } .career-page .caption-box .img-box { width: 270px; } .career-page .accrodion .accrodion-content .single-job-details { margin-bottom: 50px; } .career-page .accrodion .accrodion-content .single-job-details:last-child { margin-bottom: 0; } .career-page .accrodion .accrodion-content h2 { text-transform: uppercase; color: #242424; font-weight: bold; font-size: 20px; margin-bottom: 16px; } .career-page .accrodion .accrodion-content .download-app-box { margin-top: 50px; margin-bottom: -30px; background: #F4F4F4; margin-left: -30px; margin-right: -30px; padding: 30px 40px; } .career-page .accrodion .accrodion-content .download-app-box h3 { text-transform: capitalize; color: #000000; font-weight: bold; font-size: 18px; margin: 0; margin-bottom: 10px; } .career-page .accrodion .accrodion-content .download-app-box p { margin: 0; color: #898989; } .career-page .accrodion .accrodion-content .download-app-box .btn-box { padding: 16px 0; } .career-page .accrodion .accrodion-content .download-app-box .btn-box .thm-btn { padding-top: 6px; padding-bottom: 6px; padding-left: 35px; padding-right: 15px; } .career-page .accrodion .accrodion-content .download-app-box .btn-box .thm-btn i { margin-left: 35px; } .career-page .accrodion .accrodion-title h4 { padding-right: 50px; text-transform: uppercase; color: #242424; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* ============================== 37. Blog Page styles ============================== */ .blog-page .single-blog-post { margin-bottom: 50px; } .blog-page .single-blog-post:last-child { margin-bottom: 0; } .blog-page .single-blog-post .img-box { display: block; width: auto; } .blog-page .single-blog-post .img-box:before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 5px solid rgba(255, 255, 255, 0.3); border-bottom: 0; border-right: 0; } .blog-page .single-blog-post .img-box .img-caption { text-align: right; } .blog-page .single-blog-post:hover .img-box .img-caption .box-holder ul { opacity: 1; visibility: visible; } .blog-page .single-blog-post .img-box .img-caption .box-holder ul { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; visibility: hidden; vertical-align: bottom; padding-bottom: 20px; padding-right: 10px; } .blog-page .single-blog-post .meta-info { padding: 30px 0; } .blog-page .single-blog-post .meta-info .date-box, .blog-page .single-blog-post .meta-info .content-box { display: table-cell; vertical-align: middle; } .blog-page .single-blog-post .meta-info .date-box .inner-box { width: 78px; height: 78px; background: #FBB12F; color: #fff; border-radius: 50%; text-align: center; text-transform: uppercase; padding-top: 16px; font-weight: bold; } .blog-page .single-blog-post .meta-info .date-box .inner-box b { font-size: 28px; display: block; } .blog-page .single-blog-post .meta-info .content-box { padding-left: 26px; } .blog-page .single-blog-post .meta-info .content-box h3 { color: #363636; font-weight: 600; text-transform: none; font-size: 18px; } .blog-page .single-blog-post .meta-info .content-box .post-links li { display: table-cell; vertical-align: middle; } .blog-page .single-blog-post .meta-info .content-box .post-links li:last-child { padding-right: 0; } .blog-page .single-blog-post .meta-info .content-box .post-links li a { color: #A1A1A1; padding-right: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; } .blog-page .single-blog-post .meta-info .content-box .post-links li a:hover { color: #FBB12F; } .blog-page .single-blog-post .meta-info .content-box .post-links li a:hover i { color: #1FB5C7; } .blog-page .single-blog-post .meta-info .content-box .post-links li a i { color: #FBB12F; font-size: 16px; margin-right: 10px; -webkit-transition: all .3s ease; transition: all .3s ease; } .blog-page .single-blog-post .meta-info .content-box .post-links li a i.fa-tag { font-size: 17px; } .blog-page .single-blog-post .meta-info .content-box .post-links li a i.fa-comments-o { font-size: 18px; } .blog-page .single-blog-post p { color: #898989; } .blog-page .single-blog-post a.read-more { text-transform: uppercase; color: #08ADD0; font-size: 12px; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; } .blog-page .single-blog-post a.read-more:after { content: '\f178'; font-family: 'FontAwesome'; margin-left: 10px; } .blog-page .single-blog-post a.read-more:hover { color: #FBB12F; } .single-post-page h2 { color: #242424; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } .single-post-page .qoute-box { background: #1FB5C7; font-family: 'Open Sans', sans-serif; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: italic; padding: 30px 30px; padding-left: 17px; margin-top: 15px; margin-bottom: 50px; } .single-post-page .qoute-box .qoute-icon, .single-post-page .qoute-box .qoute-text { display: table-cell; vertical-align: middle; } .single-post-page .qoute-box .qoute-icon { padding-right: 30px; } .single-post-page .qoute-box .qoute-icon i { color: #fff; font-size: 103px; vertical-align: top; position: relative; bottom: 15px; } .single-post-page .qoute-box .qoute-text p { font-size: 16px; color: #fff; margin: 0; } .single-post-page .qoute-box .qoute-text .name { text-align: right; color: #fff; display: block; } .single-post-page .sec-title { margin-bottom: 30px; } .single-post-page .sec-title h2 span { font-size: 20px; } .single-post-page .sec-title h2:after { width: 35px; } .single-post-page .tag-social-box { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; padding: 20px 0; margin-top: 45px; margin-bottom: 50px; } .single-post-page .tag-social-box .social-box ul li { display: inline-block; } .single-post-page .tag-social-box .social-box ul li a { color: #787C7F; font-size: 16px; margin-left: 16px; } .single-post-page .admin-info-box .img-box, .single-post-page .admin-info-box .text-box { display: table-cell; vertical-align: middle; } .single-post-page .admin-info-box .img-box { width: 114px; } .single-post-page .admin-info-box .text-box { padding-left: 30px; } .single-post-page .admin-info-box .text-box h3 { font-size: 14px; letter-spacing: .2em; color: #1F1F1F; font-family: 'Open Sans', sans-serif; margin-bottom: 0; margin-bottom: 10px; } .single-post-page .comments-box { margin-top: 60px; } .single-post-page .comments-box .single-comment { margin-bottom: 30px; } .single-post-page .comments-box .single-comment .comment-img, .single-post-page .comments-box .single-comment .comment-text { display: table-cell; vertical-align: top; } .single-post-page .comments-box .single-comment .comment-img { width: 70px; } .single-post-page .comments-box .single-comment .comment-text { padding-left: 30px; } .single-post-page .comments-box .single-comment .comment-text h3 { font-size: 13px; letter-spacing: .200em; text-transform: uppercase; margin: 0; margin-bottom: 10px; } .single-post-page .comments-box .single-comment .comment-text h3 span { color: #1CBAC8; font-style: italic; } .single-post-page .comments-box .single-comment .comment-text p { margin: 0; } .single-post-page .comments-box .single-comment .comment-text .inner { border: 1px solid #EFEFEF; padding: 26px 30px; } .single-post-page .comments-box .single-comment .comment-text a.reply-button { text-transform: uppercase; color: #1F1F1F; font-size: 12px; font-weight: 600; } .single-post-page .comments-box .load-more-comment { text-align: center; font-size: 14px; text-transform: uppercase; color: #343434; font-weight: bold; display: block; } .single-post-page .comment-form { margin-top: 60px; } .single-post-page .comment-form input, .single-post-page .comment-form textarea { width: 100%; display: block; border: 1px solid #E8E8E8; outline: none; height: 50px; padding: 0 22px; color: #959595; } .single-post-page .comment-form textarea { margin-top: 25px; height: 230px; padding-top: 15px; margin-bottom: 25px; } .single-post-page .comment-form button { padding-top: 7px; padding-bottom: 7px; } /* ============================== 38. Text Slider styles =========================== */ .text-rotator-banner { background-size: cover; background-position: center center; height: 100vh; } .text-rotator-banner.style-two .caption-wrapper { margin-top: 80px; padding-left: 23px; } .text-rotator-banner .caption-wrapper { margin-top: 195px; } .text-rotator-banner span.horiz-border { width: 120px; height: 2px; background: #FBB12F; display: inline-block; margin-top: 28px; margin-bottom: 20px; } .text-rotator-banner .caption-p { margin-bottom: 30px; } .text-rotator-banner .type-wrap { display: inline-block; } .text-rotator-banner .typed-cursor { position: relative; bottom: 5px; opacity: 1; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } /* ============================== 39. Request Qoute New Style =========================== */ .request-qoute.has-overlay { background: url(../images/rqa-bg.jpg) 0 0 no-repeat fixed; -webkit-background-size: cover; background-size: cover; position: relative; overflow: hidden; } .request-qoute.has-overlay:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #081C34; opacity: .75; } .request-qoute.has-overlay .container { position: relative; } .request-qoute.has-overlay .sec-title h2 span { color: #fff; } .request-qoute.has-overlay .has-overlay { position: relative; padding-bottom: 179px; } .request-qoute.has-overlay .has-overlay * { position: relative; } .request-qoute.has-overlay .has-overlay:before { content: ''; position: absolute; top: 0; left: 0; right: 10px; bottom: 0; background: #081C34; opacity: .8; } .request-qoute.has-overlay .has-overlay:after { content: ''; position: absolute; width: 25000px; height: 100%; right: 100%; top: 0; background: #081C34; opacity: .8; } .request-qoute.has-overlay .testimonial-box .content-box { background-color: transparent; border: 1px solid rgba(255,255,255,.4); background: rgba(0,0,0,.4); } .request-qoute.has-overlay .testimonial-box .content-box .title h3, .request-qoute.has-overlay .testimonial-box .content p { color: #fff; } .request-qoute.has-overlay .contact-form input, .request-qoute.has-overlay .contact-form textarea { background-color: transparent; border: 1px solid rgba(255,255,255,.4); background: rgba(0,0,0,.4); color: #fff; } .request-qoute.has-overlay .contact-form input::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #fff; } .request-qoute.has-overlay .contact-form input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .request-qoute.has-overlay .contact-form input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .request-qoute.has-overlay .contact-form input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .request-qoute.has-overlay .contact-form input::-ms-input-placeholder { /* Edge */ color: #fff; } .request-qoute.has-overlay .contact-form input:placeholder-shown { /* Standard one last! */ color: #fff; } .request-qoute.has-overlay .contact-form textarea::-webkit-input-placeholder { /* Safari, Chrome and Opera */ color: #fff; } .request-qoute.has-overlay .contact-form textarea:-moz-placeholder { /* Firefox 18- */ color: #fff; } .request-qoute.has-overlay .contact-form textarea::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .request-qoute.has-overlay .contact-form textarea:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .request-qoute.has-overlay .contact-form textarea::-ms-input-placeholder { /* Edge */ color: #fff; } .request-qoute.has-overlay .contact-form textarea:placeholder-shown { /* Standard one last! */ color: #fff; } .request-qoute.has-overlay .contact-form .select-menu + .ui-selectmenu-button { background-color: transparent; border: 1px solid rgba(255,255,255,.4); background: rgba(0,0,0,.4); color: #fff; } .request-qoute.has-overlay .has-overlay {padding-bottom: 64px;} /* ==================================== 40. Featured Services Style Two ======================================= */ .featured-services.style-two { background: #183650; } .featured-services.style-two .featured-service-box { padding-bottom: 38px; } .featured-services.about-page p { color: #898989; } /* ======================================= 41. Welcome Services Home one styles ========================================== */ .welcome-services.home-one { margin-top: 0px; padding-top: 80px; background: #E3E8EC; } .welcome-services.home-one .sec-title { margin-bottom: 20px; } .welcome-services.home-one .welcome-single-services .text-box, .welcome-services.home-one .welcome-single-services .text-box:before { background: #fff; } .welcome-services.home-one .welcome-single-services:hover .text-box, .welcome-services.home-one .welcome-single-services:hover .text-box:before { background: #1FB5C7; } .welcome-services.home-one .welcome-single-services .img-box { background: #E3E8EC; -webkit-clip-path: none; clip-path: none; } /* ============================================== 42. Testimonials box with carousel styles ================================================= */ .testimonial-box.with-carousel .owl-theme .owl-dots .owl-dot span { border: 2px solid #1FB5C7; background-color: transparent; width: 15px; height: 15px; } .testimonial-box.with-carousel .owl-theme .owl-dots .owl-dot.active span, .testimonial-box.with-carousel .owl-theme .owl-dots .owl-dot:hover span { border: 2px solid #FBB12F; background-color: transparent; /*background: #FBB12F;*/ } .testimonial-box.with-carousel .item {padding-bottom: 75px;} /* ============================================== 43. Track Your shipment styles ================================================= */ .track-shipment-form > ul > li { margin-bottom: 30px; } .track-shipment-form > ul > li:last-child {margin-bottom: 0;} .track-shipment-form ul li .label, .track-shipment-form ul li .content { float: left; } .track-shipment-form ul li .label { font-size: 14px; font-weight: normal; color: #242424; text-transform: uppercase; margin: 0; padding: 0; width: 175px; line-height: 47px; } .track-shipment-form ul li .content { width: calc( 80% - 175px); padding-left: 30px; } .track-shipment-form ul li .content input[type="radio"] {width: 15px;height: 15px; -webkit-box-shadow: none !important; box-shadow: none !important; margin-right: 7px;position: relative;top: 3px;margin-bottom: 0;} .track-shipment-form ul.radio-box li {line-height: 43px;} .track-shipment-form .thm-btn {padding-top: 5px;padding-bottom: 5px;} .track-shipment-form button[type="reset"] {background-color: transparent;border: none;color: #1FB5C7;margin-top: 10px;outline: none;} table { width: 100%; border-collapse: collapse; color:#000; text-align: center; font-family:"Lato"; /* font-weight:bold;*/ } th { padding: 8px; text-align: center; background: #898989; color:black; font-weight: bold; font-family:"Lato"; } tr td{ border: 1px solid #898989; } /* Zebra striping */ tr:nth-of-type(odd) { } @media only screen and (max-width: 967px){ .table-responsive { width: 100% !important; margin-bottom: 15px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; border: 1px solid #898989 !important; } #top-bar { height:60px;} } .main-title { font-size:20px !important; }