API tools faq
paste
rexrony89

Iptech

rexrony89
Feb 26th, 2019
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.50 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: IPTech Child theme
  3. Theme URI: https://www.iptech.com.sa/
  4. Template: Avada
  5. Author: Othman Chohdi
  6. Author URI: https://wphub.me
  7. Description: Custom theme based on Avada Framework
  8. Version: 1.0.1528723171
  9. Updated: 2018-06-11 06:19:31
  10.  
  11. */
  12. @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700');
  13. @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
  14. @import url('icomoon.css');
  15. .fusion-megamenu-wrapper .fusion-megamenu-submenu {padding: 15px 0;}
  16.  
  17. .fusion-megamenu-holder {background-color: #0000004f!important;}
  18. .services-menu  .fusion-megamenu-title a {
  19.     color: #ffffffd9!important;
  20. }
  21.  
  22. .cmnt-box-brdr {border-bottom:1px solid #e5e5e5; }
  23. #d-services:before{    height: 47%;}
  24.  
  25. .banner-bot-strip { min-height: 137px; border-bottom: 1px solid #e5e5e5; padding: 25px 0 0 0;}
  26. .post-content .banner-bot-strip  h3 { font-size: 24px; font-weight: 700; color: #3e3e3e; text-align: left; padding: 11px 0 10px 0; margin: 0px; border-bottom: 4px solid #ed4032;     text-transform: uppercase;}
  27. .banner-bot-strip .box { text-align:center; position:relative;}
  28. .banner-bot-strip .box p { font-size: 15px; font-weight: 400; color: #696969;}
  29. .banner-bot-strip .box i { width: 44px; height: 47px; text-align:center; display: block; margin: 0px auto;}
  30. .banner-bot-strip .box:after { width: 1px; height: 97px; background: #e5e5e5; position:absolute;right: -8px;top: 15px; content: '';}
  31. .banner-bot-strip .box.no-bor:after { display: none;}
  32.  
  33. .banner-content{ padding: 140px 0 0 0;  }
  34. .banner-content h2, #rev_slider_7_1 h2{ font-size:55px; color:#FFF; font-weight:800;    display:block;    margin-top: 5px;  margin-bottom:10px; text-transform:uppercase;   text-shadow: 2px 2px #242424;   font-family: 'Raleway', sans-serif; }
  35. .banner-content h2 span, #rev_slider_7_1 h2 span{   display:inline-block;   color: #ed4032; }
  36. .banner-content p, #rev_slider_7_1 p{   font-size:24px; color:#FFF; display:block;  text-shadow: 2px 2px #242424;   text-transform:uppercase;   font-family: 'Raleway', sans-serif; }
  37. .banner-content ul, #rev_slider_7_1 ul{ list-style:none;    }
  38. .banner-content ul li, #rev_slider_7_1 ul li{   font-size:20px; color:#fff; padding:0 0 0 5px;  font-family: 'Raleway', sans-serif; }
  39. .banner-content ul li i, #rev_slider_7_1 ul li i{   padding:0 5px 0 0;      color: #ed4032; }  
  40.  
  41. /*=======OUR-SERVICES-START========*/
  42. .main-services-section{ padding:50px 0 45px 0;  }
  43. .services-heading{  text-align:center;  }
  44. .services-heading.text-left{    text-align: left;   }
  45. .services-heading h3{   font-size:45px; color:#000000;  font-weight:700;    padding: 0 0px 40px 0;  position:relative;  display:inline-block;   text-transform:uppercase;   }
  46. .services-heading h3:after{ content: "";    position: absolute;    /*border: #ed4032 5px solid;*/    background:#ed4032;    width: 232px;    height: 7px;    bottom: 25px;    right: 0;    left: 0;    margin: auto;    }  
  47. .services-heading p{    font-size:18px; color:#696969;  margin-bottom: 35px;    }
  48. .service-box-1:hover{ border:1px solid #ed4032; background-color: #fff;box-shadow: 0px 0px 8px -3px #000; }
  49. .service-box-1:hover span{
  50.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRjg4NjI5OyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFRDQ3NDc7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
  51.     background-image: -webkit-linear-gradient(-90deg,#019be4 0%,#0067c6 100%);
  52.     background-image: linear-gradient(-90deg,#019be4 0%,#0067c6 100%);
  53.     }
  54. .service-box-1{ background-color:#eff3f5;   padding:25px 20px 20px 30px;    border:1px solid transparent;   min-height: 190px;  transition: all 0.3s ease-out;  }
  55. .service-box-1 span{    font-size:50px; display:inline-block;    background-image: linear-gradient(-90deg,#8c949a 0%,#8c949a 100%);     -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   position:relative;  display:inline-block; /*required*/  }
  56. .service-box-1 h4{  display:inline-block;   vertical-align:top; font-size:18px; color:#444444;  font-weight:600;    padding: 15px 0px 0 7px;    font-family: 'Raleway', sans-serif; }
  57. .service-box-1 p{   font-size:15px; color:#696969;  padding-top: 10px;  font-family: 'Raleway', sans-serif; }
  58. .mar-bottom{    margin-bottom:30px; }
  59. .servic-slides .slick-dots {    bottom: -15px;    right: 0px;}
  60. .servic-slides .slick-dots li {    margin: 0 0px;}
  61. .servic-slides .slick-dots li button {    width: 13px;    height: 13px;    border: #000 1px solid;    border-radius: 10px;}
  62. .servic-slides .slick-dots li.slick-active button, .slider-active .slick-dots li.slick-active button {    background: #ed4032 !important;    border-radius: 50%;    height: 13px;    width: 13px;} 
  63. /*=======OUR-SERVICES-END========*/
  64. /*=========ABOUT-US-PAGE-STARTS========*/
  65. .about-banner{  background:url(images/about-banner.png) no-repeat center;   min-height:520px;   background-size:cover;  position: relative; }
  66.  
  67. .about-conten p:nth-child(1){   font-size: 22px;    color: #696969; font-weight: 600;   padding-bottom: 50px;   font-family: 'Open Sans', sans-serif;}
  68. .about-conten p{ margin-bottom:0px;font-size: 18px; font-weight: 400;color: #696969;padding-bottom:30px;    font-family: 'Open Sans', sans-serif;line-height: 1.5;}
  69. .main-services-section.about-section{   min-height: 650px;  padding-bottom: 0;}
  70. .main-about-content{    background:url(images/about-img.png) no-repeat bottom right;}  
  71. .about-conten {    width: 50%;}
  72. /*=========ABOUT-US-PAGE-ENDS========*/
  73.  
  74.  
  75.  
  76.                                            
  77. /*=======ONLINE-STORE-STARTS=======*/
  78. .post-content .online-bg{   background:url(images/online-bg.jpg) no-repeat center right;    min-height: 220px;  background-size:cover;  }
  79. .post-content .online-wrapper{  width:100%; max-width:950px;    margin:0 auto;  padding: 30px 0;    }
  80. .post-content .online-box-1{    text-align:center;  position:relative;  }
  81. .post-content .online-box-1:after{  content:""; position:absolute;  background:url(images/online-border.jpg) no-repeat; width:1px;  height:126px;   right:0;    top:0;  }  
  82. .post-content .online-box-1 span{   font-size:50px; color:#ed4032;  display:block;  padding-bottom:10px;    }
  83. .post-content .online-box-1 h4{     font-size:45px; color:#000800;  font-family: 'Open Sans', sans-serif;   font-weight:bold;   margin-bottom: 10px;    margin-top: 0px;    }
  84. .post-content .online-box-1 p{    margin: 0px;font-size:16px;   color:#696969;  font-family: 'Open Sans', sans-serif;   font-weight:600;    }
  85. .post-content .online-wrapper .slick-dots {    bottom: -50px;    right: 0px;}
  86. .post-content .online-wrapper .slick-dots li {    margin: 0 0px;}
  87. .post-content .online-wrapper .slick-dots li button {    width: 13px;    height: 13px;    border: #000 1px solid;    border-radius: 10px;}
  88. .post-content .online-wrapper .slick-dots li.slick-active button, .slider-active .slick-dots li.slick-active button {    background: #ed4032 !important;    border-radius: 50%;    height: 13px;    width: 13px;}  
  89. /*=======ONLINE-STORE-ENDS=======*/
  90. /*=======OUR-PORTFOLIO-STARTS========*/
  91. .portfolio-links{   text-align:center;  padding: 0 0 30px 0;    }
  92. .portfolio-links ul li{ display:inline-block;   }
  93. .portfolio-links ul li a{   font-size:16px; color: #000000; font-weight:600;    display:block;  padding: 15px 10px; transition: all 1s ease;    font-family: 'Raleway', sans-serif; }
  94. .portfolio-links ul li.folio-active a{    background-image: linear-gradient(to top, #ed4847, #f2583f, #f66838, #f87830, #ed4032);   color:#fff; border-radius:3px;  text-decoration:none;   }  
  95. .portfolio-links ul li a:hover{ text-decoration:none;   background-image: linear-gradient(to top, #ed4847, #f2583f, #f66838, #f87830, #ed4032); color:#fff; border-radius:3px;  transition: all 1s ease;    }
  96. .folio-box-1{   position:relative;  }
  97. .folio-box-1 i{ position:absolute;  color:#fff; font-size:50px; left:0; right:0;    margin:auto;    top:125px;  display:none;   width:65px; z-index:99; transition: all 1s ease;    }
  98. .folio-box-1 img{    transition: all 1s ease;   }          
  99. .folio-box-1 img:hover{ cursor:pointer; webkit-filter: brightness(.2);    filter: brightness(.2);    transition: all 1s ease;   }
  100. .folio-box-1:hover i{   display:block;  }
  101. #portfoliolist .portfolio, #packageslist .design-packages { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    -o-box-sizing: border-box;  display: none;  float: left;    overflow: hidden;   width: 100%;    margin: 0 0 15px;}
  102.  
  103. /*========LOGODESIGN-PAGE-STARTS========*/
  104. .logodesign-banner{ background:url(/assets/images/logodesign-banner.jpg) no-repeat center;  min-height:650px;   background-size:cover;  position: relative; }
  105. .main-logodesign-content{   background:url(/assets/images/hand-painting.png) no-repeat right bottom;}
  106. .main-services-section.logodesign-section{  height: 550px;}/*========LOGODESIGN-PAGE-ENDS========*/    
  107. a{ text-decoration: none !important; }
  108. .portfoliotabs-cont article.work-panel {    height: auto !important;}.work-panel {    background-position: center center;    background-size: cover;    margin-top: 0.3rem;    -webkit-transition: -webkit-transform 0.8s ease;    -moz-transition: -moz-transform 0.8s ease;    -o-transition: -o-transform 0.8s ease;    transition: transform 0.8s ease;    margin-bottom: 0.2em;}
  109. .work-panel--split-3 {    margin-bottom: 0.3rem;    height: 514px !important;}
  110. .work-panel-grid article {    overflow: hidden;}
  111. .work-panel:first-child {    margin-top: 0;}
  112. .portfoliotabs-cont .work-panel--split-3 {    margin-bottom: 0;    height: initial;}
  113. .portfoliotabs-cont .work-panel--split-3 {    height: 500px !important;}
  114. .portfoliotabs-cont article.work-panel {    height: auto !important;}
  115. .portfoliotabs-cont article.work-panel.anchor-big {height: 480px !important;}
  116. .work-panel--split-3 .inner {    padding-top: 42rem;    padding-bottom: 4rem;    padding-left: 4rem;    padding-right: 4rem;}
  117. .work-panel .inner {    display: block;    overflow: hidden;    padding: 19.1rem 2rem 2rem;    position: relative;    text-align: left;}
  118. .work-panel--split-3 .inner {    padding-top: 42rem;    padding-bottom: 4em;}
  119. .work-panel .inner:hover {    cursor: pointer;}
  120. .portfoliomains .work-panel-grid .col-lg-12,
  121. .portfoliomains .work-panel-grid .col-lg-4,
  122. .portfoliomains .work-panel-grid .col-lg-3,
  123. .portfoliomains .work-panel-grid .col-lg-6,
  124. .portfoliomains .work-panel-grid .col-lg-7,
  125. .portfoliomains .work-panel-grid .col-lg-5{ padding: 5px 5px; }
  126. .work-panel__cover {    content: "";    display: block;    position: absolute;        background-color: rgba(28, 135, 245, 0.8);    position: absolute;    top: 100%;    left: 0;    width: 100%;
  127.     height: 100%;    z-index: 1;    -webkit-transition: top 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);    transition: top 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);}
  128. .work-panel a:hover .work-panel__cover {    top: 0;}
  129. .work-panel__client, .work-panel__project {    -webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);    transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);    font-size: 22px;    font-family: 'Roboto', sans-serif;}
  130. .portfolio-tabs .work-panel__project {    font-size: 18px;}
  131. .work-panel__client, .work-panel__project, .work-panel__view {    color: inherit;    margin: 0;    position: relative;    z-index: 2;    visibility: hidden;}
  132. .work-panel a:hover work-panel__client, .work-panel a:hover .work-panel__project, .work-panel a:hover .work-panel__view {    visibility: visible;}
  133. .work-panel a:hover .work-panel__client, .work-panel a:hover .work-panel__project, .work-panel a:hover .work-panel__view {    color: #fff;    -webkit-transform: translateY(-30px);    transform: translateY(-30px);}
  134. .work-panel a:hover .work-panel__client, .work-panel a:hover .work-panel__project, .work-panel a:hover .work-panel__view {    color: #fff;    -webkit-transform: translateY(-30px);    transform: translateY(-30px);}
  135. .portfoliotabs-cont .anchor+.anchor{ padding-top: 8px; }
  136.  
  137. .wpb_text_column .des-pack-box-1, #content .des-pack-box-1{ background-color: #fff; border: #d5d5d5 1px solid;  padding:0px 0px 0px 0px;    /* min-height: 630px; */    border-radius: 3px; transition: all 1s ease;        margin-bottom: 35px !important; margin-top: 20px;}
  138. .des-pack-box-1 span{   display: block; font-size: 25px;    color: #444444; font-weight: 600;   font-family: 'Roboto', sans-serif;}
  139. .des-pack-box-1 h4{ display: block; font-size: 50px;    color: #fff;    font-weight: 600;   font-family: 'Roboto', sans-serif;  text-shadow: 2px 1px 1px #000;}
  140. .des-pack-box-1 h4 sup{ font-size: 60%; }                          
  141. .des-pack-box-1 p{  display:block;  font-size: 16px;    color: #000000; font-weight: 600;   font-family: 'Open Sans', sans-serif;   padding: 0px 0 25px 0;}
  142. .des-pack-box-1 ul{ list-style: none;   min-height: 180px;}
  143. .des-pack-box-1 ul li{  font-size: 16px;    color: #696969; font-weight: 500;   font-family: 'Open Sans', sans-serif;   padding: 7px 0px;}
  144. .des-pack-box-1 ul li+li{ border-top:1px solid #e5e5e5; }
  145. .des-pack-box-1 ul li i{ margin-right: 10px; color: #ed4032; }
  146.  
  147. .boxes-wrapper .des-pack-box-1 .packbx-heads h4{ background: #0e3f81; padding: 10px 10px; text-align: center; }
  148. .boxes-wrapper .des-pack-box-1 .packbx-heads h4 { margin: 0px;display: block; font-size: 50px;color: #fff; font-weight: 600;font-family: 'Roboto',sans-serif;   text-shadow: 2px 1px 1px #000;}
  149. .boxes-wrapper .packbx-heads h4 ~ p{ background: #1751a0; padding: 5px;  text-align: center; color: #fff; text-transform: uppercase; font-size: 17px; letter-spacing: -0.5px; }
  150. .design-packages .des-pack-box-1 {padding: 0px 0px 20px 0px;}
  151. #content .des-pack-box-1 a.link-btn { font-size: 18px; color: #fff; width: 85%; display:flex; border-radius: 3px; padding: 12px 20px; background-color: #8e8e8e;  font-weight: 600; font-family: 'Raleway', sans-serif; transition: all 1s ease;    position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; position: relative;}
  152. #content .des-pack-box-1 a.link-btn i{    float: right;  position: absolute;  right: 15px;}
  153. #content .des-pack-box-1:hover a.link-btn{  text-decoration: none;    transition: all 1s ease; 
  154.         background-image: linear-gradient(to top, #0065c5, #0065c5, #0065c5, #009ce5, #009ce5);}
  155. .des-pack-box-1 a i{    padding:5px 0 0 0; }
  156. #content .design-packages .des-pack-box-1 .innerbx-cont{padding: 15px 25px 0px 25px;min-height: 400px;position: relative;}
  157. .design-packages .col-lg-4+.col-lg-4 .des-pack-box-1 h4{ background: #ed4032; }
  158. .design-packages .col-lg-4+.col-lg-4 .des-pack-box-1 h4 ~ span{ background: #1751a0; }
  159. .design-packages .col-lg-4+.col-lg-4+.col-lg-4 .des-pack-box-1 h4{ background: #40b5e3; }
  160. .design-packages .col-lg-4+.col-lg-4+.col-lg-4 .des-pack-box-1 h4 ~ span{ background: #257c9e; }
  161. .design-packages .col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4 .des-pack-box-1 h4{ background: #0e3f81; }
  162. .design-packages .col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4 .des-pack-box-1 h4 ~ span{ background: #1751a0; }
  163. .design-packages .col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4 .des-pack-box-1 h4{ background: #ed4032; }
  164. .design-packages .col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4+.col-lg-4 .des-pack-box-1 h4 ~ span{ background: #0e3f81; }
  165. .play-icon  {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 5;}
  166.  
  167. #scrollbox3, #scrollbox4 {overflow: auto;height: 300px;    padding: 0 !important;     width: 100% !important;}
  168.  
  169.  
  170.  
  171. #packageslist{overflow: hidden;height: auto;}
  172. #packageslist .des-pac-slides .slick-dots {    bottom: -5px;    right: 0px;}
  173. #packageslist .des-pac-slides .slick-dots li {    margin: 0 0px;}
  174. #packageslist .des-pac-slides .slick-dots li button {    width: 13px;    height: 13px;    border: #000 1px solid;    border-radius: 10px;}
  175. #packageslist .des-pac-slides .slick-dots li.slick-active button, .slider-active .slick-dots li.slick-active button {    background: #ed4032 !important;    border-radius: 50%;    height: 13px;    width: 13px;}
  176. #portfoliolist .portfolio, #packageslist .design-packages { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;    -o-box-sizing: border-box;  display: none;  float: left;    overflow: hidden;   width: 100%;    margin: 0 0 15px;}
  177. #packageslist{     height: 570px;   }
  178. #packageslist .des-pac-slides .slick-dots {    bottom: 460px;    right: 0px;}
  179.  
  180. /*=======OUR-TESTIMONIAL-STARTS========*/
  181. .test-bg{background-color: #eff3f5;}
  182. .slide-box-1{   /*min-height:280px;*/   text-align:center;  }
  183. .slide-box-1 >div{  margin: 25px 0px 0 0px;    background-color: #FFF;    min-height: 200px;    padding: 15px 40px;    text-align: center;    border-radius: 5px;     }
  184. .slick-active.slick-center >div h5{ color: #fff;}
  185. .slick-active.slick-center >div p{  color: #fff;}  
  186. .slide-box-1 h5{    color:#ed4032;  font-size:18px; font-weight:bold;   font-family: 'Raleway', sans-serif; padding: 5px 35px;  }
  187. .slide-box-1 p{ color:#696969;  font-size:14px; font-family: 'Open Sans', sans-serif;   }
  188. .main-tesstimonials .slick-list{    padding-top: 25px !important;} 
  189. .main-tesstimonials .slick-slide img {    display: inline-block !important;        padding: 30px 0;}
  190. .main-tesstimonials .slick-slide >div {    opacity: 1;}
  191. .slick-active.slick-center >div {    margin: 0;    opacity: 1;    min-height: 235px;    /*background-image: linear-gradient(to top, #ed4847, #f2583f, #f66838, #f87830, #ed4032);*/    background: #ed4032;    border-radius: 5px;  position: relative;  transform:scale(1.1);  margin-top: -10px; }
  192. .main-tesstimonials .slick-dots {    bottom: 0px;    right: 0px;}
  193. .main-tesstimonials .slick-dots li {    margin: 0 0px;}
  194. .main-tesstimonials .slick-dots li button {    width: 13px;    height: 13px;    border: #000 1px solid;    border-radius: 10px;}
  195. .main-tesstimonials .slick-dots li.slick-active button, .slider-active .slick-dots li.slick-active button {    background: #ed4032 !important;    border-radius: 50%;    height: 13px;    width: 13px;}
  196. .main-services-section.main-testi-section{  /*padding-top: 0px;*/}
  197. #packageslist{overflow: hidden;height: auto;}
  198. /*=======OUR-TESTIMONIAL-ENDS========*/
  199.  
  200. /*=======OUR-SERVICES-START========*/
  201. .main-services-section{ padding:50px 0 45px 0;  }
  202. .services-heading{  text-align:center;  }
  203. .services-heading.text-left{    text-align: left;   }
  204. .services-heading h3{   font-size:45px; color:#000000;  font-weight:700;    padding: 0 0px 40px 0;  position:relative;  display:inline-block;   text-transform:uppercase;   }
  205. .services-heading h3:after{ content: "";    position: absolute;    /*border: #ed4032 5px solid;*/    background:#ed4032;    width: 232px;    height: 7px;    bottom: 25px;    right: 0;    left: 0;    margin: auto;    }  
  206. .services-heading p{    font-size:18px; color:#696969;  margin-bottom: 35px;    }
  207. .service-box-1:hover{ border:1px solid #ed4032; background-color: #fff;box-shadow: 0px 0px 8px -3px #000; }
  208. .service-box-1:hover span{
  209.     background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojRjg4NjI5OyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNFRDQ3NDc7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==);
  210.     background-image: -webkit-linear-gradient(-90deg,#019be4 0%,#0067c6 100%);
  211.     background-image: linear-gradient(-90deg,#019be4 0%,#0067c6 100%);
  212.     }
  213. .service-box-1{ background-color:#eff3f5;   padding:25px 20px 20px 30px;    border:1px solid transparent;   min-height: 190px;  transition: all 0.3s ease-out;  }
  214. .service-box-1 span{    font-size:50px; display:inline-block;    background-image: linear-gradient(-90deg,#8c949a 0%,#8c949a 100%);     -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   position:relative;  display:inline-block; /*required*/  }
  215. .service-box-1 h4{  display:inline-block;   vertical-align:top; font-size:18px; color:#444444;  font-weight:600;    padding: 15px 0px 0 7px;    font-family: 'Raleway', sans-serif; }
  216. .service-box-1 p{   font-size:15px; color:#696969;  padding-top: 10px;  font-family: 'Raleway', sans-serif; }
  217. .mar-bottom{    margin-bottom:30px; }
  218. .servic-slides .slick-dots {    bottom: -15px;    right: 0px;}
  219. .servic-slides .slick-dots li {    margin: 0 0px;}
  220. .servic-slides .slick-dots li button {    width: 13px;    height: 13px;    border: #000 1px solid;    border-radius: 10px;}
  221. .servic-slides .slick-dots li.slick-active button, .slider-active .slick-dots li.slick-active button {    background: #ed4032 !important;    border-radius: 50%;    height: 13px;    width: 13px;} 
  222. /*=======OUR-SERVICES-END========*/                
  223. #main{width: 100%; padding-right: 0px !important; padding-left: 0px !important;}
  224. .fusion-row{max-width: 100% !important;}
  225.  
  226. /*=======OUR-PROCESS-STARTS========*/
  227. .box-pro{   width: 167px;    display: inline-block; margin-right: 55px; margin-top: 15px;   vertical-align: top;    }
  228. .box-pro.box-no-mar{    margin-right:0px;   }  
  229. .process-wrapper{   width:100%; max-width:1080px;   margin:0 auto;  }
  230. .process-box-1{ text-align: center; }
  231. .process-box-1 span {    font-size: 70px;    padding: 40px 0;   height:150px;    color: #989fa5;    border-radius: 5px;    display: block;    position: relative;    background-color: #eff3f5;
  232.     transition: all 1s ease;}
  233. .process-box-1:hover span{  background: #ed4032;    color: #fff;    }
  234. .process-box-1 span:after{  content: "";    position: absolute; background:url(images/our-pro-border.jpg) no-repeat;    width: 100px;   height: 1px;    right: -80px;    top: 78px;    z-index: -99;}
  235. .process-box-1 span.aft-none:after{ display: none;}
  236. .post-content .box-pro .process-box-1 h4{   font-size:20px; color:#000000;  font-weight:bold;       padding: 15px 0 20px 0; font-family: 'Raleway', sans-serif; margin: 0px;    }
  237. .process-box-1 {    font-size:15px; color:#696969;  font-family: 'Raleway', sans-serif; }
  238. .process-wrapper .slick-dots {    bottom: -40px;    right: 0px;}
  239. .process-wrapper .slick-dots li {    margin: 0 0px;}
  240. .process-wrapper .slick-dots li button {    width: 13px;    height: 13px;    border: #000 1px solid;    border-radius: 10px;}
  241. .process-wrapper .slick-dots li.slick-active button, .slider-active .slick-dots li.slick-active button {    background: #ed4032 !important;    border-radius: 50%;    height: 13px;    width: 13px;}   
  242. /*=======OUR-PROCESS-ENDS========*/    
  243.  
  244.  
  245. /*
  246.  *  STYLE 4
  247.  */
  248.  
  249. #scrollbox3::-webkit-scrollbar-track
  250. {
  251.     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  252.     background-color: #F5F5F5;
  253. }
  254.  
  255. #scrollbox3::-webkit-scrollbar
  256. {
  257.     width: 8px;
  258.     background-color: #F5F5F5;
  259. }
  260.  
  261. #scrollbox3::-webkit-scrollbar-thumb
  262. {
  263.     background-color: #eee;
  264.     border: 1px solid #555555;
  265. }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!