@charset "utf-8";

/*==========================================================
	Theme Name: Mechanical 3D Modelling
	Theme URI: http://www.mechanical3dmodelling.com/
	Description: Mechanical 3D Modeling
	Author: Hi-Tech iSolutions LLP
	Author URI: http://www.hitechos.com/
	Version: 1.0
==========================================================*/

/*
font-family: 'Oswald', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/

#myBtn {display: none; /* Hidden by default */position: fixed; /* Fixed/sticky position */bottom: 20px; /* Place the button at the bottom of the page */right: 66px; /* Place the button 30px from the right */  z-index: 99; /* Make sure it does not overlap */cursor: pointer; /* Add a mouse pointer on hover */padding: 5px; /* Some padding */border-radius:5px; /* Rounded corners */background-color:#19b6bc;border:none}
#myBtn:hover {box-shadow: 5px 5px 5px #888888;}

#shr-admin-badge{display:none!important}

.fullwidth,.one-sixth,.wrapper{position:relative}
.aligncenter,.caption-text,.text-center,.tparrows:before,figcaption{text-align:center}
*{margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:auto;text-rendering:optimizeSpeed;text-rendering:optimizeLegibility;text-rendering:geometricPrecision}
article,aside,footer,header,nav,section{display:block}
.clr{clear:both}.fr{float:right}
.clearfix:after { clear:both; display:block; content:''; }

.fl,.one-half,.width50{float:left}
a{text-decoration:none}
a:hover{text-decoration:underline}

