/* CSS Document */

@font-face {
	font-family: 'RobotoSlab-Regular';
	src:url('../fonts/RobotoSlab-Regular.ttf');	
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlab-Bold';
	src:url('../fonts/RobotoSlab-Bold.ttf');	
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlab-Light';
	src:url('../fonts/RobotoSlab-Light.ttf');	
	font-weight: normal;
	font-style: normal;
}

body{
font-family: 'RobotoSlab-Regular';
font-size:14px;
margin:0px;
padding:0px;
width:100%;}

.secp a{
  text-decoration: none;
  color: #333333;
}

h1,h2,h3,h4,h5,h6,code{
font-family: 'RobotoSlab-Light';}

#header #left img {
  max-width: 170px;
  height: auto;
}

#wrapper{
margin:auto;
width:100%;}

#section-gst{
background-color:#edf3f5;
padding:25px 10%;}

.text-center{
text-align:center;}

#header{
	border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width:1024px){
  .disblock{
    font-size: 14px;
  }
}

@media only screen and (max-width:699px){
#header{
margin:auto;
width:90%;
padding:0px 5%;
background:url(../img/bg-main-menu.jpg) center bottom repeat;
z-index:100000;
border-bottom: 1px solid #999999;}

#header #left img{
  max-width: 125px;
}

#tab{
  padding:10px 5%!important;}

#section-gst{
background-color:#65d5ed;
padding:2%;}

#left{
width:100%;
text-align:center;}

#left img{
width:35%;}

#right{
width:100%;}

#banner{
margin:auto;
width:100%;
background-color: rgba(0, 0, 0, 0);
background-repeat: repeat;
background-image:url(../img/bg-slider-home.jpg);
background-position: center top;
opacity: 1;
visibility: inherit;
z-index: 20;}

#section1{
margin:auto;
width:98%;
padding:25px 1%;
background-color:#FFFFFF;}

.secp{
width:98%;
padding:25px 0px;
margin:5px 0;
border:#CCCCCC 1px solid;}



#section2{
margin:auto;
width:98%;
padding:25px 1%;
background: #FF6B1C;}

#section3{
margin:auto;
width:98%;
padding:25px 1%;
background-size: 100% 100%;
background-image:url(../img/bg-services.jpg);}

#section4{
margin:auto;
width:98%;
padding:25px 1%;
background-color:#FFFFFF;}

#secleft{
width:100%;}

#secright{
width:100%;}

#section5{
margin:auto;
width:98%;
padding:25px 1%;
background-image:url(../img/con2.jpg);
background-attachment: fixed!important;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;}

#footer{
margin:auto;
width:100%;
background:url(../img/bg-footer.jpg) repeat;
padding:25px 0px;}

h1{
margin:15px 0px;
padding:0px;
text-align:center;
color:#FFFFFF;
font-size:24px;}

h2{
margin:10px 0px;
padding:0px;
color:#333333;
font-size:20px;}

h3{
margin:10px 0px;
padding:0px;
color:#999999;
font-size:18px;}

h4{
font-size::16px;}

#fixdiv{
margin:auto;
width:100%;
margin: 0px auto;
background: rgba(0,0,0,0.02);
z-index: 1000;
position: relative;
padding: 10px 0px;}

input,textarea {
background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
border: 1px solid #D8D8D8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
outline: 0 none;
padding: 5px;
width: 210px;}

textarea { 
width: 210px; 
font: normal 13px/150% Arial, Helvetica, sans-serif;}

#serf{
width:90%;
padding:10px 5%;}

#serr{
float:right;
width:90%;
padding:10px 5%;}

#fix img{
width:75%;}

.gst-img img{
width:90%;}

}		
@media (min-width: 700px) and (max-width:999px){
#header{
margin:auto;
width:90%;
padding:0px 5%;
background:url(../img/bg-main-menu.jpg) center bottom repeat;
z-index:100000;}

#left{
float:left;
width:40%;}

#right{
float:right;
width:58%;}

#banner{
margin:auto;
width:90%;
padding:0px 5%;
background-color: rgba(0, 0, 0, 0);
background-repeat: repeat;
background-image:url(../img/bg-slider-home.jpg);
background-position: center top;
opacity: 1;
visibility: inherit;
z-index: 20;}

