/*
 * Author: Sourav Bhanja
 * URL: www.wintelserveitfix.com
 *
 * Project Name: Angel Clough Design
 * Version: 1.9.6
 * Date: 03-18-2017
 * URL: www.wintelserveitfix.com
 */


/* ==========================================================================
   Base Styles, Bootstrap Modifications & Fonts Import
   ========================================================================== */


.noselect {

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;

}



/*@font-face {
  font-family: 'helena-webfont';
  src: url('../fonts/helena-webfont.eot');
  src: url('../fonts/helena-webfont.woff') format('woff'), url('../fonts/helena-webfont.ttf') format('truetype');
  src: url('../fonts/helena-webfont.otf') format('otf');
}*/

@font-face {
  font-family: 'hegelpro';
  src: url('../fonts/hegelpro.otf') format('otf');
  src: url('../fonts/hegelpro.eot') format('embedded-opentype');
  src: url('../fonts/hegelpro.woff') format('woff'), url('../fonts/hegelpro.ttf') format('truetype')
}

/*@font-face {
  font-family: 'WinterTalesFonts';
  src: url('../fonts/WinterTalesRegular.otf') format('otf');
  src: url('../fonts/WinterTalesRegular.eot');
  src: url('../fonts/WinterTalesRegular.woff') format('woff'), url('../fonts/WinterTales_SanSerif_Bold.ttf') format('truetype');
} */





@font-face {
    font-family: 'fondian_rgregular';
    src: url('../fonts/fondianregular-webfont.woff2') format('woff2'),
         url('../fonts/fondianregular-webfont.woff') format('woff');
    

}

::-moz-selection {
    background: #f2c2c9;
    color: #a4003a;
    text-shadow: none;
}

::selection {
    background: #16a085;
    color: #a4003a;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

body {
    font-family: 'fondian_rgregular';
    font-weight: 400;
    font-size: 22px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -ms-font-smoothing: antialiased;
    -ms-overflow-scrolling: touch;
    -moz-font-smoothing: antialiased;
    -moz-overflow-scrolling: touch;
}
@media only screen and (max-width: 600px) {
    /* For mobile phones: */
   body {
    font-family: 'fondian_rgregular';
    font-weight: 400;
    font-size: 22px;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -ms-font-smoothing: antialiased;
    -ms-overflow-scrolling: touch;
    -moz-font-smoothing: antialiased;
    -moz-overflow-scrolling: touch;
}
  }
h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
    color: #5228EC;
}



 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

a {
  color: #1a1aff;
}




.centered {
  text-align: center
}

.mt {
  margin-top: 80px;
}

.mb {
  margin-bottom: 80px;
}

/* ==========================================================================
   General styles
   ========================================================================== */
   
   @keyframes book-hover {
      0%   { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
      100% { -webkit-filter: grayscale(90%); filter: grayscale(90%); }
    }
  @-webkit-keyframes book-hover {
      0%   { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
      100% { -webkit-filter: grayscale(90%); filter: grayscale(90%); }
    }
   
  @-moz-keyframes book-hover {
      0%   { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
      100% { -webkit-filter: grayscale(90%); filter: grayscale(90%); }
    }
    
  @-o-keyframes book-hover {
      0%   { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
      100% { -webkit-filter: grayscale(90%); filter: grayscale(90%); }
    }      
    

   .home-book4{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    /*border-radius: 0px;*/
   }

.home-book{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    /*border-radius: 0px;
    transform: perspective(600px) rotateY(-15deg);*/
   }

   .home-book1{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    border-radius: 0px;
    transform: perspective(600px) rotateY(-15deg);
   }


   .home-book2{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    border-radius: 0px;
    transform: perspective(600px) rotateY(15deg);
   }


/*2ndpara*/



   .home-book9{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    /*border-radius: 0px;*/
   }

   .home-book8{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    /*border-radius: 0px;
    transform: perspective(600px) rotateY(-15deg);*/
   }


   .home-book10{
    display: block !important;
    margin: 0px auto !important;
    width: 100% !important;
    box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -moz-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    -o-box-shadow: 0px 0px 10px 2px rgba(46, 50, 60, .6);
    /*border-radius: 0px;
    transform: perspective(600px) rotateY(15deg);*/
   }

   .one img, .two img{
      width: 250px;
      height: 250px;
      display: block;
      margin: 20px auto 40px;
   }

   .one img:hover, .two img:hover{
      /*-webkit-animation: book-hover 0.3s ease-in-out;
      -moz-animation:    book-hover 0.3s ease-in-out;
      -o-animation:      book-hover 0.3s ease-in-out;
      animation:         book-hover 0.3s ease-in-out;*/
      -webkit-filter: grayscale(90%);
      -moz-filter: grayscale(90%);
      -o-filter: grayscale(90%);
      filter: grayscale(90%);
   }


   .design_by{
   font-size: 12pt;
   }
   
  
   
h1, h2, h3, h4, h5{
text-align:center;
font-weight:normal;
}

#contactform {
  float: right;
  padding: 30px;
  Font-weight: Bold;
  
}

#contactform #bt-submit {
  font-size:20px;
}

#responseform {
  float: right;
  padding: 30px;
  Font-weight: Bold;
  
}

#responseform #bt-submit {
  font-size:20px;
}

