* {

    margin:0;

    padding:0;   

    font-family: "ff-dax-web-pro", "arial";

    outline:none !important;

}



html, body {

    -webkit-backface-visibility: hidden;

}



/*

//

// WRITTEN BY MARK MORRIS

//

// BOOTSTRAP 5 COLUMNS (5x2.4=12)

//

*/

.col-xs-2-4,

.col-sm-2-4,

.col-md-2-4,

.col-lg-2-4 {

    position: relative;

    min-height: 1px;

    padding-right: 5px;

    padding-left: 5px;

}

.col-xs-2-4 {

    width: 20%;

    float: left;

}

@media (min-width: 768px) {

	.col-sm-2-4 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 992px) {

    .col-md-2-4 {

        width: 20%;

        float: left;

    }

}

@media (min-width: 1200px) {

    .col-lg-2-4 {

        width: 20%;

        float: left;

    }

}

/* END */





.slide360-box {

    line-height:70px;

    border:1px solid #666;

    text-align:center;

    margin-bottom:25px;

    display:block;

    padding:10px;

}

.slide360-box p {

    margin: 0;

    font-size:20px;

    color:#808285;

}

.slide360-box p a {

    color: #666;

    text-transform: uppercase;

}

.slide360-box p a:hover {

    cursor: pointer;

    text-decoration: none;

}





.form-horizontal .control-label { text-align:left; font-size:18px; }



.col-xs-14 { width:12.5%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; }

.col-xs-20 { width:20%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; text-align:center;}



.col-xs-60 { width:60%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; }

.col-xs-40 { width:40%; float: left; min-height: 1px; padding-left: 5px; padding-right: 5px; position: relative; }