#section1{
margin:auto;
width:90%;
padding:25px 5%;
background-color:#FFFFFF;}

.secp{
float:left;
width:32%;}

#section2{
margin:auto;
width:90%;
padding:25px 5%;
background: #FF6B1C;}

#section3{
margin:auto;
width:90%;
padding:25px 5%;
background-size: 100% 100%;
background-image:url(../img/bg-services.jpg);}

#section4{
margin:auto;
width:90%;
padding:25px 5%;
background-color:#FFFFFF;}

#secleft{
float:left;
width:68%;}

#secright{
float:right;
width:30%;}

#section5{
margin:auto;
width:90%;
padding:25px 5%;
background-image:url(../img/con2.jpg);
background-attachment: fixed!important;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;}

#footer{
margin:auto;
width:100%;
background:url(../img/bg-footer.jpg) repeat;
padding:15px 0px;}

h1{
margin:15px 0px;
padding:0px;
text-align:center;
color:#FFFFFF;
font-size:28px;}

h2{
margin:10px 0px;
padding:0px;
color:#333333;
font-size:24px;}

h3{
margin:10px 0px;
padding:0px;
color:#999999;
font-size:20px;}

#fixdiv{
margin:auto;
width:80%;
margin: 0px auto;
background: rgba(0,0,0,0.02);
z-index: 1000;
position: relative;
padding: 15px 0px;}

input,textarea {
background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
border: 1px solid #D8D8D8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
outline: 0 none;
padding: 5px;
width: 410px;}

textarea { 
width: 410px; 
font: normal 13px/150% Arial, Helvetica, sans-serif;}

#serf{
float:left;
width:44%;
padding:5px 2%;}

#serr{
float:right;
width:44%;
padding:5px 2%;}
}	
@media (min-width: 1000px) and (max-width:1366px){
#header{
margin:auto;
width:90%;
padding:0px 5%;
background:url(../img/bg-main-menu.jpg) center bottom repeat;
z-index:100000;}

#left{
float:left;
width:40%;}

#right{
float:right;
width:58%;}

#banner{
margin:auto;
width:90%;
padding:0px 5%;
background-color: rgba(0, 0, 0, 0);
background-repeat: repeat;
background-image:url(../img/bg-slider-home.jpg);
background-position: center top;
opacity: 1;
visibility: inherit;
z-index: 20;}

#section1{
margin:auto;
width:90%;
padding:25px 5%;
background-color:#FFFFFF;}

.secp{
float:left;
width:32%;}

#section2{
margin:auto;
width:90%;
padding:25px 5%;
background: #0099d3;}

#section3{
margin:auto;
width:90%;
padding:25px 5%;
background-size: 100% 100%;
background-image:url(../img/bg-services.jpg);}

#section4{
margin:auto;
width:90%;
padding:25px 5%;
background-color:#FFFFFF;}

#secleft{
float:left;
width:68%;}

#secright{
float:right;
width:30%;}

#section5{
margin:auto;
width:90%;
padding:25px 5%;
background-image:url(../img/con2.jpg);
background-attachment: fixed!important;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;}

#footer{
margin:auto;
width:100%;
background:url(../img/bg-footer.jpg) repeat;
padding:25px 0px;}

h1{
margin:15px 0px;
padding:0px;
text-align:center;
color:#FFFFFF;
font-size:34px;}

h2{
margin:10px 0px;
padding:0px;
color:#333333;
font-size:28px;}

h3{
margin:10px 0px;
padding:0px;
color:#999999;
font-size:24px;}

#fixdiv{
margin:auto;
width:70%;
margin: 0px auto;
background: rgba(0,0,0,0.02);
z-index: 1000;
position: relative;
padding: 15px 0px;}

input,textarea {
background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
border: 1px solid #D8D8D8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
outline: 0 none;
padding: 5px;
width: 410px;}

textarea { 
width: 410px; 
font: normal 13px/150% Arial, Helvetica, sans-serif;}

#serf{
float:left;
width:44%;
padding:5px 2%;}

#serr{
float:right;
width:44%;
padding:5px 2%;}
}
@media only screen and (min-width:1400px){
#header{
margin:auto;
width:90%;
padding:0px 5%;
background:url(../img/bg-main-menu.jpg) center bottom repeat;
z-index:100000;}