.br50p { border-radius:50px; }
.mb30 { margin-bottom: 30px; }
.whitetxt{color:#fff} .border{border:1px solid #ccc;padding:5px;box-sizing:border-box} .green-color{color:#1ab6bc} .bg-lightblue{background-color:#e7eff1}body{font:17px/28px Roboto,sans-serif;color:#363636;background:#fff}p{margin-top:10px}

.wrapper{width:1170px;margin:0 auto}
.fullwidth{width:100%;overflow:hidden}
.container-bg { background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/inner-pattern.jpg) repeat-y  calc(100% - 50% - 35px) 0 #f4f6f7; }
.one-half{width:48.5%;margin-right:3%} .one-half:nth-child(2n){margin-right:0}
.cta-section input[type=email],.cta-section input[type=tel],.cta-section input[type=text],.cta-section textarea{width:100%;background-color:#fff;border:1px solid #ccc;margin-bottom:10px;height:40px;color:#363636;font-family:Roboto,sans-serif;font-size:16px;padding:10px;box-sizing:border-box}
.cta-section textarea{height:100px}
.cta-section input[type=submit]{background:linear-gradient(to bottom,#ec9600 0,#ffaa17 100%) rgba(0,0,0,0);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:22px;font-weight:700;margin-top:0px;padding:7px 30px 9px;text-shadow:0 -1px 1px #6b3900;transition:all .4s ease 0s;border:none}#header,#header .logo,nav{transition:all .3s ease}
.width50{width:50%}
.gutter-off{margin-right:0!important}
.one-fourth,.one-third{margin-right:3%;float:left}
.one-third{width:31.33%}
.third-fourth{width:65%;float:left}
.one-fourth{width:22.75%}
.one-fourth:nth-child(4n){margin-right:0}figcaption{background-color:#e9e9e9;margin-bottom:20px}
.first{margin-left:0%;}
.one-sixth{width:14.95%;float:left;margin-right:1.5%;margin-top:1.5%}#header,.header-strip{position:fixed;width:100%;box-sizing:border-box}
.one-sixth:nth-child(14n),.one-sixth:nth-child(7n){margin-right:0}#topcontrol{right:70px!important}#scrollingDiv{position:fixed;right:0;top:275px;z-index:1}
.header-strip{height:40px;z-index:9;background-color:#152c49;color:#fff;top:0}
.strip-tagline{font-size:14px;line-height:40px;margin-top:0}
.header-strip .wrapper .fr ul li{display:inline-block;padding-left:20px}
.header-strip .wrapper .fr ul li a{color:#fff;font-size:14px;line-height:40px}
.header-strip .wrapper .fr ul li a img{margin-bottom:-4px; margin-left:0px;}
.header-strip .wrapper .fr ul li a:hover{text-decoration:none;color:#ff7741}#header{height:110px;background:#fff;padding:21px 0;z-index:8;top:40px;border-bottom:2px solid #152c49}#header .logo{width:307px;height:66px}
.fixed{height:0!important;overflow:hidden}
.shrink{height:75px!important}
.shrink .logo img{height:37px}
.shrink nav{top:-8px}nav{position:absolute;right:0;top:7px}nav ul{list-style:none}nav ul li{display:inline-block;position:relative;background-image:none;padding-left:0;margin-bottom:0}nav ul li a,nav ul li:hover>ul,nav ul ul li{display:block}nav ul li:last-child a{padding-right:0}
.quote-button{background:#ff7741;border-radius:5px;color:#fff!important;padding-right:14px;transition:background .3s; padding:10px 14px;}
.quote-button:hover{background-color:#000;text-decoration:none;opacity:.7}
.textbox,nav ul ul{background-color:#fff}nav ul li a{display:block;font-size:15px;text-transform:uppercase;color:#363636;padding:9px 15px;font-weight:700}nav ul li a:hover{text-decoration:none;color:#0095da}nav ul ul{position:absolute;left:0;z-index:9;width:250px;display:none}nav ul ul li a{padding:7px 20px;text-transform:capitalize;font-weight:400}nav ul ul a:hover{background-color:#0095da;color:#fff}

.cta,.one-sixth .services,.section{box-sizing:border-box}

.redbutton{font-size:15px;font-weight:500;background-color:#ff7741;font-family:Roboto;text-transform:uppercase;transition:background .3s}
.redbutton:hover{text-decoration:none;background-color:#363636}
.section{max-width:100%;margin:0 auto;padding:40px 0}
.padding-bottom-20{padding-bottom:20px}

.section .heading h1{font-size:46px;font-weight:700;color:#152c49;text-transform:uppercase;line-height:50px;text-align:center; padding-bottom:34px}
.section .heading h1::after {content: ''; height: 1px; background: #19b6bc; width: 300px; position: absolute; margin-top: 65px; left: 38%;}
.section .heading span{font-size:26px;font-weight:400;color:#000;text-align:center;display:block;margin-bottom:10px;text-transform:uppercase}

.section .heading2,.section .heading3,.section .heading4{font-size:46px;font-weight:700;line-height:50px;text-align:center;text-transform:uppercase}
.section .heading2{color:#152c49;padding-bottom:30px}
.section .heading2::after {content: ''; height: 1px; background: #19b6bc; width: 300px; position: absolute; margin-top: 65px; left: 38%;}

.section .heading3{color:#fff;padding-bottom:30px}
.section .heading4{color:#152c49;padding-bottom:10px}
.section .heading3::after,
.section .heading4::after {content: ''; height: 1px; background: #19b6bc; width: 300px; position: absolute; margin-top: 65px; left: calc(50% - 150px);}

.section p.intro-text{color:#000;text-align:center}
.section p .readmore-raquo{font-size:26px;color:#fb7800;font-weight:600;text-decoration:none}
.one-fourth .services a,.one-fourth .services:hover a{font-size:18px;line-height:23px;display:block!important; margin-bottom:30px}
.one-fourth .services{min-height:150px;border:1px solid #ff7741;text-align:center}
.one-fourth .services:hover{border:1px solid #ff7741;background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/pattern.png)!important;height:100%}
.one-fourth .services a{color:#fff;font-weight:400;text-decoration:none;transition:background .9s;height:100%;min-height:80px;padding-top:60px}
.one-fourth .services:hover a{color:#fff;font-weight:400}
.one-fourth .services.mechanical-design.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mechanical-design.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.mechanical-drafting.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mechanical-drafting.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.d-modeling.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/3d-modeling-services.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.sheet-metal.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/sheet-metal-design.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.rapid-prototyping.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/rapid-prototyping.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.reverse-engineering.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/reverse-engineering.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.industrial-equipment.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/industrial-equipment-design.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.pressure-vessel.lazyloaded {background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/pressure-vessel-design.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.heat-exchange{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/heat-exchanger-design.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.febricated-metal{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/febricated-metal.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.fea{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/fea.jpg) center top no-repeat;background-size:cover}
.one-fourth .services.cfd{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/cfd.jpg) center top no-repeat;background-size:cover}
.cta{height:150px;width:100%;background-color:#152c49;padding-top:25px;padding-bottom:30px;margin:35px 0 0}
.cta-headling{font-size:26px;font-weight:400;color:#fff;line-height:26px}
.cta-headling-span{font-size:18px;font-weight:300;color:#FFF;padding-top:15px;display:block}
.case-study .case-study-desc,.case-study .wrapper .section .one-third a .case-study-desc{font-size:17px;color:#000;font-weight:400}
.inner_heading .wrapper ul li,.social-media li{display:inline-block}
.cta-button{position:relative;top:22px}
.case-study-section,.clients-section{background:#ebedee;padding-bottom:40px;margin-top:40px}
.clients-section{background-color:#e9e9e9;padding-bottom:0;margin-top:0}
.case-study{margin-top:20px;border:1px solid #d2d6d7}
.case-study .case-study-img{height:200px;width:365px;box-sizing:border-box;text-align:center}
.case-study .case-study-img img{width:99.99%}
.case-study .case-study-desc{width:364px;min-height:130px;background-color:#f6f6f6;box-sizing:border-box;padding:20px}
.blog-img img,.case-study-inner,.case-study-inner .case-study-img-inner,.case-study-inner img{width:100%;box-sizing:border-box}
.case-study .case-study-desc:hover{background-color:#fefefe}
.case-study .wrapper .section .one-third a:hover .case-study-desc{text-decoration:underline;font-weight:400;color:#262626}
.case-study-inner{border:1px solid #d2d6d7;margin:20px auto 0}
.case-study-inner .case-study-img-inner{text-align:center; line-height:0;}
.case-study-inner img{border:1px solid #000}
.case-study-inner .case-study-desc-inner{width:100%;background-color:#f6f6f6;box-sizing:border-box;padding:20px;color:#041c2f;font-weight:400;font-size:16px}
.case-study-inner a .case-study-desc-inner{box-sizing:border-box}
.case-study-desc-inner:hover{background-color:#e9e9e9}
.case-study-inner a:hover .case-study-desc-inner{color:#041c2f;text-decoration:none}
.blog{background:#152c49;margin-top:50px;box-sizing:border-box}
.blog-img img{border:2px solid #fff}
.blog-title{padding:3%;box-sizing:border-box}
.blog-title a{color:#fff;font-size:18px;line-height:30px;font-weight:400}
.blog-title a:hover{color:#ff7741;font-size:18px;line-height:30px;font-weight:400;text-decoration:underline}#menu li a,.footer-menu li a:hover,.left-cta a,.scroll-down-link,.third-fourth .one-half a:hover{text-decoration:none}
.footer{background-color:#282828;padding:35px 0 50px}
.footer-heading-bg{color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;line-height:50px;margin-bottom:15px; border-bottom:1px solid #0da3ce}
.footer-menu li a,.footer-menu li a:hover,.text-box p{font-size:16px;font-weight:400}
.footer-menu li{list-style:none}
.footer-menu li a{color:#fff;line-height:30px}
.footer-menu li a:hover{color:#00c6ff;line-height:30px}
.icon-box,.social-media li a,.text-box{color:#fff}
.icon-box{height: 20px;width: 20px;position: relative;clear: right;float: left; margin-top: 2px;box-sizing: border-box;}
.text-box{/*padding-left:30px;*/box-sizing:border-box;font-weight:400}
.social-media li{margin-right:5px}
.social-media li a:hover{color:#00c6ff}
.footer-strip,.footer-strip a{color:#fff;font-size:14px}
.footer-strip{height:40px;background-color:#000;border-top:3px solid #fff;line-height:40px}
.scroll-down-link{height:60px;width:80px;margin:0 0 30px -40px;line-height:60px;position:absolute;left:50%;bottom:5%;color:#FFF;text-align:center;font-size:70px;z-index:99;text-shadow:0 0 3px rgba(0,0,0,.4);-webkit-animation:avia_fade_move_down 2s ease-in-out infinite;animation:avia_fade_move_down 2s ease-in-out infinite}#menu .box,.scroll-top{position:fixed;overflow:hidden;text-align:center}@-webkit-keyframes avia_fade_move_down{0%{-webkit-transform:translate(0,-20px);opacity:0}50%{opacity:1}100%{-webkit-transform:translate(0,20px);opacity:0}}@keyframes avia_fade_move_down{0%{transform:translate(0,-20px);opacity:0}50%{opacity:1}100%{transform:translate(0,20px);opacity:0}}
.scroll-top{width:45px;height:45px;bottom:52px;right:80px;z-index:999;color:#ff7741;font-size:30px}
.scroll-top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,rgba(0,0,0,0) 80%)}
.inner_heading{height:160px;box-sizing:border-box;margin-top:134px}
.page-img{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/header.jpg) center top no-repeat}
.inner_heading .inner-heading{color:#fff;padding-top:70px;text-align:right;box-sizing:border-box;font-size:14px}#pagetitle,h1{font-size:36px;font-weight:500}
.inner-heading h1{float:left}#pagetitle{color:#fff;text-transform:uppercase}h1{margin-bottom:30px}h2{font-size:22px;margin-top:15px;font-weight:500;margin-bottom:5px}
.inner_heading .wrapper ul{float:right}
.inner_heading .wrapper ul li a{color:#fff;font-size:14px;text-transform:capitalize}
.content{padding:40px 0}
.content>.wrapper>.one-third{margin-right:0;width:27%}
.content>.wrapper>.third-fourth{margin-right:3%;width:70%}
.left-section{width:96%;padding-left:3%;box-sizing:borde-box}#menu li,.blockquote,.intro-img,.left-cta,.textbox{box-sizing:border-box}
.left-section .sec_heading{background:#152c49;padding:20px;margin-bottom:15px}
.left-section .sec_heading div{font-size:20px;font-weight:600;color:#fff;text-transform:uppercase;border-left:6px solid #ff7841;padding:0 0 0 15px;margin:0}
.left-section ul{margin-left:10px;list-style:none}
.left-section ul li{line-height:40px; transition: padding 0.5s; -webkit-transition: padding 0.5s; }
.left-section ul li:hover { padding: 0 0 0 10px; background: #ebeaf1; }
.left-section ul li a{font-size:16px;color:#222;font-weight:400; background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/right-arrow.png) center right 10px no-repeat; display:block}
.left-section ul li a:hover{font-weight:700;text-decoration:none}
.left-cta{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/inner-left-cta.jpg) left top/cover no-repeat;width:auto;height:185px;margin-left:10px;color:#fff;padding:20px 30px;text-align:center;font-size:22px;font-weight:400}
.left-cta a{font-size:26px;color:#152c49;font-weight:500;text-align:center;padding:6px;border:3px solid #fff;background-color:#b4f1ff;display:block;margin-top:20px;text-transform:uppercase;transition:all .5s}
.left-cta a:hover{background:#152c49;color:#fff}
.hr,.hr1{color:#e9e9e9;margin:20px 0}
.hr{border:1px solid #e9e9e9}
.hr1{border:3px solid #e9e9e9;width:90%}
.blockquote{padding:30px;background:#f4f6f7;border-bottom:4px solid #152c49;font-weight:500;font-size:18px;line-height:28px}
.intro-img{width:100%;margin:30px 0 3px}
.third-fourth h3{font-size:19px;font-weight:700;color:#3a4d6a;line-height:normal;margin-top:15px;margin-bottom:5px}
.third-fourth ul{list-style:disc;margin-left:21px;margin-bottom:10px}
.third-fourth ul li {padding: 3px 0 3px 6px; }
.third-fourth .one-half a{display:inline-block}
.third-fourth .one-half a img{border-bottom:5px solid #152c49;width:100%;margin:0}
.third-fourth .one-half a .case-study-title{border:1px solid #e8e8e8;padding:25px;box-sizing:border-box;margin-top:-7px;vertical-align:text-top;font-size:17px;line-height:25px;color:#152c49;font-weight:500}
.third-fourth .one-half a:hover>.case-study-title{color:#0178cc}
.third-fourth .one-half a:hover img{border-bottom:5px solid #ff7741}
.mobile-show{display:none}
.desktop-show{display:block}#head{margin-top:0}#toggle-nav{display:none}#toggle-nav:checked~.box{opacity:1;display:block}#toggle-nav:checked~.box ul{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#toggle-nav:checked~#toggle-nav-label{background:#fff;color:rgba(0,0,0,.8)}#toggle-nav:checked~.fa-bars:before{content:"\f057"}#menu .box{display:none;opacity:0;width:100%;height:100%;left:0;top:108px;background:rgba(0,0,0,1);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#menu li,#menu li a{display:inline-block}#menu ul.mobile-menu{position:relative;top:2%;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%;margin:0 auto}#menu li{width:90%;border-bottom:1px dotted #FFF;text-align:left;padding-right:2%;margin:0}#menu li a{border-radius:3px;padding:5px 15px;border:1px solid transparent;font-size:16px;color:#fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#menu li a:hover{border-color:#fff}#menu li a i{margin-right:5px;font-size:24px}#toggle-nav-label{color:#002c37;background:rgba(255,255,255,.6);text-align:center;line-height:30px;font-size:16px;display:block;cursor:pointer;position:relative;z-index:500;width:30px;height:30px;border-radius:5px}#menu ul.mobile-menu ul ul{display:none}#menu ul.mobile-menu ul ul.show{display:block}#menu ul.mobile-menu ul ul li{border-bottom:none}#menu ul.mobile-menu ul ul li a{padding:3px 15px}
.textbox{width:100%;height:50px;margin-bottom:20px;color:#000;border:1px solid #ccc;padding:0 10px;font:13px/23px Arial,Helvetica,sans-serif}#contactform input[type=email],#contactform input[type=tel],#contactform input[type=text],#contactform textarea{border:1px solid #cecec8;font-family:Roboto,sans-serif;width:100%;box-sizing:border-box}#contactform input[type=email],#contactform input[type=tel],#contactform input[type=text]{margin-top:15px;height:40px;padding:0 15px;font-size:15px}#contactform textarea{height:100px;margin:20px 0;padding:15px;font-size:15px}#contactform input[type=submit]{background:#ff7741;font-size:15px;text-transform:uppercase;font-weight:500;border-radius:10px;cursor:pointer;color:#000;border:none;padding:10px 25px;font-family:Roboto;transition:background .3s}#contactform input[type=submit]:hover{background-color:#363636}
.sidebarform input[type=email],.sidebarform input[type=tel],.sidebarform input[type=text],.sidebarform textarea{width:100%;background-color:#fff;border:1px solid #ccc;margin-bottom:10px;height:40px;color:#363636;font-family:Roboto,sans-serif;font-size:15px;padding:10px;box-sizing:border-box}
.sidebarform textarea{height:100px}
.sidebarform input[type=submit]{background:#152c49;font-size:16px;text-transform:uppercase;font-weight:500;border-radius:50px;cursor:pointer;color:#fff;border:none;padding:10px 25px;font-family:Roboto;transition:background .3s; width:auto; margin: 0 auto; display: block; }
.sidebarform input[type=submit]:hover{background-color:#363636}#formhead{font-size:24px;font-weight:500;margin-bottom:15px}
.sidebarform #formhead, .sidebarform span.wpcf7-list-item-label, .sidebarform span.wpcf7-quiz-label { color:#000; }
.sidebarform{background-color:#ffffff;border:1px solid #a8a7ab;padding:15px;padding:5px 15px 15px;box-sizing:border-box;color:#fff;margin-bottom:20px}
.sidebarform .sidebar-btn-box { position: relative; padding-top:15px; }
.sidebarform .sidebar-btn-box .ajax-loader { position: absolute; top: calc(50% - 8px); right: 0; }

.sitemap-link-1 ul{list-style:none;margin-left:0}
.sitemap-link-1 ul li{margin-top:10px}
.sitemap-link-1 ul li a{color:#3E3E3E;font-weight:400}
.sitemap-link-1 ul li a b{font-weight:500}
.sitemap-link-1 ul li .fa{margin-left:5px;margin-right:15px;display:inline-block}
.sitemap-link-1 ul li ul li{margin-left:45px;font-size:15px;margin-top:5px}
.sitemap-link-1 ul li ul li .fa{margin-left:5px;margin-right:15px;display:inline-block;font-size:14px;line-height:22px}
.hidebreak,header#head{display:none}

.bars-icon{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/nav.svg) no-repeat center top; display:block; height:35px; width:35px;}
.close-icon{background:url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg) no-repeat center top; display:block; height:35px; width:35px;}

.bg-lightblue .wrapper .section .one-fourth {margin-bottom:30px;}
.bg-lightblue .wrapper .section .one-fourth:nth-child(4n){margin-right:30px;}
.bg-lightblue .wrapper .section .one-fourth:nth-child(5n){margin-right:0px;}
.bg-lightblue .wrapper .section .one-fourth:nth-child(9n){margin-right:0px;}


.third-fourth ul li a{color:#ff7741; font-weight:500}
#topcontrol img{height:40px; width:40px;}

.bannertext {
    font: 55px/75px 'Oswald',sans-serif !important;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 0 #363636;
}

span.wpcf7-list-item{margin-bottom:20px!important;}
span.wpcf7-list-item-label{ position:relative; top:-2px;}
.nodisplay{display:none!important}


@media only screen and (min-width:980px) and (max-width:1169px){.width50,.wrapper{position:relative} .mobile-show{display:none} .desktop-show,.local-scroll{display:block}#scrollingDiv,header#head{display:none} .scroll-top{display:block!important} .scroll-down-link{display:none}nav ul li a{padding:9px} .header{display:block} .wrapper{width:97%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .one-fourth,.one-third{margin-right:3%;position:relative;box-sizing:border-box} .one-third{width:31.33%} .one-fourth{width:22.75%} .one-sixth{position:relative;width:18%;float:left;margin:9px!important} .padding-bottom-20{padding-bottom:0}  #header{height:95px}#header .logo{width:auto}#header .wrapper .logo img{width:200px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .inner_heading .inner-heading{padding-top:30px;text-align:center;} .inner_heading{padding-top:40px;} .bg-lightblue .wrapper .section .one-fourth {width:22%; margin:10px!important} .bg-lightblue .wrapper .section .one-fourth:nth-child(4n){} .one-fourth .services a{min-height:80px;padding-top:50px;} }

@media only screen and (min-width:801px) and (max-width:979px){.width50,.wrapper{position:relative} .mobile-show,header#head{display:block} .desktop-show{display:none} .local-scroll{display:block} #scrollingDiv,nav.desktop-show{display:none} .scroll-top{display:block!important} .scroll-down-link{display:none} nav ul li a{padding:9px} .header-strip,.padding-bottom-20{padding-bottom:0} .header{display:block} .header-strip{height:auto} .wrapper{width:97%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .one-fourth,.one-third{margin-right:3%;box-sizing:border-box;position:relative} .one-third{width:31.33%} .one-fourth{width:22.75%} .one-sixth{position:relative;width:22.5%;float:left;margin:9px!important} .cta .fl,.cta .fr,.inner-heading h1,.inner_heading .wrapper ul{float:none;text-align:center}#topcontrol{right:7px!important} .header-strip .wrapper .fr ul li{padding-left:10px} .header-strip .wrapper .fr ul li a{font-size:22px} .header-strip .mobile-show{position:relative;top:0;margin-right:10px} .mobilelogoimg{width:250px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%} .cta{height:auto;padding:13px 30px 45px} .blog-title{padding:0} .inner_heading .inner-heading{padding-top:0px;text-align:center;} .inner_heading{margin-top:100px} .inner-heading h1{margin-bottom:10px}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .inner_heading{padding-top:40px;} .bg-lightblue .wrapper .section .one-fourth {width:22%; margin:10px!important} .bg-lightblue .wrapper .section .one-fourth:nth-child(4n){} .one-fourth .services a{min-height:80px;padding-top:50px;} }

@media only screen and (min-width:768px) and (max-width:800px){.width50,.wrapper{position:relative} .mobile-show,header#head{display:block} .desktop-show{display:none} .local-scroll{display:block}#scrollingDiv,nav.desktop-show{display:none} .scroll-top{display:block!important} .scroll-down-link{display:none}nav ul li a{padding:9px} .header-strip,.padding-bottom-20{padding-bottom:0} .header{display:block} .header-strip{height:auto} .wrapper{width:97%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .one-fourth,.one-third{margin-right:3%;box-sizing:border-box;position:relative} .one-third{width:31.33%} .one-fourth{width:22.75%} .one-sixth{position:relative;width:22.5%;float:left;margin:9px!important} .cta .fl,.cta .fr,.inner-heading h1,.inner_heading .wrapper ul{float:none;text-align:center}#topcontrol{right:7px!important}  
#header{height:70px;padding:13px 0}#header .logo{width:auto}#header .wrapper .logo img{width:200px}#toggle-nav-label{height:auto;width:auto;padding:3px 6px 6px;font-size:28px;background-color:#07b0b7;color:#fff;margin-right:10px} .header-strip .wrapper .fr ul li{padding-left:10px} .header-strip .wrapper .fr ul li a{font-size:22px} .header-strip .mobile-show{position:relative;top:0;margin-right:10px}.mobilelogoimg{width:250px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%}.cta{height:auto;padding:13px 30px 45px} .blog-title{padding:0} .inner_heading .inner-heading{padding-top:0px;text-align:center;} .inner_heading{margin-top:100px} .inner-heading h1{margin-bottom:10px}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .inner_heading{padding-top:40px;} .section .heading h1, .section .heading2{background:none; padding-bottom:10px; margin-bottom:15px;} .third-fourth br{display:none}#contactform input[type=submit]{margin-top:20px; width:100%} .bg-lightblue .wrapper .section .one-fourth {width:22%; margin:10px!important} .one-fourth .services a{min-height:80px;padding-top:50px;} }

@media only screen and (min-width:640px) and (max-width:767px){.width50,.wrapper{position:relative} .mobile-show,header#head{display:block} .desktop-show{display:none} .local-scroll{display:block}#scrollingDiv,nav.desktop-show{display:none} .scroll-top{display:block!important} .scroll-down-link{display:none}nav ul li a{padding:9px} .header-strip,.padding-bottom-20{padding-bottom:0} .header{display:block} .header-strip{height:auto} .wrapper{width:94%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .one-fourth,.one-third{margin-right:3%;box-sizing:border-box;position:relative} .one-third{width:31.33%} .one-fourth{width:22.75%} .one-sixth{position:relative;width:30.1%;float:left;margin:9px!important} #topcontrol{right:7px!important} .blog .one-half{width:100%;float:none;margin:0 0 30px} #header{height:70px;padding:13px 0}#header .logo{width:auto}#header .wrapper .logo img{width:200px}#toggle-nav-label{height:auto;width:auto;padding:3px 6px 6px;font-size:28px;background-color:#07b0b7;color:#fff;margin-right:10px} .header-strip .wrapper .fr ul li{padding-left:10px} .header-strip .wrapper .fr ul li a{font-size:22px} .header-strip .mobile-show{position:relative;top:0;margin-right:10px} .mobilelogoimg{width:250px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%} .cta{height:auto;padding:13px 30px 45px} .cta .fl,.cta .fr{float:none;text-align:center} .blog-title{padding:0} .section .heading h1,.section .heading2,.section .heading3,.section .heading4{font-size:37px;} .cta-headling{line-height:normal} .inner_heading .inner-heading{padding-top:0px;text-align:center;} .inner_heading{margin-top:100px} .inner-heading h1{float:none;text-align:center;margin-bottom:10px; line-height:34px; font-size:24px; margin-top:5px;} .inner_heading .wrapper ul{float:none;text-align:center; margin-top:15px;} .content>.wrapper>.one-third,.content>.wrapper>.third-fourth{width:100%;margin-right:0;float:none} .left-section{padding-left:0;margin-top:25px} .third-fourth img{width:100%}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .sidebarform{display:none} .inner_heading{padding-top:40px;} .section .heading h1, .section .heading2 { margin-bottom:5px; } .section .heading h1, .section .heading2, .section .heading4, .section .heading3{background:none; padding-bottom:10px;} .third-fourth br{display:none}#contactform input[type=submit]{margin-top:20px; width:100%} .bg-lightblue .wrapper .section .one-fourth {width:44%; margin:10px!important} .one-fourth .services a{min-height:80px;padding-top:50px;}}

@media only screen and (min-width:480px) and (max-width:639px){.width50,.wrapper{position:relative} .mobile-show,header#head{display:block} .desktop-show{display:none} .local-scroll{display:block}#scrollingDiv,nav.desktop-show{display:none} .scroll-top{display:block!important} .scroll-down-link{display:none}nav ul li a{padding:9px} .header-strip,.padding-bottom-20{padding-bottom:0} .header{display:block} .header-strip{height:auto} .wrapper{width:94%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .footer .one-fourth{width:100%;float:none;margin-right:0} .one-fourth,.one-half .one-third{margin-right:3%;box-sizing:border-box;position:relative} .one-half .one-third{width:31.33%} .one-third{width:100%;position:relative;box-sizing:border-box} .one-fourth{width:22.75%} .one-sixth{position:relative;width:29%;float:left;margin:9px!important}#topcontrol{right:7px!important} .blog .one-half{width:100%;float:none;margin:0 0 30px} .redbutton{position:relative;top:40px} #header{height:70px;padding:13px 0} #header .logo{width:auto}#header .wrapper .logo img{width:200px}#toggle-nav-label{height:auto;width:auto;padding:3px 6px 6px;font-size:28px;background-color:#07b0b7;color:#fff;margin-right:10px} .header-strip .wrapper .fr ul li{padding-left:10px} .header-strip .wrapper .fr ul li a{font-size:22px} .header-strip .mobile-show{position:relative;top:0;margin-right:10px} .mobilelogoimg{width:250px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%} .cta{height:auto;padding:13px 30px 45px} .footer-strip{height:auto;text-align:center;line-height:28px;padding:7px 0} .cta .fl,.cta .fr,.footer-strip .fl,.footer-strip .fr{float:none;text-align:center} .blog-title{padding:0} .blog .section{padding-bottom:15px} .section .heading h1,.section .heading2,.section .heading3,.section .heading4{font-size:28px;} .cta-headling{line-height:normal} .hidesmall{display:none}h1{font-size:30px} .inner_heading .inner-heading,.inner_heading .wrapper ul li a{font-size:12px} .inner_heading .inner-heading{padding-top:0px;text-align:center;} .inner_heading{margin-top:100px} .inner-heading h1{float:none;text-align:center;margin-bottom:10px} .inner_heading .wrapper ul{float:none;text-align:center;  margin-top:15px;} .content>.wrapper>.one-third,.content>.wrapper>.third-fourth{width:100%;margin-right:0;float:none} .left-section{padding-left:0;margin-top:25px} .hidebreak{display:block} .content{padding:20px 0 40px} .blockquote{padding:15px} .third-fourth img{width:100%}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .sidebarform{display:none} .inner_heading{padding-top:40px;} .section .heading h1, .section .heading2 { margin-bottom:5px; } .section .heading h1, .section .heading2, .section .heading4, .section .heading3{background:none; padding-bottom:10px; } .third-fourth br{display:none}#contactform input[type=submit]{margin-top:0px; width:100%} .bg-lightblue .wrapper .section .one-fourth {width:44%; margin:10px!important} .one-fourth .services a{min-height:80px;padding-top:50px;}}

@media only screen and (min-width:360px) and (max-width:479px){.width50,.wrapper{position:relative} .mobile-show,header#head{display:block} .desktop-show{display:none} .local-scroll{display:block}#scrollingDiv,nav.desktop-show{display:none} .scroll-top{display:block!important} .hidemed,.scroll-down-link{display:none}nav ul li a{padding:9px} .header-strip,.padding-bottom-20{padding-bottom:0} .header{display:block} .header-strip{height:auto} .wrapper{width:94%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .footer .one-fourth{width:100%;float:none;margin-right:0} .one-fourth,.one-half .one-third{margin-right:3%;box-sizing:border-box;position:relative} .one-half .one-third{width:31.33%} .one-third{width:100%;position:relative;box-sizing:border-box} .one-fourth{width:22.75%} .one-sixth{position:relative;width:44.5%;float:left;margin:9px!important}#topcontrol{right:7px!important} .blog .one-half{width:100%;float:none;margin:0 0 30px} .redbutton{padding:6px 20px!important}  #header{height:70px;padding:13px 0}#header .logo{width:auto}#header .wrapper .logo img{width:200px}#toggle-nav-label{height:auto;width:auto;padding:3px 6px 6px;font-size:28px;background-color:#07b0b7;color:#fff;margin-right:10px} .header-strip .wrapper .fr ul li a{font-size:22px} .blog-title a,.blog-title a:hover{font-size:16px} .header-strip .mobile-show{position:relative;top:0;margin-right:10px} .mobilelogoimg{width:190px} .header-strip .wrapper .fr ul li{padding-left:8px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%} .cta{height:auto;padding:13px 30px 45px} .footer-strip{height:auto;text-align:center;line-height:28px;padding:7px 0} .blog-title a,.blog-title a:hover,.cta-headling{line-height:normal} .cta .fl,.cta .fr,.footer-strip .fl,.footer-strip .fr{float:none;text-align:center} .blog-title{padding:0} .blog h1{margin-bottom:10px!important} .blog-img{position:relative;top:8px} .blog .section{padding-bottom:1px} .section .heading h1,.section .heading2,.section .heading3,.section .heading4{font-size:28px;background:0 0;line-height:normal;padding-bottom:0} .hidesmall{display:none}h1{font-size:24px} .inner_heading .inner-heading,.inner_heading .wrapper ul li a{font-size:12px} .inner_heading .inner-heading{padding-top:0px;text-align:center;} .inner_heading{margin-top:100px} .inner-heading h1{float:none;text-align:center;margin-bottom:10px} .inner_heading .wrapper ul{float:none;text-align:center;line-height:22px;  margin-top:15px;} .content>.wrapper>.one-third,.content>.wrapper>.third-fourth{width:100%;margin-right:0;float:none} .left-section{padding-left:0;margin-top:25px} .third-fourth .one-half{width:100%;float:none;margin-right:0} .hidebreak{display:block} .section .heading span{font-size:22px} .width100{width:100%;float:none} .content{padding:20px 0 40px} .blockquote{padding:15px} .third-fourth img{width:100%}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .sidebarform{display:none} .inner_heading{padding-top:40px;} .section .heading h1, .section .heading2 { margin-bottom:5px; } .section .heading h1, .section .heading2, .section .heading4, .section .heading3{background:none; padding-bottom:10px;} .third-fourth br{display:none} .cta-section input[type=submit]{width:100%; float:left; font-size:18px;}#contactform input[type=submit]{margin-top:20px; width:100%} .bg-lightblue .wrapper .section .one-fourth {width:44%; margin:10px!important} .one-fourth .services a{min-height:80px;padding-top:50px;} .wpcf7-form .btn-box .wpcf7-submit { float: none; }
}

@media only screen and (max-width:359px){.width50,.wrapper{position:relative} .mobile-show,header#head{display:block} .desktop-show{display:none} .local-scroll{display:block}#scrollingDiv,nav.desktop-show{display:none} .scroll-top{display:block!important} .hidemed,.scroll-down-link{display:none}nav ul li a{padding:9px} .header-strip,.padding-bottom-20{padding-bottom:0} .header{display:block} .header-strip{height:auto} .wrapper{width:97%;margin:0 auto;max-width:1160px} .fullwidth,.width50{width:100%;box-sizing:border-box} .footer .one-fourth,.one-half{width:48.5%;margin-right:3%;position:relative;box-sizing:border-box} .footer .one-fourth:nth-child(2n){margin-right:0} .footer .one-fourth{width:100%;float:none;margin-right:0} .one-fourth,.one-half .one-third{margin-right:3%;box-sizing:border-box;position:relative} .one-half .one-third{width:31.33%} .one-third{width:100%;position:relative;box-sizing:border-box} .one-fourth{width:22.75%} .one-sixth{position:relative;width:44.5%;float:left;margin:9px!important}#topcontrol{right:7px!important} .blog .one-half{width:100%;float:none;margin:0 0 30px} #header{height:70px;padding:13px 0}#header .logo{width:auto}#header .wrapper .logo img{width:200px}#toggle-nav-label{height:auto;width:auto;padding:3px 6px 6px;font-size:28px;background-color:#07b0b7;color:#fff;margin-right:10px} .header-strip .wrapper .fr ul li a{font-size:22px} .blog-title a,.blog-title a:hover{font-size:16px} .header-strip .mobile-show{position:relative;top:0;margin-right:10px} .mobilelogoimg{width:190px} .header-strip .wrapper .fr ul li{padding-left:4px} .case-study .case-study-desc,.case-study .case-study-img{width:auto;height:auto} .case-study .case-study-img img{width:100%;display:block} .clients-section img{width:100%} .cta{height:auto;padding:13px 30px 45px} .footer-strip{height:auto;text-align:center;line-height:28px;padding:7px 0} .blog-title a,.blog-title a:hover,.cta-headling{line-height:normal} .cta .fl,.cta .fr,.footer-strip .fl,.footer-strip .fr{float:none;text-align:center} .blog-title{padding:0} .blog h1{margin-bottom:10px!important} .blog-img{position:relative;top:8px} .blog .section{padding-bottom:1px} .section .heading h1,.section .heading2,.section .heading3,.section .heading4{font-size:28px;background:0 0;line-height:normal;padding-bottom:0} .hidesmall{display:none}h1{font-size:20px} .inner_heading .inner-heading,.inner_heading .wrapper ul li a{font-size:12px} .inner_heading .inner-heading{padding-top:0px;text-align:center;} .inner_heading{margin-top:100px} .inner-heading h1{float:none;text-align:center;margin-bottom:10px} .inner_heading .wrapper ul{float:none;text-align:center;line-height:22px;  margin-top:15px;} .content>.wrapper>.one-third,.content>.wrapper>.third-fourth{width:100%;margin-right:0;float:none} .left-section{padding-left:0;margin-top:25px} .third-fourth .one-half{width:100%;float:none;margin-right:0} .hidebreak{display:block} .section .heading span{font-size:20px} .width100{width:100%;float:none} .content{padding:20px 0 40px} .blockquote{padding:15px} .third-fourth img{width:100%}#toggle-nav:checked ~ #toggle-nav-label > .fa-bars:before {content: "\f00d";} .sidebarform{display:none} .inner_heading{padding-top:40px;} .cta-section input[type=submit]{width:100%; float:left; font-size:18px;}#contactform input[type=submit]{margin-top:20px; width:100%} .bg-lightblue .wrapper .section .one-fourth {width:44%; margin:10px!important} .bg-lightblue .wrapper .section .one-fourth:nth-child(4n){} .one-fourth .services a{min-height:80px;padding-top:50px;}.section .heading h1, .section .heading2 { margin-bottom:5px; }} 

#accordion h2 {cursor:pointer; position:relative; font-size:18px; padding:4px 10px; margin-bottom:4px}
#accordion h2.ui-accordion-header-active:after {content:""; position:absolute; top:14px; right:10px; width:10px; height:11px; background:url(images/collapse.png); display:block}
#accordion h2:after {content:""; position:absolute; top:14px; right:10px; width:10px; height:11px; background:url(images/expand.png); display:block}
#accordion1 h2 {cursor:pointer; position:relative; font-size:18px; padding:4px 10px; margin-bottom:4px}
#accordion1 h2.ui-accordion-header-active:after {content:""; position:absolute; top:14px; right:10px; width:10px; height:11px; background:url(images/collapse.png); display:block}
#accordion1 h2:after {content:""; position:absolute; top:14px; right:10px; width:10px; height:11px; background:url(images/expand.png); display:block}

.logo img, .responsive-btn, .responsive-menu ul li, .responsive-menu ul li a, .responsive-menu ul li a:before, .responsive-menu ul li a:after, .close-btn, .responsive-menu {-webkit-transition: all 0.3s linear 0s;-moz-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;}
.logo {float: left;width: 30%;}

.responsive-header {display: none;float: left;position: relative;width: 100%;z-index: 999;}
.responsive-top-bar {background: #efefef none repeat scroll 0 0;float: left;width: 100%;}
.responsive-quick-contact {background: #121212 none repeat scroll 0 0;float: left;width: 100%;}
.responsive-quick-contact .quick-contact {width: 100%;}
.responsive-quick-contact .quick-contact > ul {float: left;width: 100%;}
.responsive-quick-contact .quick-contact > ul > li {margin-right: 0;width: 50%;}
.responsive-header .quick-contact > ul > li:last-child {padding-left: 60px;}
.responsive-quick-contact .quick-contact > ul > li > p {line-height: 20px;}
.responsive-quick-contact .quick-contact span {width: 100%;}
.responsive-nav {width:100%}
.responsive-logo {float: left;}
.responsive-logo .logo {width: auto;}
.responsive-menu {background: #1c1c1c none repeat scroll 0 0;height: 100%;padding:30px 0 !important;position: fixed;right: -330px;top: 0;width: 270px;z-index: 999999999;margin-top:108px}
.responsive-menu.slidein {right: 0;}
.responsive-menu .responsive-popup-btns {float: left;margin-bottom: 40px;width: 100%;}
.responsive-menu .responsive-popup-btns > li {color: #ffffff;padding-left: 20px;padding-right: 0;width: auto;}
.responsive-menu .responsive-popup-btns > li > a:before {display: none;}
.responsive-menu .responsive-popup-btns > li > a {border: 0 none;color: #fff;float: none;font-size: 11px;font-weight: 700;line-height: initial;margin-left: 10px;padding: 0;text-transform: uppercase;}
.responsive-menu .responsive-popup-btns > li > i {float: left;font-size: 10px;height: 18px;line-height: 18px;text-align: center;width: 19px;}
.responsive-menu ul {float: left;list-style: outside none none;margin: 0;padding: 0;width: 100%;}
.responsive-menu ul li {float: left;padding: 0 20px;position: relative;width: 100%;}
.responsive-menu ul li ul{background:#000}
.responsive-menu ul li ul li:last-child a{border-bottom:0}
.responsive-menu ul li a {border-bottom: 1px solid #3a3a3a;color: #fff;float: left;font-size: 13px;line-height: 20px;padding: 10px 20px;position: relative;width: 100%;}
.responsive-menu ul ul {display: none;}
.responsive-menu ul li a:before {background-color: #cdcdcd;content: "";height: 3px;left: 7px;position: absolute;top: 20px;width: 3px;}
.responsive-menu ul li.menu-item-has-children > a:after {color: #cdcdcd;content: "?";font-family: fontawesome;position: absolute;right: 30px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.responsive-menu ul li.active > a {margin-bottom: 10px;padding: 12px 20px;}
.responsive-menu ul li.active > a:before {left: 11px;top: 21px;}
.responsive-menu ul li.menu-item-has-children.active > a:after {-webkit-transform: rotateX(180deg) translateY(50%);-moz-transform: rotateX(180deg) translateY(50%);-ms-transform: rotateX(180deg) translateY(50%);-o-transform: rotateX(180deg) translateY(50%);transform: rotateX(180deg) translateY(50%);}
.responsive-btn {background: #07b0b7 none repeat scroll 0 0;color: #ffffff;cursor: pointer;display: block;float: right;height:35px;line-height:35px;margin:0 10px 0 0;text-align: center;width:35px;border-radius: 5px; font-size:23px; z-index:1}
.close-btn {display:none}
	
span.wpcf7-list-item {margin: -5px 0 10px 0!important; font-size: 12px!important; line-height: 16px!important}
#contactform span.wpcf7-list-item {margin: 0!important; font-size: 14px!important; line-height: 20px!important; color: #363636!important}	
	#contactform span.wpcf7-list-item-label {color: #363636!important}


@media (min-width: 768px) and (max-width: 980px) {
	.responsive-header {display: block;}
	.responsive-quick-contact .quick-contact > ul {margin: 15px 0;}
	.responsive-nav {padding: 15px 0;}
	#myBtn {display: none; /* Hidden by default */position: fixed; /* Fixed/sticky position */bottom: 20px; /* Place the button at the bottom of the page */right: 30px; /* Place the button 30px from the right */  z-index: 99; /* Make sure it does not overlap */cursor: pointer; /* Add a mouse pointer on hover */padding: 5px; /* Some padding */border-radius:5px; /* Rounded corners */background-color:#19b6bc;border:none}

}

@media (max-width: 767px) {
	.responsive-header {display: block;}
	.responsive-quick-contact .quick-contact > ul {margin: 15px 0;}
	.responsive-nav {padding: 15px 0;}
	#myBtn {display: none; /* Hidden by default */position: fixed; /* Fixed/sticky position */bottom: 20px; /* Place the button at the bottom of the page */right: 30px; /* Place the button 30px from the right */  z-index: 99; /* Make sure it does not overlap */cursor: pointer; /* Add a mouse pointer on hover */padding: 5px; /* Some padding */border-radius:5px; /* Rounded corners */background-color:#19b6bc;border:none}
	#myBtn { display: none !important; }
}

@media (max-width: 480px)  {
	.theme-layout {padding-top: 0 !important;}
	.responsive-quick-contact .quick-contact > ul > li {width: 100%;margin: 10px 0;}
	.responsive-top-bar .cargo-time {float: left;width: 100%;}
	.responsive-top-bar {text-align: center;}
	.responsive-top-bar .connect-us {width: 100%;}
	.responsive-top-bar .connect-us > ul {display: inline-block;float: none;}
	.responsive-logo .logo img {margin-top: 0;max-width: 140px;}
	.responsive-logo .logo span {font-size: 16px;}
	.responsive-top-bar .cargo-time {padding-top: 30px;}
	.close-btn {background: #07b0b7 none repeat scroll 0 0;color: #ffffff;cursor: pointer;float: right;height: 35px;line-height: 35px;margin:0 15px 0 0;text-align: center;width: 35px;position:absolute;right:-5px;top:0; font-size:23px; border-radius: 5px; }
	#myBtn {display: none; /* Hidden by default */position: fixed; /* Fixed/sticky position */bottom: 20px; /* Place the button at the bottom of the page */right: 30px; /* Place the button 30px from the right */  z-index: 99; /* Make sure it does not overlap */cursor: pointer; /* Add a mouse pointer on hover */padding: 5px; /* Some padding */border-radius:5px; /* Rounded corners */background-color:#19b6bc;border:none}
	#myBtn { display: none !important; }
}


.inner-heading ul li > a, span{color:#fff}
.inner-heading ul span a > i{color:#fff}
span.bsep{display: inline-block;padding: 0 10px;color:#fFF}
.cta-section .quiz-995 input { width:130px; float:none; margin-top:0; }
.sidebarform .quiz-995 input{ width:73%!important; float:right}
#contactform .wpcf7-quiz-label{color:#000}
.cta-section  .wpcf7-quiz-label{color:#000}
#shr_canvas6{display:none!important}
.slide a{display:block; position:relative; z-index:1}
.accordion>h2, .accordion>h3, .accordion>h4, .accordion>h5, .accordion>h6, .accordion>strong {background: linear-gradient(to bottom,#8cd6d9 0,#39bfc4 100%)!important;color: #fff!important;padding:8px 10px!important;font-size: 17px!important;font-weight: 500!important; line-height:30px!important}



/* 	Owl Carousel - Auto Height Plugin  */
.owl-height {-webkit-transition: height 1ms ease-in-out;-moz-transition: height 100ms ease-in-out;-ms-transition: height 100ms ease-in-out;-o-transition: height 100ms ease-in-out;transition: height 100ms ease-in-out;}
/*  Core Owl Carousel CSS File */
.owl-carousel{display: none;width: 100%;-webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */position: relative;z-index: 7;}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer {position: relative;z-index:2;overflow: hidden;/* fix for flashing background */-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel.owl-loaded{display: block;}
.owl-carousel.owl-loading{opacity: 0;display: block;}
.owl-carousel .owl-refresh .owl-item{display: none;}
.owl-carousel .owl-item{position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel .owl-item img{display: block;width: 100%;-webkit-transform-style: preserve-3d;outline: 2px solid #FFF;outline-offset: -10px;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.owl-carousel .owl-grab{cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl{direction: rtl;}
.owl-carousel.owl-rtl .owl-item{float: right;}
/* No Js */
.no-js .owl-carousel{display: block;}
/* Owl Carousel - Lazy Load Plugin */
.owl-theme .owl-controls{margin-top: -5px;text-align: center;display:block;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]{cursor: pointer; display: inline-block; margin:0 5px; height: 40px; width: 40px;}
.owl-theme .owl-controls .owl-nav  .owl-nav {background:#000 url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/right.png) no-repeat center 3px}
.owl-theme .owl-controls .owl-prev .owl-prev {background:#000 url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/left.png) no-repeat center 3px}
.owl-theme .owl-controls .owl-nav .disabled {cursor: default; opacity: 0.5;}
.owl-theme .owl-dots .owl-dot {display:none;}

/*==================================================================== 9. Construction Section Style Start ====================================================================*/
.under-construction{width:100%;display:table}
.under-construction .owl-stage-outer{padding:0}
.cons-item {height: auto;display:inline-block;background-color:#152c49;width: 100%;border: 2px solid #10d6de; box-sizing:border-box;}
.under_work {float: left;width: 60%;position: relative; max-height:220px;}
.completion{float: left;width:100%;padding-bottom:0px}
.completion a{display: block;color: #152c49;padding: 20px 15px;text-align: center;background: #10d6de none repeat scroll 0 0;font-size: 18px;font-weight: 500;text-decoration:none}
.completion a:hover{color: #fff;display: block}
.completion p{color: #acacac;margin: 15px}
.completion > a:hover{color: #fff;-webkit-transition: all 400ms ease-out;-ms-transition: all 400ms ease-out;-o-transition: all 400ms ease-out;-moz-transition: all 400ms ease-out;transition: all 400ms ease-out}
.progress span{color: #fff;   display: inline-block;margin-bottom: 7px;padding-left: 0;width: 100%}
.progress-bar span{font-size: 12px; position: absolute;right: 0;top: 18px; width: auto}

/*============ Custom Media Responsive CSS ============*/
@media screen and (max-width:1300px){
.owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-prev {left: -20px	}
.owl-controls .owl-nav .owl-next, .owl-controls .owl-nav .owl-next {right: -20px}
}
@media screen and (max-width:1200px){
#carousel-example-generic .carousel-control{display:none}
.carousel-caption{top:45%}
.sub-title{padding: 0 15% 35px}
#slider .carousel-caption h1{font-size:180%}
.under_work, .completion{width:100%}
.under_work{height:300px;overflow:hidden}
}
@media screen and (max-width:991px){
.under_work{height:auto;overflow:hidden}
}


/*============== New Slider Code ==============*/

#homebanner {width: 100%; position: relative}
#homebanner, .bannerwrap{ max-height:560px!important; }
#homebanner .wrapper {position: absolute; left: 50%; transform: translateX(-50%); color: #fff; top: 40%; font-size: 24px; line-height: 34px; text-align:center;}
#homebanner .flickity-page-dots {bottom: 15px;}
.bannerwrap {width: 100%}
.bannerwrap img {max-width: 100%; width: 100%}
p.bannerbig {font-size: 70px; font-weight: 700; line-height: normal; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7); display: inline-block;  text-align:center;}
#homebanner p { text-align:center; margin-bottom:10px;}
.bannerbtn {display:inline-block; background-color: #fff; color: #000; border-radius: 10px; padding: 5px 25px; font-size: 20px; margin-top: 15px}


@media only screen and (min-width: 1280px) and (max-width: 1339px) {
	#homebanner .wrapper {top: 31%}
	#header .wrapper {top: auto}
	.biggalleryimage img {width: 100%}
}

@media only screen and (min-width: 1170px) and (max-width: 1279px) {
	#homebanner .wrapper {top: 31%}
	#header .wrapper {top: auto}
	.biggalleryimage img {width: 100%}
}

@media only screen and (min-width: 980px) and (max-width: 1169px) {
	#homebanner .wrapper {top: 31%}
	p.bannerbig {font-size: 50px; margin-bottom: 12px}
	#homebanner p {padding: 5px 25px; margin-bottom: 12px}
	#homebanner .wrapper {font-size: 20px}
	.biggalleryimage img {width: 100%}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	#homebanner .wrapper {top: 28%}
	p.bannerbig {font-size: 36px!important; margin-bottom: 6px; line-height: normal!important}
	#homebanner p {padding: 5px 25px; margin-bottom: 6px; font-size: 18px; line-height: 28px}
	#homebanner .wrapper {font-size: 18px}
	.bannerwrap .wrapper {text-align: center; padding: 0 30px; box-sizing: border-box}	
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
	#homebanner .wrapper {top: 28%}
	#homebanner {height: 375px}
	.bannerwrap img {height: 375px}
	.bannerbtn {font-size: 17px; display:block}
	p.bannerbig {font-size: 36px!important; margin-bottom: 6px; line-height: normal!important}
	#homebanner p {padding: 5px 25px; margin-bottom: 6px; font-size: 18px; line-height: 28px}
	#homebanner .wrapper {font-size: 18px}
	.bannerwrap .wrapper {text-align: center; padding: 0 30px; box-sizing: border-box}
}

@media only screen and (min-width: 480px) and (max-width: 639px) {
	#homebanner .wrapper {top: 28%}
	#homebanner {height: 375px}
	.bannerwrap img {height: 375px}
	.bannerbtn {font-size: 17px; display:block}
	p.bannerbig {font-size: 30px!important; margin-bottom: 6px; line-height: normal!important}
	#homebanner p {padding: 5px 25px; margin-bottom: 6px; font-size: 16px; line-height: 26px}
	#homebanner .wrapper {font-size: 18px}
	.bannerwrap .wrapper {text-align: center; padding: 0 30px; box-sizing: border-box}
}

@media only screen and (min-width: 360px) and (max-width: 479px) {
	#homebanner .wrapper {top: 22%}
	#homebanner {height: 375px}
	.bannerwrap img {height: 375px}
	.bannerbtn {font-size: 16px; padding: 2px 20px; display:block}
	p.bannerbig {font-size: 26px!important; margin-bottom: 6px; line-height: normal!important}
	#homebanner p {padding: 5px 25px; margin-bottom: 6px; font-size: 14px; line-height: 22px}
	#homebanner .wrapper {font-size: 18px}
	.bannerwrap .wrapper {text-align: center; padding: 0 20px; box-sizing: border-box}
}

@media only screen and (max-width: 359px) {
	#homebanner .wrapper {top: 22%}
	#homebanner {height: 375px;}
	.bannerwrap img {height: 375px}
	.bannerbtn {font-size: 16px; padding: 2px 20px; display:block}
	p.bannerbig {font-size: 26px!important; margin-bottom: 6px; line-height: normal!important}
	#homebanner p {padding: 5px 25px; margin-bottom: 6px; font-size: 14px; line-height: 22px}
	#homebanner .wrapper {font-size: 18px}
	.bannerwrap .wrapper {text-align: center; padding: 0 20px; box-sizing: border-box}
}

/*Menu Navigation Code*/
	.navstrip{height: 50px; }
	#nav{transition:all 0.9s; margin:0 auto;}
	#nav ul{list-style:none}
	#nav ul li{display:inline-block; margin-right:10px; line-height:50px;transition:all 0.9s;box-sizing:border-box;}
	#nav ul li:last-child{ margin-right:0}
	#nav ul li a{text-decoration:none; color:#000; font-size:15px; margin: 0 10px; text-transform:uppercase; font-weight:700}
	#nav ul li a:first-child{margin-left:0}	
	#nav ul ul{display:none}
	#nav ul li:hover > ul{display:block; position:absolute; top:50px; box-sizing:border-box; z-index:1}

	#nav ul li:hover a{border-bottom:2px solid #ed9c28}
	#nav ul li ul li{display:block; background-color:#fff; padding:0px 5px; height:auto; line-height:30px; border-bottom:1px solid #0380d4;box-sizing:border-box; margin:0; min-height:30px;}
	#nav ul li ul li:hover {padding:0px 5px; background-color:#0380d4 ; border-bottom:0;min-height:30px;border-bottom:1px solid #60bfff;  }
	#nav ul li ul li a{font-size:15px; border:0!important; margin:0 7px; line-height:25px; font-weight:400; text-transform:none }
	#nav ul li ul li:hover a{color:#fff!important}
	#servicesdrop a {cursor: pointer}
	#menuicon {display: none}
	#blackbg {display: none}
	.orange-button{display:inline-block; padding:0 12px; margin-bottom:0; font-size:17px; font-weight:600; text-align:center; white-space:nowrap; vertical-align:middle; touch-action:manipulation; cursor:pointer; user-select:none; background-image:none; border:1px solid transparent; text-decoration:none; height:50px; box-sizing:border-box; line-height:50px; border-color:#ed9c28; background-color:#ed9c28; color:#FFF!important; transition:all 0.9s;}
	.orange-button:hover{background-color:#00BCD4; border-color:#00BCD4}
	.mob-links{color: #fff; text-decoration: none; line-height:44px; padding-left: 15px;}	
	.mobile-off{display:block}
	.desktop-off{display:none}

@media only screen and (min-width:801px) and (max-width:979px){
	.navstrip  .fl{float:none}
	#menuicon {display:block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/menu.svg); z-index: 2}
	#nav {width:100%; top:50px; z-index:3; max-height: 90vh; display: none; overflow: auto; position:absolute; right:0;}
	#nav ul {background-color: #1b1b1b; width: 100%;}
	#nav ul li {display: block; padding:0 15px; margin:0; box-sizing:border-box;}
	#nav ul li a:hover {border: none}
	#nav ul li a {padding:0px; color:#fff}
	#nav ul ul {opacity: 1; z-index: auto; position: static; border-radius: 0; width: 100%; background-color: #000; display: none}
	#nav ul ul:before {display: none}
	#nav ul li:hover > ul{position:relative; top:0; display:none}	
	.openmenu {display: block!important}
	#servicesdrop, #servicesdrop1, #servicesdrop2, #servicesdrop3, #servicesdrop4 {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop.png) right 17px no-repeat;}
	.menuopen {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop1.png) right 17px no-repeat!important;}
	.slideleft {display: block!important}
	.close {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg)!important}
	#blackbg {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/overlay.png)}
	.overlay {display: block!important; position: fixed; width: 100%; height: 100%; z-index:2}
	.mobile-off{display:none!important}
	.desktop-off{display:none}
	#nav ul li ul li{background-color: #19b6bc;}	
	.section .heading2::after, .section .heading h1::after{display:none}
}
@media only screen and (min-width:768px) and (max-width:800px){
	.navstrip  .fl{float:none}
	#menuicon {display:block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/menu.svg); z-index: 2}
	#nav {width:100%; top:56px; z-index:3; max-height: 90vh; display: none; overflow: auto; position:absolute; right:0}
	#nav ul {background-color: #1b1b1b; width: 100%;}
	#nav ul li {display: block; padding:0 15px; margin:0; box-sizing:border-box;}
	#nav ul li a:hover {border: none}
	#nav ul li a {padding:0px; color:#fff}
	#nav ul ul {opacity: 1; z-index: auto; position: static; border-radius: 0; width: 100%; background-color: #000; display: none}
	#nav ul ul:before {display: none}
	#nav ul li:hover > ul{position:relative; top:0; display:none}	
	.openmenu {display: block!important}
	#servicesdrop, #servicesdrop1, #servicesdrop2, #servicesdrop3, #servicesdrop4 {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop.png) right 17px no-repeat;}
	.menuopen {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop1.png) right 17px no-repeat!important;}
	.slideleft {display: block!important}
	.close {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg)!important}
	#blackbg {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/overlay.png)}
	.overlay {display: block!important; position: fixed; width: 100%; height: 100%; z-index:2}
	.mobile-off{display:none!important}
	.desktop-off{display:none}
	#nav ul li ul li{background-color: #19b6bc;}	
	.section .heading2::after, .section .heading h1::after{display:none}
	
}
@media only screen and (min-width:640px) and (max-width:767px){
	.navstrip  .fl{float:none}
	#menuicon {display:block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/menu.svg); z-index: 2}
	#nav {width:100%; top:56px; z-index:3; max-height: 90vh; display: none; overflow: auto; position:absolute; right:0}
	#nav ul {background-color: #1b1b1b; width: 100%;}
	#nav ul li {display: block; padding:0 15px; margin:0; box-sizing:border-box;}
	#nav ul li a:hover {border: none}
	#nav ul li a {padding:0px; color:#fff}
	#nav ul ul {opacity: 1; z-index: auto; position: static; border-radius: 0; width: 100%; background-color: #000; display: none}
	#nav ul ul:before {display: none}
	#nav ul li:hover > ul{position:relative; top:0; display:none}	
	.openmenu {display: block!important}
	#servicesdrop, #servicesdrop1, #servicesdrop2, #servicesdrop3, #servicesdrop4 {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop.png) right 17px no-repeat;}
	.menuopen {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop1.png) right 17px no-repeat!important;}
	.slideleft {display: block!important}
	.close {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg)!important}
	#blackbg {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/overlay.png)}
	.overlay {display: block!important; position: fixed; width: 100%; height: 100%; z-index:2}
	.mobile-off{display:none!important}
	.desktop-off{display:none}
	#nav ul li ul li{background-color: #19b6bc;}	
	.section .heading2::after, .section .heading h1::after{display:none}
}
@media only screen and (min-width:480px) and (max-width:639px){
	.navstrip  .fl{float:none}
	#menuicon {display:block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/menu.svg); z-index: 2}
	#nav {width:100%; top:56px; z-index:3; max-height: 90vh; display: none; overflow: auto; position:absolute; right:0}
	#nav ul {background-color: #1b1b1b; width: 100%;}
	#nav ul li {display: block; padding:0 15px; margin:0; box-sizing:border-box;}
	#nav ul li a:hover {border: none}
	#nav ul li a {padding:0px; color:#fff}
	#nav ul ul {opacity: 1; z-index: auto; position: static; border-radius: 0; width: 100%; background-color: #000; display: none}
	#nav ul ul:before {display: none}
	#nav ul li:hover > ul{position:relative; top:0; display:none}	
	.openmenu {display: block!important}
	#servicesdrop, #servicesdrop1, #servicesdrop2, #servicesdrop3, #servicesdrop4 {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop.png) right 17px no-repeat;}
	.menuopen {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop1.png) right 17px no-repeat!important;}
	.slideleft {display: block!important}
	.close {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg)!important}
	#blackbg {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/overlay.png)}
	.overlay {display: block!important; position: fixed; width: 100%; height: 100%; z-index:2}
	.mobile-off{display:none!important}
	.desktop-off{display:none}
	#nav ul li ul li{background-color: #19b6bc;}	
	.section .heading2::after, .section .heading h1::after{display:none}
}
@media only screen and (min-width:360px) and (max-width:479px){
	.navstrip  .fl{float:none}
	#menuicon {display:block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/menu.svg); z-index: 2}
	#nav {width:75%; top:56px; z-index:3; max-height: 90vh; display: none; overflow: auto; position:absolute; right:0}
	#nav ul {background-color: #1b1b1b; width: 100%;}
	#nav ul li {display: block; padding:0 15px; margin:0; box-sizing:border-box;}
	#nav ul li a:hover {border: none}
	#nav ul li a {padding:0px; color:#fff}
	#nav ul ul {opacity: 1; z-index: auto; position: static; border-radius: 0; width: 100%; background-color: #000; display: none}
	#nav ul ul:before {display: none}
	#nav ul li:hover > ul{position:relative; top:0; display:none}	
	.openmenu {display: block!important}
	#servicesdrop, #servicesdrop1, #servicesdrop2, #servicesdrop3, #servicesdrop4 {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop.png) right 17px no-repeat;}
	.menuopen {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop1.png) right 17px no-repeat!important;}
	.slideleft {display: block!important}
	.close {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg)!important}
	#blackbg {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/overlay.png)}
	.overlay {display: block!important; position: fixed; width: 100%; height: 100%; z-index:2}
	.mobile-off{display:none!important}
	.desktop-off{display:none}
	#nav ul li ul li{background-color: #19b6bc;}	
	.section .heading2::after, .section .heading h1::after{display:none}	
}
@media only screen and (max-width:359px){
	.navstrip  .fl{float:none}
	#menuicon {display:block; width: 35px; height: 35px; position: absolute; right: 10px; top: 10px; background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/menu.svg); z-index: 2;}
	#nav {width:100%; top:56px; z-index:3; max-height: 90vh; display: none; overflow: auto; position:absolute; right:0}
	#nav ul {background-color: #1b1b1b; width: 100%;}
	#nav ul li {display: block; padding:0 15px; margin:0; box-sizing:border-box;}
	#nav ul li a:hover {border: none}
	#nav ul li a {padding:0px; color:#fff}
	#nav ul ul {opacity: 1; z-index: auto; position: static; border-radius: 0; width: 100%; background-color: #000; display: none}
	#nav ul ul:before {display: none}
	#nav ul li:hover > ul{position:relative; top:0; display:none}	
	.openmenu {display: block!important}
	#servicesdrop, #servicesdrop1, #servicesdrop2, #servicesdrop3, #servicesdrop4 {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop.png) right 17px no-repeat;}
	.menuopen {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/mobiledrop1.png) right 17px no-repeat!important;}
	.slideleft {display: block!important}
	.close {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/close.svg)!important}
	#blackbg {background: url(https://www.mechanical3dmodelling.com/wp-content/themes/m3dm/images/overlay.png)}
	.overlay {display: block!important; position: fixed; width: 100%; height: 100%; z-index:2}
	.mobile-off{display:none!important}
	.desktop-off{display:none}
	#nav ul li ul li{background-color: #19b6bc;}
	.section .heading2::after, .section .heading h1::after{display:none}
}

.slider-container{width:100%; margin:auto; height:580px; overflow:hidden; margin-top:150px; }
.slide-container {position:relative; height:580px; }
.slide-container img{background-size:cover; width:100%; background-position:center top}
.slider-center-text { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center }
.w3-black, .w3-hover-black:hover { color:#fff!important; background-color:#000!important }
.slider-container {animation:fading 1s  linear/*infinite*/}
@keyframes fading { 0% { opacity:0 } 50% { opacity:0 } 100% { opacity:1 } }

.button-left { position:absolute; top:57%; left:0%; transform:translate(0%, -50%); -ms-transform:translate(-0%, -50%) }
.button-right { position:absolute; top:57%; right:0%; transform:translate(0%, -50%); -ms-transform:translate(0%, -50%) }
.button{ border:none; display:inline-block; outline:0; padding:8px 16px; vertical-align:middle; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap; box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color:#efefef }

.button-left, .button-right { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }

p.bannerbig{ font-size:70px; font-weight:700; line-height:normal; text-shadow:2px 2px 6px rgba(0,0,0,.7); display:inline-block; text-align:center; color:#fff; }
.slider-center-text p{ text-align:center; margin-bottom:10px; color:#fff; }
.bannerbtn { display:inline-block; background-color:#fff; color:#000; border-radius:10px; padding:5px 25px; font-size:20px; margin-top:15px; text-decoration:none}

@media only screen and (min-width: 1170px) and (max-width: 1370px) {
.slider-center-text{text-align:center; width:70%; top:50%}
p.bannerbig{font-size:28px!important;}
.slider-center-text p, .bannerbtn{text-align:center; font-size:18px;}
.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: 100%; background-size: cover; background-position-x: center; background-position-y: center;}
}
@media only screen and (min-width: 980px) and (max-width: 1169px) {
.slider-center-text{text-align:center; width:70%; top:50%}
p.bannerbig{font-size:28px!important;}
.slider-center-text p, .bannerbtn{text-align:center; font-size:18px;}

.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: 100%; background-size: cover; background-position-x: center; background-position-y: center;}
.container-bg { background-position: calc(100% - 50% - 75px) 0; }
}
@media all and (max-width: 1000px) {
	#nav ul li ul.openmenu li { padding:4px 5px; }
	#nav ul li .quote-button { padding: 7px 10px; }	
	.section .heading3::after,
	.section .heading4::after { width: 230px; margin-top: 60px; left: calc(50% - 115px); }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.slider-center-text{text-align:center; width:70%; top:50%}
p.bannerbig{font-size:28px!important;}
.slider-center-text p, .bannerbtn{text-align:center; font-size:18px;}
.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: 100%; background-size: cover; background-position-x: center; background-position-y: center;}
.container-bg { background-position: calc(100% - 50% - 100px) 0; }
}
@media all and (max-width: 850px) {.container-bg {background-position: calc(100% - 50% - 120px) 0;}}
@media all and (max-width: 780px) {.container-bg {background-position: calc(100% - 50% - 130px) 0;}}
@media all and (max-width: 750px) {.container-bg {background-position: left top;}}
@media only screen and (min-width: 640px) and (max-width: 767px) {
.slider-center-text{text-align:center; width:70%; top:50%}
p.bannerbig{font-size:26px!important;}
.slider-center-text p, .bannerbtn{text-align:center; font-size:17px;}
.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: 100%; background-size: cover; background-position-x: center; background-position-y: center;}
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
.slider-center-text{text-align:left; width:70%; top:50%}
p.bannerbig{font-size:24px!important;}
.slider-center-text p, .bannerbtn{text-align:left; font-size:16px;}
.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: auto; background-size: cover; background-position-x: center; background-position-y: center;}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
.slider-center-text{text-align:left; width:70%; top:50%}
p.bannerbig{font-size:20px!important;}
.slider-center-text p, .bannerbtn{text-align:left; font-size:15px;}
.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: auto; background-size: cover; background-position-x: center; background-position-y: center;}
.section .heading3::after,
.section .heading4::after { width: 220px; margin-top: 45px; left: calc(50% - 110px); }
}

@media only screen and (max-width: 359px) {
.slider-center-text{text-align:left; width:70%; top:50%}
p.bannerbig{font-size:20px!important;}
.slider-center-text p, .bannerbtn{text-align:left; font-size:15px;}
.slider-center-text p br{display:none}
.slider-container, .slide-container{height:290px;}
.slider-container{margin-top:100px;}
.slide-container img { height: 100%; width: auto; background-size: cover; background-position-x: center; background-position-y: center;}
}