@font-face {
        font-family: "Open Sans";
        src: url('133300782-OpenSans-Regular.eot');
        src: url('133300782-OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('133300782-OpenSans-Regular.svg#Open Sans') format('svg'),
        url('133300782-OpenSans-Regular.woff') format('woff'),
        url('133300782-OpenSans-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	

@font-face {
  font-family: 'OpenSans-Light';
  src: url('OpenSans-Light.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Light';
  src:  url('OpenSans-Light.woff') format('woff'), url('OpenSans-Light.ttf')  format('truetype'), url('OpenSans-Light.svg#OpenSans-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
	
@font-face {
  font-family: 'Tungsten-Semibold';
  src: url('Tungsten-Semibold.eot?#iefix') format('embedded-opentype'),  url('Tungsten-Semibold.otf')  format('opentype'),
	     url('Tungsten-Semibold.woff') format('woff'), url('Tungsten-Semibold.ttf')  format('truetype'), url('Tungsten-Semibold.svg#Tungsten-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tungsten-Book';
  src: url('Tungsten-Book.eot?#iefix') format('embedded-opentype'),  url('Tungsten-Book.otf')  format('opentype'),
	     url('Tungsten-Book.woff') format('woff'), url('Tungsten-Book.ttf')  format('truetype'), url('Tungsten-Book.svg#Tungsten-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
html{
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:0px;
font-family:"Open Sans", "open-sans", sans-serif;
-webkit-font-smoothing:antialiased;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}


img, img a, a {
text-decoration:none;
border:none;
}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, button{display:block;}

button {
border:none  !important;
background-color:#000000 !important;}

a, ul, li, img {
margin:0px;
padding:0px;
text-decoration:none;
}

nav ul{list-style:none;}

img, img a {
border:none;
}

h1,h2,h3,h4,h5{
margin:0px;
padding:0px;
}


#wrapper{
margin:0 auto;
padding:0px;
width:1170px;
}


header{
margin:0px;
width:100%;
float:left;
background-color: #ffffff;
border-width: 0;
z-index:1000;
}

.logo{
float:left;
margin:0px;
padding:0px;
width:372px;
height:142px;}

.navbx{
float:left;
width:100%;
background-color:#000000;
border-bottom:1px solid #ffffff;}

nav{
display:block;
}

.navigation{
display:table;
margin:5px 0px;
float:right;}

.navigation ul{
list-style-type:none;
}

.navigation ul li{
display:inline;
font-family: 'Tungsten-Semibold';
font-size:30px;
padding:0px 0px 0px 40px;
font-weight:normal;

}

.navigation ul li a{
color:#31ccff;}

.navigation ul li a:hover{
color:#ffffff;}

.navigation ul li a.active{
color:#ffffff;
}

#flipmenu{
display:none;}

.menuicon{
display:none;
}

.tonum{
float:right;
font-family: 'Tungsten-Semibold';
font-size:28px;
color:#31ccff;
line-height:50px;
margin-top:15px;
text-align:right;
}

.email::before{
content:url("../images/email.png");
color:#5b5945;
padding:1px 8px 0px 0px;}

.email a{
color:#31ccff}

.phone::before{
content:url("../images/phone.png");
color:#5b5945;
padding:1px 8px 0px 0px;}

.phone a{
color:#fffff}

#banner{
float:left;
width:100%;
margin:0px;
padding:0px;
background-color:#eaeaea;
}

.bansec{
width:25%;
float:left;
text-align:center;
font-size:18px;
color:#4d4d4e;
text-transform:uppercase;
}

.bnbldtxt{
float:left;
margin:3% auto;
font-family: 'Tungsten-Semibold';
font-weight:normal;
font-size:49px;
color:#ec5527;
text-align:center;
width:100%;}

.bnbldtxt p{
width:80%;
margin:2% auto;
float:left;
padding:0px 10%;
font-family: 'OpenSans-Light';
text-align:center;
font-size:22px;
color:#6e6e6f;}

#services{
float:left;
margin:0px;
padding:1% 0px;
width:100%;
background-color:#f9f9f9;
border-bottom:1px solid #31ccff;}

#services h1{
float:left;
font-family: 'Tungsten-Semibold';
font-weight:normal;
font-size:48px;
color:#31ccff;
width:100%;
padding:2% 0px 2% 0px;
text-transform:uppercase;
}

#services h2{
float:left;
font-family: 'Tungsten-Semibold';
font-weight:normal;
font-size:42px;
color:#ec5527;
text-align:center;
width:100%;
padding:2% 0px 6% 0px;}

#innpage{
float:left;
margin:0px;
padding:1% 0px;
width:100%;
}

#innpage h1{
float:left;
font-family: 'Tungsten-Semibold';
font-weight:normal;
font-size:48px;
color:#31ccff;
width:100%;
padding:2% 0px 2% 0px;
text-transform:uppercase;
}

#innpage h2{
float:left;
font-family: 'Tungsten-Semibold';
font-weight:normal;
font-size:42px;
color:#31ccff;
width:100%;
padding:2% 0px 3% 0px;
text-transform:uppercase}

#innpage p a {
color:#31ccff}

#innpage p a:hover {
color:#dddddd}


.srvcbx{
float:left;
width:30%;
margin:0px 4% 3% 0px;
}

.srvcbx img{
margin:0px;
padding:0px;
border:1px solid #052c52;
box-shadow:2px 3px 2px 1px #8f959c;
-moz-box-shadow:2px 3px 2px 1px #8f959c;
-webkit-box-shadow:2px 3px 2px 1px #8f959c;
-o-box-shadow:2px 3px 2px 1px #8f959c;
}

.srvcbx:last-child{
margin-right:0px !important;}

.srvcbx .iconbx{
float:left;
margin:0px 1% 2% 0px;
padding:0px;
width:25%;}

.srvcbx .txtconbx{
float:left;
margin:0px;
padding:0px;
width:74%
}

.srvcbx .hding{
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:28px;
color:#3d4855;}

.srvcbx p{
font-family: 'Tungsten-Semibold';
color:#31ccff;
font-size:26px;
line-height:24px;
text-align:center;
}

.srvcbx p.mlink{
float:left;
margin:34px 0px 0px 0px;
padding:10px 0px;
background-color:#000000;
color:#ffffff;
text-transform:uppercase;
width:100%;
text-align:center;
color:#31ccff;
border:1px solid #000000;}

.srvcbx p a{
float:left;
margin:8px 0px 0px 0px;
padding:10px 0px;
background-color:#000000;
color:#ffffff;
text-transform:uppercase;
width:100%;
text-align:center;
color:#31ccff;
border:1px solid #000000;}

.srvcbx p a:hover{
color:#ffffff;}

.cnt{
float:left;
width:50%;}

.proccon{
float:left;
width:25%;
font-size:14px;
color:#ffffff;
line-height:22px;
margin:30px 0px 10px 0px;
}

.proccon .hdng{
font-size:18px;
color:#ffffff;
line-height:22px;
padding:0px 20px 0px 0px;}

.proccon p{
padding:0px 20px 0px 0px;
}


#witecont{
float:left;
width:100%;
background-color:#ffffff;
padding:2% 0px;
border-bottom:1px solid #ebebeb}

.castdy{
float:left;
width:100%;
padding:2% 0px 0px 0px;
border-top:1px solid #d6d6d6;
}

.castdy:first-child{
border-top:none !important}

.castdy .lft{
float:left;
width:40%;
}

.castdy .lft h2{
font-family: 'Tungsten-Semibold';
color:#31ccff;
font-size:36px;
font-weight:normal;}

.castdy .lft h5{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:28px;
color:#052c52;
background:url(../images/line-img.jpg) bottom left no-repeat;
padding:0px 0px 10px 0px;}

.castdy .lft p{
font-family:"Open Sans", "open-sans", sans-serif;
font-weight:normal;
font-size:14px;
color:#363636;
line-height:25px;}

.castdy .lft ul{
list-style-type:none;
margin:0px;
padding:0px;
width:100%;
}

.castdy .lft ul li{
list-style-type:none;
margin:0px;
padding:6px 0px 6px 18px;
background:url(../images/listicon.png) 0px 14px no-repeat;
font-size:14px;
line-height:24px;
text-align:justify;
}

.castdy .lft ul li a{
color:#31ccff !important;}

.castdy .lft ul li a:hover{
color:#052c52 !important;}

.color {
color:#052c52 !important;}

.castdy .lft p a{
float:left;
margin-top:0px;
color:#ffffff;
text-transform:uppercase;
font-size:16px;
background-color:#31ccff;
padding:6px 12px;
border:1px solid #ffffff;
box-shadow:2px 3px 2px 1px #949494;
-moz-box-shadow:2px 3px 2px 1px #949494;
-webkit-box-shadow:2px 3px 2px 1px #949494;
-o-box-shadow:2px 3px 2px 1px #949494;
}

.castdy .lft p a:hover{
color:#000000;}

.castdy .rt{
float:left;
width:60%;
text-align:right;
}

.castdy .rt2{
float:left;
width:60%;
text-align:left;
}

.hundiv{
float:left;
width:100%}

#associ{
float:left;
width:100%;
background-color:#fbfbfb;
padding:2% 0px;
text-align:center;}

#associ h3{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:36px;
color:#052c52;
text-align:center;
padding:0px 0px 20px 0px
}

.glrybtn{
width:100%;
float:left;
margin:20px 0px 24px 0px;
padding:0px;
color:#ffffff;
font-size:22px;
text-align:center;
}


.glrybtn a{
width:auto;
padding:1% 5%;
background-color:#052c52;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
color:#ffffff;
font-size:16px;
text-align:center;
text-transform:uppercase;}

.glrybtn a:hover{
color:#ffffff;}

#footer{
float:left;
width:100%;
background-color:#1a1a1a;
padding:2% 0px;}

#footer ul{
float:left;
width:100%;
list-style-type:none;
text-align:left;}

#footer ul li{
list-style-type:none;
display:inline;
margin:0px;
padding:0px 6px;
color:#ffffff;
font-size:15px;
text-align:center;}

#footer ul li a{
color:#ffffff;}

#footer ul li a:hover{
color:#31ccff;}

#footer .ftrinfo{
float:left;
margin:0px;
padding:0px;
width:100%;

}

#footer .ftrinfo .lftsec{
float:left;
width:40%;
text-align:justify;}


#footer .ftrinfo .rtsec{
float:left;
width:60%;
text-align:right;}

#footer .ftrinfo .rtsec h6{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:28px;
color:#ffffff;
padding:0px 0px 8px 0px;
margin:0px;
}

#footer p{
font-size:13px;
color:#eaeaea;
margin:0px;
padding:0px;
float:left;
width:100%;
line-height:22px;}

#footer p a{
color:#eaeaea;
margin:0px;
padding:0px;}

#footer p a:hover{
color:#31ccff;}




#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#panel {
    padding: 50px;
    display: none;
}

#inter{
float:left;
width:100%;
margin:5% 0px 0px 0px;
padding:0px;}

.navigation ul li a .on{
color:#FF0000;
border-bottom:5px solid #FF0000}

.navigation ul li a.active{
color:#FF0000;
border-bottom:5px solid #FF0000}

.frmrt{
float:left;
margin:0px;
padding:0px;
width:100%;
}


.frmrt input {
margin:0px 2% 2% 0px;
padding:0px 1% 0px 1%;
float:left;
width:45%;
height:36px;
background-color:#ecf0f1;
font:14px Arial,Helvetica,sans-serif;
color:#676767;
border:1px solid #dbdbdb;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-webkit-border-radius:5px;
}

.frmrt textarea {
margin:0px 0px 8px 0px;
padding:0px 0px 0px 0px;
float:left;
width:96%;
height:65px;
background-color:#ecf0f1;
font:14px Arial,Helvetica,sans-serif;
color:#676767;
border:1px solid #dbdbdb;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-webkit-border-radius:5px;
}

.frmrt .submit {
float:left;
margin:10px 0px 20px 0px;
padding:0px 18px;
width:auto;
background-color:#0f52a1;
border:none;
font:14px "Open Sans", "open-sans", sans-serif;
color:#ffffff;
cursor:pointer;
-webkit-transition:color .8s ease;
-moz-transition:color .8s ease;
-o-transition:color .8s ease;
-ms-transition:color .8s ease;
transition:color .8s ease;
text-align:center;
text-transform:uppercase;
}

.frmrt .submit:hover {
color:#ff4800;}

.bx-wrapper{
margin: 0 auto 60px;
    padding: 0;
    position: relative;}
	
.bx-wrapper .bx-pager{
 color: #666666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: -30px;
    position: absolute;
    width: 100%;}
	
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
 display: inline-block;}
 
 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #000 none repeat scroll 0 0;}
.bx-wrapper .bx-pager.bx-default-pager a {
 border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 5px;
    outline: 0 none;
    text-indent: -9999px;
    width: 10px;
	background-color:#666666;}


@media screen and (max-width:1050px) {
#wrapper{ width:1000px;
 }

@media screen and (max-width:1000px) {
#wrapper{ width:1000px;
 }
 }

@media screen and (max-width:980px) {
#wrapper{ width:980px;
 }
 
#flipmenu{
display:block;
float:right;
vertical-align:middle;
min-height:45px;
cursor:pointer;

}

.mobmenu{
display:block;
float:left;
width:100%;
}

.mobmenu ul{
float:left;
list-style-type:none;
border-top:1px solid #dddddd;
width:100%;
}

.mobmenu ul li{
float:none;
position:relative;
line-height:36px;
list-style-type:none;
display:block;}

.navigation{
display:none;
}

.menuicon{
display:block;width:22px;height:4px;border-radius:1px;
-mox-border-radius:1px;
-webkit-border-radius:1px;
-o-border-radius:1px;
background-color:#ffffff;
float:left;
clear:both;
margin:4px 0px 0px 0px;
}

}

@media screen and (max-width:900px) {
#wrapper{ width:900px;
 }
 

.toprtbtn{
display:none;}

 
}

@media screen and (max-width:865px) {
#wrapper{ width:800px;
 } 
 
 .cnt{
float:left;
width:100%;}
 }
@media screen and (min-width:865px) {
#wrapper{ width:800px;
 }}
 
 @media screen and (max-width:768px) {
 #wrapper{ width:100%;
 }
 }

