@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');

body{padding-top: 105px; font-family: 'Merriweather', serif;}
ul,ol{padding: 0px; margin: 0px;}

.container{width: 1200px; margin: auto; display: table;}
/*-----------header1------------*/
.header1{
    width: 100%;
    height: 105px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.25);
}
.header1:before{
    /*position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
    height: 5px;
    width: 100%;
    background-color: #1c93c5;
    content: "";*/
}
.header_top{
    height: 28px;
    width: 100%;
    position: relative;
    background-color: #003d66;
}
.hd_top_rt{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 28px;
}
.header_btm{
    height: 77px;
    width: 100%;
    background-color: #fff;
    position: relative;
}
.hd_social{float: left; display: inline-block; margin-right: 15px; height: 28px; line-height: 28px;}
.hd_social a{text-decoration: none; color: #fff; margin-left: 15px;}
a.bookapp{float: right; display: inline-block; padding: 0 20px; background-color: #269da1; text-decoration: none;
color: #fff; font-size: 12px; height: 28px; line-height: 28px; transition: all 0.3s ease 0s;}
a.bookapp i{margin-left: 13px;}
a.bookapp:hover{background-color: #000;}

.logo{
    float: left;
    display: inline-block;
    margin-top: 3px;
}
.logo a img{display: block; height: 135px;}


.header1_rt{
    float: right;
    display: inline-block;
}
.top_header{
    /*background-color: #1c93c5;
    display: inline-block;
    float: right;*/
    width: 100%;
    height: 28px;
    line-height: 28px;
}
.nav{
    clear: both;
}
.nav ul{
    list-style: none;
    display: block; 
}
.nav > ul > li{
    float: left;
    display: inline-block;
    position: relative;
    border-left: 1px solid #eee;
    height: 77px;
     font-family: 'Merriweather', serif;
     font-size: 14px;
     position: relative;
}
.nav > ul > li:last-child{border-right: 1px solid #eee;}
.nav > ul > li.navrt{font-size: 12px; line-height: 15px; padding: 5px 15px;}
.nav > ul > li.navrt div{margin-bottom: 5px;}
.nav > ul > li.navrt span{color: #0f9db3;}
.nav > ul > li > a{
    display: block;
    text-decoration: none;
    color: #373737;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    text-transform: capitalize; 
    padding: 30px 15px;    
    transition: all 0.3s ease 0s;
    position: relative;
    font-family: 'Merriweather', serif;
}
.nav > ul > li:hover > a:after, .nav > ul > li > a.active:after{
    /*position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: "";*/
}
.nav > ul > li > a i{font-size: 16px; margin-left: 0px; position: relative; top: 0px;}
.nav > ul > li:first-child > a{}
.nav > ul > li:hover > a, .nav > ul > li > a.active{
    color: #1c93c5; background: #fff !important;
    /*box-shadow: -10px 0 20px rgba(0, 0, 0, 0.22);*/
}
.nav > ul > li > a.active, .nav > ul > li:hover > a{
    /*color: #00a651;   
    background-color: #ebebeb;*/
}


.nav > ul > li:hover > ul.dropdown1{
    transform: translateY(0px);
    visibility: visible;
    z-index: 99;
}
.nav > ul > li > ul.dropdown1{
    backface-visibility: hidden;
    background-color: #fff;
    border-top: 1px solid hsla(0, 0%, 40%, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    cursor: default;
    font-size: 16px;
    font-weight: 400;
    left: 0;
    line-height: 1.2;
    position: absolute;
    top: 100%;
    transform: translateY(-108%);
    transition: all 0.35s ease 0.15s;
    visibility: hidden;
    width: 260px;
    will-change: transform;
    z-index: -999;
}
.nav > ul > li:last-child > ul.dropdown1{left: auto; right: 0px;}
ul.dropdown1 li{
    width: 100%;
    display: block;
    position: relative;
    z-index: 999;
}
ul.dropdown1 li:last-child{border-bottom: 0px;}
ul.dropdown1 > li > a{
    display: block;
    padding: 12px 18px;
    color: #000;
    font-size: 12px;
    text-decoration:none;
    transition: all 0.3s ease 0s;
    background-color: #fff;
    z-index: 9999;
    border-bottom: 1px solid #eaeaea;
}
ul.dropdown1 > li > a i{float: right; font-size: 15px; color: #ccc; margin-top: 4px;}
ul.dropdown1 li:hover > a{
    color: #1c93c5;
}
ul.dropdown1 > li:hover > a i{color: #1c93c5;}


ul.dropdown1 > li:hover ul.dropdown2{
    display: block;
}
ul.dropdown2{
    display: none;
    background-color: #f2f2f0 !important;
    border-top: 1px solid hsla(0, 0%, 40%, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    cursor: default;
    font-size: 16px;
    font-weight: 400;
    left: 100%;
    line-height: 1.2;
    position: absolute;
    top: -1px;
    width: 260px;
    z-index: -1;
}
ul.dropdown2 > li > a{
    display: block;
    padding: 12px 18px;
    color: #000;
    font-size: 12px;
    text-decoration:none;
    border-bottom: 1px solid #ccc;
    transition: all 0.3s ease 0s;
    z-index: 9;
    background-color: #f2f2f0;
}


.top1_left {
    display: inline-block;
    float: left;

}
.top1_left ul li {
    display: inline-block;
    float: left;
    font-weight: 300;
    position: relative;
}
.top1_left ul li a{
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    padding: 0 15px;
    font-weight: 500;
    /*text-transform: capitalize;*/
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.top1_left ul li a i{margin-right: 7px; font-size: 18px; color: #f53226;}
.top1_left ul li.whatsapp a i{color: #2751ab;}
.top1_left ul li a:hover{color: rgba(255, 255, 255, 0.6);}
.top1_left ul li:after{
    position: absolute;
    right: 0px;
    top: 8px;
    width: 1px;
    height: 11px;
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
}
.top1_left ul li:last-child:after{display: none;}

/*
.imgbx1 {
  position: relative;
  width: 100%;
  transition: .5s ease;
}
.imgbx1 a{text-decoration: none; color: #000;}
.image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.85);
  overflow: hidden;
  width: 100%;
  height:80px;
  transition: .5s ease;
  text-align: center;
}
.imgbx1:hover .overlay {
  height: 100%;
}

.text h4{height: 80px; padding-top: 15px; font-size: 22px; margin: 0px; width: 100%; transition: .5s ease;}
.text h4 span{line-height: 28px; display: inline-flex;}
.text p{padding: 0 30px 10px; font-size: 14px; line-height: 22px; color: #555;}
.text h6.cirhd{
    background-color: #0f9db3;
    width: 100px;
    height: 100px;
    display: table;
    margin: auto;
    color: #fff;
    border-radius: 100%;
    line-height: 120px;
    font-size: 16px;
}
.text h6.cirhd span{line-height: 21px; display: table-cell; vertical-align: middle;}
.imgbx1:hover h4{margin: 50px 0 10px; transition: .5s ease;}
*/

.banner_txt {
    top: 35% !important;
    color: #fff;
    position: absolute;
    text-align: left;
    width: 50%;
    left: 5%;
    display: table;
}
.banner_hd, .banner_cont, .banner_r_more {
    width: 100%;
    float: left;
}
.banner_hd {
    color: #03a0a5;
    font-size: 50px;
    line-height: 42px;
    font-weight: 500;   
    /*text-shadow: 0 0 10px rgba(0, 0, 0, 0.6) !important;*/
    visibility: visible !important;
    font-family: 'Cabin Condensed', sans-serif;
    padding: 30px;
    text-transform: capitalize;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.banner_cont {
    color: #6a6e79;
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin: 10px 0;
    display: block;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.10) !important;
    visibility: visible !important;
}
.banner_cont span {
    margin: 0 10px;
    display: inline-block;
}
.banner_cont span i {
    margin-right: 5px;
}
.banner_r_more{
    clear: both;
    margin-top: 10px;
}
.banner_r_more a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    margin: auto;
    display: inline-block;
    border: 1px solid #005e9e;
    background-color: #005e9e;
    padding: 0 30px;
    transition: all 0.3s ease 0s;
    visibility: visible !important;
    outline: 0px;
}
.banner_r_more img{margin-left: 5px;}
.banner_r_more a:hover{background-color: #1cabd3; border-color: #1cabd3; color: #fff;}
.ban_but {
    bottom: 5%;
}

.slideRight ul{list-style: none;}
.slideRight ul li{display: inline-block; position: relative; padding: 0 25px;}
.slideRight ul li:before{
    content: "\f061";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}
.slideRight ul li:first-child:before{display: none;}



.section1{width: 100%; display: table; height: 52px; padding: 5px 0px; text-align: center;
background-color: #269da1; color: #fff; font-size: 18px;}
.section1 h4{line-height: 40px; display: inline-block; margin: 0px; margin-right: 10px; margin-top: 0px; font-weight: 600; font-size: 21px;}
.section1 form{width: auto; display: inline-block;}
.section1 input[type="text"], .section1 input[type="email"]{display: inline-block; width: 200px; border-radius: 8px; height: 32px !important;
border: 0px; margin: 0px; font-size: 12px;}
.section1 .btn-sub1{border-radius: 8px; background-color: #003f6e; border: 0px; padding: 0 20px; 
    height: 32px; line-height: 32px; margin-left: 10px; transition: all 0.3s ease 0s;}
.section1 .btn-sub1:hover{background-color: #0089cf;}


.section2, .servicespg{
    width: 100%; display: table; padding: 40px 0 50px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e0e0e0+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
.width20{float: left; display: inline-block; width: 20%; padding: 0 10px;}
.width25{width: 25%; margin-bottom: 35px;}
.sec2bx1{background-color: #fff; width: 100%; display: block;
    position: relative; padding-bottom: 20px; min-height: 210px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.sec2bx2{background-color: transparent; box-shadow: none;}
.tm1{background-color: #fff; padding: 20px; text-align: center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
width: 100%;}
.sec2hd a{width: 100%; display: table; position: relative; padding-left: 95px; height: 80px;
 margin-bottom: 10px; text-decoration: none; color: #005e9e; font-size: 18px; transition: 0.5s ease;}
 .sec2hd a:hover{color: #676e78;}
.sec2hd span{vertical-align: middle; display: table-cell;}
.sec2hd a img{position: absolute; left: 5px; top: 10px; width: 70px; height: 70px; border-radius: 100%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.sec2bx1 p{width: 100%; clear: both; display: table; padding: 0 10px; font-size: 12px; line-height: 18px;
color: #555;}
.sec2bx1 a.lmore{clear: both; width: 50%; padding: 5px 10px; background-color: #005e9e; color: #fff; font-size: 12px;
display: table; text-align: center; position: absolute; bottom: -15px; right: 0px; border-radius: 8px;
transition: 0.5s ease; text-decoration: none;}
.sec2bx1 a.lmore:hover{text-decoration: none; background-color: #0089cf;}

.sec2hdin a{width: 100%; padding: 10px;}
.sec2hdin a img{width: 70%; position: relative; left: auto; right: auto; top: auto; height: auto; display: table; margin: auto;}
.sec2hdin a span{display: block; clear: both; width: 100%; text-align: center; margin-top: 15px; 
font-size: 18px; color: #000;}
.width25 .sec2bx1 p{text-align: center; margin-bottom: 0px; font-size: 13px;}


.sec2bx2 .sec2hdin a img{top: 20px;}
/*
.mFooter{
    width: 100%;
    display: table;
    height: 40px;
    line-height: 40px;
    background-color: #666d77;
    color: #fff;
    text-align: center;
    font-size: 12px;
}
.mFooter span{color: #bedaed;}
*/


.footer {
    background-color: #666d77;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 35px 0 0;
    position: relative;
    width: 100%;
}
.ft_inner1 {
    display: table;
    width: 100%;
    margin: auto;
}
.ftleft1 {
    display: inline-block;
    float: left;
    padding-right: 10px;
    width: 25%;
}
.fthd1 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.ftaddress {
    clear: both;
    color: #cbcbcb;
    display: table;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
}
.ftul1 {
    clear: both;
    list-style: outside none none;
    width: 100%;
    padding-left: 0px;
}
.ftul1 li {
    clear: both;
    display: block;
}
.ftul1 li a {
    clear: both;
    color: #cbcbcb;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    padding: 5px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.ftul1 li a:hover {
    color: #fff;
}
.ftsocial {
    clear: both;
    list-style: outside none none;
    padding-left: 0px;
}
.ftsocial li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.ftsocial li a {
    border-radius: 100%;
    color: #000;
    display: block;
    font-size: 18px;
    height: 36px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 36px;
    background-color: #fff;
}
.ftsocial li a.fb:hover {
    background-color: #3c5b9b;
    color: #fff;
}
.ftsocial li a.tw:hover {
    background-color: #2daae1;
    color: #fff;
}
.ftsocial li a.lin:hover {
    background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #fff;
}
.ftaddress h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 28px;
}
.ftleft1 h3{margin-top: 0px; color: #fff; font-size: 18px;}
.ftaddress a{text-decoration: underline; color: #fff;}
.mFooter {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    clear: both;
    color: #cbcbcb;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;
    text-align: center;
    width: 100%;
}
.mFooter span{color: #dac26e;}


.stellarnav{display: none;}



.inner_banner {
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}
.inner_banner img{
    width: 100%;
    display: block; 
}
.inner_banner_txt1{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: table;
    height: 70px;
    line-height: 70px;
    background-color: rgba(38,157,161,.8);
    color: #fff;
    font-size: 16px;
}

.inner_banner_txt1 ul{list-style: none;}
.inner_banner_txt1 ul li{
    float: left;
    display: inline-block;
    position: relative;
    padding-right: 25px;
    font-weight: 300;
    color: #fff;    
    font-size: 25px;
}
.inner_banner_txt1 ul li:after{
    content: "/";
    color: #fff;
    position: absolute;
    font-size: 14px;
    right: 8px;
    top: 0px;   
}
.inner_banner_txt1 ul li:last-child:after{display: none;}
.inner_banner_txt1 ul li a{color: #fff; text-decoration: none;}
.inner_banner h1{background-color: #fff; color: #000; position: absolute; top: 65px; left: 7%;
padding: 10px 35px; font-size: 46px; font-weight: 400; display: none;}
.inner_banner h1 span{color: #269da1;}
.innerpg p, .innerpg ul{font-size: 16px; line-height: 28px; margin-bottom: 20px; color: #000; font-weight: 300;text-align: justify;}
.innerpg p strong{color: #006165; font-weight: 400; font-size: 18px;}
.wid75 ul{padding-left: 20px; list-style: none;}
.wid75 ul li{position: relative; padding: 5px 20px;}
.wid75 ul li:after{
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #00465c;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: 0;
}

.tm1 p{text-align: center; font-size: 12px;}

.inner_left_menu{
    width: 100%;
}
.inner_left_menu ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.inner_left_menu > ul > li{
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    transition: all 0.3s ease 0s;
    text-align: center;
}
.inner_left_menu > ul > li > a{
    text-decoration: none;
    color: #005ea4;
    text-transform: capitalize;
    font-size: 25px;
    display: block;
    width: 100%;
    padding: 15px 10px 15px 30px;
    position: relative;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

/*
.inner_left_menu > ul > li > a:after{
    position: absolute;
    left: 15px;
    top: 15px;
    color: #777;
    font-size: 16px;
    content: "\f105";
    font-family: FontAwesome;
}*/
.inner_left_menu > ul > li:hover > a:after, .inner_left_menu > ul > li.active > a:after{
    color: #ffd2dd;
}

.inner_left_menu > ul > li.dd1:hover > a:after{
    color: #777;
}

.inner_left_menu ul ul{/*padding-left: 30px;*/ padding-bottom:15px;}
.inner_left_menu ul ul li{
    float: left;
    display: inline-block;
    position: relative;
    width: 33.33%;
    padding: 15px;
}
.inner_left_menu ul ul.submenu li a{
    text-decoration: none;
    color: #555;
    text-transform: capitalize;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 8px 20px;
    position: relative;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 8px;
}
.inner_left_menu ul ul li:hover a{
    color: #005ea4;
}
/*.inner_left_menu ul ul li a:after{
    position: absolute;
    left: 20px;
    top: 7px;
    color: #777;
    font-size: 16px;
    content: "\f105";
    font-family: FontAwesome;
}
.inner_left_menu ul ul li:hover a:after, .inner_left_menu ul ul li.active a:after{
    color: #c8eff0;
}*/

.innerh4 a{text-decoration: none; color: #d21142;}
.innerh4 a:hover{text-decoration: underline;}

ul.submenu{display: none;}

.wid75{width: 100%;}
.wid25{width: 100%; border-top: 1px solid #989292; padding-top: 20px; margin-top: 50px;}

.contactpg{position: relative; padding-bottom: 150px;}
.contactpg iframe{width: 100%; height: 450px; display: block; border: 10px solid #fff;}
.contactpg .address1{position: absolute; bottom: -100px; margin: auto; background-color: #fff;
text-align: center; padding: 50px; border-radius: 150px; display: table; width: 25%; left: 37%;
font-weight: 300; font-size: 14px; line-height: 20px;}
.address1 b{/*color: #269da1; font-size: 23px;*/ font-weight: 600; /*margin-bottom: 20px;*/
display: inline-block;}

.box5_row1{
    width: 100%;
    display: table;
    clear: both;
    margin-bottom: 50px;    
}
.b5_img1{
    float: left;
    display: inline-block;
    width: 30%;
    text-align:center;
}
.b5_cont1{
    float: left;
    display: inline-block;
    width: 70%;
    font-weight: 300;
    font-size: 17px;
    line-height: 26px;
}
.b5_top1{
    margin-bottom: 5px; 
}
.b5_btm1 a.email{
    font-size: 18px;
    color: #2e89cd;
    text-decoration: none;  
}


label{font-weight: 400; font-size: 14px;}
.halfspan {
    width: 49%;
    float: left;
}
.halfspan.right {
    float: right;
}
.career_form h2 {
    color: #631a35;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: block;
    font-size: 24px;
    font-weight: 400;
    border-bottom:1px solid #eee;
}
.career_form label {
    margin: 5px 0 0 0;
    display: block;
    font-weight: 400;
}
input.c-input, textarea.c-input {
    width: 100%;
    float: left;
    height: 40px;
    padding: 10px;
    color: #333;
    border: 1px solid #ccc;
    margin: 0 0 15px 0;
    font-size: 14px;
    font-weight: 300;
    transition: all .5s;
    background: #fff;
}
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 #3e4095;
    outline: 0px;
    transition: all .5s;
}
textarea.c-input {
    height: 80px;
}
input.c-btn {
    float: left;
    margin-top: 15px;
    padding: 10px 30px;
    background: #269da1;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    transition: all .5s;
}
input.c-btn:hover, input.c-btn:focus {
    background: #003f6e;
    transition: all .5s;
}
.close{z-index: 99; font-size: 32px; margin: 10px 10px 0 0; position: relative;}
.modal-dialog{width: 700px;}



.login_box{
    padding: 0px;
    background: #fff;
    width: 100%;
    display: block; 
    overflow: auto;
}

.pop_img{
    float: left;
    display: inline-block;
    width: 22%;
    margin-right: 3%;
    margin-bottom: 10px;
}
.pop_img > img{
    width: 100%;
    display:block;  
}


.pop_cont{
    display: inline-block;
    width: 100%;    
}
.pop_cont .prod_hd1{
    color: #209cd2;
    display: flex;
    font-size: 18px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
    padding-bottom: 5px;
}
.pop_cont .prod_cont1{
    color: #515151;
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 15px;
    width: 100%;    
    text-align: justify;
    margin-top: 15px;
}
.p_desig {
    color: #0093d2;
    font-size: 14px;
    line-height: 22px;
}


.ftul1 i{margin-right: 10px;}
.deskno{display: none;}
.pad200{padding-left: 200px; font-weight: 300; line-height: 26px;}
/* =========================== 
   ====== Media Queries ====== 
   =========================== */
/*------smallphones----------------*/  
@media only screen and (min-width : 240px) and (max-width : 960px)
{
    .container{width: 100%; margin: auto; display: table;}
    body{padding: 0px;}
    .header1{position: relative; z-index: 9;}
    .logo{margin-left: 20px;}
    .logo a{position: absolute; z-index: 99999; background-image: url('../images/logo2.png'); height: 70px;
    width: 60%; background-size: auto 100%; background-repeat: no-repeat;}
    .logo a img{display: none;}
    .hd_top_rt{display: none;}
    .top1_left{float: none; width: 100%; text-align: center;}
    .top1_left ul li{float: none; width: 100%; display: block; }
    .top1_left ul li a{padding: 0 5px; font-size: 15px; display: block; width: 100%;}
    .header1_rt{display: none;}
    .banner_txt{top: 40% !important; width: 90%; left: 5%;}
    .banner_hd{font-size: 26px; padding: 10px; line-height: 32px; text-shadow: 1px 1px #fff;}
    .banner_hd br{display: none;}
    .section1 h4{margin: 5px 0;}
    .section1 input[type="text"]{width: 80%; border-radius: 0px; margin: 0px 0px 10px;}
    .width20{float: none; width: 100%; margin-bottom: 30px;}
    .width20:last-child{margin-bottom: 0px;}
    .sec2bx1 a.lmore{padding: 10px;}
    .mFooter{line-height: normal; padding: 15px 0;}
    ul.dropdown1 > li > a{padding: 16px; font-size: 16px;}
    ul.dropdown1 li:hover > a{color: #fff;}
    
    .header_top{height: 50px;}
    .top_header{height: 50px; line-height: 25px;}
    .top1_left ul li::after{display: none;}

    .pavcontentslider .carousel-control{display: none !important;}
    .banner_hd{background: transparent !important; width: 60%;}
    .modal-dialog{width: 100%;}

    .ftleft1{width: 100%; clear: both; padding: 0 30px;}
    .mobno{display: none !important;}
    .ftaddress, .fthd1{text-align: left !important;}
    .mobtop1{margin-top: 30px;}
    .deskno{display: block;}
    .inner_banner_txt1, .section2, .servicespg{padding: 20px;}
    .mFooter{font-size: 12px;}
    .inner_banner_txt1{height: auto; line-height: normal; padding: 5px 20px;}
    .inner_banner_txt1 ul li{font-size: 21px;}
    .inner_banner_txt1 ul{padding-left: 20px !important;}
    .pad200{padding-left: 0px;}
    .attach_files ul li a{font-size: 12px !important; padding: 0 10px !important;}
    .attach_files ul li span{width: 65% !important; font-size: 12px !important;}

    .box3_img1{float: none; width: 98% !important; margin-bottom: 20px !important;}
    .contactpg .address1{position: relative; bottom: auto; width: 100%; left: auto; border-radius: 0px;}
    .inner_left_menu ul ul li{width: 100%; clear: both; padding: 10px 20px;}
    .section1 input[type="email"]{width: 80% !important; border-radius: 0px !important; margin: 0px auto 10px!important;}
    .testimonials .test_txt{width: 100% !important; padding:0px !important;}
}
/*------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 : 960px) and (max-width : 1024px)
{
    
}
@media only screen and (min-width : 960px) and (max-width : 1200px)
{
    
}
@media only screen and (min-width : 1200px) and (max-width : 1366px)
{
    
}