body{
}

.navbar{
    background: rgb(59, 89, 152) !important;
    color:white !important;
}
.navbar a{
    color:white !important;
}
.navbar ul{
    color:white !important;
}
.navbar ul li{
    color:white !important;
    font-size: 16px;
    font-weight: bold;
}

.navbar button{
    color:white !important;
}

.lofo{
    font-weight: bold;
    font-size:24px;
}

section.first{
    background: #f4f2ea !important;
    height:100%;
}

.lefter{
    padding:120px 80px;
}
.lefter button{
      background: rgb(59, 89, 152);
      border:none;
      box-shadow: 0px 5px 10px 0px #eee;
      padding:20px;
      font-size:20px;    
      font-weight: bold;
}

.lefter button:hover{
    background: rgb(59, 89, 152);
    border:none;
    box-shadow: 0px 5px 10px 0px #eee;
    padding:20px;
    font-size:20px;
    font-weight: bold;    
}

.rse{
    font-size:52px !important;
    font-weight: bold;
    color:rgb(59, 89, 152);
}


section.two{
    height:400px;
    padding:80px 0px;
}
.two .title{
   font-size:35px;
   font-weight: bold;
   color:rgb(59, 89, 152);
}
.two .cont{
   margin:40px 0;
}


.two .cont a{
    font-family: 'Roboto';
    width: 20%;
    cursor:pointer;
    background: #fff;
    border:1px solid #eee;
    font-size:20px;
    font-weight: bold;
    padding:20px;
    color:#ee6780;
    border-radius:5px;
    transition: all 200ms;
    margin:10px;
    line-height: 80px;
 }
 

 .two .cont a:hover{
    font-family: 'Roboto';
    transform : scale(1.1);
    box-shadow: 0px 10px 10px #eee;
 }
 
.grs{
    box-shadow: 10px 4px 10px 10px #eee;
    border:none;
}

.grs a {
    font-family: 'Roboto';
    width: 40%;
    cursor:pointer;
    background: #fff;
    border:1px solid #eee;
    font-size:15px;
    font-weight: bold;
    color:#ee6780;
    border-radius:5px;
    transition: all 200ms;
    margin:10px;
}
.grs a:hover{
    font-family: 'Roboto';
    width: 40%;
    cursor:pointer;
    background: #fff;
    border:1px solid #eee;
    font-size:15px;
    font-weight: bold;
    color:#ee6780;
    border-radius:5px;
    transition: all 200ms;
    margin:10px;
}

.titleers  .title{
    color:rgb(59, 89, 152);
    font-size:34px !important;
    font-weight: bold;
}

.er{
    font-family: 'Roboto';
    font-size:22px !important;
}

.list-group{
  box-shadow: 0px 10px 20px 0px #eee;
}

.list-group .active{
    background: rgb(59, 89, 152) !important;
    border:none;
    text-align:center;
    font-size:26px !important;
    font-weight: bold;
    color:white !important;
 }

 .list-group a{
    color:#eee;
 }



