@charset "utf-8";
*{margin:0; padding:0}
html, body { height: 100%; width: 100%;}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('fonts/OpenSans-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */ 
	   url('fonts/OpenSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */       
	   font-weight:100; font-style: normal;
} 

@font-face {
  font-family: 'OpenSans-Regular'; 
  src: url('fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:normal; font-style: normal;
}

@font-face {
  font-family:'TitilliumWeb-Light'; 
  src: url('fonts/TitilliumWeb-Light.eot'); /* IE9 Compat Modes */
  src: url('fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('fonts/TitilliumWeb-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/TitilliumWeb-Light.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
} 
 
@font-face {
  font-family:'impact'; 
  src: url('fonts/impact.eot'); /* IE9 Compat Modes */
  src: url('fonts/HARimpactNGTON.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('fonts/impact.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/impact.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
} 
/* <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> in html */
/* <link href='//fonts.googleapis.com/css?family=Open+Sans:600,400' rel="stylesheet">in html */

 
body,ul,ol,li,img,bg,hr,input,textarea,p,address,article,h1,h2,h3,h4,h5,h6,header{margin:0; padding:0;}
body{font-family:'TitilliumWeb-Light'; background:#fff;color:#000;margin:0 !important; padding:0 !important; font-size:0.9em;line-height:normal !important;letter-spacing:normal;font-weight:normal !important; height:100%; /*text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;-webkit-font-smoothing: antialiased !important;*/  }
div,address,i,p{ padding:0; margin:0;transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
code{font-family: 'OpenSans-Regular', sans-serif }
a{font-family:'TitilliumWeb-Light', sans-serif ;  color:#f00 ; font-size:0.9em; line-height:normal; letter-spacing:normal;font-weight:normal; text-decoration:none; cursor:pointer;
transition: all 0.3s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;} 
a:hover{color:#000;transition: all 0.2s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;}
ul,li{list-style:none}
i{font-style:normal}
big,small{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
h1,h2,h3,h4,h5,h6{font-family: 'TitilliumWeb-Light', sans-serif; font-weight:normal; letter-spacing:normal; text-transform:none}
img {max-width:100%; border:none;}
img,li,input,textarea{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;  border:none; margin:0; padding:0}
input{font-family: 'TitilliumWeb-Light', sans-serif !important;box-sizing:border-box} 
textarea{font-family:'TitilliumWeb-Light', sans-serif !important;box-sizing:border-box} 
select{font-family: 'TitilliumWeb-Light' !important;box-sizing:border-box} 
::after{transition: all 0.2s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;} 
::before{transition: all 0.2s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;} 
 
section,div,p,input,textarea,li,a,big,small,i,iframe{box-sizing:border-box}
section{display:block; position:relative}
.full-width{width:100%; display:block; position:relative}
.wrapper-block{width:1200px; position:relative; margin:0 auto;}
.clear{clear:both}
h2{font-size:1.7em}
h3{font-size:1.3em}

/* --------- top ----------- */
.top-ribbon{display:block; position:relative; padding:5px 10px 10px 10px; background:#333} 
.top-r-l{float:left;}
.top-r-r{float:right;}
.top-ribbon i{display:inline-block; vertical-align:middle;font-size:0.9em; color:#ccc; margin:0 0 0 10px;}
.top-ribbon a{display:inline-block; vertical-align:middle; color:#ccc;font-size:0.9em} .top-ribbon a:hover{color:#2ea4f6}
.font-wgt{font-weight:bold; letter-spacing:1px; color:#ff0 !important}
.top-r-l a{margin-right:25px}
.top-r-r a{margin-left:25px; }  
.top-r-r a:before{margin-right:5px; } 
/* --------------------- */
.hlf-bg{ background:#FF4A4A}
.hlf-bg:after{position:absolute;content:''; width:30%; height:100%; top:0; left:0; z-index:5; background:#000}
.banner{display:block; padding:0; width:100%}
.logo{float:left; position:relative; width:30%; background:#000; padding:35px 15px 25px 40px; text-align:center} 
.logo img{width:250px; display:block; position:relative; border-bottom:1px solid #555;border-top:1px solid #555; padding:5px 0 8px 0; z-index:100}
.logo small{display:block; text-align:left; color:#ccc; letter-spacing:2.9px; margin:5px 0 0 0; font-size:1em; position:relative; z-index:99999}
.menu_block{float: right; width: 67%; margin:30px 0 0 0px;}
/* ---------------- */
.main-gallery{display:block; position:relative; height:auto; max-height:500px; background:#000}
.main-slide{display:block}
.main-slide button{ position:absolute; left:0; bottom:30px; background:#0e7dcb; padding:5px; color:#fff; border:none}
.main-slide button:hover{background:#ff0; color:#000}
.main-slide .prev{position:absolute; left:0;}
.main-slide .next{position:absolute; left:50px;}
.gallerym{ position: relative; overflow: hidden;}
.gallerym .movable{ display: flex; /*height:100vh;*/height:500px; transition: transform 0.4s;}
.gallerym .movable > div { flex:1; min-width:100%; }
.gallerym .movable > div img{}  
.gallerym .movable > div h2{position:relative;text-align:center; width:100%; top:0; left:0; color:#fff; font-size:1.4em;
background:linear-gradient( to right, #2ea4f6,rgba(0,0,0,0.5),#2ea4f6 ); padding:5px 23px 5px 0; border-bottom:0px solid #f90}
.skopa{ animation:skop linear 0.5s}

/* --------------------------- */
.main-hd{display:block;text-align:center;margin:0px 0 20px 0; background:#fff; border-bottom:0px solid #0e7dcb }
.main-hd h2{display:inline-block; border:1px solid #999; border-top:none; background:#2ea4f6; color:#fff; margin:0 0 0 0; position:relative; padding:10px 30px;}
.main-hd h2:after{position:absolute; content:''; width:10%; height:2px; background:#2ea4f6; left:45%; bottom:-7px}

.product-indx{display:block} 
.product-indx h3{display:block; margin-bottom:15px;}
.prod-boxes{display:block; border-bottom:1px solid #ddd; padding:15px 0; margin:20px 0;}
.active-s { background:#f90; color:#fff !important; }
.tab-content {display: none;animation:opacit ease 0.5s;margin:10px 0}
.tab-list a{display:inline-block; vertical-align:middle; color:#000; padding:5px 7px; border:1px solid #ddd; margin:0 7px 0 0; font-size:1em}
.show {display: block; padding:10px 10px 10px 0} 

.tab-content-inner{display:block; position:relative; padding:30px 0; margin-bottom:0px; border-bottom:1px double #ddd; text-align:center}
.tab-content-inner:before{position:absolute; content:''; width:40px; height:4px; background:#f00; left:0; bottom:0}
.tab-content-inner:after{position:absolute; content:'';  width:40px; height:4px; background:#2ea4f6; right:0; bottom:0}
.tab-content-inner h3{ padding:7px 12px 10px 12px; text-transform:uppercase; position:relative; text-align:center;display:inline-block; margin-bottom:10px; font-size:1.1em; letter-spacing:1px; font-weight:bold;border:1px solid #ddd;}
.tab-content-inner h3:after{position:absolute; content:''; width:50%; height:2px; background:#ccc; left:0; bottom:0px}
.tab-content-inner h3:before{position:absolute; content:''; width:50%; height:2px; background:#999; right:0; bottom:0px}
.prod-scroll-content{text-align:center; position:relative; display:block; overflow:hidden; padding:10px;}
.prod-scroll-content img{display:block; margin-bottom:-10px 0 0 0; width:100%}
.prod-scroll-content h4{ border:0px solid #ddd; height:50px; padding:7px;display:block; margin-bottom:10px; font-size:1em;}
.prod-scroll-content .buy{position:absolute; left:inherit; top:-100%; width:auto;border-radius:5px !important; color:#fff; font-size:1em;}
.prod-scroll-content .buy a{background:#2ea4f6; font-size:0.9em; padding:3px 7px;  color:#fff; text-transform:uppercase; }
.prod-scroll-content .buy a:hover{color:#fff; background:#f00 !important;  }
.prod-scroll-content:hover .buy{top:40%}
.prod-scroll-content:hover h4{background:none; color:#f00}
/* -------------------------------------- */
.bg-about{background:url(bg-images/bg-wht.jpg)}
.bg-half-bg{ display:block; position:relative;}
.bg-half-bg:before{ content:'';position:absolute; width:50%; height:100%; top:0; left:0; 
background-image:linear-gradient( to right, #000, #2ea4f6 ); z-index:1 }
 
.half-bg-bx{display:block; position:relative; z-index:10; padding:20px 0}
.half-bg-bx h2{display:block; margin-bottom:15px; color:#fff; font-size:1.5em}
.half-bg-bx .links a{border:1px solid #acdcfd; color:#acdcfd}
.half-bg-bx h3{color:#fff; display:block; margin-bottom:10px}
.half-bg-bx ul{display:block; margin-bottom:20px}
.half-bg-bx li{display:block; list-style:none; position:relative; margin-bottom:10px; padding-left:20px;}
.half-bg-bx li:before{content:"\f017";font-family: FontAwesome; position:absolute; left:0}
.half-bg-bx .flex-two{padding:0 20px 0 0; color:#fff}
.half-bg-bx .flex-two:nth-of-type(2){padding:0}
.half-frm-hd{display:block; margin-bottom:15px; background:#2ea4f6 ;}
.half-frm-hd h2{display:block; color:#fff; font-size:1.3em; padding:10px;}
 
 
/* --------------------- */

.extra{display:block; padding:10px 0; text-align:center}
.extra .icons{display:block; color:#f00; margin-bottom:10px;}
.extra .icons:before{font-size:2em;}
.extra h4{display:block; color:#2ea4f6; font-size:1.2em; margin-bottom:10px;}
.extra h2{display:block; color:#2ea4f6; font-size:1.4em}
/* -------- */
.gall-testi{display:block}
.gall-testi h3{display:block; text-transform:uppercase; font-size:1.1em; margin-bottom:25px; position:relative}
.gall-testi h3:before{position:absolute; content:''; width:20px; height:2px; background:#f00; left:0; bottom:-3px}
.gall-testi h3 a{display:inline-block; vertical-align:middle; margin:-3px 0 0 30px; color:#2ea4f6; font-size:0.7em}
.gall-testi h3 a:after{content:"\f08e";font-family: FontAwesome; margin-left:5px }
.gall-testi h3 a:hover{color:#f00}
.vid_etc{display:block}
.vid_etc iframe{display:block; width:100%; border:none}
.tesm{display:block; position:relative; text-align:left} 
.tesm p{font-size:0.85em;font-family: 'TitilliumWeb-Light', sans-serif ; padding:0 10px 0 0; text-align:left; line-height:18px; margin-bottom:10px;}
.tesm-txt{display:block; padding:0;}
.tesm-txt-lft{width:60%; display:inline-block; vertical-align:middle}
.tesm-txt-lft big{display:block; font-size:1.1em; font-weight:bold; color:#2ea4f6; margin-bottom:3px}
.tesm-txt-lft i{display:block; font-size:1em; font-weight:normal; color:#000; margin-bottom:3px}
.tesm-txt-lft small{display:block; font-size:0.9em; font-weight:normal; color:#000;}
.tesm img{width:70px; height:70px; border-radius:100%;display:inline-block; vertical-align:middle}
/* ------------- */

.social-etc{display:block}
.social-etc .iframe{display:block; width:100% !important; border:0px solid #666 !important; position:relative; height:200px !important; overflow:hidden}
.social-etc .iframe iframe{display:block; width:100% !important; height:200px;}
.social-etc h2{display:block; margin-bottom:20px; font-size:1.3em; text-transform:uppercase; position:relative}
.social-etc h2:before{position:absolute; content:''; width:20px; height:2px; background:#000; left:0; bottom:-3px}
.newss{display:block; position:relative}
.bg-news{background:url(bg-images/7.jpg)}
.news-inner{display:block; background:rgba(0,0,0,0.5); height:200px; padding:15px; color:#fff}
.news div { width:100%; display: block; animation:skop linear 0.5s;-webkit-animation:skop linear 0.5s}
.news div h4{display:block; font-size:1.3em; margin-bottom:20px; position:relative}
.news div h4:before{position:absolute; content:''; width:20px; height:2px; background:#f00; left:0; bottom:-5px}
.news div h4:after{position:absolute; content:''; width:50%; height:1px; background:#333; left:0; bottom:-3px}
.news div dt{display:inline-block; font-size:0.8em; color:#2ea4f6; margin-bottom:10px; border-top:1px solid #2ea4f6; padding:5px;border-bottom:1px solid #2ea4f6; padding:5px}
.news div p{display:block; line-height:23px; font-size:0.9em; margin-bottom:7px; color:#ccc}
/* -------------------- */
.bg-foot{background:url(bg-images/section_bg_us_large.jpg); }
.footer-blok{display:block; position:relative; color:#fff;border-top:1px solid #333}
.footer-blok-inner{display:block; position:relative; padding:50px 0 0px 0}
.footer-blok-inner h4{display:block; font-size:1.3em; margin-bottom:20px; position:relative}
.footer-blok-inner h4:before{position:absolute; content:''; width:20px; height:2px; background:#2ea4f6; left:0; bottom:-5px}
.footer-blok-inner ul{display:block; position:relative; width:100%}
.footer-blok-inner ul li{ width:auto;display:inline-block; vertical-align:middle;}
.footer-blok-inner ul li a{display:block; margin:0 20px 10px 0; color:#999; font-weight:bold; font-size:0.79em; text-transform:uppercase}
.footer-blok-inner ul li a:hover{color:#2ea4f6}
.footer-blok-inner big{display:block; margin-bottom:7px; font-size:1em;}
.footer-blok-inner p{display:block; line-height:22px; color:#ccc; font-size:0.9em}
.footer-blok-inner iframe{display:block; width:100%; height:100px; border:none}

.social-blk{display:block; margin:60px 0 0 0; border-top:1px solid #333; text-align:center; padding:40px 0 20px 0}
.social-blk a{display:inline-block; vertical-align:middle; margin:0 20px; color:#2ea4f6; font-size:0.9em; position:relative}
.social-blk a:before{display:block; font-size:1.2em;}
.social-blk a:hover{color:#f00}
/* --------------------*/
/* =========== SUB PAGES ============================== */
.head-sub{display:block; background:#2ea4f6; padding:20px 60px; color:#fff}
.head-sub h3{display:inline-block; font-size:1.4em; position:relative}
.head-sub h3:before{position:absolute; content:''; width:100%; height:5px; background:#fff; left:0; bottom:-20px}
.enquiry-form{display:block; position:relative; width:60%; margin:0 auto; font-size:0.9em; background:rgba(0,0,0,0.5); padding:20px;}
.enquiry-form p{display:block; line-height:22px; margin-bottom:10px}
.enquiry-frm-bx{display:block; padding:20px; background:none}
.enquiry-frm-bx input{font-family: 'TitilliumWeb-Light', sans-serif !important;}

.enquiry-form input[type="text"]{display:block; width:100%; background:#fff; padding:10px; border:1px solid #ddd; margin-bottom:15px; box-shadow:0 10px 5px -10px #333}
.enquiry-form input[type="email"]{display:block; width:100%; padding:10px; border:1px solid #ddd; margin-bottom:15px; box-shadow:0 10px 5px -10px #333}
.enquiry-form select{display:block; width:100%; padding:10px; border:1px solid #ddd; margin-bottom:15px; box-shadow:0 10px 5px -10px #333}
.enquiry-form textarea{display:block; width:100%; padding:10px; border:1px solid #ddd; margin-bottom:25px; box-shadow:0 10px 5px -10px #333}
.enquiry-form input[type="submit"]{width:auto; display:inline-block; padding:10px 20px; background:#2ea4f6; color:#fff; border:none; text-transform:uppercase}
.enquiry-form input[type="submit"]:hover{background:#f00; cursor:pointer}
#ser-v{display:none}
/* -------------------------- */
.marquee {width: 100%; overflow: hidden; border:1px solid #ccc;}
.marquee img{width:100px; margin:0 20px}
.product-discrition{display:block;}
.product-discrition h4{display:inline-block; margin-bottom:10px; color:#f00; font-size:1.2em; position:relative; margin-bottom:15px}
.product-discrition h4:before{position:absolute; content:''; width:20px; height:2px; background:#f00; left:0; bottom:-7px}
.product-discrition p{display:block; line-height:22px; margin-bottom:7px; font-size:0.9em; text-align:justify}
 
.pr-list{display:block}
.pr-list ul{ display:block}
.pr-list ul li{display:inline-block;font-family: 'TitilliumWeb-Light', sans-serif !important; vertical-align:middle; margin:0 15px 15px 0; color:#666; font-size:0.9em; position:relative; padding:0 0 0 0}
.pr-list ul li:before{content:"\f087";font-family: FontAwesome; margin-right:5px;}
.pro-img{display:block; text-align:center}
.pro-img img{width:48%; margin:0 auto}
.element{
  shape-outside: circle(50%);
  width: 250px;  
  float: left; margin:10px 10px 10px 0; border-radius:50%;
}

.products-sb{display:block; position:relative}
.products-sb-inner{ display: flex; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;-webkit-flex-flow: wrap; justify-content: flex-start; flex-aligh:flex-start;position:relative;  }
.prod-sb-bx{width:24.9%;  vertical-align:middle; margin:0 0 20px 0; text-align:center; padding:0 10px; position:relative; overflow:hidden;}
.p-sb-c{display:block; border-bottom:1px solid #ccc; position:relative}
.p-sb-c img{display:block; width:90%; margin:0 auto}
.p-sb-c h3{display:inline-block;background:#2ea4f6; color:#fff; font-size:1em; padding:7px;}
.enq{position:absolute; width:100%; top:-100%; left:0; text-align:center}
.enq a{display:inline-block; background:#f00; color:#fff; font-size:0.78em; padding:7px; border-top:1px solid #2ea4f6;border-bottom:1px solid #f00} .enq a:hover{background:#000;}
.prod-sb-bx:hover .enq{top:40%}
.prod-sb-bx:hover h3{background:#666}
/* ----------------- */
.clients{display:block; margin-bottom:20px;}
.clients h4{display:inline-block; margin-bottom:20px; color:#000; font-size:1.4em; position:relative; margin-bottom:15px}
.clients h4 span{color:#f00; font-weight:bold}
.clients h4:before{position:absolute; content:''; width:20px; height:2px; background:#f00; left:0; bottom:-7px}
.client-done{display:block; min-height:150px; margin:20px 0}
.client-done ul{display:block}
.client-done ul li{display:block; position:relative; vertical-align:middle; margin:0 15px 15px 0; font-size:0.9em; padding:0 0 0 15px}
.client-done ul li b{color:#f00}
.client-done ul li:before{content:"\f087";font-family: FontAwesome; margin-right:5px;}

/* --------about ----------------- */
.clients h5{display:inline-block; color:#000; font-size:1.2em; position:relative; margin-bottom:10px}
.clients h5:before{position:absolute; content:''; width:20px; height:2px; background:#666; left:0; bottom:-1px}

.aboutlst{display:block; margin:5px 0 0 0}
.aboutlst ul{display:block}
.aboutlst ul li{display:block; position:relative;margin:0 15px 10px 0; line-height:18px; font-size:0.9em; padding:0 0 0 20px} 
.aboutlst ul li:before{content:"\f00c";font-family: FontAwesome; position:absolute; left:0; top:2px; color:#2ea4f6}
/* ------------------- */
.bg-contact{background:url(bg-images/bg-wht1.jpg)}
.contact{display:block;}
.contact h6{display:block; margin:0px 0 5px 0;font-size:1.2em; }
.conta-ico{display:inline-block; margin:7px 0 5px 0; font-size:1em; color:#2ea4f6}
.conta-ico:before{ display:inline-block; vertical-align:middle; margin:0 7px 0 0;}
.contact p{display:block; line-height:25px; font-size:1em; margin-bottom:10px;}
 
.contact input[type="text"]{display:block; width:100%; font-size:0.9em; background:#ddd; box-shadow:0 10px 3px -8px #999; color:#000; margin-bottom:15px; padding:7px;}
.contact input[type="email"]{display:block; width:100%; font-size:0.9em; background:#ddd; box-shadow:0 10px 3px -8px #999; color:#000; margin-bottom:15px; padding:7px;}
.contact textarea{display:block; width:100%; font-size:0.9em; background:#ddd; box-shadow:0 10px 3px -8px #999; color:#000; margin-bottom:15px; padding:7px;}
.contact input[type="submit"]{width:auto; padding:10px 20px; background:#2ea4f6; color:#fff;box-shadow:0 10px 7px -8px #000; text-transform:uppercase }
.contact input[type="submit"]:hover{background:#f00; color:#fff; cursor:pointer}
.contact-map{display:block; margin:30px 0;}
.contact-map iframe{display:block; width:100%; height:400px; min-height:100px; max-height:400px; border:1px solid #2ea4f6 !important}
/* ---------- gallery ------- */
.gallery-bx{display:block; position:relative}
.gallery-bx .prod-sb-bx iframe{display:block; width:100%; height:150px; min-height:160px; max-height:250px; border:none}










@keyframes skop{
0%{ opacity:0}
100%{ opacity:1}	
}
@-webkit-keyframes skop{
0%{ opacity:0}
100%{ opacity:1}
} 
.text-block{display:block}
.text-block p{display:block; line-height:24px; margin-bottom:10px;}
.caps-all{display:block; margin-bottom:35px; position:relative}
.caps-all h2{position:relative; display:inline-block}
.caps-all h2 span{position:absolute; width:100%; height:1px; padding-right:25px; bottom:-10px; left:0} 
/* ----------- links ----------------------------- */
.links{display:inline-block;}
.links a{display:block; border:1px solid #f00; padding:0 10px}
.links a:hover{border-bottom-color:#000}
/* ------------ padding ------------------ */
.padd-thirty-o{padding:30px 0 !important}
.padd-sixty-o{padding:60px 0 !important}
.padd-no{padding:0 !important} 
/* text align------------------------------------------- */
.txt-center{text-align:center !important}
.txt-left{text-align:left !important}
.txt-right{text-align:right !important}
.txt-justi{text-align:justify !important}
.txt-white{color:#fff !important}
.txt-black{color:#000 !important}

/* == Background Defaykt--------------------------------- */
.bg-white{background:#fff !important}
.bg-black{background:#000 !important} 
.bg-red{background:#f00 !important;}
.bg-termaric{background:#ffb400 !important}
.bg-white-trans{background:rgba(255,255,255,0.5) !important}
.bg-black-trans{background:rgba(0,0,0,0.5) !important}
.bg-cover{ background-repeat:no-repeat;background-position:center; background-attachment:fixed; background-size:cover ;}

/* Form block ------------------------------------------------------ */
.frm-contact{display:block; padding:25px 25px 50px 25px;}
.frm-contact input[type="text"]{display:block; width:100%; font-size:0.9em; background:#666; box-shadow:0 10px 7px -8px #000; color:#fff; margin-bottom:15px; padding:7px;}
.frm-contact textarea{display:block; width:100%;font-size:0.9em; background:#666; box-shadow:0 10px 7px -8px #000; color:#fff; margin-bottom:15px; padding:7px;}
.frm-contact input[type="submit"]{width:auto; padding:10px 20px; background:#f00; color:#fff;box-shadow:0 10px 7px -8px #000; text-transform:uppercase }
.frm-contact input[type="submit"]:hover{background:#2ea4f6; color:#fff; cursor:pointer}
 
/* ------------------------------------- flex box */

.flex-box{ display: flex; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;-webkit-flex-flow: row wrap; justify-content: space-between; flex-aligh:flex-start;position:relative}
.flex-two{display:inline-block; width:48.5%; vertical-align:top; text-align:left; position:relative}
.flex-three{display:inline-block; width:32%; vertical-align:top; text-align:left;position:relative}
.flex-four{display:inline-block; width:23%; vertical-align:top; text-align:left;position:relative}
.flex-five{display:inline-block; width:19%; vertical-align:top; text-align:left;position:relative}

/* ------------------------------- */

/* background-color: red;  background-image: linear-gradient( to right,  red, #f06d06 );} {
  background-image:linear-gradient( to top right, red, #f06d06 );}
*/

/* flex -*/
/*display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  -webkit-flex-flow: row wrap;
  justify-content: flex-end;   -webkit-flex-flow: column wrap;   flex-flow: column wrap;  }*/
  
/*{display:flex; justify-content: space-between; -ms-text-justify: distribute-all-lines;  text-justify: distribute-all-lines; text-align:center;}*/
/*flex; flex-direction:row; flex-wrap:wrap;justify-content:flex-starts;align-items:flex-start;align-content:flex-start;*/

.floating-img{float:left;width:auto;margin:0 10px 10px 0; -webkit-shape-outside: square();shape-outside:square();}

.top_sroll{position:fixed;padding:0px; bottom:20px; right:1%; opacity:1;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; z-index:99999; } 
 .top_sroll a{display:table; color:#000; border-radius:0%; border:1px solid #fff; background:#000;  width:25px; height:25px; position:relative; font-weight:normal; box-shadow:0px 2px 3px 1px #333; text-align:center; border-radius:5px 5px 0 0;}
 .top_sroll a:after{content:"\f0d8";font-family: FontAwesome; display:table-cell; vertical-align:middle;font-weight:normal; color:#fff; font-size:1.2em;animation:arrup infinite 0.8s}
 
 .top_sroll:hover{opacity:1;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; bottom:25px}
 .top_sroll:hover a{background:#f00;} 
 .abt{} .abt:before{content:"\f19c";font-family: FontAwesome;} 
.road-{} .road-:before{content:"\f018";font-family: FontAwesome; }
.bridg{ } .bridg-:before{content:"\f1bd";font-family: FontAwesome;}
.pi-chrt{ } .pi-chrt-:before{content:"\f200";font-family: FontAwesome;} 
.ongo{ } .ongo:before{content:"\f252";font-family: FontAwesome; }
.recnt{ } .recnt:before{content:"\f254";font-family: FontAwesome;}
.invest{ } .invest:before{content:"\f209";font-family: FontAwesome; }
.clockk{ } .clockk:before{content:"\f017";font-family: FontAwesome; }
.searchh{ } .searchh:before{content:"\f002";font-family: FontAwesome; }
.ttab{ } .ttab:before{content:"\f10a";font-family: FontAwesome; }
.clokk{ } .clokk:before{content:"\f017";font-family: FontAwesome; }
.clint{ } .clint:before{content:"\f164";font-family: FontAwesome;}
.mobl{ } .mobl:before{content:"\f10b";font-family: FontAwesome;}
.hom{ } .hom:before{content:"\f015";font-family: FontAwesome;}
.calll{ } .calll:before{content:"\f10a";font-family: FontAwesome;}
.envlp{ } .envlp:before{content:"\f003";font-family: FontAwesome;}
.road-sign{}  .road-sign:before{content:"\f277";font-family: FontAwesome; }
 .call-sign{}  .call-sign:before{content:"\f095";font-family: FontAwesome; }
 .email-sign{}  .email-sign:before{content:"\f003";font-family: FontAwesome; }
 .call{}  .call:before{content:"\f095";font-family: FontAwesome;} 
 .home-c{}  .home-c:before{content:"\f015";font-family: FontAwesome;}
 .call-tel{}  .call-tel:before{content:"\f098";font-family: FontAwesome;}
 .map-mrk{}  .map-mrk:before{content:"\f277";font-family: FontAwesome;}
 .env{ }  .env:before{content:"\f0e0";font-family: FontAwesome;} 
 .downld{} .downld:before{content:"\f019";font-family: FontAwesome;} 
 .mobi{}  .mobi:before{content:"\f10a";font-family: FontAwesome;}
 .fb{} .fb:before{content:"\f09a";font-family: FontAwesome;} 
 .gp{} .gp:before{content:"\f0d5";font-family: FontAwesome;} 
 .tr{ } .tr:before{content:"\f099";font-family: FontAwesome; } 
 .yt{ } .yt:before{content:"\f166";font-family: FontAwesome; } 
 .home{ } .home:before{content:"\f099";font-family: FontAwesome;} 
.home1{} .home1:before{content:"\f015";font-family: FontAwesome;} 
.userss{}  .userss:before{content:"\f0c0";font-family: FontAwesome; }
.coggs{}  .coggs:before{content:"\f013";font-family: FontAwesome; }
.thumbb{}  .thumbb:before{content:"\f087";font-family: FontAwesome; }




@keyframes arrup{
0%{ color:#000}
50%{ color:#fff}
100%{ color:#000}	
}
@-webkit-keyframes arrup{
0%{ color:#000}
50%{ color:#fff}
100%{ color:#000}	
} 



 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;font-family: 'OpenSans-Regular', sans-serif !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;font-family: 'OpenSans-Regular', sans-serif !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;font-family: 'OpenSans-Regular', sans-serif !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;font-family: 'OpenSans-Regular', sans-serif !important;
} 

.frm-contact ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;font-family: 'OpenSans-Regular', sans-serif !important;
}
.frm-contact ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;font-family: 'OpenSans-Regular', sans-serif !important;
}
.frm-contact :-ms-input-placeholder { /* IE 10+ */
  color: #fff;font-family: 'OpenSans-Regular', sans-serif !important;
}
.frm-contact :-moz-placeholder { /* Firefox 18- */
  color: #fff;font-family: 'OpenSans-Regular', sans-serif !important;
} 

.menu_block::-webkit-scrollbar{width: 6px;background:#000}
.menu_block::-webkit-scrollbar-thumb{background-color:#666;border-radius:2px;	}
.menu_block::-webkit-scrollbar-thumb:hover{background-color:#f00;	border:0px solid #fff;}
.menu_block::-webkit-scrollbar-thumb:active{background-color:#f00; border:0px solid #fc9;}


.client-done::-webkit-scrollbar{width: 6px;background:#000}
.client-done::-webkit-scrollbar-thumb{background-color:#666;border-radius:2px;	}
.client-done::-webkit-scrollbar-thumb:hover{background-color:#f00;	border:0px solid #fff;}
.client-done::-webkit-scrollbar-thumb:active{background-color:#f00; border:0px solid #fc9;}
 
body::-webkit-scrollbar{width: 6px;background:#000}
body::-webkit-scrollbar-thumb{background-color:#666;border-radius:2px;	}
body::-webkit-scrollbar-thumb:hover{background-color:#f00;	border:0px solid #fff;}
body::-webkit-scrollbar-thumb:active{background-color:#f00; border:0px solid #fc9;}