/* fonts */

    @font-face {
        font-family: "fontForum";
        src: url(./fonts/forum.ttf) format("truetype"),url('forum.woff') format('woff');
    }
    .fontForum { 
        font-family: "fontForum", Verdana, Tahoma;
    }

    @font-face {
        font-family: "fontPoiretone";
        src: url(./fonts/poiretone.ttf) format("truetype"),url('poiretone.woff') format('woff');
    }
    .fontPoiretone { 
        font-family: "fontPoiretone", Verdana, Tahoma;
    }

/* common */



html,body {
    margin:0px !important;
    padding:0px;
    line-height: 110%;
    height:100%;
    width:100%;
    color:black;
}


.clear {
    clear:both;
}

.postHeading h1 {
    font-weight: bold;
}

.logo {
    width:165px;
    height:32px;
    background-image: url(./images/logo.png);
    background-repeat: none;
    margin-top:0px;
}
.navbar {
min-height: 60px;

}

.navbar-toggle {
    margin-top: 12px;   
    border-color:#888888;
    border-radius: 0px;
}

.navbar-nav {
 font-size: 16px;
    margin-top:8px;
}
.navbar-nav li a {
color:white !important;
}


.navbar-nav li a:hover {
color:#53c895 !important;
}




.navbar-right li a {
    padding:0px;
    margin:0px;
    color:#53c895 !important;
    text-decoration: underline;
}
.navbar-right li {
    color:white !important;
}

@media (min-width: 992px) {
    .marg-left {
        margin-left:45px;
    }
}
@media (max-width: 992px)  and (min-width: 767px) {
    .hide-width {
        display:none !important;
    }
}
.navbar.navbar-default .navbar-collapse {
  border: none;
  box-shadow: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ddd;
}

.navbar-right li {
    padding-left:15px;
}

.navbar-default {
    background-image: url(./images/navbar_bg.png);
    background-repeat: repeat;
    background-color:transparent;
    border-radius: 0px;
    border: 0px;
}

.navbar-right p {
    margin:0px;
    margin-top:5px;
}

.navbar-right li a {
    text-decoration: none;
    border-bottom: 1px dotted #53c895;
    display: inline-block;
    font-size:90%;
}

.navbar-right li a:hover {
    border-bottom: 1px dotted transparent;
}

.navbar-right {
    margin-right:0px;
}


/* CallBack */

.overlay {
    height:100vh;
    width:100%;
    background-image:url(./images/overlay.png);
    position:fixed;
    z-index:10000;
    opacity: 0.97;
}

.callbackHolder {
    height:100vh;
    width:100%;
    position:fixed;
    z-index:10001;
}

.callbackInner {
    display:table;
    width:100%;
    height:100%;
    text-align: center;
}

.callbackBox {
    display:table-cell;
    vertical-align: middle;
    
}

.callbackBody {
    display:inline-block;
    background:white;
    width:300px;
    border-radius: 5px;
    border: solid 3px grey;
    padding:8px;
    cursor:default;
    padding-bottom:25px;
    
}

.grey {
    color:grey;
}

.textRight {
    text-align:right;
}

.pointer {
     cursor:pointer;   
}
.callbackClose {
    cursor: pointer;
}

.top50 {
    position:relative;
    top:-50px;
}

.callbackHolder input, .callbackHolder textarea {
    width: 100%;
    border: solid 1px #e0e0e0;
    padding: 10px;
    color: #68777e;
    margin-bottom: 16px;
}


.callbackHolder textarea {
    min-height: 150px;
}


.callbackButton {
    padding:10px;
    background-color:#53c895;
    color:white;
    text-transform: uppercase;
    font-size:110%;
    margin-bottom:25px;
    cursor:pointer;
}


.callbackHolder .logo {
    background-image: url(./images/logo_black.png);
	/*background-image: none;*/
    display:inline-block;
    margin-bottom:25px;
}

.callbackMsg {
    color:green;
}

.callbackCloseItOrder .callbackBody {
  width: 500px;
}

