body{font-family:"Lato",serif,Arial,Times New Roman,Times; color:#6e6e6e; font-size:130%;}

h1 { font-size:180%; font-weight:bold; color:#0a486c; margin:0; margin-bottom:20px; padding-top:8px;}
h2 {font-size:140%; font-weight:bold; color:#0e364d; margin:15px 0}
h3 {font-size:140%; font-weight:bold; color:#1177ac; margin:15px 0}
h4 {font-size:110%; color:#0a486c; margin:15px 0}
h5 {font-size:110%; color:#0a486c; margin:15px 0}
h6 {font-size:100%; color:#0a486c; margin:15px 0}

p { font-size:130%; text-align:justify; line-height:160%; margin:15px 0;}

ul li { font-size:130%;}

a { color:#cb0030; text-decoration:none; transition: all .80s ease;}
.clear { clear:both}
sup { font-size:75%;}

.form-buy { max-width:700px;}

#title-form-temp { margin:0 auto; width:auto; max-width:900px; height:110px; border-bottom:3px solid #eaeaea}
#logo-form a { margin:5px auto; background:url("/assets/hamarashehar.com/71011ba7477599-hamarashehar-logo.gif") no-repeat; width:306px; height:100px; text-align:center; display:block}
.form-footer { padding:20px 0; border-top:1px solid #ddd; margin-top:20px;}

#top-header { width:100%; padding:4px 0; position:fixed; top:0; background-color:#0a486c; z-index:10000}
#top-header .nav { float:left;}
#top-header .nav li a { font-size:11px; color:#a1cce5; font-weight:bold; padding:6px 4px;}
#top-header .nav li a:hover { background-color:#063f60;}

#top-social-icons { float:right; width:106px; margin-top:2px}
#top-social-icons .fb a { float:left; background:url("/assets/hamarashehar.com/7c1245ae118a77-social-icons.png") -25px 0 no-repeat; width:24px; height:24px; margin:0 1px}
#top-social-icons .tw a { float:left; background:url("/assets/hamarashehar.com/7c1245ae118a77-social-icons.png") -51px 0 no-repeat; width:24px; height:24px; margin:0 1px}
#top-social-icons .in a { float:left; background:url("/assets/hamarashehar.com/7c1245ae118a77-social-icons.png") -77px 0 no-repeat; width:24px; height:24px; margin:0 1px}
#top-social-icons .gp a { float:left; background:url("/assets/hamarashehar.com/7c1245ae118a77-social-icons.png") no-repeat; width:24px; height:24px; margin:0 1px}

main { margin:100px 0 30px; }

#main-nav { position:relative; padding:5px 0; border-bottom:2px solid #ededed; margin-top: }
#main-nav .navbar-default { border:0; margin-top:34px; background-color:#fff; border-bottom:1px solid #ececec; padding-bottom:6px; height:80px;}
#main-nav .navbar-collapse { background-color:#fff;}
.navbar-brand { height:78px; padding:0;}
#mainNav .nav { margin-top:24px;}
#mainNav .nav li a { font-size:13px; color:#0a486c; font-weight:bold; padding:5px 8px;}

#main-services { margin:120px 0 40px;}

#latestNews { position:relative; background-color:#e5e5e5; padding:10px 0; border-bottom:1px solid #c1c8cd;}
#latestNews h3 { font-size:20px; font-weight:bold; color:#3b3b3b; margin:0;}
#latestNews .breadcrumb { margin:0; background:none; padding:0;}
#latestNews .breadcrumb li a { font-size:13px; font-weight:bold;}

#hosting-packages {position:relative; background-color:#d7dfe4; width:100%; padding:45px 0;}
#hosting-packages .domain-registration { padding:20px; min-height:125px; background:#579c2f; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .domain-registration a { color:#fff;}
#hosting-packages .bulk-domain-registration { padding:20px; min-height:125px; background:#9c2d4c; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .bulk-domain-registration a { color:#fff;}
#hosting-packages .transfer-domain { padding:20px;   min-height:125px; background:#005453; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .transfer-domain a { color:#fff;}
#hosting-packages .windows-hosting { padding:20px; min-height:125px; background:#2d629d; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .windows-hosting a { color:#fff;}
#hosting-packages .linux-hosting { padding:20px; min-height:125px; background:#fd8d2c; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .linux-hosting a { color:#fff;}
#hosting-packages .email-hosting { padding:20px; min-height:125px; background:#52575d; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .email-hosting a { color:#fff;}

#hosting-packages .dedicated-server { padding:20px; min-height:125px; background:#a3712c; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .dedicated-server a { color:#fff;}
#hosting-packages .blog-hosting { padding:20px; min-height:125px; background:#603e8c; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .blog-hosting a { color:#fff;}
#hosting-packages .joomla-hosting { padding:20px; min-height:125px; background:#108dbf; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .joomla-hosting a { color:#fff;}
#hosting-packages .forum-hosting { padding:20px; min-height:125px; background:#728b3f; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .forum-hosting a { color:#fff;}
#hosting-packages .wiki-hosting { padding:20px; min-height:125px; background:#00a67a; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .wiki-hosting a { color:#fff;}
#hosting-packages .bugzilla-hosting { padding:20px; min-height:125px; background:#ac2296; text-align:center; color:#fff; font-weight:bold; font-size:14px;}
#hosting-packages .bugzilla-hosting a { color:#fff;}

#saas-services {position:relative;  width:100%; padding:45px 0;}
#saas-services h4 { font-size:30px; font-weight:bold; color:#0a486c; margin:0; margin-bottom:60px;}
#saas-services h5 { font-size:16px; font-weight:bold; color:#585858; margin:0; text-align:center;}
.saas-campus-management { background-color:#fff; border:5px solid #579c2f; border-radius:100px; padding:25px; width:170px; height:170px; text-align:center}
.saas-ooh { background-color:#fff; border:5px solid #fd8d2c; border-radius:100px; padding:25px; width:170px; height:170px; text-align:center}
.saas-ecommerce {background-color:#fff; border:5px solid #603e8c; border-radius:100px; padding:25px; width:170px; height:170px; text-align:center}
.saas-matrimony { background-color:#fff; border:5px solid #108dbf; border-radius:100px; padding:25px; width:170px; height:170px; text-align:center}
.saas-campus-cms { background-color:#fff; border:5px solid #00a67a; border-radius:100px; padding:25px; width:170px; height:170px; text-align:center}
.saas-web-application { background-color:#fff; border:5px solid #ff5e7c; border-radius:100px; padding:25px; width:170px; height:170px; text-align:center}
.class-margin-btm { margin-bottom:15px;}

#website-portfolio {position:relative; background-color:#d7dfe4; width:100%; padding:45px 0;}
#website-portfolio h4 { font-size:30px; font-weight:bold; color:#0a486c; margin:0; margin-bottom:40px;}

#showcase { position:relative; margin:0 auto; max-width:637px; z-index:1000;}
#showcase img { float:left; width:100%; height:auto;}
.rslides-container {  margin:0 auto; max-width:637px; }

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .rslides1_nav.next {
    left: auto;
	background:url("/assets/hamarashehar.com/5600da93130ab8-next.png") no-repeat;
	width:36px; height:36px;
    background-position: right top;
    right: 5%;

}

  .rslides1_nav.prev {
    left: auto;
    background:url("/assets/hamarashehar.com/5e391553c1b2a0-prev.png") no-repeat;
	width:36px; height:36px;
	background-position: left top;
    left:5%;
	
}
.rslides1_nav {
    position: absolute;
    top: 55%;
    left: 0px;
    z-index: 10005;
    opacity: 1;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
	background-color:#000;
    margin-top: -45px;
}
.go-top {
        position: fixed;
        bottom: 10em;
        right: 2em;
        text-decoration: none;
        color: white;
        background-color: rgba(0, 0, 0, 0.3);
        font-size: 12px;
        padding: 1em;
        display: none;
		border-radius:5px;
}

.go-top:hover {
        background-color: rgba(0, 0, 0, 0.6);
}

#client-logo {position:relative; width:100%; padding:45px 0;}
#client-logo h4 { font-size:30px; font-weight:bold; color:#0a486c; margin:0; margin-bottom:40px;}

#google-map-footer {position:relative; width:100%;}
#google-map-footer .container-fluid { padding:0;}

.glossymenu{ float:left;margin:0;padding:0; width:auto; max-width:100%;border:1px solid #9A9A9A;border-bottom-width:0; display:none;}
.glossymenu a.menuitem{background:#000 url("/unavailable-asset/b26c10482f8b/glossyback.gif") repeat-x bottom left;color:#fff;display:block;position:relative;width:auto;padding:4px 0;padding-left:10px;text-decoration:none}
.glossymenu a.menuitem:visited,.glossymenu .menuitem:active{color:#fff}.glossymenu a.menuitem .statusicon{position:absolute;top:5px;right:5px;border:none}
.glossymenu a.menuitem:hover{background-image:url("/unavailable-asset/867da11047aa/glossyback2.gif")}
.glossymenu div.submenu{background:#fff}
.glossymenu div.submenu ul{list-style-type:none;margin:0;padding:0}
.glossymenu div.submenu ul li{border-bottom:1px solid blue}
.glossymenu div.submenu ul li a{display:block; font-size:80%; color:#000;text-decoration:none;padding:2px 0;padding-left:10px}.glossymenu div.submenu ul li a:hover{background:#DFDCCB;colorz:#fff}

#footer { position:relative; width:100%; padding:20px 0; background-color:#0a486c; border-top:5px solid #083d5b;}
#footer a { color:#fff;}

#footer h6 { margin:0; color:#d7effd; font-size:125%; font-weight:bold;}
#footer h6 a {color:#d7effd;}
#footer .list-group { margin-top:15px;}
#footer .list-group-item { background-color:#0a486c; border:1px solid #0a486c; padding:0; line-height:20px; font-size:110%; margin:0; }
#footer .list-group-item a {color:#fff;}

.question{ float:left; width:98%; cursor:pointer;margin:0; margin-bottom:1px;padding:6px 1%; background-color:#05314a; display:none;}
.question:hover{ background-color:#0b2636}
.question h6 { margin:0;}
.question h2{font-size:16px;font-weight:normal;text-align:left;color:#414141;text-decoration:none;margin:0}
.question img{float:right;margin-left:5px;margin-top:3px}
.answer{float:left; width:98%; padding:1%;color:#3a3a3a;font-size:16px;line-height:20px; display:none;}
.answer h4{font-size:16px;color:#3a3a3a;font-weight:400;text-align:left;text-decoration:none;margin:0}
.answer ul { margin:0; padding:0;}
.answer ul li { list-style:none;}
.answer ul li a { float:left; color:#fff; font-size:70%; padding:3px 0; border-bottom:1px dotted #0e4f75; width:100%;}

#copyrights { position:relative; width:100%; padding:15px 0; background-color:#083d5b; color:#fff; font-size:110%;}
#copyrights .col-xs-6 { text-align:left;}
#copyrights a { color:#fff;}

#payment .blue{background-color:#017bcb;font-weight:700;font-size:13px;color:#fff;text-align:left;padding:4px}
#payment .orange{background-color:#ff6508;font-weight:700;font-size:13px;color:#fff;text-align:center;padding:4px}
#payment .grey{background-color:#415866;font-weight:700;font-size:13px;color:#fff;text-align:center;padding:4px}
#payment .light{background-color:#dae8f1}
#payment p{ font-size:80%}
#payment input{border:0}

.accordian-con { float:left; width:99%;}
.accordian-con h3 { margin:5px 0; font-size:120%;}
.eventDate{font-size:22px;color:#3B6E09;text-decoration:none;font-weight:700;line-height:22px}
.event{font-size:19px;color:#6E2121;text-decoration:none;font-weight:700}
a.event:hover{color:#6E2121;text-decoration:underline}
.accordian-con p:first-child { margin-top:0;}

.eMail{color:#1F3E7A;font-size:18px;font-weight:700;text-decoration:none}
.highlight-text{color:#D73F16;font-size:15px;font-weight:700;text-decoration:none}

#hosting-content-left { float:left; width:70%; margin-right:5%;}
#hosting-content-right { float:left; width:25%;}

.offersLink{font-size:20px;font-weight:700;color:#155B18;text-decoration:none}
.scan-class{padding-left:4px}
.rupees{font-size:24px;color:#043b97}
.rupees-icon{font-size:15px;color:#043b97}
.rupees-icon-big{font-size:20px;color:#043b97}
.rupees-small{font-size:12px;color:#2f2f2f}

.list-items ul, .list-items-2 ul, .list-items-3 ul { margin:0; padding:0}
.list-items ul li, .list-items-2 ul li, .list-items-3 ul li {list-style:none;background:url("/assets/hamarashehar.com/52dab18f313a86-bullet-1.png") 0 9px no-repeat;line-height:160%px;padding-left:16px; font-size:130%; margin-bottom:10px;}
.list-items ul li a, .list-items-2 ul li a, .list-items-3 ul li a { font-weight:bold; color:#0a486c;}
.list-items ul li a:hover, .list-items-2 ul li a:hover, .list-items-3 ul li a:hover { text-decoration:underline;}
.list-items-2 ul li {list-style:none;background:url("/assets/hamarashehar.com/30c7a21e705ae0-arrow.gif") 0 5px no-repeat; }
.list-items-3 ul li {list-style:none;background:url("/assets/hamarashehar.com/b8419c7cf672f2-tick.png") 0 5px no-repeat; padding-left:20px; }
.list-items ul li { line-height:160%;}
ol { font-size:80%; list-style:decimal; margin:20px 0;}
ol li { line-height:150%; margin-bottom:15px;}
.domain-reg-btn { float:left; width:100%; margin-bottom:40px;}
.domain-reg-btn img { float:left; margin:10px}

/* ######### Style for Contact us address ######### */

.vcard{ float:left; margin-bottom:15px; width:270px; font-size:12px; color:#6c6c6c; line-height:18px;}
.contact-heading,.org { float:left; font:bold 12px tahoma,verdana,arial,sans-serif; color:#444; padding:4px 4px 4px 24px; width:240px; margin-bottom:4px; }
.mobile-icon { float:left; background:url("/unavailable-asset/e072a054c30b/icon-mobile.png") no-repeat; height:22px; font:12px tahoma,verdana,arial,sans-serif; line-height:22px; color:#1b1d1d; padding-left:32px; padding-bottom:5px; width:240px; border-bottom:1px dashed #cecccc; margin-bottom:8px; margin-left:5px; margin-bottom:5px; }
.address-text { float:left; width:230px; padding-left:32px; border-bottom:1px dashed #cecccc; margin-bottom:5px; }
.address-text p { text-align:left; line-height:18px; font:11px Tahoma, Geneva, sans-serif; }
.address-icon { float:left; background:url("/assets/hamarashehar.com/c33c5eeaf8132b-contact-icons.png") 0 -99px no-repeat; min-height:16px; line-height:22px; padding-left:22px; width:240px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.phone-icon { float:left; background:url("/assets/hamarashehar.com/c33c5eeaf8132b-contact-icons.png") 0 -5px no-repeat; height:22px; line-height:22px; padding-left:22px;  width:240px; margin-bottom:5px;  margin-left:5px;margin-bottom:5px; }
.cell-icon { float:left; background:url("/assets/hamarashehar.com/c33c5eeaf8132b-contact-icons.png") 0 -27px no-repeat; min-height:22px; line-height:22px;padding-left:22px; width:240px;  margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.email-icon { float:left; background:url("/assets/hamarashehar.com/c33c5eeaf8132b-contact-icons.png") 2px -48px no-repeat; min-height:22px; line-height:22px; padding-left:22px; width:240px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.fax-icon { float:left;  background:url("/assets/hamarashehar.com/c33c5eeaf8132b-contact-icons.png") 2px -64px no-repeat; height:22px; line-height:22px; padding-left:22px;  width:210px; margin-bottom:5px; margin-left:5px;margin-bottom:5px; }
.person-icon { float:left; background:url("/unavailable-asset/a65514499579/person.png") no-repeat; height:22px; line-height:22px; padding-left:22px;  width:240px; margin-bottom:5px;  margin-left:5px; padding-bottom:5px; }

.what-you-can-expect{float:left;border-bottom:1px solid #ededed;padding-bottom:4px;width:233px;background:url("/assets/hamarashehar.com/c26c76da8fbdaf-what-you-can-expect.gif") no-repeat;height:25px;margin-bottom:20px}
.request-a-quote{float:left;border-bottom:1px solid #ededed;padding-bottom:4px;width:435px;height:25px;margin-bottom:0}
.person-visit{float:left;background:url("/assets/hamarashehar.com/b9075c175eb1f8-person-icon.gif") no-repeat;height:34px;padding-left:35px;font-size:95%;color:#2c2c2c;margin-bottom:15px;width:190px;line-height:18px}
.estimate{float:left;background:url("/assets/hamarashehar.com/6308a511e1ddce-estimate-icon.gif") no-repeat;height:24px;padding-left:35px;font-size:80%;color:#2c2c2c;margin-bottom:15px;width:190px;line-height:18px}
.price-tag{float:left;width:217px;height:38px;margin:10px 5px 10px 35px}
.price-tag-indivisual{float:left;width:217px;height:38px}
.phone-call-email{float:left;background:url("/assets/hamarashehar.com/99347980e5df92-email-phone-icon.gif") 0 -2px no-repeat;height:24px;padding-left:35px; font-size:95%;color:#2c2c2c;margin-bottom:15px;width:190px;line-height:18px}

.client-logo { float:left; width:120px; height:80px; margin:10px; text-align:center; vertical-align:middle; box-shadow:2px 1px 2px #ddd;}

.network h2 { background-color:#06507b; color:#fff; padding:5px; font-size:120%;}

#web-hosting-packages { float:left; width:100%;}
#web-hosting-packages img { margin:1px;}


#navigation{ position:absolute; left:0; top:0;background-color:#03304a;color:#fff;text-align:center;padding:4px 5px; z-index:1005; display:none;}
#navigation ul{display:none;list-style:none;margin-left:0;padding-left:0;margin-bottom:0}
#navigation ul.expanded{display:block; }
#navigation li a{display:block;border-top:1px solid #033C60;font-size:.9em; text-align:left;color:#fff;text-decoration:none;padding:6px 0; width:200px; height:auto;}
.menu_button{display:block;text-align:left; font-weight:bold; font-size:1.4em;color:#fff;text-decoration:none; }
.menu_button:hover{color:#58cbdb;text-decoration:none}

#home-btn a { float:left; margin:1px 5px 1px 0; background:url("/assets/hamarashehar.com/4d0c90b6a6c0cd-home-icon.png") no-repeat; width:24px; height:24px; display:block}
#company-btn a { float:left; margin:1px 3px; background:url("/assets/hamarashehar.com/e7e43b50840b28-company-icon.png") no-repeat; width:24px; height:24px; display:block}
#blog-btn a { float:left; margin:1px 3px; background:url("/assets/hamarashehar.com/eb31d43e5a1a9f-blog-icon.png") no-repeat; width:24px; height:24px; display:block}
#contact-btn a { float:left; margin:1px 3px; background:url("/assets/hamarashehar.com/bbef142c89f829-map-icon.png") no-repeat; width:24px; height:24px; display:block}

#bg-white { background-color:#fff; padding:20px 0;}

.required { margin-top:0;}

/* ######### Style for Feedback Form ######### */

#form {float:left; width:auto; max-width:600px;}
#form select{font-size:14px}
#form input:focus,#form textarea:focus{background:#eaf6fc;border:1px solid #a1d7f6;outline:1px solid #d8f1ff}
#form {margin-left:10px;float:left;}
#form fieldset{border:1px dashed #cecccc;width:540px;padding:5px 20px}
#form legend{color:#fff;background:#096081;border:1px dashed #cecccc;font:bold 16px Arial, Helvetica, sans-serif;padding:2px 15px}
#form label{float:left;display:block; font-weight:bold;line-height:24px}
#form input,textarea{background:#fff;border:1px solid #c1bfbf;margin-bottom:4px;font:17px Arial, Helvetica, sans-serif;color:#000;letter-spacing:1px}
#form p{ font-size:13px;line-height:18px; margin:5px 0;}
#form .required{padding-bottom:10x}
#form input[type=submit]{ padding:.5em 1em; border: 1px solid #c3532e;  background-image: linear-gradient(bottom, #E56038 0%, #ff8c66 100%); background-image: linear-gradient(to bottom, #ff8c66 0%, #E56038 100%);  background-color: #eb653c; color: #EBE8DE; font-size:150%; font-weight:bold; text-shadow: 1px 1px 0px #ff8155; text-decoration:none;  border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3); cursor:pointer;  text-shadow:0px 1px 0 #595959; transition: all .25s ease;}
#form input[type=submit]:hover {background:none #4A463B; border-color: #EBE8DE; text-shadow:none; color: #fff;}

.grey { background-color:#666; color:#fff; font-size:20px; font-weight:bold}
.orange { background-color:#666; color:#fff; font-size:20px; font-weight:bold}

@media (max-width: 930px) 
{
	 .question { display:block}
	 .answer { display:block}
	 #footer .row { display:none;}
	
}

@media (max-width: 360px) 
{
	 .question { display:block}
	 .answer { display:block}
	 #footer .row { display:none;}
	#copyrights .text-right{ text-align:left;}
	.saas-campus-management, .saas-ooh, .saas-ecommerce, .saas-matrimony, .saas-campus-cms, .saas-web-application { width:145px; height:145px;}
	#saas-services h5 { font-size:12px;}
	.nav-pills { display:none}
	#navigation { display:block}

}

@media (max-width: 320px) 
{
	 #top-header .nav li a { font-size:10px;}
	 .class-margin-btm  { display:block;}

}