/*
Theme Name: Alaska Balustrading
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@charset "utf-8";
/* CSS Document */
html{ margin:0px; padding:0px;}
body{margin:0px; padding:0px;  color: #333;  font-family: 'Muli', sans-serif; font-size: 14px;    line-height: 1.42857; background-color:#fff !important;}
img{ border:0px; outline:none; max-width:100%;}
ul{ list-style-type:none; margin:0px; padding:0px;}


.active a, .current-menu-item a, .hmenu ul li a:hover, .hmenu ul li a:focus {
    background-color:#22B14C !important;
    color: #fff !important;
}

.container-fluid{ padding:0px !important; float:left; width:100%;}

.container-fluid.headertop {  background:#df494a none repeat scroll 0 0;}
.headertop .container {  padding: 5px 0 !important;}
.hleft{ padding-left:0px !important;  padding-top: 2px;}
.hright{ padding-right:0px !important;  }
.logo h1{color:#1792ba;font-size: 45px; margin:0px; }
.topheader { float: left;  padding: 12px 0px;  width: 100%; }
.logo h5 span { color: #f29e00;  font-size: 20px; line-height: 0;  text-align: center; }
.callnumber{  float: right;    width: 100%;}
.callnumber p{ float:left; width:100%; margin-bottom:0px;  text-align: center;}
.callnumber p a{ float:left; width:100%; }
.callnumber i { color: #d8d8d8; margin-right: 5px;  font-size: 30px; }
.aboutus { float: left; padding:0px 0 20px !important; width: 100%; }
.headertop .container .hleft:nth-child(3) p { text-align: right !important; }
.headertop .container .hleft:nth-child(2) p { text-align: right !important; }

.callnumber span{ margin-right:10px; font-size:17px; font-weight:normal;  float:left; width:100%; text-transform:uppercase; color:#4e4e4e; }
.callnumber a{ color:#fff;  -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s;  }
.callnumber a:hover{ color:#F29E00; text-decoration:none; }
.hleft .callnumber a { pointer-events: none; }
.hleft .callnumber a i { color: #EF3037; }

.myicon { float: left;  width: 40px; }
.icon-part { float: left; color:#143e92; font-size:24px; font-weight:bold; }
.callnumber-in {  float: left; width: 100% !important;  margin-top:20px; text-align:center; }
.hrightmid .sitemenu-right a {
    background: #d2eb98 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #000;
    color: #143e92;
    float: right;
    padding: 10px 42px;
    width: auto;
}

.hrightmid .sitemenu-right a:hover{ background:#22B14C; color:#fff; }

.hleftmid{ padding:0px !important;}
.hleftmid a { float:right;  color: #000;   text-align:left;}
.hleftmid i {
    background:none;
    border-radius: 50%;
    color:  #d8d8d8;
    display: table-cell;
    vertical-align: middle;
    width: 40px; font-weight:600;
}
.hleftmid .callnumber span{ margin-right:0px;}

.hrightmid p{ width:auto; float:right;}

.hleftmid a:hover{ color:#EF3037; }

.logo{ display:inline-block;}
.logo a { display: inline-block; float:left; }

.logo img{ width: 180px;}

.logo h5 { display: inline-block; width: 100%; }
.soc {  padding-top: 12px; }
.container-fluid.secondhead{ float: left; width: 100%;  background:#F29E00; }
.menupart{ text-align: center; padding:0px !important; }
.hmenu ul { display: inline-block; }
.hmenu ul li { display: inline-block; float: none; }
.hmenu ul li a{ color: #fff; font-size: 14px; letter-spacing: 2px; padding:20px;  font-weight:bold !important; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s; text-transform: uppercase;  }

.innersocial {float: right;	text-align:center;}


ul.soc > li {display: inline-block; }
ul.soc li a {     border-radius:50%;  display: table;  float: left; height: 35px;  width: 35px; margin-left: 15px; background:#22B14C; color:#fff;}
ul.soc li a i{-moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s; line-height:35px;  font-size: 17px; height: 35px; width: 35px;}
ul.soc li a:hover i{background-color:#fff; color:#1A3F92;border-radius:50%; }

.leftpart img {  width: 100%; }
.leftpart {  padding-left: 0 !important; padding-right: 0 !important; }

.rightpart{  padding-right: 0 !important;  padding-left: 10px !important; }
.slider{float:left;width:100%;  background-position:right top; }
.innerslider {   margin: 30px 0; float: left; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox;  display: -webkit-flex; display: flex;  padding:20px; }
.innerright { background-color:rgba(242, 158, 0, 0.8);  padding: 20px;
    margin-left: auto;
    margin-right: auto;
    display:table; height:100%; width:100%;
}
.overlay1 {
    /*background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;*/
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.container-fluid.sliderpart {
    background:#1792BA; background-repeat:no-repeat; background-size:cover; background-position:center center;
    position: relative;
}

.rightpart-in{ float: left;  width: 100%; height: 100%;
    border-radius: 5px; }
.innerslider-in{ display:table-cell; vertical-align:middle; border: 1px dashed #fff; padding: 25px; }
.slider-right-text p { color: #fff; font-size: 17px; text-align: center; }
.innerright h2 { /*background:url(images/mytitle.png);*/ background-repeat:no-repeat; background-size:300px; background-position:center bottom; padding-bottom:30px;  font-family: 'Muli', sans-serif; text-shadow: 1px 2px 3px #000; color: #fff; text-align: center; margin-bottom: 0px; font-size: 34px; }
.innerright h2::after { border-bottom: 3px solid #000; content: ""; display: block; height: 5px; margin: 0 auto; padding-top: 10px; width: 100px;}

 
.innerright input[type="text"] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	border-radius:0px;
	border:none;
	height:40px;
	background-color:transparent;
	border-bottom:2px solid #fff;
	box-shadow:none;
	padding-left:0px;
}
.innerright input[type="email"] {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	border-radius:0px;
	border:none;
	height:40px;
	background-color:transparent;
	border-bottom:2px solid #fff;
	box-shadow:none;
	padding-left:0px;
}
.innerright textarea {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
	border-radius:0px;
	border:none;
	height:40px;
	background-color:transparent;
	border-bottom:2px solid #fff;
	box-shadow:none;
	resize:none;
	padding-left:0px;
}
.innerright input[type="submit"] {
    float: right;
    margin-right: 41px;
    border-radius: 0;
    /* padding: 15px; */
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    text-transform: uppercase;
    color: #131313;
    font-weight: 600;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff !important;
}

.maingallery{float:left;width:100%;background-color:#eee;}

.bcc{ margin-top:60px; margin-bottom:60px; margin-left:0; margin-right:0;}
.pro { margin:0 0 30px;}
.balu { position:relative; width:100%; transition:all 0.3s ease;-moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; overflow:hidden;}
.overlay { visibility:hidden;background-color:#28a0ec; opacity:0.5; overflow:hidden; bottom:0;position: absolute;top:100%;transition: all 0.3s ease 0s;width:100%; transition:all 0.3s ease;}
.balu img{ max-width:100%; position:relative;}
.balu:hover .overlay{ visibility:visible; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; top:0;}
.desc h4{ background-color:#0d0d0d; font-weight:600; border-top:2px solid #28a0ec; color:#28a0ec; text-transform:uppercase; letter-spacing:2px; padding:20px; margin:0;}

.have .overlay{background-color:#9dc908 !important;}
.desctwo h4 { color:#9dc908 !important; border-top:2px solid #9dc908 !important;}

.fen .overlay{background-color:#f06418 !important;}
.descthree h4 { color:#f06418 !important; border-top:2px solid #f06418 !important;}

.awn .overlay{background-color:#f2245d !important;}
.descfour h4 { color:#f2245d !important; border-top:2px solid #f2245d !important;}

.pri .overlay{background-color:#13d376 !important;}
.descfive h4 { color:#13d376 !important; border-top:2px solid #13d376 !important;}

.vie .overlay{background-color:#5e23a0 !important;}
.descsix h4 { color:#5e23a0 !important; border-top:2px solid #5e23a0 !important;}


.footersection .container {  color: #fff;    padding: 0;}
ul.footer-menu { float: left; padding: 0; margin: 0;}
ul.footer-menu li{ display: inline; list-style: outside none none;}
.footer-menu li a { display: inline-block; padding: 20px;color: #fff;}
.footer-menu li a:hover {  text-decoration: none;}
.top-footer .email { line-height: 60px; text-align: right;}
.bottom-footer {float:left;	width:100%;	padding:15px; }
.fluid-container.footersection { background-color: #333; float: left; width: 100%;}
.pro { margin-left: auto; margin-right: auto;  display: block;}
.innerright input[type="submit"]:hover{background-color:#131313;color:#fff;}
.logo a:hover{text-decoration:none;}

.title{ float:left; width:100%; text-align:center;}
.title h1 {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 300px auto;
    color:#1792BA;
    font-size: 34px;
    margin-bottom: 15px;
    padding-bottom: 30px;
    text-align: center;
    text-transform: uppercase; 
}
.title h1::after { border-bottom: 3px solid #F29E00; content: ""; display: block; height: 5px; margin: 0 auto; padding-top: 10px; width: 100px;}
 
.subtitle-text{ text-align:center; font-size:16px; float:left; width:100%; margin-bottom:20px; }
.about-icon { float: left; margin-right:20px; }
.about-right-row { float: left;  margin:0 0 25px;  width: 100%; border-bottom:1px dotted #b1b1b1; }
.about-right-row:last-child { border: 0 none; }
.about-left-img img { border:2px solid #F3B96C;   border-radius: 50%; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease;  box-shadow: 0 0 11px #000; }
.about-left-img { text-align: center; overflow:hidden;  border-radius: 50%;  box-shadow: 0 0 11px #000;}
.about-left-img img:hover{-webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.about-right-text h2 { text-transform: uppercase; margin-top:10px; font-size: 22px; letter-spacing: 2px; }
.about-row { float: left; margin-bottom: 50px;  width: 100%; }

.about-icon {
    border-radius: 50%;
    display: table;
    float: left;
    height: 70px;
    margin-right: 0px;
    text-align: center;
    width: 70px; margin-bottom:30px;
}
.about-icon i {  border-radius: 50%; display: table-cell; font-size: 25px; vertical-align: middle; color: #F3B96C;  border: 3px solid #fff;   transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; cursor:pointer;
}
.about-icon i:hover {background:#fff; color:#22B14C; }


.fencing-row{float: left; margin-bottom: 50px;  width: 100%; }
.fencing .container-fluid { background: #f8f8f8;  box-shadow:0px 0px 9px 3px #ccc inset;  }
.fencing-left {  padding: 0px !important; position:relative; overflow:hidden; }

.fencing-text{ position:absolute; bottom:0px; float:left; width:100%;}
.fencing-left-in{ float:left; width:100%;}

.fencing-text {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    float: left;
    height: 100%;
    padding: 20px;
    position: absolute;
    width: 100%;
	-moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s;
}
.fencing-left img{-moz-transition: all 0.6s linear 0s; -webkit-transition: all 0.6s linear 0s;  -ms-transition: all 0.6s linear 0s;  -o-transition: all 0.6s linear 0s;  transition: all 0.6s linear 0s;}
.fencing-text-in {
    
    color: #fff;
    display: table;
    height: 100%;
    margin: 0;
    text-align: center;
    width: 100%;
}
.fencing-text h4{border: 1px solid #22B14C; display:table-cell; vertical-align:middle; text-transform:capitalize;  font-size:28px;  -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s; }
.fencing-text h4 a{  color: #f29e00; text-decoration:none;}
.fencing-text a:hover{  color: #f29e00; text-decoration:none;}


.fencing-left:hover .fencing-text{ background: rgba(0, 0, 0, 0.1);}
.fencing-left:hover img{-webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.fencing-left:hover h4{border: 0px; -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.fencing-img {
    max-height: 270px;
}
.fencing-left-my{ float:left; width:100%; position:relative;}
.fencing-left{ padding:15px !important;}

.buyquality {
    float: left;
    width: 100%;
}
.fencing-left-in .fencing-left-in {
    border: 2px solid #fff;
}
.fencing-left:hover img{-webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2); }
.fencing-left:hover h4{border: 0px; -webkit-transform:scale(1.2,1.2); transform:scale(1.2,1.2);}
.fencing-img {
    max-height: 270px;
}

@font-face {
  font-family: "streamline-small";
  src:url("fonts/streamline-small.eot");
  src:url("fonts/streamline-small.eot?#iefix") format("embedded-opentype"),
    url("fonts/streamline-small.woff") format("woff"),
    url("fonts/streamline-small.ttf") format("truetype"),
    url("fonts/streamline-small.svg#streamline-small") format("svg");
  font-weight: normal;
  font-style: normal;

}
.sphone::before {
    content: "l";
    height: 48px;
    line-height: 48px;
}
.slocation::before {
    content: "m";
    height: 48px;
    line-height: 52px;
}
.smail::before {
    content: "n";
    height: 48px;
    line-height: 70px !important;
}
.sicons::before {
    direction: ltr;
    font-family: "streamline-small" !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    line-height: 1;
    text-transform: none !important;
    vertical-align: middle;
}
.content_section {
    background:#1792BA;
    padding: 20px 0 !important;
}
.buyquality .title h1 {
    margin-bottom: 30px;
}

.cpart li::before {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #1792BA;
    display: block;
    float: left;
    font-size: 36px;
    height: 80px;
    line-height: 80px;
    margin-right: 20px;
    text-align: center;
    width: 80px;
}
.cpart li p {
    color: #fff;
    float: left;
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}
.cpart li p a
{
 color: #FFF;
}

.footer-menu { text-align:center;}
.footer-menu ul{ display:inline-block;}
.footer-menu li {
    float: left;
}


.buy-subtitle{ float:left; width:100%; text-align:center; font-size:18px; color:#F29E00; margin-top:-20px; }
.buyquality-left{ overflow:hidden;}
.buyleft-img{ position:relative;}
.buyleft-text{ position:absolute; float:left; width:70%; bottom:30px; left:30%; background:rgba(0,0,0,0.8); padding:30px; color:#fff; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s;}
.buyleft-text ul{ float:left; width:100%; border: 1px dashed; padding:15px; }
.buyleft-text ul li{ float:left; width:100%;}
.buyleft-text ul li a{ float:left; width:100%;  background-repeat:no-repeat; background-position:0px 8px; background-size:15px; padding:10px 20px; font-size:16px; color:#fff; }


.buyquality-left img{ -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s; opacity: 0.7;}
.buyquality-left:hover img{-webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); opacity: 0.9;}

.buyquality-left:hover .buyleft-text li a{  background-repeat:no-repeat; background-position:0px 8px; background-size:15px; padding:10px 20px; font-size:16px; color:#22B14C;  }
.buyquality-left:hover .buyleft-text{ color:#22B14C; }
.buyquality-row{ float:left; width:100%; margin-bottom:60px; }

.innerslider {	margin:40px auto 70px; }

/*==================================================
 * Effect 8
 * ===============================================*/
.myeffect
{
   position:relative;
}
.myeffect:before, .myeffect:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
} 
.myeffect:after
{
    right:10px; 
    left:auto; 
    transform:skew(8deg) rotate(3deg);
}


.sitemap-title h1{ font-size:20px;  }
.sitemap{ border-bottom:1px solid #3e3e3e; border-top:1px solid #3e3e3e; padding:10px 0px !important; }
.sitemap-left:first-child{ padding-left:0px !important; }
.sitemenu-left {  float: left;}

.sitemenu-left a{ float:left; width:100%;  font-size:16px; color:#fff; padding:6px 10px 6px 0px; float:left; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s; }
.sitemenu-left a:hover{ color:#0D82F7; text-decoration:none; }

.sitemenu-right{ float:left; width:100%; padding-right:0px !important; margin-top: 15px;}
.sitemenu-right a{ background:#F29E00; float: left; margin-bottom: 10px; padding: 10px; text-align: center; text-transform: uppercase;
 width: 100%;   color:#fff; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s;}
.sitemenu-right a:hover{ background:#fff; color:#000; text-decoration:none;  }

.sitemenu-left-img img { float: left; margin-bottom: 15px; width: 150px; }

.sitemap-left h1{ font-size: 20px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
.sitemap-left p { text-align: justify; }

.sitemenu-left{ float: left;  padding-left: 20px;  }
.sitemenu-left-img { float: left;  width: 100%;}
.sitemenu-left-img > a { display: inline-block;}
.sitemap-left > p { float: left; width: 100%;}
.sitemap-right-in{ float:right; }


.contactmap iframe { height: auto;  width: 100%; }

.buy-subtitle p{ color: #f29e00; font-size: 24px; }

.content_section{ text-align:center;}
.cpart{ float:none !important; display:inline-block; text-align:left; width:auto !important; margin-right:30px; }
.fencing .container-fluid{ background:url(assets/images/bg.png); }

.fencing .title h1 {  padding-top: 20px; }

.cpart li p a { color: #F29E00; font-size: 18px; font-weight: bold; }
.cpart li p a:hover{ text-decoration:underline;}

.maintitle{ float:left; width:100%; text-align:center; position:relative; }
.maintitle-in{ left:0px; top:-50px; z-index:99999; position:absolute; float:left; width:100%; text-align:center;  }
.maintitle-my{ float:left; width:100%;}
.maintitle-my h1{ display:inline-block; border-radius:7px; background:#FF7E00; padding:2px; }
.maintitle-my h1 a{ display:inline-block; padding:10px 30px; color:#fff; border:1px solid; border-radius:7px; font-size:25px; text-transform:uppercase; text-shadow: 1px 1px 2px #000; }
.maintitle-my h1 a:hover{ text-decoration:none; cursor:auto;  }

.aboutus{ border-top:2px solid #F3B96C; }
.fencing .container-fluid{ border-top:2px solid #EF3037; }
h1.green-clr{ background:#F3B96C;}
h1.red-clr{ background:#ef3037; }
h1.blue-light-clr{ background:#1792BA;}

.aboutus .container-fluid{ padding-top:40px !important;  }
.fencing .container-fluid { padding-top: 70px !important; }
.buyquality .container-fluid { padding-top: 70px !important; }
.buyquality{ border-top:2px solid #1792BA;}


.innerright h2{ color: #4ac5ed; text-shadow: 1px 1px 2px #000; }

.fnew-part {
    background: url(assets/images/footerbg.jpg);
    text-align: center;
    color: #fff;
    padding-top: 5px !important;
}

.fnew-row{ float:left; width:100%; }
.ftop-row{ float:left; width:100%; }
.ftop-row h1{ font-size:30px; text-transform:uppercase; font-weight:bold;margin-bottom: 5px; }
.ftop-row p{ font-size:18px; margin-bottom:0px; font-family: times new roman; font-style: italic;}
.flogo a { display: inline-block;  width: 160px; }
.fmid-left{ padding:0px !important;}
.fmid-left a{  color: #fff; font-size: 17px; }

.fmenu{ float:left; width:100%; text-align:center; margin-top:35px; margin-bottom:5px; }
.fmenu ul{ display:inline-block;  }
.fmenu ul li{display:inline-block;  }
.fmenu ul li:after{ content:"|";  float:left; color:#fff; }
.fmenu ul li a {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding: 0 12px;
    text-transform: uppercase;
}

.fcopyright {
    float: left;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-align: center;
    width: 100%;
}

.slider-right-text p{ font-size:16px; color:#333; }
.innerright h2{ font-size:24px;}
.logo img {
    width: 130px;
}
.logo p{ color:#86A7FD; float: left; width:100%; font-size:19px; margin-bottom: 0;  margin-top:15px; font-weight:bold; }
.callnumber p{ float:left; width:100%; text-align:center; text-transform:uppercase; font-size:20px; color:#fff;}
.hleftmid a{ float:none; display:inline-block; text-align:center;}

.hleftmid .sitemenu-right a {
    background: #22B14C;
    float: right;
    padding: 10px 30px;  font-size: 16px;
    width: auto;
}
.logo{ text-align:center; }
.logo a{ display:inline-block; float:none; }
.callnumber-in{ margin-top:40px;}
.sitemenu-right{ margin-top:50px;}

.icon-part {
    color: #f29e00;
}
.container-fluid.sliderpart { background: #6889ce none repeat scroll 0 0; }
.container-fluid.secondhead{ background:#1A3F92;}
.innerright { background:url(assets/images/green__background.gif);}
h1.green-clr {  background:#22B14C; }
.aboutus {  border-top: 2px solid #22b14c; }
.about-left-img img { border: 2px solid #22b14c; }
.about-icon i{color: #22b14c;}
.fencing-text h4{ font-size:20px;}
h1.blue-light-clr { background: #6889ce none repeat scroll 0 0;}
.buyquality { border-top: 2px solid #86a7fd; }
.innerright h2 {
    color: #0753ff; text-shadow: 1px 1px 2px #21709f;
}

.container-fluid.sliderpart { background:url(assets/images/blue-new.jpg);}
.logo p { color: #1A3F92; }
.icon-part { color: #1A3F92;}


.callnumber p {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #3bad5c;
    font-weight: bold; }
	
.buyleft-text ul li::before {
    content: ".";
    font-size: 38px;
    left: 0;
    list-style-type: disc !important;
    position: absolute;
    top: -17px;
}
.buyleft-text ul li { position:relative;}
.buyleft-text ul li a{ background:none;}
.buyleft-text ul li a:hover{ background:none !important;}

.innerslider {
    margin: 40px auto 70px;
}
.innerslider {
    margin: 30px 0 50px;
    float: left;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding:0px;
}
.rightpart-in {
    float: left;
    width: 100%;
  
    height: 100%;
    border-radius: 5px;
}
.leftpart img {
    width: 100%;
}


h1.green-clr {
    background: #1A3F92 none repeat scroll 0 0;
}
.aboutus {
    border-top: 2px solid #1A3F92;
}
.about-icon i {
    color: #1a3f92;
}
.about-left-img img {
    border: 0 solid #1a3f92;
}

h1.red-clr {
    background: #22b14c none repeat scroll 0 0;
}

.fencing .container-fluid {
    border-top: 2px solid #22b14c;
}

.buyquality {
    border-top: 3px solid #1a3f92;
}
h1.blue-light-clr {
    background: #1a3f92 none repeat scroll 0 0;
}
.innerright{ border-radius:5px;}
.buy-subtitle p{ color: #22b14c; }
.buyleft-text ul{ border: 1px dashed #22b14c; }

.slider {
    float: left;
    width: 100%;
}
.fmid-left a {
    color: #d2eb98;
    font-size: 22px;
    font-weight: normal;
}
.leftpart{ text-align:center;}
.slider-right-text {
    text-align: center;
}
.slider-right-text p{}
.leftpart-in{width: 939px; text-align: center; margin: 0 auto;  height: 451px; overflow: hidden;}
.hleftmid .sitemenu-right a { background: #f29e00; }

/*.fmid-left{ width:32% !important; margin-top: 17px; text-align: left;}
.fmid-mid{ width: 38% !important; }
.fmid-right{ width:30% !important; }
*/
.fmid-mid{ padding-right:0px !important;padding-left: 35px !important}
.fmid-right .sitemenu-right { margin-top: 10px; width:100%; }
.fmid-right .sitemenu-right a{ color: #fff; display: inline-block;  float: none;  font-size: 15px;  width: auto; padding: 10px 15px;} 
.fmid-left {  margin-top: 130px;}
.fmenu ul li:last-child::after {  content: "";}
.fmid-right .sitemenu-right a:hover{ background:#F29E00; color:#000; }

.about-left-img img { height: auto !important; }
.fencing-left{ min-height:300px;}
.fmenu .menu li a:hover, .fmenu .current-menu-item a { background: none !important; color: #22B14C !important;}

.breadcrumbs { float: left; width: 100%;}
.breadcrumbs .container{padding: 30px 0 !important; border-bottom:1px solid #eee; }
.aleft,.aimg {padding-left:0 !important;}
.aleft { letter-spacing: 1px; line-height: 26px; text-align: justify;}
.aimg { padding-right:25px;}
.aleft p { margin-bottom: 20px;}
.brcom span { font-size: 18px; font-weight: 600; letter-spacing: 1px; margin-left: 5px;}
.brcom a { color: #22b14c; margin-right: 10px;}
.aboutbottompart { padding-bottom: 50px !important;}
.aleft h2 ,h2.entry-title,.entry-title a,.entry-title{  color:#1A3F92;  font-weight: 700;  margin-top: 30px;}
.aboutbottompart .ngg-gallery-thumbnail { background-color: #fff; border: medium none; margin: 0;}
.categorypage .post-thumbnail { display: none;}
.categorypage .entry-header .entry-meta,.singlepage .entry-header .entry-meta{ display: none;}
.categorypage .page-header { margin-top: 0;}
.categorypage .page-title{ display:none;}
.categorypage .ngg-gallery-thumbnail,.singlepage .ngg-gallery-thumbnail{  margin: 2px;}
.entry-footer { display: none; }
.categorypage,.singlepage{ padding-bottom:30px !important;}
.page-header{ border-bottom:0px !important;}

.aboutbottompart{ padding-top:20px !important;}
.aboutbottompart .slider-right-text h2 { margin-top: 0; }

.ctop ,.cbottom {float:left; width:100%;}
.jx-contact-info { display: block;  width: 100%; }
.jx-contact-info ul {  margin: 0;  padding: 0;}
.jx-contact-info li {  margin: 0;  padding: 0 0 30px;}
.jx-contact-info .icon {   border: 1px solid #f29e00;  border-radius: 50%; color: #f29e00; float: left;  font-size: 30px;  height: 66px; line-height: 62px;  position: absolute;
    text-align: center;  width: 66px;}
.jx-contact-info .item-position {  margin-left: 70px;  padding-left: 9px;     margin-top: 10px;}
.jx-contact-info .title { color: #1a1a1a; font-size: 16px;  font-weight: 500; line-height: 30px; text-align:left;} 
.jx-contact-info .icon:hover { background-color: #f29e00;  border-color: #f29e00;  color: #fff;  transform: rotateX(-7deg) scale(1.09);  -webkit-transform: rotateX(-7deg) scale(1.09);
transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s;}
.contactpage {  padding-bottom: 50px !important; padding-top:20px !important; }
.cbottom { margin-top: 40px;}
.cinleft { float: left; margin-right: 2%; width: 48%;}
.cinleft input { background-color: #f2f2f2; border: 1px solid #fff; margin-top: 5px;  padding: 10px; width: 100%;}
.cright textarea {background-color: #f2f2f2;  border: 1px solid #fff;  height: 150px; margin-top: 5px; padding: 10px;  width: 98%;}
.cright input[type="submit"] {  background-color:#1A3F92;  border: medium none;  color: #fff;  font-size: 16px; padding: 10px; transition: all 0.2s ease 0s;
 width: 100px; text-transform:uppercase; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;  -ms-transition: all 0.3s linear 0s;  -o-transition: all 0.3s linear 0s;  transition: all 0.3s linear 0s;}
 .cright input[type="submit"]:hover{ background:#000; }
.cright label { display: block;  margin-bottom: 10px;}
.cleft a {  color: #22b14c;  font-weight: 600;}

.wpcf7-mail-sent-ok{ text-align: center;  margin: 0px !important;  float:left; width:100%;  }
.wpcf7-not-valid-tip { float: left; width: 100%; margin-bottom: 10px;}
.wpcf7-validation-errors { text-align: center; margin: 0px !important; float:left; width:100%; }

.errorpage{ text-align:center; padding-bottom:30px !important;}
.searchpage{ padding-bottom:30px !important; }

.quoteform label{ float:left; width:100%; }
.quoteform-row { float: left; width: 100%; margin-bottom:20px; }
.quoteform textarea { background-color: #f2f2f2; border: 1px solid #fff; height: 150px; margin-top: 5px; padding: 10px; width: 98%; }
.quoteform input[type="submit"]{ background-color: #1a3f92; border: medium none; color: #fff; font-size: 16px; padding: 10px; text-transform: uppercase;
 transition: all 0.3s linear 0s; width: 100px; }
.quoteform-checkbox{ float:left; width:100%;}
.quoteform-checkbox label{ width:auto;}
.quoteform-checkbox .wpcf7-list-item{ margin-left:0px; margin-right:20px; }
.quoteform-checkbox input[type=radio]{ width:auto; }

.innersocial { display: none; }
.mobileslider{ display:none;}


@media only screen and (max-width:1000px){
.mobileslider{ display:block;}
.desktopslider{ display:none;}
.leftpart-in{ width:100%; height:auto;}
.leftpart { float: left !important; padding: 0 !important; width: 100% !important; }

}

@media only screen and (max-width:767px){
.hmenu { display: none; }	
.container{ width:96% !important; }
.logo{ width: 100%; }
.sitemenu-right{ margin-top: 0; text-align: center; }
.sitemenu-right ul { display: inline-block; float: none; }
.callnumber-in { margin-top: 10px; }
.about-left { text-align: center; }
.about-left-img{ display:inline-block; width:280px; margin-bottom:20px; }
.about-right-text{ margin-top: 20px; }
.about-right-text h2{ font-size: 19px; }
.fencing-left { float: none !important;  min-height: auto;  width: 280px !important;  display: inline-block; }
.fencing-row { float: left; margin-bottom: 50px; text-align: center; width: 100%; }
.maintitle-my h1 a{ font-size:20px; }
.buy-subtitle p { font-size: 18px; margin-top: 30px; }
.buyleft-text{ position:unset;  padding: 15px; margin-bottom:30px; width:100%;  }
.buyleft-text ul li a{ text-align:left; font-size:12px; padding: 10px 15px;} 
.buyquality-left:hover .buyleft-text li a{text-align:left;  font-size:12px; padding: 10px 15px;}
.fmid-left a{ font-size:16px; }
.fmid-mid{ float: left; padding-left: 0 !important; width: 100%; }
.fmid-left { float: left; margin-bottom: 20px; margin-top: 20px; width: 100%; }
.maintitle-my h1 a{ padding: 14px 30px; }
.buyquality .maintitle-my h1 a{ padding: 25px 30px; }
.buyquality .maintitle-in{top: -70px;}
.buyleft-img-in { overflow: hidden; }
.buyquality-left{ width:300px; float:none; display:inline-block;}
.buyquality-row{ text-align:center;}
.buyleft-text ul{ padding:10px;}

.categorypage .content-area .entry-content{ text-align:center;}
.entry-content .ngg-galleryoverview{ display:inline-block !important; width:100% !important; float:none !important;}
.entry-content .ngg-gallery-thumbnail-box {
    float: left;
    max-width: 50% !important;
}
.entry-content br {
    clear: none !important;
}
.aleft h2, h2.entry-title, .entry-title a, .entry-title{ text-align:center;}

.aleft, .aimg{ padding-right:0px !important; }
.aimg { margin-bottom: 20px; text-align: center; }
.slider-right-text {
    float: left;
    text-align: center;
    width: 100%;
}
.aboutbottompart .slider-right-text h2{ font-size:25px; }
.aleft {
    padding: 0 15px !important;
}
.slider-right-text h3 {
    font-size: 18px;
}
.slider-right-text h2 {
    font-size: 22px;
}
.quoteform label {
    float: left;
    text-align: left;
    width: 100%;
}

}
@media only screen and (min-width:768px) and (max-width:1199px){
.container{ width:96% !important; }	
.logopart,.hleftmid{ width: 33.33% !important; }
.logo p{ font-size:15px; }
.menupart{ float:left; width:100%;}
.fencing-row{ text-align:center; }
.fencing-text h4 { font-size: 17px; }

.buy-subtitle p { font-size: 18px; margin-top: 30px; }
.buyleft-text{  padding: 15px; margin-bottom:30px; }
.buyleft-text ul li a{ font-size:12px; padding: 10px 15px;} 
.buyquality-left:hover .buyleft-text li a{ font-size:12px; padding: 10px 15px;}

.fmid-left a{ font-size:14px; }
.fmid-mid{ padding-left:0px !important;}
.fmid-right .sitemenu-right a{ font-size:12px;}
.ftop-row h1{ font-size:20px;}

.ngg-gallery-thumbnail-box{ width:33.33% !important;}
.discription {
    word-wrap: break-word;
}
.aleft .wpcf7 {
    text-align: left;
}
}
@media only screen and (min-width:768px) and (max-width:1000px){
.fencing-left{ display: inline-block; float: none; min-height: 180px; width: 245px; }
}
@media only screen and (min-width:1001px) and (max-width:1199px){
.fencing-left{ display: inline-block; float: none; min-height: 200px; }
}