.submit_btn{
font-size: 25px;
}



.cloughcreations #contactform{
  color: white;
  float: left;
  
}

.contactfeedback #contactform{
  color: #008000;
  
  
}

.blog_form #contactform{
  color: #5830ED;
}

.ecoproducts #contactform{
  color: #0066cc;
  
  
}

.bio #contactform{
  color: #00B05F;
  
  
}



.blog .blog-content {
  box-shadow: 0 0 19px #cacaca;
}

.blog .blog-link {
  border-bottom: 1px dotted #d2d2d2;
  box-shadow: 0 0 19px #cacaca;
}

.blog_font p{
 color: #000;
}



.tab-content {
  padding-top: 35px;
}


.tab-content p{
font-family:'calibri';
}


.picture-by{
  position: relative;
  
        color: #fff;
        float: right;
       margin-right:10px;
       bottom: -417px;
    
}

.picture-by, x:-moz-any-link, x:default {
    bottom: -407px;
}





.picture-by.navbar-right p{
  font-size: 20px;
}

.sep_line {
  border-color: #2a2a2a;
  border-top-width: 4px;
}

.comments {
  background: #f5f5f5;
  margin: 20px;
  padding: 30px;
  width: 100%;
    height: auto;
}

.nav-tabs-custom ul li a{
  color:#000;
  font-weight:bold;
}

.nav-tabs-custom {
  position: relative;
  top: -61px;
}

.title,.tab-content h3 {
  color: #5228EC;
  font-weight: bold;
  font-size:46px;
  margin-top: -04px;
  -ms-margin-top: -54px;
}







.custom-menu ul li a {
  color: #000;
  font-weight: bold;
  padding: 10px 15px;
  font-size: 28px;
}


.container .custom-menu{
  position: relative;
  top: -88px;
  -moz-top: -2px;
  
}



.overflow_m{

  margin-bottom: -88px;
       -ms-margin-bottom: -40px;
      
}

.overflow_m, x:-moz-any-link, x:default {
    margin-top: -40px;
}








.custom-menu .active {
  background: #9a96c3;
 
}

#blbody {


background-repeat: no-repeat;
background-size: cover;



}

#blbody p {

}



.cloughcreations {
        background-image: url(../img/cc-bg.jpg);
  background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
  
}

.contactfeedback {
  background-image:  url(../img/fdb-bg.jpg), linear-gradient(to bottom, black  0%, white 100%);
  background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
}

.ecoproducts {
        background-image: url(../img/eco-bg.jpg), linear-gradient(to bottom, black 0%, white 100%);
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
}

.home {
        background-image: url(../img/back-home.jpg), linear-gradient(to bottom, black  -40%, white 130%);
          
  background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
        
        
}

.home-new {
        background-image: url(../img/new-bg.jpg), linear-gradient(to bottom, black  -12%, white 130%) !important;
          
  background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
        
        
}

.blog {
        background-image:  url(../img/blog-bg.jpg), linear-gradient(to bottom, black -80%, white 80%);
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
  
}

.bio {
        background-image:  url(../img/bio-bg.jpg), linear-gradient(to bottom, black -150%, white 100%);
        
        
        
    background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
        
}

.book{
        background-image:  url(../img/book-bg1.jpg), linear-gradient(to bottom, black  -80%, white 80%);
             
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
}