@media screen and (max-width:728px) {
#wrapper{ width:98%;
margin:0 auto;
 }
 
.bansec{
width:50%;
float:left;
text-align:center;
font-size:18px;
color:#4d4d4e;
text-transform:uppercase;
}

.proccon{
float:left;
width:90%;
font-size:14px;
color:#ffffff;
line-height:22px;
margin:30px 0px 10px 0px;
}
 
 }

@media screen and (max-width:720px) {
#wrapper{ width:98%;
margin:0 auto;
 }
 }

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


.logo{
float:left;
margin:0px;
padding:0px;
width:100%;
}


#footer .ftrinfo .lftsec{
float:left;
width:100%;
text-align:justify;
margin:0px 0px 20px 0px}


#footer .ftrinfo .rtsec{
float:left;
width:100%;
text-align:left;}

#wrapper{ width:98%;
margin:0 auto;
 }
 
.castdy .rt{
float:left;
width:100%;
text-align:right;
}

.castdy .rt2{
float:left;
width:100%;
text-align:left;
}

.castdy .lft{
float:left;
width:100%;
} 
 
 }

@media screen and (max-width:550px) {
#wrapper{ width:98%;
margin:0 auto;
 }

.srvcbx{
float:left;
width:90%;
margin:0px 4% 20px 0px;
text-align:center;} 

#containerlft{
float:left;
margin:0px;
padding:5% 2% 2% 2%;
width:96%
}

#containerrt{
float:left;
margin:0px;
padding:5% 2% 2% 2%;
width:96%;
color:#77797a;
}
 
 }

@media screen and (max-width:480px) {
#wrapper{ width:98%;
margin:0 auto;
 }
 }

@media screen and (max-width:400px) {
#wrapper{ width:98%;
margin:0 auto;
 }
 
.bansec{
width:100%;
float:left;
text-align:center;
font-size:18px;
color:#4d4d4e;
text-transform:uppercase;
} 
  }

@media screen and (max-width:320px) {
#wrapper{ width:98%;
margin:0 auto;
 }
 }