.clearfix:before, .clearfix:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after { content: " "; display: table; }
.clearfix:after, .navbar:after, .navbar-header:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; visibility: hidden !important; }
.affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/* general styles */
a, button { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.clickable { cursor: pointer !important; }
.required { color: #00a7e1; }
.accent { color: #00a7e1; }
.text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; }
@media (max-width: 991px) {
 .text-center-sm {
 text-align: center;
}
}
p.lead { margin-bottom: 40px; }
section, div.section { margin-bottom:30px; }
.no-mb { margin-bottom: 0 !important; }
.mb-small { margin-bottom: 20px !important; }
.heading { margin-bottom:20px; margin-left:15px}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom:1px dotted #555; line-height: 1.1; margin-bottom: 0; padding-bottom:6px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.02em; font-weight:500; color:#343a40}

.icon.icon-lg { font-size: 30px; border-width: 2px; }
.ul-icons { padding-left: 10px; }
.ul-icons li { list-style-type: none; line-height: 20px; margin-bottom: 20px; }
.ul-icons li i { width: 20px; height: 20px; background: #00a7e1; color: #fff; text-align: center; border-radius: 10px; line-height: 20px; margin-right: 10px; }
ul.list-style-none { list-style: none; }
#text-page h1, #text-page h2, #text-page h3 { font-weight: 700; }
#error-page { text-align: center; margin-top: 40px; margin-bottom: 100px; }
#error-page h4 { margin-bottom: 40px; }
#error-page p.buttons { margin-top: 40px; }
.pages-listing .item { text-align: center; }
.pages-listing .item h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.08em; }
.pages-listing .item h3 a { color: #343a40; }
.pages-listing .item .text { margin-bottom: 20px; }
.pages-listing .item .text p { color: #999999; font-size: 12px; margin-bottom: 20px; }
.banner { margin-bottom: 30px; text-align: center; }
.banner img { margin: 0 auto; }
.banner a:hover img { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.pages { text-align: center; }
.pages .loadMore { text-align: center; }
.pages .pagination { text-align: center; }
.features-buttons button { margin-bottom: 20px; }

#top { background: #343a40; color: #eeeeee; padding: 10px 0; }
#top p { margin: 0; font-size: 12px; }
#top .social { float: right; text-align: right; }
#top .social a { color: #999999; display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; }
#top .social a:hover { color: #fff; }
#top .social a:hover.facebook { background-color: #4460ae; }
#top .social a:hover.gplus { background-color: #c21f25; }
#top .social a:hover.twitter { background-color: #3cf; }
#top .social a:hover.instagram { background-color: #cd4378; }
#top .social a:hover.email { background-color: #4a7f45; }
#top .login { float: right; }
#top .login a { font-size: 12px; color: #eeeeee; margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.10em; }
@media (max-width: 767px) {
 #top .login {
 float: left;
}
}
#top.light { background: #fff; color: #999999; border-bottom: solid 1px #eeeeee; }
#top.light .login a { color: #343a40; }
.navbar { border: none; }
.navbar ul.nav > li > a { font-weight:300; letter-spacing: 0.02em; font-size:17px; margin-right:5px }
.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { text-decoration: none !important; }
@media (max-width: 768px) {
 .navbar ul.nav > li.active > a,  .navbar ul.nav > li.open > a {
 border-top-color: transparent;
}
 .navbar ul.nav > li > a:hover {
 border-top-color: transparent;
}
}
.navbar.navbar-light ul.nav > li.active > a { background: #fff !important; color: #343a40 !important; }
.navbar.navbar-light ul.nav > li.active > a:hover { }
.navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { background: #000 !important; color: #343a40!important; }
.navbar ul.dropdown-menu { margin: 0; padding: 0; }
.navbar ul.dropdown-menu li { list-style-type: none; border-bottom: solid 1px #eeeeee; text-transform: uppercase; letter-spacing: 0.08em; padding:10px 0px 4px 0px; }
.navbar ul.dropdown-menu li a { position: relative; color: #999999; font-size:14px; font-weight:400; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; left: 0; text-transform:none; letter-spacing:normal}
.navbar ul.dropdown-menu li a:hover { color: #00a7e1; text-decoration: none; background: none; left: 2px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
@media (max-width: 767px) {
 .navbar ul.dropdown-menu li a:hover {
 left: 0;
}
}
.navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: dotted 1px #343a40; letter-spacing: 0.08em; }
@media (max-width: 767px) {
 .navbar .yamm-content h3 {
 font-size: 14px;
}
}
.navbar .yamm-content h4 { text-transform: uppercase; padding-bottom: 10px; border-bottom: dotted 1px #343a40; letter-spacing: 0.08em; }
.navbar .yamm-content ul { margin:0; padding:0; }
.navbar .yamm-content ul li { list-style-type: none; border-bottom: solid 1px #eeeeee; text-transform: uppercase; padding:4px 0;}
.navbar .yamm-content ul li a { position: relative; color: #999999; font-size:15px; font-weight:300; display: block; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; letter-spacing:0px}
.navbar .yamm-content ul li a:hover { color: #00a7e1; text-decoration: none; padding-left: 2px; }
.navbar .yamm-content .banner { margin-bottom: 10px; }
.navbar .yamm-fw .dropdown-menu { padding: 0; }
.navbar .navbar-buttons { float: right; }
.navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin-top: 11px; margin-bottom: 11px; margin-left: 0; margin-right:30px; }
.navbar .btn-default, .navbar .btn-default.navbar-toggle { color: #999999; background-color: #fff; margin-left: 7px; margin-right: 0; }
.navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: #fff; border-color: #00a7e1; color: #00a7e1; }
.navbar #search { clear: both; border-top: solid 1px #00a7e1; text-align: right; }
.navbar #search form { float: right; }
.navbar #search form .input-group { width: 500px; }
@media (max-width: 768px) {
 .navbar #search form .input-group {
 width: 100%;
}
}
.navbar #basket-overview a { margin-left: 7px; }
.navbar-affixed-top { top: -32px; }
.navbar-affixed-top.affix-top { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.navbar-affixed-top.affix { position: fixed; width: 100%; top: 0; z-index: 1000; -webkit-box-shadow: 0 0 5px #cccccc; box-shadow: 0 0 5px #cccccc; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
body.boxed .navbar-affixed-top.affix { position: static; }
#login-modal { overflow: hidden; }
#login-modal .modal-header h4 { text-transform: uppercase; }
#login-modal form { margin-bottom: 20px; }
#login-modal a { color: #00a7e1; }
#login-modal p { font-weight: 300; margin-bottom: 20px; font-size: 13px; }

/* buttons  */
.btn { font-weight: 700; font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857143; border-radius: 0; }
.input-group .btn { font-size: 14px; }
.btn-lg { padding: 12px 18px 10px 18px; font-size: 14px; line-height: 1.25; border-radius: 0; }
.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 0; }
.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 0; }

.btn-top-mobile { color: #343a40; background:url(../images/mobile-icon.png) 6px 6px no-repeat #ffffff ; font-size:16px; float:right; margin-top:30px; text-transform: none; letter-spacing: 0.02em; padding: 6px 12px 6px 40px; font-size:18px; line-height: 1.42857143; border:1px solid #f2f2f2; margin-left:15px; transition: all 0.2s ease-out 0s; display:inline-block;}
.btn-top-mobile:hover, .btn-top-mobile:focus, .btn-top-mobile:active, .btn-top-mobile.active {background:url(../images/mobile-icon.png) 6px -19px no-repeat #343a40!important; color: #ffffff; text-decoration:none }

.btn-top-email{ color: #343a40; background:url(../images/email-icon.png) 6px 6px no-repeat #ffffff ; font-size:16px; float:right; margin-top:30px; text-transform: none; letter-spacing: 0.02em; padding: 6px 12px 6px 40px; font-size:18px; line-height: 1.42857143; border:1px solid #f2f2f2; margin-left:15px; transition: all 0.2s ease-out 0s; display:inline-block;}
.btn-top-email:hover, .btn-top-email:focus, .btn-top-email:active, .btn-top-email.active {background:url(../images/email-icon.png) 6px -19px no-repeat #343a40!important; color: #ffffff; text-decoration:none }





.btn-main { color: #00a7e1; background-color: #ffffff; border-color: #00a7e1; }
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active, .open > .dropdown-toggle.btn-main { color: #00a7e1; background-color: #e6e6e6; border-color: #2a7d8c; }
.btn-main:active, .btn-main.active, .open > .dropdown-toggle.btn-main { background-image: none; }
.btn-main.disabled, .btn-main[disabled], fieldset[disabled] .btn-main, .btn-main.disabled:hover, .btn-main[disabled]:hover, fieldset[disabled] .btn-main:hover, .btn-main.disabled:focus, .btn-main[disabled]:focus, fieldset[disabled] .btn-main:focus, .btn-main.disabled:active, .btn-main[disabled]:active, fieldset[disabled] .btn-main:active, .btn-main.disabled.active, .btn-main[disabled].active, fieldset[disabled] .btn-main.active { background-color: #ffffff; border-color: #00a7e1; }
.btn-main .badge { color: #ffffff; background-color: #00a7e1; }
.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active { background: #00a7e1; color: #ffffff; border-color: #00a7e1; }

.btn-main-dark{ color:#343a40; background-color:#ffffff; border-color:#343a40;}
.btn-main-dark:hover, .btn-main-dark:focus, .btn-main-dark:active, .btn-main-dark.active, .open > .dropdown-toggle.btn-main-dark { color: #00a7e1; background-color: #e6e6e6; border-color: #2a7d8c; }
.btn-main-dark:active, .btn-main-dark.active, .open > .dropdown-toggle.btn-main-dark { background-image: none; }
.btn-main-dark.disabled, .btn-main-dark[disabled], fieldset[disabled] .btn-main-dark, .btn-main-dark.disabled:hover, .btn-main-dark[disabled]:hover, fieldset[disabled] .btn-main-dark:hover, .btn-main-dark.disabled:focus, .btn-main-dark[disabled]:focus, fieldset[disabled] .btn-main-dark:focus, .btn-main-dark.disabled:active, .btn-main-dark[disabled]:active, fieldset[disabled] .btn-main-dark:active, .btn-main-dark.disabled.active, .btn-main-dark[disabled].active, fieldset[disabled] .btn-main-dark.active { background-color: #ffffff; border-color: #00a7e1; }
.btn-main-dark .badge { color: #ffffff; background-color: #00a7e1; }
.btn-main-dark:hover, .btn-main-dark:focus, .btn-main-dark:active, .btn-main-dark.active { background: #00a7e1; color: #ffffff; border-color: #00a7e1; }


.btn-transparent-primary { color: #ffffff; background-color: transparent; border-color: #ffffff; }
.btn-transparent-primary:hover, .btn-transparent-primary:focus, .btn-transparent-primary:active, .btn-transparent-primary.active, .open > .dropdown-toggle.btn-transparent-primary { color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; }
.btn-transparent-primary:active, .btn-transparent-primary.active, .open > .dropdown-toggle.btn-transparent-primary { background-image: none; }
.btn-transparent-primary.disabled, .btn-transparent-primary[disabled], fieldset[disabled] .btn-transparent-primary, .btn-transparent-primary.disabled:hover, .btn-transparent-primary[disabled]:hover, fieldset[disabled] .btn-transparent-primary:hover, .btn-transparent-primary.disabled:focus, .btn-transparent-primary[disabled]:focus, fieldset[disabled] .btn-transparent-primary:focus, .btn-transparent-primary.disabled:active, .btn-transparent-primary[disabled]:active, fieldset[disabled] .btn-transparent-primary:active, .btn-transparent-primary.disabled.active, .btn-transparent-primary[disabled].active, fieldset[disabled] .btn-transparent-primary.active { background-color: transparent; border-color: #ffffff; }
.btn-transparent-primary .badge { color: transparent; background-color: #ffffff; }
.btn-transparent-primary:hover, .btn-transparent-primary:focus, .btn-transparent-primary:active, .btn-transparent-primary.active { background: #fff; color: #00a7e1; border-color: #fff; }
.btn-transparent-black { color: #ffffff; background-color: transparent; border-color: #ffffff; }
.btn-transparent-black:hover, .btn-transparent-black:focus, .btn-transparent-black:active, .btn-transparent-black.active, .open > .dropdown-toggle.btn-transparent-black { color: #ffffff; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; }
.btn-transparent-black:active, .btn-transparent-black.active, .open > .dropdown-toggle.btn-transparent-black { background-image: none; }
.btn-transparent-black.disabled, .btn-transparent-black[disabled], fieldset[disabled] .btn-transparent-black, .btn-transparent-black.disabled:hover, .btn-transparent-black[disabled]:hover, fieldset[disabled] .btn-transparent-black:hover, .btn-transparent-black.disabled:focus, .btn-transparent-black[disabled]:focus, fieldset[disabled] .btn-transparent-black:focus, .btn-transparent-black.disabled:active, .btn-transparent-black[disabled]:active, fieldset[disabled] .btn-transparent-black:active, .btn-transparent-black.disabled.active, .btn-transparent-black[disabled].active, fieldset[disabled] .btn-transparent-black.active { background-color: transparent; border-color: #ffffff; }
.btn-transparent-black .badge { color: transparent; background-color: #ffffff; }
.btn-transparent-black:hover, .btn-transparent-black:focus, .btn-transparent-black:active, .btn-transparent-black.active { background: #fff; color: #000; border-color: #fff; }
.btn-primary { color: #ffffff; background-color: #00a7e1; border-color: #00a7e1; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #2c8494; border-color: #2a7d8c; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #00a7e1; border-color: #00a7e1; }
.btn-primary .badge { color: #00a7e1; background-color: #ffffff; }

.home-carousel { position: relative; background:#eeeeee; background-size: cover; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.home-carousel .dark-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00a7e1; opacity: 0.9; filter: alpha(opacity=90); }
.home-carousel .lite-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff; opacity: 0.9; filter: alpha(opacity=90); }
.home-carousel .owl-carousel { padding-top:20px; padding-bottom:0px; }
.home-carousel .owl-theme .owl-controls .owl-page span {background: #343a40;}
.home-carousel .owl-theme .owl-controls .owl-page.active span {background: #00a7e1; }
.home-carousel .owl-theme .owl-controls .owl-page:hover span {background: #00a7e1; }

.owl-theme .owl-controls{text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=90);opacity:0.9}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:15px;height:15px;margin:5px 7px 15px 7px;filter:Alpha(Opacity=90);opacity:0.9;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff;border:0px solid #000}.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}

@media (max-width: 767px) {
 .home-carousel {
 text-align: center !important;
}
}
@media (min-width: 992px) {
 .home-carousel .right {
 text-align: right;
}
}
.home-carousel h1, .home-carousel h2, .home-carousel h3, .home-carousel p, .home-carousel ul { color: #343a40; }
.home-carousel h1 { font-weight: 700; text-transform: uppercase; font-size: 46px; letter-spacing: 0.08em; }
@media (max-width: 991px) {
 .home-carousel h1 {
 font-size: 36px;
}
}
.home-carousel h2 { font-weight: 700; text-transform: uppercase; font-size: 40px; letter-spacing: 0.08em; }
.home-carousel ul, .home-carousel p { font-size:16px; font-weight:400; padding: 0;}
@media (max-width: 991px) {
 .home-carousel ul,  .home-carousel p {font-size: 14px;}
}
.home-carousel ul li { margin-bottom: 10px; }
.home-carousel ul li i{ color:#00a7e1}


@media (max-width: 991px) {
 .box .box-footer .btn {
 margin-bottom: 20px;
}
}
.box.no-border { border: none; }
#heading-breadcrumbs { background: url('../images/texture-bw.png') center center repeat; padding: 20px 0; margin-bottom: 40px; }
#heading-breadcrumbs.no-mb { margin-bottom: 0; }
#heading-breadcrumbs h1 { color: #333333; text-transform: uppercase; font-size: 30px; font-weight: 700; letter-spacing: 0.08em; }
@media (max-width: 991px) {
 #heading-breadcrumbs h1 {
 text-align: center;
}
}
#heading-breadcrumbs ul.breadcrumb { margin-top: 5px; margin-bottom: 0; }
@media (max-width: 991px) {
 #copyright p {
 float: none !important;
 text-align: center;
 margin-bottom: 10px;
}
}

/* Original Boostrap template overwrite */
/* breadcrumbs */
.breadcrumb { font-family: "Roboto", Helvetica, Arial, sans-serif; text-transform: uppercase; background-color: none; letter-spacing: 0.08em; }
/* nav */
.nav > li > a { padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus { background-color: #eeeeee; }
.nav > li.disabled > a { color: #999999; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #00a7e1; }
.nav-tabs { border-bottom: 1px solid #00a7e1; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0 0 0 0; }
.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #00a7e1; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #343a40; background-color: #ffffff; border: 1px solid #00a7e1; border-bottom-color: transparent; cursor: default; }
.nav-tabs.nav-justified { width: 100%; border-bottom: solid 1px #00a7e1; border-bottom: 0; }
.nav-tabs.nav-justified > li { float: none; }
.nav-tabs.nav-justified > li > a { text-align: center;/*margin-bottom: 5px;*/
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 0; }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #00a7e1; }
@media (min-width: 768px) {
 .nav-tabs.nav-justified > li > a {
 border-bottom: 1px solid #00a7e1;
 border-radius: 0 0 0 0;
}
 .nav-tabs.nav-justified > .active > a,  .nav-tabs.nav-justified > .active > a:hover,  .nav-tabs.nav-justified > .active > a:focus {
 border-bottom-color: #ffffff;
}
}
.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 0; }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; background-color: #00a7e1; }
.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }
.nav-justified { width: 100%; border-bottom: solid 1px #00a7e1; }
.nav-justified > li { float: none; }
.nav-justified > li > a { text-align: center;/*margin-bottom: 5px;*/
}
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }
.nav-tabs-justified { border-bottom: 0; }
.nav-tabs-justified > li > a { margin-right: 0; border-radius: 0; }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #00a7e1; }
@media (min-width: 768px) {
 .nav-tabs-justified > li > a {
 border-bottom: 1px solid #00a7e1;
 border-radius: 0 0 0 0;
}
 .nav-tabs-justified > .active > a,  .nav-tabs-justified > .active > a:hover,  .nav-tabs-justified > .active > a:focus {
 border-bottom-color: #ffffff;
}
}
.tab-content { padding: 15px; border: solid 1px #ddd; border-top: none; }
/* navbar */
.navbar { position: relative; margin-bottom: 0; border-bottom: 1px solid transparent; }
@media (min-width: 768px) {
 .navbar {
 border-radius: 0px;
}
}
@media (min-width: 768px) {
 .navbar-header {
 float: left;
}
}
.navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; }
.navbar-collapse.in { overflow-y: auto; }
@media (min-width: 768px) {
 .navbar-collapse {
 width: auto;
 border-top: 0;
 box-shadow: none;
}
 .navbar-collapse.collapse {
 display: block !important;
 height: auto !important;
 padding-bottom: 0;
 overflow: visible !important;
}
 .navbar-collapse.in {
 overflow-y: visible;
}
 .navbar-fixed-top .navbar-collapse,  .navbar-static-top .navbar-collapse,  .navbar-fixed-bottom .navbar-collapse {
 padding-left: 0;
 padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
@media (max-width: 480px) and (orientation: landscape) {
 .navbar-fixed-top .navbar-collapse,  .navbar-affixed-top .navbar-collapse,  .navbar-fixed-bottom .navbar-collapse {
 max-height: 200px;
}
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) {
 .container > .navbar-header,  .container-fluid > .navbar-header,  .container > .navbar-collapse,  .container-fluid > .navbar-collapse {
 margin-right: 0;
 margin-left: 0;
}
}
.navbar-static-top { z-index: 1000; border-width: 0 0 1px; }
@media (min-width: 768px) {
 .navbar-static-top {
 border-radius: 0;
}
}
.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
@media (min-width: 768px) {
 .navbar-fixed-top,  .navbar-fixed-bottom {
 border-radius: 0;
}
}
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }
.navbar-brand { float: left; padding:10px 0px; font-size: 18px; line-height: 20px; height:95px; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
@media (min-width: 768px) {
 .navbar > .container .navbar-brand,  .navbar > .container-fluid .navbar-brand {
 margin-left: -15px;
}
}
.navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 14px; margin-bottom: 14px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 0; }
.navbar-toggle:focus { outline: 0; }
.navbar-nav { margin: 10.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
@media (max-width: 767px) {
 .navbar-nav .open .dropdown-menu > li > a,  .navbar-nav .open .dropdown-menu .dropdown-header {
 padding: 5px 15px 5px 25px;
}
 .navbar-nav .open .dropdown-menu > li > a {
 line-height: 20px;
}
 .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-nav .open .dropdown-menu > li > a:focus {
 background-image: none;
}
}
@media (min-width: 768px) {
 .navbar-nav {
 float: left;
 margin: 0;
}
 .navbar-nav > li {
 float: left;
}
 .navbar-nav > li > a {
 padding:15px 20px;
}
 .navbar-nav.navbar-right:last-child {
 margin-right: -15px;
}
}
@media (min-width: 768px) {
 .navbar-left {
 float: left !important;
}
 .navbar-right {
 float: right !important;
}
}
.navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 14px; margin-bottom: 14px; }
@media (max-width: 767px) {
 .navbar-form .form-group {
 margin-bottom: 5px;
}
}
@media (min-width: 768px) {
 .navbar-form {
 width: auto;
 border: 0;
 margin-left: 0;
 margin-right: 0;
 padding-top: 0;
 padding-bottom: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
}
 .navbar-form.navbar-right:last-child {
 margin-right: -15px;
}
}
.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.navbar-btn { margin-top: 14px; margin-bottom: 14px; }
.navbar-btn.btn-sm { margin-top: 16px; margin-bottom: 16px; }
.navbar-btn.btn-xs { margin-top: 20px; margin-bottom: 20px; }
.navbar-text { margin-top: 21px; margin-bottom: 21px; }
@media (min-width: 768px) {
 .navbar-text {
 float: left;
 margin-left: 15px;
 margin-right: 15px;
}
 .navbar-text.navbar-right:last-child {
 margin-right: 0;
}
}
.navbar-default { background-color: #343a40; border-color: #cccccc; border-bottom: none; }
.navbar-default .navbar-brand { color: #343a40; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #3b3b3b; background-color: transparent; }
.navbar-default .navbar-text { color: #777777; }
.navbar-default .navbar-nav > li > a { color: #ffffff; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color:#ffffff; background-color:#00a7e1 ; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #00a7e1; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: #dddddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #00a7e1; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888888; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #cccccc; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #00a7e1; color: #ffffff; }
@media (max-width: 767px) {
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #ffffff;
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
 color: #ffffff;
}
 .navbar-default .navbar-nav .open .dropdown-menu > .active > a,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
 color: #ffffff;
 background-color: #00a7e1;
}
 .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
 color: #cccccc;
 background-color: transparent;
}
.dropdown-menu { z-index: 1000; font-size: 14px; background-color: #ffffff; border: 1px solid #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
}
.navbar-default .navbar-link { color: #343a40; }
.navbar-default .navbar-link:hover { color: #343a40; }
.navbar-default .btn-link { color: #343a40; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #343a40; }
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #cccccc; }
/* scaffolding */
body { font-family: "Roboto", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #343a40; }
a { color: #00a7e1; text-decoration: none; }
a:hover, a:focus { color: #267280; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.img-rounded { border-radius: 0; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }
/* breadcrumbs */
.breadcrumb { padding: 20px 0; margin-bottom: 20px; background-color: transparent; border-radius: 0; text-align: right; }
.breadcrumb > li + li:before { content: ">\00a0"; color: #343a40; }
.breadcrumb > .active { color: #999999; }
@media (max-width: 991px) {
 .breadcrumb {
 padding: 20px 0;
 text-align: center;
}
}
/* dropdowns */
.dropdown-menu { z-index: 1000; font-size: 14px; background-color: #ffffff; border: 1px solid #f2f2f2; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { padding: 5px 15px 7px; color: #333333; white-space: nowrap; }

/* type */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: 900; line-height: 1.1; color: #333333; }
h1, .h1, h2, .h2, h3, .h3 { margin-top:10px; margin-bottom:10px; }
p { margin: 0 0 10px; }
.lead { margin-bottom: 20px; font-size: 18px; }
@media (min-width: 768px) {
 .lead {
 font-size: 21px;
}
}
.text-small { font-size: 12px; }
.text-large { font-size: 18px; }
.text-italic { font-style: italic; }
.text-primary { color: #00a7e1; }
a.text-primary:hover { color: #2c8494; }
.bg-primary { color: #fff; background-color: #00a7e1; }
a.bg-primary:hover { background-color: #2c8494; }
abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #999999; }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 14px; border-left: 5px solid #00a7e1; }
blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #999999; }
blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; }
.blockquote-reverse, blockquote.pull-right { border-right: 5px solid #00a7e1; }
address { margin-bottom: 20px; line-height: 1.42857143; }
.panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.panel-heading { border-top-right-radius: 0; border-top-left-radius: 0; text-transform: uppercase; letter-spacing: 0.08em; padding: 15px 15px; }
.progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0; border-radius: 0; overflow: hidden; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group.accordion .panel { border-color: #ccc; }
.panel-primary { border-color: #00a7e1; }
.panel-primary > .panel-heading { color: #ffffff; background-color: #00a7e1; border-color: #00a7e1; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #00a7e1; }
.panel-primary > .panel-heading .badge { color: #00a7e1; background-color: #ffffff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #00a7e1; }
.panel-primary .panel-title { font-weight: 300; }
.panel-primary .panel-title a:hover { color: #fff; text-decoration: none; }
a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; }
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #00a7e1; background-color: #ffffff; }
.nav-pills > li > a > .badge { margin-left: 3px; }
.progress-bar-primary { background-color: #00a7e1; }
.progress-striped .progress-bar-primary { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; }
.yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; }
.yamm .yamm-content { padding: 20px 30px; }
.yamm .dropdown.yamm-fw .dropdown-menu { left:30px; right:30px; }





.product-carousel {padding:30px 0px 0px 0px;}

.designing-heading {font-size: 24px; font-weight: 500; color:#343a40; text-transform:uppercase; border-bottom:1px solid #e7e7e7;   padding-bottom:5px; margin-bottom:0px; margin-left:15px; margin-right:15px;}

.product-carousel .owl-prev { right:55px!important; position:absolute!important; width:40px; height:40px; line-height:32px!important; top:-45px!important; color:#343a40!important; font-size:30px!important; border-radius:0px!important; background:#eeeeee!important; opacity:1!important}
.product-carousel .owl-prev:hover { color:#FFFFFF!important; background:#00a7e1!important }
.product-carousel .owl-next { right:10px!important; position:absolute!important; width:40px; height:40px; line-height:32px!important; top:-45px!important; color:#343a40!important; font-size:30px!important; border-radius:0px!important; background:#eeeeee!important; opacity:1!important}
.product-carousel .owl-next:hover { color:#FFFFFF!important; background:#00a7e1!important }
.product-carousel .owl-controls .owl-page span { display:block; width:12px; height:12px; margin:5px 7px 15px 7px; filter:Alpha(Opacity=50); opacity:0.5; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background:#fff; border:2px solid #00a7e1!important }
.product-box-img { position:relative; height:220px; background-position:center; background-size:cover;}
.product-box-img:hover { position:relative; background-position:center; background-size:cover; -webkit-filter:grayscale(100%); filter:grayscale(100%) }
.product-box { position:absolute; width:100%; bottom:0; background:#00a7e1 }
.product-box:after { display:table; clear:both; content:""; line-height:0 }
.product-box h3 { text-align:right; font-size:17px; padding:15px 0px; text-align:center; margin:0; color:#fff; font-weight:300}
.product-box-icon { width:50px; height:50px; font-size:20px; color:#fff; background:#00a7e1; line-height:50px; text-align:center; top:0px; right:0px!important; font-weight:400; float:right }




.about-box {border: 0;box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); margin-bottom:30px; border-radius:7px}
.about-box-header{ background:#00a7e1; font-size:22px; font-weight:400; color:#FFFFFF; padding:15px 20px; margin:0px; border-radius:7px 7px 0px 0px}
.about-box-content{padding:20px}
.about-box-content p{font-size:16px; font-weight:400; color:#343a40; padding:0px; margin:0px}
.about-box-content p a{ margin-top:10px}

#skills{ padding:20px 0px; margin-bottom:0px}
.percentage.easyPieChart > span, .percentage.easyPieChart { color:#7e8c8d; font-size:48px; }
.percentage.easyPieChart { font-size:27px; }
.easyPieChart { position:relative; text-align:center; margin:0 auto; }
.easyPieChart canvas { position:absolute; top:0; left:0; }
.skills small { text-align:center; font-size:20px; display:block; padding-top:10px; color:#343a40; text-transform:uppercase; font-weight:800; padding-bottom:20px}

#message{ padding:30px 0px 20px 0px; background:#f6f6f6; margin-bottom:0px}
.message p{font-size:16px; padding-left:15px}

#pdf{ padding:30px 0px 30px 0px; margin-bottom:0px}
#pdf p{padding-left:15px; font-size:16px}


#gallery{ padding:30px 0px 40px 0px;background:#f6f6f6; margin-bottom:0px}
.box-image { position: relative; overflow: hidden; text-align: center; margin: 15px 0px 25px 15px; }
.box-image .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #00a7e1; }
.box-image .name { position: absolute; width: 100%; height:45%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; }
.box-image .name h3 { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.08em; }
.box-image .name h3 a { color: #fff; text-decoration: none; }
.box-image .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; }
.box-image:hover .bg { opacity: 0.7; filter: alpha(opacity=70); }
.box-image:hover .name { position: absolute; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%); }
.box-image:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); }
.box-image-text { position: relative; overflow: hidden; text-align: center; margin: 15px 0; }
.box-image-text .top { position: relative; margin-bottom: 10px; }
.box-image-text .top .bg { position: absolute; top: auto; bottom: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); background: #00a7e1; }
.box-image-text .top .name { position: absolute; width: 100%; height:40%; bottom: 0; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; }
.box-image-text .top .name h3 { color: #fff; text-transform: uppercase; font-size: 18px; letter-spacing: 0.08em; }
.box-image-text .top .name h3 a { color: #fff; text-decoration: none; }
.box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0; -webkit-transform: translate(0, -150%); -ms-transform: translate(0, -150%); -o-transform: translate(0, -150%); transform: translate(0, -150%); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff; padding: 0 20px; }
.box-image-text .content h3, .box-image-text .content h4 { text-transform: uppercase; line-height: 1.5; color: #343a40; font-weight: 800; letter-spacing: 0.08em; }
.box-image-text .content p { color: #999999; }
.box-image-text:hover .bg { opacity: 0.9; filter: alpha(opacity=90); }
.box-image-text:hover .name { position: absolute; -webkit-transform: translate(0, -75%); -ms-transform: translate(0, -75%); -o-transform: translate(0, -75%); transform: translate(0, -75%); }
.box-image-text:hover .text { position: absolute; -webkit-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); }

/* pagination */
.pagination { margin: 20px 0; font-family: "Roboto", Helvetica, Arial, sans-serif; border-radius: 0; }
.pagination > li > a, .pagination > li > span { padding:10px 15px; text-decoration: none; color:#ffffff!important; background:#343a40; font-size:18px; border-radius:0px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#FFFFFF!important; background:#00a7e1!important}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #00a7e1; border-color: #00a7e1; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; background-color: #ffffff; border-color: #dddddd; }

.panel{background:#f5f5f5; padding:0px 5px}
.panel-heading {font-size: 24px; font-weight: 500; color:#343a40; text-transform:uppercase; border-bottom:1px dotted #555; padding-bottom:5px; margin-bottom:0px; margin-left:18px; margin-right:15px; padding-left:0px}
.panel ul{padding:0px; margin:0px; list-style:none;}
.news-item{ padding:0px; margin:0px; border-bottom:1px dotted #555; font-size:16px; margin-bottom:8px; padding-bottom:8px}
.date { background-color:#00a7e1; color: #fff; font-size: 22px; font-weight: 500; line-height: 20px; padding: 15px 15px 10px; margin-right:10px}
.month { background-color:#343a40; color: #ddd; font-size: 12px; font-weight: 600; padding: 7px 15px; text-transform: uppercase; margin-right:10px}

.bday-img{ margin-right:10px}
.date2{ color:#00a7e1; font-size:40px; font-weight:600; line-height:30px; padding:5px 5px 0px 5px; margin-left:10px; text-align:center}
.month2{color:#555555; font-size:18px; font-weight: 600; padding:7px 5px; text-transform: uppercase; margin-left:10px; text-align:center}


#footer { background:#ffffff; padding:30px 0; color: #343a40; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#343a40; font-weight:400; margin:0px; letter-spacing: 0.02em; text-transform:none}
#footer .heading{ margin-left:0px}
#footer ul { font-size:16px;  padding-left: 0; list-style: none; }
#footer ul a { color: #343a40;}
#footer ul a:hover { color: #00a7e1; text-decoration: none;}

#footer ul li .icon{color:#ffffff; width:45px; height:45px; line-height:45px; font-size:20px; background:#00a7e1; border-radius:50%; text-align:center; margin-right:10px; margin-bottom:7px;text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}

#copyright {margin: 0;background:#f6f6f6; font-size:15px; font-weight:400; color: #343a40; padding: 30px 0px; }
#copyright a{color: #343a40; margin:0px 2px}
#copyright a:hover{color: #00a7e1; text-decoration:none}
#copyright p { margin: 0; }


.breadcrumbs { font-size:15px; font-weight:400; color:#555; padding:10px 15px; background:#f5f5f5}
.breadcrumbs a { color:#00a7e1}
.breadcrumbs a:hover { color:#555}



#inside-page{ padding:20px 0px 20px 0px; margin-bottom:0px; }
#inside-page p{padding-left:15px; padding-right:15px; font-size:16px; text-align:justify}
#inside-page a:hover{color:#343a40}

#contact {padding-left:15px;}
#contact ul { font-size:16px; padding-left:0px; list-style: none; }
#contact ul a { color: #343a40;}
#footer ul a:hover { color: #00a7e1; text-decoration: none;}

#contact ul li .icon{color:#00a7e1; width:45px; height:45px; line-height:42px; font-size:20px; background:#ffffff; border:2px solid #00a7e1; border-radius:50%; text-align:center; margin-right:10px; margin-bottom:7px;}

/* labels */
.label {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
/* forms.less */
label {
  font-weight: normal;
}
.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.form-control:focus {
  border-color: #38a7bb;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(56, 167, 187, 0.6);
}
.form-group {
  margin-bottom: 20px;
}