.bookres{
        background-image:  url(../img/book-bg1.jpg), linear-gradient(to bottom, black  -80%, white 140%);
             
        background-repeat: no-repeat;
        background-size: cover;
        background-blend-mode: screen;
}

.tab-content .book .title, .tab-content .book h3{
  color:#bc30d8;
}


.tab-content .book .sub-title{
  color:#0070C0;
  font-weight:normal;
}



.tab-content .book,.tab-content .cloughcreations,.tab-content .contactfeedback,.tab-content .ecoproducts,.tab-content .home,.tab-content .bio,.tab-content .blog,.tab-content .blbody{
  padding:50px;
}


.book,.cloughcreations,.contactfeedback,.ecoproducts,.home,.bio,.blog,.blbody{
  padding:0 20px;

}
.blog .title{
  color:#5228EC;
  font-size:46px;
  font-weight:bold;
}

.blog .sub-title{
  color:#00B050;
}

.blog h3{
  color:#5830ED;
  font-size: 20pt;
}

h1,h2,h3,h4,h5{
  font-weight:normal;
}

.cloughcreations .title{
  color:#916dc5;
  font-size:46px;
  font-weight:bold;
}

.cloughcreations p{
  color: #9494d1;
  font-size: 19pt;
  
}
.blog .date {
  float: left;
}

.contactfeedback .title{
  color:#997000;
  font-weight: bold;
  font-size:46px;
}

.contactfeedback .mailto{
color:#994d00;
  font-weight: bold;

}

.contactfeedback p {
  color: #008000;
  font-weight: bold;
}



.ecoproducts .title {
  color: #02BE33;
  font-size:46px;
  font-weight:bold;
}

.ecoproducts .sub-heading {
  color: #0066cc;
  text-decoration: underline;
  font-weight: bold;
  font-size: 35px;
}

.ecoproducts p{
color: #000;
font-weight: bold;

}

.book p{
color: #000;
font-weight: bold;

}

.home .title {
  color: #9a96c3;
  font-weight:bold;
  font-size:46px;
  margin-top: -04px;
        
}



.row.mozi, x:-moz-any-link, x:default {

   display: inline-flex;
}

/* css compartibility for edge+*/
@supports (-ms-ime-align:auto) {

.row.mozi { 

   display: inline-flex;
}

#headerwrap{
min-height: 660px;
}

.container .custom-menu {
    position: relative;
    top: -128px;
    
}

.overflow_m {
    margin-bottom: -128px;
    
}

.picture-by{
  bottom: -407px;
  }


.bio {
        
        background-image:url(../img/bio-bg-ie.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
        
        
}

.book{
        background-image:  url(../img/book-bg1-ie.jpg); 
        background-repeat: no-repeat;
        background-size: cover;
        
}

.contactfeedback {
  background-image:  url(../img/fdb-bg-ie.jpg);
  background-repeat: no-repeat;
        background-size: cover;
        
}

.ecoproducts {
        background-image: url(../img/eco-bg-ie.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
}

.home {
        background-image: url(../img/back-home-ie.jpg);
  background-repeat: no-repeat;
        background-size: cover;
        
        
        
}

.blog {
        background-image:  url(../img/blog-bg-ie.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
  
}


}

/* css compartibility for IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.row.mozi { 

   display: inline-flex;
}
#headerwrap{
min-height: 660px;
}

.container .custom-menu {
    position: relative;
    top: -108px;
    
}

.overflow_m {
    margin-bottom: -108px;
    
}

.picture-by{
  bottom: -427px;
  }


.bio {
        
        background-image:url(../img/bio-bg-ie.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
        
        
}

.book{
        background-image:  url(../img/book-bg1-ie.jpg); 
        background-repeat: no-repeat;
        background-size: cover;
        
}

.contactfeedback {
  background-image:  url(../img/fdb-bg-ie.jpg);
  background-repeat: no-repeat;
        background-size: cover;
        
}

.ecoproducts {
        background-image: url(../img/eco-bg-ie.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
}

.home {
        background-image: url(../img/back-home-ie.jpg);
  background-repeat: no-repeat;
        background-size: cover;
        
        
        
}

.blog {
        background-image:  url(../img/blog-bg-ie.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
  
}


}


/*.home .title, x:-moz-any-link, x:default {
    margin-top: -54px;
}*/


.home .sub-title{
  color: #630363;
  font-weight: bold;
}
.home .sub-heading {
  color: #1a1aff; /*#DCE9EE;*/
  font-weight:normal;
  font-size: 20pt;
}


.sub-title {
  color: #630363;
}


.hide {
  display: none;
}




.navbar-brand {
  font-weight: 700;
}

.navbar-default .navbar-brand {
  color: #1abc9c;
}

.navbar-default {
  background-color: transparent;
  border-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #1abc9c;
  background-color: transparent;
  border-bottom: 2px solid #1abc9c
}

.navbar-default .navbar-nav > li > a {
  color: #1abc9c;
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

p{
font-family:"calibri";
font-size:17pt;
color: #000;
}
#headerwrap {
  background: url(../img/header-img.jpg) no-repeat center top;
  text-align:center;
  background-attachment: relative;
  background-size: 100%;
  min-height: 660px;
  width: auto;
  height: auto;
  

  
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap, x:-moz-any-link, x:default {
    min-height: 660px;
}

#top-bar h1 {
  color:#c7ced6;;
  padding-top: 10px;
  padding-bottom: 20px;
  letter-spacing: 4px;
  font-size: 80px;
  font-weight: bold;
}


#headerwrap h1 {
  color:#9dc4e2;
  padding-top: 10px;
  padding-bottom: 20px;
  letter-spacing: 6px;
  font-size: 55px;
  font-weight: bold;
  
}


.marquee {
  float: left;
  line-height: 137px;
  width: 59%;
}

.site-heading {
  float: left;
  font-family: 'hegelpro', sans-serif;
      margin-left: 230px;
    margin-top: 35px;
}

#headerwrap h4 {
  font-weight: 400;
  color: #ffffff
}

