.contactinfotop{
  position: absolute;
top: 25px;
right: 50px;
}
.phone{
  font-size: 18px;
  color:#000;
}
.mail{
  font-size: 18px;
  color:#000;
}

/*custom*/
.address:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
      color: #000;

    font-size: 20px;
    padding-right: 0.5em;
   position: absolute; 
    /* top: 10px; */
    left: 0;
  }
  .phone a:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;

    font-size: 20px;
    padding-right: 0.5em;
    /* position: absolute; */
    /* top: 10px; */
    left: 0;
}
 a.phone2:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;

    font-size: 20px;
    padding-right: 0.5em;
    /* position: absolute; */
    /* top: 10px; */
    left: 0;
}
  a.mobile:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
      color: #fff;

    font-size: 20px;
    padding-right: 0.5em;
    /* position: absolute; */
    /* top: 10px; */
    left: 0;
}
.mail a:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
      color: #000;

    font-size: 20px;
    padding-right: 0.5em;
    /* position: absolute; */
    /* top: 10px; */
    left: 0;
}
.address{
  margin-left: 25px;
}
.address a{
  color: #2b2b2b;
}
.address a:hover{
color: #ff6781;
}
.phone a{
  color: #2b2b2b;
}
.phone a:hover{
color: #a25b5b;
}

.mail a{
  color: #2b2b2b;
}
.mail a:hover{
color: #a25b5b;
}





.basr-social-share{
  position: absolute;
  right: 150px;
  top: 45px;
}
  .fa {
 padding: 13px;
text-align: center;
font-size: 20px;
width: 44px;

/*width: 30px;

text-align: center;

text-decoration: none;

margin: 5px 2px;
*/
/*border-radius: 50%;*/
}
.bottomlink{
  margin-top: 30px;
  color: #fff;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}

.gallery a img{
   width: 25%;

   height: 100%;  
}


.flex-row{
  display: flex;
flex-flow: row nowrap;
    flex-direction: row;
justify-content: center;
align-items: normal;
}
.flex-row >div{
  background-color:
#f3f3f3;
padding: 10px;
margin: 10px;
}
.flex-row >div h3{
  margin: 15px 0;

text-align: center;

color:
#ff6781;
}

iframe{
  width: 100%;
}
.thumbs{
  display: flex;
flex-flow: row wrap;
}
img.moto-widget-grid-gallery-image{
  width: 100%;
height: 647px;
}
.gallery-item{
  width: calc(33.3333% - 30px);
position: relative;
margin: 15px;
display: flex;
align-items: center;
box-shadow: 2px 2px 10px 4px #ddd;
}
.moto-widget-grid-gallery.moto-preset-default .caption{
 position: absolute;
bottom: 0;
left: 0;
background: #D3D3D3 !important;
width: 100%;
padding: 10px;
}


.clientsimg >.moto-widget{
  margin-bottom: 10px;
}



/*menu*/
.topnav {
  overflow: hidden;
background-color: #33333369;
  width: 100%;
}

.topnav a {
/*  float: left;*/
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: block;
}

/*@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}*/


#myTopnav .topnav{
  overflow: initial;
background-color:
#333;
margin-top: 30px;
}

#myTopnav ul{
  margin-top: 0px;
list-style-type: none;
width: 300px;
z-index: 9999999999;
}

#myTopnav ul li a {
    
display: block;
color:
#040404;
text-align: center;
padding: 5px 10px;
text-decoration: none;
font-size: 17px;
width: 100%;
}
#myTopnav ul li a.moto-widget-menu-link-active{
  color: #ff6781;
}
.fa-bars{
    padding: 0;
    width: 20px;
}


.readmore-btn{
    padding: 10px;
background-color:
#ff6781;
width: 20%;
margin-left: 51px;
position: absolute;
/*right: 0;*/
left: 0;
margin-top: 20px;
color:
#fff;
border-radius: 3px;
}

.readmore-btn:hover{
color:
#790303;
background-color:
#77717187;
}


 #myTopnav button{
    display: none;
}

.contactform{
  margin-bottom: 20px;
font-size: 26px;

}

.unkonwimg{
  width: 250px;
height: 250px;
}

.divbox{
  margin-top: 40px;
}
p{
  margin-bottom: 10px;

}
p + p{
  margin-bottom: 10px;
}

.caption a{
  color:#fff;

}

.caption a:hover{
  color:#ff6781;

}
.childimg{
  width: 350px;
height: 300px;

}

ol.list{
  margin-left: 0px;
}


 img.moto-widget-grid-gallery-image{
 width: 369px;
height: 645px;
}
@media(max-width: 1440px){

  img.moto-widget-grid-gallery-image{
 width: 369px;
height: 645px;
}
}
@media(max-width: 1199px){

  img.moto-widget-grid-gallery-image{
width: 311px;
height: 544px;
}
}
@media(max-width: 1023px){
  .rslides p {

    left: 40%!important;
  }
  .logo {

      height: 70px;
      width: 300px !important;
      margin: 5px 0;
      }
      #myTopnav button{
    display: none;
}
  img.moto-widget-grid-gallery-image{
width: 300px;
height: 526px;
}
}
@media(max-width: 991px){

  
  img.moto-widget-grid-gallery-image{
 width: 225px;
height: 393px;
}
}
@media(max-width: 767px){
  .thumbs {
    display: flex;
    flex-flow: column;
}
.gallery-item {
        padding: 0px;
   width: 400px;
    margin: 10px auto;
}
    .contactinfotop {
    position: initial;
  }
   #myTopnav button{
    display: block;
}
  img.moto-widget-grid-gallery-image{
 width: 400px;
height: 700px;
display: block;
margin: 0 auto;
}
.navbar {
    background-color: #f2f2f2;
   margin-top: 15px;
}
.contactinfotop{
  position: absolute;
top: 25px;
left: 10px;
}
}
@media(max-width: 639px){
  .thumbs {
    display: flex;
    flex-flow: column;
    padding: 0 15px;
}
.gallery-item {
       padding: 0px;
    width: 100%;
    margin: 10px auto;

    }
    .contactinfotop {
    position: initial;
  }
   #myTopnav button{
    display: block;
}
  img.moto-widget-grid-gallery-image{
 width: 448px;
height: 784px;
}
.navbar {
    background-color: #f2f2f2;
    margin-top: 75px;
}
.contactinfotop{
  position: absolute;
top: 25px;
left: 10px;
}
}
@media(max-width: 479px){

.thumbs {
    display: flex;
    flex-flow: column;
    padding: 0 15px;
}
.gallery-item {
        padding: 0px;
    width: 100%;
    margin: 10px auto;

    }
    .contactinfotop {
    position: initial;
  }
   #myTopnav button{
    display: block;
}
img.moto-widget-grid-gallery-image{
  width: 100%;
height: 630px;
}
}
@media(max-width: 359px){

.thumbs {
    display: flex;
    flex-flow: column;
    padding: 0 15px;
}
.gallery-item {
       padding: 0px;
    width: 100%;
    margin: 10px auto;

    }
    .contactinfotop {
    position: initial;
  }
   #myTopnav button{
    display: block;
}
img.moto-widget-grid-gallery-image{
  width: 100%;
height: 560px;
}
}