@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import "responsive.css";
@import "fontawesome-all.css";
*:hover, *:hover * {
    transition: all 0.3s;
}
body {font-family: "Poppins", sans-serif;}
p {font-size:16px;
    line-height:25px;
    font-weight: 400;
	color:#777777;
    word-spacing: 1px;
    letter-spacing: 0.2px;
}
a {color:inherit; text-decoration:none;}
a, .btn, button {
    outline: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.btn:hover, .btn:focus { color:#fff;}
.btn:active, .btn.active {box-shadow:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:0px; color:#fff;}
a:hover {text-decoration:none; color:inherit;}
a:focus, a:active {color:inherit; text-decoration:none; outline:0px;}
h1,h2,h3,h4,h5,h6 {text-transform: capitalize;color:#071323;}
.mrtp-0 {margin-top:0px !important;}
.martp10 {margin-top:10px;}
.martp20 {margin-top:20px;}
.martp30 {margin-top:30px;}
.martp40 {margin-top:40px;}
.martp50 {margin-top:50px;}
.mar-btm10 {margin-bottom:10px;}
.mar-btm20 {margin-bottom:20px;}
.mar-btm30 {margin-bottom:30px;}
.mar-btm40 {margin-bottom:40px;}
.mar-btm50 {margin-bottom:50px;}
/*scroll top*/
#scroll {position: fixed;
    right:30px;
    bottom:30px;
    cursor: pointer;
    width:40px;
    height:40px;
    display: none;
    z-index: 99;
    font-size:15px;
    text-align: center;
	color:#fff;
    display: block;
    background-color:#ffaa19;
	border-radius:100%;
}
#scroll i {display:block;font-size:17px;line-height:40px;}
#scroll:hover {-webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
/*======header=====*/
.top-header {position: relative;
    background-color:#18305d;
}
.left-top-header {
    position: relative;
    background-color:rgba(78, 139, 1, 0.75);
    z-index: 9;
     padding:12px 0px;
}
.left-top-header p {
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
}
.left-top-header:before {
    position: absolute;
    content: '';
    right: 0%;
    top: 0px;
    height: 100%;
    width: 100000%;
    display: block;
    z-index: -1;
    background-color:rgba(78, 139, 1, 0.75);
}
.top-btn {
   background-color:#ffaa19;
    color: #fff;
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-weight: 700;
    transition: all 0.3s;
}
.top-btn:hover {
     background-color:#fff;
    color: #ffaa19;
    transition: all 0.3s;
    
}
.tp-info {margin-bottom:0px;}
.tp-info li {
    font-size:16px;
    position: relative;
    padding-right: 0px;
    color:#cecece;
    margin-right: 10px;
}
.tp-info li i {margin-right:8px;
    color:#ffaa19;
    font-size:17px;
    display: inline-block;
    border: 1px solid #46597d;
    border-top: 0;
    border-bottom: 0;
    padding: 15px 16px;
}
.tp-info li i.wt {background-color: #25D366;
    border-radius: 50%;
}
.tp-info li:last-child:after {margin-right: 0;}
.affix {
      top: 0;
      width: 100%;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out;
	  z-index:999;
	  background-color:rgba(255,255,255,0.9) !important;
      min-height: 78px !important;
}

.affix-top {
      position: static;
      top: -35px;
}
.affix + .container{padding-top: 70px;}
.affix .navbar-brand > img {width:168px;}
.affix .navbar-brand {height:102px;}
/*navbar*/
.navbar-brand {height:110px;
    padding:7px 15px;
}
.navbar-brand > img {
    display: block;
    width:85px;
}
.navbar {border-radius:0px;
    margin-bottom:0px;
    border:0px solid;
	min-height:110px;
}
.navbar-default {background-color:#fff;border-color:transparent;box-shadow:0 1px 0 0 rgba(0,0,0,0.1);}
.navbar-default .navbar-nav > li > a {
    font-weight:600;
    font-size:16px;
    color:#222222;
    text-transform:uppercase;
    letter-spacing:0.4px;
}
.navbar-default .navbar-nav > li > a:before {
    display: block;
    content: '';
    position: absolute !important;
    left: 50%;
    top: 0px;
    margin: 0 auto -2px;
    height: 3px;
    width: 0%;
    opacity: 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background-color:#ffaa19;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#ffaa19;
    background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#ffaa19;
    background-color: transparent;
}
/*.dropdown-menu*/
.dropdown-menu {margin:0px;
	    background-color:#fff;
	padding: 0px;
	border-top:2px solid #ffaa19;
}
.dropdown-menu > li > a {
    padding:12px 20px !important;
    color:#000;
    border-bottom: 1px solid rgba(107, 107, 107, 0.1);
	text-transform: capitalize;
    font-size:15px;
	font-weight:500;
	letter-spacing:0.1px;
}
.dropdown-menu > li:last-child > a {border-bottom: 0px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color:#fff;
    background-color:#ffaa19;
}
/*welcome start*/
.welcome-section {padding:60px 0;}
.welcome-item {margin-bottom:20px;}
.title h1, .title h2 {margin: 0px;
    position: relative;
    padding-bottom:20px;
    font-weight:500;
    text-transform: capitalize;
    font-size:36px;
    font-weight:700;
}
.title h1:before, .title h2:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width:80px;
    height:5px;
    background-color:#18305d;
}
.title-center {text-align: center;}
.title-center h1:before, .title-center h2:before {margin:0 auto;right:0;}
.title2 h2 {margin-top:0px;
    position: relative;
    font-weight:500;
    text-transform: capitalize;
    font-size:36px;
    font-weight:700;
}
.title p {color: #afafaf;
    font-size:28px;
    font-weight: 600;
    margin: 0;
    font-family: 'Handlee', cursive;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../img/text-pattern.webp) center 0 no-repeat;
    background-size: cover;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
}
.fact-counter {
    position: relative;
    z-index:9;
    text-align: center;
    margin-right: -80px;
    -webkit-box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 35px rgba(0,0,0,0.15);
    margin-top:50px;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-left: 10px;
    background-attachment: scroll;
    background-color: #ffffff;
    background-image:url(../img/pattern.png);
    background-repeat: repeat;;
}
.fact-counter li {border-right: 1px solid #dddddd;}
.fact-counter li:last-child {border: 0;}
.count-box {
    padding: 40px 10px;
}
.count-box .count-text, .count-box .plus {
    font-weight:900;
    color:#ffaa19;
    font-size: 40px;
    -webkit-text-fill-color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), url(../img/text-pattern.webp) center 0 no-repeat;
    background-size: cover;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
}
.count-box .plus { padding-left: 10px;}
.count-box .counter-title {
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    letter-spacing:0.5px;
    text-transform: capitalize;
}
.welcome-image-wrap {
    margin-top: -30px;
    position: relative;
    z-index: 8;
}
/*brand-section start*/
.brand-section {padding-bottom:50px;}
.brand-item img {border-radius: 9px 9px 9px 9px;
    box-shadow: 0px 0px 10px 0px rgba(213.23437500000003, 186.81185461956522, 186.81185461956522, 0.5);
}
.owl-carousel .owl-stage-outer {padding:20px 0;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ffaa19 !important;
}
/*service-section*/
.laptop-section {padding:80px 0px; 
    background-color:#f6f5f2;
    position: relative;
}
.bg-white {background-color:#fff;}
.service-item {background-color:#fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 40px 10px rgba(0, 0, 0, .07);
    transition: .3s;
    text-align: center;
    padding: 40px 30px 30px;
    margin-bottom:30px;
}
.service-icon img {background-color:#ffaa19;
    width: 90px;
    height: 90px;
    margin:0 auto;
    padding: 7px 0 0;
}
.service-details {}
.service-details h3 {font-weight:700;}
.service-details p {font-size:14px;line-height:20px;min-height: 120px;}
.service-item:hover {background-color:#ffaa19;}
.service-item:hover .service-details h3, .service-item:hover .service-details p {color:#fff;} 

.laptop-item-wrap {background-color:#fff;
    border-radius:10px;
    padding:15px;
    transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
}
.laptop-image {background-color:#ffaa19;overflow: hidden;}
.laptop-details h3 {font-size:17px;
    font-weight: 700;
}
.laptop-details p {font-size:13px;margin-bottom:0;line-height: 18px;}
.rating-list li {padding: 0;font-size: 10px;}
.rating-list li span {color:#ffaa19;}
.laptop-details h4 {font-size:15px;}
.laptop-details h4 span, .laptop-details h4 i {color:#4eb141;}
.laptop-details h4 i {margin-right:5px;}
.button-image img {width:70% !important;margin: 0 auto;}
.laptop-item-wrap:hover {z-index: 20;
    transform: translateY(-5px) translateZ(0);
    transition: opacity .3s ease, visibility .0s ease, transform .3s ease;
    box-shadow:0 0 10px rgba(0,0,0,0.15);
}
.laptop-section-inner .laptop-item-wrap {margin-bottom:25px;}
/*bg-section start*/
.bg-section {
    background-image: url(../img/bg1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding:90px 0;
}
.bg-box {
    border: 8px solid rgba(255, 255, 255, 0.2);
    padding: 40px;
}
.bg-box h2 {
   color: #fff;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 1px;;
}
.bg-box p { color:rgba(255, 255, 255, 0.7); margin-bottom: 0;font-size: 17px;letter-spacing: 0.5px;}
/*why-choose-us-section start*/
.why-choose-us-section {padding:80px 0;}
.why-choose-us-section .block {
  padding: 40px 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.02);
          box-shadow: 1px 0 10px rgba(0, 0, 0, 0.02);
    margin-bottom:20px;
}
.why-choose-us-section .block:hover {
  -webkit-box-shadow: 3px 0 20px rgba(0, 0, 0, 0.07);
          box-shadow: 3px 0 20px rgba(0, 0, 0, 0.07);
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.why-choose-us-section .block .icon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #ffaa19;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.why-choose-us-section .block p {font-size:14px;line-height: 20px;}
.why-choose-us-section .block .icon img {
  height: 30px;
  width: 30px;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center !important;
}
.d-flex {display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
}
/*footer start*/
.footer { position: relative;
    background-image: url(../img/bg-footer.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.footer::before {
    content: "";
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    background-color:#18305d;
    opacity:0.9
}
.main-footer {
    padding:60px 0 40px 0px;
    overflow: hidden;
    position: relative;
}
.footer-widget {margin-bottom: 20px;}
.main-footer p {color:#b5c3be; font-size:16px;}
.ft-contact-bg {
    min-height: 64px;
    background-image: url(../img/say-hi.png);
    background-repeat: no-repeat;
    background-position:right bottom;
}
.ft-title img {margin-bottom:20px; width: 200px;}
.ft-title h2 {font-size:24px;
    font-weight:500;
    position: relative;
    margin-top: 0px;
    padding-bottom:12px;
    margin-bottom: 25px;
    color:#fff;
    letter-spacing: 0.4px;
    word-spacing:1px;
	text-transform: capitalize;
}
.ft-title h2:before {position: absolute;
    content: '';
    background:#ffaa19;
    width: 26px;
    height: 2px;
    left: 0px;
    bottom: 0px;
}
.ft-add-info li {
    position: relative;
    padding-left:30px;
    margin-bottom: 14px;
	font-size: 16px;
    color: #fff;
}
.ft-add-info li a:hover, .ft-links li a:hover {color:#ffaa19;}
.ft-add-info li .icon {
    position: absolute;
    left: 0px;
    top:2px;
    line-height: 24px;
    font-size:18px;
    color:#ffaa19;
}
.ft-links li {
    font-size: 16px;
    color:#b5c3be;
    position: relative;
    padding: 0 0 12px 12px;
    width: 50%;
    float: left;
}
.ft-links li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color:#ffaa19;
    border-radius: 100%;
}
.add-box {
    background-color:rgb(255 170 25 / 50%);
    padding: 20px;
}
.ft-social li {padding-right:0px;}
.ft-social li a i {
    height: 40px;
    width: 40px;
    display: block;
    color: #fff;
    background-color: #1d4033;
    font-size: 14px;
    text-align: center;
    line-height: 38px;
    transition: all 500ms ease;
    border-radius: 50%;
}
.ft-social li a:hover i {background:#ffaa19;color: #fff;}
.bottom-footer {padding:20px 0px;background-color:#18305d;position: relative;}
.btm-footer p {color: #b5c3be;
    margin-bottom: 0px;
    font-size: 14px;
    letter-spacing: 1px;
    text-align: center;
}
.footer-social-links {text-align: center;}
.footer-social-links h3 {color: #fff;font-style: italic; margin: 0px;}
.footer-social-links a {
    width:45px;
    height:45px;
    line-height:45px !important;
    position: relative;
    margin: 0 9px;
    text-align: center;
    display: inline-block;
    color: #fff;
	font-size:25px;
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer-social-links a:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.footer-social-links a i {position: relative;}
.footer-social-links a:hover {color: #fff;}
.footer-social-links a:hover:before {background: #111;}
.footer-social-links a.fb:hover:before {background:#3B5998; border-color:#3B5998; color: #fff;}
.footer-social-links a.tw:hover:before {background:#33CCFF; border-color:#3B5998;}
.footer-social-links a.ins:hover:before {background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);; border-color:#4E433C;}
.footer-social-links a.yt:hover:before {background:#FF3333; border-color:#FF3333;}
.whatsapp-chat {
    position:fixed;
    left:20px;
    bottom: 20px;
    z-index: 99;
}
.whatsapp-chat i {
    height: 50px;
    width: 50px;
    border-radius: 100%;
    background-color:#5baf46;
    color: #fff;
    font-size:32px;
    line-height: 50px;
    text-align: center;
        -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}
@keyframes ripple {
    70% {box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.5);}
    100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);}
}
.bggrey-section {
    padding: 50px 0px;
    background-color: #f6f5f2;
    position: relative;
}
/*inner page start*/
.inner-banner {position: relative;	
	padding:150px 0;
	background-image: url(../img/inner-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.inner-banner:before {position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.inner-banner::after {
    content: "";
    width: 100%;
    height: 16px;
    position: absolute;
    bottom: -1px;
    left: 0;
    background-image: url(../img/ripped-paper-slider-2.png);
    background-position: center center;
    background-size: auto;
    z-index: 9;
}
.formation-banner {background-image: url(../img/company-formation-banner.jpg);}
.innerbanner-text {text-align: center}
.innerbanner-text h1 {margin-top: 0px;
    color: #fff;
    font-weight:700;
    font-size: 50px;
    text-transform: capitalize;
    letter-spacing: 0.5px;
    font-family: 'Handlee', cursive;
}
.breadcrumb {
    padding: 0px;
    margin-bottom: 10px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}
.breadcrumb > li {color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-size: 15px;
    font-weight: 700;
    opacity: 0.7;
}
.breadcrumb > .active {opacity: 1;color:#fff;}
.breadcrumb > li + li:before {color:#fff;
        content: "/";
    padding: 0 10px;
    font-size:17px;
}
.innerpg-section {padding: 50px 0;position: relative;}
.abt-image img {position: relative; bottom:-72px;}
.wel-content-wrap {
    background-color: #fff;
    position: relative;
    padding:28px;
    z-index: 999999;
}
.wel-content-wrap:before {
    border: 4px solid #d3d3d3;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
.wel-content-wrap-inner {
    border: 2px solid #d3d3d3;
    padding:20px;
    position: relative;
    z-index: 999;
}
.wel-content-wrap-inner h3 {margin-top:0; font-weight: 600;}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity;
}
.hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.title2 h3 {margin-top:0;}
.border-box {border: 1px dashed #ddd;
    background-color: rgb(255 255 255 / 80%);
}
.border-box h3 {background-color: #ffaa19;
    color: #fff;
    padding: 15px;}
.border-box ul {padding-bottom: 12px;}
/*laptop-detail-section*/
.laptop-detail-section {padding:90px 0;}
.product-img-style {border: 1px solid #dbdbdb;
    position: relative;
}
.sup-heading {color: #fff;
    background-color: #ffaa19;
    padding: 8px 15px;
    text-transform: uppercase;
    font-size: 14px;
}
.laptop-inner-details h2 {font-size: 36px;
    font-weight: 700;
}
.specification h3 {color:#ffaa19;font-weight:700;}
.spc-list li {border-bottom: 1px solid #dbdbdb;
    padding:8px 0;
}
.spc-list li span {font-weight:700;display:block;}
/*service page start*/
.service-category {
    margin-bottom: 30px;
    background-color: #f6f5f2;
    border-radius: 5px;
}
.service-category ul {padding: 0 20px;}
.service-category ul li+li {
    border-top: 1px solid #e9e7e2;
}
.service-category ul li a {padding: 20px;
    display: block;
    font-size: 17px;
    word-spacing: 1px;
    font-weight: 700;
}
.service-category ul li a:hover {background-color:#fff;color:#ffaa19;}
.download-list li a {background: url(../img/text-pattern.webp) center center no-repeat;
    padding:20px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    position: relative;
    margin-bottom: 15px;
    display: block;
    border-radius: 5px;
    z-index: 1;
}
.download-list li a:before {position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
}
.download-list li i {font-size:30px;vertical-align: bottom;margin-right: 15px;}
.download-list li a:hover {border-color:#ffaa19; color:#fff !important;}
.service_detail_image img {
    border-radius: 5px;
    max-width: 100%;
}
.service_details {margin-bottom: 25px;}
.service_details h2 {font-weight: 600;}
.highlight-phra {background-color:#ffaa19; color:#fff;padding: 20px;font-size: 17px;border-radius: 2px;}
.imge-container-detail img {
    float: right;
    width:40%;
    margin-left: 25px;
}
.list1 li {margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left:5px;
}
.list1 li i {color: #ffaa19;
    font-size: 14px;
    display: inline-block;
    padding-right: 13px;
    position: absolute;
    top: 8px;
    left: 0;
}
/*gallery page*/
.gallery-wrap {
    border-radius:2px;
    position: relative;
	overflow: hidden;
    margin-bottom: 12px;
}
.gallery-wrap .gallery-image {
    position: relative;
    overflow: hidden;
}
.gallery-wrap .gallery-image:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background:rgba(0,0,0, 0.6);
    z-index: 2;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.gallery-image img {width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.gallery-wrap .zoom-icn {
    left: 0;
    margin-top: -18px;
    -webkit-opacity: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: opacity .4s ease 0s , transform .4s ease 0s;
    transition: opacity .4s ease 0s , transform .4s ease 0s;
    width: 100%;
    z-index: 2;
}
.zoom-icn i {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    background-color: rgba(255, 255, 255, 0.2);
}
.gallery-wrap:hover .gallery-image img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
.gallery-wrap:hover .gallery-image:before {
    visibility: visible;
    opacity:1;
}
.gallery-wrap:hover .zoom-icn {
    -webkit-opacity: 1;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*contact page start*/
.sub-heading {margin-top: 0;
    margin-bottom: 20px;
    font-family: 'Handlee', cursive;
    font-weight: 600;
}
.contacts-info-list li {
    position: relative;
    padding-left: 55px;
    min-height: 30px;
    display: table;
    padding-bottom:15px;
}
.contacts-info-list li:last-child {padding-bottom: 0;}
.contacts-info-list > li > i {
    display: block;
    position: absolute;
    left: 0;
    top:6px;
    font-size:32px;
    color:#ffaa19;
}
.contacts-info-list > li .info-item {
    display: table-cell;
    vertical-align: middle;
}
.info-item h4 {
    margin-top: 0px;
    font-weight: 600;
    margin-bottom: 2px;
}
.info-item p {font-weight: 600;color:#807e7e;}
.info-item p a:hover {color:#ffaa19;}
.contact-field .form-control {
    border:0;
    height:70px;
    box-shadow: none;
    background-color: #f6f5f2;
    border-radius: 5px;
    color:#6e7673;
    padding-right: 20px;
    padding-left:30px;
}
textarea.form-control {height: auto !important;}
.btn2 {background-color:#ffaa19;
    color:#fff;
    padding: 20px 25px;
    font-weight: 600;
    font-size: 17px;
}
.btn2:hover, .btn2:focus, .btn2:active {background-color:#ffaa19;}