/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,700);


    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    abbr, address, cite, code,
    del, dfn, em, img, ins, kbd, q, samp,
    small, strong, sub, sup, var,
    b, i,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section, summary,
    time, mark, audio, video {
        margin:0;  padding:0;  border:0; outline:0; font-size:100%;  vertical-align:baseline;   background:transparent; font-family: 'Roboto', sans-serif; font-family: 'Open Sans', sans-serif;;color:#474747; letter-spacing: 0.04em;
    }

    body {font-size:16px;font-weight: 400;}
    img{vertical-align:middle;  }
    h1, h2, h3, h4, h5, h6 {font-family: 'Raleway', sans-serif; text-transform:uppercase; }
	h1{font-size:34px; color:#FFF; font-weight:600;   padding:15px 0px; text-align:center;}
	h2{font-size:30px; color:#ff8200; font-weight:600; padding:0px 0px;  text-align:center;}
	h3{font-size:25px; color:#1f1f1f; font-weight:600;   padding:0px 0px 18px; text-align:center;  }
	h4{font-size:24px; color:#1a6eb4; font-weight:normal; padding:10px 0 16px; text-align:left;  }
	h5{font-size:21px; color:#FFF; font-weight:600;  padding:0px 0px; line-height: 50px; }
	
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section {   display:block;   }

    nav ul { list-style:none; }

    blockquote, q {  quotes:none; }

    blockquote:before, blockquote:after,
    q:before, q:after {   content:'';   content:none;  }

    a {  margin:0;  padding:0;  font-size:100%;  vertical-align:baseline;   background:transparent;   color: #454545;}
	a:hover, a:focus{color:#0078b3}
	
    /* change colours to suit your needs */
    ins {  background-color:#ff9;  color:#000;   text-decoration:none;  }

    /* change colours to suit your needs */
    mark { background-color:#ff9;   color:#000;   font-style:italic;    font-weight:bold; }

    del { text-decoration: line-through; }

    abbr[title], dfn[title] {  border-bottom:1px dotted;   cursor:help;  }

    table { border-collapse:collapse;   border-spacing:0;  }

    /* change border colour to suit your needs */
    hr { display:block;   height:1px;   border:0;   border-top:1px solid #eaeaea;  margin:40px 0px 20px; padding:0;}

    input, select {   vertical-align:middle;  }
a:focus{outline: none;}
header .navbar-inverse .navbar-nav > li > a {color: #FFF;    font-size: 15px;    font-weight: 600;    padding: 16px 17px 15px;    text-transform: uppercase;}
header .navbar-inverse .navbar-nav > li > a:hover{color: #FFF; border-bottom:2px solid #FFF;}
header .navbar-inverse .navbar-nav > li > a:focus{color: #FFF;}
header .navbar-inverse .navbar-nav > li > a.lst{ }


header .dropdown-menu li{ border-top:1px solid #f2f2f2; }
header .dropdown-menu li:first-child{ border-top:0px }
header .dropdown-menu li a{ padding:9px 15px; line-height:normal; text-transform:uppercase; }
header .dropdown-menu li a:hover{background:#39b54a}
header .dropdown-menu{ padding:2px 0 0}
.contentSection h1, .contentSection h2, .contentSection h3, .contentSection h3, .contentSection h5{text-align: left;}

.fancybox-skin{border-radius: 0 !Important;}
.navbar-header{width: 35%;}
.enquiry{width:186px; padding:8px; padding:0 10px ; margin-left:40px; font-size:15px; text-transform:uppercase; color:#FFF;}
.phoneFax{width:170px; float:left; font-size:18px; color:#FFF;}
.phone{ height:35px; background:url(../images/phoneFax.png) no-repeat; background-position:0px 4px; text-align:left;	padding:5px 0 0 30px;}
.mail{ height:35px; background:url(../images/phoneFax.png) no-repeat; background-position:0px -118px; text-align:left; 	padding:2px 0 0 30px; }



body { color:#333; font-family: 'Open Sans', sans-serif;; font-size:15px; line-height:23px; }
ol, ul{ list-style:none; padding:0px; margin:0px;}
header{display:block;  float:left; left:0; position:fixed; z-index:99; padding-top:18px; text-align:center; min-height:100px; width:100%; }
header .inn-blk {  background:rgba(255, 255, 255, 1.0);    min-height: 100%;    position: absolute;    width: 170px; border-right:1px solid #cacaca;}

.logo { display:block; 
    /* -webkit-transition: all  0.6s ease-in-out; 
    -moz-transition: all  0.6s ease-in-out; 
    -o-transition: all  0.6s ease-in-out; 
    transition: all  0.6s ease-in-out;  */
}

.navbar-brand{height: 77px; padding: 16px 5px;}
.shrinkLogo{display:none;}

.logoSmall{width:60px !important ; }
.header{}	
header .logoMobile{display:none;}
.header{}
#floating-icons{padding:0;position:absolute;right:0;z-index:9;top:30%;width:55px}
#floating-icons li{list-style-type:none; text-align: center;}
#floating-icons li a{background:rgba(31,69,125,0.9);color:#FFF;padding:0px;display:block;margin:0 0 4px 0;padding:12px;text-decoration:none;-webkit-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in;box-shadow:0px 0px 5px rgba(0,0,0,0.25); font-size: 22px; }
#floating-icons li a:hover{background:rgba(3,164,177,0.9);  }



.shrink{background:#4ac0ff; }

.shrink .logo {/* width: 330px; -webkit-transition: all  0.6s ease-in-out; 
    -moz-transition: all  0.6s ease-in-out; 
    -o-transition: all  0.6s ease-in-out; 
    transition: all  0.6s ease-in-out;  */ }
/*.shrink .shrinkLogo{display:block;}*/

/*.shrink .navbar-brand{padding: 7px 5px;}*/

.shrink .nav > li > a {   color:#FFF;}
.shrink .nav > li > a:hover {  text-decoration: none; color: #5cc1fa;  background:none;}
.shrink .nav > li > a.active {  text-decoration: none;color: #5cc1fa;  background:none;}


.mainSection{padding:60px 0px;}

.mainCenterText{color: #5d5d5d;    font-size: 17px;    line-height: 32px;    margin: 0 auto;    text-align: justify;    width: 80%}
.mainCenterText p{color: #5d5d5d; padding-bottom:20px;}
.fiText{color: #131212;    font-size: 16px;    line-height: 37px;    margin: 0 auto;    text-align: center;    width: 80%}

.aboutText{padding:0px 0px 30px 20px; line-height:30px;padding-top:2%;}


.aboutText p{padding-bottom:20px;}
.sectionHead h3{color: #3b8ec7; font-size: 42px; line-height: 50px; text-transform: uppercase; font-weight: 800; padding: 80px 0 20px; }

/*slider service*/
.sliderServiceAll{width: 100%; position: absolute; bottom: 0; overflow: hidden;  z-index: 3; }
.sliderService{bottom: 0; padding:0 4px; height:197px; bottom: -20px;
    -webkit-transition: all  0.3s ease-out; 
    -moz-transition: all  0.3s ease-out; 
    -o-transition: all  0.3s ease-out; 
    transition: all  0.3s ease-out; overflow: hidden;}
.sliderServiceRow{margin: 0 auto;}
.sliderServiceRow{list-style: none;}
.sliderServiceRow li{list-style: none;display: block;}
.sliderService1{height:180px; bottom: -20px; }
.sliderService:hover, .sliderService.current{  bottom: 0px; }

.slideSerContent{ color: #FFF; height: 100%;  position: relative; text-align: center;}
.slideSerContent h3{ color: #FFF; padding-top: 80px; 
    -webkit-transition: all  0.3s ease-out; 
    -moz-transition: all  0.3s ease-out; 
    -o-transition: all  0.3s ease-out; 
    transition: all  0.3s ease-out;padding-left: 6px;padding-right: 6px;font-size: 23px;}
.sliderService:hover .slideSerContent h3, .sliderService.current .slideSerContent h3{padding-top: 30px;}

.slideSerContent h4{ color: #FFF; font-size: 17px; text-transform: none; font-weight: 100;  text-align: center;
   opacity: 0;    filter: alpha(opacity=0); padding: 0 20px 2px;  line-height: 24px;
    -webkit-transition: all  0.4s ease-out; 
    -moz-transition: all  0.4s ease-out; 
    -o-transition: all  0.4s ease-out; 
    transition: all  0.4s ease-out;}
.sliderService:hover .slideSerContent h4, .sliderService.current .slideSerContent h4{opacity: 1;    filter: alpha(opacity=1);}
.slideImage img{width: 100%;}
.slideImage{height: 198px;-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;}
.slideText{position: absolute; top: 0; background:rgba(0, 0, 0, 0.6); width: 100%; height: 100%;
    -webkit-transition: all  0.4s ease-out; 
    -moz-transition: all  0.4s ease-out; 
    -o-transition: all  0.4s ease-out; 
    transition: all  0.4s ease-out;}
.sliderService:hover .slideText, .sliderService.current .slideText{background:rgba(60, 140, 200, 0.9);}
/*slider service*/


/*homeservice*/
.homeservice{width: 100%; }


.oneService{ padding:0 0 30px 0; text-align: center; overflow: hidden;
    -webkit-transition:all ease-in-out 0.4s;
    -o-transition:all ease-in-out 0.4s;
    -moz-transition:all ease-in-out 0.4s;
    transition:all ease-in-out 0.4s;
}
.oneService img{max-width: 100%; width: 100%;}
.oneService h4{text-align: center; color: #6b6b6b; font-size: 18px; text-transform: uppercase; font-weight: 400;}
.oneServiceImage{padding:0px 0;text-align: center; position: relative;}
.oneServiceImage::after{content: '';    background: rgba(0, 0, 0, 0.5);    position: absolute;    top: 0;
    left: 0;    width: 100%;    height: 100%; 
    -webkit-transition:all ease-in-out 0.4s;
    -o-transition:all ease-in-out 0.4s;
    -moz-transition:all ease-in-out 0.4s;
    transition:all ease-in-out 0.4s;
}
/* .oneService{background: rgba(246,246,246,0.5); } */
.oneServiceContainer{background: rgba(246,246,246,0.3);}
.oneService:hover{background: rgba(239,239,239,1); }
.oneService:hover h4{color:#3b8ec7 }
.oneService:hover .oneServiceImage::after{background: rgba(0, 0, 0, 0.0);  }
.oneService:hover .more3{visibility: visible; opacity: 1; cursor: pointer;}
.oneServiceContainer .oneService:nth-child(even){background: rgba(246,246,246,0.6);}



.oneServiceText h4{color: #5c8eb1; font-size: 22px; line-height: 30px; text-transform: uppercase; font-weight: 800; padding: 30px 0 20px;  text-align: left;}

.oneServiceText{padding: 0 40px;  text-align: left; font-size: 16px; line-height: 30px; min-height: 312px;
    text-align:justify;}

/*homeservice*/
/*homeTeam*/
.onePerson{-webkit-transition:all ease-in-out 0.4s;
    -o-transition:all ease-in-out 0.4s;
    -moz-transition:all ease-in-out 0.4s;
    transition:all ease-in-out 0.4s;background: rgba(246,246,246,0.3);}
.onePerson h4{color: #3b8ec7; font-size: 17px; font-weight: 600;}
.onePerson h5{color: #6e6e6e; font-size: 15px; text-transform: none; font-weight: normal; line-height: 20px; 
    padding: 10px 0;}
.onePerson:hover{background: rgba(246,246,246,1);}
.onePerson:hover .more3{visibility: visible; opacity: 1; cursor: pointer;}
.onePerson img{max-width: 100%; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);}
.onePersonText{padding: 10px 10px; min-height: 210px; margin-bottom: 20px;}
.onePersonText h4{padding-bottom: 0px;}

/*homeTeam*/
.fancybox-skin{border-radius: 0;}

/*innerpage*/

.innerBanner{     height:270px;    overflow: hidden;    position: relative;    
    width: 100%;-webkit-background-size: cover !important;-moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;}

.contactInnerBanner{  height:670px;}
.contactInnerbannerText{height: 270px; width: 100%; background:rgba(23,79,123, 0.8);   }
.contactMapAddress{position: absolute; height: 400px !important; padding-top: 90px; padding-bottom: 30px;}
.contactMapAddress h3{text-align: left; color: #3b8ec7;}

.contactMapAddress .addressUae{height: auto; position: absolute;
    z-index: 9;    left: 0;    padding: 30px 30px;  
    background: rgba(255,255,255,0.85);    width: 400px;     text-align: left;
    margin-bottom: 20px;}

/* .contactMapAddress .addressUae::after{    content:''; position: absolute; width: 0; 
  height: 0;  top: 60px; right: -20px;  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;    border-left: 20px solid #FFF; border-left: 20px solid rgba(255, 255, 255, 0.79);}  */

.contactMapAddress .addressIndia{height: auto; position: absolute;
    z-index: 9;    right: 0;    padding: 30px 30px;  
    background: rgba(255,255,255,0.85);    width: 400px;     text-align: left;
    margin-bottom: 20px;}

/* .contactMapAddress .addressIndia::before{    content:''; position: absolute; width: 0; 
  height: 0;  top: 60px; left: -20px;  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;    border-right: 20px solid #FFF;border-right: 20px solid rgba(255, 255, 255, 0.79);}  */




.contentSection{width: 100%;}
.rightImageSectionBlock{width: 100%;}
.leftImageSectionBlock{width: 100%; background: #f6f6f6;}
.imageContentRow{display: table; width: 100%; min-height: 350px;}
.imageContentRow .imageBlock {
    display: table-cell;    /*vertical-align: middle; */   float: none;    position: relative;    width: 45%;
}
.imageContentRow .contentBlock {
    display: table-cell;    float: none;    padding: 75px 68px;    /*vertical-align: middle; */   width: 55%;
    direction: ltr; text-align: justify;}

.contentBlock a{color:#0078b3; }
.backgroundImg{background-size: cover; height: 100%; width: 100%; overflow: hidden; left: 0; top: 0; 
    position: absolute;}

.innerImageText{left: 50%; top: 50%; position: absolute; transform: translateX(-50%) translateY(-50%);
    border: 2px solid #FFF; padding: 30px; text-align: center; line-height: 35px;}
.innerImageText h5{font-size: 30px;  text-align: center;}


.contentSection h3{font-size: 24px;color: #000;font-weight: 600;;line-height: 46px;font-weight: normal; text-transform: uppercase;}
.contentSection h4{text-transform: uppercase;color: #3b8ec7;font-weight: 600; }

.contentSection p{font-size: 16px;line-height: 32px; padding-bottom: 18px;}
.contentSection ul li{list-style: none; background: url('../images/elegantList.png') no-repeat; padding: 0px 0px 12px 30px; }


.innerPageService{width: 100%;}
.innerPageService .oneServiceText{padding: 0 40px;  text-align: left; font-size: 16px; line-height: 30px; 
    min-height: 0;  position: absolute; bottom: 20px;} 

.innerPageService .oneService{padding: 0px;}
.innerPageService .oneServiceText h4{color: #FFF; padding-bottom: 0px;}

.teamImage{position: relative;}
.teamImage img{max-width: 100%;}
.popupInner{padding: 40px;}
.popupInner h4{ padding-bottom: 2px; }
.popupInner h5{ padding-top: 5px; color:#6e6e6e; font-size: 15px; text-transform: none; font-weight: normal;
     line-height: 36px;}
.popupInner p{ padding-bottom: 15px;  line-height: 28px; }
.popupInner ul li{list-style: none; background: url('../images/elegantList.png') no-repeat; padding: 0px 0px 15px 30px; }
.teamDetails{display: none;}
.innerpageTeam{padding-top: 75px;}
.contactSubmit.more2{margin-top: 0;}

/*innerpage*/



.serviceList{margin-top:0px; text-align:left; display:inline-block; }
.serviceList li{list-style:none; background:url(../images/list.html) no-repeat; padding-left:18px; color:#5d5d5d;}

.homeAboutText{width: 90%; margin: 0 auto; text-align: center}
.homeAboutText h3{color: #3b8ec7; font-size: 42px; line-height: 50px; text-transform: uppercase; font-weight: 800; padding: 80px 0 20px; }
.homeAboutText p{font-size: 18px;  text-align: center; line-height: 36px; }

#captchaImage {
    max-width: 100%;
}

#menu_icon, .close_menu {
    background: rgba(0, 0, 0, 0) url("../images/men_icons.html") no-repeat scroll 0 0;
    cursor: pointer;  float: right;  height: 40px;  margin-right: 40px;  width: 40px;
}
#menu_icon, .close_menu {    display: none;}
.close_menu {    background-position: -41px 0 !important;}
.social { height:65px; float:right ;  border-radius: 35px 0px 0px 35px; background:rgba(16,75,125, 0.9); 
		 padding:14px 5px 14px 14px; position:absolute; right:0; top:18px;}
.social > ul {    display: table;    margin: 0 auto;}
.social li{float:left; padding:0;}
.facebook{width:30px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) 0px 0px; padding:14px 0;
		transition-duration:.5s; -webkit-transition-duration:.5s; text-indent:-300px; margin-right:12px;}
.facebook:hover{background-position:0px -31px;}

.twitter{width:30px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) -50px 0px; padding:14px 0;
		transition-duration:.5s; -webkit-transition-duration:.5s; margin-right:3px;}
.twitter:hover{background-position:-50px -31px;}

.linkedIn{width:29px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) -100px 0px;  padding:14px 0;
		transition-duration:.5s; -webkit-transition-duration:.5s; margin-right:3px;}
.linkedIn:hover{background-position:-100px -31px;}

.youtube{width:29px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) -148px 0px; padding:14px 0;
		transition-duration:.5s; -webkit-transition-duration:.5s; margin-right:3px;}
.youtube:hover{background-position:-148px -31px;}

.gplus{width:29px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) -198px 0px; padding:14px 0;
		transition-duration:.5s; -webkit-transition-duration:.5s; margin-right:3px;}
.gplus:hover{background-position:-198px -32px;}

.instagram{width:29px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) -244px 0px; padding:14px 0;
		transition-duration:.5s; -webkit-transition-duration:.5s; margin-right:3px;}
.instagram:hover{background-position:-244px -32px;}


.sliderWrap {    height: 100vh; position:relative;}
.sliderWrap .caption{min-width:28%; position:absolute; bottom:39%;  min-height:50px; 	color:#FFF; 
		left:50%;	line-height:75px; -webkit-transform: translateX(-50%); letter-spacing: 0.2em;
        -ms-transform: translateX(-50%);   transform: translateX(-50%);
        border-right: 4px solid #FFF;  border-left: 4px solid #FFF;
}
.sliderWrap .caption::before {
    content: " ";    border-top: 4px solid #FFF;
    color: red; display:block; width:100px;
    font-weight: bold; position: absolute;
}

.sliderWrap .caption::after {
    content: " ";    border-bottom: 4px solid #FFF;
    color: red; display:block; width:100px;
    font-weight: bold; position: absolute; bottom: 0; left: 0;
}



.caption .captionIn{ padding:20px; position: relative}

.captionIn::before {
    content: " ";    border-top: 4px solid #FFF;
    color: red; display:block; width:100px;
    font-weight: bold; position: absolute; top: 0; right: 0;
}
.captionIn::after {
    content: " ";    border-bottom: 4px solid #FFF;
    color: red; display:block; width:100px;
    font-weight: bold; position: absolute; bottom: 0; right: 0;
}




.captionIn h4{font-size:44px; color:#FFF; text-align:center; font-family: 'Raleway', sans-serif; font-weight:100; text-transform: uppercase;  }

.captionIn h3{font-size:44px; color:#FFF; text-align:center; font-family: 'Raleway', sans-serif; font-weight:100!important; text-transform: uppercase;position: relative;z-index: 3;opacity: 1;  }

.bigText{font-size:72px; font-weight:800;}
.sliderWrapIn {     position:relative;   /*height:390px;left: 0;    margin: 0;  */  overflow: hidden;       width: 100%; }
.sliderWrapIn img{width:100%;}
.bannerText{font-size:50px; color:#FFF; margin:0 auto; text-align:center; font-weight:100; position: absolute; 
		bottom:36%; width:60%; left:0; right:0;}


.homeMessage{width:100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;    border: 1px solid #777;    height: 32px;    margin-bottom: 8px;    text-align: center; color:#999999;}
.form-control{color:#333; }
.form-control::-moz-placeholder{color:#333; }

.form-control:-ms-input-placeholder { color: #333;}
.form-control::-webkit-input-placeholder { color: #333;}


.contactPageForm .form-control{color:#000; text-align: left;}
.contactPageForm  .homeMessage{height:84px;}
.int-block{width:30%; float:left}
.book{background-color:rgba(255, 255, 255, 0.5);  height:32px; text-align:center;  padding:0px 15px; float:right}
.book:hover{color:#CCC;}

.contactSubmitBtnWrap{float:right;}

.homeContact h2{margin-bottom: 24px;}
section.homeAbout h1, .homeContact h2{font-weight: 700;font-size: 37px;}
section.homeAbout p{font-size: 20px;line-height: 42px;}
#cbp-bislideshow > li{
   /*  display: none;
   visibility: hidden; */
   /*  opacity: 1 !important; */
}
#cbp-bislideshow > li.current{display: block;
    visibility: visible;}

.homeContact .container{min-height:400px;position: relative;/* left: 0;right: 0;margin: auto; */}
.contactContainer{background: url("../images/map_01.jpg") center center;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.address {    position: absolute;    z-index: 9; left: 0;   padding:30px 30px;   height: 100%;    background: rgba(255,255,255,0.85);width: 400px;}
.address ul{padding-bottom: 20px;}
.address p{padding-bottom: 10px;}

.homeContactFormAll {    position: absolute;    z-index: 9; right: 0;   padding:30px 30px;   height: 100%;   
    width: 380px;}
.homeContactForm {  padding:30px 30px;   background: rgba(255,255,255,0.8); height: 100%;  }
.address h3{color: #3b8ec7; font-size: 22px; font-weight: 600; text-align: left;}
/* ERROR MSGE STYLE */
.homeContactForm .book-block, .contactPageForm .book-block{position: relative;}
.homeContactForm .book-block label.error{position: absolute;
    top: -6px;
    right: -66px;
    background: rgba(255, 32, 32, 0.68);
    padding: 1px 5px;
    /* border: 1px solid #ff1c1c; */
    line-height: 15px;
    font-size: 11px;
    color: white;
    -webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
border-radius: 4px;
border-bottom-left-radius: 0;}
.contactPageForm .book-block label.error{position: absolute;
    top: -10px;
    right: -40px;
    background: rgba(255, 32, 32, 0.68);
    padding: 1px 5px;
    /* border: 1px solid #ff1c1c; */
    line-height: 15px;
    font-size: 11px;
    color: white;
    -webkit-border-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-bottomleft: 0;
border-radius: 4px;
border-bottom-left-radius: 0;}
.homeContactForm .book-block label.error::after, .contactPageForm .book-block label.error::after{
   content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 0 0;
    border-color: #ff0000 transparent transparent transparent;
    left: 0;
    bottom: -6px;
    opacity: 0.6;
}

/* ERROR MSGE STYLE */



#map-wrap {    height:400px;    position: relative;    overflow: hidden;    width: 100%;}
.book-block{margin-bottom: 6px;}
.book-block  input {    border: 1px solid #a7a7a7; background: none;  height: 37px;  text-align: left; 
   -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; padding: 7px 12px;}

.book-block textarea{border: 1px solid #a7a7a7;-webkit-border-radius: 0px;-moz-border-radius: 0px;
border-radius: 0px;height: 45px;}
.contactPageForm{background: none;}

.footer{background:#3b8ec7; text-align:center; padding:10px 0px; color:#FFF; font-size:13px;
		 width:100%; }

.footerIn{padding-top:3px; display:block; min-height:28px;/* border-bottom:1px solid #CCC;*/ color:#333; font-size:14px !important;}
.form-control:focus{border-color:#a7a7a7; }
.footerAdd{font-size:15px; text-align:center; color: #FFF; font-weight: 100;font-weight: 600;;}
.footerAdd a{ color: #FFF; }
.footerAdd ul li{display: inline-block; padding: 0 10px; color: #FFF; border-right:2px solid #FFF; line-height: 15px;  }
.footerAdd ul li:last-child{border-right:none;}

.copyright{ padding-top:5px; text-align:center;}
.copyright ul li{ font-size:13px;  color: #f5f6f6;  font-weight: 100; display: inline-block; border-right: 1px solid #f5f6f6; line-height: 15px; padding: 0 10px; }
.copyright ul li:last-child{border: none;}
.copyright a{color: #f5f6f6;}

.form-control{font-size:14px;}
.mobSocialMedia{display:none;}
	

.address{text-align:left; margin-bottom:20px; font-size:15px;}
.conatctLeft{width:100px;}

.contactPageForm .book{ background-color: rgba(225, 225, 225, 1);}
.contactPageForm .int-block{text-align:left; width:30%}

.address h4{padding-top:0;}
.error{color:#e10606; font-weight: 400; font-size: 13px; }


.refresh{width:32px; float:left; margin:4px; cursor:pointer; }
.captcha {    background: #eee none repeat scroll 0 0;    float: left;    height: 40px;    margin-right: 10px;    padding: 8px;    width:60%;
}
.form-control{padding:6px 0px 6px 7px !important;   box-shadow:none;}
.cbp-biprev{left:10px;}
.newsletter{text-align:left; border: 1px solid #47b4e6; padding-right:0; padding-left:0;  }
.newsletter input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width:80%; border:none;        height: 32px;     text-align: left;
}
.mapHomeImage{background-image: url("../images/map_01.jpg"); height: 100%; } 


.form-control:focus{box-shadow:none;}

.emailImage{width:150px;}
.contactKey{width:50px; display:inline-block; padding-bottom:8px;}
.errorField{border:1px solid red !important;}
.captchaWrap .captcha{height:34px;}
.captchaWrap .captcha img{height:34px;}
.captchaWrap .refresh{cursor:pointer;}
.clientImage{min-width:30%; float:left; text-align:center}
.sitemap ul li{list-style:inside}
.mainNavBar{margin-top:20px;}
.mainNavBar a{color:#FFF; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight: 500; 
        letter-spacing: 0.04em; }
.mainNavBar .navbar-nav{}
.navbar-toggle{color:#FFF; margin-right:0px;}
.navbar-toggle .icon-bar{border-color:#FFF;color:#960;background:#FFF; width:30px; margin-bottom:7px;}

#map{width: 100%;min-height:200px; height: 70vh;}
.aboutImage{display: none;}
.aboutImage img{max-width:100%;}





.innerBanner .container, #contactPageMap .container{position: relative;height: 100%;}
.innerBanner .bannerTitle, #contactPageMap .bannerTitle{position: absolute;bottom: 25%; font-weight:800;;text-transform: uppercase;color: white;margin: 0;z-index: 9;text-align: center;left: 0;right: 0;width: 100%;padding: 0;font-size: 42px;}
.contactBnnerTitle .bannerTitle {
    font-weight: 500;;
    text-transform: uppercase;
    color: white;
    margin: 0;
    text-align: center;
    font-size: 68px;
    margin-top: -150px;
    z-index: 9;
    position: relative;
}

.contentSection img{max-width: 100%;}
.readMoreBtnWrap{margin-top: 25px;}
.readMoreBtnWrap i{font-size: 25px;color: #ff8200;}
.readMoreBtnWrap{display: inline-block;color: #b55e0c;    width: auto; line-height: 24px; font-size: 16px;
     border: 1px solid #b55e0c; text-align: center; padding: 5px 10px;
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;


}
.readMoreBtnWrap:hover{color: #FFF; 
     border: 1px solid #FFF; text-align: center; padding: 5px 10px; }


.readMoreBtnWrap a:hover{background: #ff8200;}
.readMoreBtnWrap a:hover i{color: white;}



.more1{display: inline-block;color: #103a56;    width: auto;  font-size: 13px;
     border: 1px solid transparent; text-align: center; padding: 3px 10px; margin-top: 10px; text-transform: uppercase;
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;}
.more1:hover, .more1:focus {color: #FFF; border: 1px solid #FFF; text-align: center;  }

.more2{display: inline-block;color: #3b8ec7;    width: auto;  font-size: 14px;
     border: 1px solid transparent; text-align: center; padding: 5px 12px; margin-top: 10px; text-transform: uppercase;
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;}
.more2:hover, .more1:focus {color: #3b8ec7; border: 1px solid #3b8ec7; text-align: center;  }

.more3{display: inline-block;color: #3b8ec7; width: auto;  font-size: 13px;
     border: 1px solid transparent; text-align: center; padding: 3px 10px; margin-top: 10px; text-transform: uppercase;
    -webkit-transition:all ease-in-out 0.3s;
    -moz-transition:all ease-in-out 0.3s;
    -o-transition:all ease-in-out 0.3s;
    transition:all ease-in-out 0.3s;
     visibility: hidden; opacity: 0;
}
.more3:hover, .more3:focus {color: #3b8ec7; border: 1px solid #3b8ec7; text-align: center;  }






.productPageContactBtn{margin-top: 20px;}



.contentLeftBlockWrap ul {margin: 15px 0;font-weight: 500;font-size: 18px; margin-left: 20px;}
.contentLeftBlockWrap ol{list-style: none; font-size: 17px;}
.contentLeftBlockWrap ol li{padding-bottom: 20px;}

.contentLeftBlockWrap ul li{list-style:disc ;line-height: 33px;padding-left: 20px;}
.contentLeftBlockWrap > h4:first-child{margin-top: 0;padding-top: 0;}
.contentLeftBlockWrap p{margin-bottom: 15px;}
.contactPageBannerDesc{position: absolute;top: 0;left: 0;width: 100%;height: 315px;background:rgba(0, 0, 0, 0.2);}
.contactPageBannerDesc .container{height: 100%;}

.contactPageContainer h3{font-size: 24px;margin-top: 0;margin-bottom: 10px;text-transform: uppercase;color: #1b1b1b; font-weight: 600; padding-bottom: 0;}
.contactPageContainer .feildControl{margin-bottom: 18px;}
.contactPageContainer input[type="text"]{width: 100%;    padding: 8px 11px;height: 41px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #9a9a9a;}
.contactPageContainer textarea{width: 100%;padding: 8px 15px;height: 120px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 1px solid #9a9a9a;}
.contactPageContainer input:focus, .contactPageContainer textarea:focus{outline: none;}
#contactPageMap {opacity: 0.7;}
.contactPageMapWrp{background: #515151;}
.sendWrap{text-align: right;}
.sendWrap input.contactSubmit{width: 100%;color: white;max-width: 200px;border:1px solid #3b8ec7; padding: 8px 15px;text-align: center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;height: 45px;}
.contactCaptchaSubmitWrap{padding-top: 10px;}



/* #contactPageMap .gm-style:after{content: '';position: absolute;display: block;height: 100%;left: 0;right: 0;width: 100%;background: rgba(0, 0, 0, 0.2);z-index: 9;} */

.resourceOne{padding-bottom:100px;}
.resourceOne:last-child {padding-bottom:10px;}


.oneDownload{min-height: 200px; text-align: center; padding-top: 30px; }
.oneDownload p{font-size: 17px; line-height: 28px; }

.oneDownload h5{color: #000; font-size: 18px;  text-align: center; font-weight: 600; text-transform: uppercase; padding-bottom: 12px;}
.oneDownload img{padding-top: 10px; padding-bottom: 20px; max-width: 140px; }




/* SLIDER TITLE ANIMATION */
.sliderWrap .caption{

     z-index: 3;
     opacity: 1;
     visibility: visible;
 /*  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 100ms;
  -moz-transition: opacity 100ms;
  -o-transition: opacity 100ms;
  transition: opacity 100ms; 
  transition:all 0.3s;*/
}
.sliderWrap .current .caption{
    /* opacity: 1;
    visibility: visible; */
}

#cbp-bislideshow li.current .animated1 {
    /* border: 1px solid red; */
}

#cbp-bislideshow li.current .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

#cbp-bislideshow li.current  .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}

#cbp-bislideshow li.current .animated4 {
    -webkit-animation: fadeIn 1s ease-in 500ms both;
    animation: fadeIn 1s ease-in 500ms both;
    text-align: center;
}

#cbp-bislideshow li.current .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

#cbp-bislideshow li.current .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

#cbp-bislideshow li.current .animated7 {
    -webkit-animation: fadeInUp 500ms ease-in-out 700ms both;
    animation: fadeInUp 500ms ease-in-out 700ms both;
}

#cbp-bislideshow li.current .animated8 {
    -webkit-animation: fadeInUp 500ms ease-in-out 500ms both;
    animation: fadeInUp 500ms ease-in-out 500ms both;
}



/* SLIDER TITLE ANIMATION */
.contact-contentImg img{max-width: 100%;}
.contact-contentImg{text-align: center;}
.g-recaptcha{}
.g-recaptcha {transform:scale(0.55);-webkit-transform:scale(0.55);transform-origin:0 0;-webkit-transform-origin:0 0;}
.homeContactSubmitBtnWrap{margin-top: 20px;overflow: hidden;}
.homeContactSubmitBtnWrap .contactSubmit{font-weight: normal; background: none; /* font-family: 'din_mediumregular'; */text-transform: uppercase;  width: 100%;width: 100%;padding: 4px 15px;text-align: center;-webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px;  border: 1px solid #3b8ec7;}


.homeContactSubmitBtnWrap img, .homeContactSubmitBtnWrap input{max-width: 100%;}
.contactSubmit:focus{outline: none;}
.homeContactSubmitBtnWrap .captchaText input{background: transparent;color: #000;border: 1px solid #52536b; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; height: 39px;
    padding: 8px;}
.homeContactSubmitBtnWrap input:focus, .homeContactSubmitBtnWrap textarea:focus{outline: none;}
::-webkit-input-placeholder {  color:    #292929;}
:-moz-placeholder {  color:    #292929; opacity:  1;}
::-moz-placeholder { color:    #292929; opacity:  1;}
:-ms-input-placeholder {  color:    #292929;}
:placeholder-shown {  color:    #292929;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.homeContactSubmitBtnWrap .captchaWrap{}
.homeContactSubmitBtnWrap .captchaWrap span img{max-width: 92px;max-height:60px;}
.homeContactSubmitBtnWrap .captchaText{padding:0 5px;width: 100px;}
.homeContactSubmitBtnWrap .submitBtnWrap{float: left; }
.homeContactSubmitBtnWrap .refreshIcon{padding-left: 7px;cursor: pointer;}
.homeContactSubmitBtnWrap .captchaWrap span{display: inline-block;}
#contactPageMap{height: 315px;}
.contactCaptchaSubmitWrap .captchaWrap img{max-width: 108px;max-height: 40px;}
.contactCaptchaSubmitWrap .refreshIcon {display: inline-block;;padding-left:10px;cursor: pointer;}
.contactCaptchaSubmitWrap .submitBtnWrap input{width: 100%;
    background: #ff8200;
    color: white;
    max-width: 165px;
    border: none;
    padding: 8px 15px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 42px;}
.contactCaptchaSubmitWrap .submitBtnWrap{text-align: right;}

.contactSideBarWrap h4{font-weight: 600; margin-top: 0;padding: 0;margin-bottom: 15px;color: #ff8200;font-size: 18px; /* font-family: 'din_mediumregular'; */}

.contactSideBarWrap address{font-size: 17px;/* font-family: 'din_lightregular'; */ font-weight: 400; line-height: 26px;margin-bottom: 42px;}
.contactSideBarWrap li{margin-bottom: 9px;padding-left: 40px;position: relative;}
.contactSideBarWrap li:before{position: absolute;left: 0;top:5px;font-family: "lineicons" !important;
    font-style: normal !important;font-weight: normal !important;font-variant: normal !important;
    text-transform: none !important;font-size:34px;color: #acacac;}
.contactSideBarWrap li.addressDesc:before{content: "\6d";}
.contactSideBarWrap li.phoneNumber:before{content: "\71";}
.contactSideBarWrap li.phoneNumber i{padding-left: 16px;}



.contactSideBarWrap li.mailDesc:before{content: "\6c";}
.contactSideBarWrap li i{vertical-align: middle;font-size:34px;color: #acacac;display: inline-block;}
.contactPageForm .alert{padding:3px 10px;margin-bottom: 8px;}
.contactSideBarWrap li br{display: none;}
.contactSideBarWrap li.addressDesc br{display: block;}
a.morelink {
    text-decoration:none;
    outline: none;
    display: block;clear: both;margin-top: 20px;
}
a.morelink i{
    display: inline-block;font-size: 25px;
    color: #ff8200;
    border: 1px solid #ff8200;
    padding: 2px;height: 31px;
    padding-top: 5px;
}
.morecontent span {
    display: none;

}
.stick {
    margin-top: 86px;
    -webkit-transition: margin-top 0.25s ease-in;
    transition: margin-top 0.25s ease-in;
}
.contentSection h3.resProductTitle{margin: 5px 0;margin-bottom: 15px;padding: 0;font-size: 22px;font-weight: normal; /* font-family: 'din_mediumregular'; */ font-family: 'Open Sans', sans-serif;font-weight: 600;  line-height: 30px;text-transform: uppercase;}
.cbp-bicontrols{    display: block;top: auto;bottom: 5%;height: auto;left: auto;right: 5%;width: 84px;}

.cbp-bicontrols span{max-width: 30px;}

.progressbar{
    height: 6px;  /* Can be anything */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    
    padding: 0px;
    /* box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); */
}
.progressbar > span{
    display: block;
  height:6px;
  
  position: relative;
  overflow: hidden;
}
.sliderService.current .progressbar{
    background: rgba(0, 0, 0, 0.5);
}
.sliderService.current .progressbar > span::after{
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 6px;
  left: 0;
  z-index: 3;

  background-size: 50px 50px;
  background: #FFF;
  -webkit-animation: move 4s linear ;
          animation: move 4s linear ;
  
}

@-webkit-keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes move {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.videoBanner .innerImageText{z-index: 3;}
.youtubeBanner #background-video{z-index: 1;} 
.aboutVideoBanner{height: 100%;}
.videoBanner .aboutVideoBanner{min-height: 100%;height: auto;transform: translateY(-10px);transform: scale(1.19);margin-top: -10px;}
.videoBanner{position: relative;height: 100%;overflow: hidden;}
.contentSection .leftImageSectionBlock{direction: rtl; text-align: left;}
.fancybox-skin{-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0;}
.sitemapWrapContainer{margin: 90px 0;}
.homeContact .address h3{padding-bottom: 7px;}

#preloader{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

#preloader #status{background: url('../images/elegant-preloader.gif') center center no-repeat;height: 100%;}
/* RESPONSIVE STYLE */
@media (min-width:1300px){


    .homeContactFormAll{width: 406px;}
    .g-recaptcha{transform: scale(0.61);
    -webkit-transform: scale(0.61);}
    
   .contactPageForm .g-recaptcha{transform: scale(0.65);
    -webkit-transform: scale(0.65);}
}


@media (min-width:1200px){
	.container{width:88%; }	
    .contentRightWrap{width: 70%;margin-left: 5%;}
    .sliderServiceAll{width: 88%;left: 0;right: 0; margin: 0 auto;}
    .slideSerContent h3{padding-left: 10px;padding-right: 10px;}
    .innerpageTeam .onePersonText{min-height: 315px;
    margin-bottom: 60px;}
    .joinUsWrapper .imageContentRow{ min-height: 478px;}
    .onePersonText{min-height: 250px; text-align: justify;}
    #cbp-bislideshow, .sliderWrap{min-height: 100vh;}
    
    .videoBanner .aboutVideoBanner{}
    #preloader{display: block;}
}
@media (min-width:1100px){
    .videoBanner .aboutVideoBanner{-webkit-transform: translateY(-10px) scale(1.60);
          transform: translateY(-10px) scale(1.60);margin-top: -20px;}
}
@media only screen and (min-width : 1250px) and (max-width : 1360px)  { 

    .nav > li > a{
        padding-left: 8px;
        padding-right: 8px;
    }
    .navbar-header{
        width: 33.3%;
    }
}
@media only screen and (min-width : 1025px) and (max-width : 1200px)  { 
    .navbar-header{
       
        max-width: 257px;
    }

}
@media only screen and (min-width : 1025px) and (max-width : 1250px)  { 
    .header .nav > li > a{padding: 6px 5px;}
    .logo{max-width: 240px;}
    #cbp-bislideshow, .sliderWrap{max-height: 700px;}
}

/* iPads in portrait and landscape----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	
	#map{max-height:400px;}
	.bannerText{font-size:30px;}
    .captionIn h4{font-size: 50px;}
    .featHoverWrap h3{font-size:25px;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{font-size: 50px;}
    .contactBnnerTitle .bannerTitle {font-size: 50px;}
    .contentSection h3{font-size: 24px;}
    .resourceOne iframe{height: 200px;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{font-size: 35px;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{bottom: 35%;}
    .sliderWrap{margin-bottom: 15px;}
    .sliderServiceAll .slideText{top: 0 !Important;}
    .innerImageText{top:45%;}
    .oneServiceText{text-align: left;}
    .innerPageService .oneServiceText{min-height: 0;}
    .more3{visibility: visible;opacity: 1;}
}
/* iPad in landscape----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

    

}

/* iPad in portrait----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    .sliderWrap, #cbp-bislideshow{max-height: 580px;overflow: hidden;}
    .sliderWrap .caption{bottom: 28%;}
    .slogan {background-position: 103% bottom; background-size: 143px auto;}
    .productList li{width: 33.333%;}
    .contactForm .captchaWrap{padding-right: 0;}
    .contactCaptchaSubmitWrap .refreshIcon{padding-left: 5px;}
    .contactCaptchaSubmitWrap .refreshIcon img{width: 15px;}
    .oneService h4{padding-top: 16px;}
    .featHoverWrap h3{top: 42%;}
    .slogan{background-position: 109% 50px;}
    .slideSerContent h3{font-size: 14px;padding-bottom: 8px;margin-bottom: 0;}
    .slideSerContent h4{font-size: 14px;line-height: 20px; font-weight: 300;}
    .captionIn h4{font-size: 30px;}
    .nav > li > a{font-size: 12px;}
    .logo{padding-top: 15px;}
    .sliderWrap .caption{bottom: 45%;}
    .onePerson img{width: 100%;}
    .onePersonText{min-height: 200px;} 
    .imageContentRow .contentBlock, .imageContentRow .imageBlock{display: block;width: 100%;}
    .imageContentRow .imageBlock{height: 300px;}
    .oneServiceText{padding: 0 30px;}
    .innerPageService .oneServiceText{bottom: 0 !important;}

    .oneServiceText h4{font-size: 17px;font-weight: 600;line-height: 24px;}
    .mainNavBar a{letter-spacing: 0.03em;}
    .address{width: 365px;}
    .homeContactFormAll{width: 365px;}
    .aboutVideoBanner{display: none;}
    .aboutImage{display: block;}
    .innerImageText {    left: 30%;    top: 30px;      position: absolute;    
        transform: translateX(0%)  translateY(0%);    border: 2px solid #FFF;
    padding: 30px;    text-align: center;    line-height: 30px; }
    .contactMapAddress .addressUae{width: 340px;}
    .contactMapAddress .addressIndia{width: 340px;}
    .innerPageService .oneServiceText{min-height: 0;}
}




@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
.logo{width:190px;}
     .navbar-header{width: auto;}
.nav > li > a{padding:10px 7px;}
.enquiry{margin-left:0px; margin-top:-8px; width:178px;}  
.phoneFax{font-size:15px;}
#address{width: 440px;}
.social{height:50px; padding:10px 5px 10px 5px;}
.facebook{margin-right:6px; width:24px;}
.twitter{background-position:-46px 0px; width:28px;}
.twitter:hover{background-position:-46px -31px; }
.phone{height:auto;}
.aboutImage img{width:100%;}
.aboutText{font-size:14px; line-height:28px;}
.shrink .shrinkLogo{width:150px;}
.footerAddress{text-align:center;  color: #FFF;}
.footerContact{padding-bottom:10px;}
.footerContact > ul{text-align:center;}
.footerContact ul li {    display: inline-block;    float: none; padding-right:10px;}
.key{padding-left:15px;}

.slogan{background-size: 24% ; background-position: bottom right;}
.sloganText{width: 80%}
    .nav > li > a{padding: 10px 4px; }
   
.sliderService:hover .slideText, .sliderService.current .slideText{position: absolute;top: 20%;}
}

@media (min-width:768px){
    .contentRightWrap{float: right;}
    .sidebar{float: left;}
   
    .nav > li > a{
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    
    }
    .nav > li > a:hover, .nav > li.active-main-menu > a{color: #8ed6ff; background: none; /* transform: translateY(-2px) */}
    .nav > li > a:focus{color: #8ed6ff; background: none;} 
}


@media (max-width:768px){
	
    .navbar-header{width: auto;}
	.contactBannerWrapper{height:auto;}
    .sloganText h3{font-size: 28px;line-height: 39px;}
    .slogan{background-size: 150px auto;background-position: 110% 55px;}
    .featHoverWrap h3{font-size: 23px;}
    .contactSideBarWrap li br{display: block;}
    .contactSideBarWrap li .icon-lineicons-fax{margin-left: -40px;margin-top: 10px;}
    .productList li{word-wrap: break-word;}
    .resourceOne iframe{height: 180px; margin-bottom: 30px;}
    .item{margin-bottom: 16px;}
    .innerPageService .oneServiceText{bottom: 56px;}
    .popupInner{padding: 10px;}
    .popupInner div[class*="col-"]{padding-left: 5px;padding-right: 5px;}
    .homeContactForm .book-block label.error{right: 0;}
    .contactPageForm .book-block label.error{right: 0;}
}

@media (max-width:767px){
/*  j  */
.header .logo{width:255px ;}
.navbar-brand{padding:15px 0 10px;}
    .footer{padding:0;}
    .contactMapAddress .addressIndia{left: 0; position: relative; width: auto;}
    .contactMapAddress .addressUae{position: relative; left: auto; width: auto;}
    .contactMapAddress{height: auto; padding-top: 30px;}
    
/*  j  */
    
    
    .sliderWrap .caption{min-width:80%;}
.cbp-bislideshow{position: relative}
    .sliderServiceAll{position: relative}
.header{max-width:100%; min-height:70px; display:block; position:relative}


.navbar-toggle{margin-top:15px;}
.mainNavBar{margin-top:5px;}
.mainNavBar a{color:#FFF; text-align:center;}
.sliderWrap{position:static;}
header .logoMobile{margin-top: 0;    padding: 10px 0 0 10px; display:block}
h1{font-size:26px; }
h2{font-size:26px; }	
header nav ul li {padding: 14px 0;}
.container {  width: 87%; }
.mainCenterText{width:100%; font-size:18px; line-height:28px;}
.aboutImage img{max-width:100%;}
.aboutText{padding:0px 15px;}
.footerHome{position:relative; }
.captionIn h4{font-size:40px;}
.captionIn h5{font-size:24px;}
.sliderWrap .caption{bottom:26%;}
.sliderWrap .caption{max-width:90%;}
.sliderWrapIn img{width:auto}
#headerWrap{position:absolute; top:0; right:0; left:0; width:100%}
header #menu_icon,  header .close_menu { float: right; margin: 30px 18px 0 0; }
header nav ul { list-style: none; display: none; margin-top: 35px; position: relative; }
#menu_icon,  .close_menu,  .show_menu { display: block; }
.top-block{ display:none}
header nav ul li.resMenu { display:block; }	
header{ text-align:left; background:none}
header nav ul{ padding:0 30px}

header #menu_icon, header .close_menu{ margin-top:-45px;}
header nav ul{ background:none repeat scroll 0 0 rgba(240, 240, 240, 1); margin-top:0px; padding:4px; margin-top:8px;}
header nav ul li i{ float:left; margin-right:8px;}
header nav ul li a{ line-height:26px;}
.slogan{background: none;}
.sloganText{width: 100%}   
    .sloganText h3{font-size: 28px;}
.inn-blk{ width:100% !important}
.social{top:16px; right:16px; left:inherit; height:30px;}
.bookNowBlock{display:none}
.mainRightSide{padding:0 10px;}
.footerIn{padding-left:0px;}
.serviceHead h3	{font-size:20px;}
.galleryThumb . .name{font-size:18px;}
.social{display:none;}
.caption .captionIn{padding:20px;}
.sliderWrap .caption{font-size:16px; font-weight:normal; text-align:center; line-height:27px; right:10px;}
.mobSocialMedia{display:none; margin:0 auto; padding:0px 5px 15px;}
.mobSocialMedia .facebook{width:30px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) 0px -31px; padding:14px 0;		transition-duration:.5s; -webkit-transition-duration:.5s; text-indent:-300px; margin-right:12px;}
.mobSocialMedia .facebook:hover{background-position:0px -31px;}
.mobSocialMedia li{float:left;}
.mobSocialMedia .twitter{width:30px; height:30px; float:left; display:block; background:url(../images/socialmedia.png) -50px -31px; padding:14px 0;		 margin-right:3px;}
.mobSocialMedia .twitter:hover{background-position:-50px -31px;}
.footerAdd{text-align:center;font-size:15px;  }
.footerAdd ul li{color: #FFF; line-height: 20px; border: none;  }
.copyright{padding-top: 10px;}
.copyright ul li {border: none;}

.businessText{left:24px;}
.businessRight .row:nth-child(1),.businessRight .row:nth-child(2){margin-bottom:0px;}
.business1{margin-bottom:10px;}

.social2 { list-style: outside none none;    margin: 0 auto;    padding: 0 0 10px;   

		 }
.social2 li {    display: block;    float: left;    margin: 0 auto;    padding: 0 7px;    width: 32px;}
.image-gallery {    padding-bottom: 15px;}
.service-block {    display: block;    margin-bottom: 15px;    margin-top: 10px;    padding: 30px 0 0;}
.product-block .item .name{font-size:19px; line-height:27px;}
.sliderWrapIn{}
.header{position:absolute;top:0;width:100%;left:0;}
.address h4{text-align:center;}
.address{margin-bottom:0;}
.cbp-biprev{left:0px;}
/* .cbp-bicontrols{display:none;} */
.cbp-bicontrols span{width:60px;}
.certificate-block .owl-nav .owl-prev, .service-block .owl-nav .owl-prev { left:-8px;}
.certificate-block .owl-nav .owl-next, .service-block .owl-nav .owl-next { right:-8px; }


/*header .logo{width:75%;}*/
.header .navbar-nav{ }
.mainNavBar .navbar-nav{padding-right:0;}
.mainNavBar .enquiry{display:none;}
.navbar-brand{height: auto}
.nav > li > a:hover, .nav > li > a.active, .nav > li > a.focus{border:none; color:#5cc1fa;}
.bannerText{width:94%;font-size:28px;line-height:35px;}
.aboutImage{margin-bottom:20px;margin-top:30px;}
.contactSubmitBtnWrap button{padding:5px 5px;float:none;}
.contactSubmitBtnWrap{width:22%;float:right; padding:1px 0px 0px 0px;}
.header{background: rgba(5,97,146,0.8); }
.sliderWrapIn{ ;min-height:270px;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;background-repeat:no-repeat;background-position:center center;}
.footerIn{padding-bottom:10px;}
.contactCenter{width:90%;}
.key{padding-left:2px;}
.productList {margin-top: 0;margin-bottom: 30px;}
.contentSection h3.resProductTitle{}
.contentSection p{margin-bottom: 15px;}

    
/*    j*/
    .address{width: auto;}
.more2{visibility: visible; opacity: 1; border: 1px solid #3b8ec7;}    
.more3{visibility: visible; opacity: 1; border: 1px solid #3b8ec7;} 
    .homeContact .container{padding: 0;}
    .address{position: relative;}
    .onePersonText{/* padding: 10px 0; */ text-align: justify;}
    .oneServiceText{padding: 0 30px;}
    .homeAboutText{width: 100%; margin-bottom: 30px; }
    .homeAboutText p{font-size: 17px; line-height: 32px;}
    .nav > li > a:hover, .nav > li > a:focus{background: none;}
    .imageContentRow{display: block;}
    .imageContentRow .contentBlock{display: block;  width: 100%; padding: 30px 30px;}
    .imageContentRow .imageBlock{display: block; height: 300px; width: 100%;}
    .sectionHead h3{padding-top: 15px;}
/*    j*/

    .sliderWrap{height: auto !important; }
    .sliderService{bottom: 0;}
    .slideSerContent h3{font-size: 19px;padding-top: 0px;}
    .slideSerContent h4{font-size: 15px;}
    .slideText{position: absolute;top: 50%;transform: translateY(-50%);height: auto;background: none;z-index: 3;}
    .slideSerContent::after{content: '';display: block;position: absolute;z-index: 1; left: 0;top: 0;
        width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);
    }
    .slideSerContent::before{content: '';display: block;position: absolute;z-index: 2; left: 0;top: 0;
        width: 100%;height: 100%;;
    }
    .slideText h4, .slideText a{display: none;}
    .sliderService.current .slideText h4, .sliderService.current .slideText a{display: block;}
    .sliderService:hover .slideSerContent h3, .sliderService.current .slideSerContent h3{padding-top: 5px;}
    .sliderService:hover .slideText, .sliderService.current .slideText{background: rgba(60, 140, 200, 0);}
    .sliderService.current .slideSerContent::before, .sliderService:hover .slideSerContent::before{background: rgba(60, 140, 200, 0.6);}
    .sliderService.current .slideText h4, .sliderService:hover .slideText h4, .sliderService:hover a{display: block;}
    .sliderService .more1{max-width: 110px;margin-left: auto;margin-right: auto;}
    .sectionHead h3{font-size: 26px;}
    .address .phone{height: auto;margin-bottom: 14px;background-position: 0px 3px;}
    .homeContactFormAll{max-width: 100%;}
    .homeContactForm{padding: 12px 10px;}
    .copyright ul li{line-height: 20px;}
    .homeContactFormAll{position: relative;background: rgba(255,255,255,0.85);}
    .header{background: rgba(5,97,146,1);}
    .navbar-nav > li.active-main-menu > a{background: #1d719e;}
    .fancybox-close{right: 0 !important; top: -8px !important;}


}



@media (max-width:700px){
    
/*j  */
 #map-wrap{margin: 0px auto;}  
/*j  */
    .navbar-toggle{padding: 0;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{font-size: 30px;}
    .contactBnnerTitle .bannerTitle {font-size: 30px;}
    .contentSection h3, .sloganText h3{/* font-family: 'din_mediumregular'; */  font-family: 'Open Sans', sans-serif;font-weight: 600; font-size: 30px;line-height: 28px; text-align: center}
    .contentSection{margin-top: 0px;margin-bottom:0px;}
    .contentSection h4{margin-top: 10px;}
    .contentSection p{font-size: 17px; line-height: 27px;}
    #floating-icons{display: none;}
    .contentSection img{margin-top: 20px;}
    .contentSection .personImage img{margin-top: 0;}
    .sloganText h3{padding: 30px 0;padding-top: 36px;}
    section.homeAbout h1, .homeContact h2{font-size: 22px;}
    section.homeAbout p{font-size: 17px;line-height: 29px;text-align: left;}
    .homeAbout{padding: 30px 0;}
    .featHoverWrap h3{font-size: 16px;}
    .homeContact .container{width: 100%;}
    #address{width: 100%;padding: 15px;position: relative; } 
   
    #map{max-height: 150px;}
    .homeContactSubmitBtnWrap .submitBtnWrap{width: 96px;padding-left: 0;}
    .homeContactSubmitBtnWrap .captchaWrap{width: 145px;float: left;}
    .homeContact .container{position: relative;;}
    .productList li{width: 50%;}
    .productList li h3{font-size: 15px;}
    .productList{margin-top:20px;margin-bottom: 20px;}
    .copyright{padding: 0;padding-top: 20px;}
    .contactFormWrapper{padding: 0;}
    .contactSideBarWrap{padding: 0;margin-top: 65px;}
    .contactCaptchaSubmitWrap .captchaWrap{width: 38.333%;float: left;}
    .contactCaptchaSubmitWrap .captchaText{width: 30.333%;float: left;padding: 0;}
    .contactCaptchaSubmitWrap .submitBtnWrap{width: 31.333%;float: left;}
    .contactCaptchaSubmitWrap .captchaWrap img{margin-top: 0;}
    .contactCaptchaSubmitWrap #captchaImage{max-width: 62px;}
    .contactCaptchaSubmitWrap .refreshIcon{padding-left: 5px;}
    .contactCaptchaSubmitWrap .refreshIcon img{max-width: 15px;}
    .contactSideBarWrap li:before{left: -10px;}
    .contactSideBarWrap li .icon-lineicons-fax{margin-left: -52px;  margin-right: 13px;}
    .navbar-toggle{color:#FFF;margin-top: 21px; }
    .navbar-toggle .icon-bar{background: #FFF;border-color: #FFF;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{bottom: 34%;}
    .oneServiceImage, .onePersonText{margin-bottom: 27px;}
    .sliderServiceRow li{margin-top: 5px;margin-bottom: 5px;}
    .homeContactForm{padding: 0;background: transparent;}
    .onePerson img{width: 100%;}
    .homeContactSubmitBtnWrap .captchaWrap span img{margin-top: 0;}
    .address p{letter-spacing: 0;}
    .imageContentRow .contentBlock{text-align: left;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{font-size: 24px;}
    .contentSection h4{font-size: 17px;}
}


@media (max-width:480px){
    .contactCaptchaSubmitWrap .captchaWrap{padding-right: 3px;}
    .contactSideBarWrap li.phoneNumber a{display: inline-block;margin-top: 15px;}
    .contactSideBarWrap li.phoneNumber:before{top: 15px;}
    .logo img{    max-height: 53px;max-width: 94%;}
    .cbp-bislideshow .captionIn h4{font-size: 30px;}
    .oneService .icon{font-size: 100px;height: 93px;}
    .featIconWrap{padding-top: 5px;}
    .oneDownload img{padding-top: 0;}
    .resourceOne{padding-bottom:70px; }
    .contentRightWrap{padding-bottom: 30px;}
    .contentSection h3.resProductTitle{font-size: 30px}
    .contactPageContainer h3{margin-bottom: 25px;}
    .productPageContactBtn{margin-top: 0px; margin-bottom: 20px;}
    .header > .container{width: 90%;}
    .cbp-bislideshow .captionIn h4 {
        font-size: 24px;
        word-wrap: break-word;
    }
    .homeAboutText p {
        font-size: 16px;
        line-height: 30px;
    }
    .homeContactFormAll{padding-top: 0;}
    .contentSection h4{font-size: 16px;line-height: 23px; }
    .innerImageText{width: 85%;}
    .innerImageText h5{font-size: 19px; line-height: 33px;}
    .oneServiceText h4{font-size: 19px;line-height: 23px;padding-top: 10px;}
    .contactInnerBanner { height:790px;}
    .innerBanner .bannerTitle, #contactPageMap .bannerTitle{font-size: 22px; font-weight: 500;}
    .contactMapAddress .addressUae{padding: 20px;}
    .contactMapAddress .addressIndia{padding: 20px;}
    .homeContactSubmitBtnWrap .submitBtnWrap{float: right;}
    .phone{height: auto;}
    .g-recaptcha{transform: scale(0.55);
    -webkit-transform: scale(0.55);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;}
    .sliderWrap .slideText{bottom:10px;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}
    .sliderWrap .current .slideText{bottom:20px;top: auto;-webkit-transform: translateY(0);transform: translateY(0);}
    .homeContactFormAll{padding-top: 3px;}
    .teamImage img{margin-bottom: 15px;}
    .innerImageText{left: 0;right: 0;margin: 0 auto;top: 15%;-webkit-transform: translateY(0);transform: translateY(0);padding: 10px 5px;}
    .innerImageText h5{font-size: 16px;}

}

@media (max-width:340px){

    .featHoverWrap h3{top: 43%;}
   /*  .sliderWrapIn{max-height: 160px;} */
    .contactPageMapWrp{z-index: 1;}
}
@media (max-width:319px){
    .navbar-brand{
        max-width: 83%;
    }
}