/*-----------------------------------------------------------------------------------

    Template Name: DREAMLAND HTML Mobile Template
    Template URI: http://devitems.com
    Description: This is Mobile Template
    Author: devitems
    Author URI: http://devitems.com/author/madhusudan/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. left sidebar css
  	3. home css
    	 3.1 about
       3.2 feature product
       3.3 new project
       3.4. blog-area css
      `3.5 Testimonial css
       3.6 our brands css
    4. about page css
    5. blog details page css
    6. project details css
    7. live chat css
    8. register login  page css
    9. contact us page css
    10. gallary page css
    11. short code page css
    12. product details page css
    13. cart page css
    14. checkout page css
    15. dashboard css
	
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/


html, body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.floatleft {float:left}
.floatright {float:right}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjust {text-align: justify;}
a:focus {outline:0px solid;color: #DD3C26}
img {
    max-width:100%;
     /*height:auto*/

}
.fix {overflow:hidden}
p {margin:0 0 10px;font-weight: 300;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 5px;
  /*font-family: 'Roboto Slab', serif;*/
  /*color:#013ba9;*/
  font-weight: 600;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color:#013ba9;}
/*Junior*/
a:hover {
  color: #013ba9;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
a.closebutton {
  color: #ffffff;
  float: right;
  font-size: 25px;
  padding: 5px 10px;
}
.clear{clear:both}
/*input[type=text]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,.contact-form textarea:focus,.register-content .inputbox > input:focus{border:1px solid #013ba9;}*/


.standard-row {
  padding: 10px 15px;
  position: relative;
}
.standard-row2 {
  padding: 10px 15px 0;
  position: relative;
}
.standard-row3 {
  padding:15px 0;
  position: relative;
}
.pading{padding: 0 15px}
/*-----------------------
2. left sidebar css
--------------------------*/
body.with-panel-left-reveal .views {
  transform: translate3d(270px, 0px, 0px);
}
.panel {
  width: 270px;
}

.menubg {
  background: #2b2b2b none repeat scroll 0 0;
}
.logo-box {
  padding: 20px 0;
  text-align: center;
}
.social-icone > ul {
  overflow: hidden;
}
.social-icone li {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  float: left;
  margin-right: 1px;
  text-align: center;
  width: 33%;
}
.social-icone li:last-child {
  margin-right:0;
}
.social-icone a {
  color: #fff;
  display: block;
  font-size: 12px;
  padding: 14px 0 12px;
}
.social-icone li a i {
  font-size: 25px;
}
.menu ul li a i {
  font-size: 22px;
  margin-right: 22px;
}
.menu ul li a {
  color: #ffffff;
  display: flex;
  font-size: 14px;
  padding: 10px 26px;
}
/*Junior*/
.badge {
    /*background: #fff none repeat scroll 0 0;
  color: #e63e27;
  font-size: 12px;*/
    line-height: 20px;
    margin-left: 5px;
    border-radius: 0px;
    padding: 4px;
}
.menu ul li a i.pe-7s-angle-down {
  font-size: 21px;
  position: absolute;
  right: 10px;
}
.menu ul li ul {
  padding-left: 40px;
}
.pages-menu-show,.shop-menu-show,.menu-showp,.gallrey-menu-show{display: none;}
/*------------------------
3. home css
--------------------------*/
.link.icon-only i {
  color: #013ba9;
  font-size: 22px;
}
.content-block-inner {
  background: #ffffff none repeat scroll 0 0;
  color: #222;
  margin-left: -15px;
  padding: 10px 15px;
  position: relative;
  width: 100%;
}
.navbar-inner{
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ccc;
  color: #111;
  padding: 30px 8px;
  text-transform: uppercase;
}

/*Junior*/
 .toolbar-inner {
  border-bottom: 1px solid #ccc;
  color: white;
  background-color:#013ba9;
  padding: 30px 8px;
  text-align:center;
}
.center.sliding > h4 {
  margin-bottom: 0;
}
.navbar-inner h2 {
  font-size: 25px;
  font-weight: 600;
  margin-top: 13px;
}
.navbar::after {
 opacity:0;
}
.navbar {
  margin-bottom:0px;
  border:none;
}
.navbar-fixed .page-content, .navbar-through .page-content {
  padding-top: 0px;
}
.back.link i {
  color: #013ba9;
  font-size: 25px;
  font-weight: bold;
}
.single-slider {
  position: relative;
  width: 100%;
  line-height: 0;
}
.swiper-slide.swiper-slide img{
  width: 100%;
}
.ks-slider-custom {
  height: auto;
}
.slider-area .swiper-slide:after {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.swiper-slide.swiper-slide{ line-height: 0;}
.slide-text {
  bottom: 3%;
  color: #fff;
  left: 0;
  line-height: 22px;
  position: absolute;
  width: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
    /*padding: 10px;*/
}
/*Junior*/
.slide-text h2 {
  color: #013ba9;
  font-size: 22px;
  font-weight: bolder;
  /*line-height: 26px;*/
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.page {
  background: #fff none repeat scroll 0 0;
  top:0px;
  padding-top: 60px;
}
.about-content a{color: #013ba9;font-weight: bold;}
.section-title > h3 {
  font-size: 20px;
  position: relative;
  text-transform: uppercase;
}
.section-title{margin-bottom: 20px;}
/*jUNIOR*/
.section-title > h3::after {
  background: var(--cor2) none repeat scroll 0 0;
  bottom: -2px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

/*------------------------
3.2 feature product
--------------------------*/
.single-product {
  margin-bottom: 25px;
}
.button-content,.blog-post,.new-product {
  overflow: hidden;
  margin-top: 35px;
}
.button-content .swiper-slide,.blog-post .swiper-slide,.new-product .swiper-slide{line-height: inherit;}
.prev-next,.prev-nextb,.prev-next {
  position: absolute;
  right: 14px;
 top: 32px;
}
/*Junior*/
.best-prev,.best-prevb,.best-prevn {
  float: left;
  /*width: 34px;*/
}
.best-next,.best-nextb,.best-nextn{
  float: right;
}
/*Junior*/
.best-prev i, .best-next i, .best-prevb i, .best-prevn i, .best-nextb i, .best-nextn i {
  background: #013ba9  none repeat scroll 0 0;
  color: #fff;
  cursor: pointer;
  display: block;
  margin: 0 2px;
  padding: 8px;
}
.pro-img {
  border-bottom: 1px solid #eee;
  line-height: 0;
  position: relative;
}
.pro-img img {
  width: 100%;
}
.pro-img > span {
  background: #013ba9 none repeat scroll 0 0;
  color: #fff;
  font-weight: 600;
  left: 0;
  line-height: 22px;
  padding: 2px 10px;
  position: absolute;
  text-transform: uppercase;
  top: 0;
}
.pro-name{padding: 0 15px;}
.pro-name > h3 {
  margin: 0;
}
.pro-name > span {
  color: #013ba9;
  font-weight: bold;
}
.pro-des {
  border-top: 1px solid #eee;
  margin-top: 10px;
  overflow: hidden;
  padding: 15px 15px 0;
}
.pro-name ul li {
  display: inline;
  color: #fbdb07;
}
.pro-des ul li{display: inline}
.pro-des ul li i {
  font-size: 17px;
  padding-right: 10px;
}
.price {
  color: #013ba9;
}

.standard-row2.ft-area {
  background: #eeeeee none repeat scroll 0 0;
  /*padding-bottom: 5px;*/
}
.standard-row2.ft-area2 {
  background: #e2e2e2 none repeat scroll 0 0;
   /*padding-bottom: 10px;*/
}
.pro-des ul li img {
  margin: 0 10px;
  width: 24px !important;
}
.pro-des ul li strong{color: #444}
.porduct-details {
  background: #fff none repeat scroll 0 0;
  padding: 15px 0;
}
.porduct-details > p {
  color: #444;
  margin: 0;
  padding: 0 15px;
}
.porduct-details > p i {
  margin-right: 10px;
}
/*------------------------
3.3 new product
--------------------------*/
.all-product-area .content-block {
  margin-bottom: 0;
  padding: 0;
  margin-top: 25px;
}
.buttons-row a.active {
  background: #013ba9 none repeat scroll 0 0;
  color: #fff;
}
.buttons-row {
  display: block;
  margin-bottom: 25px;
  text-align: center;
}
.buttons-row a {
  background: #e2e2e2 none repeat scroll 0 0;
  border: 1px solid #aaa;
  color: #333;
  display: inline-block;
  margin-top: 5px;
  padding: 4px 10px;
  text-align: center;
}
.tab-content .single-product {
  margin-bottom: 25px;
}
/*------------------------
3.4. blog-area css
--------------------------*/
.blog-head img{width: 100%;}
.blog-head{position: relative;
line-height: 0;}
.blog-head > h2 {
  color: #fff;
  margin-top: -4px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 1;
}
.blog-head::after {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0.50;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-area{padding:100px 0;}
.single-blog {
  margin-bottom: 25px;
  text-align: center;
}
.bolg-img {
  line-height: 0;
  overflow: hidden;
  position: relative;
}
.bolg-img img,.bolg-imgd img{transition: all 0.5s ease 0s;width:100%}
.bolg-content {
  margin-top: 10px;
  text-align: left;
}
.bolg-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.bolg-content h4 a {
  color: inherit;
  transition:all 0.3s ease 0s;
}
.bolg-content h4 a:hover{color:#DD3C26;}
.blog-footer {
  border-bottom: 1px solid #efefef;
  padding: 5px 0 7px;
}
.bolg-content p{line-height: 22px;
  }
.blog-footer ul li {
  display: inline-block;
  width: 32.4%;
}
.blog-footer ul li:last-child{text-align: right;}
.blog-footer ul li:first-child{text-align: left;}
.blog-footer ul li i {
  color: #999;
  font-size: 15px;
  margin-right: 0;
}
.single-blog h5 {
  text-align: right;
}
.single-blog h5 a {
  color: #DD3C26;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
.single-blog h5 a:hover{color:#444;}
.single-blog h5 a i{margin-left:5px;}
.blog-footer ul li a {
  font-size: 12px;
  font-style: italic;
  margin-right: 4px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.blog-footer ul li a:hover{color:#DD3C26;}
.click-blog, .click-shop {
  background: #d34836 none repeat scroll 0 0;
  border-radius: 100%;
  bottom: 5px;
  box-shadow: 0 -2px 197px -76px rgba(0, 0, 0, 0.58);
  color: #ffffff;
  display: inline-block;
  float: right;
  font-size: 26px;
  line-height: 7px;
  margin-right: 15px;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
}
.click-blog:hover,.click-blog,.click-shop:hover,.click-shop i{color: #fff !important}
.blog-pageview .single-blog{display: none;}
/*------------------------
3.5 Testimonial css
--------------------------*/
.standard-row.testimonial {
  padding: 0;
}
.standard-row.testimonial .section-title {
  padding: 0 15px;
}
.testimonial-area {
  padding: 25px 0;
}
.item {
  text-align: center;
}
.testmonialdiv {
  /*background-image: url("img/test-bg.jpg");*/
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  background-position: center center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
  padding: 10px 0;
  width: 100%;
  background-color: var(--cor2);
    border-radius: 10px;
}
.item i{margin-bottom: 10px;}
.testmonialdiv .item > p {
  font-weight: 300;
  line-height: 22px;
}
.testmonialdiv .swiper-slide::after{opacity:0;}
/*------------------------
3.6 our brands css
--------------------------*/
.client-img {
  margin-bottom: 15px;
}
.client-img a {
  border: 1px solid #ddd;
  display: block;
  opacity: 0.5;
  padding: 20px;
}
/*------------------------
3.7 newsletter-area  css
--------------------------*/
.newsletter-area {
  background: rgba(0, 0, 0, 0) url("img/news.jpg") no-repeat scroll center center / cover ;
  padding-bottom: 30px;
}
.newsletter-area .section-title > h3 {
  color: #fff;
}
.newsletter-content > input {
  box-sizing: border-box;
  height: 42px;
  margin: 0 auto;
  padding: 10px;
  width: 200px;
}
.newsletter-content {
  text-align: center;
}
.newsletter-content > button {
  background: #013ba9 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  height: 42px;
  margin-left: -5px;
  padding: 0 18px;
}


/*------------------------
4. about page css
--------------------------*/
/*Junior*/
.aboutpage img {
  /*width: 100%;*/
  border-bottom: 1px solid #ccc
}
.aboutpage {
  line-height: 0;
  
}
.about-text-bottom {
  background: #fff none repeat scroll 0 0;
  line-height: 22px;
  padding:15px;
}
.page-content.aboutall {
  background: #eeeeee none repeat scroll 0 0;
}
.offer-content {
  background: #fff none repeat scroll 0 0;
}
/*Junior*/
.offer-box {
  border: 1px solid #ccc;
  /*margin-bottom: 25px;*/
  padding: 15px;
  text-align: center;
}
.offer-box > h3 {
  margin: 10px 0;
}
.offer-box > p {
  margin: 0;
}
.team-box {
  background: #eeeeee none repeat scroll 0 0;
  margin-bottom: 25px;
}
.team-img {
  line-height: 0;
}
.team-details {
  background: #fff none repeat scroll 0 0;
  padding: 15px 15px 20px;
}
.team-details > h3 {
  font-size: 20px;
  margin: 0;
}
.team-details > span {
  color: #555;
}
.team-details > p {
  color: #666;
  margin: 10px 0 16px;
}
.social-icon li {
  display: inline-block;
}
.social-icon ul li a {
  background: #fe5516 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
/*------------------------
5. blog details page css
--------------------------*/
.blog-text.details {
  padding-top: 15px;
}
.card.blog-card.details {
  display: block;
}
.blog-text.details > p {
  margin-bottom: 10px;
}
.blog-comment-main {
  padding: 30px 15px 0;
}
.comment-img a img {
  display: block;
  float: left;
  margin-right: 15px;
  position: relative;
  top: 0;
  width: 30px;
}
.comment-text {
  border: 1px solid #cccccc;
  margin-left: 52px;
  padding: 0 10px;
  position: relative;
}
.comment-text > p {
  margin: 0;
  padding: 10px 0;
}
.bolg-comment ul li ul {
  margin-left: 18px;
  padding: 13px 0;
}
.comment-text > button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #D34836;
  cursor: pointer;
  float: right;
  font-size: 10px;
  padding: 5px 0 0;
}
.comment-text > button i {
  font-size: 12px;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.comment-text::before {
  background: #cccccc none repeat scroll 0 0;
  content: "";
  height: 14px;
  left: -9.5px;
  position: absolute;
  top: 10px;
  transform: rotate(47deg);
  width: 16px;
}
.comment-text::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 14px;
  left: -8.5px;
  position: absolute;
  top: 10px;
  transform: rotate(47deg);
  width: 16px;
}
.leave-comment {
  margin-top: 20px;
}
.section-heading > h3 {
  font-size: 20px;
}
.input-box i {
  background: #6e3090 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 23px;
  height: 22px;
  padding: 18px;
}
.input-box > button {
  background: #E63E27 none repeat scroll 0 0;
  border: medium none;
  cursor: pointer;
  outline: medium none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.input-box > input {
  border: medium none;
  box-sizing: border-box;
  float: left;
  padding: 22px 63px 20px 16px;
  width: 79%;
}
.input-box i.pe-7s-paper-plane{background: #E63E27 none repeat scroll 0 0;}
.input-box {
  border: 1px solid #cccccc;
  position: relative;
  overflow: hidden;
}
.input-box > input:focus {
  border: medium none;
}
.footer-row{
  text-align: center;
}
/*------------------------
6. project details css
--------------------------*/
.properties-slider {
  overflow: hidden;
  position: relative;
}
.about-text-bottom > p {
  text-align: justify;
}
.about-accordin .list-block .item-inner::after {
  height: 0;
}
.project-text-bottom {
  background: #fff none repeat scroll 0 0;
  line-height: 22px;
}
.about-accordin .list-block .item-inner::after {
  background-color: #c8c7cc;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  transform-origin: 50% 100% 0;
  width: 100%;
  z-index: 15;
}
.accordin-title > h3 {
  background: #dd3c26 none repeat scroll 0 0;
  color: #ffffff;
  padding: 20px 5px;
  text-align: center;
}
.short-title img {
  margin-right: 5px;
}
.about-accordin .content-block > p {
  padding-top: 15px;
}
.about-accordin .list-block {
  margin: 35px 0 0;
  overflow: hidden;
}
.essential-item {
  padding-bottom: 10px;
}
.list-block li {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  margin-bottom: 10px;
  position: relative;
}
.p-list {
  padding: 5px 0;
}
.p-list strong {
  float: left;
  font-weight: 600;
  width: 60%;
}
.p-list > img {
  margin-right: 10px;
}
.related-project,.project-video {
  position: relative;
  margin-top: 20px;
}
.project-video iframe{width: 100%;height: 335px;}
.related-project .prev-next{
  position: absolute;
  right: -2px;
  top: 28px;
}
.swiper-pagination-bullet {
  background: #013ba9 none repeat scroll 0 0;
  opacity: 0.72;

}
.swiper-pagination-bullet-active {
  background: #013ba9 none repeat scroll 0 0;
  height: 12px;width: 12px;
  opacity: 1;
}
.agent-information {
  margin-top: 20px;
  overflow: hidden;
}
.agent-pic {
  float: left;
  line-height: 0;
  width: 110px;
}
.agent-info {
  overflow: hidden;
  padding: 5px 10px;
}
.agent-address i {
  color: #444;
  margin-right: 10px;
}
.pro-show {
  display: none;
  margin-bottom: 10px;
}
.click-list {
  background: #013ba9 none repeat scroll 0 0;
  border-radius: 100%;
  bottom: 5px;
  box-shadow: 0 -2px 197px -76px rgba(0, 0, 0, 0.58);
  color: #ffffff;
  display: inline-block;
  float: right;
  font-size: 26px;
  line-height: 7px;
  margin-right: 15px;
  padding: 8px;
  position: absolute;
  right: 0;
  text-align: center;
}
.controls button:hover{background-color: #013ba9!important;
}
.click-list:hover,.click-list i{color: #fff !important}
/*------------------------
7. live chat css
--------------------------*/
.messages {
  overflow: hidden;
}
.messagebar textarea + .link {
  margin-left: 7px;
  position: relative;
  top: 20px;
}
.messages.messages-auto-layout {
  padding-bottom: 60px;
}
.message-sent .message-text {
  background-color: #013ba9;
}
.messagebar textarea {
  border-radius: 0;
  height: 34px;
}
.toolbar.messagebar {
  height: 60px;
}
/*-----------------------
8. register login  page css
--------------------------*/
.login-screen .view .page {
  padding: 0;
  top: 0;
}
.register-content > div {
  text-align: center;
  padding: 25px 0;
}
.register-content {
  padding: 10px;
}
.registerbody {
  color: black;
  height: 100%;
  overflow-y: scroll;

}
.register-content .inputbox > input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #5c5c5c;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  height: 34px;
  margin-top: 5px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
/*Junior*/
.inputbox > span {
  /*color: #fff;*/
}
.inputbox {
  padding: 11px 0;
}
.register-content h3 {
  color: #fff;
  font-size: 82px;
  font-weight: bolder;
  padding: 15px 0;
  text-align: center;
}
.register-content > p {
  color: #fff;
  text-align: center;
}
.register-content a {
  color: #fff;
}
.register-content a i {
  color: #013ba9;
  font-size: 25px;
}
.fa.fa-times {
  color: #fff;
}
.register-content .inputbox > a {
  color: #fff;
  float: right;
  margin-bottom: 10px;
}
.button.button-big {
  background: #013ba9 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  padding-top: 5px;
}
.login-logo {
  padding-top: 50px;
  text-align: center;
}
.login-with {
  margin-top: 15px;
  overflow: hidden;
  text-align: center;
}
.login-after-text > h4,.login-after-text > h5 {
  color: #fff;
  text-align: center;
}
/*Junior*/
.tabbar-fixed .page-content, .tabbar-through .page-content, .toolbar-fixed .page-content, .toolbar-through .page-content {
 
}
.login-after-text > p {
  color: hsl(0, 0%, 100%);
  margin: 12px 0 40px;
  text-align: center;
}
.login-withbox {
  float: left;
  margin-bottom: 5px;
  margin-right: 2px;
  width: 49%;
}
.login-withbox:last-child {
  margin-right: 0;
  width: 50%;
}
.login-withbox a {
  margin-top: 5px;
  padding: 5px 0;
}
.subscribe-bttton {
  margin-bottom: 70px;
  text-align: center;
}
.login-with > p {
  margin-bottom: 3px;
  text-transform: uppercase;
}
.subscribe-bttton > input {
  box-sizing: border-box;
  display: inline;
  height: 40px;
  margin-right: -4px;
  padding: 0 11px;
  width: 180px;
}
.subscribe-bttton > button {
  background: #013ba9 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  height: 40px;
  padding: 0 10px;
  text-transform: uppercase;
  width: 98px;
}
/*------------------------
9. contact us page css
--------------------------*/
.contact-form input {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border: 1px solid #aaa;
  box-sizing: border-box;
  height: 44px;
  margin-bottom: 10px;
  padding: 0 10px;
  width: 100%;
  font-family: 'Lato', serif;
}
.contact-form textarea {
  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
  border: 1px solid #aaa;
  box-sizing: border-box;
  color: #444;
  font-family: "Lato",serif;
  font-size: 13px;
  padding: 10px;
  width: 100%;
}
.google-map iframe  {
  width: 100%;
  height: 222px;
  border:0;
}
.button-big{width: 100%;}
.contact-info {
  margin-top: 20px;
  text-align: center;
}
.contact-heading{text-align: center;}
.contact-heading h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 5px;
  text-align: center;
}
.contact-heading p{margin-bottom: 10px;}
.contact-button button.button.button-big {
  background: #013ba9 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  height: 42px;
  margin: 20px auto;
}
.contact-info .col-100.tablet-33:last-child .contact-text{margin: 0;}
.picker-item.picker-selected {
  color: #444;
}
.footer-row {
  padding: 10px 0;
  text-align: center;
}
.google-map {
  margin-bottom: 10px;
}
/*------------------------
10. gallary page css
--------------------------*/
.gallerymain .row .col-33 {
  width: calc((100% - 5px * 1) / 3);
}
.gallerymain .row .col-50 {
  width: calc((100% - 3px * 1) / 2);
}
.img-box {
  line-height: 0;
  margin-bottom: 3px;
  overflow: hidden;
}
.swipebox > img {
  width: 100%;
}
/*------------------------
11. short code page css
--------------------------*/
.content-block.short-code {
  padding: 0;
}
.short-code .row > [class*="col-"] {
  box-sizing: border-box;
}
.short-code div[class*="col-"] {
  background: #efefef none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #000;
  margin-bottom: 15px;
  padding: 5px;
  text-align: center;
}
.short-code .buttons-row {
  display: inline-flex;
  margin-bottom: 25px;
  text-align: center;
}
.short-code .buttons-row a {
  margin-top: 0px;
  padding: 0px 10px;
}
/*------------------------
12. product details page css
--------------------------*/
.shop-list{display: none;}
.swiper-custom {
  overflow: hidden;
  padding: 0 0 22px;
  position: relative;
}
.product-details-page .single-product {
  overflow: hidden;
  padding: 0px;
}
.product-details-page .croduct-price {
  left: 7px;
  padding: 12px 10px 8px;
  top: 6px;
}
.croduct-img {
  position: relative;
  z-index: -1;
}
.product-size {
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 0;
  padding: 18px 0;
  position: absolute;
  width: 100%;
}
.product-size > ul {
  margin: auto;
  padding: 0;
  text-align: center;
}
.product-size > ul li {
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-top: 1px solid #aaaaaa;
  color: #656565;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  margin-left: -2px;
  padding: 16px 0;
  text-align: center;
  width: 52px;
}
.product-size > ul li:first-child{border-left: 1px solid #aaaaaa}
.swiper-pagination-bullet {
  height: 13px;
  width: 13px;
}
/*Junior*/
.swiper-pagination-bullet-active {
  background: var(--cor2) none repeat scroll 0 0;
}
.favorite {
  padding: 0 15px;
}
.picker-modal-inner .page{padding-top: 10px;}
.picker-modal-inner .list-block .item-inner::after {
  height: 0;
}
.picker-modal .toolbar-inner {
  padding: 18px 15px;
}
.favorite .select-color .item-link.smart-select .item-after {
  right: 25px;
}
.select-color .list-block .item-title {
  color: #656565;
  font-weight: bold;
  white-space: nowrap;
}
.favorite .select-color .list-block {
  margin: 5px 0;
}
.select-color .list-block .item-link .item-inner,.product-quantity .list-block .item-link .item-inner {
  background-image: url("img/array-down.png");
  background-size: 13px 8px;
  padding-right: 21px;
}
.select-color .list-block .item-content {
  padding-left: 10px;
}
.add-tocart {
  padding: 10px 0;
  text-align: center;
}
.add-tocart > button {
  background: #013ba9 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 15px;
}
.add-tocart > button i {
  font-size: 16px;
}
.product-description {
  margin-top: 20px;
}
.product-description .tab-menu ul{border:none;}
.product-description .tab-menu li {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  display: inline-block;
}
.product-description .tab-menu ul li a {
  display: inline-block;
  font-size: 15px;
  padding: 12px 0;
  text-transform: none;
  width: 123px;
}
.product-description .tab-menu ul li:first-child {
  border-left: 1px solid #dddddd;
  margin-right: -5px;
}
.review-text {
  overflow: hidden;
}
.review-text h4 {
  font-size: 14px;
  margin-bottom: 0;
}
.review-text > a i {
  color: #fbdb07;
}
.review-box {
  margin-bottom: 10px;
  width: 100%;
}
.review-text > p {
  font-size: 14px;
  margin-bottom: 0;
}
.related-product{margin-top: 10px;}

.tab-menu ul {
  border: 1px solid #cccccc;
  overflow: hidden;
  text-align: center;
}
.tab-menu ul li.active, .tab-menu ul li a.active {
  background-color: #fff !important;
  color: #444;
}
/*Junior*/
.tab-menu ul li a {
  background: var(--cor2) none repeat scroll 0 0;
  color: #fff;
}
.tab-menu {
  margin-bottom: 20px;
}
.admin-img {
  float: left;
  margin-right: 10px;
  width: 34px;
}
.admin-img img{border-radius: 100%;border: 1px solid #013ba9;}
/*------------------------
13. cart page css
--------------------------*/
.cartpage-image {
  /*width: 100px;*/
}
.cate-porduct-list {
  width: 100%;
}
.list-block ul::before,.list-block ul::after{
  height: 0;
}
.cartpage-image {
  float: left;
  /*width: 102px;*/
  position: relative;
}
.cartpage-pro-dec {
  float: left;
  width: 226px;
}
.product-attributes {
  padding-left: 10px;
  position: relative;
}
.product-quantity .list-block{margin: 5px 0}
.product-quantity .list-block .item-content {
  min-height: 20px;
  padding-left: 0;
}
.product-quantity .list-block ul,.cart-list .list-block .item-content{
  padding-left: 0px;
}
.list-block li li:last-child .item-inner::after, .list-block li:last-child li .item-inner::after {
  height: 0px;
}
.cart-list .list-block .item-inner {
  padding-bottom: 20px;
  padding-left: 15px;
  padding-top: 20px;
}
.list-block .item-inner::after {
  height: 0;
}
.product-quantity {
  width: 87px;
}
.product-quantity .list-block .item-link .item-inner {
  border: 1px solid #aaaaaa;
  padding-left: 5px;
  padding-right: 50px;
}
.product-quantity .list-block .item-inner {
  min-height: 25px;
  padding-bottom: 0;
  padding-top: 0;
}
.cart-delete {
  font-size: 25px;
  left: 58%;
  position: absolute;
  top: 45px;
}
.product-price {
  color: #353535;
  font-weight: 600;
  position: absolute;
  right: 4%;
  top: 50px;
}
.product-color, .product-name {
  color: #353535;
  font-size: 15px;
  padding: 1px 0;
}
.product-color label {
  color: #656565;
  font-size: 15px;
}
.cart-list .list-block.list {
  border-bottom: 0 solid #aaaaaa;
  font-size: 15px;
  margin: 0;
}
.modal-title {
  display: none;
}
.cartpage-image .croduct-price {

  font-size: 12px;
  left: -8px;
  padding: 0 10px;
  top: 6px;
}
.wish-button > button {
  background: #013ba9 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  cursor: pointer;
  margin-top: 4px;
  padding: 5px 10px;
}
/*------------------------
14. checkout page css
--------------------------*/
.checkout-page{}
.checkout-page .tab-menu ul li a{text-transform: none;}
.formbox {
  color: #656565;
  padding-bottom: 14px;
  width: 100%;
}
.formbox label{display:block;}
.formbox > input {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
}
.formbox.butonbox {
  margin-top: 15px;
  text-align: center;
}
.butonbox button {
  background: #013ba9 none repeat scroll 0 0;
  border: medium none;
  color: hsl(0, 0%, 100%);
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  padding: 0 31px;
}
.shipping-content > p {
  text-align: center;
}
.shipping-content .list-block .item-title {
  width: 100%;
  font-size: 13px; color: #656565;

}
.shipping-content .list-block .item-title span{ color: #353535;
  font-size: 14px;
  font-weight: bold;}
label.label-checkbox input[type="checkbox"]:checked + .item-media i.icon-form-checkbox, label.label-checkbox input[type="radio"]:checked + .item-media i.icon-form-checkbox {
  background-color: #A07936;
}
.shipping-content .list-block {
  font-size: 17px;
  margin: 20px 0;
}
.shipping-content h3 {
  margin-bottom: 20px;
  text-align: center;
}
.select-color.check-select .list-block .item-content {
  border: 1px solid #aaa;
  color: #656565;
  font-size: 13px;
  min-height: 40px;
  padding-left: 7px;
}
.select-color .item-link.smart-select:focus {
  border: 1px solid #013ba9;
}
.select-color.check-select .list-block {
  margin: 0;
}
.select-color.check-select .list-block .item-inner {
  min-height: 40px;
}
.tab-menu ul li a {
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 12px 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 33.33%;
}
/*------------------------
 15. dashboard css
--------------------------*/
.standard-row.ft-area {
  background: #efefef none repeat scroll 0 0;
}
.single-revenue {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 20px;
}

.conversion {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 20px;
}
.revenue-icon {
  float: left;
}
.revenue-icon i {
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #013ba9;
  font-size: 32px;
  height: 80px;
  line-height: 78px;
  text-align: center;
  width: 80px;
}
.revenue-title {
  float: right;
  margin-top: 13px;
  text-align: right;
}
.revenue-title h4 {
  color: #a07936;
  font-size: 24px;
  margin: 0;
}
.revenue-title p {
  color: #444;
  font-size: 16px;
  margin: 0;
}
.dashboard-title h1 {
  margin: 0;
}
.total-revenue {
  border: 1px solid #ddd;
}
.t-revenue-title{}
.t-revenue-title h2 {
  color: #797979 !important;
  font-size: 16px;
  text-transform: uppercase;
}
.total-sale {
  text-align: center;
}
.total-sale h4 {
  color: #666;
}
.t-revenue-title h2, .sale-title {
  color: #444 !important;
  font-size: 16px;
  margin-bottom: 0;
  padding-top: 10px;
  text-align: center;
  text-transform: uppercase;
}
.total-sale-list {}
.total-sale-list ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.total-sale-list li{display: inline-block;
padding: 0;
width: 31.5%;}
.total-sale-list li h4{color: #444;}
.total-sale-list li h5 {
  color: #666;
}
.sale-list ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.sale-list ul li {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
}
.sale-list ul li:last-child {
  border-bottom:none;
}
.sale-list ul li i {
  color: #81c868;
  font-size: 18px;
  position: absolute;
  top: 1px;
  width: 20px;
}
.sale-list ul li span.sale-text{display: inline-block;
overflow: hidden;
padding-left: 25px;
text-overflow: ellipsis;
white-space: nowrap;
width: 115px;}
.sale-list ul li span.sale-date{}
.sale-list ul li span.sale-price {
  float: right;
  margin-left: 10px;
  color: #81c868;
}
.last-sale {
  border: 1px solid #ddd;
  margin-top: 15px;
  padding: 0px 10px;
}

tfoot tr td{border:none;text-align: right;}

tfoot{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

/*Junior*/

 .DivFooter {

    text-align:center;border-bottom: 1px solid #ccc;color: white;background-color: #013ba9;height:50px;padding-top: 15px;font-size:12px;
}

.DescricaoAdicionais {
    font-size:9px;white-space: normal; display: block;padding-right:10px;padding-top:5px;
}

.DescricaoAdicionaisCart {
    font-size:11px;white-space: normal; display: block;padding-right:10px;font-style:italic;
}

.btn-facebook, .btn-facebook.btn-circle > i {
            color: #fff;
            background-color: #335397;
        }

            .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .btn-facebook.btn-circle:hover > i {
                color: #fff;
                background-color: #4264ab;
            }

             .cut-text { text-overflow: ellipsis; overflow: hidden; width: 100%; height: 1.2em; white-space: nowrap;margin-bottom:5px; }

             .toast {
width: 100%;
border-radius: 0;

}  
   .tituloOu {
                height: 1px;
                background-color:#013ba9;
                text-align: center;

            }

                .tituloOuspan {
                    background-color: #f7f7f7;
                    position: relative;
                    top: -0.5em;
                    padding: 0 10px;
                    color:#013ba9;
                }


#toast-container {
min-width: 100%;
top: 0;
right: 0%;
left: 0%;

}

.google-map {
   height: 300px;

    width: 100%;
            z-index: 99999;    
}


.pac-item span {
pointer-events: none;
}

#map_canvas {
             height: 300px;

    width: 100%;
            z-index: 99999;    
}
 #map {
          height: 300px;

    width: 100%;
            z-index: 99999;    
        }
 .pac-container {
    background-color: #fff;
    position: absolute!important;
    z-index: 99999;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

  .pac-item {
   height:40px;
    font-size:15px;
}

        .colunaEndereco1
                                {
                                    padding-top:10px;
                                width: 80%;
                                float:left;
                                position:relative;
                                font-size:12px;
                         
                                }
                              
                                  .colunaEndereco3
                                {
                                        padding-top:10px;
                                width: 20%;
                                float:left;
                                position:relative;
                                padding-right:10px;

                           
                                }

.CategoriaDescricao {

    padding-top: 20px;
    text-align: justify;
    background-color: #013ba9;
    margin-left: 10px;
    padding-bottom: 20px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 15px;
    /* border-top: 1px solid #c2e09d; */
    font-weight: initial;
    color: white;
    /* border: 1px solid red; */
    border-radius: 10px;

}

.priceProduto{
  float: right;
    color: #013ba9;
    margin-top: 5px;
    font-size: 25px;


}

.tituloCortado{
    display:inline-block;
    width:400px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
    font-size:12px;
}

/*//notificacao*/

.notifications .item-title {
      font-size: 16px;
      color:#013ba9;
      font-weight:bold;
      max-width: 200px;
}

.notifications .item-subtitle {
      font-size: 14px;
      color:var(--cor2);
      font-style:italic; max-width: 200px;
}

.notifications .item-text {
      font-size: 12px;
      color:black;
      padding-left:20px;
 height:auto; 
   display: table; min-width: 150px;
  
  text-align:justify;
    font-size:12px;
    margin-left:-80px;
    padding-top:10px;
    padding-bottom:10px;
}

.notifications {
    background-color:#f2f2f2;
    
}
.notifications .notification-item {
    /* max-width: 568px; */
    margin: 0 auto; 
    margin-bottom: 5px;
      margin-top: 5px;
         margin-left: 5px;
          background-color:white;
     margin-right: 5px;
    -webkit-transition-duration: 450ms;
    transition-duration: 450ms;
    -webkit-transform: translate3d(0,0,0);
    border-radius: 20px;
    transform: translate3d(0,0,0);
}



.toast {
    background: rgb(49 177 49);
    text-align: center;
    color: white;
    /*top: 40px;*/
    /*bootom: 40px;
    background: rgba(42, 63, 84, 1);*/
    /* float: right;*/
    /*  margin-top: 20px;
    margin-right:10px;
    text-align: center;*/
}
.container {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

/*body {
    margin-right: 20px;
    margin-left: 20px;
}*/

.tabelaReceita{
    padding:0px;

}

    .tabelaReceita tr td {
        padding: 0px;
    }

/* Ajustes para os botões do select */
.input-group-btn {
    display: inline-flex;
    vertical-align: top;
}

.input-group-btn .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin-left: 5px;
    height: 34px;
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}

.input-group-btn .btn-sm:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.input-group-btn .btn-sm i {
    margin-right: 5px;
}

/* Ajuste para o select2 */
.select2-container {
    width: 100% !important;
}

.form-group small {
    display: block;
    margin-top: 5px;
    color: #737373;
}

/* Ajuste do input-group */
.input-group {
    display: flex;
    flex-wrap: nowrap;
}

/* Ajustes para seguir o padrão do sistema */
.input-group-addon {
    padding: 0;
    border: none;
    background: none;
}

.input-group-addon .btn-group {
    display: flex;
    height: 30px;
}

.input-group-addon .btn {
    padding: 4px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.input-group-addon .btn:hover {
    background-color: #f4f4f4;
}

.input-group-addon .btn:first-child {
    border-radius: 0;
    border-right: 0;
}

.input-group-addon .btn:last-child {
    border-radius: 0;
}

/* Ajustes Select2 */
.select2-container .select2-selection--multiple {
    min-height: 30px;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
    border-radius: 0;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

/* Ajustes gerais de formulário */
.form-control {
    border-radius: 2px;
    border: 1px solid #ccc;
    box-shadow: none;
    font-size: 14px;
}

.btn {
    border-radius: 0;
}

.btn-success {
    background-color: #26B99A;
    border-color: #26B99A;
}

.btn-success:hover {
    background-color: #169F85;
    border-color: #169F85;
}

/* Ajustes para seguir o padrão do sistema */
.control-label {
    font-weight: normal;
    font-size: 13px;
    color: #73879C;
    margin-bottom: 5px;
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
}

.btn-block {
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* Ajustes do Select2 */
.select2-container .select2-selection--multiple {
    min-height: 34px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 2px 8px;
}