.standard-url { color:#000; }



a:hover .standard-url { text-decoration:underline; }





sup{

 position: relative;

    font-size: 40%;

    line-height: 0;

    vertical-align: baseline;

    top: -1em;

}



/* IAN BG_COLORS */

.bg-color-blue { background-color:#63C9D3; }

.bg-color-green { background-color:#A3D6B3; }

.bg-color-yellow { background-color:#D5E490; }







a:hover {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8 !important;	

}

a img:hover { 

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

	-moz-opacity: 0.8;

	-khtml-opacity: 0.8;

	opacity: 0.8 !important;	

}



.container { width:1070px !important; }

.relative { position: relative; }



/* FONT COLORS */

.color.color-grey { color:#404041; }



/* ##### TOP NAVIGATION ##### */

#topnav { background-color:#313131; border-bottom:0px solid; position:relative; }

#topnav > div > ul { float:right; margin:0; }

#topnav > div > ul > li { 

    display: table;

    float:left;

    height:75px;

    width:70px;

    text-align:center;

    line-height:16px;

    padding:0 12px;

}







body.nav-item-2 #topnav ul li.nav-item-2, 

body #topnav ul li.nav-item-2 > div, 

body #topnav ul li.nav-item-2:hover, 

body.bar-color-2 #topnav { border-width:5px; border-color:#fff200; }



body.nav-item-force-blue #topnav ul li.nav-item-2 { border-width:5px; border-color:#00aeef !important; }



body.nav-item-1 #topnav ul li.nav-item-1, 

body #topnav ul li.nav-item-1 > div, 

body #topnav ul li.nav-item-1:hover, 

body.bar-color-1 #topnav { border-width:5px; border-color:#fff200; }



body.nav-item-2 #topnav ul li.nav-item-2, 

body #topnav ul li.nav-item-2 > div, 

body #topnav ul li.nav-item-2:hover, 

body.bar-color-2 #topnav { border-width:5px; border-color:#fff200; }



body.nav-item-3 #topnav ul li.nav-item-3, 

body #topnav ul li.nav-item-3 > div, 

body #topnav ul li.nav-item-3:hover, 

body.bar-color-3 #topnav { border-width:5px; border-color:#c8dd69; }



body.nav-item-4 #topnav ul li.nav-item-4, 

body #topnav ul li.nav-item-4 > div, 

body #topnav ul li.nav-item-4:hover, 

body.bar-color-4 #topnav { border-width:5px; border-color:#c8dd69; }



body.nav-item-5 #topnav ul li.nav-item-5, 

body #topnav ul li.nav-item-5 > div, 

body #topnav ul li.nav-item-5:hover, 

body.bar-color-5 #topnav { border-width:5px; border-color:#82ca9c; }



body.nav-item-6 #topnav ul li.nav-item-6, 

body #topnav ul li.nav-item-6 > div, 

body #topnav ul li.nav-item-6:hover, 

body.bar-color-6 #topnav { border-width:5px; border-color:#01bac6; }



body.nav-item-7 #topnav ul li.nav-item-7, 

body #topnav ul li.nav-item-7 > div, 

body #topnav ul li.nav-item-7:hover, 

body.bar-color-7 #topnav { border-width:5px; border-color:#01bac6; }



body.nav-item-8 #topnav ul li.nav-item-8, 

body #topnav ul li.nav-item-8 > div, 

body #topnav ul li.nav-item-8:hover, 

body.bar-color-8 #topnav { border-width:5px; border-color:#00aeef; }

body.nav-item-9 #topnav ul li.nav-item-9, 

body #topnav ul li.nav-item-9 > div, 

body #topnav ul li.nav-item-9:hover, 

body.bar-color-9 #topnav { border-width:5px; border-color:#00aeef; }



#topnav > div > ul > li > a { 

    display: table-cell;

    vertical-align: middle;

    color:#fff;

    font-size:13px;

}

#topnav > div > ul > li.box { padding:0; margin:0 4px; }

#topnav > div > ul > li.box span { background-color:#cbde73; display:block; padding:7px 9px 5px; color:#414142; }

#topnav > div > ul > li.box.left span { text-align:left; }

#topnav > div > ul > li.box.grey span { background-color:#656769; color:#fff; }

#topnav > div > ul > li.box span .fa { font-size:24px; line-height:15px; color:#909192; }

#topnav > div > ul > li { border-bottom:5px solid; }

#topnav > div > ul > li a { padding-top:5px; }

#topnav > div > ul > li > a:hover { text-decoration:none; }





.brand-text { height:50px; display:table; margin-top:-95px; text-align:center; width:100%; padding:0 5px; }

a .brand-text p { display: table-cell; vertical-align: middle; font-size:13px; color:#333333; }



.brand-text.small { margin-top:-60px; }

a .brand-text.small p { font-size:10px !important; line-height:11px; }



.brand-text.small2 { margin-top:-45px; }

a .brand-text.small2 p { font-size:12px !important; line-height:12px; }



/**************/

/* CONTACT US */

/**************/

#contact-us h1 { font-size:56px; margin-top:30px; line-height:58px; margin-bottom:20px }

#contact-us h1 strong { font-size:52px; }



#contact-us h2.contact-box-header { line-height:55px; background-color:#00aeef; margin:30px 0 0; color:#fff; padding:0 0 0 20px; font-size:24px; }

#contact-us .contact-box { background-color:#ffffff; padding:15px 15px 10px 20px; font-size:14px !important; height:334px; }

#contact-us .contact-box p { font-size:17px !important; line-height:22px;}

#contact-us .contact-box p strong { font-size:17px !important; }



#contact-us .contact-box2 { background-color:#ffffff; padding:20px 20px 10px 20px; font-size:22px !important; margin:30px 0 20px; }

#contact-us .contact-box2 p { font-size:17px !important; line-height:22px;}

#contact-us .contact-box2 p strong { font-size:17px !important; }



#contact-us p.sub-header  { font-size:26px !important; line-height:28px !important; margin-bottom:20px; }

#contact-us .main p { font-size:18px; line-height:19px; margin-bottom:20px; }

#contact-us .main p strong { font-size:18px; line-height:19px ; }



#contact-us .form-horizontal .form-control { border-radius:0 !important; height:28px; }

#contact-us .form-horizontal .control-label { padding-top:0; } 

#contact-us .form-horizontal .form-group { margin-bottom:10px; }

#contact-us .form-horizontal textarea.form-control { height:auto !important; }

#contact-us .icon-block {  }

#contact-us .icon-block p { font-size:20px; margin-top:8px; line-height:24px; }

#contact-us .icon-block p strong { font-size:inherit !important; }

#contact-us .icon-block p a { font-size:inherit !important; color:inherit !important; }



#group-sites { background-color:#d4d5d7; display:none; padding:30px 0 30px; position:relative; }

#group-sites .header { float:left; }

#group-sites .header h2 { font-size:24px; }

#group-sites .header img { float:none; margin:0; }

#group-sites img { float:left; margin-left:5px; margin-bottom:8px; }

#group-sites img.margin { margin-top:18px; }



/* ##### TOP NAVIGATION DROP DOWNS ##### */



#topnav ul li > div { display: none; background:url(../_images/trans80.png); height: 472px; position: absolute; width:100%; z-index: 999; left: 0px; top: 75px; text-align: left; border-top: solid 5px; padding: 20px 0; }





/* ##### CONTENT ##### */



.bg-primary { background-color:#ebeced !important;  }

.bg-contactmap { background:url(../_images/contact-bg.png) center center; height:467px; }

.bg-map { background-color:#e9f8fd; height:685px; }

.bg-map2 { background-color:#e9f8fd; height:750px; }



.bg-product-blue { background-color:#769aa4; }

.col-bg { background-color:#d9dbdc; }

.col-300 { }



/* FONT SIZES */





/* DEFAULT STYLES */

.content { margin-top:35px; padding-bottom:20px; }

.content .font-size-14 { font-size:14px; line-height:18px; }

.content .font-size-16 { font-size:16px; line-height:22px; }

.content .font-size-18 { font-size:18px; line-height:22px; }

.content .font-size-20 { font-size:18px; line-height:26px; }

.content .font-size-22 { font-size:18px; line-height:22px; }

.content .font-size-32 { font-size:42px; line-height:36px; }

.content .grey { color:#404041; }

.content .lightgrey { color:#808285; }

.content .turquoise { color:#769aa4; }



/* PRODUCT PAGE STYLES */

#product-page .content p { margin-bottom:20px; }

#product-page .content h2 { margin-bottom:20px; }

#product-page .content h2.two-line span { display:block; }



/* CONTRACTORS FAVOURITE */

#contractors-favourite .content h2 { margin-top:20px; }

#contractors-favourite .content .main-image { margin-bottom:20px; }

#contractors-favourite .content .tagline { font-size:28px; font-weight:300; }



/* ##### FOOTER ##### */

#footer { background-color:#3b3a3c; padding:35px 0; }

#footer p.copyright { color:#ccc; margin:0 0 20px 0; font-size:13px; }

#footer p.copyright strong { color:#fff; }

#footer ul.footer-links li:last-child:after { clear:both; }

#footer ul.footer-links { list-style:none; clear:both; margin-left:-5px; margin-top:-14px; }

#footer ul.footer-links li { float:left; padding:0 5px; }

#footer ul.footer-links li a { padding:0 !important; margin:0 !important; display:inline-block; color:#ccc; }

#footer ul.footer-links li:first-child { padding-left:0 !important;}

#footer ul.footer-links li:first-child:before { content: ""; padding-left:0 !important;}

#footer ul.footer-links li:before { content: "| "; color:#fff; margin-right:5px; }

.footer-col-1, .footer-col-2 { float:right; }

.footer-col-1 h5, .footer-col-2 h5 { margin:0 0 10px 0; color:#fff; font-size:16px; font-weight:400 !important; }

.footer-col-1 { margin-right:50px; }





ul.social { list-style:none; }

ul.social li { float:left; margin-left:8px; }

ul.social li:first-child { margin-left:0; }



.si { align-content:flex-start }



.row-xpad { margin-left:-10px; margin-right:-10px; }

.col-xpad { padding-right:10px; padding-left:10px; }



.row-xxpad { margin-left:-16px; margin-right:-16px; }

.col-xxpad { padding-right:16px; padding-left:16px; }



#mapwrapper

{

	margin:20px auto 0;

	padding:0px 0;

	min-width:220px;

	position: relative;

}

#mapwrapper svg {

  max-height:100%;

}







#mapwrapper .unselectable {

	-moz-user-select:none;

	-webkit-user-select:none;

}

 .tip{

	 background: url(../_images/mapicon.png);

	display:none;

	font-size: 13px;

	padding-left: 4px;

	line-height: 25px;

	color:#3C3C3B;

	font-weight: bold;

	z-index:9;

	width: 75px;

	height:39px;

	position:absolute;

}

.tip span { color: #ffffff; float:right; width: 26px; text-align:center; margin-right: 13px; }



.tabbed {}

.tabbed > ul { position:absolute; width: 275px; list-style: none; margin: 0px; left:0; top:0;}

.tabbed > ul > li { margin: 0 0 10px 0; list-style: none; }

.tabbed > ul > li a { display: block; padding: 2px 10px 0; line-height: 40px; width: 170px; filter: alpha(opacity=80);	opacity: 0.8; background: #ffffff; color: #000; font-size: 12px;  }

.tabbed > ul > li a:hover {text-decoration:none;}

.tabbed > ul > li.active a { width: 270px; alpha(opacity=100);	opacity: 1; }

.tabbed > ul > li:hover a { alpha(opacity=100);	opacity: 1; }

.tabbed > div { position: absolute; height: 430px; right: 0; width: 890px;  background: #ffffff; display: none; padding: 30px; }

.tabbed > div.active { display: block !important;}

.tabbed > div h2 { margin:0 0 10px 0 !important; padding:0; font-size:30px !important; }

.tabbed > div p { margin:0 0 20px 0 !important; padding:0; text-transform:uppercase; font-size:12px; }

.tabbed > div a.url { margin:15px 0 0 20px !important; padding:0; color:#000; text-transform:uppercase; font-size:12px; font-weight:700; }

.tabbed > div img { margin:0 0 20px !important; }

.tabbed > div .nav-icon { margin:-10px 0 0 !important; }

.tabbed > div .grey-url { display:block; background-color:#f6f6f6; margin:-20px 0 0; padding:15px 30px !important; color:#000; text-transform:uppercase; font-size:12px; font-weight:700; }



/* GENERIC WIDE STYLES */

.col h2 { margin:0; line-height:35px; font-size:28px; }





.wide1 a, .wide2 a, .wide3 a, .wide4 a  { text-decoration:none; }



.wide1 { margin-left:-5px; margin-right:-5px;  }

.wide1 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide1 .col1 { width:317px; float:left;  }

.wide1 .col2 { width:437px; float:left;  }

.wide1 .col3 { width:312px; float:left;  }

.wide1 .col.inner { padding:10px 15px !important; }



.wide2 { margin-left:-5px; margin-right:-5px;  }

.wide2 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide2 .col1 { width:465px; float:left;  }

.wide2 .col2 { width:302px; float:left;  }

.wide2 .col3 { width:302px; float:left;  }

.wide2 .col.inner { padding:10px 15px !important; }



.wide3 { margin-left:-5px; margin-right:-5px;  }

.wide3 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide3 .col1 { width:317px; float:left;  }

.wide3 .col2 { width:437px; float:left;  }

.wide3 .col3 { width:312px; float:left;  }

.wide3 .col.inner { padding:10px 15px !important; }



.wide4 { margin-left:-5px; margin-right:-5px;  }

.wide4 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide4 .col1 { width:317px; float:left;  }

.wide4 .col2 { width:437px; float:left;  }

.wide4 .col3 { width:312px; float:left;  }

.wide4 .col.inner { padding:10px 15px !important; }



.wide5 { margin-left:2px; margin-right:-3px;  }

.wide5 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide5 .col1 { width:1056px; float:left;  }

.wide5 .col.inner { padding:10px 15px !important; }



.wide6 { margin-left:-5px; margin-right:-5px;  }

.wide6 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide6 .col1 { width:535px; float:left;  }

.wide6 .col2 { width:535px; float:left;  }

.wide6 .col.inner { padding:10px 15px !important;  }



.wide7 { margin-left:-5px; margin-right:-5px;  }

.wide7 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide7 .col1 { width:359px; float:left;  }

.wide7 .col2 { width:359px; float:left;  }

.wide7 .col3 { width:352px; float:left;  }

.wide7 .col.inner { padding:10px 15px !important;  }





.wide8 { margin-left:-5px; margin-right:-5px;  }

.wide8 .col { padding:5px; min-height:1px; position:relative; float:left; width:100&; }

.wide8 .col1 { width:535px; float:left;  }

.wide8 .col2 { width:535px; float:left;  }

.wide8 .col.inner { padding:10px 15px !important;  }













#post_block { margin-top:20px; margin-bottom:40px;}



#post_block h2.block-head.color1 { background-color:#63c9d3; }

#post_block h2.block-head.color2 { background-color:#a3d6b3; }

#post_block h2.block-head.color3 { background-color:#d5e490; }





#post_block a.color1 { color:#63c9d3; }

#post_block a.color2 { color:#a3d6b3; }

#post_block a.color3 { color:#a7bc46; }



h2.block-head { display:block; line-height:40px; padding:5px 14px; color:#4d5450; margin:0; font-size:22px; }

#post_block .content { background-color:#dadbdc; padding:20px; color:#4d5450; margin:0; }

#post_block h3 { font-size:16px; font-weight:700; height:35px; }

#post_block p { font-size:15px; font-weight:400; height:41px; overflow:hidden; }

#post_block a { font-size:15px; font-weight:700; color:#4E4E4E; }



#news_block { height:435px; background-color:#D3D3D3; overflow:auto; padding:10px 20px; }

#news_block .news_section { background-color:#fff; padding:10px; margin-bottom:10px; }

#news_block .title { display:block; background-color:#c8dd69; padding:5px 10px; font-size:16px; text-transform:uppercase; }

#news_block .wysiwyg { color:#000 !important; }

#news_block .news_section .col-xs-9 p.wysiwyg { margin:0 !important; }



.wide1 .aquip66 { background-image:url('../_images/aquip66.jpg'); color:#404041; }

.wide1 .aquip66 .title { font-size:43px; position:absolute; top:230px; }

.wide1 .aquip66 .title strong { font-size:inherit; font-weight:bold; }

.wide1 .aquip66 .text { text-transform:uppercase; position:absolute; top:286px; line-height:15px; font-size:12px; }

.wide1 .aquip66 .link { position:absolute; top:324px; font-size:12px; }



.wide3 .aquip662 { background-image:url('../_images/aquip66_2.jpg'); color:#404041; }

.wide3 .aquip662 .title { font-size:43px; position:absolute; top:290px; }

.wide3 .aquip662 .title strong { font-size:inherit; font-weight:bold; }

.wide3 .aquip662 .text { text-transform:uppercase; position:absolute; top:350px; line-height:15px; font-size:12px; }

.wide3 .aquip662 .link { position:absolute; top:384px; font-size:12px; }



.wide3 .mena_slide { background-image:url('../_images/menaslide.jpg'); color:#404041; }

.wide3 .mena_slide .title { font-size:35px; position:absolute; top:250px; color: white; }

.wide3 .mena_slide .title strong { font-size:inherit; font-weight:bold; color: white; }

.wide3 .mena_slide .text { text-transform:uppercase; position:absolute; top:300px; line-height:15px; font-size:12px; color: white; }

.wide3 .mena_slide .link { position:absolute; top:384px; font-size:12px; color: white; }



.wide3 .mode_slide { background-image:url('../_images/click_slide.png'); color:#404041; }

.wide3 .mode_slide .title { font-size:36px; position:absolute; top:43px; line-height:36px;  }

.wide3 .mode_slide .text { position:absolute; top:117px; line-height:15px; font-size:12px; }

.wide3 .mode_slide .link { position:absolute; top:165px; font-size:12px; }



.wide1 .definity { background-image:url('../_images/definity.jpg'); color:#404041; }

.wide1 .definity .title { font-size:32px; position:absolute; top:45px; line-height:26px; font-weight:700; }

.wide1 .definity .text { position:absolute; top:108px; line-height:15px; font-size:12px; }

.wide1 .definity .link { position:absolute; top:155px; font-size:12px; }



.wide1 .newmedia { background-image:url('../_images/newmedia.jpg'); color:#ffffff; }

.wide1 .newmedia .title { font-size:20px; color:#ffffff; position:absolute; top:75px; line-height:22px; font-weight:700; }

.wide1 .newmedia .link { position:absolute; top:155px; color:#fff; font-size:12px; }



.wide1 .jbplus { background-image:url('../_images/jbplus.jpg'); color:#404041; }

.wide1 .jbplus .title { font-size:34px; margin:0; font-weight:700; }

.wide1 .jbplus .text { font-size:12px; }

.wide1 .jbplus .link { position:absolute; bottom:5px; right:10px; font-size:12px; }



.wide3 .ovia_led_slide { background-image:url('../_images/ovia_led_slide.jpg'); color:#404041; }

.wide3 .ovia_led_slide .title { position:absolute; top:55px; font-size:36px; margin:0;  line-height:36px; }

.wide3 .ovia_led_slide .text { position:absolute; top:140px; font-size:12px; }

.wide3 .ovia_led_slide .link { position:absolute; bottom:5px; left:20px; font-size:12px; }



.wide1 .inceptor { background-image:url('../_images/inceptor.jpg'); color:#404041; }

.wide1 .inceptor .title { font-size:34px; position:absolute; top:264px; font-weight:700; line-height:30px; }

.wide1 .inceptor .text { position:absolute; top:340px; font-size:12px; }

.wide1 .inceptor .link { position:absolute; bottom:5px; font-size:12px; }



.wide3 .mode_locate { background-image:url('../_images/mode_locate_slide.jpg'); color:#404041; }

.wide3 .mode_locate .title { font-size:34px; position:absolute; top:310px; font-weight:700; line-height:30px; }

.wide3 .mode_locate .text { position:absolute; top:345px; font-size:12px; line-height:15px; }

.wide3 .mode_locate .link { position:absolute; bottom:5px; font-size:12px; }







.wide2 .slide1 { background-image:url('../_images/small_slide/wide2/1.png'); color:#404041; }

.wide2 .slide1 .title { font-size:34px; position:absolute; top:310px; font-weight:400; line-height:38px; }

.wide2 .slide1 .link { position:absolute; bottom:5px; font-size:12px; }



.wide2 .slide2 { background-image:url('../_images/small_slide/wide2/2.png'); color:#404041; }

.wide2 .slide2 .title { font-size:34px; position:absolute; top:310px; font-weight:400; line-height:38px; }

.wide2 .slide2 .link { position:absolute; bottom:5px; font-size:12px; }



.wide2 .slide3 { background-image:url('../_images/small_slide/wide2/3.png'); color:#404041; }

.wide2 .slide3 .title { font-size:30px; position:absolute; top:278px; font-weight:400; line-height:36px; }

.wide2 .slide3 .link { position:absolute; bottom:5px; font-size:12px; }











.wide5 .deco_plus { background-image:url('../_images/deco_plus_signpost.png'); color:#fff; }

.wide5 .deco_plus .title { font-size:35px; position:absolute; top:300px; line-height:36px;  }

.wide5 .deco_plus .text { position:absolute; top:340px; line-height:18px; font-size:16px; }

.wide5 .deco_plus .link { position:absolute; top:380px; font-size:12px; }





.wide6 .gridpro { background-image:url('../_images/gridpro_button.png'); color:#404041; }

.wide6 .gridpro .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide6 .gridpro .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide6 .gridpro .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }



.wide8 .picofg { background-image:url('../_images/picofg_button.png'); color:#404041; }

.wide8 .picofg .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide8 .picofg .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide8 .picofg .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }





.wide8 .dimmer { background-image:url('../_images/clickdimmer_button.png'); color:#404041; }

.wide8 .dimmer .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide8 .dimmer .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide8 .dimmer .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }









.wide6 .clicksmart { background-image:url('../_images/clicksmart_button.png'); color:#404041; }

.wide6 .clicksmart .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide6 .clicksmart .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide6 .clicksmart .link { position:absolute; bottom:5px; right:10px; font-size:12px; }



.wide6 .omni { background-image:url('../_images/inceptor_omni_button.png'); color:#404041; }

.wide6 .omni .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide6 .omni .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide6 .omni .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }



.wide6 .decoplus { background-image:url('../_images/decoplus_button.png'); color:#fff; }

.wide6 .decoplus .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide6 .decoplus .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide6 .decoplus .link { position:absolute; bottom:5px; right:10px; font-size:12px; }







.wide7 .inceptor_nano { background-image:url('../_images/inceptor_nano_button2.png'); color:#404041; }

.wide7 .inceptor_nano .title { font-size:30px; position:absolute; top:315px; font-weight:400; line-height:38px; }

.wide7 .inceptor_nano .text { position:absolute; top:365px; line-height:18px; font-size:14px; }

.wide7 .inceptor_nano .link { position:absolute; bottom:2px; left:15px; font-size:12px; }



.wide7 .gridpro1 { background-image:url('../_images/gridpro_button2.png'); color:#404041; }

.wide7 .gridpro1 .title { font-size:30px; position:absolute; top:315px; font-weight:400; line-height:38px; }

.wide7 .gridpro1 .text { position:absolute; top:365px; line-height:18px; font-size:16px; }

.wide7 .gridpro1 .link { position:absolute; bottom:2px; left:15px; font-size:12px; }



.wide7 .inceptor_omni1 { background-image:url('../_images/omni_button2.png'); color:#404041; }

.wide7 .inceptor_omni1 .title { font-size:30px; position:absolute; top:320px; font-weight:400; line-height:38px; }

.wide7 .inceptor_omni1 .text { position:absolute; top:362px; line-height:18px; font-size:14px; }

.wide7 .inceptor_omni1 .link { position:absolute; bottom:2px; left:15px; font-size:12px; }













.wide4 .mode_slide { background-image:url('../_images/mode_assisted.png'); color:#404041; }

.wide4 .mode_slide .title { font-size:36px; position:absolute; top:20px; line-height:36px;  }

.wide4 .mode_slide .text { position:absolute; top:98px; line-height:15px; font-size:12px; }

.wide4 .mode_slide .link { position:absolute; top:165px; font-size:12px; }



.wide4 .inceptadj { background-image:url('../_images/smart-wiring.jpg'); color:#404041; }

.wide4 .inceptadj .title { font-size:35px; position:absolute; top:257px; }

.wide4 .inceptadj .title strong { font-size:inherit; font-weight:bold; }

.wide4 .inceptadj .text { text-transform:uppercase; position:absolute; top:307px; line-height:15px; font-size:12px; }

.wide4 .inceptadj .link { position:absolute; top:324px; font-size:12px; }



.wide4 .ovia_led_slide { background-image:url('../_images/click-hotel.jpg'); color:#404041; }

.wide4 .ovia_led_slide .title { position:absolute; top:75px; font-size:36px; margin:0;  line-height:36px; }

.wide4 .ovia_led_slide .text { position:absolute; top:152px; font-size:12px; }

.wide4 .ovia_led_slide .link { position:absolute; bottom:5px; left:20px; font-size:12px; }



.wide4 .mode_locate { background-image:url('../_images/inceptor_evo.jpg'); color:#404041; }

.wide4 .mode_locate .title { font-size:34px; position:absolute; top:290px; font-weight:700; line-height:30px; }

.wide4 .mode_locate .text { position:absolute; top:360px; font-size:12px; line-height:15px; }

.wide4 .mode_locate .link { position:absolute; bottom:5px; font-size:12px; }





.wide3 .oviauk { background-image:url('../_images/ovia-home.jpg'); color:#ffffff; }

.wide3 .oviauk .title { font-size:20px; position:absolute; top:295px; }

.wide3 .oviauk .title strong { font-size:inherit; font-weight:bold; }

.wide3 .oviauk .text { text-transform:uppercase; position:absolute; top:325px; line-height:15px; font-size:12px; }

.wide3 .oviauk .link { position:absolute; top:380px; font-size:12px; }





.wide3 .mode-new { background-image:url('../_images/mode-home.jpg'); color:#404041; }

.wide3 .mode-new .title { font-size:20px; position:absolute; top:300px; }

.wide3 .mode-new .title strong { font-size:inherit; font-weight:bold; }

.wide3 .mode-new .text { text-transform:uppercase; position:absolute; top:340px; line-height:15px; font-size:12px; }

.wide3 .mode-new .link { position:absolute; top:380px; font-size:12px; }



.wide3 .esp { background-image:url('../_images/esp-home.jpg'); color:#404041; }

.wide3 .esp .title { font-size:43px; position:absolute; top:30px; }

.wide3 .esp .title strong { font-size:inherit; font-weight:bold; }

.wide3 .esp .text { text-transform:uppercase; left:325px; position:absolute; top:90px; text-align: right; line-height:15px; font-size:12px; }

.wide3 .esp .link { position:absolute; left:332px; top:150px; text-align: right; font-size:12px; }



.wide3 .mena { background-image:url('../_images/mena-home.jpg'); color:#404041; }

.wide3 .mena .title { position:absolute; top:55px; font-size:36px; margin:0;  line-height:36px; color: white; }

.wide3 .mena .text { position:absolute; top:100px; left:20px; font-size:12px; color: white; }

.wide3 .mena .link { position:absolute; bottom:5px; left:20px; font-size:12px; color: white; }



.wide3 .unicrimp { background-image:url('../_images/UNICRIMP.jpg'); color:#404041; }

.wide3 .unicrimp .title { font-size:34px; position:absolute; top:60px; font-weight:700; line-height:30px; }

.wide3 .unicrimp .text { position:absolute; top:100px; font-size:12px; line-height:15px; }

.wide3 .unicrimp .link { position:absolute; bottom:230px; font-size:12px; }





.wide8 .anti { background-image:url('../_images/anti-micro.png'); color:#ffffff; }

.wide8 .anti .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .anti .text { position:absolute; top:372px; line-height:18px; left:20px; font-size:16px; }

.wide8 .anti .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }



.wide8 .usb-c { background-image:url('../_images/usbc-home.png'); color:#0e0e0e; }

.wide8 .usb-c .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .usb-c  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .usb-c  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }



.wide8 .clicksmart2 { background-image:url('../_images/clicksmart+.png'); color:#ffffff; }

.wide8 .clicksmart2 .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .clicksmart2  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .clicksmart2  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .unicrimp2 { background-image:url('../_images/unicrimpnew.png'); color:#ffffff; }

.wide8 .unicrimp2 .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .unicrimp2  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .unicrimp2  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .mena2 { background-image:url('../_images/menanew.png'); color:#ffffff; }

.wide8 .mena2 .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .mena2  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .mena2  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .aquip2021 { background-image:url('../_images/aquip2021.png'); color:#ffffff; }

.wide8 .aquip2021 .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .aquip2021  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .aquip2021  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .newmode { background-image:url('../_images/new mode.png'); color:#404041; }

.wide8 .newmode .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .newmode  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .newmode  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .virro { background-image:url('../_images/virro.png'); color:#404041; }

.wide8 .virro .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .virro .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .virro .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .seera { background-image:url('../_images/seera_button.png'); color:#404041; }

.wide8 .seera .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide8 .seera .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide8 .seera .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }

.wide8 .T2safety { background-image:url('../_images/T2safety.png'); color:#404041; }

.wide8 .T2safety .title { font-size:34px; position:absolute; top:325px; font-weight:400; line-height:38px; }

.wide8 .T2safety .text { position:absolute; top:372px; line-height:18px; font-size:16px; }

.wide8 .T2safety .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .grey-inserts { background-image:url('../_images/grey-inserts.png'); color:#404041; }

.wide8 .grey-inserts .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .grey-inserts  .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .grey-inserts  .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }


.wide8 .usb-new { background-image:url('../_images/usb-home.png'); color:#404041; }

.wide8 .usb-new .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .usb-new .text { position:absolute; top:372px; line-height:18px; left:20px; font-size:16px; }

.wide8 .usb-new .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }



.wide8 .flow { background-image:url('../_images/fast-fit-flow-button.png'); color:#404041; }

.wide8 .flow .title { font-size:34px; position:absolute; top:325px; left:20px; font-weight:400; line-height:38px; }

.wide8 .flow .text { position:absolute; top:372px; left:20px; line-height:18px; font-size:16px; }

.wide8 .flow .link { position:absolute; bottom:5px; right:10px;; font-size:12px; }



.wide3 .illuminated_switches { background-image:url('../_images/illuminated-switches.png'); color:#404041; }

.wide3 .illuminated_switches .title { font-size:32px; position:absolute; top:300px; }

.wide3 .illuminated_switches .text { position:absolute; top:350px; line-height:15px; font-size:12px; }

.wide3 .illuminated_switches .link { position:absolute; bottom:5px; font-size:12px; }



.wide3 .click_usb { background-image:url('../_images/hotel-accessories.png'); color:#404041; }

.wide3 .click_usb .title { font-size:32px; position:absolute; top:45px; line-height:36px;  }

.wide3 .click_usb .text { position:absolute; top:120px; line-height:15px; font-size:12px; }

.wide3 .click_usb .link { position:absolute; bottom:5px; font-size:12px; }



.wide3 .media_modules { background-image:url('../_images/media-modules.png'); color:#404041; }

.wide3 .media_modules .title { position:absolute; top:55px; font-size:32px; margin:0;  line-height:36px; }

.wide3 .media_modules .text { position:absolute; top:135px; font-size:12px; }

.wide3 .media_modules .link { position:absolute; bottom:5px;  font-size:12px; }



.wide3 .locking_socket { background-image:url('../_images/locking-socket.png'); color:#404041; }

.wide3 .locking_socket .title { font-size:32px; position:absolute; top:310px;  line-height:30px; }

.wide3 .locking_socket .text { position:absolute; top:352px; font-size:12px; line-height:15px; }

.wide3 .locking_socket .link { position:absolute; bottom:5px; font-size:12px; }















/* PRODUCT PAGE GENERIC STYLES */

.sidebar .pdf-box { position:relative; padding:40px 70px 6px; margin-bottom:20px; }

.sidebar .pdf-box .img-main { text-align:center; }

.sidebar .pdf-box2 { position:relative; padding:30px 40px 6px; margin-bottom:20px; }

.sidebar .pdf-box2 .img-main { text-align:center; }

.sidebar .pdf-box .pdf-overlay { position:absolute; left:40px; top:217px; }

.sidebar .pdf-box .pdf-overlay2 { position:absolute; left:40px; top:130px; }

.sidebar .pdf-box .pdf-overlay3 { position:absolute; left:40px; top:165px; }

.sidebar .pdf-box p { margin-top:30px; font-size:18px; color:#464646; }

.sidebar .pdf-box p.center { text-align:center; }



.sidebar .optional-box { padding:30px 30px 12px; margin-bottom:20px; }

.sidebar .optional-box .img-main { text-align:center; margin-bottom:20px; }

.sidebar .optional-box.bg-color1 { background-color:#ffffff; }

.sidebar .optional-box p { color:#464646; }



.sidebar .optional-boxtech { padding:16px 16px 16px 16px;  border-style: solid; border-width: 1px; margin-bottom:20px;  }

.sidebar .optional-boxtech p { color:#464646; }





.sidebar .optional-box2 { padding:0px 0px 0px; margin-bottom:20px; text-align:center; }

.sidebar .optional-box2.bg-color1 { background-color:#ffffff; }



.section { margin-top:30px; }





/********************/

/******* DECO *******/

/********************/



#product-deco .product-list { padding-right:20px; }

#product-deco .product-list .proudct {  }

#product-deco .product-list .product p { text-align:center; }

#product-deco h2 { font-size:46px; }







#video_block { height:467px; background-color:#cdced0; padding-top: 15px; }

#youtube-block .video { margin-bottom:20px; }

#youtube-block .video h2 { background-color:#63c9d3 !important; }

#youtube-block .video p { background-color:#fff; margin:0; font-size:15px !important; padding:15px; color:#000; }

#youtube-block .video a { background-color:#cfcfcf; margin-top:0; display:block; padding:5px 15px; color:#4D5450; text-align:center; font-weight:700; }

#youtube-block .video .play { position:absolute; opacity:.7; top:150px; left:240px; font-size:90px; color:#000; }

#youtube-block .video a:hover .play { color:#E61518; opacity:1; }





#youtube-block .header h1 { background-color:#d1e192; padding:20px; font-size:22px; color:#3f3e30; display:inline-block; margin:0; margin-bottom:10px; } 

#youtube-block .header p.info { background-color:#fff; padding:20px; font-size:20px; color:#3f3e30; display:block; clear:both; margin:0 0 20px 0; } 







#case_block  { height: 467px; padding-top: 35px;

background: url(../_images/casestudies-newsheadbg.jpg) no-repeat center center; 

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; 

 }

#case_block .container { position: relative; }

#case_block .jcarousel {

    position: relative;

    overflow: hidden;

}

#case_block .jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

}

#case_block .jcarousel li {

    float: left;



	margin-right: 15px;

	overflow: hidden;

}



#case_block .jcarousel li a {

	display:block;

	width: 220px;

	color: #fff;

	height: 390px;

	background: #01bac6;

	padding: 15px;

}

#case_block .jcarousel li a:hover { text-decoration: none; }



#case_block .jcarousel li a h1 { font-size: 18px; font-weight:bold; margin:0; height: 65px; line-height: 22px; padding-right:20px; }

#case_block .jcarousel li a img { margin: 15px 0 15px -15px; background: #fff; }



#case_block .jcarousel li a p { line-height:18px; }



#case_block a.jcarousel-prev, #case_block a.jcarousel-next { width: 36px; height: 71px; position: absolute; top: 148px; text-indent:-9999px; background: url(../_images/slidearrows.png) no-repeat; }

#case_block a.jcarousel-prev { left: -50px; background-position: top left; }

#case_block a.jcarousel-next { right: -50px;  background-position: top right; }





#case-studies .content h1 { color:#01bac6; font-size:62px; }

#case-studies .content p { color:#58585a; font-size:20px; }

#case-studies .content .featured-image { position:absolute; top:156px; }



#nav-lighting .nav-image { background-color:#fff; text-align:center; height:260px; }

#nav-lighting .nav-lighting-tabs { list-style:none; }

#nav-lighting .nav-lighting-tabs.bottom { position:absolute; bottom:13px; display:block; width:180px; }

#nav-lighting .nav-lighting-tabs2 li { width:100%; font-size:10.5px; text-transform:uppercase; text-align:right; margin-bottom:2px; background-color:#fff; padding:10px 5px; }

#nav-lighting .nav-lighting-tabs li { width:100%; font-size:10.5px; text-transform:uppercase; text-align:right; margin-bottom:2px; background-color:#fff; padding:4px 5px; }

#nav-lighting .nav-lighting-tabs li.center { text-align:center; }

#nav-lighting .nav-lighting-tabs li a { display:block; width:100%;  margin:0; padding:0; color:#000; }

#nav-lighting .nav-lighting-tabs2 li a { display:block; width:100%;  margin:0; padding:0; color:#000; }

#nav-lighting .nav-lighting-tabs li:last-child { margin:0; }



/* COLLAPSE */



.collapse {

  height: auto;

  width: auto;

}



.collapse.height {

  position: relative;

  height: 0;

  overflow: hidden;

  -webkit-transition: height 0.35s ease;

  -moz-transition: height 0.35s ease;

  -o-transition: height 0.35s ease;

  transition: height 0.35s ease;

}



.collapse.width {

  position: relative;

  width: 0;

  overflow: hidden;

  -webkit-transition: width 0.35s ease;

  -moz-transition: width 0.35s ease;

  -o-transition: width 0.35s ease;

  transition: width 0.35s ease;

}



.collapse.width {

    height: auto;

    -webkit-transition: width 0.35s ease;

    -moz-transition: width 0.35s ease;

    -o-transition: width 0.35s ease;

    transition: width 0.35s ease;

}



.collapse.in.width {

  width: auto;

}



.collapse.in.height {

  height: auto;

}



h3.z-header { border:1px solid #fff !important; }

.z-accordion > .z-section > .z-header > .z-title { 

    background-image:none !important; 

    

}

.z-accordion li.z-section h3.z-header { background-color:#d3d3d3 !important; }

.z-accordion li.z-section:first-child h3.z-header .z-title {

   

}



/* BANNER */

.product-banner .container { position:relative;  }

.product-banner .container h1 { text-align:right; margin-top:362px; font-size:42px; }

.product-banner .container .logo { text-align:right; margin-top:270px; float:right; }

.product-banner .container .image { text-align:right; margin-top:26px; margin-left:-76px; float:left; }

.product-banner .container .image2 { text-align:right; margin-top:0px; margin-left:-76px; float:left; }



.news-bg { background:url('../_images/news-bg.jpg') no-repeat center center; padding:15px 0; }











.news-article {  }

.news-article h1 { font-size:60px; color:#01bac6; margin-top:0; font-weight:400; }

.news-article p { font-size:18px; color:#5f5f61; }





/* EVENT STYILES */

.events-box { background-color:#ffffff; padding:15px; }

.events-box h2 { background-color:#01bac6; padding:12px; margin:0; }



.event_row { clear:both; margin-top:15px; }

.event_row .event_date { float:left; background-color:#01bac6; display:inline-block; padding:12px 18px 2px; text-align:center; font-weight:700; text-transform:uppercase; font-size:24px; line-height:36px; }

.event_row .event_date span { display:block; font-size:42px; }



.event_row .event_info { margin-left:95px; max-width:65%; }

.event_row .event_info h3 { color:#01bac6; margin-top:4px; }

.event_row .event_info p { color:#363636; margin-top:4px; font-size:16px; margin-bottom:0; }





.pdf-download { background-color:#9bdce6; text-align:center; height:410px; margin:0 auto; padding:50px 0 20px; }

.pdf-download img { display:inline-block; margin-bottom:40px; }





/* SCOLMORE SITES */



#scolmore-sites h2 { margin-left:6px; }

#scolmore-sites .block                  { background-color:#fff; margin:0 5px;  }

#scolmore-sites .block p { margin:0; }

#scolmore-sites .block .title           { line-height:42px; padding:0 0 0 15px; background-color:#e4e5e6; font-size:26px; margin:0; }

#scolmore-sites .block.block-one        { background-color:transparent !important; }

#scolmore-sites .block.block-one .title { background-color:transparent !important; padding:0 !important; font-size:22px; }

#scolmore-sites .block .image           { margin:0 !important; width:100%; display:block; }

#scolmore-sites .block .link            { cursor:pointer; line-height:20px; display:block; height:auto; width:100%; margin:0 0 20px; padding:6px 0 2px 10px; background-color:#e4e5e6; width:100%; color:#333;  }

#scolmore-sites .block .title2           { line-height:42px; padding:0 0 0 0px; background-color:#d4d5d7; font-size:18px; margin:0; }





#scolmore-sites .block .link:hover                  { text-decoration:none; background-color:#404041 !important; color:#fff; }  











#homepage .container { position: relative; }

#homepage .jcarousel {

    position: relative;

    overflow: hidden;

}

#homepage .jcarousel ul {

    width: 20000em;

    position: relative;

    list-style: none;

    margin: 0;

    padding: 0;

}

#homepage .jcarousel li {

    float: left;

	margin-right: 15px;

	overflow: hidden;

}

#homepage a.jcarousel-prev, #homepage a.jcarousel-next { 

    width: 36px;

    height: 71px;

    position: absolute;

    top: 212px;

    text-indent:-9999px;

    background: url(../_images/slidearrows.png) no-repeat;

}

#homepage a.jcarousel-prev { left: -50px; background-position: top left; }

#homepage a.jcarousel-next { right: -50px;  background-position: top right; }





.contact-banner p { font-size:18.2px; }



.button22 {

  display: inline-block;

  border-radius: 50px;

  background-color: #eff9fe;

  border: #009FE3;

  border-width: 1px;

  border-style: solid;

  color: #009FE3;

  text-align: center;

  font-size: 20px;

  padding: 10px;

  height: 50px;

  width: 180px;

  transition: all 0.5s;

  cursor: pointer;

  margin: 5px;

}



.button22 span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button22 span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button22:hover span {

  padding-right: 25px;

  

}



.button22:hover span:after {

  opacity: 1;

  right: 0;

  

  

}







#contact-form { padding:40px 0; }

#contact-form .right-side .inner-container { padding:20px; }

#contact-form .right-side .inner-container h2 { margin-top:0 !important; color:#3c3c3b; font-size:24px; line-height:34px; }

#contact-form .right-side .inner-container .number { color:#009fe3; font-size:32px; line-height:24px; }



form.scolmore-style { }

form.scolmore-style .form-control-feedback { color:#fff; }

form.scolmore-style .form-control { border-radius:0; border:none; }

form.scolmore-style .form-control:focus { box-shadow:none; background-color:#00aeef; color:#fff; }



form.scolmore-style select:active { outline-color:#fff !important; outline:none !important; }

form.scolmore-style select:focus { 

	box-shadow:none;

	background-color:#fff !important;

	color:#303030 !important;

	outline-color:#fff !important;

	outline:none !important;

}



form.scolmore-style .has-error .form-control { background-color:#b36d6d; color:#fff; }

form.scolmore-style .has-error .form-control:focus { background-color:#b0d136; }



form.scolmore-style .has-success .form-control { background-color:#cb252b; color:#fff; }

form.scolmore-style .has-success .form-control:focus { background-color:#b0d136; color:#fff; }



/* OVERALL */

form.scolmore-style .form-control::-webkit-input-placeholder { color: #bababa; }

form.scolmore-style .form-control:-moz-placeholder { color: #bababa; opacity: 1; }

form.scolmore-style .form-control::-moz-placeholder { color: #bababa;opacity: 1; }

form.scolmore-style .form-control:-ms-input-placeholder { color: #bababa; }

form.scolmore-style .form-control:focus::-webkit-input-placeholder { color: #fff; }

form.scolmore-style .form-control:focus:-moz-placeholder { color: #fff; opacity: 1; }

form.scolmore-style .form-control:focus::-moz-placeholder { color: #fff;opacity: 1; }

form.scolmore-style .form-control:focus:-ms-input-placeholder { color: #fff; }





form.scolmore-style .control-label { font-size:18px; font-weight:400;  color:#303030; }

form.scolmore-style .help-block { font-size:18px; font-weight:400;  color:#303030; }

form.scolmore-style .checkbox-inline { font-size:15px; color:#303030; margin-top:20px; }

form.scolmore-style input[type="checkbox"] { font-size:22px; height:40px;  width:20px; margin-left:-25px; border-radius:0; }



/* ERROR  */

form.scolmore-style .has-error .form-control::-webkit-input-placeholder { color: #fff; }

form.scolmore-style .has-error .form-control:-moz-placeholder { color: #fff; opacity: 1; }

form.scolmore-style .has-error .form-control::-moz-placeholder { color: #fff;opacity: 1; }

form.scolmore-style .has-error .form-control:-ms-input-placeholder { color: #fff; }



form.scolmore-style .btn-primary { border-radius:0; background-color:#009fe3; border-color:#009fe3; font-size:22px; line-height:28px; }



/* CUSTOM TO PAGE - WARRANTY */

form.scolmore-style.warranty .form-control:focus { box-shadow:none; background-color:#b0d136; color:#fff; }

form.scolmore-style.warranty .form-group { margin-bottom:10px; }



.icon-list { margin-top:40px; }

.icon-list p { font-size:24px; color:#303030; line-height:30px; margin-top:3px; }

.icon-list p a { color:#303030; }

















/* WARRANTY */

.bg-warranty-7 { background:url(../products/inceptor-micro/_images/inceptor-bg.png) center center; height:467px; }

.bg-warranty-5 { background:url(../products/inceptor/_images/inceptor-bg.png) center center; height:467px; }

.bg-warranty-10 { background:url(../products/inceptor/_images/inceptor-bg.png) center center; height:467px; }



.bg-warranty .container h1 { 

	color:#fff;

}







#warranty-page { padding:40px 0; }

#warranty-page h1 { color:#696868; margin-top:0; font-size:72px; line-height:60px; padding:16px 0; }

#warranty-page h1 span { display:block; font-size:32px; }

#warranty-page .warranty-logo { text-align:center; margin-top:-10px; }



#warranty-page .right-side { padding:30px 20px 20px; background-color:#f6f9e9; text-align:center; }

#warranty-page .right-side h2 {  color:#303030; margin-top:0; }

#warranty-page .right-side h3 {  color:#303030; font-size:21px;}

#warranty-page .right-side img { padding:10px 0; }



#warranty-page h2 { color:#b0d136; font-size:26px; margin-top:25px; }

#warranty-page h2 span { color:#646363; }

#warranty-page a.terms { font-size:18px; font-weight:400;  color:#b0d136; text-decoration:underline; cursor:pointer; margin:40px 0; padding-top:40px; }



.btn-warranty { background-color:#b0d136 !important; border-color:#b0d136 !important; }



.btn-deco_plus { background-color:#00aab5 !important; border-color:#00aab5 !important; }









/* Product News */

.z-accordion.crystal.z-bordered, .z-accordion.crystal.z-bordered > .z-section > .z-header, .z-accordion.crystal.z-bordered > .z-section > .z-header > .z-title, .z-accordion.crystal.z-bordered > .z-section > .z-content {

    border-color: #B4B4B4;

    border: none !important;

}





/*



====== Zoom effect ======



*/

.mfp-zoom-in {

    /* start state */

    /* animate in */

    /* animate out */

}

.mfp-zoom-in .mfp-with-anim {

    opacity: 0;

    transition: all 0.2s ease-in-out;

    transform: scale(0.8);

}

.mfp-zoom-in.mfp-bg {

    opacity: 0;

    transition: all 0.3s ease-out;

}

.mfp-zoom-in.mfp-ready .mfp-with-anim {

    opacity: 1;

    transform: scale(1);

}

.mfp-zoom-in.mfp-ready.mfp-bg {

    opacity: 0.8;

}

.mfp-zoom-in.mfp-removing .mfp-with-anim {

    transform: scale(0.8);

    opacity: 0;

}

.mfp-zoom-in.mfp-removing.mfp-bg {

    opacity: 0;

}







/*

for zoom animation

uncomment this part if you haven't added this code anywhere else

*/





.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

  opacity: 0;

  -webkit-backface-visibility: hidden;

  -webkit-transition: all 0.3s ease-out;

  -moz-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.mfp-with-zoom.mfp-ready .mfp-container {

    opacity: 1;

}

.mfp-with-zoom.mfp-ready.mfp-bg {

    opacity: 0.8;

}



.mfp-with-zoom.mfp-removing .mfp-container,

.mfp-with-zoom.mfp-removing.mfp-bg {

  opacity: 0;

}





/**

       * Fade-zoom animation for first dialog

       */



/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {

    opacity: 0;



    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;







    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);

}



/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {

    opacity: 1;



    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {

    -webkit-transform: scale(0.8);

    -moz-transform: scale(0.8);

    -ms-transform: scale(0.8);

    -o-transform: scale(0.8);

    transform: scale(0.8);



    opacity: 0;

}



/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {

    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;

    -moz-transition: opacity 0.3s ease-out;

    -o-transition: opacity 0.3s ease-out;

    transition: opacity 0.3s ease-out;

}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {

    opacity: 0.8;

}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {

    opacity: 0;

}





.col-xs-5ths,

.col-sm-5ths,

.col-md-5ths,

.col-lg-5ths {

    position: relative;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px;

}



.col-xs-5ths {

    width: 20%;

    float: left;

}



@media (min-width: 768px) {

    .col-sm-5ths {

        width: 20%;

        float: left;

    }

}



@media (min-width: 992px) {

    .col-md-5ths {

        width: 20%;

        float: left;

    }

}



@media (min-width: 1200px) {

    .col-lg-5ths {

        width: 20%;

        float: left;

    }

}