@media(max-width:550px) {
    .callbackCloseItOrder .callbackBody {
        width: 300px;
    }
}


/*  trigger animation  */

#nav-icon1 span {
position: relative;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}



#nav-icon1.open span:nth-child(1) {
  top: 5px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: -7px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* image holder */

.imHolder {
    width:100%;
    padding-bottom:65%;
    background-size:cover;
    background-position: center;
    cursor: pointer;
}


/* block blog */

.blogHeading {
    color: #3fba95;
    font-size:140%;
    border-bottom: solid 1px #3fba95;
    line-height: 105%;
}
.blogHeading:hover {
    text-decoration: none;
     color: #3fba95;
    border-bottom: solid 1px white;
}

.blogHeading:visited {
     color: #3fba95;
    text-decoration: none;
}

.blogHeading:focus {
    text-decoration: none;
}

.blogDate {
    color:#cfcfcf;
    font-family: sans-serif;
    font-size:90%;
    margin-top:10px;
}
.blogExrp {
 line-height: 1.35;
    font-size: 130%;
    margin-top:15px;
}

.blogMore,.blogMore:hover,.blogMore:visited {
   color:#333;
    font-size:130%;
}
.blogMore {
   text-decoration: underline;
}

.blogMore:hover {
   text-decoration: none;
}


.postBox {
    margin-bottom:35px;
}



.textCenter {
    text-align: center;
}


.paddindRL {
    padding-right:0px;
    padding-left:0px;
}

/* portfolio */

.portfolioBlock {
    min-height: 400px;
    text-align: center;
}

@media(max-width:1199px) {
    .portfolioBlock {
        min-height: 340px;
    }
}


.works__imageLink {
    padding-top: 10px;
    padding-bottom: 10px;
    /*min-height: 64px;*/
}

.works__imageInfo {
    /*font-size: 130%;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom:5px;
}

.works__imageInfo i {
    color:#a2a2a2;
}

.works__imageBuy {
    margin-top: 10px;
    display: inline-block;
    padding: 5px 10px;
    background-color: #1B8256;
    color: white;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 90%;
    cursor:pointer;
}





/* footer block */


.footerHolder {
    background-color: black;
    color:white;
    padding: 25px 0;
}

.footerLogo {
    width:164px;
    height:30px;
    background-image: url(./images/logo_footer.png);
}

.footerLinks {
    padding:0px;
    margin:0px;
    margin-top:10px;
}
.footerLinks li {
    display:inline-block;
    margin-right:20px;
}
.footerLinks li a, .footerLinks li a:hover, .footerLinks li a:visited {
    color:white;
}
.footerLinks li a {
    text-decoration: underline;
}
.footerLinks li a:hover {
    text-decoration: none;
}

.copy {
    display:inline-block;
    float:right;
    margin-top:10px;
}

@media(max-width:991px) {
    .footerHolder {
        text-align: center;
    }    
    .footerHolder .footerLogo, .footerHolder .footerLinks {
        display:inline-block;
    }
    .copy {
        float:none;
    }
    
    .footerLinks li {
        margin-bottom:10px;
    }
}



@media (max-width: 1200px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}


/* projects */

.catHeading {
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    display: inline-block;
}

.blogH1new {
    text-align: center;
    margin-top:0;
    margin-bottom:25px;
    font-size: 26px;
    text-transform: uppercase;
}

.commentsPage .feedbName,
.commentsPage .feedbDescr {
    text-align: center;
}

.commentsPage .connentBox {
    margin-left:0;
    margin-bottom:45px;
}

.blogExrp.post {
    padding-bottom:45px;
}
.works__imageBuy.padding {
    margin-bottom: 25px;
    margin-top:25px;
}

.phoneLink {
    color:#FFF !important;
}

.navbar-right li span a {
    color:#FFF !important;
    border-bottom: 1px dotted transparent;
}

.navbar-right li span a:hover {
    color:#FFF !important;
}

.footerLinks {
    margin-bottom:25px;
}