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


img {
  max-width: 100%;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
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: #F7BE3D;
  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 h1 {
  margin-top: -9px;
  font-family:CENTURY GOTHIC;
  color:#000;
  text-align:center;
  font-weight:700;
}

.sec-title h1:before {
content: url('../images/prod_left.png');
position: relative;
top: 2px;
left: -20px;
margin-left:20px;

}
.sec-title h1:after {

  
  content: url('../images/prod_right.png');
position: relative;
top:2px;
left: 20px;
margin-right:20px; 
  
}
.sec-title h1 span {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: #323232;
  text-transform: uppercase;
}
.sec-title p {
  color: #898989;
  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;
}


/* ==============================
  7. Header Menu styles
============================== */


.main-menu-wrapper {
  margin-top: -34px;
  margin-bottom: -55px;
 position: absolute;
 width: 100%;
  /*background: #FBB12F;*/
  z-index: 9;
  -webkit-transition: background .5s ease;
          transition: background .5s ease;
}
.main-menu-wrapper.stricky-fixed {
  position: fixed;
  top: 20px;
  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: #eeeeee !important;
  /* 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 */
  border-bottom: 2px solid #1278b9 !important;
}
.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;
  background: #eeeeee;
  margin-top: 10px;
}
.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 16px 18px 8px;
  line-height: 29px;
  display: block;
  position: relative;
  font-family:CENTURY GOTHIC;
}
.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;
  background: #eeeeee;
}
.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,
.nav-holder .nav-footer ul.nav > li.active a {
  color: #1278B9;
  background-color: transparent;
}
.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 27px;
  display: block;
  font-size: 16px;
  color: #313131;
  font-family:CENTURY GOTHIC;
  text-transform: uppercase;
  font-weight: bold;
 border-right: 2px dotted #8a8a8a;
  -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;
   border-bottom: 2px solid #1278b9;
  
}

.main-menu-wrapper.stricky-fixed .nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
     border-top: 2px solid #1278b9;
	  border-bottom: 2px solid #1278b9;
   
}
.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: 240px;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li {
  display: block;
  padding: 0;
  background: #D7D7D7;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {
  border-bottom: 0;
}
.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;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li a {
  color: #242424;

  padding: 7px 26px;
  border-bottom: 1px solid #F3F5F7;
  position: relative;
  display: block;
  font-weight: bold;
  font-family: CENTURY GOTHIC;
text-transform: uppercase;
  -webkit-transition: all .3s ease;
          transition: all .3s ease;
}
.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;
  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 {
  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: #292929;
  font-size: 15px;
  border: none;
  padding: 0 14px;
}


/* ==============================
  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:transparent;
}
.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: 218px;
  -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 h2 {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
font-weight: 700;
  line-height: 33px;
  margin-bottom: 9px;
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
		font-family: CENTURY GOTHIC;
		margin-top: 2%;
}
.welcome-single-services .text-box p {
  color: #fff;
font-family: CENTURY GOTHIC;
  font-size: 15px;
  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;
}




/* =======================================
  41. Welcome Services Home one styles
========================================== */

.welcome-services.home-one {
  margin-top: 0px;
  padding-top: 80px;
/*  background: #E3E8EC;*/
  background: url(../images/prodbg.jpg)no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.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: #0a3558;
}
.welcome-services.home-one .welcome-single-services:hover .text-box,
.welcome-services.home-one .welcome-single-services:hover .text-box:before {
  background: #0a3558;;
}
.welcome-services.home-one .welcome-single-services .img-box {
  background:transparent;
  -webkit-clip-path: none;
  clip-path: none;
}

 @media only screen and (max-width:1024px)
 

 {
	 
	.welcome-single-services .img-box {
    width: 158px;
}


	.welcome-single-services .text-box p {
  
    font-size: 12px;
    line-height: 150%;
   
}

.welcome-single-services .text-box h2 {
 
    line-height: 23px;
  font-size: 15px;
  margin-bottom: 3%;
}

 
 }

 @media only screen and (max-width:900px)
 
 
 
 {
 .sec-title h1::before {
    content: url('../images/prod_leftsm.png') !important;
	left: -6px;
	top: -3px;
    
}

.sec-title h1::after {
    content: url('../images/prod_rightsm.png') !important;
    left: 6px;
	top: -3px;
}



 }