body {background:#FFF; font-family: 'Montserrat', sans-serif; font-size:14px; line-height:22px; margin:0; padding:0; color:#333; font-weight:400; white-space:normal; visibility:inherit; text-align:inherit; border:0px; letter-spacing:0px; font-stretch:inherit; overflow-x:hidden;}
html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 9999; background:url(../images/Preloader.gif) center no-repeat #1D4287;}
/*LOADER*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:#FFAB2E; background:#1D4287;}
::selection {color:#FFAB2E; background:#1D4287;}
/*TEXT SELECTION*/

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:15px;}
/* Track */
::-webkit-scrollbar-track {background:#1D4287; }
/* Handle */
::-webkit-scrollbar-thumb {background:#FFAB2E; }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#FFC977; }
/*custom scrollbar*/

h1, h2, h3, h4, h5 {text-transform:uppercase; font-weight:800; letter-spacing:2px;}

h1 { font-size:38px; line-height:48px; margin-bottom:15px; margin-top:15px; padding:0; color:#1D4287;}
h1 span {color:#FFAB2E;}

h2 { font-size:30px; line-height:40px; margin-bottom:15px; margin-top:15px; padding:0; color:#FFAB2E;}

h3 { font-size:18px; line-height:25px; margin-bottom:-15px; margin-top:15px; padding:0; color:#FFAB2E;}

h4 { font-size:18px; line-height:25px; margin-bottom:0; margin-top:15px; padding:0; color:#1D4287;}

h5 { font-size:16px; line-height:25px; margin-bottom:0; margin-top:0px; padding:0; color:#1D4287;}
h5 a {  color:#1D4287;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
h5 a:hover { color:#FFAB2E; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

h6 { font-size:16px; line-height:24px; color:#333; font-weight:500; margin:-10px 0 15px 0; padding:0; letter-spacing:1px; }
h6 a {color:#FFAB2E; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
h6 a:hover {color:#1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
h6 span {color:#F00; font-weight:700;}
h6 strong {color:#1D4287; font-weight:700;}

p { color:#333; font-size:14px; line-height:22px; margin:15px 0; padding:0; font-weight:500; letter-spacing:.5px;}
p a {color:#FFAB2E; font-weight:500; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:#1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:#FFAB2E; font-weight:700;}
p strong {color:#1D4287; font-weight:700;}
p i { font-size:12px; margin-right:2px;}

/*INNER CSS*/
#inner-bg {background:#F4F7FF; margin-top:15px; margin-bottom:15px; padding-bottom:15px; padding-top:15px;}
#com-bg {background:#F4F7FF;}
.line { height:1px; background:#F4F7FF;}

.m-0 { margin:0;}
.mb-15 { margin-bottom:15px;}
.mt-15 { margin-top:15px;}
.ml-15 { margin-left:15px;}
.mr-15 { margin-right:15px;}
.m-15-t { margin-top:-15px;}
.m-15-b { margin-bottom:-15px;}

.p-0 { padding:0;}
.pb-15 { padding-bottom:15px;}
.pt-15 { padding-top:15px;}
.pl-15 { padding-left:15px;}
.pr-15 { padding-right:15px;}

.service-sub-banner-padding { padding-top:15px; padding-bottom:80px;}
.faq-img { margin-bottom:15px; margin-top:15px;}
/*INNER CSS*/

/*TOP*/
#top { background:#FFAB2E; border-bottom:none;}

/*FOLOW-US*/
.folow-us { float:left; margin:0 ; padding:0; border-left:1px solid #FD9800; border-right:1px solid #FFBD5B;}
.folow-us ul { float:left; margin:0; padding:0; list-style:none;}
.folow-us ul li { float:left; margin:0; padding:0; border-left:1px solid #FFBD5B; border-right:1px solid #FD9800;}
.folow-us ul li a i {width:35px; height:35px; line-height:35px; margin:0; padding:0; text-align:center; font-size:13px; color:#1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.folow-us ul li a i:hover { color:#FFAB2E; background:#1D4287;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOLOW-US*/

/*CALL-NUMBER*/
.call-number { float:left; font-size:13px; color:#1D4287; font-weight:600; line-height:35px; margin: 0; padding-left:15px; text-transform:uppercase; letter-spacing:1px;}
.call-number span { color:#1D4287; font-weight:800;}
/*CALL-NUMBER*/

/*TOP-NAV*/
.top-nav { float:right; margin:0; padding:0; border-left:1px solid #FD9800; border-right:1px solid #FFBD5B;}
.top-nav ul { float:left; margin:0; padding:0; list-style:none;}
.top-nav ul li { float:left; margin:0; padding:0;  border-left:1px solid #FFBD5B; border-right:1px solid #FD9800;}
.top-nav ul li a { float:left; font-size:13px; color:#1D4287; font-weight:600; text-decoration:none; line-height:35px; margin:0; padding:0 15px; letter-spacing:1px; text-transform:uppercase; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.top-nav ul li a:hover {color:#FFAB2E; background:#1D4287;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.top-nav ul li a i { font-size:11px; margin-right:2px;}
/*TOP-NAV*/
/*TOP*/

/**HEADER**/
#header-1 { margin:0; padding:0;}

/*Nav-FIX*/
.bg3{}
#menucont{padding: 0; margin:0 auto !important; }
#menucont p{margin: 0;}
.container1{width:100%;padding: 0; margin:0 ;}
.container1 .bodycontainer{margin: 0 !important;width: 100%; }
.stickydiv{position: relative; z-index:999 !important; width: 100%; background:#FFF; border-bottom:1px solid #F4F7FF;}
.stickydiv.stuck{position: fixed; top: 0; width: 100%; z-index: 8;}
/*Nav-FIX*/

/*LOGO*/
.logo { float:left; margin:15px 0;}
.logo img { height:40px;}
/*LOGO*/

/*REQUEST A QUOTE*/
.top-request-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; margin-bottom:0; margin-top:15px; margin-right:-15px; line-height:20px; padding:10px 20px;}
.top-request-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.top-request-a-quote-btn:hover, .top-request-a-quote-btn:focus, .top-request-a-quote-btn:active {color: white;}
.top-request-a-quote-btn:hover:before, .top-request-a-quote-btn:focus:before, .top-request-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.top-request-a-quote-btn i { font-size:11px; margin-right:5px;}
/*REQUEST A QUOTE*/

/*REQUEST A QUOTE MOBILE*/
.mobile-request-a-quote-btn { }
/*REQUEST A QUOTE MOBILE*/
/**HEADER**/

/*Check Availability*/
#check-availability-section {background:#F4F7FF; margin-bottom:15px; padding-bottom:15px; padding-top:15px;}
.check-availability-titel { margin-top:15px; padding:25px 30px 0px 30px; background:#1D4287; border-radius:50px 50px 0 0;-moz-border-radius:50px 50px 0 0;-webkit-border-radius:50px 50px 0 0; font-size:13px; line-height:20px; font-weight:800; color:#FFF; text-transform:uppercase; letter-spacing:2px;}

.check-availability-bg { margin-bottom:15px; padding-bottom:30px; padding-top:30px; background:#1D4287; border-radius:55px;-moz-border-radius:55px;-webkit-border-radius:55px;}
.check-availability-www { background:#FFAB2E; font-size:13px; color:#1D4287; font-weight:800; line-height:50px; border-radius:25px 0 0 25px;-moz-border-radius:25px 0 0 25px;-webkit-border-radius:25px 0 0 25px; text-transform:uppercase;}

.check-availability-box {padding:0;}
.check-availability-bor { float:left; width:100%; height:50px; line-height:50px; font-size:14px; text-align:left; color:#333; font-weight:500; margin:0; padding:0 0 0 15px; background:#FFF; border:none; border-left: none;  font-family: 'Montserrat', sans-serif;   }

.check-availability-box select { float:left; font-size:14px; margin:0; padding:0 0 0 15px; color:#333;  width:100%; height:50px; line-height:50px; font-weight:500; background:#F4F7FF  url(../images/arrow-select.png) no-repeat right 15px center ;border: none; border-left:1px solid #ECF1FF; font-family: 'Montserrat', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; border-radius:0 25px 25px 0;-moz-border-radius:0 25px 25px 0;-webkit-border-radius:0 25px 25px 0; }

.check-availability-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; line-height:30px; padding:10px 15px; width:100%;}
.check-availability-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFF; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.check-availability-btn:hover, .check-availability-btn:focus, .check-availability-btn:active {color:#1D4287;}
.check-availability-btn:hover:before, .check-availability-btn:focus:before, .check-availability-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.order-hosting-only-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:1px; color:#1D4287; background:#ECF1FF; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; line-height:30px; padding:10px 15px; width:100%;}
.order-hosting-only-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFAB2E; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.order-hosting-only-btn:hover, .order-hosting-only-btn:focus, .order-hosting-only-btn:active {color:#1D4287;}
.order-hosting-only-btn:hover:before, .order-hosting-only-btn:focus:before, .order-hosting-only-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

::placeholder { color:#333; opacity: 1;}
:-ms-input-placeholder {color:#333;}
::-ms-input-placeholder { color:#333;}
/*Check Availability*/

.welcome-img-box { margin-bottom:15px; margin-top:15px; padding:30px; background: linear-gradient(to top left, #FFC977 0%, #FFAB2E 100%); -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden;}
.welcome-img { overflow:hidden; padding:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

.more-btn, .more-btn-left {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; overflow:hidden; margin-bottom:15px; margin-top:15px; line-height:30px; padding:10px 25px;}
.more-btn:before, .more-btn-left:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.more-btn:hover, .more-btn:focus, .more-btn:active, .more-btn-left:hover, .more-btn-left:focus, .more-btn-left:active {color: white;}
.more-btn:hover:before, .more-btn:focus:before, .more-btn:active:before, .more-btn-left:hover:before, .more-btn-left:focus:before, .more-btn-left:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.more-btn i, .more-btn-left i { font-size:13px; margin-left:5px;}

.more-btn-left { margin-right:15px;}

/*COUNTER*/
.work-section { position:relative; margin-top:-158px; z-index:1;}
.work-section-bg { padding:0; margin-bottom:15px; background:#1D4287; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.work-section-bg::before{content: ''; width: 500px; height: 400px; position: absolute; left: 40%; top: -70px; transform: rotate(-50deg); background-color: rgba(255,255,255,.1); border-radius: 25px;}

.main_counter_area .main_counter_content .single_counter{}
.icon-box { padding:15px;}
.box-add-icon {background:#173671; height:70px; line-height:70px; width:70px; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:20px;}
.single_counter h4 { color:#FFF; margin:10px 0 0 0; padding:0; font-size:30px; line-height:40px;}
.single_counter h6 { color:#FFF; margin:0; padding:0; font-size:12px; line-height:20px; font-weight:700; font-style:normal; text-transform:uppercase; letter-spacing:1px;}
/*COUNTER*/

/*Services We Offer*/
#service-section {background:#F4F7FF; margin-top:15px; margin-bottom:-15px; padding-bottom:15px; padding-top:15px;}
#service-section h6 { border-left:5px solid #FFAB2E; padding-left:15px; padding-bottom:5px; padding-top:5px; margin-bottom:15px; margin-top:15px;}

.service-box {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; background:#FFF; padding:15px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:15px; margin-top:15px;}
.service-box:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#FFAB2E; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.service-box:hover, .service-box:focus, .service-box:active {color: white;}
.service-box:hover:before, .service-box:focus:before, .service-box:active:before {-webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.service-box .service-box-icon {background:#FFAB2E; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  height:80px;  width:80px; padding:25px;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform;-o-transition-property: -o-transform; transition-property: transform;}
.service-box:hover .service-box-icon {background:#1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg);  color:#FFAB2E }

.service-box .service_icon_bg_1 {background: linear-gradient(to top left, #0072ff 0%, #00c6ff 100%);}
.service-box .service_icon_bg_2 {background: linear-gradient(to top left, #f12711 0%, #f5af19 100%);}
.service-box .service_icon_bg_3 {background: linear-gradient(to top left, #ff5858 0%, #f857a6 100%);}
.service-box .service_icon_bg_4 {background: linear-gradient(to top left, #435706 0%, #6A8A0B 100%);}

.service-box .service-name a { display:block; font-size:15px; line-height:25px; text-transform:uppercase; color:#FFAB2E; font-weight:800; letter-spacing:2px; text-decoration:none; margin-top:15px; margin-bottom:5px;  -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}
.service-box:hover .service-name a { color:#1D4287;  -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}

.service-box p { margin: 0; padding:0;}
.service-box p a { margin:0; padding:0; font-size:13px; line-height:18px; font-weight:500; text-transform:capitalize; color:#333; text-decoration:none; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s; }
.service-box:hover p a { color:#333; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}
/*Services We Offer*/

/*INDUSTRY WE SERVED*/
.industry-we-served-section { margin-top:15px; margin-bottom:15px; position: relative; padding-bottom:15px; padding-top:15px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image:url(../images/3.gif);}
.industry-we-served-section::before {position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0 0 0 / 70%);}
.industry-we-served-section h1, .industry-we-served-section h3, .industry-we-served-section h6 { color:#FFF;}
.industry-we-served-box { margin:15px 0; padding:0;}
.industry-we-served-box .industry-we-served-icon { width:75px; height:75px; margin:0 auto; padding:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.industry-we-served-box:hover .industry-we-served-icon { transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg);}
.industry-we-served-box-title { font-size:12px; line-height:20px; margin:0; padding-top:15px; color:#FFF; font-weight:500; text-transform:uppercase; letter-spacing:.5px;}
.industry-we-served-icon_bg_1 {background-color: #2a2a72; background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);}
.industry-we-served-icon_bg_2 {background-color: #ff4e00; background-image: linear-gradient(315deg, #ff4e00 0%, #ec9f05 74%);}
.industry-we-served-icon_bg_3 {background-color: #6b0f1a; background-image: linear-gradient(315deg, #6b0f1a 0%, #b91372 74%);}
.industry-we-served-icon_bg_4 {background-color: #003300; background-image: linear-gradient(315deg, #003300 0%, #00CC00 74%);}
.industry-we-served-icon_bg_5 {background-color: #000000; background-image: linear-gradient(315deg, #000000 0%, #666666 74%);}
.industry-we-served-icon_bg_6 {background-color: #6e72fc; background-image: linear-gradient(315deg, #6e72fc 0%, #ad1deb 74%);}
.industry-we-served-icon_bg_7 {background-color: #1b8b00; background-image: linear-gradient(314deg, #1b8b00 0%, #a2d240 74%);}
.industry-we-served-icon_bg_8 {background-color: #990000;background-image: linear-gradient(315deg, #990000 0%, #ff0000 74%);}
.industry-we-served-icon_bg_9 {background-color: #000000; background-image: linear-gradient(315deg, #000000 0%, #422419 74%);}
.industry-we-served-icon_bg_10 {background-color: #310e68;background-image: linear-gradient(316deg, #310e68 0%, #5f0f40 74%);}
.industry-we-served-icon_bg_11 {background-color: #191714; background-image: linear-gradient(315deg, #191714 0%, #2234ae 74%);}
.industry-we-served-icon_bg_12 {background-color: #eb4511; background-image: linear-gradient(315deg, #eb4511 0%, #b02e0c 74%);}
.industry-we-served-icon_bg_13 {background-color: #bc6f03; background-image: linear-gradient(315deg, #bc6f03 0%, #874000 74%);}
.industry-we-served-icon_bg_14 {background-color: #29539b;background-image: linear-gradient(315deg, #29539b 0%, #1e3b70 74%);}
.industry-we-served-icon_bg_15 {background-color: #0d324d; background-image: linear-gradient(315deg, #0d324d 0%, #7f5a83 74%);}
/*INDUSTRY WE SERVED*/

/*OUR WORKS GALLERY*/
.product-box-inner { float:left; width:100%; overflow:hidden; margin:15px 0; padding:0; background:#FFF; -moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.product-box-inner:hover {background:#FFF; -moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

.box13{position:relative;transition:all .2s ease-out 0s}
.box13 .box-content,.box13:after{position:absolute;left:20px;right:20px}
.box13:after{content:"";display:block;background:#1D4287;top:20px;bottom:20px;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s}
.box13:hover:after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.box13 img{width:100%;height:auto}
.box13 .box-content{top:50%;opacity:0;z-index:1;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%);transition:all .2s ease-out 0s;}
.box13:hover .box-content{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.box13 .title{display:block; font-size:14px; line-height:20px; font-weight:700; letter-spacing:1px; color:#FFF;margin:0 0 5px 0;}
.box13 .post{display:block; font-size:12px; line-height:18px; font-weight:500; letter-spacing:1px; color:#FFAB2E; margin-bottom:15px}
.box13 .social{padding:0; margin:0; list-style:none}
.box13 .social li{display:inline-block}
.box13 .social li a{display:block; width:30px; height:30px; background:#FFF; border-radius:50%; font-size:12px; color:#1D4287; line-height:30px; margin-right:5px; transition:all .4s ease-in-out 0s}
.box13 .social li a:hover{color:#1D4287; background:#FFAB2E}

.thumbnail, .fancybox { padding:0; margin:0; overflow:hidden; border: none}
/*OUR WORKS GALLERY*/

/*GET A QUOTE SECTION*/
#get-a-quote-section {position: relative; overflow: hidden; background-color:#af1d58d9; padding-bottom:15px; padding-top:15px; margin-top:15px;}
#get-a-quote-section::before{content: ''; width: 800px; height: 700px; position: absolute; left: 40%; top: -70px; transform: rotate(-50deg); background-color: rgba(255,255,255,.2); border-radius: 25px;}
#get-a-quote-section h1 { color:#FFF;}

.get-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:15px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFF; border: none; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; overflow:hidden; margin-bottom:15px; margin-top:15px; line-height:35px; padding:10px 40px;}
.get-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.get-a-quote-btn:hover, .get-a-quote-btn:focus, .get-a-quote-btn:active {color: white;}
.get-a-quote-btn:hover:before, .get-a-quote-btn:focus:before, .get-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.get-a-quote-btn i { font-size:13px; margin-left:5px;}
/*GET A QUOTE SECTION*/

/*FOOTER*/
#footer-1 {background:#212121; padding-top:15px; padding-bottom:15px;}

#footer-1 h6 { font-size:16px; line-height:25px; text-transform:uppercase; font-weight:700; letter-spacing:2px; padding-bottom:0; margin-top:0; margin-bottom:15px; padding-left:15px; position: relative; color:#FFF; border-left:25px solid #FFAB2E;}

/*FOOTER WELCOME TEXT*/
.footer-welcome-text {margin-bottom:15px; margin-top:15px;}
.footer-welcome-text p { font-size:13px; line-height:20px; color:#FFF; font-weight:500; margin:0; padding:7px 0;}

/*FOOTER LOGO*/
.footer-logo { margin-bottom:15px;}
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links { float:left; padding-left: 0; list-style-type: none; margin-top:15px; margin-bottom:0;}
.social-links li { float:left; margin-right:10px; margin-left:0; display: inline-block;}
.social-links li a {width:45px; text-align: center; line-height:45px !important; height:45px; color:#FFF; display: inline-block; font-size: 14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.social-links li a:hover {color:#FFF;transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.social-links li a.social-fb { background:#4E598F;}
.social-links li a.social-fb:hover { background:#3E4772;}

.social-links li a.social-twitter { background:#55ACEE;}
.social-links li a.social-twitter:hover { background:#448ABE;}

.social-links li a.social-linkedin { background:#4375B0;}
.social-links li a.social-linkedin:hover { background:#365E8D;}

.social-links li a.social-instagram { background:#E4405F;}
.social-links li a.social-instagram:hover { background:#B6334C;}

.social-links li a.social-skype { background:#00AFF0;}
.social-links li a.social-skype:hover { background:#009AD5;}
/*SOCIAL*/
/*FOOTER WELCOME TEXT*/

/*FOOTER-NAV*/
.footer-nav {margin-bottom:15px; margin-top:15px;}
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:7px 0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:13px; line-height:20px; color:#FFF; font-weight:500; margin:0; padding: 0; text-decoration:none;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-nav ul li a:hover {color:#FFAB2E; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-nav ul li:last-child { padding:7px 0 0 0;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact-box { background:#CCCCCC; margin-top:15px; margin-bottom:15px; padding:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.footer-contact { margin-bottom:15px; margin-top:15px; } 
.footer-contact ul { margin:0; padding:0; list-style:none;} 
.footer-contact ul li { display:inherit; position:relative;} 
.footer-contact .footer-contact-icon, .footer-contact .footer-contact-info {display: table-cell; vertical-align:middle;} 
.footer-contact .footer-contact-info {padding-left: 15px;}
.footer-contact .footer-contact-icon {background:#1D4287; float:left; height:60px; width:60px; line-height:60px; text-align: center; padding:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  }	
.footer-contact ul li .footer-contact-info h5 { color:#000; font-size:15px; line-height:20px; text-transform:uppercase; font-weight:700; margin: 0; padding:0; letter-spacing:2px;}
.footer-contact ul li .footer-contact-info p {font-weight:500; margin:0; padding:0; color:#000 font-size:12px; line-height:20px; letter-spacing:1px;} 
.footer-contact ul li .footer-contact-info p a { color:#000;}
.footer-contact ul li .footer-contact-info p a:hover {color:#FFAB2E;}
/*FOOTER-CONTACT*/

/*FOOTER-BOTTOM*/
.footer-bottom { margin-bottom:0;}
.footer-bottom p {color:#FFF; margin:0; padding:5px 0; font-weight:500; font-size:13px; line-height:20px; letter-spacing:.5px;}
.footer-bottom p span {color:#FFF; font-weight:600;}
.footer-bottom p a {color:#FFF;}
.footer-bottom p a:hover {color:#FFAB2E;}
/*FOOTER-BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9999; width:50px; height:50px; line-height:50px; font-size:13px; text-align: center; background:#173671; color:#FFF; cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
#back-to-top:hover {background:#FFAB2E; color:#173671; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity: 1;}
/*BACK TO TOP*/

/*HOME POPUP*/
.modal-dialog {width:450px; margin:6% auto}
.modal-content { }
.modal-header { background:#F5050D; border-radius:5px 5px 0 0;}
.modal-header h4 { text-align:center; text-transform:capitalize; font-size:24px; line-height:30px; margin:0; padding:0; font-weight:800; color:#FFF;}
.modal-body { background:#FFF; margin:0; padding:0px;  border-radius:0 0 0 0;}
.modal-body:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.modal-footer { margin-top:10px;}
.inner-img { float:left; margin:0; padding:0;}
/*HOME POPUP*/

/*INNER-BANNER*/
.breadcrumb-area {padding:60px 0; margin-bottom:15px;}
.breadcrumb-area h1 {color:#FFF; margin-top:0;}
.breadcrumb-area .breadcrumb {background:#173671; display: inline-block; margin:0; padding:10px 30px; position: relative;
z-index: 1; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.breadcrumb-area .breadcrumb li i {color:#FFF; margin-right: 3px;}
.breadcrumb-area .breadcrumb::after {content: ""; height: 100%; left: 0; opacity:0.35; position: absolute; top: 0; width: 100%; z-index: -1;}
.breadcrumb > li + li::before {color: #FFF; content: "\f111"; font-family: "Font Awesome 5 Free"; font-size: 8px; font-weight: 500; padding: 0 10px;
position: relative; top: -1px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-weight: 600; color:#FFF; text-transform:uppercase; font-size:13px; letter-spacing:1px;}
.breadcrumb-area .breadcrumb a:hover {color:#FFAB2E;}
.breadcrumb-area .breadcrumb li.active {color: #FFF;}
.shadow {position: relative; z-index: 1;}
.shadow.dark::after {background:#1D4287 none repeat scroll 0 0; content: ""; height: 100%; left: 0; /*opacity:0.75;*/ position: absolute; top: 0;
width: 100%;z-index: -1;}
.bg-fixed {background-attachment: fixed; background-position: center center; background-size: cover;}

#particles-js {height: 100%;left: 0;position: absolute;top: 0;width: 100%; overflow:hidden;}
.sign__particles {position: absolute;display: block;top: 0;right: 0;bottom: 10px;left: 0;z-index: 1;}
/*INNER-BANNER*/

.inner-titel-text { padding:0 15px;}

/*CONTACT MENU*/
.menu-bottom { border-top:1px solid #FD9800; /*background:#FD9800; */margin-top:15px; margin-bottom:-15px;}

.menu-bottom-contact { margin-bottom:15px; margin-top:15px;}
.menu-bottom-contact ul { float:left; margin:0; padding:0; list-style:none;}
.menu-bottom-contact ul li { float:left; margin:0 30px 0 0; padding:0; display:inline-block; font-size:18px; line-height:50px; font-weight:700; letter-spacing:1px; color:#1D4287;}
.menu-bottom-contact ul li a { color:#1D4287;}
.menu-bottom-contact ul li a:hover { color:#1D4287;}
.menu-bottom-contact ul li i {background:#1D4287; width:50px; height:50px; line-height:50px; font-size:20px; margin-right:5px; color:#FFAB2E; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}

.menu-contac-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:14px; width: auto; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#FFAB2E; background:#1D4287; border: none; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; overflow:hidden; margin-bottom:0; margin-top:15px; line-height:30px; padding:10px 30px;}
.menu-contac-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFF; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.menu-contac-btn:hover, .menu-contac-btn:focus, .menu-contac-btn:active {color:#1D4287;}
.menu-contac-btn:hover:before, .menu-contac-btn:focus:before, .menu-contac-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.menu-contac-btn i { font-size:12px; margin-left:5px;}
/*CONTACT MENU*/

/*OUR TEAM*/
.teamy { float:left; position: relative; overflow: hidden; margin:15px 0; padding:0; border:1px solid #F4F7FF;}

.teamy:hover .teamy_back {opacity: 1; height: 100%; transition: opacity .4s cubic-bezier(29, 66, 135, 0.6) .2s;}
.teamy_mask-circle .teamy_preview:before {width: 0; height: 0; padding: 25%; border-radius: 50%; transition: transform .3s ease, opacity .3s ease-out;
will-change: opacity, transform; opacity: 0; transform: translate(-50%, -50%) scale(0);}
.teamy_mask-circle:hover .teamy_preview:before {opacity: 1; transform: translate(-50%, -50%) scale(4); transition-duration: .6s;}
.teamy_layout {position: relative;}

.teamy_preview {position: relative; overflow: hidden;}
.teamy_avatar {display: block; max-width: 100%; position: relative; z-index: 1;}
.teamy_preview:before {content: ""; position: absolute; top: 50%; left: 50%; z-index: 2;}

.teamy_back {width: 100%; /* height: 100%;*/ box-sizing: border-box; opacity: 0; will-change: opacity; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; z-index: 3;}
.teamy_back {padding-left: 10px; padding-right: 10px; text-align: center;}

.teamy_name {margin-top: 0; margin-bottom: 0;}
.teamy_post {display: block;}

.teamy_content {padding:15px;}
.teamy_name {font-size: 15px; line-height:25px; text-transform: uppercase; color: #FFAB2E; font-weight:800; letter-spacing:2px;}
.teamy_post { margin-top:5px; font-size:13px; line-height:20px; text-transform: capitalize; color: #1D4287; font-weight:500; letter-spacing:1px;}

.teamy_back-inner {}
.teamy_back-inner a { color:#FFF; text-decoration:none; height:35px; line-height:35px; width:35px; padding: 0; font-size:12px; position: relative;
 display: inline-block;vertical-align: middle; border-radius: 100%;}
.teamy_back-inner a:hover { background:#FFAB2E; color:#1D4287}
.teamy_preview:before {background-color: var(--demoColorMask, rgba(29, 66, 135, 0.6));}
.teamy_style2 .teamy_content {background-color: var(--demoColorContent, rgba(29, 66, 135, 0.6));}
/*OUR TEAM*/

/*Values*/
.values { float:left; margin:15px 0;}
.values-icon { width:90px; height:90px; padding:25px; margin:0 auto;  -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.values h2 { color:#1D4287; margin:15px 0 0 0 ; padding:0; font-size:14px; line-height:20px; font-weight:800; text-transform:uppercase; letter-spacing:1px;}
/*Values*/

/*CAREER TAB*/
.panel, .panel-default { border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; }
.panel-title {color:#1D4287; font-weight:800; font-size:15px; line-height:25px; text-transform:uppercase; background:#F4F7FF; letter-spacing:1px;}
.panel-title a { color:#1D4287; text-decoration:none;}
.panel-title a:hover { color:#FFAB2E; text-decoration:none; background-color:none;}

.panel-heading [data-toggle="collapse"]:after {font-family: 'Font Awesome 5 Free'; content: "\f068"; /* "play" icon */
float: right; color: #1D4287; font-size:12px; line-height:25px;/* rotate "play" icon from > (right arrow) to down arrow */
/*-webkit-transform: rotate(-0deg); -moz-transform: rotate(-0deg); -ms-transform: rotate(-0deg); -o-transform: rotate(-0deg); transform: rotate(-0deg);*/}
.panel-heading [data-toggle="collapse"].collapsed:after {font-family: 'Font Awesome 5 Free'; content: "\f067";/* rotate "play" icon from > (right arrow) to ^ (up arrow) */ /*-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);*/ color: #1D4287;}
.panel-body { padding:15px 15px 0 15px;}
.panel-body p span, .panel-body p strong { text-transform:uppercase;}
.panel-body p { margin-top:0;}
/*CAREER TAB*/

/*CONTACT FORM*/
.contact-form { margin-bottom:15px; margin-top:15px; font-size:14px; line-height:22px; color:#333; font-weight:500; }
.contact-form a { color:#FFAB2E; text-decoration:none; font-weight:600; margin:0; padding:0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.contact-form a:hover { color:#1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.contact-form-bg { padding:15px; background:#FFF; margin-bottom:15px; margin-top:15px; border:1px solid #F4F7FF;}

.contact-page-form-bg { padding:15px; background:#FFF; margin-bottom:-75px; margin-top:15px; border:1px solid #F4F7FF; z-index:1; -webkit-box-shadow: 0 0 30px rgb(24 24 24 / 10%); box-shadow: 0 0 30px rgb(24 24 24 / 10%)}

.contact-form .icon-inside {position: absolute; width: 50px; height:55px; line-height:55px; /*left:20px;*/ top: 0; pointer-events: none; font-size: 16px; color:#1D4287; z-index: 3; display: flex; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; background:#ECF1FF; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}

.contact-form .icon-inside-textar {position: absolute; width:50px; line-height:55px; height:120px; /*left:20px;*/ top: 0; pointer-events: none; font-size: 16px; color:#1D4287; z-index: 3; display: flex; -ms-flex-align: center !important; align-items:top !important; -ms-flex-pack: center !important; justify-content: center !important;  background:#ECF1FF; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; padding-top:15px;}

.contact-form-bor {float:left; width:100%; height:55px; line-height:55px; font-size:14px; text-align:left; color:#333; font-weight:500;margin:0; padding:0 15px 0 65px; background:#F4F7FF; border:1px solid #ECF1FF; font-family: 'Montserrat', sans-serif; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;  }
.contact-form-textar { float:left; width:100%; height:120px; line-height:35px; font-size:14px; text-align:left; color:#333; margin:0; padding:5px 15px 0 65px; background:#F4F7FF; border:1px solid #ECF1FF; font-weight:500; font-family: 'Montserrat', sans-serif; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.contact-form-bor:focus, .contact-form-textar:focus { background:#FFF; border:1px solid #ECF1FF; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.contact-form select { float:left; font-size:14px; margin:0; padding:0 15px 0 65px; color:#333;  width:100%; height:55px; line-height:55px; font-weight:500; background:#F4F7FF url(../images/arrow-select.png) no-repeat right 20px center; border:1px solid #ECF1FF; font-family: 'Montserrat', sans-serif; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.contact-form select:focus {background:#FFF  url(../images/arrow-select.png) no-repeat right 20px center; border:1px solid #ECF1FF; color:#333; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.contact-form-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; overflow:hidden; line-height:25px; padding:15px 45px; width: auto;}
.contact-form-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.contact-form-btn:hover, .contact-form-btn:focus, .contact-form-btn:active {color:#FFF;}
.contact-form-btn:hover:before, .contact-form-btn:focus:before, .contact-form-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.contact-form-btn i { font-size:13px; margin-left:5px;}
::placeholder { color:#333; opacity: 1;}
:-ms-input-placeholder {color:#333;}
::-ms-input-placeholder { color:#333;}
/*CONTACT FORM*/

/*testimonials*/
.testimonials-section { margin-bottom:15px; margin-top:15px;}
.testimonials-section .carousel-indicators .active{ background:#FFF; }
.adjust1{ float:left; width:100%; margin-bottom:0; }
.adjust2{ margin:0; }
.testimonials-section .carousel-indicators li{ border:none; }
.testimonials-section .carousel-control{ top: 35%; opacity:1; width:40px; height:40px; z-index: 100; color: #FFAB2E; display: block; font-size:20px; cursor: pointer; overflow: hidden; line-height:40px; text-shadow: none; position: absolute; font-weight: normal; background:none; border:none;}
.testimonials-section .carousel-control:hover{ color: #1D4287; }
.testimonials-section .carousel-control.left, #testimonials-section .carousel-control.right {  }
.testimonials-section .media-object{ margin:auto; margin-top:0; margin-bottom:0; overflow:hidden; padding:0px; border:1px solid #ECF1FF; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.testimonials-section .caption p { margin-bottom:0; margin-top:15px; padding:0 30px;}
.testimonials-section .caption p span, .testimonials-section .caption p strong { text-transform:uppercase;}
/*testimonials*/

/*client*/
.client-list {border:1px solid #ECF1FF; background:#FFF; padding:0; margin-bottom:15px; margin-top:15px; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center;}
/*client*/

/*CONTACT-PAGE*/
.address { padding:0; margin-top:15px; margin-bottom:15px;} 
.address ul { margin:0; padding:0; list-style:none;} 
.address ul li { display:inherit; position:relative; margin-top:0;} 
.address .icon, .address .info {display: table-cell; vertical-align:top;} 
.address .info {padding-left: 15px;}
.address ul li .icon { float:left; background:#1D4287 none repeat scroll 0 0; color:#FFF; height:50px; line-height:50px; width:50px; padding:15px; text-align: center; border-radius: 100%;}	
.address .info h6 {font-weight:700; margin:0; padding:0; text-transform: uppercase; color: #FFAB2E; font-size:14px; line-height:20px;} 
.address .info h5 {font-weight:800; margin:0 0 5px 0; padding:0; text-transform: uppercase; color: #1D4287; font-size:17px; line-height:25px;}
.address .info p { color:#333; font-weight:500; margin:0; padding:0;} 
.address .info p a {color:#333; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.address .info p a:hover { color:#FFAB2E; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*CONTACT-PAGE*/

/*MAP*/
.contact-map-section .contact-map {height: 550px; margin-bottom:-15px; }
.contact-map-section iframe {width: 100%; height: 100%; border: 0; outline: 0; filter: gray; /* IE6-9 */-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
/*MAP*/

/*FEATURES*/
.features-box { margin-bottom:15px; margin-top:15px;}
.features-box-icon { width:85px; height:85px; margin:0 auto; padding:0;}
.features-box-text { float:left; width:100%; margin:0; padding:0;}
.features-box-text h3 { color:#1D4287; margin:15px 0 5px 0; padding:0; font-size:16px; line-height:25px; font-weight:800; text-transform:uppercase; letter-spacing:1px;}
.features-box-text h3 a {color:#1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.features-box-text h3 a:hover {color:#FFAB2E; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.features-box-text p { margin:0; padding:0;}
.features-box-text p a {color:#333;}
.features-box-icon-sub { width:85px; height:85px; margin:0; padding:0;}
/*FEATURES*/

/*INNER PAGE BIG ICON MENU*/
.inner-icon-menu { margin-bottom:15px; margin-top:-65px; padding:0; display:block; position:relative; background:#1D4287; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

.inner-icon-menu-box { margin-bottom:15px; margin-top:15px;}
.inner-icon-menu-box .inner-icon-menu-box-icon {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; background: #F4F7FF; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; width:65px; height:65px; padding:18px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center;}
.inner-icon-menu-box .inner-icon-menu-box-icon:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFAB2E; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.inner-icon-menu-box:hover .inner-icon-menu-box-icon:hover, .inner-icon-menu-box:hover .inner-icon-menu-box-icon:focus, .inner-icon-menu-box:hover .inner-icon-menu-box-icon:active {color: white;}
.inner-icon-menu-box:hover .inner-icon-menu-box-icon:hover:before, .inner-icon-menu-box:hover .inner-icon-menu-box-icon:focus:before, .inner-icon-menu-box:hover .inner-icon-menu-box-icon:active:before { -webkit-transform: scale(2); transform: scale(2);}

.inner-icon-menu-box p { margin:5px 0 0 0; padding:0;}
.inner-icon-menu-box p a { margin:0; padding:0; font-size:13px; line-height:20px; font-weight:600; text-transform:uppercase; color:#FFF; text-decoration:none; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s; letter-spacing:1px; }
.inner-icon-menu-box:hover p a { color:#FFAB2E; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;}
/*INNER PAGE BIG ICON MENU*/

/*PRICING*/
.pricingTable11{text-align:center; background:#F4F7FF; margin-bottom:15px; margin-top:15px; padding-bottom:30px;border-radius:10px; color:#333; transform:scale(1);transition:all .5s ease 0s;}
.pricingTable11:hover{transform:scale(1.05);z-index:999999 !important;}

.pricingTable11 .pricingTable-header{padding:30px 0 40px 0; background:#009ffd; border-radius:10px 10px 50% 50%; transition:all .5s ease 0s}
.pricingTable11:hover .pricingTable-header{background:#2a2a72;}

.pricingTable11 .pricingTable-header .icon i { width:110px; height:110px; line-height:110px; border-radius:50%; position:relative; background:#FFF; font-size:40px; color:#2a2a72; margin-bottom:15px; margin-left:auto; margin-right:auto; transition:all .5s ease 0s}
.pricingTable11:hover .pricingTable-header .icon i {background:#FFF; color:#009ffd;}

.pricingTable11 .heading{font-size:25px; line-height:35px; color:#FFF; text-transform:uppercase; transition:all .5s ease 0s; margin:0;}
.pricingTable11 .price-value{font-size:17px; line-height:25px; font-weight:800; letter-spacing:2px; color:#FFF; text-transform:uppercase; transition:all .5s ease 0s}
.pricingTable11:hover .price-value{color:#FFF;}

.pricingTable11 .price-sub{font-size:13px; line-height:20px; font-weight:600; letter-spacing:1px; color:#FFF; text-transform:uppercase; transition:all .5s ease 0s}
.pricingTable11:hover .price-sub{color:#FFF;}

.pricingTable11 .pricing-content ul{list-style:none; padding:0; margin:30px 15px; border-top:2px solid #ECF1FF; }
.pricingTable11 .pricing-content ul li{line-height:18px; font-size:13px; font-weight:500; padding:10px 15px; letter-spacing:.5px; background: none; color:#333; border-bottom:2px solid #ECF1FF;}
.pricingTable11 .pricing-content ul li a {color:#333;}
.pricingTable11 .pricing-content ul li a:hover {color:#FFAB2E;}
.pricingTable11 .pricing-content ul li span { font-weight:700; color:#0C0}
.pricingTable11 .pricing-content ul li strong{line-height:25px; font-size:16px; font-weight:800; color:#FFAB2E; letter-spacing:1px;}

.pricingTable11 .pricingTable-signup {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:#FFF; background:#009ffd; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; margin-bottom:0; margin-top:0; margin-right:0; line-height:20px; padding:15px 35px;}
.pricingTable11 .pricingTable-signup:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2a2a72; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.pricingTable11 .pricingTable-signup:hover, .pricingTable11 .pricingTable-signup:focus, .pricingTable11 .pricingTable-signup:active {color: white;}
.pricingTable11 .pricingTable-signup:hover:before, .pricingTable11 .pricingTable-signup:focus:before, .pricingTable11 .pricingTable-signup:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pricingTable11 .pricingTable-signup i { font-size:13px; margin-right:5px;}

/*ONE*/
.pricingTable11.one .pricingTable-header{background:#00CC00;}
.pricingTable11.one:hover .pricingTable-header{background:#003300;}
.pricingTable11.one .pricingTable-header .icon i { color:#003300;}
.pricingTable11.one:hover .pricingTable-header .icon i {color:#00CC00;}
.pricingTable11.one .pricingTable-signup {background:#00CC00;}
.pricingTable11.one .pricingTable-signup:before { background: #003300;}
/*ONE*/

/*TWO*/
.pricingTable11.two .pricingTable-header{background:#ff0000;}
.pricingTable11.two:hover .pricingTable-header{background:#990000;}
.pricingTable11.two .pricingTable-header .icon i { color:#990000;}
.pricingTable11.two:hover .pricingTable-header .icon i {color:#ff0000;}
.pricingTable11.two .pricingTable-signup {background:#ff0000;}
.pricingTable11.two .pricingTable-signup:before { background: #990000;}
/*TWO*/

/*THREE*/
.pricingTable11.three .pricingTable-header{background:#6C119C;}
.pricingTable11.three:hover .pricingTable-header{background:#3E0A5A;}
.pricingTable11.three .pricingTable-header .icon i { color:#3E0A5A;}
.pricingTable11.three:hover .pricingTable-header .icon i {color:#6C119C;}
.pricingTable11.three .pricingTable-signup {background:#6C119C;}
.pricingTable11.three .pricingTable-signup:before { background: #3E0A5A;}
/*THREE*/

/*FOUR*/
.pricingTable11.four .pricingTable-header{background:#FF9C00;}
.pricingTable11.four:hover .pricingTable-header{background:#EA8C00;}
.pricingTable11.four .pricingTable-header .icon i { color:#EA8C00;}
.pricingTable11.four:hover .pricingTable-header .icon i {color:#FF9C00;}
.pricingTable11.four .pricingTable-signup {background:#FF9C00;}
.pricingTable11.four .pricingTable-signup:before { background: #EA8C00;}
/*FOUR*/

/*FIVE*/
.pricingTable11.five .pricingTable-header{background:#01BFBF;}
.pricingTable11.five:hover .pricingTable-header{background:#019696;}
.pricingTable11.five .pricingTable-header .icon i { color:#019696;}
.pricingTable11.five:hover .pricingTable-header .icon i {color:#01BFBF;}
.pricingTable11.five .pricingTable-signup {background:#01BFBF;}
.pricingTable11.five .pricingTable-signup:before { background: #019696;}
/*FIVE*/

/*SIX*/
.pricingTable11.six .pricingTable-header{background:#F49880;}
.pricingTable11.six:hover .pricingTable-header{background:#EE603C;}
.pricingTable11.six .pricingTable-header .icon i { color:#EE603C;}
.pricingTable11.six:hover .pricingTable-header .icon i {color:#F49880;}
.pricingTable11.six .pricingTable-signup {background:#F49880;}
.pricingTable11.six .pricingTable-signup:before { background: #EE603C;}
/*SIX*/

/*SEVEN*/
.pricingTable11.seven .pricingTable-header{background:#515AD4;}
.pricingTable11.seven:hover .pricingTable-header{background:#262F9B;}
.pricingTable11.seven .pricingTable-header .icon i { color:#262F9B;}
.pricingTable11.seven:hover .pricingTable-header .icon i {color:#515AD4;}
.pricingTable11.seven .pricingTable-signup {background:#515AD4;}
.pricingTable11.seven .pricingTable-signup:before { background: #262F9B;}
/*SEVEN*/

/*EIGHT*/
.pricingTable11.eight .pricingTable-header{background:#CCDB38;}
.pricingTable11.eight:hover .pricingTable-header{background:#A5B421;}
.pricingTable11.eight .pricingTable-header .icon i { color:#A5B421;}
.pricingTable11.eight:hover .pricingTable-header .icon i {color:#CCDB38;}
.pricingTable11.eight .pricingTable-signup {background:#CCDB38;}
.pricingTable11.eight .pricingTable-signup:before { background: #A5B421;}
/*EIGHT*/

/*NINE*/
.pricingTable11.nine .pricingTable-header{background:#663399;}
.pricingTable11.nine:hover .pricingTable-header{background:#452268;}
.pricingTable11.nine .pricingTable-header .icon i { color:#452268;}
.pricingTable11.nine:hover .pricingTable-header .icon i {color:#663399;}
.pricingTable11.nine .pricingTable-signup {background:#663399;}
.pricingTable11.nine .pricingTable-signup:before { background: #452268;}
/*NINE*/

/*TEN*/
.pricingTable11.ten .pricingTable-header{background:#FF3399;}
.pricingTable11.ten:hover .pricingTable-header{background:#AE0057;}
.pricingTable11.ten .pricingTable-header .icon i { color:#AE0057;}
.pricingTable11.ten:hover .pricingTable-header .icon i {color:#FF3399;}
.pricingTable11.ten .pricingTable-signup {background:#FF3399;}
.pricingTable11.ten .pricingTable-signup:before { background: #AE0057;}
/*TEN*/

/*ELEVEN*/
.pricingTable11.eleven .pricingTable-header{background:#CC9933;}
.pricingTable11.eleven:hover .pricingTable-header{background:#7D5F20;}
.pricingTable11.eleven .pricingTable-header .icon i { color:#7D5F20;}
.pricingTable11.eleven:hover .pricingTable-header .icon i {color:#CC9933;}
.pricingTable11.eleven .pricingTable-signup {background:#CC9933;}
.pricingTable11.eleven .pricingTable-signup:before { background: #7D5F20;}
/*ELEVEN*/

/*ELEVEN*/
.pricingTable11.twelve .pricingTable-header{background:#8F8B66;}
.pricingTable11.twelve:hover .pricingTable-header{background:#504E38;}
.pricingTable11.twelve .pricingTable-header .icon i { color:#504E38;}
.pricingTable11.twelve:hover .pricingTable-header .icon i {color:#8F8B66;}
.pricingTable11.twelve .pricingTable-signup {background:#8F8B66;}
.pricingTable11.twelve .pricingTable-signup:before { background: #504E38;}
/*ELEVEN*/

/*THIRTEEN*/
.pricingTable11.thirteen .pricingTable-header{background:#77DD77;}
.pricingTable11.thirteen:hover .pricingTable-header{background:#28A228;}
.pricingTable11.thirteen .pricingTable-header .icon i { color:#28A228;}
.pricingTable11.thirteen:hover .pricingTable-header .icon i {color:#77DD77;}
.pricingTable11.thirteen .pricingTable-signup {background:#77DD77;}
.pricingTable11.thirteen .pricingTable-signup:before { background: #28A228;}
/*THIRTEEN*/

/*FOURTEEN*/
.pricingTable11.fourteen .pricingTable-header{background:#FFDF00;}
.pricingTable11.fourteen:hover .pricingTable-header{background:#CEB500;}
.pricingTable11.fourteen .pricingTable-header .icon i { color:#CEB500;}
.pricingTable11.fourteen:hover .pricingTable-header .icon i {color:#FFDF00;}
.pricingTable11.fourteen .pricingTable-signup {background:#FFDF00;}
.pricingTable11.fourteen .pricingTable-signup:before { background: #CEB500;}
/*FOURTEEN*/

/*FIFTEEN*/
.pricingTable11.fifteen .pricingTable-header{background:#F40000;}
.pricingTable11.fifteen:hover .pricingTable-header{background:#D90000;}
.pricingTable11.fifteen .pricingTable-header .icon i { color:#D90000;}
.pricingTable11.fifteen:hover .pricingTable-header .icon i {color:#F40000;}
.pricingTable11.fifteen .pricingTable-signup {background:#F40000;}
.pricingTable11.fifteen .pricingTable-signup:before { background: #D90000;}
/*FIFTEEN*/

/*SIXTEEN*/
.pricingTable11.sixteen .pricingTable-header{background:#A7A6BA;}
.pricingTable11.sixteen:hover .pricingTable-header{background:#6A6987;}
.pricingTable11.sixteen .pricingTable-header .icon i { color:#6A6987;}
.pricingTable11.sixteen:hover .pricingTable-header .icon i {color:#A7A6BA;}
.pricingTable11.sixteen .pricingTable-signup {background:#A7A6BA;}
.pricingTable11.sixteen .pricingTable-signup:before { background: #6A6987;}
/*SIXTEEN*/

/*PRICING*/

.advantages-tex {}
.advantages-tex p:before {content:"\f0c8"; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; font-family: FontAwesome; color:#FFAB2E; padding:0 5px 0 0;  }
.advantages-tex p:hover:before{ content:"\f14a"; color:#1D4287; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; }

/*OUR FEATURES*/
.our-features { margin-top:8px; margin-bottom:8px;}
.our-features ul { list-style:none;}
.our-features ul li { }
.our-features ul li p { margin-top:7px; margin-bottom:7px;}
/*OUR FEATURES*/

/*READYMADE THEMES*/
.readymade-box { margin:15px 0;}
.box20{position:relative; overflow:hidden;}
.box20:after,.box20:before{position:absolute;content:""}
.box20:before{width:80%;height:220%;background:#1D4287;top:-50%;left:-100%;z-index:1;transform:rotate(25deg);transform-origin:center top 0;transition:all .5s ease 0s}
.box20:hover:before{left:10%}
.box20:after{width:55%;height:175%;background-color:rgba(255,171,46,.8);bottom:-1000%;left:53%;transform:rotate(-33deg);transform-origin:center bottom 0;transition:all .8s ease 0s}
.box20 .box-content,.box20 .icon{width:100%;padding:0 15px;position:absolute;left:0;z-index:2;transition:all 1.1s ease 0s;}
.box20:hover:after{bottom:-70%}
.box20 img{width:100%;height:auto}
.box20 .box-content{top:-100%;color:#fff}
.box20:hover .box-content{top:30px}
.box20 .title{font-size:16px; line-height:25px; margin:0; color:#FFF;}
.box20 .icon li a,.box20 .post{display:inline-block;font-size:13px; color:FFF; font-weight:500;}
.box20 .post{margin-top:5px}
.box20 .icon{list-style:none;margin:0;bottom:-100%}
.box20:hover .icon{bottom:30px}
.box20 .icon li{display:inline-block}

.preview-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; margin-bottom:0; margin-top:0; margin-right:0; line-height:20px; padding:10px 20px;}
.preview-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #FFF; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.preview-btn:hover, .preview-btn:focus, .preview-btn:active {color: #1D4287;}
.preview-btn:hover:before, .preview-btn:focus:before, .preview-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.preview-btn i { font-size:11px; margin-right:5px;}

.readymade-box p { font-size:14px; line-height:25px; color:#333; font-weight:600; margin:15px 0; padding:0; text-transform:none; text-transform:uppercase;}
.readymade-box p a { color:#333; font-weight:600;}
.readymade-box p a:hover { color:#FFAB2E;}

.readymade-box h2 { color:#1D4287; margin:0 ; padding:0; font-size:18px; line-height:40px; font-weight:800; text-transform:uppercase; letter-spacing:1px;}
.readymade-box h2 span { color:#FFAB2E; font-size:18px;}
/*READYMADE BTN*/
.readymade-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; margin-bottom:0; margin-top:0; margin-right:0; line-height:20px; padding:10px 20px;}
.readymade-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.readymade-btn:hover, .readymade-btn:focus, .readymade-btn:active {color: white;}
.readymade-btn:hover:before, .readymade-btn:focus:before, .readymade-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.readymade-btn i { font-size:11px; margin-right:5px;}
/*READYMADE BTN*/
/*READYMADE THEMES*/

/*PORTFOLIO*/
.filter-button-box { margin:15px 0 10px 0;}
.filter-button{font-size: 13px; font-weight:700; line-height:20px; padding:10px 25px; margin-bottom:5px; text-transform:uppercase; background:#FFAB2E; border: none
; border-radius: 30px; letter-spacing:1px; text-align: center; color: #1D4287; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.filter-button:hover, .filter-button.active{border: none; color:#FFF !important; background: #1D4287 !important; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.gallery-section { margin: 0; padding:0;}
.gallery-box { margin: 0 !important; padding:0px; overflow:hidden;}
.thumbnail, .fancybox {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; padding:0; border: none; transform: scale(1);
    transition: all .3s ease-in-out; overflow:hidden; }
.thumbnail:hover, .fancybox:hover img {
    transform: scale(1.1);
    transition: all .3s ease-in-out; border:none; overflow:hidden; }

.gallery-inner{display: inline-block; margin:15px 0; border:1px solid #F0F4FB; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.gallery-inner:hover {-webkit-box-shadow: 0px 0px 5px 0px rgba(225,234,247,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(225,234,247,1);
box-shadow: 0px 0px 5px 0px rgba(225,234,247,1); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.gallery-inner-text { background:#FFF; border-top:1px solid #F0F4FB; margin:0; padding:15px;}
.gallery-inner-text h5 { margin:0; padding:0; font-size:13px; line-height:25px; font-weight:700; color:#1D4287; text-transform:uppercase;}
.gallery-inner-text p { margin:0; padding:0; font-size:12px; line-height:20px; font-weight:500; color:#333; text-transform:capitalize;}
/*PORTFOLIO*/

/*PAYMENT*/
.payment-logo { width:200px; height:auto; margin:15px auto; border:1px solid #F0F4FB; border-radius:50%;}
/*PAYMENT*/

/*SITE-MAP*/
.site-map-nav {margin-bottom:10px; margin-top:10px; }
.site-map-nav ul { float:left; width:100%; margin:5px 0; padding:0; list-style:none;}
.site-map-nav ul li { float:left;margin:0; padding:5px 30px 5px 0; text-transform:capitalize;}
.site-map-nav ul li a { float:left; font-size:13px; line-height:18px; color:#333; font-weight:500; margin:0; padding: 0; text-decoration:none;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.site-map-nav ul li a:hover {color:#FFAB2E; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.site-map-nav ul li:last-child { padding:5px 0 0 0;}
.site-map-nav p { text-transform:uppercase; margin:10px 0 0 0 !important;}
/*SITE-MAP*/

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

h1 { font-size:42px; line-height:52px;}

h2 { font-size:35px; line-height:45px;}

h3, h4 { font-size:20px; line-height:28px;}

/**HEADER**/
/*LOGO*/
.logo {}
.logo img { height:60px;}
/*LOGO*/

/*REQUEST A QUOTE*/
.top-request-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:1px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; overflow:hidden; margin-bottom:0; margin-top:25px; margin-right:-15px; line-height:20px; padding:10px 25px;}
.top-request-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.top-request-a-quote-btn:hover, .top-request-a-quote-btn:focus, .top-request-a-quote-btn:active {color: white;}
.top-request-a-quote-btn:hover:before, .top-request-a-quote-btn:focus:before, .top-request-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.top-request-a-quote-btn i { font-size:11px;}
/*REQUEST A QUOTE*/
/**HEADER**/

/*Check Availability*/
.check-availability-titel { font-size:16px; line-height:25px;}
.check-availability-www {font-size:14px;}
.check-availability-bor { font-size:14px;}
.check-availability-box select { font-size:14px;}
.check-availability-btn, .order-hosting-only-btn {font-size:14px;}
/*Check Availability*/

.more-btn, .more-btn-left { font-size:15px; line-height:30px; padding:10px 30px;}
.more-btn i, .more-btn-left i { font-size:14px;}

/*COUNTER*/
.work-section { margin-top:-150px;}
.box-add-icon {height:80px; line-height:80px; width:80px; padding:25px;}
.single_counter h4 { font-size:35px; line-height:45px;}
.single_counter h6 { font-size:13px; line-height:20px;}
/*COUNTER*/

/*Services We Offer*/
.service-box .service-box-icon {height:90px;  width:90px; padding:25px;}
.service-box .service-name a { font-size:18px; line-height:30px;}
.service-box p a {font-size:14px; line-height:20px;}
/*Services We Offer*/

/*INDUSTRY WE SERVED*/
.industry-we-served-box .industry-we-served-icon { width:85px; height:85px; padding:25px;}
.industry-we-served-box-title { font-size:13px;}
/*INDUSTRY WE SERVED*/

/*OUR WORKS GALLERY*/
.box13 .title{font-size:15px; line-height:25px;}
.box13 .post{font-size:13px; line-height:18px;}
.box13 .social li a{width:35px; height:35px; font-size:12px; line-height:35px;}
/*OUR WORKS GALLERY*/

/*GET A QUOTE SECTION*/
.get-a-quote-btn {font-size:16px; line-height:35px; padding:10px 50px;}
.get-a-quote-btn i { font-size:14px;}
/*GET A QUOTE SECTION*/

/*FOOTER*/
#footer-1 h6 { font-size:18px; line-height:30px; border-left:30px solid #FFAB2E;}

/*FOOTER-CONTACT*/
.footer-contact .footer-contact-icon {height:80px; width:80px; line-height:80px; padding:25px;}	
.footer-contact ul li .footer-contact-info h5 {font-size:18px; line-height:30px; margin-top:3px;}
.footer-contact ul li .footer-contact-info p { font-size:15px; line-height:22px;} 
/*FOOTER-CONTACT*/
/*FOOTER*/

/*HOME POPUP*/
.modal-dialog {width:550px; margin:5% auto}
/*HOME POPUP*/

/*CONTACT MENU*/
.menu-bottom-contact ul li {  font-size:22px; line-height:50px;}
.menu-bottom-contact ul li i {width:50px; height:50px; line-height:50px; font-size:20px;}
/*CONTACT MENU*/

/*OUR TEAM*/
.teamy_name {font-size: 16px; line-height:25px;}
.teamy_post { font-size:14px; line-height:20px;}
/*OUR TEAM*/

/*Values*/
.values-icon { width:100px; height:100px; padding:30px;}
.values h2 { font-size:16px; line-height:25px;}
/*Values*/

/*FEATURES*/
.features-box-icon { width:90px; height:90px;}
.features-box-text h3 {font-size:18px; line-height:28px;}
/*FEATURES*/

/*CONTACT FORM*/
.contact-page-form-bg { margin-bottom:-120px;}
/*CONTACT FORM*/

.inner-titel-text { padding:45px 15px 0 15px;}

/*PRICING*/
.pricingTable11 .pricingTable-header .icon i { width:110px; height:110px; line-height:110px; font-size:40px;}
.pricingTable11 .heading{font-size:30px; line-height:40px;}
.pricingTable11 .price-value{font-size:22px; line-height:35px;}
.pricingTable11 .price-sub{font-size:14px; line-height:20px;}
.pricingTable11 .pricing-content ul li{line-height:20px; font-size:14px;}
.pricingTable11 .pricingTable-signup {font-size:15px; line-height:20px; padding:15px 35px;}
.pricingTable11 .pricingTable-signup i { font-size:14px;}
.pricingTable11 .pricing-content ul li strong{line-height:30px; font-size:18px;}
/*PRICING*/

/*PORTFOLIO*/
.gallery-inner-text h5 {font-size:15px; line-height:25px;}
.gallery-inner-text p {font-size:14px; line-height:20px;}
/*PORTFOLIO*/
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

/*TOP*/
/*FOLOW-US*/
.folow-us ul li a i {width:30px; height:30px; line-height:30px;  font-size:12px; }
/*FOLOW-US*/

/*CALL-NUMBER*/
.call-number {  font-size:11px; line-height:30px;}
/*CALL-NUMBER*/

/*TOP-NAV*/
.top-nav ul li a { font-size:11px; line-height:30px; padding:0 6px; letter-spacing:normal;}
.top-nav ul li a i { font-size:9px;}
/*TOP-NAV*/
/*TOP*/

/**HEADER**/
/*Nav-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*Nav-FIX*/

/*LOGO*/
.logo {}
.logo img { height:50px;}
/*LOGO*/

/*REQUEST A QUOTE*/
.top-request-a-quote-btn {display: none}
/*REQUEST A QUOTE*/

/*REQUEST A QUOTE MOBILE*/
.mobile-request-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:14px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; margin-bottom:15px; margin-top:0; width:100%; margin-right:0px; line-height:20px; padding:15px 20px;}
.mobile-request-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.mobile-request-a-quote-btn:hover, .mobile-request-a-quote-btn:focus, .mobile-request-a-quote-btn:active {color: white;}
.mobile-request-a-quote-btn:hover:before, .mobile-request-a-quote-btn:focus:before, .mobile-request-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.mobile-request-a-quote-btn i { font-size:12px; margin-right:5px;}
/*REQUEST A QUOTE MOBILE*/
/**HEADER**/

/*Check Availability*/
.check-availability-titel { font-size:16px; line-height:25px;}
.check-availability-www {font-size:14px;}
.check-availability-bor { font-size:14px;}
.check-availability-box select { font-size:14px;}
.check-availability-btn, .order-hosting-only-btn {font-size:14px; margin-top:30px;}
/*Check Availability*/

/*COUNTER*/
.work-section { margin-top:15px;}
.box-add-icon {height:80px; line-height:80px; width:80px; padding:25px;}
.single_counter h4 { font-size:35px; line-height:45px;}
.single_counter h6 { font-size:13px; line-height:20px;}
/*COUNTER*/

/*FOOTER-NAV*/
.footer-nav {margin-bottom:8px; margin-top:15px;}
.footer-nav ul li { float:left; width: auto; margin:0; padding:7px 15px 7px 0;}
.footer-nav ul li a { font-size:13px; line-height:20px;}
.footer-nav ul li:last-child { padding:7px 15px 7px 0;}
/*FOOTER-NAV*/

/*HOME POPUP*/
.modal-dialog {width:400px; margin:6% auto}
/*HOME POPUP*/

/*CONTACT MENU*/
.menu-bottom { display:none;}
/*CONTACT MENU*/

/*CONTACT FORM*/
.contact-page-form-bg { margin-bottom:30px;}
/*CONTACT FORM*/

/*READYMADE THEMES*/
.box20 .title{font-size:14px; line-height:22px; }
.box20 .icon li a,.box20 .post{font-size:12px;}
.preview-btn { font-size:12px; padding:10px 20px;}
.preview-btn i { font-size:11px; margin-right:5px;}
.readymade-box p { font-size:13px; line-height:20px;}

.readymade-box h2 { font-size:16px; line-height:40px;}
.readymade-box h2 span { font-size:16px;}
/*READYMADE BTN*/
.readymade-btn { font-size:12px; padding:10px 20px;}
.readymade-btn i { font-size:11px; margin-right:5px;}
/*READYMADE BTN*/
/*READYMADE THEMES*/

/*PORTFOLIO*/
.filter-button{font-size:12px; line-height:20px; padding:10px 20px;}
.gallery-inner-text h5 {font-size:14px; line-height:22px;}
.gallery-inner-text p {font-size:12px; line-height:16px;}
/*PORTFOLIO*/
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {

h1 { font-size:35px; line-height:45px;}

h2 { font-size:25px; line-height:35px;}

h6 { font-size:15px; line-height:22px;}

/*TOP*/
/*FOLOW-US*/
.folow-us ul li a i {width:30px; height:30px; line-height:30px;  font-size:12px; }
/*FOLOW-US*/

/*CALL-NUMBER*/
.call-number {  font-size:11px; line-height:30px;}
/*CALL-NUMBER*/

/*TOP-NAV*/
.top-nav ul li a { font-size:12px; line-height:30px; padding:0 15px; }
.top-nav ul li a i { font-size:10px;}
/*TOP-NAV*/
/*TOP*/

/**HEADER**/
/*Nav-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*Nav-FIX*/

/*LOGO*/
.logo {}
.logo img { height:50px;}
/*LOGO*/

/*REQUEST A QUOTE*/
.top-request-a-quote-btn {display: none}
/*REQUEST A QUOTE*/

/*REQUEST A QUOTE MOBILE*/
.mobile-request-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; margin-bottom:15px; margin-top:0; width:100%; margin-right:0px; line-height:20px; padding:10px 20px;}
.mobile-request-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.mobile-request-a-quote-btn:hover, .mobile-request-a-quote-btn:focus, .mobile-request-a-quote-btn:active {color: white;}
.mobile-request-a-quote-btn:hover:before, .mobile-request-a-quote-btn:focus:before, .mobile-request-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.mobile-request-a-quote-btn i { font-size:11px; margin-right:5px;}
/*REQUEST A QUOTE MOBILE*/
/**HEADER**/

/*Check Availability*/
.check-availability-titel { font-size:14px; line-height:22px;}
.check-availability-bg {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.check-availability-www {font-size:14px; text-align:center; border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-webkit-border-radius:25px 25px 0 0;}
.check-availability-bor { font-size:14px;}
.check-availability-box select { font-size:14px;  border-radius:0 0 25px 25px; -moz-border-radius:0 0 25px 25px; -webkit-border-radius:0 0 25px 25px; border-left:none; border-top:1px solid #ECF1FF;}
.check-availability-btn, .order-hosting-only-btn {font-size:14px; margin-top:30px;}
/*Check Availability*/

/*COUNTER*/
.work-section { margin-top:15px;}
.box-add-icon {height:80px; line-height:80px; width:80px; padding:25px;}
.single_counter h4 { font-size:35px; line-height:45px;}
.single_counter h6 { font-size:13px; line-height:20px;}
/*COUNTER*/

/*GET A QUOTE SECTION*/
.get-a-quote-btn {font-size:14px; line-height:30px; padding:10px 30px;}
.get-a-quote-btn i { font-size:12px;}
/*GET A QUOTE SECTION*/

/*FOOTER*/
#footer-1 {padding-bottom:70px;}

/*FOOTER WELCOME TEXT*/
.footer-welcome-text p { font-size:12px; line-height:20px;}
/*FOOTER WELCOME TEXT*/

/*FOOTER-NAV*/
.footer-nav {margin-bottom:8px; margin-top:15px;}
.footer-nav ul li { float:left; width: auto; margin:0; padding:7px 15px 7px 0;}
.footer-nav ul li a { font-size:12px; line-height:20px;}
.footer-nav ul li:last-child { padding:7px 15px 7px 0;}
/*FOOTER-NAV*/

/*FOOTER-BOTTOM*/
.footer-bottom p {font-size:12px; line-height:20px;}
/*FOOTER-BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:12px;}
/*BACK TO TOP*/

/*HOME POPUP*/
.modal-dialog {width:400px; margin:10% auto}
/*HOME POPUP*/

/*CONTACT MENU*/
.menu-bottom { display:none;}
/*CONTACT MENU*/

/*Values*/
.values-icon { width:80px; height:80px; padding:25px;}
.values h2 { font-size:13px; line-height:20px;}
/*Values*/

/*CONTACT FORM*/
.contact-page-form-bg { margin-bottom:30px;}
/*CONTACT FORM*/

/*INNER PAGE BIG ICON MENU*/
.inner-icon-menu-box .inner-icon-menu-box-icon { width:60px; height:60px; padding:17px;}
.inner-icon-menu-box p a {font-size:12px; line-height:15px; }
/*INNER PAGE BIG ICON MENU*/

/*READYMADE THEMES*/
.box20 .title{font-size:14px; line-height:22px; }
.box20 .icon li a,.box20 .post{font-size:12px;}
.preview-btn { font-size:12px; padding:10px 20px;}
.preview-btn i { font-size:11px; margin-right:5px;}
.readymade-box p { font-size:13px; line-height:20px;}

.readymade-box h2 { font-size:15px; line-height:40px;}
.readymade-box h2 span { font-size:15px;}
/*READYMADE BTN*/
.readymade-btn { font-size:12px; padding:10px 20px;}
.readymade-btn i { font-size:11px; margin-right:5px;}
/*READYMADE BTN*/
/*READYMADE THEMES*/

/*PORTFOLIO*/
.filter-button-box {display:none}
.filter-button{ display:none}
.gallery-inner-text h5 {font-size:12px; line-height:20px;}
.gallery-inner-text p {font-size:10px; line-height:15px;}
/*PORTFOLIO*/
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

h1 { font-size:30px; line-height:40px;}

h2 { font-size:20px; line-height:30px;}

h3, h4 { font-size:16px; line-height:22px;}

h5 { font-size:15px; line-height:20px;}

h6 { font-size:14px; line-height:20px;}

p { font-size:13px; line-height:20px;}
p i { font-size:11px;}

/*TOP*/
/*FOLOW-US*/
.folow-us ul li a i {width:30px; height:30px; line-height:30px;  font-size:12px; }
/*FOLOW-US*/

/*CALL-NUMBER*/
.call-number {  font-size:11px; line-height:30px;}
/*CALL-NUMBER*/

/*TOP-NAV*/
.top-nav ul li a { font-size:11px; line-height:30px; padding:0 15px; }
.top-nav ul li a i { font-size:9px;}
/*TOP-NAV*/
/*TOP*/

/**HEADER**/
/*Nav-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*Nav-FIX*/

/*LOGO*/
.logo {}
.logo img { height:40px;}
/*LOGO*/

/*REQUEST A QUOTE*/
.top-request-a-quote-btn {display: none}
/*REQUEST A QUOTE*/

/*REQUEST A QUOTE MOBILE*/
.mobile-request-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; margin-bottom:15px; margin-top:0; width:100%; margin-right:0px; line-height:20px; padding:10px 20px;}
.mobile-request-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.mobile-request-a-quote-btn:hover, .mobile-request-a-quote-btn:focus, .mobile-request-a-quote-btn:active {color: white;}
.mobile-request-a-quote-btn:hover:before, .mobile-request-a-quote-btn:focus:before, .mobile-request-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.mobile-request-a-quote-btn i { font-size:11px; margin-right:5px;}
/*REQUEST A QUOTE MOBILE*/
/**HEADER**/

/*Check Availability*/
.check-availability-titel { font-size:12px; line-height:18px; padding-left:25px; padding-right:25px;}
.check-availability-bg {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.check-availability-www {font-size:14px; text-align:center; border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-webkit-border-radius:25px 25px 0 0;}
.check-availability-bor { font-size:14px;}
.check-availability-box select { font-size:14px;  border-radius:0 0 25px 25px; -moz-border-radius:0 0 25px 25px; -webkit-border-radius:0 0 25px 25px; border-left:none; border-top:1px solid #ECF1FF;}
.check-availability-btn, .order-hosting-only-btn {font-size:14px; margin-top:30px;}
/*Check Availability*/

.more-btn, .more-btn-left { font-size:13px; line-height:25px; padding:10px 25px;}
.more-btn i, .more-btn-left i { font-size:12px;}

/*COUNTER*/
.work-section { margin-top:15px;}
.box-add-icon {height:70px; line-height:70px; width:70px; padding:20px;}
.single_counter h4 { font-size:30px; line-height:40px;}
.single_counter h6 { font-size:12px; line-height:20px;}
/*COUNTER*/

/*Services We Offer*/
.service-box .service-box-icon {height:70px;  width:70px; padding:20px;}
.service-box .service-name a { font-size:15px; line-height:25px;}
.service-box p a {font-size:12px; line-height:17px;}
/*Services We Offer*/

/*INDUSTRY WE SERVED*/
.industry-we-served-box .industry-we-served-icon { width:65px; height:65px; padding:20px;}
.industry-we-served-box-title { font-size:10px; line-height:15px;}
/*INDUSTRY WE SERVED*/

/*OUR WORKS GALLERY*/
.box13 .title{font-size:13px; line-height:18px;}
.box13 .post{font-size:11px; line-height:15px;}
.box13 .social li a{width:30px; height:30px; font-size:11px; line-height:30px;}
/*OUR WORKS GALLERY*/

/*GET A QUOTE SECTION*/
.get-a-quote-btn {font-size:13px; line-height:25px; padding:10px 30px;}
.get-a-quote-btn i { font-size:11px;}
/*GET A QUOTE SECTION*/

/*FOOTER*/
#footer-1 {padding-bottom:70px;}

/*FOOTER WELCOME TEXT*/
.footer-welcome-text p { font-size:12px; line-height:20px;}

/*FOOTER LOGO*/
.footer-logo img { height:40px;}
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links li a {width:40px; line-height:40px !important; height:40px; font-size: 12px;}
/*SOCIAL*/
/*FOOTER WELCOME TEXT*/

/*FOOTER-NAV*/
.footer-nav {margin-bottom:10px; margin-top:15px;}
.footer-nav ul li { float:left; width: auto; margin:0; padding:5px 15px 5px 0;}
.footer-nav ul li a { font-size:12px; line-height:20px;}
.footer-nav ul li:last-child { padding:5px 15px 5px 0;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact .footer-contact-icon {height:65px; width:65px; line-height:65px; padding:20px;}	
.footer-contact ul li .footer-contact-info h5 {font-size:14px; line-height:21px; margin-top:4px;}
.footer-contact ul li .footer-contact-info p { font-size:13px; line-height:18px;} 
/*FOOTER-CONTACT*/

/*FOOTER-BOTTOM*/
.footer-bottom p {font-size:11px; line-height:20px;}
/*FOOTER-BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:11px;}
/*BACK TO TOP*/

/*HOME POPUP*/
.modal-dialog {width:300px; margin:10% auto}
/*HOME POPUP*/

/*CONTACT MENU*/
.menu-bottom { display:none;}
/*CONTACT MENU*/

/*INNER-BANNER*/
.breadcrumb-area {padding:45px 0;}
.breadcrumb-area .breadcrumb {padding:10px 25px;}
.breadcrumb > li + li::before {font-size:6px; padding: 0 5px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-size:11px;}
/*INNER-BANNER*/

/*OUR TEAM*/
.teamy_name {font-size: 14px; line-height:20px;}
.teamy_post { font-size:12px; line-height:18px;}
/*OUR TEAM*/

/*Values*/
.values-icon { width:70px; height:70px; padding:20px;}
.values h2 { font-size:12px; line-height:15px;}
/*Values*/

/*CAREER TAB*/
.panel-title {font-size:13px; line-height:20px;}
.panel-heading [data-toggle="collapse"]:after {font-size:11px; line-height:20px;}
/*CAREER TAB*/

/*CONTACT FORM*/
.contact-page-form-bg { margin-bottom:30px;}
.contact-form { font-size:13px; line-height:20px;}
.contact-form .icon-inside { width:45px; height:50px; line-height:50px; font-size: 14px;}
.contact-form .icon-inside-textar {width:45px; line-height:50px; height:90px; font-size: 14px;}
.contact-form-bor {height:50px; line-height:50px; font-size:13px; padding:0 15px 0 60px; }
.contact-form-textar { height:90px; line-height:35px; font-size:13px; padding:5px 15px 0 60px; }
.contact-form select { font-size:13px; padding:0 15px 0 60px; height:50px; line-height:50px; }
.contact-form-btn { font-size:13px; line-height:25px; padding:10px 35px;}
.contact-form-btn i { font-size:12px; }
/*CONTACT FORM*/

/*CONTACT-PAGE*/
.address ul li .icon { height:45px; line-height:45px; width:45px; padding:14px;}	
.address .info h6 {font-size:13px; line-height:18px;} 
.address .info h5 {font-size:16px; line-height:22px;}
/*CONTACT-PAGE*/

/*FEATURES*/
.features-box-icon { width:80px; height:80px;}
.features-box-text h3 {font-size:15px; line-height:22px;}
/*FEATURES*/

/*INNER PAGE BIG ICON MENU*/
.inner-icon-menu-box .inner-icon-menu-box-icon { width:50px; height:50px; padding:15px;}
.inner-icon-menu-box p a {font-size:11px; line-height:15px; }
/*INNER PAGE BIG ICON MENU*/

/*PRICING*/
.pricingTable11:hover{transform:scale(1);}
.pricingTable11 .pricingTable-header .icon i { width:90px; height:90px; line-height:90px; font-size:30px;}
.pricingTable11 .heading{font-size:25px; line-height:35px;}
.pricingTable11 .price-value{font-size:18px; line-height:30px;}
.pricingTable11 .price-sub{font-size:12px; line-height:16px;}
.pricingTable11 .pricing-content ul li{line-height:18px; font-size:13px;}
.pricingTable11 .pricingTable-signup {font-size:14px; line-height:20px; padding:15px 35px;}
.pricingTable11 .pricingTable-signup i { font-size:13px;}
/*PRICING*/

/*READYMADE THEMES*/
.box20 .title{font-size:14px; line-height:22px; }
.box20 .icon li a,.box20 .post{font-size:12px;}
.preview-btn { font-size:12px; padding:10px 20px;}
.preview-btn i { font-size:11px; margin-right:5px;}
.readymade-box p { font-size:13px; line-height:20px;}

.readymade-box h2 { font-size:15px; line-height:40px;}
.readymade-box h2 span { font-size:15px;}
/*READYMADE BTN*/
.readymade-btn { font-size:12px; padding:10px 20px;}
.readymade-btn i { font-size:11px; margin-right:5px;}
/*READYMADE BTN*/
/*READYMADE THEMES*/

/*PORTFOLIO*/
.filter-button-box {display:none}
.filter-button{ display:none}
.gallery-inner-text { display:none;}
.gallery-inner-text h5 { display:none;}
.gallery-inner-text p { display:none;}
/*PORTFOLIO*/

}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {	

h1 { font-size:25px; line-height:35px;}

h2 { font-size:20px; line-height:30px;}

h3, h4 { font-size:16px; line-height:22px;}

h5 { font-size:15px; line-height:20px;}

h6 { font-size:14px; line-height:20px;}

p { font-size:13px; line-height:20px;}
p i { font-size:11px;}

/*TOP*/
/*FOLOW-US*/
.folow-us ul li a i {width:30px; height:30px; line-height:30px;  font-size:12px; }
/*FOLOW-US*/

/*CALL-NUMBER*/
.call-number {  font-size:11px; line-height:30px;}
/*CALL-NUMBER*/

/*TOP-NAV*/
.top-nav ul li a { font-size:10px; line-height:30px; padding:0 7px; letter-spacing:.5px; }
.top-nav ul li a i { font-size:8px;}
/*TOP-NAV*/
/*TOP*/

/**HEADER**/
/*Nav-FIX*/
.stickydiv{position: relative;}
.stickydiv.stuck{position: relative;}
/*Nav-FIX*/

/*LOGO*/
.logo {}
.logo img { height:40px;}
/*LOGO*/

/*REQUEST A QUOTE*/
.top-request-a-quote-btn {display: none}
/*REQUEST A QUOTE*/

/*REQUEST A QUOTE MOBILE*/
.mobile-request-a-quote-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:2px; color:#1D4287; background:#FFAB2E; border: none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; overflow:hidden; margin-bottom:15px; margin-top:0; width:100%; margin-right:0px; line-height:20px; padding:10px 20px;}
.mobile-request-a-quote-btn:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #1D4287; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s;
transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.mobile-request-a-quote-btn:hover, .mobile-request-a-quote-btn:focus, .mobile-request-a-quote-btn:active {color: white;}
.mobile-request-a-quote-btn:hover:before, .mobile-request-a-quote-btn:focus:before, .mobile-request-a-quote-btn:active:before {-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.mobile-request-a-quote-btn i { font-size:11px; margin-right:5px;}
/*REQUEST A QUOTE MOBILE*/
/**HEADER**/

/*Check Availability*/
.check-availability-titel { font-size:12px; line-height:18px; padding-left:15px; padding-right:15px;}
.check-availability-bg {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.check-availability-www {font-size:14px; text-align:center; border-radius:25px 25px 0 0;-moz-border-radius:25px 25px 0 0;-webkit-border-radius:25px 25px 0 0;}
.check-availability-bor { font-size:14px;}
.check-availability-box select { font-size:14px;  border-radius:0 0 25px 25px; -moz-border-radius:0 0 25px 25px; -webkit-border-radius:0 0 25px 25px; border-left:none; border-top:1px solid #ECF1FF;}
.check-availability-btn, .order-hosting-only-btn {font-size:13px; margin-top:30px;}
/*Check Availability*/

.more-btn, .more-btn-left { font-size:13px; line-height:25px; padding:10px 25px;}
.more-btn i, .more-btn-left i { font-size:12px;}

/*COUNTER*/
.work-section { margin-top:15px;}
.box-add-icon {height:70px; line-height:70px; width:70px; padding:20px;}
.single_counter h4 { font-size:30px; line-height:40px;}
.single_counter h6 { font-size:11px; line-height:15px;}
/*COUNTER*/

/*Services We Offer*/
.service-box .service-box-icon {height:70px;  width:70px; padding:20px;}
.service-box .service-name a { font-size:15px; line-height:25px;}
.service-box p a {font-size:12px; line-height:17px;}
/*Services We Offer*/

/*INDUSTRY WE SERVED*/
.industry-we-served-box .industry-we-served-icon { width:60px; height:60px; padding:20px;}
.industry-we-served-box-title { font-size:10px; line-height:15px;}
/*INDUSTRY WE SERVED*/

/*OUR WORKS GALLERY*/
.box13 .title{font-size:13px; line-height:18px;}
.box13 .post{font-size:11px; line-height:15px;}
.box13 .social li a{width:30px; height:30px; font-size:11px; line-height:30px;}
/*OUR WORKS GALLERY*/

/*GET A QUOTE SECTION*/
.get-a-quote-btn {font-size:13px; line-height:25px; padding:10px 30px;}
.get-a-quote-btn i { font-size:11px;}
/*GET A QUOTE SECTION*/

/*FOOTER*/
#footer-1 {padding-bottom:70px;}
/*FOOTER WELCOME TEXT*/
.footer-welcome-text p { font-size:12px; line-height:20px;}

/*FOOTER LOGO*/
.footer-logo img { height:40px;}
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links li a {width:40px; line-height:40px !important; height:40px; font-size: 12px;}
/*SOCIAL*/
/*FOOTER WELCOME TEXT*/

/*FOOTER-NAV*/
.footer-nav {margin-bottom:10px; margin-top:15px;}
.footer-nav ul li { float:left; width: auto; margin:0; padding:5px 15px 5px 0;}
.footer-nav ul li a { font-size:12px; line-height:20px;}
.footer-nav ul li:last-child { padding:5px 15px 5px 0;}
/*FOOTER-NAV*/

/*FOOTER-CONTACT*/
.footer-contact .footer-contact-icon {height:50px; width:50px; line-height:50px; padding:15px;}	
.footer-contact ul li .footer-contact-info h5 {font-size:13px; line-height:20px; margin-top:0px;}
.footer-contact ul li .footer-contact-info p { font-size:12px; line-height:15px;} 
/*FOOTER-CONTACT*/

/*FOOTER-BOTTOM*/
.footer-bottom p {font-size:11px; line-height:20px;}
/*FOOTER-BOTTOM*/
/*FOOTER*/

/*BACK TO TOP*/
#back-to-top {width:40px; height:40px; line-height:40px; font-size:11px;}
/*BACK TO TOP*/

/*HOME POPUP*/
.modal-dialog {width:280px; margin:20% auto}
/*HOME POPUP*/

/*CONTACT MENU*/
.menu-bottom { display:none;}
/*CONTACT MENU*/

/*INNER-BANNER*/
.breadcrumb-area {padding:45px 0;}
.breadcrumb-area .breadcrumb {padding:10px 15px;}
.breadcrumb > li + li::before {font-size:6px; padding: 0 5px;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li {font-size:11px;}
/*INNER-BANNER*/

/*OUR TEAM*/
.teamy_name {font-size: 14px; line-height:20px;}
.teamy_post { font-size:12px; line-height:18px;}
/*OUR TEAM*/

/*Values*/
.values-icon { width:70px; height:70px; padding:20px;}
.values h2 { font-size:12px; line-height:15px;}
/*Values*/

/*CAREER TAB*/
.panel-title {font-size:13px; line-height:20px;}
.panel-heading [data-toggle="collapse"]:after {font-size:11px; line-height:20px;}
/*CAREER TAB*/

/*CONTACT FORM*/
.contact-page-form-bg { margin-bottom:30px;}
.contact-form { font-size:13px; line-height:20px;}
.contact-form .icon-inside { width:45px; height:50px; line-height:50px; font-size: 14px;}
.contact-form .icon-inside-textar {width:45px; line-height:50px; height:90px; font-size: 14px;}
.contact-form-bor {height:50px; line-height:50px; font-size:13px; padding:0 15px 0 60px; }
.contact-form-textar { height:90px; line-height:35px; font-size:13px; padding:5px 15px 0 60px; }
.contact-form select { font-size:13px; padding:0 15px 0 60px; height:50px; line-height:50px; }
.contact-form-btn { font-size:13px; line-height:25px; padding:10px 35px;}
.contact-form-btn i { font-size:12px; }
/*CONTACT FORM*/

/*CONTACT-PAGE*/
.address ul li .icon { height:40px; line-height:40px; width:40px; padding:12px;}	
.address .info h6 {font-size:12px; line-height:15px;} 
.address .info h5 {font-size:15px; line-height:20px;}
/*CONTACT-PAGE*/

/*FEATURES*/
.features-box-icon { width:80px; height:80px;}
.features-box-text h3 {font-size:15px; line-height:22px;}
/*FEATURES*/

/*INNER PAGE BIG ICON MENU*/
.inner-icon-menu-box .inner-icon-menu-box-icon { width:50px; height:50px; padding:15px;}
.inner-icon-menu-box p a {font-size:11px; line-height:15px; }
/*INNER PAGE BIG ICON MENU*/

/*PRICING*/
.pricingTable11:hover{transform:scale(1);}
.pricingTable11 .pricingTable-header .icon i { width:90px; height:90px; line-height:90px; font-size:30px;}
.pricingTable11 .heading{font-size:22px; line-height:30px;}
.pricingTable11 .price-value{font-size:16px; line-height:22px;}
.pricingTable11 .price-sub{font-size:12px; line-height:16px;}
.pricingTable11 .pricing-content ul li{line-height:18px; font-size:13px;}
.pricingTable11 .pricingTable-signup {font-size:13px; line-height:20px; padding:15px 35px;}
.pricingTable11 .pricingTable-signup i { font-size:12px;}
/*PRICING*/

/*READYMADE THEMES*/
.box20 .title{font-size:14px; line-height:22px; }
.box20 .icon li a,.box20 .post{font-size:12px;}
.preview-btn { font-size:11px; padding:10px 20px;}
.preview-btn i { font-size:10px; margin-right:5px;}
.readymade-box p { font-size:13px; line-height:20px;}

.readymade-box h2 { font-size:15px; line-height:40px;}
.readymade-box h2 span { font-size:15px;}
/*READYMADE BTN*/
.readymade-btn { font-size:11px; padding:10px 20px;}
.readymade-btn i { font-size:10px; margin-right:5px;}
/*READYMADE BTN*/
/*READYMADE THEMES*/

/*PORTFOLIO*/
.filter-button-box {display:none}
.filter-button{ display:none}
.gallery-inner-text { display:none;}
.gallery-inner-text h5 { display:none;}
.gallery-inner-text p { display:none;}
/*PORTFOLIO*/
}

/* our expertise */

h2.offer-title {
      text-align: center;
      font-size: 32px;
      color: #1e3a8a;
      font-weight: 700;
      margin: 50px 0 40px;
      position: relative;
    }

    h2.offer-title::after {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 60px;
      height: 4px;
      background-color: #2563eb;
      border-radius: 4px;
    }

    .offer-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 24px;
      max-width: 1200px;
      margin: 0 auto 14px;
      padding: 0 15px;
    }

    .offer-card {
      position: relative;
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 20px;
      height: 100%;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .offer-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }

    .offer-card img {
      width: 100%;
      max-width: 180px;
      height: 180px;
      object-fit: contain;
      margin-bottom: 20px;
      transition: transform 0.3s ease;
    }

    .offer-card:hover img {
      transform: scale(1.05);
    }

    .offer-card-title {
      font-size: 18px;
      font-weight: 600;
      color: #1e3a8a;
      text-align: center;
      min-height: 50px;
      margin-top: auto;
    }

    .offer-hover-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #1e3a8a;
      color: white;
      padding: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.4s ease;
      text-align: center;
    }

    .offer-card:hover .offer-hover-content {
      opacity: 1;
      visibility: visible;
    }

    .offer-hover-content p {
      font-size: 16px;
      margin-bottom: 16px;
      line-height: 1.4;
      color: #fff;
    }

    .offer-btn {
     padding: 10px 20px;
     background: white;
     color: #1e3a8a;
     border: 2px solid #1e3a8a;
     border-radius: 30px;
     font-weight: 600;
     font-size: 14px;
     cursor: pointer;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
    }

    .offer-btn:hover {
     background-color: #efa139;
     color: white;
    }

    .we_offer{
      padding: 36px 10px;
    }

    @media (max-width: 768px) {
      h2.offer-title {
        font-size: 26px;
      }

      .offer-hover-content p {
        font-size: 14px;
      }

      .offer-btn {
        font-size: 13px;
        padding: 8px 16px;
      }

      .offer-card img {
        height: 150px;
      }
    }

/* our expertise */

/* industry we served */

    .industries-section {
      position: relative;
      background: url('../images/2.png') no-repeat center center/cover;
      padding: 50px 20px;
      text-align: center;
      color: #fff;
    }

    .industries-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background-color: rgb(30 30 30 / 59%);
      z-index: 0;
    }

    .industries-section h2,
    .industries-section p {
      position: relative;
      z-index: 1;
    }

    .industries-section h2 {
      font-size: 38px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .industries-section p {
      font-size: 16px;
      margin-bottom: 50px;
      color: #ddd;
    }

    .industries-grid {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .industry-card {
      background: #fff;
      border-radius: 14px;
      padding: 40px 20px;
      width: 260px;
      text-align: center;
      color: #222;
      box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .industry-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
    }

    .industry-card i {
      font-size: 49px;
      margin-bottom: 15px;
      color: #007BFF;
    }

    .industry-card p {
      font-size: 17px;
      font-weight: 600;
      margin: 0;
      color: #000;
    }

    @media(max-width: 768px) {
      .industries-section h2 {
        font-size: 28px;
      }

      .industries-grid {
        gap: 20px;
      }

      .industry-card {
        width: 100%;
      }
    }

/* industry we served */

/* testimonial */

    .testimonial-section {
      background: linear-gradient(to bottom, #1d4287cc, #0b5eae);
      padding: 26px 20px;
      color: #fff;
      text-align: center;
    }

    .testimonial-section h2 {
      font-size: 28px;
      margin-bottom: 17px;
      font-weight: 700;
      font-family: 'Montserrat', sans-serif;
    }

    .testimonial-container {
      overflow: hidden;
      max-width: 1200px;
      margin: auto;
    }

    .testimonial-wrapper {
      display: flex;
      gap: 30px;
      transition: transform 0.5s ease;
    }

    .testimonial-card {
      flex: 0 0 31.3333%;
      background: #fff;
      color: #333;
      border-radius: 10px;
      padding: 30px 20px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
      text-align: left;
      position: relative;
    }

    .testimonial-card img {
      width: 50px;
      height: 50px;
      object-fit: contain;
      margin-bottom: 10px;
    }

    .testimonial-card h3 {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 4px;
    }

    .testimonial-card span {
      display: block;
      font-size: 14px;
      color: #666;
      margin-bottom: 15px;
    }

    .testimonial-card p {
      font-size: 14px;
      color: #555;
      line-height: 1.6;
    }

    .quote-icon {
      position: absolute;
      top: 20px;
      right: 20px;
    }

    .quote-icon span {
      display: inline-block;
      width: 6px;
      height: 6px;
      background: #ccc;
      margin: 2px;
      border-radius: 50%;
    }

    .bottom-deco {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
    }

    .bottom-deco::before,
    .bottom-deco::after {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: #dce6f7;
      transform: rotate(45deg);
      margin: 0 3px;
    }

    .testimonial-nav {
      margin-top: 30px;
    }

    .testimonial-nav button {
      background: #fff;
      border: none;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      cursor: pointer;
      font-size: 18px;
      color: #054b99;
      margin: 0 5px;
    }
    .testimonial-section p{
      max-width: 800px; 
      margin: 0 auto 40px; 
      font-size: 16px; 
      color: #000; 
      line-height: 1.6;
    }

    @media (max-width: 768px) {
      .testimonial-card {
        flex: 0 0 100%;
      }
    }

/* testimonial */

/*Technologies We Work */

    section.technology-section {
    padding: 20px 20px;
    max-width: 1300px;
    margin: auto;
    }

    h2.section-title {
      text-align: center;
      color: #0d47a1;
      margin-bottom: 40px;
    }

    .tech-tab-header {
      display: flex;
      justify-content: center;
      gap: 30px;
      flex-wrap: wrap;
      margin-bottom: 20px;
      border-bottom: 2px solid #ccc;
    }

    .tech-tab-button {
      cursor: pointer;
      padding: 10px 20px;
      font-weight: 600;
      border: none;
      font-size: 18px;
      background: none;
      border-bottom: 3px solid transparent;
      transition: 0.3s;
    }

    .tech-tab-button.active {
      color: #0d47a1;
      border-bottom: 3px solid #0d47a1;
      font-weight: bold;
    }

    .tech-tab-content {
      display: none;
      animation: fadeIn 0.5s ease;
    }

    .tech-tab-content.active {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 20px;
      padding-top: 20px;
    }

    .tech-box {
  position: relative;
  background: white;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s;
  overflow: hidden;
  z-index: 0;
}

.tech-box:hover {
  transform: translateY(-5px);
}

/* ::before – top border */
.tech-box::before,
.tech-box::after {
  content: '';
  position: absolute;
  background-color: #c6353b;
  transition: width 0.4s ease, height 0.4s ease;
  z-index: 1;
}

/* ::before – top horizontal line */
.tech-box::before {
  height: 3px;
  width: 0;
  top: 0;
  left: 0;
}

/* ::after – bottom horizontal line */
.tech-box::after {
  height: 3px;
  width: 0;
  bottom: 0;
  right: 0;
}

.tech-box:hover::before,
.tech-box:hover::after {
  width: 100%;
}

/* Additional lines: left and right borders */
.tech-box .border-left,
.tech-box .border-right {
  content: '';
  position: absolute;
  background-color: #8c0f76;
  width: 3px;
  height: 0;
  transition: height 0.4s ease;
  z-index: 1;
}

.tech-box .border-left {
  top: 0;
  left: 0;
}

.tech-box .border-right {
  bottom: 0;
  right: 0;
}

.tech-box:hover .border-left,
.tech-box:hover .border-right {
  height: 100%;
}

.tech-box img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.tech-box p {
  margin-top: 10px;
  font-weight: 500;
}

 @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(20px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

/* Technologies We Work */

/* testimonials page */

    .feedback-area {
      background: linear-gradient(to bottom, #154c79, #0b5eae);
      padding: 60px 20px;
      color: #fff;
      text-align: center;
    }

    .feedback-intro {
      max-width: 800px;
      margin: 0 auto 50px;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInUp 0.8s ease forwards;
    }

    .feedback-intro h2 {
      font-size: 32px;
      margin-bottom: 20px;
      font-weight: 700;
    }

    .feedback-intro p {
      font-size: 16px;
      line-height: 1.6;
      color: #e0e6f2;
    }

    .feedback-list {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      justify-content: center;
      max-width: 1200px;
      margin: 0 auto;
    }

    .feedback-card {
      background: #fff;
      color: #333;
      border-radius: 12px;
      padding: 30px 20px;
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
      flex: 0 0 calc(33.333% - 20px);
      box-sizing: border-box;
      position: relative;
      text-align: left;
      opacity: 0;
      transform: translateY(30px);
      animation: fadeInUp 0.8s ease forwards;
      animation-delay: var(--delay);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .feedback-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    }

    .client-photo {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      object-fit: cover;
      margin-bottom: 15px;
    }

    .client-placeholder {
      width: 60px;
      height: 60px;
      background: #d0d8e3;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: #6a7a92;
      margin-bottom: 15px;
    }

    .client-name {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 5px;
      color: #2941b8;
    }

    .client-position {
      font-size: 14px;
      color: #000;
      font-weight: 500;
      margin-bottom: 15px;
    }

    .client-review {
      font-size: 15px;
      color: #555;
      line-height: 1.6;
      margin-bottom: 20px;
    }

    .star-score {
      position: absolute;
      top: 20px;
      right: 20px;
      font-size: 16px;
      color: #f5a623;
    }

    @media (max-width: 992px) {
      .feedback-card {
        flex: 0 0 calc(50% - 20px);
      }
    }

    @media (max-width: 600px) {
      .feedback-card {
        flex: 0 0 100%;
      }
    }

    @keyframes fadeInUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

/* testimonials page */