@font-face {
    font-family: 'DIN1451StdMittelschrift';
    src: url('../fonts/dinmittelschriftstd.eot');
    src: url('../fonts/dinmittelschriftstd.eot') format('embedded-opentype'),
         url('../fonts/dinmittelschriftstd.woff') format('woff'),
         url('../fonts/dinmittelschriftstd.ttf') format('truetype'),
         url('../fonts/dinmittelschriftstd.svg#DIN1451StdMittelschrift') format('svg');
}
@font-face {
        font-family: 'Din-light';
        src: url('../fonts/DIN-Light.otf') format('opentype'),
		url('../fonts/din-light-webfont.eot') format('eot'),
		url('../fonts/din-light-webfont.svg') format('svg'),
		url('../fonts/din-light-webfont.ttf') format('truetype'),
		url('../fonts/din-light-webfont.woff') format('woff'),
		url('../fonts/din-light-webfont.woff2') format('woff2')
		 ;
		
}

@font-face {
        font-family: 'Din-mid';
        src: url('../fonts/din_medium.ttf') format('truetype'),
		url('../fonts/din_medium-webfont.eot') format('eot'),
		url('../fonts/din_medium-webfont.svg') format('svg'),
		url('../fonts/din_medium-webfont.ttf') format('truetype'),
		url('../fonts/din_medium-webfont.woff') format('woff'),
		url('../fonts/din_medium-webfont.woff2') format('woff2')
		 ;
		
}
@font-face {
    font-family: 'din_blackregular';
    src: url('../fonts/din-black-webfont.eot');
    src: url('../fonts/din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/din-black-webfont.woff2') format('woff2'),
         url('../fonts/din-black-webfont.woff') format('woff'),
         url('../fonts/din-black-webfont.ttf') format('truetype'),
         url('../fonts/din-black-webfont.svg#din_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



a label{cursor:pointer;}
body { margin:0; padding:0;  font-family: 'Din-light'; color:#666; font-size:15px;  }
a, a img { outline:none; border:none;}
.fl { float:left;}
.fr { float:right;}
.height76 { height:76px;}
.height60 { height:60px;}


/*------------------------------CLOUD ANIMATION END HERE---------------------------------*/

.headersliderbg { background:url(../images/headersliderbg.jpg) center top no-repeat; width:1000px; background-size:cover; height:500px; }
.homebackground {background-color:#f3f3f3;}
.clear { clear:both;}
.wrappercontainer, .homecontainer { width:100%; float:left; position:relative;}
.midcontainer { width:1050px; margin:0 auto; position:relative;}
.tr { text-align:right;}
.tl { text-align:left;}
.tc { text-align:center;}
.height20 { height:20px;}  
.height223 { height:223px;}
.height40 { height:40px;}
.height100 { height:100px;}

.padleft35 { padding-left:35px;}
.padright35 { padding-right:35px;}


/*--------------------------header css start here--*/
.headercontainer { width:100%; height:552px;  background:url(../images/headersliderbg.jpg) center top no-repeat; box-shadow:0 0 3px #494949;}
.header { width:100%; background:#FFF; height:80px; box-shadow:0 0 3px #666;}
.headertop { width:100%; float:left; height:78px; background-color:#333;}
.headerright { width:252px; float:right; border-left:1px solid #53bae9; padding:0 0 0 20px; margin:10px 0 0 0;}
.logo { width:250px; height:63px; float:left; margin:0px 0 0 20px;}
.menu { width:auto; float:right; margin:0px 0 0 0px; padding:0; list-style:none;}
.menu li { float:left; padding:0px 0 0 0  }
.menu li.last { padding-right:0px;}
.menu li a {  font-family: 'Din-light'; color:#666; font-weight:normal; font-size:17px; text-transform:uppercase;   margin:0 0px;  padding:29px 25px 30px 25px; float:left; text-decoration:none;  text-align:center; border-right:1px solid #CCC;  }  
.menu li a:hover, .menu li a.active {  background:#01a7a2; color:#fff;  }
.headercircle { width:845px; margin:0 auto}
.headercircle li { float:left; width:173px; margin:0 50px 0 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.headercircle li:hover { margin-top:10px;}
.icon-pic { float: left; width: 23%;}
.innerheader { width:100%; position:fixed; top:0px; background:#20419a; height:60px; z-index:99999;}

.form_wrap { width:415px; margin:0px 0 0 130px; padding:40px 0 0 0;}
.form_wrap h1 { font-family: 'Din-light'; font-size:40px;  text-align:center; letter-spacing:-2px; color:#000; padding:0 0 15px 0;}
.form_wrap form .inputbox { float: left;  margin: 0 0 12px; width: 100%;}
.form_wrap form .inputbox input { background-color: #fff;  border: 1px solid #ccc;  
    color: #999999; float: left; font-family: 'Din-light'; font-size: 16px; height: 40px; margin: 0 0 0 10px; padding: 0px 10px 0;width: 170px;}
	.form_wrap form .inputbox textarea { background-color: #fff;  border: 1px solid #ccc;  
    color: #999999; float: left; font-family: 'Din-light'; font-size: 16px; height: 40px; margin: 0 0 0 10px; padding: 0px 10px 0;width: 371px;}
/*-----------------------------------------------------------header css end here-----------------------------*/

/*-----------------------------------------------------------Slider container start css  here-----------------------------*/

.slidercontainer { width:100%; float:left; background:url(../images/homebannerbg.png) repeat-x center top; position:absolute; top:0; left:0; right:0;  height:766px; position:relative;}
.fullwidthcontainer { width:100%; float:left;}
.greybg { background:#F0F0F0; }
.homemidcontent h2 { font-size:40px;  font-family: 'din_blackregular'; text-align:center; color:#000; letter-spacing:-2px;  padding:20px 0 20px 0;  margin-bottom:40px;   }
.homemidcontent h2 span {  color:#751562;}
.servicescontainer { padding:0; width:50%; float:right; background:#FFF; height:500px; }
.servicesbox li.last { margin-right:0px;}
.servicesbox li { float:left; width:300px; position:relative; text-align:center; padding:20px;  margin:0; background:#FFF;}
.servicesbox li img { margin-bottom:20px}
.servicesbox li h3 { font-size:20px;   font-family: 'Din-light'; color:#000;  padding:0 0 7px 0; letter-spacing:-1px;}
.servicesbox li .serviceboxcontent { width:100%; float:left;}
.servicesbox li .serviceboxcontent p { text-align:justify; font-size:16px; line-height:24px; color:#333;}
.knowmorebutton { padding:10px 20px;  border-radius:5px; width:160px; margin:10px auto;   color:#ef383e; font-size:16px; border:1px solid #ef383e;   text-decoration:none;  font-family: 'Din-light'; font-size:16px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;transition: all 0.2s ease;}
/*-----------------------------------------------------------Slider container end css  here-----------------------------*/

.footercontainer { width:100%; float:left; font-size:13px; background-color:#333; padding:15px 0 15px 0;}
.footercontainer a{color:#fff; text-decoration:underline}
.footercontainer a:hover{color:#fff; text-decoration:none;}
.footerbottom { width:100%; float:left;   background:#bfbfbf; padding:10px 0; }
.footer { width:1100px; margin:0 auto;  }
.copyright { text-align:center;  color:#535353; padding:0px 0 0 0; font-size:13px;}
.copyright a { color:#0089f2; font-size:13px; text-decoration:none;}
.footerlinks { width:auto; margin:0 auto; display:inline-block;}
.footerlinks li { font-size:12px;   font-family: 'Din-light'; color:#fff; float:left;  }
.footerlinks li a { text-decoration:none; font-size:13px;   font-family: 'Din-light'; color:#fff; padding:0 10px; }
.footerlinks li a:hover { text-decoration:underline; color:#afc5ff;}
/*---------------------------Inner  header css start here----------------------------------------------*/



.height400 { height:380px;}
.innerheadercontainer { float: left;  width: 100%; height:300px;}
.innerheadercontainer h1 {  font-family: 'Din-light'; font-size:45px; letter-spacing:-1px; color:#FFF; font-weight:700; text-align:center; padding:55px 0 10px 0;}
.innerheadercontainer h1 span { color:#000;   font-family: 'Din-light'; text-transform:uppercase;}
 .innerheadercontainer p {font-size:15px; color:#333; text-align:center; line-height:24px; color:#FFF;}
.headertopspace { height:18px;}
.innerpagecontent p { font-size:16px; color:#333; text-align:left; line-height:24px; padding:0 0 20px 0; }
.innerpagecontent h2{ font-family: 'Din-light'; font-size:32px; letter-spacing:-1px; color:#000; font-weight:700; padding-bottom:5px;}
.innerpagecontent h3{ font-family: 'Din-light'; font-size:20px; letter-spacing:-1px; color:#000; font-weight:600; padding-bottom:2px;}
.aboutusbg { background:url(../images/aboutusbg.jpg) center 50px no-repeat #000b1e; height:300px}
.servicesbg { background:url(../images/servicesbg.jpg) center 50px no-repeat #000b1e; height:300px}
.contactbg { background:url(../images/contactus.jpg) center 50px no-repeat #000b1e;}
.contactusbg {  width:100%; float:left;}
.contactleft { float:left; width:400px;}
.contactright { width:500px; float:right;}
.contactright form input[type="text"] { background:#f0f0f0; padding:10px 20px; border:none; margin:0 0 15px 0;  width:400px;  font-family: 'Din-light'; color:#333; font-size:15px; border-bottom:2px solid #e5e5e5;}
.contactright form textarea { background:#f0f0f0; padding:10px 20px; border:none;  width:400px;  font-family: 'Din-light'; color:#333; font-size:15px; border-bottom:2px solid #e5e5e5; height:100px;}
.contacttopcontent h2 {  font-size:40px;  font-family: 'Din-light'; font-weight:700; color:#000; padding:0 0 10px 0; text-align:center;}
.contacttopcontent p { text-align:center; padding:0 0 15px 0; border-bottom:1px solid #ccc; margin-bottom:40px;}
.contactright h2 { font-size:30px;  font-family: 'Din-light'; color:#000; padding:0 0 30px 0;}
.contactright h2 span { font-size:16px;  font-family: 'Din-light'; font-weight:300; color:#666;}
.btnsubmit { background:#ff5f08; border:none; padding:8px 20px; font-family: 'Din-light'; color:#FFF; font-size:16px; margin-top:15px; cursor:pointer;}
.btnsubmit:hover { background:#00b156;}
.abotuleftcontent { width:600px; float:left; padding:50px 0 15px 0;}
.abotuleftcontent p { font-size:15px; color:#666; line-height:24px; text-align:justify;}
.abotuleftcontent h2 {font-size:35px;   font-family: 'Din-light'; color:#000; text-transform:uppercase; padding:0 0 7px 0; letter-spacing:-2px;}
.aboturgtimg { width:350px; float:right;}

.servic h2{ font-family: 'Din-light'; font-weight:300; font-size:40px; color:#333; text-align:center; text-transform:uppercase; padding:30px 0}
.servic ul{margin-bottom:20px; overflow:hidden}
.servic ul li{float:left; width:477px; height:289px; margin:0 30px 30px 0;}
.servic ul li h3{ font-family: 'Din-light';  font-size:30px; color:#FFF; text-align:center; padding:10px 0px 6px 0px; font-weight:300;}
.servic ul li p{color:#FFF; font-weight:300; font-size:14px; text-align:justify; line-height:18px;  padding:0 35px 0 35px;  font-family: 'Din-light';}
.readmr-btn {  padding:8px 20px;  border-radius:3px; width:auto; margin:10px auto;   color:#FFF;  border:1px solid #fff;   text-decoration:none;  font-family: 'Din-light'; font-size:15px; margin:10px 0 0 0px; display:inline-block;}
.readmr-btn:hover { background:#FFF; color:#000; border:1px solid #fff;}
.headerrightcontent { width:auto; float:left; margin:130px 0 0 30px; padding:40px; background:#000; opacity:0.8; }
.headerbanner h1 {   font-family: 'din_blackregular'; font-size:44px; font-weight:normal;  letter-spacing:-2px; color:#fff;   text-align:center; padding:0px 0 0px 0; text-align:left;}
.headerbanner h1 span {  color:#ffd46e;    font-family: 'din_blackregular'; font-weight:normal; }

.slider-heading ul{margin:0px;padding:0px;margin-bottom:90px;float:left;}
.slider-heading li{float:left;width:200px;border:1px solid #000;list-style:none;margin:0px 20px 20px 0px; }
.slider-heading li img { float:left; margin-right:10px; margin-top:-5px;}

.slider-heading li a{text-decoration:none;color:#000;text-transform:uppercase;display:block;padding:10px 0px 10px 10px;}
.slider-heading li:hover a{text-decoration:underline;}
.iconimg { width:100%; text-align:center; margin:30px 0 0 0;}
.slider-heading li:hover { background:#d40007; border:1px solid #d40007; color:#fff;}
.slider-heading li:hover a { color:#FFF; text-decoration:none;}
.indx-why{width:100%; background-color:#ededed; padding-top:30px;}
.indx-why .rgt{float:right; width:72%;}
.indx-why h2{font-family: 'din_blackregular'; font-size:28px; letter-spacing:-1px; color:#303847; margin:0px; padding:0px 0 40px 0;  text-align:left; line-height:9px;}
.indx-why p{color:#92979e; text-align:left; margin-bottom:30px; }
.indx-why ul{margin:30px 0 0 0;}
.org-icons li{ background:url(../images/orng-icon.png) no-repeat 5px 3px; padding-left:35px; margin-bottom:12px; color:#303847; font-size:15px;}
.org-icons li a{color:#2876b1; text-decoration:none}
.org-icons li a:hover{color:#2876b1; text-decoration:underline}
.why-img{float:left; background:url(../images/lady.jpg) no-repeat left bottom; height:325px; width:100%; margin-top:10px;}
.indx-why { background-color: #ededed; padding-top: 30px;  width: 100%;}
.innerheading  {  color:#FFF; padding:20px; height:140px; font-family: 'din_blackregular'; background:#881a72; width:auto; display:inline-block; font-size:35px; margin:20px 0 0 0;  }
.innerheading h1 { padding:20px; border:1px solid #FFF; height:100px; display:inline-block}

.headerform { background:url(../images/laptop.png) left top no-repeat; width:676px; height:376px;}
.btnsubmit { background:#01a7a2 !important; border:none !important; color:#FFF !important;}
.btnsubmit:hover { background:#e84b78;}
.bgone { background:url(../images/bg1.jpg) left top no-repeat #FFF; height:500px;}
.bgtwo { background:url(../images/bgtwo.jpg) right top no-repeat #FFF; height:500px;}
.bgthree { background:url(../images/bgthree.jpg) left top no-repeat #FFF; height:500px;}
.serviceboxcontent { border:5px solid #d7d7d7; margin:40px; display:inline-block; padding:40px;}
.serviceboxcontent h3 { font-family: 'din_blackregular'; text-align:center; font-size:40px; text-transform:uppercase; color:#000;  padding:0 0 20px 0; letter-spacing:-1px;}

.serviceboxcontent p { text-align:justify; font-size:16px; line-height:24px; color:#333;}
.knowmorebutton { padding:10px 20px;   width:160px; margin:10px auto;   color:#FFF; font-size:16px; border:1px solid #01a7a2; text-transform:uppercase; background:#01a7a2;   text-decoration:none;  font-family: 'Din-light'; font-size:16px;}
.knowmorebutton:hover { border:1px solid #881a72; background:#881a72;}
.aboutusbg { background:url(../images/inbound-call-center.jpg) center 70px no-repeat; height:300px}
.brdbtm{border-bottom:1px solid #CCC; margin-bottom:20px;}
.offer h3{font-family: 'Din-light'; font-size:30px; text-transform:uppercase; color:#000;  padding:20px 0 10px 0; letter-spacing:-1px;}
.offer ul{text-align:center; overflow:hidden; margin-bottom:10px;}
.offer ul li{display:inline-block; background-color:#ebebeb; width:336px; margin-bottom:2px; text-align:left; padding:5px 0 5px 10px;}
.thankyoupage { padding:0px 0 60px 0;}
.thankyoupage h2 { padding-bottom:20px; font-size:40px; text-align:center; color:#00ad0c; font-family: 'din_blackregular';}
.thankyoupage p { font-size:18px; line-height:24px; text-align:center;}