body{font-family:'Open Sans',sans-serif;font-weight:400;font-size:14px;color:#0F0F0F;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}

/* Titles */
h1,h2,h3,h4,h5,h6{font-family:'Varela Round',sans-serif;font-weight:700;color:#333}
p{margin:0 0 10px;font-size:17px;line-height:1.7em;letter-spacing:.1px;word-spacing:.2px}
.navbar{font-weight:600;font-size:14px;padding-top:15px;padding-bottom:15px;background:url(../img/header.jpg)}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus{color:#fff;background-color:#74cfae}
.navbar-brand{font-size:60px;padding-top:0;padding-bottom:0}
.navbar-collapse{padding-left:0}
.navbar-nav > li > a{color:#fff;font-size:20px;font-weight:600}
.navbar-nav > li > a:hover,.navbar-nav > li > a:active,.navbar-nav > li > a:focus{background:#fff;color:orange}
.btn-theme{color:#fff;background-color:#74cfae;border-color:transparent}
.hm-head{color:#FFF!important;font-size:3.4em!important}
.btn{padding:10px 30px;margin-bottom:0;font-size:18px;border:5px solid transparent;border-radius:4px}
.lead{letter-spacing:1px}

/* WRAP SECTIONS */

/* hm-main */
header{display:table;width:100%;position:relative;background:url(../img/baby-names-header.jpg) fixed top no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding-bottom:30px}
.hm-top{margin-top:0;position:absolute}
.logo{padding:5px 0;margin-top:15px;margin-left:0}
#hm-main{padding-top:8%;padding-bottom:2%}
.hm-button{padding:16px 36px;font-size:20px;background:#EAA01C;color:#fff;margin-top:20px;font-weight:600;border:1px solid #B8740E;border-radius:50px;font-family:'Varela Round',sans-serif;letter-spacing:.5px;margin-bottom:20px}
.hm-button:hover{background:#E49825;color:#fff}
.search-box{margin-top: -62px;font-size: 12px !important;margin-bottom: 40px;position: relative;top: 80px;}
#menu-main-menu{display:none;}
/*.bottom-image{
	background:url(../img/main-banner-bottom.png) bottom no-repeat;
}*/
#hm-hindu-banner{background:url(../img/names-by-origin.jpg) fixed center no-repeat;display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:445px}
#hm-hindu-girl-banner{display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:500px;background: none;}
#hm-boy-banner{display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:445px;background:none;}
.boy-bg{background:url(../img/boy-names-new-version.jpg) center no-repeat;margin-top:15px}
.girl-bg{background:url(../img/girl-names-new-version.jpg) center no-repeat;margin-top:15px}
#hm-boy-banner-v2{background:url(../img/boy-names-v2.jpg) fixed center no-repeat;display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:445px}
#about-banner{background:url(../img/about.jpg) fixed center no-repeat;display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:445px}
#hm-common-banner{background:url(../img/common-banner.jpg) fixed center no-repeat;display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#hm-hindu-banner1{background:url(../img/common-banner.jpg) fixed no-repeat center;display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.hm-pattern h1{font-size:2em;font-weight:700;letter-spacing:2px;color:#000;margin-top:7%;margin-bottom:15%;font-family:'Varela Round',sans-serif;width:75%;margin-left:12px}
#hm-main h1{font-size:3.5em;font-weight:700;letter-spacing:2px;color:#FFF;line-height:100%}
#hm-main p{color:#EBEBEB;font-weight:400;font-size:24px;margin-top:18px;letter-spacing:.8px}
ul.list-inline{margin-top:118px!important}
#error-bg{background:url(../img/404-error-image.jpg) center no-repeat;display:table;height:100%;width:100%;position:relative;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-height:500px}
.error-message{margin-top:40%;margin-bottom:16%;line-height:150%;font-weight:400}
.error-message h2{line-height:150%;font-weight:400;font-size:20px;color:#666;text-align:center;margin-top:20px}
.arrow-down{position:relative;height:25px;top:26px}
.floating{animation-name:floating;-webkit-animation-name:floating;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}

@keyframes floating {
0%{transform:translateY(0%)}
50%{transform:translateY(15%)}
100%{transform:translateY(0%)}

@-webkit-keyframes floating {
0%{-webkit-transform:translateY(0%)}
50%{-webkit-transform:translateY(8%)}
100%{-webkit-transform:translateY(0%)}

.names{color:#316E96}
.meaning{color:#C00}
.space{padding:100px 0}
.space-top{padding-top:60px}
.space-small{padding:60px 0}
.space-bottom{padding-bottom:60px}
.origin-images{display:block;height:128px;max-width:100%}
.hm-origin-names{margin-top:-110px;color:#FFF;vertical-align:middle;text-align:center;font-size:33px;font-family:'Varela Round',sans-serif;line-height:115%}
.hm-content-section-inner{background:url(../img/mid-section-background.jpg) no-repeat center fixed}
.hm-baby-title{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:block;border:1px solid #ccc;margin:10px 0}
.hm-baby-title:hover{box-shadow:0 0 13px 2px #d7d7d7;border:2px solid #999}
.hm-baby-title a h3:hover{text-decoration:underline}
.hm-baby-title img{position:relative;z-index:1}
.hm-baby-title h3{font-family:'Open Sans',sans-serif;z-index:2;top:30px;left:127px;color:#FFF;font-size:21px;text-align:center;letter-spacing:.4px;position:absolute;width:61%}
.breadcrumb{padding:8px 28px;margin-bottom:0;list-style:none;background-color:#f5f5f5;border-radius:4px}
ul.baby-links{display:inline;list-style-type:none}
ul.baby-links li.boy{background:url(../img/boys-names-small.png) no-repeat;padding:30px 35px 30px 90px;display:inline;margin-right:10px}
ul.baby-links li.girl{background:url(../img/girls-names-small.png) no-repeat;padding:30px 35px 30px 90px;display:inline}
ul.baby-links li.boy a{color:#fff;font-weight:700;font-family:'Open Sans',sans-serif;font-size:15px}
ul.baby-links li.girl a{color:#fff;font-weight:700;font-family:'Open Sans',sans-serif;font-size:15px}
ul.baby-links li.boy a:hover{text-decoration:underline;color:#fff}
ul.baby-links li.girl a:hover{text-decoration:underline;color:#fff}
.hm-baby-title-small{-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;display:block;margin:10px 0}
.hm-baby-title-small:hover{box-shadow:0 0 13px 2px #d7d7d7;border:2px solid #999}
.hm-baby-title-small a h3:hover{text-decoration:underline}
.hm-baby-title-small img{position:relative;z-index:1;width:200px}
.hm-baby-title-small h3{font-family:'Open Sans',sans-serif;z-index:2;top:30px;left:146px;color:#FFF;font-size:18px;text-align:center;letter-spacing:.4px;position:absolute}
.hm-content-section p{font-size:18px;word-spacing:.5px;letter-spacing:.2px;line-height:160%;color:#000;font-weight:400;text-align:justify}
.hm-content-section h2{font-size:2.8em;color:#242424;margin-bottom:15px;margin-top:0}
.hm-baby-girl{background-color:#EB77A6;padding:14px;color:#FFF;border-radius:5px}
.hm-baby-boy{background-color:#F5C162;padding:14px;color:#FFF;border-radius:5px}
.hm-baby-boy-main a:hover{opacity:.5}
.hm-baby-girl h1{color:#FFF;font-size:30px;margin-top:0}
.hm-baby-boy h1{color:#FFF;font-size:30px;margin-top:0}
.hm-section-bg{background:url(../img/home-baby-bg.jpg) fixed center}
.responsive-view-bg{background:url(../img/responsive-image-background.png) repeat fixed;padding:50px 0}
.responsive-view-bg img{padding-top:20px;height:auto;width:auto}
.responsive-view-bg h1{font-size:3.5em;color:#fff}
.responsive-view-bg p{font-family:'Open Sans',sans-serif;color:#fff;font-size:22px;font-weight:400;font-style:italic}
hm-footer-bg{background:url(../img/footer-bg.jpg) repeat;color:#FFF;padding:20px 0}
footer h3{color:#FFF}
footer h1{color:#FFF;font-size:30px}
footer p{color:#fff;font-size:13.5px;margin-top:4px}
footer a{color:#FFF;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
footer a:hover{color:#CCC;text-decoration:none}
footer ul{margin-top:45px!important}
footer ul,footer ul li{list-style:none;margin:0;padding:0;color:#E4E4E4;font-size:16px;font-weight:200;margin-left:2px;font-family:'Varela Round',sans-serif;transition:all .5s ease;margin-bottom:10px}
h1.social-head{margin-top:8px}
.footer-logo{margin-top:10%}
footer .footer-bar .fa{margin-left:0;border-radius:3px}
footer .footer-bar .copyright{display:inline-block;padding:20px 0}
.footer-bar{background:#F5F5F5}
.footer-bar h3{color:#333;font-weight:400;font-size:15px}
footer a.social{width:40px;height:40px;line-height:42px}
a.social{display:inline-block;width:36px;height:36px;line-height:38px;font-size:20px;text-align:center;background:rgba(0,0,0,0.3);color:#fff;margin:10px 1px}
.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.social-icons{text-align:center}
.social-alignment{margin-left:32px}
.facebook:hover{background-color:#4d65a3}
.twitter:hover{background-color:#00a8ff}
.google-plus:hover{background-color:#da4735}
.pinterest:hover{background-color:#d70e18}
.stumble:hover{background:#ea4b24}
.delicious:hover{background:#000}
.scoop:hover{background:#6cab36}
.linkedin:hover{background-color:#007bb6}

/* footer columns */
footer .footer-content{background:url(../img/footer-bg.jpg);padding:30px 0;display:block}
footer .footer-content h3{color:#fff!important;font-weight:600;font-size:20px}
footer .column{display:block;height:100%}
/*--------Tabs Section-------*/

#hm-origin-section{padding-top:10px;padding-bottom:15px}
#hm-origin-section .plan li.plan-name{padding:15px 0;font-size:18px;font-weight:700;list-style-type:none}
#hm-origin-section .plan li{padding-right:26px;color:#0067CE}
#hm-origin-section .plan li a{color:#333;font-family:'Varela Round',sans-serif;font-size:18px;font-weight:400}
#hm-origin-section .plan li a:hover{color:#666;text-decoration:none}
#hm-origin-section ul li{padding:10px 0;margin:0 15px;border-bottom:1px dashed #BEBEBE;list-style-type:none}
ul.plan{transition:li 1s ease 0}
.program-section h2{color:#333;font-size:35px;font-weight:600;margin-top:0;padding-bottom:20px}
.hm-names-section{background:url(../img/common-bg.jpg) fixed center no-repeat}
.hm-names-section table tr td{padding:10px;margin:0;border-bottom:1px dashed #BEBEBE;list-style-type:none;color:#333;font-size:18px;font-weight:700;font-family:'Varela Round',sans-serif}
.hm-names-section li .right-arrow{float:left;margin:0;list-style-type:none;color:#9B9B9B;font-size:18px;font-weight:700;font-family:'Varela Round',sans-serif;margin-top:-2px;min-width:350px}
.hm-names-section li{padding:20px 0;margin:0;border-bottom:1px dashed #BEBEBE;list-style-type:none;color:#333;font-size:18px;font-weight:700;font-family:'Varela Round',sans-serif}
.hm-names-section li:hover{background-color:#F3F3F3}
.hm-names-section ul{padding:0 10px}
.hm-names-meaning-text{color:#7D7D7D;font-size:14px;font-weight:600;letter-spacing:.3px;font-family:'Varela Round',sans-serif}
.hm-names-meaning-main-text{width:200px}

/*-----spacing-----*/
.space{padding:50px 0}
.space-top{padding-top:50px}
.space-bottom{padding-bottom:50px}
.small-space{padding:20px 0}
.tabs-background{background:url(../img/tabs-background.jpg) fixed center}

/*Caption Section*/
.thumbnail{position:relative;overflow:hidden}
.caption{position:absolute;top:0;right:0;background:rgba(0,0,0,0.52);width:100%;height:100%;padding:2%;display:none;text-align:center;color:#fff!important;z-index:2}
.caption h4{font-size:30px;margin-top:28%;margin-bottom:5%;color:#FFF}
.caption h4 a{color:#FFC}
.caption h4 a:hover{color:#CCC}
.list-inline li a{width:35px;height:35px;display:inline-block;padding:8px;margin-right:17px;margin-bottom:10px;text-align:center;font-size:15px;background:#7AB7F5;color:#FFF;border-radius:2px;font-weight:700}
.list-inline li a:hover{background:#39d;color:#FFF;text-decoration:none}
.hm-gender-link ul{list-style-type:none;display:block;display:inline}
.hm-gender-link ul li{display:inline}
.hm-gender-link ul li a img{border:3px solid #DBDBDB;margin-right:20px}
.hm-gender-link ul li a img:hover{border:3px solid #CCC;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.hm-arrow img{margin-left:46px}
.fa-star{font-size:22px;color:#FC3;margin-top:10px;margin-right:5px}
.hm-rating{float:right;margin-right:20px}
img.back-to-top{width:25px;height:auto}
#back-to-top.back-to-top-on{right:10px;opacity:.7;filter:alpha(opacity=70)}
.scrollToTop{padding:12px 18px;text-align:center;background:#000;font-weight:700;color:#FFF;text-decoration:none;position:fixed;top:90%;right:40px;display:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;opacity:.6;font-size:28px;-webkit-transition:background ease .5s;-moz-transition:background ease .3s;-ms-transition:background ease .3s;-o-transition:background ease .3s}
.scrollToTop:hover{text-decoration:none;color:#fff;opacity:.5}

/*
==============================================
tossing
==============================================

*/
.tossing{animation-name:tossing;-webkit-animation-name:tossing;animation-duration:2.5s;-webkit-animation-duration:2.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}

@keyframes tossing {
0%{transform:rotate(-4deg)}
50%{transform:rotate(5deg)}
100%{transform:rotate(-4deg)}

@-webkit-keyframes tossing {
0%{-webkit-transform:rotate(-4deg)}
50%{-webkit-transform:rotate(4deg)}
100%{-webkit-transform:rotate(-4deg)}
.photo-grid{margin-top:40px;text-align:center;border:5px solid #E4E4E4}
.photo-grid img{display:block;height:auto;max-width:100%}
.photo-grid figure{height:230px;overflow:hidden;position:relative;width:100%}
.photo-grid figcaption{background:rgba(0,0,0,0.8);color:#fff;display:table;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;z-index:100}
.photo-grid figcaption p{display:table-cell;font-size:1.5em;position:relative;top:-40px;width:289px;vertical-align:middle}
.photo-grid figure:hover figcaption{opacity:1}
.photo-grid img{display:block;height:auto;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;max-width:100%}
.photo-grid a:hover img{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);transform:scale(1.4)}
.photo-grid figcaption p{display:table-cell;font-size:1.5em;position:relative;top:-40px;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;vertical-align:middle}
.photo-grid a:hover figcaption p{-moz-transform:translateY(40px);-webkit-transform:translateY(40px);transform:translateY(40px)}
.photo-grid figcaption{background:rgba(0,0,0,0.8);color:#fff;display:table;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms;z-index:100}
.search-box{margin-top:3px;background:#fff;padding:8px 10px 2px;border-radius:3px;width:82%;float:right}
.nav-section{background:orange;padding:6px 0;margin-top:10px;margin-bottom:15px}
.search-box .gsib_a{padding:0 5px!important}
.search-box input.gsc-search-button,input.gsc-search-button:hover,input.gsc-search-button:focus{border:none!important;background-color:#E49825!important;background:url(../img/search-icon.png) center no-repeat;filter:none!important}
.search-box .cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{width:inherit;height:auto;padding:5px 22px;min-width:8px;margin-top:2px}
.search-box .cse input.gsc-search-button,input.gsc-search-button{height:25px!important}
.search-box input.gsc-input,.gsc-input-box,.gsc-input-box-hover,.gsc-input-box-focus{border-color:#DFB678!important}
.search-box .cse .gsc-control-cse,.gsc-control-cse{padding:.8em .5em .5em!important}
.searchin input[type=text]{border:4px solid #ffab5e;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,0.1),0 0 16px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 0 8px rgba(0,0,0,0.1),0 0 16px rgba(0,0,0,0.1);box-shadow:inset 0 0 8px rgba(0,0,0,0.1),0 0 16px rgba(0,0,0,0.1);padding:10px;background:rgba(255,255,255,1);margin:0 0 10px;border-radius:3px}
.cse input.gsc-input,input.gsc-input{background-image:url(../img/place-holder.png)!important;background-repeat:no-repeat;background-color:#fff}
.cse input.gsc-input:focus,input.gsc-input:focus{background-image:none!important}
.contact-content{padding-top:2%;padding-bottom:6%}
.control-group{margin-bottom:30px}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px;color:#000;background-color:#020202}
.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:13px;margin-bottom:8px;background-color:rgba(255,255,255,0.97);border:1px solid transparent;border-radius:4px}

@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
.boy-bg{background:none;margin-top:15px}
.search-box{width:100%}
.container{padding:0}
.search-box{margin-top:-62px;top:32px}
.logo{margin-bottom:100px}
.search-box{top: 30px;}
}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.search-box{margin-top:-62px;top:32px}
.logo{margin-bottom:100px}
.search-box {top: 30px;}
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
.search-box {
    top: 30px;
}
}