.my-flip-inner-wrapper {
    perspective: 150rem;
    -moz-perspective: 150rem;
    position: relative;   
 }
 .my-flip-side {
     display: block;
     height: 500px;
     top: 0;
     right: 0;
     left: 0;
     box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);    
     transition: all .8s ease;    
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;   
 }
 
 .my-flip-back {
    transform: rotateY(180deg);
    color: #fff;
    position: absolute;
    z-index: -1;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
    padding: 46px;   
 }
 
 .my-flip-back-1 {
    background: linear-gradient(to right bottom, #ffb900, #ff7730);
 }
 
 .my-flip-back-2 {
    background: linear-gradient(to right bottom, #000428, #004e92);
 }
 
 .my-flip-back-3 {
    background: linear-gradient(to right bottom, #2998ff, #5643fa);
 }
 
 .my-flip-image {
    height: 15rem;
    background-blend-mode: screen;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
 }
 .my-flip-image img{
    width: 100%;
    height: 100%;
    background-blend-mode: screen;
    object-fit: cover;   
 }
 .my-flip-heading {
     margin: 0 0 15px;
 }
 .my-flip-details {
    padding: 2rem;
 }
 .my-flip-details p {
    font-size: 15px;
    margin: 0;
    line-height: 2;
    color: #848484;
 }
 .my-flip-back-inner ul {
    list-style: none;  
    margin: 0 0 1.5rem;
    padding: 0;
 }
 .my-flip-back-text  ul li {
    text-align: center;
    color:#fff;
    font-size: 1rem;
    padding: 0.8rem 0;
 }
 .my-flip-back-inner ul li:not(:last-child) {
    border-bottom: 1px solid #ffffff;
 }
 .my-flip-price {
    color: #fff;
    text-align: center;
    margin-bottom: 1rem;
 }
 .my-flip-price h3 {
     font-size: 3rem;
     font-weight: 300;
 }
 .my-flip-btn-box {
     text-align: center;
 }
 .my-flip-btn{
    text-transform: uppercase;
    padding: 1rem 1.8rem;
    font-size: 1rem;
    background-color: #fff;
    color: #000;
    border-radius: 10rem;
    display: inline-block;
    transition: all .2s;
    color: initial;
    position: relative;
 }

 .bolse{
    background: #f4f2ea !important;
    padding:10%;
 }


 @media (min-width: 768px) {
    /* show 4 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
      display: block;
    }
  
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
    }
  
    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
      position: relative;
      transform: translate3d(0, 0, 0);
    }
  
    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -25%;
      z-index: -1;
      display: block;
      visibility: visible;
    }
  
    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
  
    /* farthest right hidden item must be absolue position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
    }
  
    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
  }

  

.footer-wrap {
    background:rgb(59, 89, 152);
    padding: 60px;
    background-size: cover;
    height:100%;
}

.footer-wrap h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.footer-wrap p {
    font-size: 17px;
    line-height: 24px;
    color: #fff;
    margin-top: 15px;
}

.footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff7800;
}

.footer-links li a {
    font-size: 14px;
    line-height: 26px;
    color: #b3b3b3;
    text-decoration: none;
}


.footer-links li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
}

.footer-category li a {
    font-size: 14px;
    line-height: 26px;
    color: #b3b3b3;
    text-decoration: none;
}

.footer-category li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
}

.address {
    
    color: #b3b3b3;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

.address:before {
    content: "\f277";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.info a {
 
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-phone:before {
    content: "\f095";
}

.info a {

    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-fax:before {
    content: "\f1ac";
}


.copyright {
    bottom:0px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #fff;
    margin-top: 25px;
    padding-top: 40px;
    text-align: center;
    padding-bottom: -10px;
    margin-bottom: -20px;
}


@media only screen and (max-width: 768px) {
    .two .cont a {
        font-family: 'Roboto';
        width: 42%;
        cursor: pointer;
        background: #fff;
        border: 1px solid #eee;
        font-size: 20px;
        font-weight: bold;
        padding: 20px;
        color: #ee6780;
        border-radius: 5px;
        transition: all 200ms;
        margin: 10px;
    }
}

@media (min-width: 992px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu>li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu>li:hover>.submenu {
        display: block;
    }
}

#primary-navigation .navigation ul ul ul {
left: 130px !important;
}



#headkismi{
    display:none !important;
    content: "";
}


@media screen and (max-width: 720px) {

    #page{
        padding: 20px !important;
        max-width: 100% !important;
    }
    
    .article{
        margin: 0 -1% !important;
    }
    
    .widget-title{
        margin: 0px;
        padding: 10% !important;
    }
    .widget_recent_entries h3 {
        padding-left: 14% !important;
    }
    }
    @media screen and (max-width: 720px) {
    
    .widget-title{
        margin: 0px;
        padding: 10% !important;
    }
    .widget_recent_entries h3 {
        padding-left: 14% !important;
    }
    }
    
    @media screen and (min-width: 720px) {
    
        .widget_recent_comments h3{
        padding-left:43% !important;
    }
    
    .widget_recent_entries h3{
        padding-left:45% !important;
    }
    
    }
    
    .card{
        height: 380px;
        margin:2%;
        padding:1% 2%;
        box-shadow:2px 5px 10px 0px rgba(0,0,0,0.4);
        border-radius:5px;
    }
    .latestPost .title a {
        color: rgb(59, 89, 152) !important;
    }
    .readMore a{
        color: rgb(59, 89, 152) !important;
    }
    .post-info a{
        color:#000 !important;
    }
    .post-info a span{
        color:#000 !important;
    }
    .post-info span{
        color:#000 !important;
    }
    
    .sidebar.c-4-12 {
        float: center;
        width: 100%;
        max-width: 100%;
    }
    
    .tab-content ul{
        display:flex;
    }
    #sidebar{
        margin-top:4%;
    }
    .recentcomments{
        margin: 2% 2% !important;
    }
    
    #sidebar .widget h3 {
        padding-left: 5%;
        font-family: 'Roboto Slab';
        font-weight: normal;
        font-size: 20px;
        color: #222222;
        text-transform: uppercase;
    }
    .widget_recent_entries{
        max-width: 100%;
        width: 100% !important;
    }
    
    .widget ul{
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: 5%;
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    
    
    
    
    .widget li {
        list-style-type: none;
        min-width: 220px;
        margin: 2% 0;
    }
    
    a {
        color: #000;
    }