#left{
float:left;
width:40%;}

#right{
float:right;
width:58%;}

#banner{
margin:auto;
width:90%;
padding:0px 5%;
background-color: rgba(0, 0, 0, 0);
background-repeat: repeat;
background-image:url(../img/bg-slider-home.jpg);
background-position: center top;
opacity: 1;
visibility: inherit;
z-index: 20;}

#section1{
margin:auto;
width:90%;
padding:25px 5%;
background-color:#FFFFFF;}

.secp{
float:left;
width:32%;}

#section2{
margin:auto;
width:90%;
padding:25px 5%;
background: #0099d3;}

#section3{
margin:auto;
width:90%;
padding:25px 5%;
background-size: 100% 100%;
background-image:url(../img/bg-services.jpg);}

#section4{
margin:auto;
width:90%;
padding:25px 5%;
background-color:#FFFFFF;}

#secleft{
float:left;
width:68%;}

#secright{
float:right;
width:30%;}

#section5{
margin:auto;
width:90%;
padding:10px 5%;
background-image:url(../img/con2.jpg);
background-attachment: fixed!important;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;}

#footer{
margin:auto;
width:100%;
background:url(../img/bg-footer.jpg) repeat;
padding:25px 0px;}

h1{
margin:15px 0px;
padding:0px;
text-align:center;
color:#FFFFFF;
font-size:34px;}

h2{
margin:10px 0px;
padding:0px;
color:#333333;
font-size:28px;}

h3{
margin:10px 0px;
padding:0px;
color:#999999;
font-size:24px;}

#fixdiv{
margin:auto;
width:70%;
margin: 0px auto;
background: rgba(0,0,0,0.02);
z-index: 1000;
position: relative;
padding: 15px 0px;}

input,textarea {
background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 transparent;
border: 1px solid #D8D8D8;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
outline: 0 none;
padding: 5px;
width: 410px;}

textarea { 
width: 410px; 
font: normal 13px/150% Arial, Helvetica, sans-serif;}

#serf{
float:left;
width:44%;
padding:5px 2%;}

#serr{
float:right;
width:44%;
padding:5px 2%;}
}

