@charset "utf-8";

ul,
ol {
    margin: 0px;
    padding: 0;
    list-style: none;
}

*,
*:before,
*:after {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

a,
img {
    border: 0px;
    outline: 0px;
    color: #16acc4;
    text-decoration: none;
    vertical-align: top;
}

p {
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
}

.container{width: 1270px;}
/* .scrollup {
    position: fixed;
    bottom: 60px;
    right: 20px;
    display: none;
    z-index: 99;
}

.scrollup img {
    height: 40px;
    opacity: 0.5;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.scrollup:hover img {
    opacity: 1
} */

body {
    font-size: 14px;
    line-height: 1.6;
    width: 100%;
    overflow-x: hidden;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    background: #fff;
    color: #333;
}

input,
select,
textarea,
button {
    font-size: 15px;
}

input[type=file]:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin: 0;
    padding: 0;
    color: #111;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}

/*header*/
.header {
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.header.fix {
    top: 0px;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
    height: 75px;
}

.logo {
    float: left;
    position: relative;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.logo a {
    /* color: #fff;
    font-size: 46px;
    font-weight: 700;
    line-height: 80px; */
    background-image: url('../images/logo.png');
    height: 50px;
    width: 165px;
    background-size: 100%;
    background-repeat: no-repeat;
    display: block;
    transition: all 1s;
    margin-top: 15px;
}
.logo img {
    height: 50px;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.fix .logo a{background-image: url('../images/logo1.png'); margin-top: 17px;}

.menu1, .closeicon{position: fixed; right: 0px; top: 0px; z-index: 9;}
.closeicon{top: 0px; right: 0px; display: inline-block; position: absolute;}
.menu1 .menuicon1, .closeicon .closebtn{position: relative; z-index: 9;
  background-color: #0071ff;
  padding: 0;
  display: block;
  outline: 0px;
  color: #fff;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  transition: all 0.3s;
  border: 0px;
  height: 75px;
  padding: 30px 25px 25px 60px;
}
.menu1 .menuicon1:hover, .closeicon .closebtn:hover{text-decoration: none;}
.closeicon .closebtn{padding-top: 0px; background-color: #fff;}

/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon1{position: absolute; left: 25px;}
.closeicon #nav-icon1{position: absolute; left: auto; right: 40px; top: 13px;}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: #fff;
  border-radius: 20px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 8px;
  background: #fff;
  width: 16px;
}

#nav-icon1 span:nth-child(3) {
  top: 16px;
  width: 20px;
  background: #fff;
}
/* .menuicon1:hover #nav-icon1 span, .closebtn:hover #nav-icon1 span{background: #fff !important;} */
#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background-color: #ed3237;
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
  background-color: #ed3237
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 24px;
  background-color: #ed3237
}

.hdright{
	float: right;
	display: inline-block;
	margin-right: 100px;
}
.hdright a{
	text-decoration: none;
	color: #ff9395;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 20px 0px 2px;
	margin: 0 15px;
	border-bottom: 1px solid #ff8588;
	text-align: right;
	display: inline-block;
	float: right;
}
.hdright a:first-child{border-bottom: 0px; color: #fff; border: 1px solid #fff; padding: 10px 20px;
margin-top: 10px;}
.hdright a img{width: 16px; margin-right: 5px; display: inline-block; float: left;}
.hdright a img.i2{display: none;}

.header.fix .hdright a{padding-top: 30px; color: #ed3237; border-color: #ed3237;}
.header.fix .hdright a:first-child{border-bottom: 0px; color: #000; border: 1px solid #000; 
	padding: 10px 20px; margin-top: 15px;}
.header.fix img.i1{display: none;}
.header.fix img.i2{display: inline-block;}
/*header*/



/*---------cart_open-----------*/
.cart_open{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;  
  display: none;
}
.cartbg1{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
}
.cart_bx1{
  width: 300px;
  background-color: #fff;
  height: 100%;
  right: -100%;
  transition:ease all 0.4s;
  top: 0px;
  position: fixed;
  display: block;
  box-shadow: 0 10px 50px rgba(1,2,2,.15);
  z-index: 99999;
}
.left1{right: 280px; z-index: 9999999; transition:ease all 0.8s}
.menu2{
  right: 280px;  
  position: fixed;
  transition:ease all 0.6s;
  top: 0px;
  z-index: 999999;
}
.menu2:before{border-top: 100px solid rgba(255, 255, 255, 1);}
.cart_bx1 ul{list-style: none; width: 100%; margin: 0px; padding: 0px; height: 100%; vertical-align: middle;
padding-top: 10px; text-align: right;}
.cart_bx1 ul li{float: none; width: 100%; display: block; clear: both;}
.cart_bx1 ul li a{text-decoration: none; color: #000; font-weight: 400; font-size: 16px;
 letter-spacing: 1px;
display: block; padding: 10px 15px; text-transform: uppercase; transition: all 0.3s ease 0s; 
font-family: 'Muli', sans-serif; text-align: left; outline: none;}
.cart_bx1 ul li a:hover, .cart_bx1 ul li a.active{color: #2e3192;}

a.logo2{float: none; width: 100%; text-align: left; padding: 20px; display: block; margin-bottom: 20px;}
a.logo2 img{width: 155px;}
/*---------cart_open_end----------*/

.owl-slide-desc h3{font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;
color: #fff; font-size: 52px; margin-bottom: 20px;}
.owl-slide-desc a{text-decoration: none; color: #fff; text-transform: uppercase;
font-size: 19px; transition: all 0.3s; background-color: #ed3237; padding: 10px 40px;
font-family: 'Barlow Condensed', sans-serif; letter-spacing: 2px;}
.owl-slide-desc a i{}
.owl-slide-desc a:hover{background-color: #fff; color: #ed3237;}
.bannerBtn {
    position: absolute;
    bottom: 50px;
    left: 50%;
    width: 26px;
    height: 40px;
    z-index: 2;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 99;
}
.bannerBtn a {
    margin-top: 15px;
    float: left;
    height: 40px;
    width: 26px;
    border-radius: 12px;
    position: relative;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}

.bannerBtn a:before {
    position: absolute;
    top: 6px;
    left: 10px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #fff;
    content: '';
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.bannerBtn a:hover {
    background: #fff;
}

.bannerBtn a:hover:before {
    background: #333;
}


/*section1*/
.section1{
	width: 100%;
	display: block;
	padding: 50px 0; 
	position: relative;
	background-color: #fff;
	overflow: hidden;
}
.section1::before {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    content: "";
    background-color: #f6f6f7;
    -webkit-clip-path: polygon(80% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(80% 0, 100% 0%, 100% 100%, 0% 100%);
}
.section1 h3{display: inline-block; clear: both; width: 100%; color: #333; text-align: center;
text-transform: capitalize; font-size: 32px; font-weight: 700;}
.section1 h3 span{color: #ed3237;}
.section1 img{width:90%; float: right; display: block;}
.section1 h2{font-size: 42px; font-weight: 700; margin-bottom: 25px; margin-top: 10px; color: #215da9;}
.section1 h2 span.s1{text-transform: uppercase; font-size: 21px; letter-spacing: 2px;
font-weight: 300;}
.section1 p{font-size: 16px; line-height: 26px;}
.section1 a{
	padding: 10px 35px;
	border: 1px solid #ed3237;
	transition: all 0.3s;
	color: #ed3237;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	display: inline-block;
	margin-top: 20px;
	text-decoration: none;
	position: relative;
	z-index: 9;
}
.section1 a:hover{background-color: #ed3237; color: #fff;}

.maintitle{
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 300px;
	text-transform: uppercase;
	line-height: 150px;
	font-weight: 800;
	letter-spacing: 10px;
	opacity: 0.05;
}
/*section1*/


.ourprojects{
	width: 100%;
	display: table;
}
.ourprojects h2{
	padding: 5px;
	margin: 0px;
	background-color: #00367b;
	text-align: center;
	color: #fff;
	font-size: 32px;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 700;
	letter-spacing: 2px;
}
/*home_services*/
.home_services {
    height: 90vh;
    /*background-image: url(../images/b1.jpg);
    background-position: center;
    background-size: cover;*/
    overflow: hidden;
    position: relative;
}

.home_services .hsListData {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    opacity: 0;
    background-position: center;
    background-size: cover;
    visibility: hidden;
    backface-visibility: hidden;
    /*transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;*/
}

.home_services .hsListData.hover {
    opacity: 1;
    visibility: visible;
    backface-visibility: visible;
}

.home_services .hsListData img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
}

.home_services .hsListData img {
    position: absolute;
    /* top: 50%;
    left: 50%; */
    min-width: 100%;
    min-height: 100%;
    /* transform: translate(-50%, -50%); */
}
.home_services ul {
    z-index: 2;
    position: relative;
}

.home_services li {
    float: left;
    width: 33.33%;
    display: block;
}

.home_services li a {
    position: relative;
    height: 100vh;
    color: #fff;
    display: block;
    padding: 50px 40px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.15);
    border-top: 1px solid #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    transition: all ease-in-out .5s;
    text-decoration: none;
    -webkit-transition: all ease-in-out .5s;
}
.home_services li a.mobimg{display: none;}

.home_services li:nth-child(1) a,
.home_services li:nth-child(2) a,
.home_services li:nth-child(3) a {
    border-top: 0px solid #fff;
}

.home_services li:nth-child(3n+3) a {
    border-right: 0px;
}

.home_services li a img{width: 80px; display: block; margin-bottom: 20px;
margin-top: 60%; transition: all 0.3s;}
.home_services li a h2 {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
    transition: all 0.3s;
}
.home_services .txt p{font-size: 16px; line-height: 24px; font-weight: 500;}
.home_services li a span {
    opacity: 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
}
.home_services li a:hover > img{margin-top: 50%;}
.home_services li a span img{margin-top: 0px; width: 50px; margin-left: 15px; display: inline-block;}
.home_services li a .txt {
    /* opacity: 0;
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s; */
}

.home_services li a:hover {
    /* background: rgba(18, 80, 163, 0.7) */
}

.home_services li a:hover span {
    opacity: 1;
}


/*section2*/
.section2{
	width: 100%;
	display: table;
	padding: 30px 0;
	background-color: #ed3237;
}
.section2 span{
	float: left;
	display: inline-block;
	color: #fff;
	font-size: 32px;
	font-weight: 600;
	margin-top: 3px;
}
.section2 a{
	float: right;
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 12px 40px;
	transition: all 0.3s;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 600;
	position: relative;
	top: 3px;
	border: 2px solid #fff;
}
.section2 a:hover{
	background-color: transparent;
	color: #fff;
}
/*section2*/


/*section3*/
.section3{
    width: 100%;
    display: block;
    padding: 50px 0;
}
.section3 h2{text-align: center; margin-top: 0px; position: relative; color: #fff; font-weight: 700;
margin-bottom: 30px; padding-bottom: 20px;}
.section3 h2:before{
    position: absolute;
    left: 47%;
    bottom: 0px;
    width: 6%;
    content: "";
    height: 2px;
    background-color: #ed3237;
}
.section3 h2 a{
    float: right;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #ed3237;
    padding: 10px 30px;
    border: 1px solid #ed3237;
    color: #fff;
    font-weight: 600;
    position: relative;
    top: -5px;
    text-decoration: none;
    transition: all 0.3s;
}
.section3 h2 a:hover{background-color: #fff; color: #ed3237;}
.section3 ul{
    list-style: none;
    width: 100%;
    display: block;
    clear: both;
}
.section3 ul li{
    float: left;
    display: inline-block;
}
.section3 ul li a{
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
    box-shadow: 0px 0px 14px 5px rgba(0,0,0,0.15);
    overflow: hidden;
}
.imgbx{width: 100%; margin-bottom: 30px; position: relative; }
.section3 ul li a .imgbx:before{
    position: absolute;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    content: "";
    transition: all 0.3s;
    background-color: rgba(216, 36, 53, 0.5);
}
.section3 ul li a:hover .imgbx:before{top: 0px; z-index: 1;}
.section3 ul li a:hover .imgbx:after{
    position: absolute;
    left: 0px;
    top: 30%;
    width: 100%;
    height: 100%;
    color: #fff;
    content: "+";
    font-weight: 300;
    font-size: 56px;
    z-index: 2;
}
.section3 ul li a img{width: 100%; display: block;}
.section3 ul li a h3{
    position: absolute;
    left: 5%;
    bottom: -40px;
    width: 90%;
    padding: 10px;
    display: block;
    color: #fff;
    background-color: #ed3237e3;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
}
.section3 ul li a p{padding: 15px 20px 20px; font-size: 14px; color: #000; 
line-height: 25px; height: 85px; overflow: hidden;}
.section3 ul li a:hover h3{background-color: #ed3237;}
.section3 .owl-nav{position: absolute; top: -15%; right: 0px; width: 9% !important;}
/*section3*/


/*section5*/
.section5{
    background-color: #f6f6f7;
    padding-bottom: 20px;
}
.section5 h2{color: #3b3b3b;}
.section5 ul li{padding: 10px;}
.section5 .owl-carousel .owl-stage-outer{}
.section5 ul li a{
    text-decoration: none;
    color: #000;
    width: 100%;
    display: block;
    position: relative;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    overflow: hidden;
}
.section5 .owl-prev{background-image: url('../images/prev4.png')}
.section5 .owl-next{background-image: url('../images/next4.png')}
/*.section5 ul li a h4{margin-bottom: 0px; margin-top: 0px; color: #215da9;
    font-size: 21px; font-weight: 600; position: relative;
}*/
.section5 ul li a h4 {
    margin-bottom: 0px;
    margin-top: 0px;
    color:
    #215da9;
    font-size: 21px;
    font-weight: 600;
    position: relative;
    height: 50px;
    line-height: 25px;
}
.section5 ul li a h4:before{
    position: absolute;
    left: 45%;
    top: -15px;
    width: 10%;
    height: 2px;
    content: "";
    background-color: #ed3237;
}
.viewdet{
    display: table;
    margin: auto;
    padding: 7px 30px;
    background-color: #fff;
    color: #ed3237;
    position: relative; 
    margin-bottom: 15px;
    font-size: 11px;
    border: 1px solid #ed3237;
    margin-top: 15px;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.section5 ul li a p{margin-bottom: 0px;}
.section5 ul li a .imgbx::before{background-color: rgba(33, 93, 169, 0.57);}
.section5 ul li a:hover .viewdet{
	background-color: #ed3237;
	color: #fff;
}
/*section5*/


/*--section6--*/
.section6{background-color: #fff; padding: 50px 0;}
.section6 h2{text-align: center; margin-top: 0px; position: relative; color: #3b3b3b; font-weight: 700;
margin-bottom: 30px; padding-bottom: 20px;}
.section6 h2:before{
    position: absolute;
    left: 47%;
    bottom: 0px;
    width: 6%;
    content: "";
    height: 2px;
    background-color: #ed3237;
}
.section6 ul{list-style: none; width: 100%; clear: both; display: inline-block; margin-top: 20px;}
.section6 ul li{display: inline-block; width: 20%; text-align: center; float: left;
border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
.section6 ul li:nth-child(5n){border-right: 0px;}
.section6 ul li:nth-last-child(5){border-bottom:0px;}
.section6 ul li:nth-last-child(4){border-bottom:0px;}
.section6 ul li:nth-last-child(3){border-bottom:0px;}
.section6 ul li:nth-last-child(2){border-bottom:0px;}
.section6 ul li:nth-last-child(1){border-bottom:0px;}
.section6 ul li img{
    filter: grayscale(1);
    transition-property: filter;
    transition-duration: 1s;  
    transition: all 0.3s ease 0s;
    width: 70%;
    display: inline-block;
}
.section6 ul li img:hover{filter: grayscale(0); opacity: 1;}

.section6 a{
	padding: 10px 35px;
	border: 1px solid #ed3237;
	background-color: #ed3237;
	transition: all 0.3s;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	display: table;
	margin:  auto;
	margin-top: 20px;
	text-decoration: none;
	position: relative;
	z-index: 9;
}
.section6 a:hover{background-color: #fff; color: #ed3237;}
/*--section3_end--*/


/*-------section4---------*/
.section4{clear: both; width: 100%; display: table; background-image: url('../images/contactbg.jpg');
background-size: cover; background-repeat: no-repeat; padding: 40px 0;}
.section4 h2{color: #fff; margin-top: 0px; color: #fff; text-align: center; line-height: 55px;
font-size: 42px; font-weight: 100; margin: 20px 0; letter-spacing: 10px;}
.section4 h2 span{font-weight: 900; color: #6bc736; }
.section4 h4{color: #fff; margin: 0; text-align: center; font-weight: 300; 
    font-size: 26px;}
.section4 p{font-size: 18px; color: #fff; text-align: center; font-weight: 300;}

.section4 form{width: 700px; display: table; margin: auto;}
.width49{float: left; display: inline-block; width: 49%; position: relative; 
    margin-bottom: 12px;}
.width100{width: 100%;}
/*.width49.icon:before{position: absolute; left: 13px; top: 22px; z-index: 9;
content: "\f007"; font-family: FontAwesome; color: #e6e6e6; font-size: 18px;}
.width49.icon2:before{content: "\f0b1";}
.width49.icon3:before{content: "\f0e0";}
.width49.icon4:before{content: "\f095";}
.width49.icon5:before{content: "\f075";}*/

.width49.icon input, .width49.icon textarea{
    width: 100%;
    resize: none;
    position: relative;
    vertical-align: top;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #fff;
    font-size: 15px;
    height: 42px;
    outline: none;
    font-weight: 300;
    margin-top: 12px;
    color: #fff;
}
.width49.icon textarea{height: 90px; padding-top: 10px;}
.width100 input.formsub{
   margin:  auto; display: block; height: 48px;
    display: table; padding: 0 50px;
    font-weight: 600; letter-spacing: 2px; transition: all 0.3s;
    background-color: #ed3237; color: #fff; font-size: 16px; border: 2px solid #ed3237;
    text-transform: uppercase; text-align: center; margin-top: 30px;
}
.width100 input.formsub:hover{background-color: transparent; border-color: #fff; color: #fff;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
/*-------section4---------*/



/*--------footer--------*/
.footer{
    clear: both;
    width: 100%;
    display: table;
    overflow: hidden;
    background-color: #123d73;
    padding: 30px 0;
    position: relative;
}
/*.footer:before{
    position: absolute;
    left: 0px;
    top: 0px;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
}*/
.footersection
{
    width:23%;
    float:left;
    margin: 0 1%;
    margin-top:20px;
}
.footersection:last-child
{
    margin-right:0px;
}
.footersection h4
{
    color:#fff;
    font-size:16px;
    font-weight:300;
    border-bottom:1px solid #898989;
    padding-bottom:10px;
    text-transform:uppercase;
    position:relative;
    margin-top: 0px;
    letter-spacing: 2px;
}
.footersection h4:after
{
    width:53px;
    height:1px;
    position:absolute;
    left:0px;
    content:'';
    background:#ed3237;
    bottom:-1px;
}
.footersection p
{
    color:#fff;
    font-size:14px;
    margin-top:10px;
}
.footermenu
{
    list-style-type:none;
    padding: 0px;
    margin: 10px 0px 0 20px;
    display: inline-block;
}
.footermenu li
{
    padding:5px 2px;
    list-style-image:url(../images/listicon.png);
    list-style-position:outside;
}
.footermenu li a
{
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:300;
    transition:all .3s;
}
.footermenu li a:hover
{
    color:#ed3237;
    transition:all .3s;
}
.socialicons
{
    list-style-type:none;
    margin-top:20px;
    display: inline-block;
    padding: 0px;
}
.socialicons li
{
    display: block;
    width: 100%;
}
.socialicons li a
{
    outline:none;
    color:#fff;
    font-size:16px;
    padding: 4px 0;
    display: block;
    transition: all 0.3s;
}
.socialicons li a i{width: 30px; height: 30px; text-align: center; line-height: 30px;
border: thin solid #ed3237; margin-right: 15px; border-radius: 5px;}
.socialicons li a span{font-weight: 300; font-size: 16px;}
.socialicons li a:hover
{
    color:#ed3237;
    text-decoration: none;
}
.footer_addre
{
    width:100%;
    margin-bottom:20px;
    display: inline-block;
}
.add_icon
{
    float:left;
    width:10%;
}
.add_text
{
    float:right;
    width:89%;
    color:#fff;
    font-size:16px;
    font-weight: 300;
    line-height: 24px;
}
.add_text a{text-decoration: none; color: #fff;}
.copyright
{
    width:100%;
    float:left;
    color:#fff;
    font-weight: 300;
    font-size:15px;
    text-align:center;
}
.copyright span{color: #ed3237;}
.copyright a{text-decoration: none; color: #fff; padding-left: 10px; margin-left: 10px;
 border-left: thin solid #fff; transition: all 0.3s;}
 .copyright a:hover{color: #ed3237;}

 .ft_links1{clear: both; width: 100%; display: table; padding: 15px 0; text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.2); border-left: 0px; border-right: 0px; margin-bottom: 20px;}
 .ft_links1 a{text-decoration: none; color: #fff; display: inline-block; text-transform: uppercase;
  padding: 0 15px; font-size: 14px; font-weight: 400; transition: all 0.3s;
  border-right: 1px solid rgba(255, 255, 255, 0.3);}
  .ft_links1 a:last-child{border-right: 0px;}
  .ft_links1 a:hover{color: #ed3237;}
/*--------footer_end--------*/


/*innerbanner*/
.inner_banner {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    background-color: #000;
}
/* .inner_banner::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    z-index: 1;
    background: transparent url(../images/header-overlay.png) repeat;
} */
.inner_banner img{
    width: 100%;
    opacity: 0.4;
    display: block; 
}
.innertxt1{
   position: absolute; width: 100%; text-align: left; 
    top: 175px; left: 0%; padding: 10px 35px; z-index: 9;
}
.innertxt1 ul{list-style: none; text-align: left; margin-bottom: 0px;
padding-left: 0px;}
.innertxt1 ul li{
    display: inline-block;
    position: relative;
    padding-right: 25px;
    font-weight: 300;
    margin-bottom: 0px;
    color: #ed3237;    
}
.innertxt1 ul li:last-child{padding-right: 0px;}
.innertxt1 ul li:after{
    content: "/";
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 3px;   
}
.innertxt1 ul li:last-child:after{display: none;}
.innertxt1 ul li a{color: #fff; text-decoration: none;}
.inner_banner h1{color: #fff;  font-size: 38px; font-weight: 700; 
text-transform: uppercase; margin-bottom: 10px;}
.inner_banner h1 span{color: #fff;}
.inner_banner h1 p{font-size: 18px; font-weight: 400; margin-top: 5px; 
  letter-spacing: 2px; color: #fff; }
/*innerbanner*/


/*innerpg1*/
.innerpg1{
  width: 100%;
  display: table;
  padding: 40px 0;
  background-color: #fff;
}
.rightlinks{
  width: 100%;
  display: block;
  background-color: #f6f6f7;
  padding: 10px 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .12);
}
.rightlinks ul{list-style: none; width: 100%; display: block;}
.rightlinks ul li{
  clear: both;
  width: 100%;
  display: block;
}
.rightlinks ul li a{
  text-decoration: none;
  color: #000;
  clear: both;
  width: 100%;
  padding: 14px 0;
  border-bottom: 1px solid #adadad;
  display: block;
  transition: all 0.3s;
  font-weight: 700;
  font-size: 18px;
}
.rightlinks ul li:last-child a{border-bottom: 0px;}
.rightlinks ul li a:hover, .rightlinks ul li a.active{color: #0071ff;}

.leftpgbx{
  width: 100%;
  display: block;
}
.leftpgbx h4{
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #0071ff;
  margin-bottom: 20px;
}
.leftpgbx h2{
  color: #000;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 32px;
}
.leftpgbx h2 span{color: #ed3237;}
.leftpgbx h2 strong{color: #ed3237;}
.leftpgbx p, .leftpgbx2 p{
  font-size: 16px;
  line-height: 26px;
}

.leftpgbx2{
  width: 70%;
  float: left;
  display: inline-block;
  margin: 55px 0;
  padding: 40px;
  background-color: #f7f7f7;
  position: relative;
}
.rightbx2{
  float: left;
  width: 30%;
  display: inline-block;
}
.rightbx2 img{width: 100%; display: block; box-shadow: 0 2px 18px 0 rgba(0,0,0,.3);
position: relative; z-index: 1;}
.leftpgbx2:before{
  position: absolute;
  left: -1000px;
  top: 0px;
  width: 1000px;
  height: 100%;
  background-color: #f7f7f7;
  content: ""
}
.leftpgbx3:before{
  position: absolute;
  left: auto;
  right: -1000px;
  top: 0px;
  width: 1000px;
  height: 100%;
  background-color: #f7f7f7;
  content: ""
}

.leftpgbx2 h2{margin-bottom: 10px; color: #ed3237; text-transform: uppercase; font-weight: 300;
font-size: 24px; letter-spacing: 2px;}

.visionbx{
  width: 100%;
  display: table;
  /* padding: 20px;
  background-color: #eef5ff;
  border-left: 4px solid #215da9; */
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
}
.leftpgbx h5{
  width: 100%;
  display: table;
  /* padding: 20px;
  background-color: #eef5ff;
  border-left: 4px solid #215da9; */
  border-top: 1px solid #ccc;
  padding: 20px 0;
}
.visionbx h5{
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 4px;
  margin-bottom: 10px;
  color: #ed3237;
  text-transform: uppercase;
}
.visionbx, .privacypolicy ul li{margin-bottom: 15px; padding-left: 25px; background-image: url('../images/libox.png');
background-repeat: no-repeat; background-size: 10px; background-position: left 7px;}
.visionbx img{width: 100%; display: block; opacity: 0.8;}
/*innerpg1*/


/*expbox*/
.expbox{
  width: 100%;
  display: table;
  padding: 40px;
  background-color: #f6f6f7;
}
.expbox h2{
  color: #215da9;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 32px;
}
.expbox h2 span,.expbox h2 strong{color: #ed3237;}
.expbox p{font-size: 16px; line-height: 24px;}
.expboxin{background-color: #fff; padding: 20px 40px; border-bottom: 0px; 
  box-shadow: 0 3px 6px rgba(0, 0, 0, .12);}
.expboxin ul li{border-bottom: 1px solid #f7f7f7;}

.expboxin h5{letter-spacing: 1px; font-size: 23px; border-bottom: 2px solid #215da9;
padding-bottom: 5px; margin-bottom: 20px; text-transform: capitalize;}
.expboxin{min-height: 400px; display: block;}
/*expbox*/

.innerscroll{
  clear: both;
  padding: 20px 0;
  background-color: #ffff;
  position: relative;
}
.innerscroll img.fs-gal{border: 3px solid #ffb0b2;}
.innerscroll .owl-nav{position: absolute; top: -25%; right: 0px; width: 9% !important; opacity: 0.5;}
.innerscroll .owl-prev{
  background-image: url('../images/prev4.png');
  width: 50px;
  height: 34px;
  float: left; display: inline-block;
  margin-right: 10px;
  transition: all 0.3s;
}
.innerscroll .owl-next{
  background-image: url('../images/next4.png');
  width: 50px;
  height: 34px;
  float: left;
  display: inline-block;
  transition: all 0.3s;
}
.innerscroll .owl-prev:hover, .innerscroll .owl-next:hover{opacity: 1;}


ul.mgmnt{
  width: 100%;
  clear: both;
}
ul.mgmnt li{
  float: left;
  display: inline-block;
  width: 33.33%;
  padding: 15px;
}
ul.mgmnt li a{
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
  width: 100%;
  border: 0px solid #c0d0e6;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}
ul.mgmnt li a .mimg{width: 100%; display: block; position: relative;}
ul.mgmnt li a .mimg span{
  position: absolute;
  left: 30%;
  top: 45%;
  padding: 5px 15px;
  background-color: #fff;
  border: 2px solid #ed3237;
  color: #ed3237;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  border-radius: 5px;
  opacity: 0;
}
ul.mgmnt li a:hover .mimg span{opacity: 1}
ul.mgmnt li a .mimg:before{
  position: absolute;
  left: 0px;
  top: -100%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.3s;
}
/* ul.mgmnt li a .mimg:after{
  position: absolute;
  left: 43%;
  top: 40%;
  content: "+";
  font-size: 60px;
  color: #fff;
  font-weight: 100;
  transition: all 0.3s;
  opacity: 0;
} */
ul.mgmnt li a:hover .mimg:before{top: 0px;}
ul.mgmnt li a:hover .mimg:after{opacity: 1;}
ul.mgmnt li a img{width: 100%; display: block;}
.mcont{
  clear: both;
  width: 100%;
  padding: 15px;
  background-color: #123d73;
  color: #000;
}
.mcont h3{font-size: 16px; color: #fff; font-weight: 600; margin-top: 0px;}
.mcont h4{font-size: 15px; color: #ff7b7f; font-weight: 400; margin-top: 0px;
text-transform: capitalize; letter-spacing:0px; margin-top: 10px; margin-bottom: 0px;}


/*contactpg*/
.contactpg{width: 100%; display: table; padding: 40px 0;}
.contactbx {
    width: 100%;
    display: block;
    background-color: #fbfbfb;
    box-shadow: 0 5px 10px 3px
rgba(0,0,0,.2);
transition: all 0.3s;
padding: 10px;
background-color:
    #f4f4f4;
    min-height: 320px;
}
.contactbx img{width: 100%; display: block;}
.contactbx h4{
    font-weight: 600; font-size: 21px;
    color: #ed3237; margin: 15px 10px; 
    border-bottom: 1px solid #ed3237;
    padding-bottom: 10px;
}
.addbx1{
    position: relative;
    clear: both;
    padding-left: 40px;
    font-size: 16px;
    margin-bottom: 10px;
}
.addbx1 i{
    position: absolute;
    left: 12px; 
    top: 5px;
    color: #225eaa;
}
.addbx1 b{color: #225eaa;}
.locationbx1{
    width: 100%;
    display: table;
    clear: both;
    margin-bottom: 50px;
}
.locationbx1:last-child{margin-bottom: 0px;}
.contactbx iframe{display: block; height: 200px;}
/*contactpg*/


/*innergal1*/
.innergal1{padding: 30px;}
.innergal1 ul li{float: left; display: inline-block; width: 33.33%; padding: 15px;}
.innergal1 ul li a img{width: 100%; display: block;}
.innergal1 ul li a h5{color: #ed3237; text-align: center; letter-spacing: 2px;
margin: 10px 0; font-size: 14px; margin-bottom: 0px;}
.innergal1 ul li a p{height: 90px; overflow: hidden;}
/*.innergal1 ul li a h4{font-size: 16px;}*/

.innergal1 ul li a h4 {
    font-size: 16px;
    height: 40px;
    line-height: 20px;
}
/*innergal1*/

.table > thead > tr > th{background-color: #ed3237; color: #fff;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
  padding: 12px 16px;
  font-size: 16px;
}



ul.careersul{list-style: none; width: 100%; display: table; padding: 0px; margin-top: 30px;}
ul.careersul li {
  width: 100%;
  float: left;
  background: #fff;
  border: 1px solid #eee;
  margin-top: 20px;
  position: relative;
  border-bottom: 6px solid #e5e5e5;
}
ul.careersul li h2 {
  padding: 10px 15px;
  color: #215da9;
  font-size: 16px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid #eee;
  margin-bottom: 0px;
}
ul.careersul li h2 i {
  margin-right: 10px;
}
ul.careersul li .span, .job_nav .span {
  padding: 10px 15px;
}
ul.careersul li span, .job_nav span {
  float: left;
  width: 33.33%;
  color: #777;
  font-size: 14px;
  font-weight: 600;
}
.job_nav span {
  width: 100%;
  padding: 10px;
  font-size: 16px;
}
ul.careersul li span b, .job_nav span b {
  margin-left: 15px;
  color: #000;
  font-weight: 600;
}
ul.careersul li a {
  position: absolute;
  top: 10px;
  right: 15px;
  padding: 5px 15px;
  background: #ed3237;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  transition: all .5s;
}
ul.careersul li a:hover {
  background: #0f6fab;
  transition: all .5s;
}
.news_cont{
  float: left; display: inline-block;
  width: 72%; padding-right: 40px;
}
.news_cont p{

}
.news_cont ul{list-style: none; padding: 0px; margin-top: 15px;}
.news_cont ul li{
  font-family: "Nunito Sans", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
}
.news_cont ul li:before{
  color: #81bd03;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../img/logoSticky.png');
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: "FontAwesome";
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 7px;
}
.news_right{
    float: right;
    display: inline-block;
    width: 28%;
    min-height: 200px;
    position: relative;
    background-color: transparent;
    padding: 21px;
    border: 4px solid #00273a;
}
.news_hd1 {
    color: #022c3c;
    font-weight: 700;
    font-size: 21px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
}
.news_hd1:before{
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  height: 2px;
  width: 90px;
  background-color: #f7941d;
}
.news_right a{
    text-decoration: none;
    color: #000;
    font-size: 15px;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: block;
    position: relative;
    padding-left: 30px;
}
.news_right a:after {
    color: #81bd03;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('../img/logoSticky.png');
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: "FontAwesome";
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 5px;
}
.news_right a:hover{color: #81bd03;}


.innerpgbx2 {
    background-color: #e9e9e9;
    padding: 50px 0;
}



/*career_form*/
.career_form {
    border-top: 1px solid #ccc;
    background: #fff;
    clear: both;
    width: 100%; display: table;
}
.halfspan {
    width: 49%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}
.fullspan{position: relative; width: 100%; display: table;}
.halfspan.right {
    float: right;
}
.career_form label {
    margin: 5px 0 0 0;
    display: block;
    font-weight: 400;
    font-size: 14px;
}
.career_form h2{color: #ed3237; text-align: center; margin-bottom: 20px;
 font-size: 32px; letter-spacing: 1px;}
input.c-input, textarea.c-input {
    width: 100%;
    float: left;
    height: 40px;
    border-radius: 0px;
    padding: 10px;
    color: #333;
    border: 1px solid #ccc;
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    transition: 0.4s;
    background-color: #fff;
}
textarea.c-input {}
input.c-input[type=file] {
    padding: 0 10px;
}
input.c-input:hover, textarea.c-input:hover, input.c-input:focus, textarea.c-input:focus {
    border: 1px solid #ccc;
    outline: 0px;
    transition: all .5s;
    box-shadow: 0 0px 4px 3px rgba(0, 0, 0, 0.15);
}
.effect-8{width: 100%; position: relative; display: table;}
.c-input ~ .focus-border:before,
.c-input ~ .focus-border:after{content: ""; position: absolute; top: 0; left: 0; width: 0; 
height: 2px; background-color: #18b5ed; transition: 0.3s;}
.c-input ~ .focus-border:after{top: auto; bottom: 0; left: auto; right: 0;}
.c-input ~ .focus-border i:before,
.c-input ~ .focus-border i:after{content: ""; position: absolute; top: 0; left: 0; 
width: 2px; height: 0; background-color: #18b5ed; transition: 0.4s;}
.c-input ~ .focus-border i:after{left: auto; right: 0; top: auto; bottom: 0;}
.c-input:focus ~ .focus-border:before,
.c-input:focus ~ .focus-border:after{width: 100%; transition: 0.3s;}
.c-input:focus ~ .focus-border i:before,
.c-input:focus ~ .focus-border i:after{height: 100%; transition: 0.4s;}

textarea.c-input {
    height: 80px;
}
input.c-btn {
    padding: 10px 30px;
    background: #ed3237;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 0px; margin:  auto;
    display: table;
    transition: all .5s;
    margin-top: 20px;
}
input.c-btn:hover, input.c-btn:focus {
    background: #215da9;
    transition: all .5s;
}

.career_form label {
    margin: 5px 0 0 0;
    display: block;
    font-weight: 400;
    font-size: 14px;
}


.multi_tabs{
    clear: both;
    width: 100%;
    display: inline-block; 
    margin-top: 20px;
    position: relative;
    z-index: 1;
}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    position: relative;
/*  border-left: 1px solid #999999;*/
    width: 100%;
    background-color: #f0f0f0;
    text-align: center;
    /* border-bottom: 1px solid rgba(51,167, 153, 0.3); */
}
/* ul.tabs:before{
    position: absolute;
    left: 2%;
    top: 0px;
    width: 96%;
    height: 1px;
    content: "";
    background-color: rgba(255, 255, 255, 0.5);
} */
ul.tabs li {
    margin: 0;
    cursor: pointer;
    padding: 15px 25px;
    border-left: none;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
    color: #000;
    position: relative;
    text-transform: capitalize;
    display: inline-flex;
    width: auto;
    float: none;
    text-transform: uppercase;
    border-bottom: 2px solid #f0f0f0;
}
/* ul.tabs li:after{
    content: "\f078";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ea1b38;
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 3px;
    right: 10px;
} */
ul.tabs li:hover {
    /*background: #0080b6;
    border-bottom: 3px solid #79bedb;*/
}   
ul.tabs li.active{
    /* background: #fff;
    border-bottom: 3px solid #0080b6;
    color: #D73135;
    border: 1px solid #ccc;
    border-bottom: 0px;
    font-weight: 600; */
    border-bottom: 2px solid #ed3237;
    color: #ed3237;
}
ul.tabs li:before{background-image: none;}
/* ul.tabs li.active:before{
    font-family: FontAwesome;
    content: "\f0d8";
    color: #33a799;
    display: inline-block;
    font-size: 42px;
    margin-right: 5px;
    left: 48%;
    margin-left: -14px;
    position: absolute;
    top: 17px;
    font-weight: 700;
    background-image: none;
    opacity: 1;
} */
/* ul.tabs li.active:after{
    content: "\f077";
} */
.tab_container {
    border: 0px;
    border-top: none;
    clear: both;
    float: left; 
    width: 100%;
    padding: 20px;
    background-color: #fff;
    border: 2px solid #f0f0f0;
}
.tab_content {
    color: #000;  
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #e5f1ff;
}

.hsmob1{display: none;}

/* ===========================
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
  .container{width: 100%; display: block; overflow: hidden;}
  .hdright{display: none;}
  .owl-slide-desc h3{font-size: 21px; line-height: 28px;}
  .section2 span{width: 100%; display: block; text-align: center; font-size: 18px;}
  .section2 a{width: 100%; display: block; text-align: center;}
  .section3 h2{font-size: 24px;}
  .home_services li{width: 100%; display: block; clear: both; position: relative;}
  .section3 .owl-nav{width: 100% !important;}
  .section5 .owl-prev{left: 30px; position: relative;}
  .section5 .owl-next{right: 30px; position: relative;}
  .footersection{width: 100%; clear: both;}
  .section4 form{width: 100%; display: block;}
  .section4 h2{font-size: 24px; letter-spacing: 0px; font-weight: 600;}
  .width49{clear: both; width: 100%; display: block; }
  .owl-slide-desc a{font-size: 16px; padding: 0 20px; height: 36px; line-height: 36px; display: inline-block;}
  .section1 h2{font-size: 24px; display: inline-block; margin-top: 30px; margin-bottom: 20px;}
  .home_services{height: auto;}
  .hsListData{display: none;}
  .home_services li a img{margin-top: 0px;}
  .home_services li a:hover img{margin-top: 0px;}
  .home_services li a span{opacity: 1}
  .hsmob1{
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
  }
  .hsmob1 img{height: 100%;}
  .innertxt1{display: none;}
  .leftpgbx h2{font-size: 16px; line-height: 21px;}
  .leftpgbx p, .leftpgbx2 p{font-size: 14px; line-height: 24px;}
  .rightlinks ul li a{font-size: 14px;}
  .leftpgbx2{width: 100%; margin-bottom: 0px;}
  .rightbx2{width: 100%;}
  .leftpgbx2{margin-top: 0px;}
  .innerpg1 .container{margin-bottom: 20px;}
  .expbox{padding: 20px 0px;}
  .expbox h2{font-size: 21px;}
  .expboxin{margin-bottom: 20px;}
  .expboxin h5{font-size: 18px;}
  .visionbx h5{font-size: 21px;}
  ul.mgmnt li{float: none; width: 100%; display: table; margin-bottom: 20px;}

  .cart_bx2{width: 90% !important;}
  .bannerBtn{display: none;}
  .innerscroll .owl-nav{width: auto !important; position: relative;}
  .innerscroll .owl-next{float: right;}
  ul.careersul li h2,ul.careersul li a{font-size: 12px;}
  ul.careersul li span, .job_nav span{width: 100%; clear: both; font-size: 12px;}
  .innerpg1 .container .container{padding: 0px;}
  .halfspan{width: 100%; clear: both;}
  .career_form h2{font-size: 21px;}
  input.c-btn{font-size: 14px;}
  ul.mgmnt li{padding: 0px; margin-bottom: 20px;}
  .contactbx{margin-bottom: 20px;}
  .innergal1 ul li{width: 100%; clear: both; margin-bottom: 15px;}
  .innergal1{padding: 0px;}
  .tab_container{padding: 10px;}
  .section1 h3{font-size: 21px; margin-bottom: 20px;}
  .slider-header{margin-bottom: 0px !important;}
  .section1{padding: 20px 0}
}
/*------iphone----------------*/  
@media only screen and (min-width : 320px) and (max-width : 480px)
{
  
}
/*------smalltablet----------------*/  
@media only screen and (min-width : 480px) and (max-width : 768px)
{
  
}
/*--------iPad - Portrait--------------*/
@media only screen and (min-width : 768px) and (max-width : 960px)
{

}
@media only screen and (min-width : 961px) and (max-width : 1240px)
{
  .container{width: 100%;}
  .hdright a{font-size: 12px; margin:0 5px;}
  .owl-slide-desc h3{font-size: 36px;}
}
@media only screen and (min-width : 960px) and (max-width : 1200px)
{
  
}
@media only screen and (min-width : 1200px) and (max-width : 1366px)
{
  
}