@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'content';
	src: url('../fonts/font2.woff2');
}

@font-face {
	font-family: 'heading2';
	src: url('../fonts/heading.woff2');
}

@font-face {
	font-family: 'menu';
	src: url('../fonts/proximanova.woff2');
}

@font-face {
	font-family: 'heading';
	src: url('../fonts/BebasNeue.woff2');
}

body{ 	font-family:'content'; padding:0px !important; margin:0px !important; background-color:#fff; }

a{	font-family: 'content'; color: #707070;}
.pagecon{ padding:0px !important; background-color:#1e1e1e !important;}
.pagecon .row div{ margin-bottom: 30px;}
.con-logo{ text-align: center; padding: 80px 0px;}
.con-logo img{ width:auto; height: 46px;}
.pagecon h1{ padding-bottom:0px !important; font-size: 30px; font-weight: bold; letter-spacing: 3px !important; margin-top: 0px; margin-bottom: 5px;}
.pagecon h1.sec{ margin-top: 50px; margin-bottom: 5px; font-weight:normal; font-size: 22px; letter-spacing: 2px;}
.pagecon p{ text-align: center; margin-top: 0px; margin-bottom: 5px;}


.pagecon .container, .section-6 .container{
    width: inherit;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 60px;
}

.love{ width:auto; height:100%; display:flex; align-items:center; position:fixed; top:0; right:0; z-index:70;	}
.love a{ display:block; height:15px; width:15px; margin:5px; border:1px solid #2d2d2d; background-color:#2d2d2d; border-radius:100%; text-transform:uppercase;  box-shadow:0px 0px 5px rgba(0,0,0,0.2);
;}

.love a span{  position:absolute; display:none; width:260px; text-align:center; line-height:40px; border-radius:25px; opacity:0; padding:5px; background-color:#fff;
 right:0; margin-right:20px; margin-top:-18px; color:#000;}
 .love a:hover{ background-color:#fff;  border:1px solid #fff;}
  .love .on{ background-color:#fff !important;  border:1px solid #fff !important;}
.love a:hover span{ display:block; opacity:1;}
 
.details{ padding:10px 0px; text-align:center;}
.details i{  height:50px; margin-right:10px; width:50px; line-height:49px; font-size:25px;     border: 1px solid #2c2c2c;
    color: #e3e3e3; margin-bottom:5px; margin-top:0px; margin-left:auto; margin-right:auto;}
button:focus{ outline:none;}
a:hover, a:focus{ text-decoration:none; color:#FFF; }
body, img, div,  ul, li, button, i, footer, .gd1, a, span, .gd3, .gd2{ transition:all 300ms ease-in; -webkit- transition:all 300ms ease-in; -moz- transition:all 300ms ease-in; -ms- transition:all 300ms ease-in; -o- transition:all 300ms ease-in;      -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
} 
.footer{ background-color: #1c1c1c; padding: 12px 0px; font-size: 12px; color: #9a9a9a; border-top: 1px solid #232323;}

#clint{ filter: grayscale(1);}

#clint div.item img{ width: 100%; padding: 0px 10px;}

.serNvg{ top:56px; text-align:center; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); position:fixed; width:100%; background-color:#212121; z-index:99; padding:10px 0px;  font-size:0px;}
.serNvg2{ top:70px;  }

.testo{ background-color: #fff; filter: grayscale(1); text-align: center; background-image:url(../img/testobg.jpg); background-attachment: fixed; background-size: cover;}
.testo h1{color: #fff;}
.testo .item{ color: #fff; text-align: center;}
.testo .item b{ color: #b3c8e4; display: block; margin-top: 15px; margin-bottom: 15px; line-height: 60px; }
.testo .item b img{ height: 60px; width: 60px; margin-top:10px; margin-right: 10px; vertical-align:bottom;}

.serNvg a{ padding:10px 15px; display:inline-block; font-size:13px; text-transform: uppercase; color:#fff; letter-spacing:0px; margin-left:5px; margin-right:5px;  border: 1px solid #2d2d2d; margin-left:-1px;  border-radius: 4px;    }
.serNvg a:hover, .serNvg a.activnv{ background-color:#fff; color:#000; border-color: #fff; }

.scroll{ height:90px; text-align:right;}

.scroll2{ height:auto; text-align:right;}

.tiles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	font-size:0;
  }


  .tile {
    position: relative;
    float: left;
    width: 100%;
	margin:0;
	
	  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);

    overflow: hidden;
  } 
    .tile img{ width:100%; height:auto;  }

  .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 1s ease-out;
  }

.scroll .buttons, .buttonss{ position:fixed; bottom:20px; right:20px; background-color:#234983; border:0; color:#fff; font-size:28px !important; height:50px; width:50px; border:0; border-radius:100%; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
.scroll .buttons:hover{ background-color:#4c75b4;}
section{ padding:50px 0px;}
h1 { font-family: 'heading'; letter-spacing: 2px; }

h2, h3, h4{ font-family: 'heading2';  }



h1{ font-size: 34px;
    line-height: 1.1em;
    margin-bottom: 14px; text-transform: uppercase;
	text-transform: uppercase;
	}
	h2{ font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 14px; text-transform: uppercase;
    letter-spacing: 1px;
	}
	
		h3{ font-size: 20px;
    line-height: 1.1em;
    margin-bottom: 7px; 
	}
	
	/*gallery filter*/
	.galler-page{  padding-top:55px; padding-bottom:0; background-color:#1e1e1e; }
		.galler-page .container{ width:100%; margin:0; padding:0; }
.galler-page .tab-content{ padding: 15px;}
.gallerTABS a{ padding:18px; display:inline-block; position: relative; filter: grayscale(1); }
.gallerTABS a:hover{filter: grayscale(0)}
.gallerTABS a .titleThumb{ display: block; position:absolute; width: 100%; z-index: 10; margin-bottom:-72px;  bottom: 0%;  background-color: aqua; padding: 15px 0px; background-color: rgba(0,0,0,0.8); }
.gallerTABS a .titleThumb h1{ font-size: 18px; padding: 0px 15px; margin-top: 0;  margin-bottom: 5px; letter-spacing: 2px; font-weight: bold; text-overflow: ellipsis; color: #e3e3e3; white-space: nowrap; overflow: hidden; }
.gallerTABS a .titleThumb p{ margin-top: 0; font-size:14px; color: #e3e3e3; padding: 0px 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0; padding-bottom: 0; line-height: 16px;}
.nav-tabs{ border-bottom: 0px;}

.gallerTABS a:hover .titleThumb{margin-bottom:-10px; }

	
	ul#portfolio-filter {
		list-style:none;
		padding:20px; background-color:#212121;
		margin-bottom:0px;
		box-shadow:2px 0px 5px rgba(0,0,0,0.2);
		text-align:center;
}
.gallery{ font-size:0px !important;}

.gallerTABS{ display: inline-block; width: 25%; vertical-align: top;}

	ul#portfolio-filter li{ display:inline-block; float: none;}
ul#portfolio-filter li a{ display:block; padding:12px 15px; text-transform: uppercase; border:1px solid #2d2d2d; font-size:12px; color:#fff; margin-bottom:3px; }
ul#portfolio-filter li a:hover, ul#portfolio-filter li.active a{ background-color:#fff; color:#000 !important;}
div#portfolio-filter div.secondIV {
display:inline-block;
}

.nav-tabs>li>a{ border-radius: 4px;}

div#portfolio-list div.secondIV{
display: block;

overflow: hidden;
padding-bottom:0; margin-bottom:0; height:auto;
width:24.9%;
margin:0.05%;
transition:none;
}
div#portfolio-list div.secondIV img{ width:100%; margin-top:0;  transform:scale(1.5);  }
div#portfolio-list div.secondIV img:hover{ transform:scale(1.0); }


	.getQUote{ background-color:#181818; overflow:hidden; }
		.getQUote iframe{ width:100%; height:86px; border:0px; margin-bottom:15px; margin-top:15px; display:none; overflow:hidden;}



	


.container{ overflow:hidden;}
/* animation */
.animation-element.slide-left {
  opacity: 0;
  transition:all 0.8s ease-in-out;
 transform:translate(100px,0px);
  -webkit-transform:translate(100px,0px);
 -moz-transform:translate(100px,0px);
 -o-transform:translate(100px,0px);
 -ms-transform:translate(100px,0px);
}
.animation-element.slide-right {
  opacity: 0.6;
 transition:all 0.4s ease-in;
 transform:scale(0.6);
 -webkit-transform:scale(0.6);
 -moz-transform:scale(0.6);
 -o-transform:scale(0.6);
 -ms-transform:scale(0.6);
}

.animation-element.slide-left.in-view{
  opacity: 1;
   transform:translate(0px,0px);
  -webkit-transform:translate(0px,0px);
 -moz-transform:translate(0px,0px);
 -o-transform:translate(0px,0px);
 -ms-transform:translate(0px,0px);
}

 .animation-element.slide-right.in-view{
  opacity: 1;
	    transform:scale(1.0);
 -webkit-transform:scale(1.0);
 -moz-transform:scale(1.0);
 -o-transform:scale(1.0);
 -ms-transform:scale(1.0);
	 }
/* /animation */



p{ color:#c4c4c4; line-height:24px;}
.fitLine{ display:block; height:1px;}
.bg{ background-color:#2a2b35; width:100%; z-index:1; background-position: center top, center top; background-size: cover; background-repeat:no-repeat; display:flex; align-items:flex-end;}

header{ position:fixed; top:0; left:0; height:auto; width:100%; background-color:#1e1e1e; z-index:100; max-height:100%; box-shadow:0px 0px 6px rgba(0,0,0,0.2);}
header .container{ overflow:inherit; width: inherit !important;  padding:17px 34px; }
header img{ width:auto;  }
header ul{ padding:0; margin:0; list-style:none; float:right; text-align:right; }
header ul li{ display:inline-block; vertical-align: top; overflow: hidden; position: relative;  border-radius:0px; position:relative; width:110px;  }
header ul li a{ display:block; line-height: 17px;   position:relative; z-index:100;   padding:0px 0px; color:#dcdcdc; text-align:center; text-transform:uppercase;  font-size:15px; border-radius:0px; font-family: 'menu'; }

.dropdowns{ position:absolute; display: block;  width:210px; left:-10px;  z-index:80; box-shadow:0px 5px 5px rgba(0,0,0,0.1); transition:all 300ms ease-in;     border-top:0; height:auto; background-color:#1e1e1e; opacity: 0; padding-top: 13px;   }

header ul li:hover{ overflow:visible; }



header ul li:hover .dropdowns{ display:block; opacity: 1;}

header ul li:hover .dropdowns a{color:#fff ;}
.dropdowns a{ text-align:left; border-bottom: 1px solid #303030; color:#fff; font-size:13px; padding:12px 12px; }

.dropdowns a:nth-child(last){ border-bottom: 0px; }

header ul li:hover .dropdowns a:hover{  color:#25a7e0;  }

header ul li:hover a{color:#25a7e0; }
header ul li:hover, header ul li.active{  color:#fff;    }

.header ul{  margin-top:14px;}
header ul li a:hover, header ul li a.actives{color:#25a7e0;  }
header ul li a:focus{color:#25a7e0;  }
button.menu{ vertical-align:top; height:50px;  width:25px;  border:0;  text-align:center; float:right; display:none; background-color:transparent;  }
button.menu2:hover{ }
button.menu span{ display:block; *display:block; padding:0px 0px; position:relative; width:20px; height:1px; margin:6px; background-color:#fff; margin-left:auto;
margin-right:auto;  transition:all 400ms ease-out;}

button.menu2 span{   margin:0px; margin-left:auto; width:20px; height:1px; margin-right: auto; box-shadow:1px 1px 1px rgba(0,0,0,0.3); border-radius:2px;}
button.menu2 span:nth-child(1){ transform:rotate(45deg); }
button.menu2 span:nth-child(2){ display:none; }
button.menu2 span:nth-child(3){ transform:rotate(-45deg); margin-top:-1px; }

a.pullFtr{ height:50px; width:50px; line-height: 49px; text-align: center; right:20px; bottom:20px; border-radius:3px; border:1px solid rgba(255,255,255,0.30);  background-color:rgba(50,50,50,0.75); color:#fff;  font-size:27px;  position:fixed; display:none;}
a.pullFtr:hover{ background-color:rgba(50,50,50,1); }
.banners{ margin-top:89px; position:relative;}
.banners img.hght{ width:100%; height:auto;}
.custombnr{ overflow:hidden; position:absolute; top:0; width:100%; height:auto; background-color:#FFF; border-bottom:1px solid #EFEFEF; }
.custombnr .wirthFixd{ width:200%;}
.custombnr .wirthFixd div{ background-color:#fff; text-align:right; box-shadow:-2px 0px 6px rgba(0,0,0,0.15); float:left; width:10%;  transition:all 400ms ease-in-out; 
-webkit- transition:all 400ms ease-in-out; -moz- transition:all 400ms ease-in-out; -ms- transition:all 400ms ease-in-out; -o- transition:all 400ms ease-in-out;   text-align:left; overflow:hidden;}
.custombnr .wirthFixd div.bg{ background-position:top center; overflow: hidden; background-size:auto 100%;  background-repeat:no-repeat;}
.custombnr .wirthFixd div.bg.img1{ background-image:url(../img/bnr-1.jpg);}
.custombnr .wirthFixd div.bg.img2{ background-image:url(../img/bnr-2.jpg);}
.custombnr .wirthFixd div.bg.img3{ background-image:url(../img/bnr-3.jpg);}
.custombnr .wirthFixd div.bg.img4{ background-image:url(../img/bnr-4.jpg);}
.custombnr .wirthFixd div.bg.img5{ background-image:url(../img/bnr-5.jpg);}
.custombnr .wirthFixd div.bg img{ height:auto; }



section{ padding:50px 0px;}
.section-1{ background-color:#1e1e1e;}
.section-1 h1{ color:#e3e3e3; text-align:center; letter-spacing:1px; padding-bottom:30px; }
.section-1.abt{ background-color:#1b1b1b;}
 
.section-1.abt ul{ list-style:circle; color:#919191; line-height:24px;}
.section-1.abt h1{ padding-bottom:10px; }
.section-1.abt h3{ color: #e3e3e3;}
.side-content{  position:relative;  }
.side-content i{height: 64px; width: 64px; line-height: 64px; font-size: 26px; text-align: center;  border-radius: 100%; position: relative; float: left;
 margin-left: 2px; z-index: 5; background-color:#282828; color:#e3e3e3;}
 .side-content div{ padding-left:90px;}

.side-content a h3:hover{ color:#25a7e0; }
 .side-content h3{ color:#e3e3e3; padding-top:20px; margin-top:0px;}
.side-content span{ display:block; position:absolute; height:100%; top:0; left:32px; border-left:1px dashed #2f2f2f;}
.side-content ul{color:#c4c4c4; line-height:24px; margin-bottom:0px; padding-bottom:20px; }
.side-content ul li{ padding-top:5px;  padding-bottom:5px;}
.imgEFT{ max-width:350px; margin-top:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; position:relative; border-radius:4px; overflow:hidden; }
.imgEFT img{ width:100%; height:auto;}
.imgEFT div{ position:absolute; width:100%; height:100%; top:0; left:0; display:flex; align-items:center; opacity:0; background-color:rgba(255,255,255,0.70);}
.imgEFT div i{ height:60px; width:60px; line-height:60px; font-size:18px; transform:rotate(-40deg); text-align:center; border-radius:100%; margin-left:auto; margin-right:auto; color:#fff; background-color:#2a2a2a; }
.imgEFT div:hover{ opacity:1;}
.imgEFT div:hover i{height:70px; width:70px; line-height:70px; transform:rotate(0deg); }
.highttp{ height: 50px;}

.backDrops{ position: fixed;  height: 100%; width: 100%; top: 0; left: 0; z-index: 299; background-color: rgba(0,0,0,0.4); display: none;}
.sideBar{ width:300px; position: fixed; height: 100%; background-color:#1e1e1e; top:0; right:-310px; z-index: 300;  overflow: auto; }
.sideBar2{ right: 0px;}

.sideBar div i{color: #fff; cursor: pointer; display: block; margin-left: auto; font-size: 30px; height: 40px; width: 40px;}
.sideBar div i:hover{color: #25a7e0;}
.sideBar div h3{ color: #e8e8e8; padding-left: 5px;  padding-bottom: 10px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #383838;}
.sideBar div{ padding: 30px;} 
.sideBar div iframe{ padding: 0px; border: 0px; width: 100%; height: 300px;}


.big-link{ text-align:center; cursor:pointer;  font-size:22px; display:block; padding:30px 0px; background-color:#2b2b2b; color:#fff; }
.big-link:hover{ background-color:#181818;}
.secttion-2{ padding:70px 0px;}
.secttion-2 .container{  padding-top:30px; padding-bottom:30px;    border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center; }
.secttion-2 h2{ text-align:center; margin-bottom:35px; color:#272727; letter-spacing:0;}
.secttion-2 img{ width:100%; max-width:150px; }


.secttion-3{ background-color:#eaeaea;}
.secttion-3 h2{ text-align:center; color:#272727; letter-spacing:0; padding-bottom:30px;}
.secttion-3 .row{ margin-top:20px;}

.secttion-3 p.padded{ padding-left:50px;}
.secttion-3 p.padded strong{ font-size:16px; color:#272727; display:block;}

.secttion-4{ background-color:#fff; padding:70px 0px;}
.secttion-4 .container{  padding-top:30px; padding-bottom:30px;    border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.secttion-4 h2{ text-align:center; color:#272727; letter-spacing:0; padding-bottom:15px;}
.secttion-4 p i{  display:block;}

.secttion-5{ background-color:#1e1e1e;}
.secttion-5 h2{ text-align:center; color:#e3e3d6; letter-spacing:0; padding-bottom:30px;}
.secttion-5 .row{ margin-top:40px;}
 .secttion-5 .side-content div{ padding-left:90px; min-height:67px;}
  .secttion-5 .side-content i{ font-size:25px !important;}
.secttion-5  .side-content h4{ color:#e3e3d6;  padding-top:20px; margin-top:0px; letter-spacing:0px;}
.secttion-5 h3{color:#e3e3d6;  }
.section-6{ background-color:#202020; padding:50px 0px 0px; }
#cad{ padding-bottom:0px !important; padding-top:60px; }
.divss{ padding-top:60px;}
.sideIMG{ padding: 15px;}
.sideIMG div img{ width: 100%;}

.side-con{ padding: 15px; padding-top: 0px;}

.side-con p{ text-align:justify !important; margin: 30px 0px !important; letter-spacing: 1px; line-height: 20px;}
.side-con h1{ text-align: left!important; margin-top: 15px !important; font-size: 30px !important;; margin-bottom: 30px !important;}
.side-con ul{ margin-top: 30px; }
.side-con ul.inlinUl{ margin-top: 30px; padding: 0; margin-bottom: 30px; text-align: left !important;}
.side-con ul.inlinUl li{ margin-top: 5px; padding: 0; padding-bottom: 5px; margin-bottom: 0px; text-align: left !important;}
.side-con ul li{ color: #c4c4c4; margin-bottom: 15px; letter-spacing: 1px;}
.side-con button{ border: 0; background-color:#242424; padding: 10px 15px; color: #fff; text-transform: uppercase; color: #e7e7e7; margin-right: 5px; font-size: 14px; letter-spacing: 1px; margin-top: 30px; }
.side-con button:hover{ color: #24a5de;}

.divss.srbg{ padding-bottom:60px; background-image:url(../img/serbg.jpg); background-position:center top; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
.divss.srbg p, .divss.srbg h1, .divss.srbg h4, .divss.srbg h3, .divss.srbg li{ color:#fff !important; }
.divss.srbg h3{ border-bottom:0 !important; padding-bottom:10px !important;}
.divss.srbg hr{ border:0 !important; background-color:#fff !important; }
.section-6 p{ color:#d7d7d7; text-align:left !important;}
.section-6 h4{ color:#919191 !important; font-size:16px;}
#cad .section-6 h4{ text-align:left !important;}
.section-6 .social a, .social a{ display:inline-block; margin:2px; border-radius:3px; margin-bottom:4px; height:50px; width:50px; font-size:25px; color:#fff; line-height:55px; text-align:center;}
.fa-facebook{ background-color:#3b5998;}
.fa-google-plus{ background-color:#d14836;}
.fa-pinterest-p{ background-color:#cb2027;}
.fa-linkedin{ background-color:#007fb1;}
.fa-rss{ background-color:#ff8300;}
.fa-twitter{ background-color:#39a9e0;}
.fa-vimeo{ background-color:#41b2dc;}
.fa-youtube-play{ background-color:#cd332d;}
.fa-instagram{ background-color:#3f729b;}
.section-6 .social a:hover, .social a:hover{ background-color:#fff; color:#222222; }
.social2{ text-align: center; margin-top: 20px;}



.Services .modal-backdrop{ z-index: 499 !important;}

.Services .modal{ padding-right: 0px !important; z-index:500 !important; overflow: auto !important; background-color:#1e1e1e; position: fixed;}
.Services .modal .modal-content{ width:inherit; padding: 0px 60px; margin-left:auto; background-color: transparent; margin-right: auto;  box-shadow: none; border: 0; position: relative; }

.Services .modal button.close{ float:right; color: #eaeaea; border: 0; height: 60px; width: 60px; background-color:#1e1e1e; text-shadow: none; font-size: 30px; opacity: 1; right: 0; }
.Services .modal button.close:hover{ background-color: #1e1e1e; color:#25a7e0; background-color: #2b2b2b; }
.Services .modal .modal-header{  left: 0; padding: 0px;  border-bottom-color: #2b2b2b; background-color:#1e1e1e;   z-index: 2;}
.Services .modal .modal-header { position:fixed; width: 100%;  background-color:#1e1e1e;}
.Services .modal .modal-header div{ padding: 0px 60px;   }


.Services .modal-header h1{ padding: 10px 20px; letter-spacing: 2px; color: #ebebeb !important; font-weight: bold; margin: 0; }
.Services .modal .modal-content .modal-body{ padding: 0px; }
.Services .modal .modal-content .modal-body h1{ color: #ebebeb; font-size: 25px !important;}
.Services .modal .modal-content .modal-body h3, .Services .modal .modal-content .modal-body h4{ font-size:20px; letter-spacing: 2px; font-family: 'heading'; color:#ebebeb; }






.Services .abt2{ padding-top:110px; background-color:#1e1e1e; }
.Services .abt2 h1{ font-size:35px; margin-bottom:15px !important; padding-bottom:0px; text-transform:uppercase; 	font-family: 'heading'; letter-spacing: 2px; } 
.Services .abt2 hr{ background-color:#444444; border: 0; height:1px; margin-top:10px; width:150px;}
.Services .abt2 h3{ color:#e3e3e3;  font-size:25px; text-align:center; padding:10px;  text-transform:uppercase !important; font-family: 'heading'; letter-spacing: 1px; }
.Services .abt2 h3.otherss{ padding-bottom:20px;  border-bottom: 1px solid #252525; color: #e3e3e3;}
.Services .abt2 h4{ color:#fff;  text-align:center; padding:5px; font-family: 'content'; }
.servcesIMG{ font-size:0px; margin-bottom:15px; width: 90%; max-width: 1600px; margin-left: auto; margin-right: auto;}
.servcesIMG.trr{ max-width:1600px; margin-left:auto; margin-right:auto; }
.servcesIMG.trr2{ margin-left:auto; margin-right:auto;     text-align: -webkit-center; }
.Services .abt2 p{ text-align:center; }
.Services .abt2 p strong{ letter-spacing:1px; }

.abt2 .container{ width:inherit;  margin-left: auto; margin-right: auto; padding: 0px 60px;}

.servcesIMG .mnDiv{ font-size:0px; text-align:center; width:25%; display:inline-block; }
#clint .mnDiv, #clint2 .mnDiv, #clint3 .mnDiv, #clint4 .mnDiv, #clint5 .mnDiv, #clint6 .mnDiv, #clint7 .mnDiv{ font-size:0px; text-align:center; width:100%; display:inline-block; }
.servcesIMG .mnDiv.treee{ width:33.333%; margin-left:auto; margin-left:auto;}
.servcesIMG .mnDiv div{ margin:10px; padding:0px; box-shadow:0px 0px 2px rgba(0,0,0,0.1);   }
.servcesIMG .mnDiv div img{ width:100%; border:0px solid #F2F2F2;}
.inlinUl{ padding:0; margin:0; text-align:center;}
.inlinUl li{ display:inline-block; color: #c4c4c4;
    line-height: 24px; padding:5px 10px; border-bottom:1px solid #2a2a2a; margin:5px; margin-top:0px; padding-top:0px;}
	
	.dwnaro .big-link{ line-height:70px; padding:0px; margin-top:10px;}

@media(max-width:992px) { 
    header ul li{ width: 100px;}
    header ul li a{ font-size: 14px;}
    
    .gallerTABS{  width: 50%; }
}

@media(max-width:768px) { 
	.Services .modal .modal-content{ width:inherit; padding: 0px 20px;}
	.Services .modal .modal-header div{ padding: 0px 20px;   }
.abt2 .container{ width:inherit;  margin-left: auto; margin-right: auto; padding: 0px 20px;}
#cad{ padding-bottom:0px !important; padding-top:0px; }
	.getQUote iframe{  height:163px;  }
.secttion-3 p.padded{ padding-left:10px;}
header{ overflow:auto;}
header ul{ padding:0px 0px; margin:0; list-style:none; float:none; text-align:center; margin-top:0px; display:block;}
.header ul{ padding:0px 0px; margin:0; list-style:none; float:none; text-align:center; margin-top:0px; display:block;}
header ul.pading{ padding:10px 0px;}
header ul li{ display:block;  display:none; background-color: transparent; width:auto; }
header ul li a{ text-align:center; padding:10px;}

    header ul li a i{display: none !important;}
.dropdowns{ display:none !important; position:relative; width:auto; left:0; box-shadow:none; padding-left:20px;}
.dropdowns a{ border-top:0px;     padding: 5px 10px; }
header ul li:hover .dropdowns a{ text-align:left; color:#808080; font-size:14px;     padding: 5px 10px; }
header ul li:hover  .dropdowns a:hover{  color:#3864a6; background-color:transparent;  }
header ul li:hover a {
    color: #25a7e0;
}
.galler-page {
    padding-top: 50px;
    padding-bottom: 0;
}
ul#portfolio-filter {
    list-style: none;

    padding: 0px; padding-top:10px; padding-bottom:5px; font-size: 0px;}
ul#portfolio-filter li a {
    padding:5px 4px; 
    text-transform: capitalize;
    margin-right: -1px;
    font-size: 10px;
  
}

div#portfolio-list div.secondIV {

    height: auto;
    width: 32.922%;
	margin:0.2%
    transition: none;
}



header img{ width:auto; padding: 17px 0px; }

button.menu{ display:inline;}
.secttion-2 img{ width:100%; max-width:120px; }
.banners{ margin-top:59px; }
.custombnr .wirthFixd{ width:200%;}
.divss{ padding-top:85px;}

button.pullFtr{ height:40px; width:40px; }
header .container{ overflow:auto; padding:0px 17px;}
h1{ font-size: 28px;
	}
	h2{ font-size: 24px;
	}
	
		h3{ font-size: 18px;
	}
		h4{ font-size: 16px;
	}
 .side-content div{ padding-left:75px;}
 .side-content span{ display:none;}
 
 .Services .abt2{ padding-top:90px;  }
.Services .abt2 h1{ font-size:28px; margin-bottom:15px; padding-bottom:0px; }
 
 .serNvg{ top:60px; text-align:center;   padding:5px 0px;}
.serNvg2{ top:60px;}
.serNvg a{ padding:6px 6px; display:inline-block; font-size:12px; font-weight:normal;   margin-top:0px;   letter-spacing:0px; margin:0px;  margin-left:-1px;  }

.servcesIMG .mnDiv{ font-size:0px; text-align:center; width:50%; display:inline-block; }
.servcesIMG .mnDiv.treee{ width:33.333%; margin-left:auto; margin-left:auto;}
.scroll{ height:70px; text-align:right;}
#id1{padding-top:80px !important;}
	 .modal-body #id1{padding-top:30px !important;}
.pagecon{ padding-top:0px !important;}
	
	.pagecon .container, .section-6 .container{
  
    padding: 0px 20px;
}
	.section-6 .container .text-center{ text-align: left;}
	
	
.love a:hover span{ display:none; opacity:1;}
.love a{height:12px; width:12px; margin:5px; margin-right:1px;
}
	}
@media(max-width:500px){
 .gallerTABS{  width: 100%; }  }

	@media(max-width:448px){
		.serNvg a{    padding: 5px 4px;
    text-transform: capitalize; display:inline-block; font-size:10px;   }
			.serNvg a span{ display:none;}
        .serNvg .container{ padding-left: 5px; padding-right: 5px;}
		
		div#portfolio-list div.secondIV {

    height: auto;
    width: 49.6%;
    transition: none;
}
		
		}


<!----@keyframes scrol {-->
	<!---	0%{ top:4px; }-->
	<!---	50%{ top:15px; }-->
	<!---	100%{ top:4px; }-->
	<!---	}-->