#content{
margin:auto;
width:100%;
max-width:1280px;
min-height:250px;
background-color:#eeffee;
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eeffee, endColorstr=#c7e8f5);
background-image:-moz-linear-gradient(top, #eeffee 15%, #c7e8f5 100%);
background-image:-webkit-linear-gradient(top, #eeffee 15%, #c7e8f5 100%);
background-image:-ms-linear-gradient(top, #eeffee 15%, #c7e8f5 100%);
background-image:linear-gradient(top, #eeffee 15%, #c7e8f5 100%);
background-image:-o-linear-gradient(top, #eeffee 15%, #c7e8f5 100%);
background-image:-webkit-gradient(linear, right top, right bottom, color-stop(15%,#eeffee), color-stop(100%,#c7e8f5));}

#con{
padding:10px 5%;}

.res{
width:100%;
height:auto;
border-top:#FFFFFF 2px ridge;
border-bottom:#FFFFFF 2px ridge;}

#tab{
padding:10px 0px;}

#secphead,#secptext,#secpinq{
width:90%;
padding:25px 5%;}

.secicon{
float:none;
display:block;
padding-right:0;
text-align: center;}

.disblock{
  display: block;
  text-align: center;
  font-size: 18px;
  margin-top: 15px;
}

ul.ultext{
list-style-type:lower-roman;}

ul.ultext li{
list-style-type:lower-roman;
line-height:24px;
color:#333333;}

ul.ultext2{
margin:20px 0;
list-style-type:decimal;}

ul.ultext2 li{
list-style-type:decimal;
line-height:28px;
color:#333333;}

ul.ultext3{
margin:20px 0;
list-style-type:disc;}

ul.ultext3 li{
list-style-type:disc;
line-height:28px;
color:#333333;}

.botton{
    background: #FF6B1C;
    padding: 2px 10px 6px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 100%;
    vertical-align: middle;}
	
input.captcha, #contact input.sum {
display: inline;
width: 40px;
text-align: center;}

input.sum { 
width: 20px }

span#spambot {
font-size: 11px;
color:#FFFFFF;}

input#submit {
color:#0000FF;
font-size:20px;}

input:hover, #contact textarea:hover, #contact input:focus, #contact textarea:focus {
border-color: #B0B0B0;}	

#social{
width:100%;
text-align:center;
font-size:12px;
color:#CCCCCC;
padding:10px 0px;}

#copyright{
width:100%;
text-align:center;
font-size:12px;
color:#333333;}

#section2 p{
font-size:16px;
color:#FFFFFF;
text-align:justify;
margin:5px 0px;}

p{
font-size:14px;
color:#555555;
text-align:justify;
margin:5px 0px;}

p.ctext{
font-size:16px;
color:#555555;
text-align:justify;
margin:0px;}

h4{
color:#454546;
font-size:20px;}

#backtop {
position: fixed;
left:auto;right: 20px;top:auto;bottom: 20px;
outline: none;
overflow:hidden;
color:#fff;
text-align:center;
background-color:rgba(49,79,96,0.84);
height:40px;
width:40px;
line-height:40px;
font-size:14px;
border-radius:2px;
cursor:pointer;
transition:all 0.3s linear;
z-index:999999;
opacity:1;
display:none;}

#backtop:hover {
background-color:#27CFC3;}

#backtop.mcOut {
opacity:0;}

/* setup tooltips */
.tooltip {
position: relative;}

.tooltip:before,
.tooltip:after {
display: block;
opacity: 0;
pointer-events: none;
position: absolute;}

.tooltip:after {
border-right: 6px solid transparent;
border-bottom: 6px solid rgba(48,173,194,.75); 
border-left: 6px solid transparent;
content: '';
height: 0;
top: 50px;
left: 5px;
width: 0;}

.tooltip:before {
background: rgba(48,173,194,.95);
border-radius: 2px;
color: #FFFFFF;
content: attr(data-title);
font-size: 14px;
padding: 6px 10px;
top: 56px;
white-space: nowrap;}

/* the animations */
/* fade */
.tooltip.fade:after,
.tooltip.fade:before {
transform: translate3d(0,-10px,0);
transition: all .15s ease-in-out;}

.tooltip.fade:hover:after,
.tooltip.fade:hover:before {
opacity: 1;
transform: translate3d(0,0,0);}

section {
width: 70%;
margin: 70px auto;}

/* Simple Slider */
.white-back{
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.simple #block p {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #FFFFFF;
	padding: 25px;
	font-size: 1.25em;
	font-style: italic;
	text-align: center;
}
.simple cite {
	font-size: 1.2em;
	float:left;
	font-style: normal;
	color:#CCCCCC;
}
.simple cite a {
	color: #FFFFFF;
	font-style: italic;
	text-decoration: none;
	font-size:.85em;
}
.simple cite a:hover {
	color:#0000FF;
}

.nav-tabs > li.active > a,.nav-tabs > li > a{
font-size:20px!important;
font-weight:bold!important;}

#fix{
position:fixed;
z-index:1000000;
bottom:125px;
left:-1px;}

ul.serul{
display:inline;
list-style-type:none;}

ul.serul li{
display:inline-block;
list-style-type:none;}

ul.serul li a{
padding:8px 16px;
background-color:#33CCFF;
font-weight:bold;
color:#000000;
font-size:18px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}

ul.serul li a:hover{
background-color:#0066FF;}

/* define a fixed width for the entire menu */
.navigation {
  width: 90%;
}

/* reset our lists to remove bullet points and padding */
.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
  background-color: #0099d3;
  text-decoration: none;
  padding: 10px;
  color: #ffffff;
}

/* add hover behaviour */
.mainmenu a:hover {
    background-color: #0380af;
    color: #ffffff;
}


/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
}

/*
  we now overwrite the background-color for .submenu links only.
  CSS reads down the page, so code at the bottom will overwrite the code at the top.
*/

.submenu a {
  background-color: #043f56;
}

/* hover behaviour for links inside .submenu */
.submenu a:hover {
  background-color: #0b8fc1;
  color: #ffffff;
}

/* this is the initial state of all submenus.
  we set it to max-height: 0, and hide the overflowed content.
*/
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}