@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
body{margin:0px;padding:0px;font-size:13px!important;font-family: 'Roboto', sans-serif!important;background:#fff;color:#666; text-align:left; line-height:20px!important;}

h1{ font-size:25px!important; color:#025a02; line-height:30px; text-decoration:none; font-weight:500; text-align:left; margin-top:0!important;}
h1 strong{color:#ff0000; font-weight:600;}

h2{ font-size:18px; color:#00974a; text-align:left; border-bottom:#3fd83f 0px solid; padding:0; font-weight:600;}
h2 span{ padding:5px 10px; background:#fff; border:#3fd83f 1px solid;margin-top: -25px;position: absolute; margin-left:-40px;}

h3{font-size:20px; margin-bottom:12px;font-weight:500; color:#F00;}
h4{margin-top:20px; font-size:16px; margin-bottom:5px;}

#wrapper-header{ margin:auto;text-decoration:none;}
#wrapper-header #logo{padding:10px; padding-left:0px;}
#wrapper-header .res{margin-top:30px;}
#wrapper-header .res span{ font-size:16px; font-weight:500; color:#fe6700; text-align:left;}
#wrapper-header .res strong{ display:block;font-size:13px; font-weight: normal; color:#000; text-align:center;}
#wrapper-header #right{ float:right;}
#wrapper-header #right .media{ float:left; margin-left:10px; margin-top:30px; font-size:14px; line-height:25px;}

#menu{ width:100%;background: url(../images/menu-bg.jpg) top; border-top:#ff6600 0px solid; margin:auto;}
nav ul{ margin:0px; padding:0px; list-style:none;}
nav ul li{ float:left; font-size:15px; color:#fff; text-decoration:none;}
nav ul li{float:left; font-size:15px; color:#fff; text-decoration:none; border-right:#ff6600 0px solid; height:50px;position:relative;background:url(../images/menu-line.jpg) right no-repeat;}
nav ul li:last-child {background:none; border:0;}
nav ul li a{ display:block; font-size:15px;color:#fff; text-decoration:none; height:50px; line-height:50px; padding:0 20px; font-weight:500;}
nav ul li a:hover{color:#fff; background: url(../images/menu-hover.jpg);}
nav ul li a.active{background: url(../images/menu-hover.jpg);color:#ffbf00;}
nav ul li ul{position:absolute;list-style:none;margin:0px;padding:0px;padding-top:0px;display:none;z-index:999999999999; border-bottom:#ff6600 3px solid;background:#595959; font-weight:normal;}
nav ul li ul li{ float:none!important; background-image:none; width:260px;height:40px!important; line-height:40px!important; padding-right:0px; border:0;}
nav ul li ul li a{display:block;padding:0px 15px; height:40px!important; line-height:40px!important;color:#fff!important;border-bottom:solid 1px #6b6a6a;font-weight:normal;}
nav ul li ul li a:hover{background:#6b6a6a;}
nav ul li:hover ul{display:block;}

.slicknav_menu{ display:none;}	

.advisor{ float:right; background:#F00;padding:0px 15px; height:50px; line-height:50px; color:#fff; font-size:16px;}
.advisor a{padding:0px 15px; color:#fff;}
a:hover{color:#ffbf00!important;}

#banner{ width:100%; margin-bottom:30px;}

#leftbox{ background:#fcbc24; color:#422f01; font-size:13px; margin-bottom:20px;}
#leftbox h2{background: #313131;margin-top: 0;font-size: 20px;color: #fff;padding: 5px 10px; font-weight:400; border:0;}	
#leftbox .leftbox ul{margin:0px;list-style:none; padding:0;}
#leftbox .leftbox ul li{ border-bottom:#b98406 1px solid; line-height:30px;font-size:14px;color:#422f01; background:url(../images/icon.png) no-repeat left; padding-left:20px; margin:0 10px;}
#leftbox .leftbox ul li a{color:#422f01;text-decoration:none;font-size:14px;padding:0px; display:block;}
#leftbox .leftbox li a:hover{color:#000!important;text-decoration:none;}	

.news-scroller{ color:#422f01; font-size:13px; line-height:20px; text-align:left; padding:10px;}
.news-scroller .image{ float:left; margin-right:10px;}	

#ecww-widgetwrapper{margin:25px 0; border:#333 2px solid;}
#ecww-header{ background:#b98406 url(../images/emicalculator.png)!important;}

.our-services{ background:#f7f5f3; line-height:20px; margin-top:25px; text-align:left; font-size:12px; padding-bottom:10px;}
.our-services h3{ background:url(../images/heading-bg.jpg) repeat-x; line-height:35px; font-size:19px; color:#fff; padding:0 10px; margin-top:0; font-weight:400;}
.our-services .img{float:left; margin-right:10px; margin-bottom:45px;}
.our-services .readmore{line-height:26px; color:#010101; padding-left:10px; margin-left:75px; text-align:right;}
.our-services .readmore a{ line-height:26px; color:#F00;}

#bottom-box{background:#fff;color:#333;margin:25px 15px;overflow:hidden;padding:5px 10px;border:#f9e4c9 2px solid;}
#bottom-box h3{ color:#ff0000; text-transform:uppercase; line-height:25px; text-align:left; font-size:18px;}
#bottom-box .img-right{float:right;}
#bottom-box  ul{padding:0; list-style:none; margin-top:25px;}
#bottom-box  ul li{line-height:30px; border-bottom:#f7e3b5 1px solid;}

.img-right{float:right; margin-left:20px;}

#career{ text-align:left;}
#career h2{ background:#e4a81a; color:#000; padding:5px 10px; font-size:16px;}
#career .career{ border:#ccc 1px solid; padding:10px; padding-bottom:0; margin-bottom:25px;}
#career .career h3{ color:#F00; margin-top:0; border-bottom:#ccc 0px solid; padding-bottom:0px;}

.career-form{ background:#ececea;border:#ccc 1px solid; margin:10px 0; padding:0 15px;}
.career-form h3{color:#000; text-align:center; margin-bottom:20px;}

hr{border-top: 1px solid #bfbfbf!important;}

.secation{ background:url(../images/bg-img2.jpg) top no-repeat; background-size:cover; margin:50px 0;}

ol li{ line-height:22px;}

.element {
  margin: 0 auto;
  /*background-color: red;*/
  animation-name: stretch;
  animation-duration: 2.5s; 
  animation-timing-function: ease-out; 
  animation-delay: 0;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: none;
  animation-play-state: running;
}

@keyframes stretch {
  0% {
    transform: scale(.0);
    border-radius: 100%;
  }
  50% {
  }
  100% {
    transform: scale(1.1);
  }
}


.bg-info{background:#ffba17!important;}
.bg-primary{ background:#00974a!important; font-weight:400!important;}
.btn-danger{padding: 10px 30px!important;font-size: 16px!important; border-radius:0!important;}
.btn-danger:hover{color:#fff!important;background:#333;}

#footer-wrapper{ width:100%; background:#fcbc24 url(../images/footer-bg.jpg) top repeat-x;font-size:13px;color:#5e5d5d; padding-top:10px; margin-top:30px;}
#footer-wrapper h3{padding:0px;color:#604400;font-size:20px!important;font-weight:500!important;text-transform: capitalize; border:0;}
#footer-wrapper ul{margin:0px;list-style:none; padding:0;}
#footer-wrapper ul li{color:#422f01; background:url(../images/icon.png) left no-repeat; line-height:20px; padding-left:20px;}
#footer-wrapper ul li a{color:#422f01;}
#footer-wrapper ul li a:hover{color:#000!important;} 
#footer-wrapper .help{ margin-top:25px;}
#footer-wrapper .help strong{font-size:22px; color:#604400; line-height:25px;}
#footer-wrapper .help span{display:block; background:#fcdb8b; border-radius:6px; padding:5px; color:#604400; text-align:center; font-size:14px;width:135px; line-height:18px;}
#footer-wrapper .designby {font-size:12px; margin-top:10px;padding: 5px;border-top:#cc981d 1px solid; text-align:center; color:#674901; line-height:25px;}
 


.


@media (min-width:769px) and (max-width:968px) {
	 header .logo{width:40%;}
	.slicknav_menu {display: block;}
	 #menu{ display:none;}
	 #banner-bott{display:none;}
	 
}


@media (min-width:200px) and (max-width:768px) 
{
	 header .logo{width:40%;}
	 #right{ display:none;}
	.slicknav_menu {display: block;}
	 #menu{ display:none;}
	 #banner-bott{display:none;}
	 h2{width:100%; border:0;}
	 h2 span a{position: initial; margin:0;}
	 #main-box{margin-top:10px}
	 .income{height:auto;}
	 .income2{height:auto;}
	 #footer-wrapper{background-image:none;}
	 .img-right{float:none; margin-left:0; margin-bottom:20px; width:100%;}
}