@import url('https://fonts.googleapis.com/css?family=Michroma');

html, body {height: 100%;}

body {color: #444;font-family: 'Michroma', sans-serif, Verdana, Geneva; font-size: 20px;text-align: left;overflow-x: hidden;line-height: 22px; background-color:#fafafa;}

.wrapper{max-width: 1920px; margin: auto; background-color:#fff;}

.floatleft {float: left;}
.floatright {float: right;}

a:focus {outline: 0px solid;}

img {max-width: 100%;height: auto;}

p {margin: 0px 0px 10px 0px; line-height: 28px;color:#000;font-size:20px;}

h1, h2, h3, h4, h5, h6 {font-family: 'michroma';margin: 0 0 15px;color: #000;font-weight: 600;}


h3 {font-size: 40px;line-height: 50px;font-weight: 600;}
h4 {font-size: 30px;line-height: 40px;font-weight: 600;}
h5 {font-size: 20px;line-height: 26px;font-weight: 600;}
h6 {font-size: 16px;line-height: 22px;}

a {text-decoration: none;}
a:hover {text-decoration: none;}
a:active, a:hover {outline: 0 none;}

.clear {clear: both;}

ul {list-style: outside none none;margin: 0;padding: 0;}
ul li{line-height: 24px;color:#fde466;font-size:16px;}

.btn{font-family: 'michroma';}

.container { width: 1600px; }

.onlydesktop{display:block}
.onlymobile{display:none}

h2.title{font-size:50px;color:#000;text-align:center;line-height:60px;margin-bottom:20px;}

.btn:hover, .btn:focus, .btn.focus {color:#fff;}
.btn:active, .btn.active {box-shadow:none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {outline:none;}

.OurExpTitle, .Process1, .Process2, .Process3, .Process4, .Process5, .Process6, .Process7, .Process8 {visibility:hidden;}

.fadeIn, .fadeOut, .bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUp, .fadeInLeft, .zoomIn, .fadeInRight, .slideInUp, slideInDown, .bounce, 
.flash, .pulse, .rubberBand, .shake, .swing, .tada, .wobble, .jello {
    visibility: visible;
}

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

/*  2. Header top Area
/*--------------------------------*/

.header-area { position: absolute; top: 0; left: auto; width: 100%; height: 180px; z-index: 9; right: auto; max-width: 1920px; margin: auto;}

.header-area .maindiv{width: 100%; height: 180px; background: #fff; display: table; /*box-shadow: 0px 0px 10px #ccc;*/}

.header-area .maindiv .logo {text-align:center;position: absolute;margin: auto; margin-top: -105px;    right: 50%;    margin-right: -120px;    max-width: 260px;cursor: pointer;}
.header-area .maindiv .logo img{max-width:100%}

/*.header-area .maindiv .leftct{}
.header-area .maindiv .rightct{}

.header-area .maindiv .leftct .logo{text-align: center; line-height: 90px;}
.header-area .maindiv .leftct .logo a{display:block; opacity:1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.header-area .maindiv .leftct .logo a:hover{opacity: 0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}*/
/*.header-area .maindiv .leftct .logo img{height: 65px;}*/


/*.navbar-header a.navbar-brand {display: inline-block;height: auto;padding: 0px; opacity:1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}*/

.navbar{min-height:41px;background: none; margin-bottom: 0px;border:none;margin-top: 85px;}
.navbar-nav {padding-left: 0;    width: 85%;    margin: auto;    float: none;   }
/*.navbar-inverse {background: url(../img/menu-bg-repeat.png) repeat;}*/
.navbar-nav>li{text-align: center; line-height:35px;}
.navbar-inverse .navbar-nav > li.linkwid{width:220px;}
.navbar-inverse .navbar-nav > li{font-size: 20px;}
.navbar-inverse .navbar-nav > li > a { color:#dac853; font-family: 'michroma'; font-size: 20px; padding-top:0px;padding-bottom:0px; line-height: 35px;
-webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out ;}
.navbar-inverse .navbar-nav > li > a:hover { color:#eac60c; 
-webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover 
{ background: none;color:#eac60c;  }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {color: #eac60c;}

.navbar-header {display:none;}
.navbar-inverse .navbar-toggle{background-color:#bd1e2c}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{background-color:#eac60c}

li.nones{width:32%;}

/*.navbar-header a.navbar-brand:hover{opacity: 0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}*/
/*.navbar-header a.navbar-brand>img {width: 135px;}
.navbar-header a.navbar-brand>img.stiimg {display:none;}*/

/*.main-menu{text-align:center;}
.main-menu .navbar-right {float:none !important; display: inline-block; margin: auto;text-align: center;}
.main-menu ul.navbar-nav{}
.main-menu ul.navbar-nav li {display: inline-block;padding: 8px 15px; text-align:center;}
.main-menu ul.navbar-nav li a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #000;font-size: 16px;font-weight: 500;line-height: 30px; padding: 0px 15px; letter-spacing: 1px; -webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out ; font-family: 'Ultimate-Serial-Bold';}

.main-menu ul.navbar-nav li.active a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ff8300; position: relative; }
.main-menu ul.navbar-nav li.active a:hover{color: #000; -webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;}
.main-menu ul.navbar-nav li a:hover {color: #ff8300; -webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;}*/





/*.navbar {border: medium none;margin-bottom: 0;}
.navbar-default {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:none;}
.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {background: none;color: #fff;}
.navbar-default .navbar-toggle {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;border-radius: 0;padding: 25px 0px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background-color: transparent;color: #58468c;}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background: none;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;width: 30px;height: 2px;}
.top-right.text-right {float: right;position: relative;top: 24px;margin-left: 20px;}
.top-right.text-right>li {float: right;margin: 0px 8px;}
.top-right.text-right li a {color: #fff;}*/

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

/* 2.1. Stick menu
/*--------------------------------*/

.header-area.stick {/*background-color: rgba(255, 255, 255, 1);*/position: fixed; width: 100%;z-index: 999999;height: 90px;}

.stick .navbar-header a.navbar-brand {display: inline-block;height: 70px;}

.stick .navbar-brand>img {display: none;}

.stick .main-menu ul.nav{padding-top:0px;}
.stick .main-menu ul.navbar-nav>li {float: none;}
.stick .main-menu ul.nav>li>a:hover {color: #ff8300;}
/*.main-menu ul.navbar-nav li a:hover::before{border: 4px solid #ff8300;border-radius: 50px;bottom: 30px;content: "";left: -15px;position: absolute;}*/
.stick .main-menu ul.navbar-nav li.active a:hover {background: none;color: #000;/*border-bottom: 2px solid #ff8300;*/}
.stick .main-menu ul.navbar-nav li.active a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #ff8300; position: relative;/*border-bottom: 2px solid #58468c;*/}
.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {background-color: #f5f5f5;color: #fff;outline: medium none;}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
  color: #fff;}
.stick .logo {}
.stick .logo a {margin-top: 0px;}
.stick .main-menu ul.nav>li>a {color: #000;padding: 0px 15px; line-height: 30px; letter-spacing: 1px; -webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out ;}
.stick .main-menu ul.nav>li>a:hover{-webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;}
.stick .navbar-default .navbar-toggle .icon-bar {background-color: #fff;width: 30px;height: 2px;}
.stick .navbar-default .navbar-toggle {padding: 10px 0px;}




/* Slider Section */
.slider-container{}
.slider-container .banner-area {display: inline;float: left;margin-top: 0px;width: 100%;}

.slider{padding:0px;margin:0px;}
.bx-wrapper .bx-loading {background:none;}
.slider .bx-wrapper .bx-pager.bx-default-pager a {background:none;    background-color: transparent; height: 30px; width: 30px; border-radius: 0%; margin: 0px 5px 0px 5px;border: 5px solid #d7d7d9;
    border-radius: 50%; }

.bx-wrapper .bx-controls-auto {display:none;}
.slider-container .bx-wrapper .bx-controls-direction a {z-index:auto;}
#slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{z-index: auto;width: 100%;bottom:4%; display:none;}
#slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active{background:none; height: 30px;width: 30px; background-color:#000;}

.bx-wrapper .bx-controls-direction a {width: 58px;height: 58px; opacity:1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.bx-wrapper .bx-controls-direction a:hover{opacity:0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}
	
.slider .bx-wrapper {max-width:100%  !important;}
.slider .bx-wrapper ul.bxslider li img{margin: auto;}
.slider .bx-wrapper ul.bxslider li {}
.bx-wrapper .bx-prev {background: url(../images/left-arrow.png) no-repeat ;left: 2%;}
.bx-wrapper .bx-next {background: url(../images/right-arrow.png) no-repeat ;right: 2%;}
/*.bx-wrapper .bx-prev {background:none;}
.bx-wrapper .bx-next {background:none;}*/
.bx-wrapper .bx-next:hover {background-position: 0 0;}
.bx-wrapper .bx-controls-auto .bx-start {display:none !important;background:none !important;}
.bx-wrapper .bx-controls-auto .bx-stop {display:none !important;background:none !important;}

/*.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {box-shadow: 0px 10px 30px 0px #ff830080;}*/

.slider-container .slider .slidedetails{padding-left: 30px;margin-top:70px;max-width: 80%;}

.slider .bxslider li .caption {min-height: 800px;position: relative; margin-top: -800px; text-align:center; padding: 0px 50px;display: block;}
.slider .bxslider li .caption h2{font-size:34px;}
.slider .bxslider li .caption p{font-size:16px;}


p.detail{max-width:80%;margin:auto;margin-bottom: 30px;}

p.title-area{max-width:60%; margin: 30px auto 50px auto;}


.clickbtn{margin:30px auto; text-align:center;}
.clickbtn .seemore{background:none; width:208px;height:60px border-radius: 0px;padding: 10px 40px;text-transform: capitalize;color:#fff;font-weight:600; -webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out;}
.clickbtn .seemore:hover{color:#34b9d8; -webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in; }
.clickbtn .seemore.bluebg{background: url('../images/blue-button-bg.png') no-repeat; color:#fff; opacity:1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.clickbtn .seemore.bluebg:hover{opacity:0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}
.clickbtn .seemore.greybg{background: url('../images/grey-button-bg.png') no-repeat; color:#3E2E79; opacity:1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.clickbtn .seemore.greybg:hover{opacity:0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}
.clickbtn .btn:hover, .clickbtn .btn:focus, .clickbtn .btn.focus {outline:none;}
.clickbtn .btn:active {box-shadow: initial;}


.head-title{text-align:center; margin-bottom:40px;}
.head-title h2{font-size: 40px; line-height:40px; margin: 10px auto 20px auto; text-transform:uppercase; color:#dccd6b;}
.head-title span.bor-bot{display:block; border-top:2px solid #efeeea; width:100%; max-width:16%; margin:auto;min-width: 320px;}
.head-title p{font-size:24px;line-height:30px;margin:25px auto 15px auto;}

.mainpadding{padding: 90px 0px 80px 0px;}


/*
| ----------------------------------------------------------------------------------------------
| Our Products
| ----------------------------------------------------------------------------------------------
*/

.our-works {padding:70px 0px 70px 0px;}
.our-works .portbox {}
.our-works .portbox ul {text-align:center;}

.our-works .portbox ul li.sectionpart {cursor: pointer; position: relative; display: inline-block; margin: 15px 15px;}
.our-works .portbox ul li.sectionpart .items {margin: auto; box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.20); position: relative;height: 450px;}

.our-works .portbox ul li.sectionpart .items p{font-size:22px; color:#ff8300; margin: auto; line-height: 18px; padding: 0px 20px; font-weight:bold;}
/*.our-works .portbox ul li.sectionpart:hover{-webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); transform: translate(0,-5px);}




/*
| ----------------------------------------------------------------------------------------------
| About Us
| ----------------------------------------------------------------------------------------------
*/

.aboutus-container {padding:100px 0px 50px 0px;}
.aboutus-container .aboutdetail{margin: 50px auto;}

.aboutus-container .aboutdetail .details{}
.aboutus-container .aboutdetail .details p{color: #828077; font-size: 16px; line-height: 26px; text-align: center; font-weight: normal;}



.about-us{}
.about-us .content{}
.about-us .content h3{}
.about-us .content p{margin: 12px 0px;}



/*
| ----------------------------------------------------------------------------------------------
| Products
| ----------------------------------------------------------------------------------------------
*/

.products-container {padding:70px 0px 70px 0px; background-color:#fafafa;}

.clickbtn {margin-top: 20px;}
.clickbtn .btntablink{background-color:#000; border-color:#000;}
.clickbtn .btntablink:hover{background-color:#fce768; border-color:#f5dc45;color: #000;}
.clickbtn .btntablink.active{background-color:#fce768; border-color:#f5dc45;color: #000;}
.clickbtn .btntablink.active:hover{background-color:#000; border-color:#000;color: #fff;}

.products-container .productgrid{display: inline-block;width: 100%;}
.products-container .productgrid .gridimg{margin:25px 10px; /*box-shadow: 0px 0px 20px 0px #fdfda5;*/ border: 1px solid #f3f0e4;cursor:pointer;position:relative; background: #fafafa;    min-height: 270px;}
.products-container .productgrid .gridimg a img{max-height: 180px; padding: 20px; margin: auto;width: auto;}
/*.products-container .productgrid .gridimg a img.imgwork {
    opacity: 1;
    -webkit-transition: opacity;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transition: opacity;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    -webkit-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
}
.products-container .productgrid .gridimg a img.imgwork:hover {
    opacity: 0.7;
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}*/



.products-container .productgrid .gridimg .porttitle{padding: 10px 0px; background: #292626;}
.products-container .productgrid .gridimg .porttitle h4{margin:auto;margin-bottom:5px; font-size:18px; font-weight: normal; color: #d4c150;}
.products-container .productgrid .gridimg .porttitle p{margin:auto; font-size:14px; display:none;}


.products-container .productgrid .gridimg a:before{content: "";top: 0;left: 0;z-index: 1;width: 100%; height: 100%;   background-color: transparent;position:absolute; 
-webkit-transition: background-color 300ms ease-out ; -moz-transition: background-color 300ms ease-out ; -o-transition: background-color 300ms ease-out ; transition: background-color 300ms ease-out}
.products-container .productgrid .gridimg a:hover:before{}
.products-container .productgrid .gridimg a{display:block; background: #fff;}

.products-container .productgrid .gridimg .worksarrow {float: left; width: 100%; height: 25px; margin-bottom: 5px;/*border-top: 1px solid #000;*/}
.products-container .productgrid .gridimg .worksarrow img {float: left; text-align: center; position: absolute; width: 52px; margin-top: -26px; margin-left: -26px; left: 50%;
	-webkit-transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out;}

.products-container .productgrid .gridimg:hover .worksarrow img{-webkit-transform: rotate(360deg); transform: rotate(360deg); }



/*
| ----------------------------------------------------------------------------------------------
| Contact Us
| ----------------------------------------------------------------------------------------------
*/

.contact-container{padding:70px 0px 70px 0px;}

.contact-container .contact-form{padding:50px 60px; }
.contact-container .contact-form h4{font-size: 28px; line-height: 38px; font-weight: 500;margin-bottom:30px;}

.contact-container .contact-form .form-box .form-group {margin-bottom: 35px;}
.contact-container .contact-form .form-box input{border: none; border-bottom: 1px solid #000; background: none; box-shadow: none; border-radius: 0px; color: #000; font-size: 16px;}
.contact-container .contact-form .form-box input:focus {border-bottom: 2px solid #000;}

.contact-container .contact-form .form-box textarea{border:1px solid #000; background: none; box-shadow: none; border-radius: 0px; color: #000; font-size: 16px;}
.contact-container .contact-form .form-box textarea:focus{border: 2px solid #000;}

.contact-container .contact-form .btnsubmit{background-color: #fce768; border-color: #f5dc45; color: #000;height: 50px; width: 120px; font-size:18px; border-radius: 0px;}
.contact-container .contact-form .btnsubmit:hover{background-color:#000; border-color:#000;color: #fff;}






/*
| ----------------------------------------------------------------------------------------------
| Contact
| ----------------------------------------------------------------------------------------------
*/

.contact-page{padding: 50px 0px 80px 0px;}
.contact-page .content{padding-right:15px;}
.contact-page .content h3{margin-bottom:30px; text-align:left; color:#3E2E79;}
.contact-page .content h4{margin-bottom:20px; text-align:left; color:#3E2E79;}
.contact-page .content p{margin: 15px 0px;}
.contact-page .content p a{font-family: 'Ultimate-Serial-Bold'; text-decoration: underline !important;font-size: 18px;line-height: 26px;color:#3E2E79; -webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out ;}
.contact-page .content p a:hover{color:#999; -webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;}
.contact-page .content img{max-width:100%;}
.contact-page .content .map { border: 1px solid #3E2E79;color:#333; }
.contact-page .form-box .clickbtn {margin: 10px auto;}


/*.form-box {width: 100%;margin-top: 7%;max-width: 400px;}
.form-box label {font-size: 18px; font-family: 'Ultimate-Serial-Bold'; color: #3E2E79;}
.form-box label span { font-family: 'Ultimate-Serial-Bold'; font-size:14px;color: #3E2E79;font-style:normal;}
.form-box input {border: 1px solid #3E2E79;border-radius: 0px;height: 45px;width: 100%;max-width: 400px;}
.form-box select {border: 1px solid #3E2E79;border-radius: 0px;height: 45px;width: 100%;max-width: 400px;}
.form-box .btn {}
.form-box textarea{border:1px solid #3E2E79;}
.form-control:focus {border-color: inherit; box-shadow: none;}*/



/*
| ----------------------------------------------------------------------------------------------
| Footer
| ----------------------------------------------------------------------------------------------
*/

.footer-container {max-width: 1920px;margin: auto;}

.footer-top{background-color:#FFD00E; padding:40px 0px;}
.footer-top ul {display:inline-block; width:100%;text-align:center;}
.footer-top ul.address li {display:inline-block;}
.footer-top ul.address li p{}
.footer-top ul.address li p.parts{margin:auto 20px; text-align:center; display:flex; font-size: 24px; line-height: 40px; font-family: 'Ultimate-Serial-Bold';}
.footer-top ul.address li p.parts i{font-size: 40px;}


.footer-bottom {background-color:#fbf5d9; padding: 80px 0px 80px 0px;}

/*.footer-bottom .menulinks{margin-bottom: 20px;}
.footer-bottom .menulinks h6{color:#eac60c;}
.footer-bottom .menulinks ul{}
.footer-bottom .menulinks ul li{}
.footer-bottom .menulinks ul li a{color:#fff;}*/

.footer-bottom ul.menulink{display: table; text-align: center; margin:auto;margin-bottom: 20px;}
.footer-bottom ul.menulink li {float: left; color:#9a9a97;}
.footer-bottom ul.menulink li a{color: #444239; padding:0px 20px;}

.footer-bottom p.copyright{color: #8c780a; font-size: 16px; line-height: 24px; text-align: center;}
.footer-bottom ul.social-icon{display: table; text-align: center; margin: 20px auto;}
.footer-bottom ul.social-icon li {float: left; margin: auto 0px;}
.footer-bottom ul.social-icon li a{display:block; opacity:1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;}
.footer-bottom ul.social-icon li a:hover {opacity:0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}
.footer-bottom ul.social-icon li a:hover img{/*box-shadow: 0px 5px 20px 8px #d66300;*/}
.footer-bottom ul.social-icon li a img{max-width:70%;}






/* Back to top button */
.back-to-top {background: url(../images/scroll-top.png) no-repeat scroll left top;height:60px;position: fixed;width: 60px;z-index: 9999;cursor: pointer;right: 25px;bottom: 30px;background-size: contain; opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
.back-to-top:focus {}
.back-to-top:hover {border-radius: 100%; opacity: 0.7; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in;}


/*
| ----------------------------------------------------------------------------------------------
| Page Head
| ----------------------------------------------------------------------------------------------
*/

.paddingtop {padding-top: 130px;}

.page-head {width:100%;}
.page-head a, .page-head span {font-size: 24px;color: #3E2E79; text-transform: capitalize; font-family: 'Ultimate-Serial-Bold';}
.page-head a{font-weight:normal;text-decoration:underline; margin-right:10px; text-decoration:underline !important; -webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out ;}
.page-head a:hover{color:#999; -webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;}
.page-head .hrule{border-bottom:2px solid #3E2E79; margin-top: 5px; height:5px;}



#cboxWrapper, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {background:none !important;width: auto !important;height:auto !important;}
#cboxCurrent {display: none !important;}
#cboxPrevious, #cboxNext {display:none !important;background: none !important;}
#cboxClose {top:0px !important;right:0px !important;width: 32px !important;height: 32px !important;}


@media(min-width:1400px)
{
	
}

@media (min-width: 1550px)
{
	
}



@media(max-width:1920px)  
{
	
}

@media(max-width:1800px)  
{
	.slider .bxslider li .caption {min-height: 750px; margin-top: -750px;}
}

@media(max-width:1700px)  
{
	.slider .bxslider li .caption {min-height: 700px; margin-top: -700px;}
}

@media(max-width:1600px)  
{
	.container {width: 1400px;}
	
	.navbar-nav {width: 95%;}
	
	.slider .bxslider li .caption {min-height: 650px; margin-top: -650px;}
	
}

@media(max-width:1500px)  
{
	.container {width: 1400px;}
	
	.slider .bxslider li .caption {min-height: 600px; margin-top: -600px;}
	
	
}

@media(max-width:1440px)  
{
	.slider .bxslider li .caption {min-height: 550px; margin-top: -550px;}
}

@media(max-width:1400px)  
{
	.container {width:1200px;}
	
	.navbar-nav {width: 100%;}
	.navbar-inverse .navbar-nav > li.linkwid {width: 200px;}
	
	.slider .bx-wrapper .bx-pager.bx-default-pager a {height: 20px;width: 20px;}
	#slider .bx-wrapper .bx-pager.bx-default-pager a:hover, #slider .bx-wrapper .bx-pager.bx-default-pager a.active {height: 20px;width: 20px;}
	#slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {bottom: 8%;}
	
}

@media(max-width:1368px)  
{
	
	/*.slider .bxslider li .caption {min-height: 550px;  margin-top: -550px;}*/
	
	
	
	
	h2.title {margin-bottom: 30px;}
	
	/*.back-to-top {height: 50px;width:50px;}*/
	
	.main-menu ul.navbar-nav {padding-top:12px;}
	
	
}

@media(max-width:1200px ) 
{
	.slider .bxslider li .caption {min-height: 470px; margin-top: -470px;}

	.container {max-width:95%;}
	
	h2.title {font-size: 40px;line-height: 50px;}
	

	.footer-top ul.address li {display: inline-block; margin-bottom: 10px;}
	.footer-top ul.address li p.parts {font-size: 22px; line-height: 36px;}
	.footer-top ul.address li p.parts i {font-size: 36px;}
	.footer-bottom p.copyright {font-size: 22px; line-height: 30px;}
	
	
	.contact-page .content h3 {font-size: 34px;}
	

}

@media(max-width:1080px )
{
	
}

@media(max-width:1024px )
{
	.main-menu ul.navbar-nav li a {font-size: 12px; padding: 0px 12px;}
	.stick .main-menu ul.nav>li>a {padding: 0px 12px;}
}

@media(max-width:991px )
{
	.main-menu ul.navbar-nav li {padding: 0px 0px;}
	.main-menu ul.navbar-nav li a {font-size: 10px; padding:0px 10px;}
	.stick .main-menu ul.nav>li>a {padding:0px 10px;}
	
}

@media (max-width: 768px) 
{
	
	.onlydesktop{display:none;}
	.onlymobile{display:block;}
	
	.header-area {background-color: #fff; height:75px; box-shadow: 0px 0px 10px #ccc;}
	.header-area .maindiv {display:none;}
	/*.navbar-header a.navbar-brand{margin: 45px 0px 0px 0px;}
	.navbar-header a.navbar-brand>img {width: 100px;}
	
	.navbar-default .navbar-toggle {border: 1px solid #58468c;margin: 15px auto;padding: 10px 10px;display:none;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #58468c;}
	.navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}*/
	/*.navbar-header a.navbar-brand {height: 70px;}*/
	
	/*.header-area {z-index: 9999999;}
	.header-area.stick {z-index: 9999999;}*/
	/*.header-area.stick{top: -20px;}
	.stick .navbar-brand.sticky-logo>img.stiimg {margin-top: 25px;}
	.stick .navbar-default .navbar-toggle {border-color:#58468c;padding: 10px 10px;}
	.stick .navbar-default .navbar-toggle .icon-bar {background-color: #58468c}
	.stick .navbar-header a.navbar-brand {height: auto;}
	.stick .main-menu ul.navbar-nav li.active a::after {left: 0px;}
	.stick .main-menu ul.navbar-nav li a:hover::before {left: 0px;}
	
	.main-menu ul.navbar-nav li {display:block;text-align: center;}
	.main-menu ul.navbar-nav li.active a::after {left: 0px;}
	.main-menu ul.navbar-nav li a:hover::before {left: 0px;}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color: #fff;border-color: #58468c;display: none !important;}*/
	
	.side-pen{position: fixed;/*right: 25px;*/z-index: 9999999;top:0px; width: 100%; }
	
	.side-pen .logo{line-height: 75px; padding: 0px 15px;float: left;}
	.side-pen .logo a{display:block;}
	.side-pen .logo a img{height:50px;}
	
	#slidein-panel {width: 100%;z-index: 999999;overflow: auto;}
	#slidein-panel-container{height: 75px;line-height: inherit;background-color:#fff;}
	#slidein-panel-container span {line-height: 45px;color:#000;}
	#slidein-panel-btn {padding:0px;width:auto;height:auto; float: right; padding-right:15px;}
	#slidein-panel ul {background-color: #000;width: 100%;}
	#slidein-panel ul li a:link, #slidein-panel ul li a:visited{font-size: 18px;font-weight: 500;padding: 10px 0px; text-transform: capitalize;letter-spacing: 1px;}
	#slidein-panel ul li a {-webkit-transition: color 300ms ease-out ; -moz-transition: color 300ms ease-out ; -o-transition: color 300ms ease-out ; transition: color 300ms ease-out ;}
	#slidein-panel ul li a:hover {color: #ff8300; -webkit-transition: color 300ms ease-in ; -moz-transition: color 300ms ease-in ; -o-transition: color 300ms ease-in ; transition: color 300ms ease-in ;}
	#slidein-panel ul li.active a{color: #ff8300;}
	#slidein-panel ul li.active a:hover{color:#fff;}
	#slidein-panel ul li ul.dropdown-menu {position: initial;padding:0px;width: 100%;}
	
	#slidein-panel ul li h3{margin: auto; line-height: 30px;}
	#slidein-panel ul li h3 a:link, #slidein-panel ul li h3 a:visited {font-size: 22px;}
	#slidein-panel ul li h3 a{}
	#slidein-panel ul li h4{margin: auto; line-height: 26px;}
	#slidein-panel ul li h4 a:link, #slidein-panel ul li h4 a:visited {font-size: 18px;}
	#slidein-panel ul li h4 a{}
	
	/* Slide Menu CSS Start */
	
	#nav-icon4 {
		z-index: 99999;
		width: 40px;
		height: 40px;
		position: relative;
		right: 0px;
		margin: 18px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-icon4 span {
		display: block;
		position: absolute;
		height: 5px;
		width: 100%;
		background: #2a186c;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#nav-icon4 {}

	#nav-icon4 span:nth-child(1) {
		top: 0px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon4 span:nth-child(2) {
		top: 14px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon4 span:nth-child(3) {
		top: 28px;
		-webkit-transform-origin: left center;
		-moz-transform-origin: left center;
		-o-transform-origin: left center;
		transform-origin: left center;
	}

	#nav-icon4.open span:nth-child(1) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		top: -3px;
		left: 8px;
		background: #000;
	}

	#nav-icon4.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	#nav-icon4.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 25px;
		left: 8px;
		background: #000;
	}
	
	/* Slide Menu CSS End */
	
	.slider-container {margin-top: 75px;}
	.slider-container .bx-wrapper .bx-prev {background:none;}
	.slider-container .bx-wrapper .bx-next {background:none;}
	
	.aboutus-container .aboutdetail .details {margin-bottom: 40px;}
	
	/*.ourexpertise .expbox {margin: 40px auto;}
	.ourexpertise .expbox p {min-height: 100px;}*/
	
	.testimonial-single-slide {padding: 25px 0px 30px 0px;}
	.testimonial-single-slide .testibox {width:100%;  max-width:90%; display: block; margin: auto;}
	.testimonial-single-slide .testibox ul {display: block;}
	.testimonial-single-slide .testibox ul li {display: block;float: none;margin: 20px auto;}
	.testimonial-slider .slick-dots{margin-left:0px; max-width:95%;}
	
	.footer-top ul.address li {display: block; margin: auto; margin-bottom: 10px;}
	.footer-top ul.address li p.parts {display:block;}
	
	.footer-top {padding: 40px 20px;}
	.footer-bottom {padding: 50px 20px;}
	
  	.back-to-top {bottom: 15px;}
}

@media (max-width:720px)
{
	/*.our-clients .bx-wrapper ul li {max-width: 260px; margin: auto 20px;}*/
}

@media (max-width:640px)
{	
	h3 {font-size: 30px;line-height: 40px;}
	h4 {font-size: 26px;line-height: 36px;}
	
	.head-title h2 {font-size: 30px;line-height: 30px;}
	.head-title span.bor-bot {max-width: 50%;}
	
	.aboutus-container .aboutdetail {margin: 30px auto;}
	.aboutus-container .aboutdetail .details p {font-size: 24px; line-height: 30px;}
	.aboutus-container .aboutdetail .counts ul li {margin: 20px auto;}
	
	.getquote-container .quotebox {padding: 30px 0px 30px 30px;}
	
	.testimonial-slider {padding: 0px 0px 20px 0px;}
	.testimonial-single-slide .testibox ul li .clients .testi-text {font-size: 20px; line-height: 28px;}
	.testimonial-single-slide .testibox ul li .clients .test-author {font-size: 20px; line-height: 28px;}
	
	
}

@media (max-width:540px)
{
	h2.title {font-size: 35px;line-height: 45px;}
	
	.our-works .portbox ul li.sectionpart{margin: auto; display: block; max-width: 90%; margin: 30px auto;}
	.our-works .portbox ul li.sectionpart .items{max-width:100%;}
	
	.getquote-container .quotebox .linkbtn {margin-right: -13px;}
	
	.our-gallery ul.gallleryitems li .items {height: auto; width: auto; max-width: 100%; margin: auto;}
	
}

@media(max-width:415px )
{
	
}

@media(max-width:375px )
{

}

@media(max-width:320px )
{
	
}






/*----------------------------------------
 .End CSS
----------------------------------------*/