#social {
  padding-top: 50px;
  background-color: #f2f2f2;
  -webkit-box-shadow: 0 -4px 10px -5px #777;
  -moz-box-shadow: 0 -4px 10px -5px #777;
  -o-box-shadow: 0 -4px 10px -5px #777;
  box-shadow: 0 -4px 10px -5px #777;
}

#social i {
  font-size: 40px;
  color: #4a4a4a
}

#social i:hover {
  color: #1abc9c
}

#footerwrap {
  padding-top: 70px;
  padding-bottom: 50px;
  background-color: #2f2f2f;
}

#footerwrap p {
  color: #f2f2f2;
  margin-left: 10px;
}

#workwrap { 
  background: url(../img/work.jpg) no-repeat center top;
  margin-top: -70px;
  padding-top: 250px;
  text-align:center;
  background-attachment: relative;
  background-position: center center;
  min-height: 650px;
  width: 100%;
  
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#workwrap h1 {
  color:#ffffff;
  padding-top: 10px;
  padding-bottom: 20px;
  letter-spacing: 4px;
  font-size: 80px;
  font-weight: bold;
}

#workwrap h4 {
  font-weight: 400;
  color: #ffffff
}

#aboutwrap {  
  background: url(../img/about.jpg) no-repeat center top;
  margin-top: -70px;
  padding-top: 250px;
  text-align:center;
  background-attachment: relative;
  background-position: center center;
  min-height: 550px;
  width: 100%;
  
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




/* Gallery */
.gallery {
  margin-top: 30px;
}

.gallery img:hover {
  opacity: 0.4;
}


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

.picture-by{
  top: 30px;
  }
  
  #headerwrap {
  background: url(../img/header-img.jpg) no-repeat center top;
  text-align:center;
  background-attachment: relative;
  background-size: 100%;
  min-height: 290px;
  width: auto;
  height: auto;
  
  }
  
  #headerwrap h1 {
  color:#9dc4e2;
  padding-top: 3px;
  padding-right: 23px;
  padding-bottom: 10px;
  letter-spacing: 4px;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-left: -203px;
  
}

.container .custom-menu{
  position: relative;
  top: -75px;
  
  
}



.overflow_m{

  margin-bottom: -75px;
  
  
}
   

  
  }
  
  @media only screen and (max-width: 370px){
  
  #headerwrap {
  background: url(../img/header-img.jpg) no-repeat center top;
  text-align:center;
  background-attachment: relative;
  background-size: 100%;
  min-height: 240px;
  width: auto;
  height: auto;
  
  }
.picture-by{
  top: -20px;
  }
  
  }