                                                                              @import "https://fonts.googleapis.com/css?family=Cabin:500,600,700|Kanit:200,300,300i,400";
@import "../vendor/bootstrap/bootstrap.css";
@import "../vendor/revolution/settings.css";
@import "../vendor/revolution/layers.css";
@import "../vendor/revolution/navigation.css";
@import "../vendor/fancy-box/jquery.fancybox.css";
@import "../vendor/menu/dist/css/slimmenu.css";
@import "../fonts/font-awesome/css/font-awesome.min.css";
@import "../vendor/owl-carousel/owl.carousel.css";
@import "../vendor/owl-carousel/owl.theme.css";
@import "../vendor/animate.css";
@import "../vendor/bootstrap-select/dist/css/bootstrap-select.css";
@import "../vendor/time-picker/jquery.timepicker.css";
@import "../vendor/hover.css";
#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;background:#fff;overflow:hidden}
#loader{display:block;position:relative;top:50%;margin:auto;width:240px;color:#fff;font-size:25px;font-weight:700;text-transform:lowercase;background:-webkit-linear-gradient(top,#ff6300 0,#d74d12 100%);background:linear-gradient(180deg,#ff6300 0,#d74d12 100%);text-shadow:5px 5px 5px rgba(0,0,0,0.3);text-align:center;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
#loader-wrapper #loader:after{content:"";display:table;clear:both}
#loader-wrapper span{float:left;height:70px;line-height:85px;width:30px}
#loader-wrapper #loader > span{border-left:1px solid #fff;border-right:1px solid #fff}
#loader-wrapper #loader > span:first-child{color:#2a2a2a}
#loader-wrapper .covers{position:absolute;height:100%;width:100%}
#loader-wrapper .covers span{background:-webkit-linear-gradient(top,#fff 0,#fff 100%);background:linear-gradient(180deg,#fff 0,#fff 100%);-webkit-animation:up 2s infinite;animation:up 2s infinite}
.col-text-1 h3{ text-align:center;}
.schematext2 { color:#fff;}
.bullet li { margin: 0 0 0 3%; display:block; font-size:15px; line-height: 27px; width:100%;}
.bullet li:before {content: "\f0da"; font-family: 'FontAwesome'; font-size: 12px; float: left; margin-top: 1px; margin-left: -15px; color: #999;}
@-webkit-keyframes up {
0%{margin-bottom:0}
16%{margin-bottom:100%;height:20px}
50%{margin-bottom:0}
100%{margin-bottom:0}
}
@keyframes up {
0%{margin-bottom:0}
16%{margin-bottom:100%;height:20px}
50%{margin-bottom:0}
100%{margin-bottom:0}
}
#loader-wrapper .covers span:nth-child(2){-webkit-animation-delay:.142857s;animation-delay:.142857s}
#loader-wrapper .covers span:nth-child(3){-webkit-animation-delay:.285714s;animation-delay:.285714s}
#loader-wrapper .covers span:nth-child(4){-webkit-animation-delay:.428571s;animation-delay:.428571s}
#loader-wrapper .covers span:nth-child(5){-webkit-animation-delay:.571428s;animation-delay:.571428s}
#loader-wrapper .covers span:nth-child(6){-webkit-animation-delay:.714285s;animation-delay:.714285s}
#loader-wrapper .covers span:nth-child(7){-webkit-animation-delay:.857142s;animation-delay:.857142s}
#loader-wrapper .covers span:nth-child(8){-webkit-animation-delay:.999999s;animation-delay:.999999s}
.scroll-top{width:45px;height:45px;position:fixed;bottom:52px;right:80px;z-index:99;text-align:center;color:#fff;background:#000;font-size:30px;display:none}
.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,0.25) 0%,rgba(0,0,0,0) 80%);background:-webkit-radial-gradient(center ellipse,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80%)}
@font-face{font-family:'font-awesome';src:url(../fonts/font-awesome/fonts/fontawesome-webfont.ttf);src:url(../fonts/font-awesome/fonts/fontawesome-webfont.eot),url(../fonts/font-awesome/fonts/fontawesome-webfont.woff2) format("woff2"),url(../fonts/font-awesome/fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/font-awesome/fonts/fontawesome-webfont.svg) format("svg")}
body{font-family:'Kanit',sans-serif;font-weight:400;color:#333;font-size:15px;position:relative;line-height:26px;letter-spacing:.25px}
h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}
h1,h2,h3,h4,h5{color:#131212;font-family:'Cabin',sans-serif;font-weight:600}
h1{font-size:60px}
h2{font-size:38px; color:#fff;}
h3{font-size:26px}
h4{font-size:20px}
h5{font-size:16px}
p{font-weight:300}
ul{list-style-type:none}
a{text-decoration:none;display:inline-block; font-family:'Cabin',sans-serif;/*font-size:14px;text-transform:uppercase*/}
a:hover,a:focus,a:visited{text-decoration:none; background-color:#333; outline:none}
img{max-width:100%;display:block}
button{border:none;outline:none;box-shadow:none;display:block;padding:0}
input,textarea{outline:none;box-shadow:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.float-left{float:left}
.float-right{float:right}
.round-border{border-radius:50%}
.theme-title h3{display:inline-block;position:relative}
.m-top0{margin-top:0!important}
.m-bottom0{margin-bottom:0!important}
.theme-title{position:relative;padding:14px 0 0 19px; text-align:center;}
.theme-title:before{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-left:2px solid #ff6300;border-top:2px solid #ff6300}
.theme-title:{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-left:2px solid #ff6300;border-top:2px solid #ff6300}

.theme-title h5,.theme-title h3{text-transform:uppercase}
.theme-title h5{color:#727272;margin-bottom:11px}
.theme-title,h3 {color:#333;}
.theme-title,h3 a {color:#333; text-decoration:none;}
.theme-title,h3 a:hover {color:#111; background: none;}
.theme-title p a { color:#333;}
.theme-title p a:hover { color:#111;}
.tran3s,.service-sldier .service-item:before,.owl-theme .owl-nav [class*=owl-],.project-single-content .single-project .img .opacity,.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot span:before,.team-member-content .single-team-member .img .opacity,.banner-bottom-text.style-two .single-box,.theme-sidebar .single-box ul li a:before,.theme-sidebar .single-box ul li a i,.details-tab-panel .panel-wrapper .details-panel .panel-group .panel-heading a:before,.portfolio-details-page .image-slider .carousel-indicators li,.contact-us-page .dropdown-menu > li,.bootstrap-select.btn-group .dropdown-menu li a span.text,.contact-us-page .contact-address .single-box a,.faq-page-toContent .rotate-content-box .number:before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tran4s,#mega-menu-holder>ul> li> a:before,.theme-main-menu .menuzord-menu > li > a:after{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.p-color,header .bottom-header .social-icon li a,header .bottom-header .quickcall:hover,.about-us-section .single-about-content i,.service-sldier .service-item i,.owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:focus,.owl-theme.service-sldier .owl-nav [class*=owl-]:hover,.owl-theme.service-sldier .owl-nav [class*=owl-]:focus,.project-single-content .single-project:hover .text h4 a,.page-middle-banner .right-side h2,footer .footer-middle ul li a,.testimonial-section .testimonial-slider .wrapper .name i,footer .top-footer .footer-navigation ul li a:hover,header.header-style-two .bottom-header .social-icon li a:hover,.theme-main-menu .menuzord-menu > li.quote.color-two a,#banner .button-ds.button-two,.inner-banner ul li,.theme-sidebar .single-box ul li a:hover,.blog-details-page .blog-details-content .leave-comment ul li .fa-star,.theme-sidebar .single-box ul li a i,.theme-sidebar .single-box ul li.active a,.blog-details-page .blog-details-content .text-content ul.post-info li i,.details-tab-panel .panel-wrapper .details-panel .panel-group .panel-heading a:before,.blog-details-page .blog-details-content .text-content ul.extra-list li i,.contact-us-page .contact-address .single-box .icon,.contact-us-page .contact-address .single-box a:hover,#mega-menu-holder ul.dropdown li a:hover{color:#ff6300}
.p-color-bg,header .bottom-header .social-icon li a:hover,.theme-main-menu .menu-wrapper.bg-color-one,.uranus .tp-bullet,.uranus .tp-bullet.selected .tp-bullet-inner,.uranus .tp-bullet:hover .tp-bullet-inner,.uranus .tp-bullet-inner,.page-middle-banner,.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot.active span,footer .footer-middle ul li a:hover,.owl-theme .owl-dots .owl-dot:hover span,.blog-content-wrapper .single-blog-post .post,.blog-content-wrapper .single-blog-post .img .date,footer .top-footer .footer-navigation .newsletter form button,footer .top-footer .footer-contact form button,#banner .button-ds.button-two:hover,.mixitUp-menu ul li.active,.mixitUp-menu ul li:hover,.portfolio-details-page .image-slider .carousel-indicators li.active,.blog-details-page .blog-details-content .share-option ul.share-icon li a:hover,.blog-details-page .blog-details-content .admin-text ul.share-icon li a:hover,.blog-details-page .blog-details-content .single-comment .reply:hover,.contact-us-page .bootstrap-select.btn-group .dropdown-menu li:hover,.contact-us-page .dropdown-menu > li.selected,.faq-page-toContent .rotate-content-box:hover .number:before{background:#ff6300}
#theme-main-banner .tp-caption a:hover,header .bottom-header .social-icon li a,#banner .button-ds.button-two,footer .footer-middle ul li a,.testimonial-section .testimonial-slider .wrapper .name i,.team-partner.bg-color .partner-logo .logo-wrapper .single-logo:hover,header.header-style-two .bottom-header .social-icon li a:hover,.theme-main-menu .menuzord-menu > li.quote.color-two a,.banner-bottom-text.style-two .single-box:hover,.blog-details-page .blog-details-content .text-content ul.extra-list li i,.blog-details-page .blog-details-content .admin-text,.blog-details-page .blog-details-content .leave-comment input:focus,.blog-details-page .blog-details-content .leave-comment textarea:focus,.contact-us-page .contact-form-holder form input:focus,.contact-us-page .contact-form-holder form textarea:focus{border-color:#ff6300;border-style:solid}
header{position:relative}
header .top-header.bg-color-one{background:#121212;padding:5px 0}
header .top-header ul li{display:inline-block;font-weight:300;font-size:14px;color:#232a34;margin:7px 0}
header .top-header ul li i{font-size:16px;vertical-align:middle;margin-right:5px}
header .top-header.bg-color-one ul li{color:#fff}
header .top-header ul.float-left li{margin-right:25px}
header .top-header ul.float-right li{margin-left:25px}
header .bottom-header{padding:6px 0 30px;background:#094991;}
header .bottom-header .quickcall{font-weight:400;font-size:18px;text-transform:uppercase;color:#fff;width:195px;padding:9px 0;background:#1d1d1d;text-align:center}
header .bottom-header .quickcall span{font-size:16px;display:block}
header .bottom-header .social-icon li{display:inline-block}
header .bottom-header .social-icon li a{width:60px;line-height:58px;border-width:1px;text-align:center;margin:5px 4px;font-size:20px}
header .bottom-header .social-icon li a:hover{color:#fff}
header .bottom-header .social-icon{margin:0 35px 0 25px}
header .bottom-header .search{width:60px;line-height:60px;color:#fff;font-size:16px;margin-top:5px}
header .bottom-header .search-option form{position:fixed;top:0;left:0;right:0;bottom:auto;z-index:99;margin:0;height:70px;padding:10px 0;border-radius:0;border:none}
header .bottom-header .search-option form .container{position:relative;height:100%}
header .bottom-header .search-option form input{width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);padding:0 52px 0 15px}
header .bottom-header .search-option form button{position:absolute;right:0;top:0;height:100%;width:50px;color:#fff}
header .bottom-header .search-option form button:hover,header .bottom-header .search:hover{background:#1d1d1d}
header.header-style-two .bottom-header{background:transparent}
header.header-style-two .transparent-bg{position:absolute;width:100%;left:0;top:100%;z-index:99}
header.header-style-two .bottom-header .quickcall{background:rgba(0,0,0,0.52)}
header.header-style-two .bottom-header .social-icon li a{border-color:#fff;color:#fff}
header.header-style-two .bottom-header .social-icon li a:hover{background:transparent}
.theme-main-menu{position:absolute;width:100%;left:0;top:100%;margin-top:-38px; /**background-color:#ff6300;*/ z-index:999;}
.theme-main-menu .menu-wrapper{padding-left:35px;position:relative}
.theme-main-menu .menu-wrapper:before{content:'';position:absolute;top:0;right:0;width:0;height:0;border-left:45px solid transparent}
.theme-main-menu .menu-wrapper.bg-color-one:before{border-bottom:75px solid #121212}
.theme-main-menu .menuzord-menu > li > a{position:relative}
#mega-menu-holder>ul> li> a:before{content:'';position:absolute;width:100%;top:20px;bottom:20px;left:0;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:skewX(145deg) scale(1,0);transform:skewX(145deg) scale(1,0)}
#mega-menu-holder>ul> li.active > a,#mega-menu-holder>ul> li:hover > a{color:#fff}
#mega-menu-holder>ul> li.active > a:before,#mega-menu-holder>ul> li:hover > a:before{-webkit-transform:skewX(145deg) scale(1);transform:skewX(145deg) scale(1)}
.theme-main-menu #mega-menu-holder li.quote{float:right}
.theme-main-menu #mega-menu-holder li.quote a{width:180px;line-height:43px;text-align:center;font-size:14px;text-transform:uppercase;border-radius:30px;margin:15px 65px 0 0}
.theme-main-menu #mega-menu-holder li.quote a:before{display:none}
.theme-main-menu #mega-menu-holder li.quote.color-one a{background:#ff6828;border:1px solid #ff6828;color:#fff}
.theme-main-menu #mega-menu-holder li.quote.color-one a:hover{background:#1d1d1d;-webkit-transform:scale(1.05);transform:scale(1.05)}
.theme-main-menu .menu-wrapper.bg-color-two{background:rgba(0,0,0,0.52)}
.theme-main-menu .menu-wrapper.bg-color-two:before{border-bottom:75px solid #222b34}
.theme-main-menu .menuzord-menu > li.quote.color-two a{border-width:1px}
.theme-main-menu .menuzord-menu > li.quote.color-two a:hover{color:#fff}
.mar-left-right { margin-left:0px; margin-right:0px;}
@-webkit-keyframes menu_sticky {
0%{margin-top:-120px;opacity:0}
50%{margin-top:-64px;opacity:0}
100%{margin-top:0;opacity:1}
}
@keyframes menu_sticky {
0%{margin-top:-120px;opacity:0}
50%{margin-top:-64px;opacity:0}
100%{margin-top:0;opacity:1}
}
.theme-main-menu.fixed{position:fixed;width:100%;top:0;left:0;z-index:999;margin:0;background:transparent;-webkit-animation-name:menu_sticky;animation-name:menu_sticky;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
#banner h5{font-family:'Kanit',sans-serif;font-weight:300;font-size:20px;color:#fff}
#banner.homeOne-banner{text-align:center;background-image:url(/images/home/slide-7.jpg)}
#banner h1{color:#fff;text-transform:uppercase}
#banner h6{color:#fff;text-transform:uppercase;font-weight:300;font-size:17px}
#banner .button-ds{width:210px;line-height:48px;text-align:center;border-radius:30px}
#banner .button-ds.button-one{color:#fff;border:none}
#banner .button-ds.button-one:hover,#banner .button-ds.button-one:before{border:none}
#banner .button-ds.button-two{border-width:1px}
#banner .button-ds.button-two:hover{color:#fff}
.uranus .tp-bullet{width:13px;height:13px;box-shadow:none;opacity:1}
.homeTwo-banner .uranus .tp-bullet{display:none!important}
.banner-bottom-text .single-box{position:relative}
.banner-bottom-text .single-box .opacity{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:rgba(0,0,0,0.82);padding:35px 0 0 62px}
.banner-bottom-text .single-box .opacity h2,.banner-bottom-text .single-box .opacity h6{color:#fff}
.banner-bottom-text .single-box .opacity h6{font-size:20px;font-weight:200;margin-top:12px}
.banner-bottom-text.style-one .single-box:hover .opacity{background:rgba(249,82,11,0.65)}
.banner-bottom-text.top-transform{position:relative;z-index:9;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.banner-bottom-text.style-two .single-box{border:2px solid transparent}
.banner-bottom-text.style-two .single-box .opacity{top:3px;left:3px;bottom:3px;right:3px}
.banner-bottom-text.style-two.m-fix{margin:20px 0 80px}
.about-us-section{margin-bottom:50px;margin-top:50px}
.about-us-section .single-about-content{text-align:center;padding:0 25px;margin-bottom:85px}
.about-us-section .single-about-content i{font-size:35px}
.about-us-section .single-about-content h4{text-transform:uppercase;margin:12px 0 16px}
.about-us-section .about-main-content .text{width:100%; margin:16% 0 0 0;}
.about-us-section .about-main-content .text p{margin:30px 0}
.about-us-section .about-main-content .text a{line-height:23px;color:#333;/*text-align:center;*/}
.about-us-section .about-main-content .text a:hover {line-height:23px;color:#111; background-color:inherit; /*text-align:center;*/}
.about-us-section .about-main-content .img-box{position:relative;padding-top:30px}
.about-us-section .about-main-content .img-box:before{content:'';position:absolute;bottom:0;left:25px;width:0;height:0;z-index:-1;border-right:534px solid transparent;border-bottom:342px solid #fff}
.about-us-section .about-main-content .img-box img{margin:-15px auto 0}
.service-section{background:url(../images/home/slide-7.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.service-section .opacity{background:rgba(0,0,0,0.8);padding:80px 0 20px}
.service-section .opacity .theme-title h3{color:#fff}
.service-section .theme-title span{border-bottom-color:#fff}
.service-sldier{margin:70px 0 0;cursor:w-resize}
.service-sldier .service-item{padding:35px 25px 40px;position:relative;text-align:center;z-index:1;margin-bottom:20px; background: rgba(0,0,0,0.4); overflow:hidden}
.service-sldier .service-item:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); border:1px solid #1c1d1d;z-index:-1;-webkit-transform:scale(1,0); transform:scale(1,0); transform-origin:0 0;-webkit-transform-origin:0 0;}
.service-sldier .service-item:hover:before{-webkit-transform:scale(1);transform:scale(1)}
.service-sldier .service-item i{font-size:35px}
.service-sldier .service-item h4{color:#fff;text-transform:uppercase;margin:10px 0 19px}
.service-sldier .service-item, .h-4{color:#fff;text-transform:uppercase;margin:10px 0 19px}
.service-sldier .service-item a{font-size:12px;font-weight:500;color:#fff;width:133px;line-height:40px;margin-top:30px;-webkit-transform:translateY(80px);transform:translateY(80px)}
.service-sldier .service-item:hover a{-webkit-transform:translateY(0);transform:translateY(0)}
.service-sldier .item{margin:0 15px}
.owl-theme .owl-nav [class*=owl-]{font-family:'font-awesome';background:transparent;padding:0 10px;border-radius:0;font-size:28px;line-height:26px;color:#bebebe;margin:0}
.owl-theme .owl-nav [class*=owl-]:hover,.owl-theme .owl-nav [class*=owl-]:focus{background:transparent}
.owl-theme .owl-nav .owl-prev{border-right:1px solid #bebebe}
.owl-theme .owl-nav{position:absolute;right:5px;top:-0;margin:0}
.owl-theme.service-sldier .owl-nav [class*=owl-]{color:#545454}
.owl-theme.service-sldier .owl-nav .owl-prev{border-right:1px solid #1d2027}
.project-section{padding:10px 0 70px;background:#f2f2f2}
.project-section .project-slider{margin-top:65px;cursor:move}
.project-single-content .single-project{background:#fff;margin-bottom:30px}
.project-single-content .single-project .img{overflow:hidden;position:relative}
.project-single-content .single-project .img img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.project-single-content .single-project:hover .img img{-webkit-transform:scale3D(1.1,1.1,1);transform:scale3D(1.1,1.1,1)}
.project-single-content .single-project .img .opacity{z-index:1;position:absolute;width:140%;height:140%;top:100%;right:-98%;background:rgba(249,82,11,0.75);-webkit-transform:rotate(125deg);transform:rotate(125deg)}
.project-single-content .single-project:hover .img .opacity{top:0}
.project-single-content .single-project .img ul{position:absolute;z-index:9;bottom:10px;right:0}
.project-single-content .single-project .img ul li a{font-size:18px;color:#fff;margin:6px 18px;-webkit-transform:translateX(50px);transform:translateX(50px)}
.project-single-content .single-project:hover .img ul li a{-webkit-transform:translateX(0);transform:translateX(0)}
.project-single-content .single-project:hover .img ul li:nth-child(1) a{-webkit-transition-delay:.1s;transition-delay:.1s}
.project-single-content .single-project:hover .img ul li:nth-child(2) a{-webkit-transition-delay:.19s;transition-delay:.19s}
.project-single-content .single-project:hover .img ul li:nth-child(3) a{-webkit-transition-delay:.25s;transition-delay:.25s}
.project-single-content .single-project .text{text-align:center;padding:25px 0 15px}
.project-single-content .single-project .text h4 a{font-size:21px;text-transform:none;color:#131212;display:block;margin-bottom:7px}
.project-single-content .single-project .text ul li{display:inline-block;font-style:italic;font-size:13px;margin-top:15px}
.project-slider .item{margin:0 15px}
.page-middle-banner{position:relative;padding:30px 60px; background-color:#333; z-index:10; top:13.4em;}
.page-middle-banner.m-fix{margin-top:80px}
.page-middle-banner:before,.page-middle-banner:after{content:'';position:absolute;width:60%;height:100%;border-radius:200px 0 0 0;right:0;top:0px;}
.page-middle-banner:before{background-size:cover}
.page-middle-banner:after{background:rgba(0,0,0,0.84)}
.page-middle-banner .left-side h3{color:#fff;font-size:35px}
.page-middle-banner .left-side p{font-size:16px;font-weight:400;color:#fff;margin:14px 0 40px}
.page-middle-banner .left-side a{font-size: 32px; width: 80%;line-height: 50px; margin-left: 15%;text-align:center;color:#fff;border-radius:30px;background:#ff6828}
.page-middle-banner .left-side a:hover{background:#212121}
.page-middle-banner .right-side{text-align:center}
.page-middle-banner .right-side h2{font-size:50px;margin-bottom:35px;}
.page-middle-banner .right-side h2 a{font-size:50px;color:#ff6300;}
.page-middle-banner .left-side a:hover {margin-bottom:20px; color:#eee;}
.page-middle-banner .right-side p{color:#fff}
.page-middle-banner .right-side{position:relative;z-index:9}
.testimonial-section{padding:100px 0 80px}
.testimonial-section .testimonial-slider .item{padding:68px 30px 20px 70px}
.testimonial-section .testimonial-slider .wrapper{background:#f7f7f7;box-shadow:0 7px 12px 0 rgba(0,0,0,0.1);padding:22px 0;text-align:center;margin-right:70px;position:relative;cursor:move}
.testimonial-section .testimonial-slider .wrapper .name{width:21.5%;padding-top:30px}
.testimonial-section .testimonial-slider .wrapper .name i{display:block;width:80px;border-radius:50%;line-height:80px;background:#fff;font-size:32px;border-width:1px;margin:0 auto}
.testimonial-section .testimonial-slider .wrapper .name h5{text-transform:uppercase;margin:23px 0 5px}
.testimonial-section .testimonial-slider .wrapper p.float-left{width:78.5%;padding:55px 100px 45px 25px;border-left:1px solid #ebe3e0}
.testimonial-section .testimonial-slider .wrapper img{width:135px;height:135px;border-radius:50%;position:absolute;top:-68px;right:-68px;z-index:1}
.owl-theme .owl-dots .owl-dot{display:block;margin:10px 0}
.owl-theme .owl-dots .owl-dot span{opacity:1;margin:0;position:relative}
.owl-theme .owl-dots .owl-dot span:before{content:'';position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:#d8d5d5;border-radius:30px;z-index:-1}
.owl-theme .owl-dots .owl-dot.active span:before{-webkit-transform:scale(0);transform:scale(0)}
.owl-theme .owl-dots{position:absolute;bottom:14px;right:0}
.testimonial-section .owl-theme .owl-dots{right:70px}
.team-partner{padding:100px 0 0;margin-bottom:100px}
.team-partner.bg-color{background:#1d1d1d;padding:80px 0}
.team-partner.bg-color .theme-title h5,.team-partner.bg-color .theme-title h3{color:#fff}
.team-partner .theme-title{margin-bottom:60px}
.team-member-content .single-team-member .img{overflow:hidden;position:relative;margin-right:50px}
.team-member-content .single-team-member .img img{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.team-member-content .single-team-member:hover .img img{-webkit-transform:scale3D(1.1,1.1,1);transform:scale3D(1.1,1.1,1)}
.team-member-content .single-team-member .img .opacity{z-index:1;position:absolute;width:140%;height:140%;bottom:100%;left:-98%;background:rgba(249,82,11,0.75);-webkit-transform:rotate(-153deg);transform:rotate(-153deg)}
.team-member-content .single-team-member:hover .img .opacity{bottom:0}
.team-member-content .single-team-member .img ul{position:absolute;z-index:9;top:10px;left:0}
.team-member-content .single-team-member .img ul li a{font-size:17px;color:#fff;margin:5px 18px;-webkit-transform:translateX(-50px);transform:translateX(-50px)}
.team-member-content .single-team-member:hover .img ul li a{-webkit-transform:translateX(0);transform:translateX(0)}
.team-member-content .single-team-member:hover .img ul li:nth-child(1) a{-webkit-transition-delay:.1s;transition-delay:.1s}
.team-member-content .single-team-member:hover .img ul li:nth-child(2) a{-webkit-transition-delay:.19s;transition-delay:.19s}
.team-member-content .single-team-member:hover .img ul li:nth-child(3) a{-webkit-transition-delay:.25s;transition-delay:.25s}
.team-member-content .single-team-member .text{margin:-30px 0 0 25px;position:relative;z-index:1;text-align:center;padding:25px 0 20px}
.team-member-content .single-team-member .text h5{color:#fff;text-transform:uppercase}
.team-member-content .single-team-member .text span{display:block;font-size:14px;font-weight:300;color:#d7d7d7;margin:5px 0 12px}
.team-member-content .single-team-member .text p{color:#fff;font-size:14px}
.team-member-content .single-team-member .text ul li{display:inline-block}
.team-member-content .single-team-member .text ul li a{color:#fff;font-size:20px;margin:20px 12px 0}
.team-member-content .single-team-member .text ul li a:hover{color:#212121}
.team-slider .item{margin:0 15px}
.owl-theme.team-slider .owl-dots{bottom:40%;right:25px}
.team-partner .partner-logo{padding:0 20px}
.partner-logo .logo-wrapper .single-logo{font-size:60px;line-height:120px;text-align:center;margin-bottom:50px;color:#fff;background:#a6a5a5;border:1px solid transparent}
.team-partner.bg-color .partner-logo .logo-wrapper .single-logo{background:#343434}
.our-team-single-page .team-member-content{padding:0 30px}
.our-team-single-page .team-member-content .row{margin:0 -40px}
.our-team-single-page .team-member-content .row [class*="col-"]{padding:0 40px;margin-bottom:60px}
.our-blog{padding:0 0 100px}
.our-blog .blog-slider{margin-top:70px}
.our-blog .theme-title span{width:82%}
.our-blog .blog-slider .item{margin:0 15px}
.blog-content-wrapper .single-blog-post .img{overflow:hidden;position:relative}
.blog-content-wrapper.blog-left-text .single-blog-post .img{margin-right:70px}
.blog-content-wrapper.blog-right-text .single-blog-post .img{margin-left:60px}
.blog-content-wrapper .single-blog-post .img img{-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.blog-content-wrapper .single-blog-post:hover .img img{-webkit-transform:scale3D(1.1,1.1,1);transform:scale3D(1.1,1.1,1)}
.blog-content-wrapper .single-blog-post .img .date{position:absolute;top:10px;left:10px;width:52px;height:92px;color:#fff;font-family:'Cabin',sans-serif;font-weight:700;text-align:center;padding-top:15px}
.blog-content-wrapper .single-blog-post .img .date b{font-size:26px}
.blog-content-wrapper .single-blog-post .img .date span{font-size:20px;display:block;margin-top:5px}
.blog-content-wrapper .single-blog-post .post{padding:35px 0 40px 30px;margin-top:-75px;position:relative;z-index:9}
.blog-content-wrapper.blog-left-text .single-blog-post .post{margin-left:70px}
.blog-content-wrapper.blog-right-text .single-blog-post .post{margin-right:70px}
.blog-content-wrapper .single-blog-post .post h4 a{display:block;color:#fff;text-transform:uppercase;font-size:20px}
.blog-content-wrapper .single-blog-post .post p{color:#fff;line-height:25px;margin:27px 0 32px}
.blog-content-wrapper .single-blog-post .post>a{width:133px;line-height:40px;background:#fff;font-size:12px;text-align:center;border-radius:30px;color:#4c4b4b}
.blog-content-wrapper .single-blog-post .post>a:hover{background:#212121;color:#fff}
.our-blog.blog-single-page .single-blog-post{margin-bottom:50px}
.our-blog.blog-single-page .load-more{width:133px;line-height:40px;font-size:12px;text-align:center;border-radius:30px;color:#fff;display:block;margin:0 auto}
footer .top-footer{background-size:cover;background-attachment:fixed}
footer .top-footer .opacity{background:#04338d;padding:85px 0 0 80px}
footer .top-footer h5{text-transform:uppercase;color:#fff;margin-bottom:40px}
footer .top-footer .footer-about{width:26%}
footer .top-footer .footer-about p{line-height:25px;color:#bfbfbf;margin-bottom:28px}
footer .top-footer .footer-navigation{width:32%;padding-left:50px; color:#eee;}
footer .top-footer .footer-navigation ul{display:inline-block;vertical-align:top}
footer .top-footer .footer-navigation ul li a{font-family:'Kanit',sans-serif;font-size:15px;font-weight:400;color:#bfbfbf;text-transform:capitalize;margin-bottom:10px}
footer .top-footer .footer-navigation ul:nth-child(3){padding-left:25px}
footer .top-footer .footer-navigation .newsletter h5{margin:35px 0 32px}
footer .top-footer .footer-navigation .newsletter form{height:45px;position:relative}
footer .top-footer .footer-navigation .newsletter form input{width:100%;height:100%;border:none;background:#fff;padding:0 102px 0 12px;font-size:13px}
footer .top-footer .footer-navigation .newsletter form button{width:100px;height:100%;font-weight:500;color:#fff;position:absolute;top:0;right:0;border-radius:30px 0 0 30px}
footer .top-footer .footer-navigation .newsletter form button:hover{background:#212121}
footer .top-footer .footer-contact{width:70%;padding-left:40px}
footer .top-footer .footer-contact .contact-list { width:100%;}
footer .top-footer .footer-contact .contact-list h6{font-size:15px;color:#fff;margin-bottom:8px;margin-top:5px}
footer .top-footer .footer-contact .contact-list h6 a {font-size:15px;color:#fff; text-decoration:none;}
footer .top-footer .footer-contact .contact-list h6 a:hover {color:#fff;}

.footer-navigation .contact-list p {color:#fff;}
.footer-navigation  .top-footer .footer-contact .contact-list p a {color:#fff;}
footer .top-footer .footer-contact .contact-list{margin-bottom:20px}
footer .top-footer .footer-contact form input,footer .top-footer .footer-contact form textarea{background:#fff;border:none;margin-bottom:20px;width:100%;max-width:100%;padding:0 20px;font-weight:300}
footer .top-footer .footer-contact form input{width:100%;height:45px}
footer .top-footer .footer-contact form textarea{height:135px;max-height:135px;padding:20px}
footer .top-footer .footer-contact form button{width:120px;line-height:40px;color:#fff;font-weight:500;font-size:14px;text-transform:uppercase;border-radius:30px}
footer .top-footer .footer-contact form button:hover{background:#212121}
footer .top-footer .footer-contact form{margin-top:-43px}
footer .footer-middle{padding:50px 0 40px;}
footer .footer-middle ul li{display:inline-block}
footer .footer-middle ul li a{width:60px;line-height:58px;border-width:1px;text-align:center;margin:0 4px;font-size:20px}
footer .footer-middle ul li a:hover{color:#fff}

.right-side-1 ul {display:inline-block}
.right-side-1 ul li a{width:60px;line-height:58px;border-width:1px;text-align:center;margin:0 4px;font-size:20px}
.right-side-1 ul li a:hover{color:#fff}

footer .footer-middle p{text-transform:uppercase;color:#131212;font-weight:400;margin-top:28px}
footer .bottom-footer{background:#1d1d1d;padding:22px 0;text-align:center}
footer .bottom-footer p{color:#d6d5d5}
footer .bottom-footer p a{text-transform:none;}
.inner-banner{padding-bottom:10px;margin-bottom:100px}
.inner-banner .opacity{background:rgba(255,255,255,0.75);height:100%;padding:115px 0 75px;position:relative}
.inner-banner .theme-title{padding:10px 0 0 14px}
.inner-banner .theme-title h3{font-size:36px;font-weight:700}
.inner-banner .theme-title p{font-size:17px;color:#000;margin-top:5px}
.inner-banner .theme-title:before{width:30px;height:30px;border-left:3px solid #ff6300;border-top:3px solid #ff6300}
.inner-banner ul{position:absolute;bottom:-65px;right:0}
.inner-banner ul li{display:inline-block;font-size:14px;position:relative;padding:0 6px}
.inner-banner ul li:before{content:'-';position:absolute;top:0;right:-6px;line-height:27px;color:#1d1d1d}
.inner-banner ul li:last-child:before{display:none}
.inner-banner ul li a{color:#1d1d1d;font-weight:400;text-transform:capitalize}
.theme-sidebar{width:26%}
.theme-sidebar .single-box{position:relative;background:hsl(54,100%,62%);padding:38px 0 25px;margin-bottom:45px;border:3px solid #ff6300}
.theme-sidebar .single-box:before{content:'';position:absolute;height:3px;width:90px;top:-3px;left:-3px;background:#ff6300;z-index:1}
.theme-sidebar .single-box h5{font-size:18px;font-weight:700;text-transform:uppercase;margin:0 0 35px 45px;color:#337ab7}
.theme-sidebar .single-box ul li a{font-family:'Kanit',sans-serif;font-size:16px;display:block;line-height:50px;color:#fff;background:#ff6300;margin-bottom:10px;text-transform:capitalize;padding-left:25px;position:relative;z-index:99;border:1px solid #ff6300}
.theme-sidebar .single-box ul li a:hover{font-family:'Kanit',sans-serif;font-size:16px;display:block;line-height:50px;color:#fff;background:#337ab7;margin-bottom:10px;text-transform:capitalize;padding-left:25px;position:relative;z-index:99;border:1px solid #f2f3f4}
.theme-sidebar .single-box ul li a:before{content:'';position:absolute;top:0;bottom:0;right:0;width:52px;border-top:2px solid #ff6300;border-right:2px solid #ff6300;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.theme-sidebar .single-box ul li a:hover:before,.theme-sidebar .single-box ul li.active a:before{-webkit-transform:scale(1);transform:scale(1)}
.theme-sidebar .single-box ul li a i{font-size:15px;margin-right:7px;opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
.theme-sidebar .single-box ul li a:hover i,.theme-sidebar .single-box ul li.active a i{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}
.theme-sidebar .sidebar-search form{height:50px;position:relative;margin-bottom:40px}
.theme-sidebar .sidebar-search form input{width:100%;height:100%;background:#e8eaeb;border:none;padding:0 10px 0 48px}
.theme-sidebar .sidebar-search form button{width:45px;height:100%;text-align:right;position:absolute;top:0;left:0;font-size:15px;color:#9f9d9d;padding-right:5px;background:transparent}
.theme-sidebar .sidebar-search form:before{content:'';position:absolute;top:0;bottom:0;right:0;width:52px;border-top:2px solid #ff6300;border-right:2px solid #ff6300}
.theme-sidebar .sidebar-quick-contact{padding:48px 30px 45px 40px}
.theme-sidebar .sidebar-quick-contact h6{font-family:'Cabin',sans-serif;font-size:13px;color:#fff;text-transform:uppercase;font-weight:700}
.theme-sidebar .sidebar-quick-contact h4{font-size:22px;text-transform:uppercase;font-weight:700;margin:10px 0 13px}
.theme-sidebar .sidebar-quick-contact p{color:#fff;font-size:14px;line-height:25px}
.theme-sidebar .sidebar-quick-contact a{width:160px;line-height:45px;border-radius:30px;background:#121212;margin-top:25px;color:#fff;text-align:center}
.theme-sidebar .sidebar-quick-contact a:hover{background:#fff;color:#212121}
.theme-large-asidebar{width:74%;padding-left:45px;margin-bottom:100px}
.theme-large-asidebar.float-left{padding:0 45px 0 0}
.theme-large-asidebar>h3{margin-top:-5px}
.theme-large-asidebar>h4{margin:10px 0 45px}
.theme-large-asidebar .top-details .text{width:57%}
.theme-large-asidebar .top-details .text h6{font-size:16px;color:#131212;margin-top:28px;line-height:26px}
.angel-img-box{width:43%;margin-top:-80px;position:relative}
.theme-large-asidebar .top-details{margin-bottom:30px}
.service-details-content .middle-details{margin:30px 0}
.service-details-content .middle-details .img{width:48%;position:relative}
.service-details-content .middle-details .img:before{content:'';position:absolute;bottom:0;left:0;width:0;height:0;z-index:-1;border-top:345px solid transparent;border-left:550px solid #ff6300}
.service-details-content .middle-details .list-content{width:52%;padding-left:55px}
.service-details-content .middle-details .list-content h6{font-size:20px;text-transform:uppercase;color:#131212;margin-bottom:10px}
.service-details-content .middle-details .list-content ul li{margin-bottom:10px}
.service-details-content .middle-details .list-content ul li i{margin-right:3px}
.service-details-content .middle-details .list-content{margin-top:85px}
.details-tab-panel{margin-top:40px}
.details-tab-panel .panel-wrapper{width:55%}
.details-tab-panel .panel-wrapper h5{font-family:'Kanit',sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;margin-bottom:35px}
.details-tab-panel .panel-wrapper .details-panel .panel-heading{padding:0;border-radius:5px;border:none;background:#f2f3f4}
.details-tab-panel .panel-wrapper .details-panel .panel-heading h6 a{font-family:'Kanit',sans-serif;font-size:16px;text-transform:capitalize;color:#131212;padding:18px 10px 18px 65px;display:block;position:relative}
.details-tab-panel .panel-wrapper .details-panel .panel-group .panel{margin:0 0 20px;box-shadow:none;border-radius:0;border:none}
.details-tab-panel .panel-wrapper .details-panel .panel-group .panel-body{border:none;padding:30px 0 8px}
.details-tab-panel .panel-wrapper .details-panel .panel-group .panel-heading a:before{content:'';font-family:'font-awesome';width:28px;height:28px;background:#fff;font-size:16px;line-height:28px;text-align:center;position:absolute;left:20px;top:50%;margin-top:-14px;font-weight:400}
.details-tab-panel .panel-wrapper .details-panel .panel-group .panel-heading.active-panel a:before{content:''}
.details-tab-panel .img{width:45%;padding-left:45px;margin-top:56px}
.mixitUp-menu ul li{display:inline-block;font-size:14px;line-height:45px;font-weight:500;background:#3e3d3c;padding:0 35px;border-radius:30px;margin-right:2px;color:#fff;text-transform:uppercase;cursor:pointer;margin-bottom:15px}
.mixitUp-menu ul{margin-bottom:45px}
#mixitUp-item .mix{display:none}
.portfolio-details-page .top-details ul li p{color:#131212;text-transform:uppercase}
.portfolio-details-page .top-details ul li span{font-weight:300}
.portfolio-details-page .top-details ul{margin-top:45px}
.portfolio-details-page .top-details ul li{display:inline-block;padding-right:30px;margin-bottom:25px}
.portfolio-details-page .top-details ul li:nth-child(1),.portfolio-details-page .top-details ul li:nth-child(4){width:50%}
.portfolio-details-page .image-slider{margin:45px 0 0}
.portfolio-details-page .image-slider .carousel-indicators li{width:50px;height:5px;border-radius:0;padding:0;border:none;background:#e8eaeb;margin:0 1px}
.portfolio-details-page .image-slider .carousel-indicators{width:100%;text-align:center;left:auto;right:0;margin:0;bottom:-32px}
.portfolio-details-page .details-tab-panel{margin-top:80px}
.blog-details-page .blog-details-content .main-wrapper{background:#f6f7f8;padding:60px 0 70px 40px}
.blog-details-page .blog-details-content .text-content h3{font-size:30px;margin-bottom:30px}
.blog-details-page .blog-details-content .text-content ul.post-info{margin-left:-40px;padding-left:40px;border-top:1px solid #edeaea;border-bottom:1px solid #edeaea;margin-bottom:30px}
.blog-details-page .blog-details-content .text-content ul.post-info li{display:inline-block;margin-right:14px;font-size:13px;font-weight:300;line-height:60px}
.blog-details-page .blog-details-content .text-content ul.post-info li i{margin-right:4px;font-size:16px;vertical-align:middle}
.blog-details-page .blog-details-content .text-content p.mark-text{margin:23px 40px 20px 0;padding:25px 17px 30px 25px;color:#121212}
.blog-details-page .blog-details-content .text-content p.mark-text span{color:#fff}
.blog-details-page .blog-details-content .text-content ul.extra-list{padding-left:20px}
.blog-details-page .blog-details-content .text-content ul.extra-list li{display:block;line-height:20px;margin-bottom:18px}
.blog-details-page .blog-details-content .text-content ul.extra-list li i{width:20px;height:20px;line-height:20px;text-align:center;font-size:11px;border-width:1px;margin-right:8px;vertical-align:middle}
.blog-details-page .blog-details-content .text-content .img-item-list{margin:35px 0 33px}
.blog-details-page .blog-details-content .landscape-tips h6{font-size:18px;color:#131212}
.blog-details-page .blog-details-content .landscape-tips ol{padding:15px 0 14px 15px;margin:0}
.blog-details-page .blog-details-content .landscape-tips ol li{line-height:30px;font-weight:300;font-size:15px}
.blog-details-page .blog-details-content .landscape-tips ol li a,.blog-details-page .blog-details-content p a{font-weight:400;text-transform:none}
.blog-details-page .blog-details-content .text-content p{padding-right:40px}
.blog-details-page .blog-details-content p.m1{margin:18px 0 50px}
.blog-details-page .blog-details-content .share-option ul.share-icon{margin:0 50px 66px 0}
.blog-details-page .blog-details-content .share-option ul.share-icon li{display:inline-block;margin-right:5px;margin-top:20px}
.blog-details-page .blog-details-content .share-option ul.share-icon li a{width:35px;height:35px;background:#edeaea;line-height:35px;text-align:center;color:#636363}
.blog-details-page .blog-details-content .share-option ul.share-icon li a:hover{color:#fff}
.blog-details-page .blog-details-content .share-option p{font-weight:600;text-transform:uppercase;margin-top:28px;color:#292929}
.blog-details-page .blog-details-content .admin-text{background:#fff;padding:35px 20px 35px 150px;position:relative;margin:36px 50px 70px 0;border-width:1px}
.blog-details-page .blog-details-content .admin-text .img-content{position:absolute;left:20px;top:-55px}
.blog-details-page .blog-details-content .admin-text .img-content img{width:110px;height:110px;border-radius:50%}
.blog-details-page .blog-details-content .admin-text .img-content h6{font-size:15px;color:#131212;text-transform:uppercase;margin-top:15px;text-align:center}
.blog-details-page .blog-details-content .admin-text ul.share-icon{position:absolute;bottom:-17px;left:20px}
.blog-details-page .blog-details-content .admin-text ul.share-icon li{display:inline-block;margin-right:1px}
.blog-details-page .blog-details-content .admin-text ul.share-icon li a{width:35px;height:35px;background:#edeaea;line-height:35px;text-align:center;color:#636363}
.blog-details-page .blog-details-content .admin-text ul.share-icon li a:hover{color:#fff}
.blog-details-page .blog-details-content .admin-text p{padding-right:0}
.blog-details-page .blog-details-content .comment-area,.blog-details-page .blog-details-content .leave-comment{padding-right:50px}
.blog-details-page .blog-details-content .comment-area h6{margin-bottom:90px;font-size:16px;color:#131212;text-transform:uppercase}
.blog-details-page .blog-details-content .single-comment{padding:22px 20px 32px 150px;position:relative;margin-bottom:85px;margin-right:30px;border:1px solid #edeaea;background:#fff}
.blog-details-page .blog-details-content .single-comment.reply-comment{margin-left:80px}
.blog-details-page .blog-details-content .single-comment .img-content{position:absolute;left:20px;top:-55px}
.blog-details-page .blog-details-content .single-comment .img-content img{width:110px;height:110px;border:1px solid #ededed;border-radius:50%}
.blog-details-page .blog-details-content .single-comment .img-content p{margin-top:8px;text-align:center;color:#131212;font-weight:400}
.blog-details-page .blog-details-content .single-comment .reply{width:60px;height:60px;background:#edeaea;color:#131212;position:absolute;top:-30px;right:-30px}
.blog-details-page .blog-details-content .single-comment .reply:hover{color:#fff}
.blog-details-page .blog-details-content .leave-comment h6{font-size:16px;color:#131212;text-transform:uppercase}
.blog-details-page .blog-details-content .leave-comment p{margin:20px 0 50px}
.blog-details-page .blog-details-content .leave-comment .row{margin-right:-10px;margin-left:-10px}
.blog-details-page .blog-details-content .leave-comment .row [class*="col-"]{padding-left:10px;padding-right:10px}
.blog-details-page .blog-details-content .leave-comment input,.blog-details-page .blog-details-content .leave-comment textarea{border:1px solid #edeaea;padding:0 20px;width:100%;max-width:100%;font-size:13px;font-weight:300;background:transparent}
.blog-details-page .blog-details-content .leave-comment input{height:48px;margin-bottom:30px}
.blog-details-page .blog-details-content .leave-comment textarea{min-height:130px;padding:30px 20px;margin-bottom:13px}
.blog-details-page .blog-details-content .leave-comment ul li{display:inline-block;font-size:18px;margin-right:3px;color:#dfdbd7}
.blog-details-page .blog-details-content .leave-comment button{width:168px;line-height:45px;color:#fff;border-radius:30px;text-transform:uppercase;margin-top:26px}
.faq-page-toContent .rotate-content-box .number{width:65px;height:65px;line-height:65px;font-size:30px;color:#fff;margin:0 auto;position:relative;background:transparent;border:none;color:#fff}
.rotate-content-box .number:before{content:'';width:100%;height:100%;background:#121212;-webkit-transform:rotate(75deg);transform:rotate(75deg);position:absolute;left:2px;top:-3px;z-index:-1}
.rotate-content-box p{margin:40px 0}
.faq-page-toContent .rotate-content-box{border:1px solid #e5e1e1;text-align:center;padding:40px 22px 20px;margin-bottom:50px}
.faq-page-toContent .rotate-content-box h4{margin:27px 0 22px;text-transform:uppercase}
.faq-page-toContent .rotate-content-box p{margin:0}
.faq-panel-wrapper{padding:35px 30px 80px}
.faq-panel-wrapper .panel-wrapper h5{font-size:22px;text-transform:uppercase;display:inline-block;position:relative;margin-bottom:45px}
.faq-panel-wrapper .panel-wrapper h5:before{content:'';width:32px;height:1px;background:#292929;position:absolute;right:-42px;bottom:3px}
.faq-panel-wrapper .faq-panel .panel-heading{padding:0;border-radius:0;border:none}
.faq-panel-wrapper .faq-panel .panel-heading h6 a{font-weight:400;color:#131212;text-transform:none;padding:17px 10px 17px 55px;display:block;position:relative}
.faq-panel-wrapper .faq-panel .panel-group .panel{margin:0 0 30px;box-shadow:none;border-radius:0;border:1px solid #edeaea}
.faq-panel-wrapper .faq-panel .panel-group .panel-body{border:none;padding:14px 51px 45px 55px}
.faq-panel-wrapper .faq-panel .panel-group .panel-body p{line-height:24px}
.faq-panel-wrapper .faq-panel .panel-group .panel-body .row{margin:0 -10px}
.faq-panel-wrapper .faq-panel .panel-group .panel-body .row .img{width:50%;padding:0 10px;margin-top:35px}
.faq-panel-wrapper .faq-panel .panel-group .panel-body .row .img img{width:100%}
.faq-panel-wrapper .faq-panel .panel-group .panel-heading a:before{content:'';font-family:'font-awesome';font-size:22px;position:absolute;left:19px;top:50%;margin-top:-13px;font-weight:400}
.faq-panel-wrapper .faq-panel .panel-group .panel-heading.active-panel a:before{content:''}
.contact-us-page .contact-wrapper{width:83%;margin:0 auto}
.contact-us-page .contact-form-holder h4,.contact-us-page .contact-address h4{text-transform:uppercase;font-size:22px}
.contact-us-page .contact-form-holder>p{margin:18px 0 40px}
.contact-us-page .contact-form-holder .row{margin-left:-10px;margin-right:-10px}
.contact-us-page .contact-form-holder .row [class*="col-"]{padding-left:10px;padding-right:10px}
.contact-us-page .contact-form-holder .single-input-group{height:50px;margin-bottom:30px;position:relative}
.contact-us-page .contact-form-holder .single-input-group span.timer-drp{position:absolute;line-height:50px;top:0;right:20px;font-size:14px;cursor:pointer;z-index:-1}
.contact-us-page .contact-form-holder form textarea,.contact-us-page .contact-form-holder form input{width:100%;height:100%;padding:0 20px;border:1px solid #a3a1a1;font-size:13px;font-weight:300;color:#727272;background:transparent}
.contact-us-page .contact-form-holder form textarea{max-width:100%;height:130px;min-height:130px;padding:20px;margin-bottom:30px}
.contact-us-page .contact-form-holder .btn-group.bootstrap-select{width:100%;height:100%}
.contact-us-page .contact-form-holder .bootstrap-select > .dropdown-toggle{padding:0 20px;line-height:48px;background:transparent!important;border:1px solid #edeaea}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{font-size:13px;font-weight:300}
.contact-us-page .bootstrap-select.btn-group .dropdown-menu li:hover a span.text,.contact-us-page .dropdown-menu > li.selected > a span.text{color:#fff}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus{background:transparent}
.contact-us-page .contact-form-holder form button.send{width:168px;line-height:45px;color:#fff;border-radius:30px;text-transform:uppercase}
.contact-us-page .contact-address{margin-top:75px;margin-bottom:50px}
.contact-us-page .contact-address>p{margin:18px 0 50px}
.contact-us-page .contact-address .single-box{border:1px solid #edeaea;text-align:center;padding:50px 20px 24px;margin-bottom:50px;position:relative}
.contact-us-page .contact-address .single-box .icon{width:35px;height:35px;background:#edeaea;line-height:35px;font-size:16px;position:absolute;left:50%;top:0;margin-left:-17px}
.contact-us-page .contact-address .single-box a,.contact-us-page .contact-address .single-box p{font-family:'Kanit',sans-serif;display:block;font-weight:300;text-transform:none;font-size:15px;color:#727272}
.alert-wrapper{display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;left:0;z-index:9999999}
#success,#error{position:relative;width:500px;height:100px;top:calc(50% - 50px);left:calc(50% - 250px);background:rgba(0,0,0,0.8);text-align:center}
#success .wrapper,#error .wrapper{display:table;width:100%;height:100%}
#success .wrapper p,#error .wrapper p{display:table-cell;vertical-align:middle;letter-spacing:1px}
#success{color:#57D1C9}
#error{color:#C9182B}
#error button,#success button{color:#fff;width:40px;height:40px;line-height:20px;background:transparent;border-radius:50%;position:absolute;top:-20px;right:-20px;font-size:20px}
.form-validation label.error{display:none!important}
.form-validation input.error,.form-validation textarea.error{border:1px solid #f03838!important}
.error-page{background:url(../images/inner-page/5.jpg) no-repeat center;background-size:cover;margin-bottom:100px}
.error-page .opacity{background:rgba(249,82,11,0.8);padding:80px 0;text-align:center}
.error-page .round-border{height:285px;width:285px;position:relative;background:rgba(0,0,0,0.7);margin:0 auto 25px}
.error-page .round-border h2{font-family:'Kanit',sans-serif;font-size:132px;color:#fff;font-weight:700;line-height:285px;margin-right:-136px}
.error-page .round-border h4{font-family:'Kanit',sans-serif;text-transform:uppercase;font-style:italic;font-weight:400;font-size:24px;color:#fff;line-height:285px;margin-left:-36px}
.error-page h3{font-size:24px;color:#fff;text-transform:uppercase;font-weight:400}
.error-page p{margin-top:10px;font-size:18px;color:#fff}
.error-page a{width:220px;line-height:50px;background:rgba(0,0,0,0.45);border:1px solid #fff;color:#fff;text-transform:uppercase;margin-top:58px;border-radius:30px}
.error-page a:hover{background:#000;border-color:#000}
.banner-section{background:url(../images/home/slide-7.jpg) no-repeat center;background-size:cover;background-attachment:fixed}
.banner-section .opacity{background:rgba(0,0,0,0.88);padding:80px 0 20px}
.banner-section .opacity .theme-title h3{color:#fff}
.banner-section{margin-bottom:100px;background-image:url(../images/home/slide-7.jpg)}
.banner-section .single-about-content{text-align:center;padding:0 25px;margin-bottom:85px;height:auto}
.banner-section .single-about-content i{font-size:35px}
.banner-section .single-about-content h4{text-transform:uppercase;margin:12px 0 16px}
.banner-section .about-main-content .text{width:52%}
.banner-section .about-main-content .text p{margin:30px 0}
.banner-section .about-main-content .text a{width:210px;line-height:50px;color:#fff;text-align:center}
.banner-section .about-main-content .img-box{width:48%;position:relative;padding-top:30px}
.banner-section .about-main-content .img-box:before{content:'';position:absolute;bottom:0;left:25px;width:0;height:0;z-index:-1;border-right:534px solid transparent;border-bottom:342px solid #fff}
.banner-section .about-main-content .img-box img{margin:-15px auto 0}
.banner-slide{background-color:#ff6300;width:500px;height:50px}
.banner-title{position:relative;padding:200px 0 0 19px}
.banner-title:before{content:'';width:26px;height:26px;position:absolute;top:0;left:0;border-left:2px solid #ff6300;border-top:2px solid #ff6300}
/
/*--slider--*/
.slid-1 { width:100%; height:auto; background-color:#ccc;}
#slider2,#slider3{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 auto}
.rslides_tabs li:first-child{margin-left:0}
.rslides_tabs .rslides_here a{background:rgba(255,255,255,.1);color:#fff;font-weight:700}
.events{list-style:none}
.callbacks_container{position:relative; width:100%; height:400px; margin:0 auto;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.callbacks li{position:absolute;width:100%}
.callbacks img{position:relative;z-index:1;height:auto;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;left:0;right:0;padding:10px 20px;margin:0;max-width:none;top:10%;text-align:center}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:55%;left:40px;opacity:.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:47px;width:47px}
.callbacks_nav.next{left:auto;background:url(../images/home/left.png) no-repeat 11px 9px #000;right:78.6%}
.callbacks_nav.next:hover{background-color:#23B684}
.callbacks_nav.prev{left:auto;background:url(../images/home/right.png) no-repeat 8px 10px #000;left:15.4%}
.callbacks_nav.prev:hover{background-color:#23B684}
#slider3-pager a{display:inline-block}
#slider3-pager span{float:left;width:100px;height:15px;background:#fff;display:inline-block;border-radius:30em;opacity:.6}
#slider3-pager .rslides_here a{background:#FFF;border-radius:30em;opacity:1}
#slider3-pager a{padding:0}
#slider3-pager li{display:inline-block}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;position:relative;display:block;float:left}
.rslides img{height:auto;border:0}
.callbacks_tabs{list-style:none;position:absolute;top:75%;left:46%;padding:0;margin:0;display:block;z-index:99}
.slider-top span{font-weight:600}
.callbacks_tabs li{display:inline-block;margin:0 7px;border:1px solid #fff;border-radius:50%;line-height:0;width:26px;height:26px;padding:0 5px}
.callbacks_tabs a{visibility:hidden}
.callbacks_tabs a:after{content:"\f111";font-size:0;font-family:FontAwesome;visibility:visible;display:block;height:15px;width:15px;display:inline-block;background:#fff;border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%}
.callbacks_here a:after{background:#ff4c4c}
.banner-top{background:url(../images/home/hotel-exterior.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.banner-top1-1{background:url(../images/home/hotel-exterior-slider.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}

.banner-top1-2{background:url(../images/home/hotel-exterior-slider-1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}

.banner-top1{background:url(../images/home/single-bedroom.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.banner-top2{background:url(../images/home/double-bedroom.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.banner-top3{background:url(../images/home/kichen-room.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.banner-top4{background:url(../images/home/outdoor-pool-new.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.banner-top5{background:url(../images/home/sea-attraction.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.ban-button a{color:#fff;border-bottom:2px solid #e25006;font-size:16px;padding:.8em 1em;width:100%;text-decoration:none;background:#ff6300;text-align:left;letter-spacing:1px;font-size:22px}
.ban-button a:hover{color:#fff;border-bottom:2px solid #e25006;font-size:16px;padding:.8em 1em;width:100%;text-decoration:underline;background:rgba(3,58,159,100);text-align:left;letter-spacing:1px;font-size:22px}
.ban-web-button a:hover{color:#fff;border-bottom:2px solid #e25006;font-size:16px;padding:.8em 1em;width:300px;text-decoration:underline;background:rgba(3,58,159,100);text-align:center;letter-spacing:1px;font-size:22px}
.ban-web-button a{color:#fff;border-bottom:2px solid #e25006;font-size:16px;padding:.8em 1em;width:300px;text-decoration:none;background:#ff6300;text-align:center;letter-spacing:1px;font-size:22px;border-radius:20px}
.slider-info{padding:14em 0}
.slider-info h3,.slider-info h2{font-size:3.7em;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:0; background: rgba(0,0,0,0.5);text-align: center;}
.slider-info h4{font-size:3.7em;color:#fff;text-transform:uppercase;font-weight:600;letter-spacing:0;padding:.2em 0 .7em}
.banner-form-agileinfo p{color:#fff;font-weight:400;letter-spacing:.5px;font-size:14px;margin:1em 0;line-height:1.8em}
.banner-form-agileinfo h5{color:#fff;font-size:25px;letter-spacing:1px;text-transform:uppercase}
.slider-info i{font-size:4em;color:#fff}
.bannergrids{margin-top:8em}
.bannergrids .grid1 p{color:#fff;margin:1.5em 0;font-size:16px;line-height:26px}
.modal-header{font-size:2em;color:#999;text-align:center;text-transform:uppercase;border:1px solid #fff}
.close{opacity:1}
.modal-body p{color:#333;text-align:left;padding:1em 2em 0;margin:0!important;line-height:2em}
.modal-body p i{display:block;margin:1em 0;color:#212121}
.modal-body{padding:0}
.modal-body img{padding:0 1em}
.modal-content{border-radius:0}
button.close{font-size:1.5em;color:#000;outline:none}
.banner-form-agileinfo span,.banner-form-agileinfo hvr-shutter-in-vertical{border:none;width:100%;background:rgba(0,0,0,0.5);padding:10px 15px;margin-bottom:15px;outline:none;font-size:14px;color:#fff;letter-spacing:1px}
.banner-form-agileinfo span{color:#ff6300}
.banmenu span{width:250px;margin-top:0;padding:12px 10px;font-size:15px;color:#fff;letter-spacing:1px;text-transform:uppercase;border:1px solid #fff;background:#ff6300;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all;transition:.5s all}
.banner-form-agileinfo span:hover{background:#ff6300}
.banner-form-agileinfo{background:#fff;background:#ff6300;padding:3em 2em;border-radius:25px}
::-webkit-input-placeholder{color:#fff}
::-moz-placeholder{color:#fff}
::-ms-input-placeholder{color:#fff}
::-moz-placeholder{color:#fff}
.bannerbottomleft img{width:100%;padding:0;opacity:.7}
.bannerbottomleft{padding:0;position:relative}
.video-grid-single-page-agileits img{width:100%}
#video{position:relative;background:#000;width:100%;margin:0 auto;clip-path:polygon(0 0,100% 0%,80% 100%,0% 100%)}
#video img,#video iframe{display:block;width:100%}
#play{position:absolute;top:45%;left:44%;width:64px;height:64px;cursor:pointer;background:url(../images/play-button.png) no-repeat 0 0;background-size:auto,cover;z-index:9}
.video_agile_player{padding:0}
.home-agile-text{background:#3BC391;padding:9em 5em;min-height:714px}
.home-agile-text h4{text-transform:uppercase;font-weight:700;font-size:2em;line-height:1.4em;margin-bottom:.5em;color:#111;letter-spacing:1px}
.home-agile-text p{line-height:2em;font-size:1.2em;color:#fff;margin:.5em 0 2em}
.bannerbottomright{padding:4em 6em 4em 4em}
.bannerbottomright h3{font-size:35px;color:#000;margin-bottom:.5em}
.bannerbottomright p{font-size:15px;color:#4e4e4e;margin-bottom:2.5em;line-height:26px;letter-spacing:.5px}
.bannerbottomright h4{font-size:22px;margin:1em 0 0;color:#444;text-transform:capitalize}
.bannerbottomright i.fa{width:45px;color:#23B684}
@media(max-width: 1366px) {
.top-nav-text{width:18%;margin-left:6em}
.slider-info{padding:10em 0 0}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:3.4em}
.callbacks_nav{top:51%}
.callbacks_nav.prev{left:9%}
.callbacks_nav.next{right:84%}
.slider-info i{font-size:3.5em}
.bannerbottomright{padding:4em 5em 4em 3em}
.bannerbottomright h4{font-size:20px}
.clients{padding:6em 6em 6em 8em}
.Servicebottomtext h3{font-size:32px}
.banner-dott,.banner-dott1,.banner-top,.banner-top1,.banner-top2,.banner-top3,.banner-top4,.banner-top5 {min-height:600px}
}
@media (max-width:640px) {
h1,.h1,h2,.h2,h3,.h3{margin-top:0;margin-bottom:0; font-size: 130%;}
.grid_5 h3,.grid_5 h2,.grid_5 h1,.grid_5 h4,.grid_5 h5,h3.hdg,h3.bars{margin-bottom:.5em}
.progress{height:10px;margin-bottom:10px}
ol.breadcrumb li,.grid_3 p,ul.list-group li,li.list-group-item1{font-size:14px}
.breadcrumb{margin-bottom:10px}
.well{font-size:14px;margin-bottom:10px}
h2.typoh2{font-size:1.5em}
.col-md-8{margin-top:20px;margin-bottom:20px}
.callbacks_container { position:relative;  width:100%; height:auto; margin: 0 auto;}
}
@media (max-width:480px) {
.table h1{font-size:26px}
.table h2{font-size:23px}
.table h3{font-size:20px}
.label{font-size:53%}
.alert,p{font-size:14px}
.pagination{margin:20px 0 0}
.callbacks_container { position:relative;  width:100%; height:auto; margin: 0 auto;}
.banner-dott,.banner-dott1,.banner-top,.banner-top1,.banner-top2,.banner-top3,.banner-top4,.banner-top5{min-height:250px}
}
@media (max-width:760px) {
.table h1{font-size:26px}
.table h2{font-size:23px}
.table h3{font-size:20px}
.label{font-size:53%}
.alert,p{font-size:14px}
.pagination{margin:20px 0 0}
.callbacks_container { position:relative;  width:100%; height:auto; margin: 0 auto;}
.banner-dott,.banner-dott1,.banner-top,.banner-top1,.banner-top2,.banner-top3,.banner-top4,.banner-top5{min-height:200px}
}
@media (max-width: 320px) {
.grid_4{margin-top:18px}
.alert,p,ol.breadcrumb li,.grid_3 p,.well,ul.list-group li,li.list-group-item1,a.list-group-item{font-size:13px}
.alert{padding:10px;margin-bottom:10px}
ul.pagination li a{font-size:14px;padding:5px 11px!important}
.list-group{margin-bottom:10px}
.well{padding:10px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{font-size:.81em}
.table td,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:11px!important}
.codes .row{margin:0}

.callbacks_container { position:relative;  width:100%; height:auto; margin: 0 auto;}
}
@media(max-width: 1920px) {
.callbacks_nav.prev{left:20.8%}
.callbacks_nav.next{right:74%}
.services-bottom{padding:5em 10em 4.55em 4em}
}
@media(max-width: 1680px) {
.callbacks_nav.prev{left:16.7%}
.callbacks_nav.next{right:77.5%}
.services-bottom{padding:5em 10em 5.4em 4em}
}
@media(max-width: 1600px) {
.callbacks_nav.prev{left:15.4%}
.callbacks_nav.next{right:78.6%}
.services-bottom{padding:5em 10em 5em 4em}
}
@media(max-width: 1440px) {
.callbacks_nav.prev{left:11%}
.callbacks_nav.next{right:82.2%}
.clients{padding:6em 8em}
.Servicebottomtext{padding-right:6em}
.top-nav-text{width:17%;margin-left:9em}
}

@media(max-width: 1280px) {
.top-nav-text{width:19%;margin-left:3em}
.slider-info{padding:8em 0 0}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:3.2em}
.callbacks_nav{top:48%}
.callbacks_nav.prev{left:6%}
.callbacks_nav.next{right:86.4%;right:86.4%}
.bannerbottomright{padding:3em 2em 0 3em}
.bannerbottomright h4{font-size:19px}
.services-bottom{padding:5em 6em 5em 4em}
.clients{padding:5.55em 6em 6em}
.agileits_w3layouts_about_counter_left p{font-size:2.8em}
.Servicebottomtext h3{font-size:30px}
.bannerbottomright h3{font-size:30px}
.heading h3,.heading h2{font-size:40px}
}
@media(max-width: 1080px) {
.navbar-header h1 a{font-size:28px}
.navbar-nav > li{margin:0}
.navbar-default .navbar-nav > li > a{margin:0 .6em}
.top-nav-text{width:23%;margin-left:2em}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:2.8em}
.slider-info .col-md-4{padding:0}
.banner-form-agileinfo{padding:2em 1em}
.banner-form-agileinfo h5{font-size:23px}
.callbacks_nav.prev{left:7%}
.callbacks_nav.next{right:84%}
.slider-info i{font-size:3em}
.banner-form-agileinfo p{font-size:13.5px}

.bannerbottomright{padding:2em 2em 0}
.bannerbottomright h4{font-size:18px}
#video img,#video iframe{height:360px}
.hovereffect p{width:50%}
.services-bottom{padding:4em 2em}
.clients{padding:4.05em 4em 4em 5em}
.w3-agile-grid{padding:0 5px}
.w3-address-right{width:91%}
.w3-address-left{width:9%}
.servicegrid1 h4{font-size:20px}
.servicegrid1 h5{font-size:70px;top:-35px}
.Servicebottomtext h3{font-size:27px}
.Servicebottomtext{padding-right:2em}
.Servicebottomtext p{font-size:14px;margin:2em 0 0}
.Servicebottomtext h4{font-size:18px}
.Servicebottomtext i.fa{width:45px;height:45px;line-height:45px}
.b-wrapper h5,.b-wrapper h2{font-size:2em;padding:33% 0}
.blog,.team,.services,.codes,.typography,.w3ls_address_mail_footer_grids,.portfolio{padding:4em 0}
.w3-agile-grid h5{font-size:22px}
.agileits-footer{padding:3em 0}
.icon-box{padding:8px 0}
}
@media(max-width: 1050px) {
.navbar-header h1 a{font-size:25px;padding:20px 10px}
.navbar-default .navbar-nav > li > a{margin:0 .5em;font-size:13.5px}
.top-nav-text{width:23%;margin-left:3em}
.nav-contact-w3ls i.fa{font-size:15px;width:36px;height:36px;line-height:36px}
.agileits_w3layouts_about_counter_left h3{letter-spacing:1px}
.heading h3,.heading h2{font-size:35px;margin-bottom:.7em}
.contactright h3,h4.white-w3ls{font-size:25px}
h3.agileits-icons-title{font-size:35px}
}
@media(max-width: 1024px) {
.top-nav-text{width:24%;margin-left:2em}
.w3ls-button a{font-size:15px;padding:.7em 1em}
.callbacks_nav.prev{left:5%}
.callbacks_nav.next{right:85.5%}
.bannerbottomright{padding:2em 1em 0}
.clients{padding:4em 3em 4em 4em}
.bannergrids .grid1 p{font-size:15px}
.Servicebottomtext h3{font-size:26px}
.contactright{padding-left:6em;padding-top:3em}
}
@media(max-width: 991px) {
.navbar-default .navbar-nav > li > a{font-size:13.5px}
.top-nav-text{width:25%;margin-left:1em}
.bannergrids .col-md-4{width:33.33%;float:left}
.callbacks_nav{top:27%}
.callbacks_nav.prev{left:14.5%}
.callbacks_nav.next{right:75.5%}
.banner-form-agileinfo{padding:2em 3em}
.slider-info{padding:4em 0 0}
.bannergrids{margin-top:6em}
#video img,#video iframe{height:auto}
.bannerbottomright{padding:3em 5em 0}
.wthree_team_grid{text-align:center;width:50%;float:left;margin-bottom:4em}
.wthree_team_grid:nth-child(3),.wthree_team_grid:nth-child(4){margin-bottom:0}
.hovereffect img{margin:0 auto}
.hovereffect{width:100%}
.clients{padding:4em 6em}
.agileits_w3layouts_about_counter_left{width:50%;float:left}
.services-bottom{padding:4em 10em}
.blog-grid{width:50%;float:left;margin-bottom:4em}
.blog-grid:nth-child(3){margin-bottom:0}
.w3-agile-grid{padding:0 15px;margin-bottom:4em}
.w3-agile-grid:nth-child(3){margin-bottom:0}
.servicegrids p{font-size:14px}
.servicegrid1{width:33.33%;float:left;padding:0 5px}
.servicegrid1 h4{font-size:18px}
.Servicebottomtext{padding:0 10em}
.resp-tab-item{font-size:1em}
.b-wrapper h5,.b-wrapper h2{font-size:1.8em;padding:33% 0}
.w3ls_footer_grid_left{margin-bottom:2em;width:33.33%;float:left}
.contactright{padding-left:0;text-align:center}
.wthree_footer_grid_left{margin:0 auto;margin-bottom:1em}
.banner1{min-height:230px}
.icon-box{padding:8px 5px}
}
@media(max-width: 900px) {
.header{padding:0}
.nav-contact-w3ls p{font-size:14px}
.nav-contact-w3ls i.fa{margin-right:.2em}
.nav-contact-w3ls{padding-right:0;margin-right:10px;float:right}
.top-nav-text{width:22%;margin-left:1em}
.callbacks_nav.prev{left:11%}
.callbacks_nav.next{right:78%}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:2.6em}
}
@media(max-width: 800px) {
.navbar-default .navbar-nav > li > a{letter-spacing:.2px}
.nav-contact-w3ls{margin-top:7px}
.top-nav-text{width:24%;margin-left:0}
.nav-contact-w3ls i.fa{width:30px;height:30px;line-height:30px}
.navbar-default .navbar-nav > li > a{font-size:13.2px;margin:0 .3em}
.callbacks_nav.prev{left:6%}
.callbacks_nav.next{right:81.5%}
.Servicebottomtext{padding:0 6em}
.banner1{min-height:200px}
}
@media(max-width: 768px) {
.slider-info h3,.slider-info h2,.slider-info h4{font-size:2.4em}
.callbacks_nav.prev{left:4%}
.callbacks_nav.next{right:83%}
.navbar-header h1 a{font-size:22px;padding:20px 7px}
.navbar-default .navbar-nav > li > a{font-size:13px}
.nav-contact-w3ls{margin-right:5px}
.nav-contact-w3ls p{font-size:13px}
}
@media(max-width: 736px) {
.navbar-header h1 a{display:inline-block;float:left;padding:20px;font-size:25px}
div#bs-example-navbar-collapse-1{position:absolute;z-index:999;width:100%;text-align:center;background:#000;background:rgba(35,182,132,0.9)}
.navbar-right{float:none!important;width:auto}
.navbar-nav > li a{display:inline-block}
.navbar-default .navbar-nav > li > a{font-size:14px;padding:10px 0}
.navbar-toggle{border-radius:0;margin-top:15px}
.navbar-default .navbar-toggle{border-color:#fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#e01f3d}
.top-nav-text{width:30%;margin-left:0;position:absolute;z-index:999;top:10%;left:43%}
.callbacks_nav.next{right:82%}
.clients{padding:4em 5em}
.blog-grid:nth-child(2){margin-bottom:6em}
.readmore-w3 a{padding:7px 20px;margin:0}
.servicegrid1 h4{font-size:17px}
.portfolio-grids{width:33.33%;float:left;padding:0 5px;margin-bottom:10px}
.resp-tab-item{padding:10px 14px}
.w3ls_footer_grid_left p{letter-spacing:0}
.navbar-nav .open .dropdown-menu{text-align:center}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#fff}
.banner1{min-height:180px}
.icon-box{padding:8px 15px}
.nav-contact-w3ls p{font-size:14px}
.nav-contact-w3ls{margin-top:0}
}
@media(max-width: 667px) {
.callbacks_nav.next{right:80%}
.callbacks_nav.prev{left:5%}
.clients{padding:4em 3em}
.services-bottom{padding:4em 5em}
.blog-grid{width:100%;float:none;margin-bottom:3em}
.blog-grid:nth-child(2){margin-bottom:3em}
.servicegrid1{width:100%;float:left;margin-bottom:2em}
.servicetopgrids{margin-bottom:0}
.Servicebottomtext{padding:0 3em}
.hovereffect h6,.hovereffect hr{left:50%}
.resp-tab-item{padding:10px;margin:0}
.blog,.team,.services,.codes,.typography,.w3ls_address_mail_footer_grids,.portfolio{padding:3em 0}
}
@media(max-width: 640px) {
.slider-info h3,.slider-info h2,.slider-info h4{font-size:2.2em}
.callbacks_nav{top:24%}
.callbacks_nav.next{right:79%}
section.slider{padding:0 1em 0 2em}
.flex-active-slide p{padding-bottom:.3em}
.flex-control-nav{bottom:20px;left:99%}
.portfolio-grids{width:50%}
.resp-tab-item{padding:10px 6px}
.w3ls_address_mail_footer_grids iframe{height:20em}
}
@media(max-width: 600px) {
.top-nav-text{width:34%}
.callbacks_nav.next{right:78%}
.Servicebottomtext h3{font-size:23px}
.resp-tab-item{padding:10px 30px;margin-bottom:1em}
.resp-tabs-list{padding:0 0 1em}
.banner1{min-height:150px}
#play{top:40%;width:60px;height:60px;background:url(../images/play-button.png) no-repeat 0 0;background-size:60px}
}
@media(max-width: 568px) {
.callbacks_nav.next{right:77%}
.Servicebottomtext h3{font-size:22px}
.copyright p{line-height:1.8em}
}
@media(max-width: 480px) {
.top-nav-text{width:41%}
.callbacks_nav.prev{left:7%}
.callbacks_nav.next{right:72%}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:2em}
.callbacks_nav{top:22%}
.bannerbottomright{padding:3em 3em 0}
.services-bottom{padding:4em 0}
.slider-info i{font-size:2.5em}
.Servicebottomtext h3{font-size:20px;line-height:30px}
.Servicebottomtext h4{font-size:15px}
.w3-agile-grid h5{font-size:20px}
.w3ls_footer_grid_left{width:100%;float:none}
}
@media(max-width: 414px) {
.top-nav-text{width:100%;left:-50%;top:54%}
.navbar-toggle{border-radius:0;margin-top:75px}
.navbar-header h1 a{display:block;float:none}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:1.8em}
.callbacks_nav.next{right:68.5%}
.bannerbottomright h4{font-size:17px}
.bannerbottomright i.fa{width:30px}
.bannerbottomright{padding:3em 2em 0}
.bannerbottomright h3{font-size:25px}
.heading h3,.heading h2{font-size:30px}
.wthree_team_grid h4{font-size:1.2em}
.client h5{font-size:17px;margin-top:1.3em}
.agileits_w3layouts_about_counter_left h3{letter-spacing:0}
.resp-tab-item{padding:10px 15px;margin-bottom:1em}
.b-wrapper h5,.b-wrapper h2{font-size:1.5em}
.banner1{min-height:130px}
h3.agileits-icons-title{font-size:30px}
h3.icon-subheading{font-size:1.6em}
#play{left:40%;width:50px;height:50px;background:url(../images/play-button.png) no-repeat 0 0;background-size:50px}
h3.hdg{font-size:1.6em}
}
@media(max-width: 384px) {
.top-nav-text{left:-45%}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:1.7em}
.callbacks_nav{top:21%}
.callbacks_nav.prev{left:8%}
.callbacks_nav.next{right:69%}
.callbacks_nav{height:42px;width:42px}
.bannergrids .grid1 p{font-size:14px}
.banner-form-agileinfo{padding:2em}
.bannerbottomright h4{font-size:15px}
.wthree_team_grid{width:100%;float:none}
.wthree_team_grid:nth-child(3){margin-bottom:4em}
.agileits_w3layouts_about_counter_left{padding:0}
.layer{padding:3em 0}
.portfolio-grids{width:100%}
.b-wrapper h5,.b-wrapper h2{font-size:1.8em}
.resp-tab-item{padding:10px}
.contact-form{padding:3em 2em}
.Servicebottomtext{padding:0 2em}
.w3ls_address_mail_footer_grids iframe{height:18em}
}
@media(max-width: 375px) {
.slider-info .col-md-8{padding:0}
.callbacks_nav.prev{left:5%}
.callbacks_nav.next{right:71%}
.w3-agile-grid h5{font-size:18px}
.Servicebottomtext{padding:0 1em}
.slider-info{padding: 7em 0 0;}
.slider-info h4{padding:.2em 0 1em}
}
@media(max-width: 320px) {
.top-nav-text{left:-35%}
.slider-info h3,.slider-info h2,.slider-info h4{font-size:1.5em}
.callbacks_nav{top:18%}
.callbacks_nav.next{right:67%}
.banner-form-agileinfo{padding:2em 1em}
.banner-form-agileinfo h5{font-size:20px}
.bannerbottomright{padding:3em 1em 0}
.bannerbottomright h4{line-height:25px}
h2 a { font-size: 100%; color: #ff6300;}
.clients{padding:4em 2em}
.flex-active-slide p{letter-spacing:1px}
.client h5{font-size:16px}
.agileits_w3layouts_about_counter_left{width:100%;float:none}
.agileits_w3layouts_about_counter_left:nth-child(4){margin-bottom:4em}
.resp-tab-item{padding:10px 4px;font-size:.9em}
.w3ls_address_mail_footer_grids iframe{height:15em}
.banner1{min-height:100px}
#play{top:35%;left:40%;width:40px;height:40px;background:url(../images/play-button.png) no-repeat 0 0;background-size:40px}
}
.banner-top-grill{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-grill-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-grill-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-ac{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-ac1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-ac2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-gate{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-gate-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-gate-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-gr{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-gr-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-gr-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-marc{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-marc-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-marc-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-rail{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-rail-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-rail-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-retfix{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-retfix-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-retfix-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-rollshut{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-rollshut-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-rollshut-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-stcs{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-stcs-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-stcs-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-woodc{background:url(../images/home/b3.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-woodc-1{background:url(../images/home/b1.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.banner-top-woodc-2{background:url(../images/home/b2.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:400px}
.site-color{color:#000;}
.btn-primaryy {background: #F48418; color: #fff;}
.formcontrol {display: block; width: 95%; height: 34px; margin-right: 25px; margin-bottom: 0px; float: left; padding: 6px; font-size: 14px; color: #555; background-image: none; border: 1px solid #ccc; border-radius: 4px; }

body{padding:0!important;}
p.lan {
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    color: #eb2f06;
    font-weight: 600;
}
.bold {
    font-weight: 700;
}