body a{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
body,body a,html{font-family:Roboto,sans-serif}
body,html{font-size:100%}
body{background:#000}
a.Logo{display:block;width:75pt;height:60px;background-image:url(../images/logo.png);background-size:contain;background-repeat:no-repeat;background-position:center}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}
p{letter-spacing:1px;font-family:Roboto,sans-serif}
p,ul{margin:0}
ul{padding:0}
ol,p,ul{font-size:14px;letter-spacing:1px;color:#6e6e6f;line-height:1.9em}
.background-video{position:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;width:100%;height:100%}
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right,a,input[type=submit]{transition:.5s ease-in;-webkit-transition:.5s ease-in;-moz-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in}
a:hover{text-decoration:none}
.agile_wthree_nav{position:absolute;z-index:999;width:100%;margin:0 auto;padding:0 3em}
.navbar-brand{font-size:1em;line-height:73px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:15px 0}
.navbar-brand span{line-height:30px;padding:0 5px;display:inline-block;border:4px solid #feba02}
.navbar-brand span i{line-height:37px}
.navbar-right{float:left!important;margin-right:0;margin-left:0}
.navbar-nav{float:left;margin:1.7em 0 0 6em}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#ff0101}
.nav>li>a{font-family:Cabin Condensed,sans-serif}
.agile_short_dropdown{border-radius:0;background:#000;text-align:center;padding:0;border:none;opacity: 0.8;}
.agile_short_dropdown li a{text-transform:uppercase;color:#fff;font-size:13px;font-weight:600;padding:.8em 0}
.agile_short_dropdown>li>a:hover{color:#fff;text-decoration:none;background-color:#000}
.link-effect-8 ul.nav li a{-moz-transition:ease-out .3s .1s;-o-transition:ease-out .3s .1s;-webkit-transition:ease-out .3s;-webkit-transition-delay:.1s;transition:ease-out .3s .1s}
.link-effect-8 ul.nav li a::before{height:2px;width:100%;background:#797878;content:"";position:absolute;left:0;top:0;visibility:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
.link-effect-8 ul.nav li a::after{height:2px;width:100%;content:"";position:absolute;left:0;top:100%;visibility:hidden;-moz-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;transition:.3s}
.link-effect-8 ul.nav li a:hover::before,.navbar-default .navbar-nav>.active>a::before{visibility:visible;top:100%;background:#000}
.link-effect-8 ul.nav li a:hover::after,.navbar-default .navbar-nav>.active>a::after{visibility:visible;top:0;background:#000}
.agileits_w3layouts_sign_in a{padding:.6em 2em;color:#fff;background:#000;text-decoration:none;letter-spacing:2px;border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background:0 0!important;color:#fff}
.agile_short_dropdown>li>a:hover{color:#fff;text-decoration:none;background-color:#000}
.link-effect-8 ul.nav li a{-moz-transition:ease-out .3s .1s;-o-transition:ease-out .3s .1s;-webkit-transition:ease-out .3s;-webkit-transition-delay:.1s;transition:ease-out .3s .1s}
.link-effect-8 ul.nav li a:before{background:#797878;top:0}
.link-effect-8 ul.nav li a:after,.link-effect-8 ul.nav li a:before{height:0px;width:100%;content:"";position:absolute;left:0;visibility:hidden;-webkit-transition:.3s;transition:.3s}
.link-effect-8 ul.nav li a:after{top:100%}
.link-effect-8 ul.nav li a:hover:before,.navbar-default .navbar-nav>.active>a:before{visibility:visible;top:100%;background:#000}
.link-effect-8 ul.nav li a:hover:after,.navbar-default .navbar-nav>.active>a:after{visibility:visible;top:0;background:#000}
.cd-main-header{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .3s;transition:transform .3s;position:relative}
.cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible{-webkit-transform:translateX(-260px);transform:translateX(-260px)}
.nav-on-left .cd-main-content.nav-is-visible,.nav-on-left .cd-main-header.nav-is-visible{-webkit-transform:translateX(260px);transform:translateX(260px)}
.cd-header-buttons{position:absolute;top:0;right:0}
.cd-header-buttons,.cd-header-buttons li{display:inline-block}
.cd-nav-trigger,.cd-search-trigger{position:relative;display:block;width:44px;height:44px;overflow:hidden;white-space:nowrap;color:transparent;z-index:3}
.cd-search-trigger:after,.cd-search-trigger:before{content:'';position:absolute;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cd-search-trigger:before{top:11px;left:11px;width:18px;height:18px;border-radius:50%;border:3px solid #fff}
.cd-search-trigger:after{height:3px;width:8px;background:#fff;bottom:14px;right:11px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.cd-search-trigger span{position:absolute;height:100%;width:100%;top:0;left:0}
.cd-search-trigger span:after,.cd-search-trigger span:before{content:'';position:absolute;display:inline-block;height:3px;width:22px;top:50%;margin-top:-2px;left:50%;margin-left:-11px;background:#fff;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s}
.cd-search-trigger span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.cd-search-trigger span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cd-search-trigger.search-is-visible:after,.cd-search-trigger.search-is-visible:before{-moz-opacity:0;opacity:0}
.cd-search-trigger.search-is-visible span:after,.cd-search-trigger.search-is-visible span:before{-moz-opacity:1;opacity:1}
.cd-search-trigger.search-is-visible span:before{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.cd-search-trigger.search-is-visible span:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.cd-search{position:absolute;width:100%;top:100%;left:0;z-index:3;opacity:0;visibility:hidden;-webkit-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}
.cd-search input{border-radius:0;border:none;background:rgba(0,0,0,.75);width:100%;padding:0 4%;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;font-size:1em;padding:1.3em 2em;color:#545151;font-weight:300;letter-spacing:4px}
.cd-search input::-webkit-input-placeholder{color:#fff!important}
.cd-search input:-moz-placeholder,.cd-search input::-moz-placeholder{color:#fff!important}
.cd-search input:-ms-input-placeholder{color:#fff!important}
.cd-search input:focus{outline:0}
.cd-search.is-visible{-moz-opacity:1;opacity:1;visibility:visible;-webkit-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
.agile_search input[type=search]::-webkit-input-placeholder{color:#fff!important}
.agile_search{margin-top:1.3em}
.main_agileits{position:relative}
.s1{position:absolute;z-index:10;left:29%;top:31%;width:39%}
.s1 h3{font-size:5em;font-weight:700;letter-spacing:10px;line-height:1.1em}
.s1 h3,.s1 p{color:#fff;text-align:center}
.s1 p{margin:0;font-size:.9em;letter-spacing:5px;text-shadow:1px 1px 2px hsla(0,2%,9%,.66)}
.s1 span{display:block;font-family:Arial;font-size:25px;color:#666;text-align:center}
ul.pagination{left:48%!important;bottom:1%!important}
.w3-button{margin:2em auto 0;text-align:center}
.w3l-button a,.w3ls-about-left a,.w3ls-button a{font-weight:600;color:#feba02;padding:10px 30px;border:1px solid #feba02;border-right:1px solid hsla(0,0%,100%,0);outline:0;background-color:hsla(0,0%,100%,.07);border-radius:0;letter-spacing:1px}
.w3l-button a:focus{outline:0}
.w3l-button a:hover{background:#feba02;border:2px solid #feba02}
.w3ls-button a:hover{background:#feba02;border:1px solid #feba02;color:#fff}
.navbar-default{background:0 0;border:none}
.navbar{margin-bottom:0}
.navbar-brand{font-size:1em;line-height:27px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding:0;color:#fff;text-shadow:1px 1px 2px hsla(0,2%,9%,.66)}
.navbar-brand span{line-height:30px;padding:4px;display:inline-block;border:4px solid #feba02}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#0b0d0c}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#feba02;background:0 0}
.navbar-nav>li>a{padding:0;font-weight:400;line-height:3;letter-spacing:2px;color:#fff;font-family:Roboto,sans-serif;text-transform:uppercase}
.navbar-default .navbar-nav>li>a{color:#777}
.navbar-collapse{padding:0;border-top:none;box-shadow:none}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border:none}
.navbar-right{float:left;margin-right:0;margin-left:0}
.navbar-nav{float:left;margin:1.7em 0 0 28em}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover,li.active a{color:#fff}
.agileits_w3layouts_sign_in{float:right;margin-top:2em}
.agileits_w3layouts_sign_in a{padding:.6em 2em;color:#fff;background:#000;text-decoration:none;letter-spacing:2px}
.agileits_w3layouts_sign_in a:hover{color:#ffce14}
nav.navbar.navbar-default{margin-top:1em}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{background:0 0!important}
.navbar-default .navbar-brand,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#fff}
.navbar-nav>li{margin-right:4em}
.agile_short_dropdown{border-radius:0;background:#000;text-align:center;padding:0;border:none;}
.agile_short_dropdown li a{text-transform:uppercase;color:#212121;font-size:13px;font-weight:600;padding:.8em 0}
.agile_short_dropdown li a:after,.agile_short_dropdown li a:before{display:none}
.agile_short_dropdown>li>a:hover{color:#fff!important;text-decoration:none;background-color:#000}
.banner_bottom_w3ls_agile,.featured_services,.portfolio-agileinfo{padding:5em 0}
h2.agile_heading,h3.agile_heading{color:#282828;font-size:3em;font-weight:600;letter-spacing:1px}
h2.agile_heading{line-height:1.5em;letter-spacing:3px}
h3.agile_heading.two{color:#fff}
.banner_bottom_w3ls_info{margin:0 auto;text-align:center;width:60%}
.banner_bottom_w3ls_info p{margin:2em 0}
.agileits-button{text-align:center}
.agileits-button a{font-weight:600;color:#feba02;padding:10px 30px;border:1px solid #feba02;border-right:1px solid hsla(0,0%,100%,.02);outline:0;background-color:hsla(0,0%,100%,.07);border-radius:0;letter-spacing:1px}
.agileits-button a:hover{background:#feba02;border:1px solid #feba02;color:#fff}
.agile_services_img_wthree{background:url(../images/banner.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:600px}
.agile_services{background:#000}
.icon-left{float:left;width:60px;height:60px;text-align:center;padding:1.2em 0 0;margin-right:1em;border:1px solid #fff}
.icon-right{float:left;width:70%}
.icon-left i.fa{color:#fff;line-height:19px}
.icon-left i.fa,.icon-right h5{font-size:1.4em;-webkit-transition:.5s all;transition:.5s all}
.icon-right h5{color:#feba02;margin:0;font-weight:600;letter-spacing:1px}
.icon-right p{margin:.5em 0 1em}
.w3ls-markets-grid:hover .icon-left{webkit-animation:fa-spin 3s infinite linear;animation:fa-spin 3s infinite linear;background:#feba02;border:1px solid #feba02}
.agileits-icon-grid a:focus{outline:0}
.agileits-icon-grid:hover .icon-left i{color:#fff}
.agileits-icon-grid:hover .icon-right h5{color:#feba02}
.agile_inner_grids{padding:4em 2em 3em}
.w3ls-markets-grid{margin:0 0 3em}
.w3ls-markets-grid_top{margin-top:4em}
.agile_inner_info{margin-top:3em}
p.sub_cap{text-align:center;text-shadow:1px 1px 2px hsla(0,0%,60%,.37);letter-spacing:2px}
.portfolio-agileinfo h3.text-center{font-size:40px;font-weight:400;color:#000;padding-bottom:50px}
.portfolio-agileinfo .portfolio-grids a{display:block;overflow:hidden;position:relative}
.portfolio-agileinfo .portfolio-grids img.img-responsive{width:100%}
.portfolio-agileinfo .b-wrapper{background:rgba(6,156,214,.63);position:absolute;width:100%;height:100%;bottom:-100%;left:0;padding:6.5em 0 0;transition:.5s all;text-align:center}
.portfolio-agileinfo .b-wrapper.two{padding:15.5em 0 0}
.portfolio-agileinfo .portfolio-grids a:hover .b-wrapper{bottom:0}
.portfolio-agileinfo i{margin:0 auto;text-align:center;color:#fff;font-size:2em;border:1px solid hsla(0,0%,100%,.58);padding:10px}
.portfolio-agileinfo .b-wrapper h5{font-size:25px;font-weight:400;color:#fff;text-align:center;padding:14px 0}
.portfolio-agileinfo .b-wrapper p{font-size:14px;color:#fff;font-weight:400;line-height:1.8em;text-align:center}
.portfolio-agileinfo .gallery-grids{margin:0}
.portfolio-agileinfo h3{color:#000;text-align:center}
.portfolio-grids{margin-bottom:15px}
.portfolio-grids img{width:100%}
.portfolio-grids_left{padding:0}
.portfolio-grids.one{margin:0;padding:0}
.featured_services{text-align:center}
.w3_service_grid_left_grid{width:90pt;height:90pt;border:1px solid #212121;margin:0 auto;padding-top:1em;position:relative;overflow:hidden}
.w3_service_grid_left_grid img{margin:0 auto}
.w3_agile_service_more a i{padding-left:1em;color:#48b7ec}
.w3_agile_service_more a:hover{color:#48b7ec}
.w3_agile_service_more a:hover i{color:#212121}
.w3_service_grid_left_grid img{transition:transform .5s;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}
.w3l_service_grid_left:hover .w3_service_grid_left_grid img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.w3l_service_grid_left:hover .w3_service_grid_left_grid{border:1px solid #48b7ec}
.agile_services_grid figure{margin:0;padding:0;overflow:hidden}
.projects_img img{width:100%}
.details-grid-info-w3lsagile.slide_agile_te_info{padding:1em;background:#f3f4f5}
.hover06 figure img{-webkit-transform:rotate(15deg) scale(1.4);transform:rotate(15deg) scale(1.4);-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out}
.hover06 figure:hover img,.w3_agile_services_grid:hover .hover06 figure img{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);-moz-transform:rotate(0) scale(1);-o-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1)}
.agile_services_grid{position:relative}
.numscroller{text-align:left;margin-left:110px}
.stats{background:url(../images/banner2.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;height:370px;padding-top:70px}
.stats,.stats h3{text-align:center}
.stats h3{color:#fff;position:relative;letter-spacing:3px}
.stats p{color:#eaeaea;font-size:1pc;line-height:35px;letter-spacing:2px;text-align:left;margin-left:110px}
.stats-info{margin-top:60px}
.stats-grid i{margin-bottom:35px;padding:21px 0 0;border:1px solid #fff;float:left;width:85px;height:85px;font-size:40px;color:#fff}
.stats-grid{font-size:35px;font-weight:600;color:#fff;margin-bottom:10px}
p.stats-info{margin-top:0}
.agile_testimonials{background:url(../images/banner1.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-size:cover;min-height:700px;padding-top:4em}
.testmonial_agile_info{padding:6em 10em}
.agileits-button.two{text-align:left;margin-top:2em}
.about-midd-main{text-align:right}
.testmonial_agile_info p{color:#fff;margin:1em 0;line-height:2em}
.about-midd-main i{font-size:2em}
.about-midd-main img{text-align:right}
.agile_tesimonials_content{text-align:center;padding:4em 5em;border:1px solid hsla(0,0%,87%,.23);width:59%;margin:4em auto 1em}
.agile_tesimonials_content p{color:#fff;font-size:.8em;margin:0;line-height:2.2em;letter-spacing:2px;text-align:left}
.agile_tesimonials_content h4{color:#feba02;font-size:1.2em;letter-spacing:1px;text-align:right}
.inner_agile_pages{background:url(../images/banner.jpg) no-repeat 0 0;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-moz-background-size:cover;min-height:300px}
ul.w3_short li{display:inline-block;text-transform:uppercase;color:#030408;font-size:.9em;font-weight:500;letter-spacing:2px}
ul.w3_short li a{color:#feba02;text-decoration:none}
.services-breadcrumb{padding:1em 0;background:#f5f5f5;text-align:center}
.services-breadcrumb ul li span{padding:0 1.5em}
ul.w3_short{text-align:left}
.agile_inner_breadcrumb{padding:0 4em}
h3.agile_heading.inner{text-align:center}
.grid_3.grid_4.w3_agileits_icons_page{margin:0}
ul.bs-glyphicons-list li:hover{background:#000;transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all}
ul.bs-glyphicons-list li:hover span{color:#fff}
.codes a{color:#999}
.row.fontawesome-icon-list{margin:0}
.icon-box{padding:8px 15px;background:hsla(0,0%,58%,.18);margin:1em 0;border:5px solid #fff;text-align:left;box-sizing:border-box;font-size:13px;cursor:pointer}
.icon-box,.icon-box:hover{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all}
.icon-box:hover{background:#000}
.icon-box:hover a.agile-icon,.icon-box:hover i.fa{color:#fff!important}
.codes .bs-glyphicons li{float:left;width:12.5%;height:115px;padding:10px;line-height:1.4;text-align:center;font-size:9pt;list-style-type:none}
.codes .bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}
.codes .glyphicon{position:relative;top:1px;display:inline-block;font-family:Glyphicons Halflings;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#777}
.codes .bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}
h3.icon-subheading{font-size:25px;color:#feba02!important;margin:30px 0 15px;font-weight:400;letter-spacing:1px}
h3.agileits-icons-title{text-align:center;font-size:35px;color:#000;font-weight:300}
.icons a{color:#999}
.icon-box i{margin-right:10px!important;font-size:20px!important;color:#282a2b!important}
.bs-glyphicons li{float:left;width:18%;height:115px;padding:10px;line-height:1.4;text-align:center;font-size:9pt;list-style-type:none;background:hsla(0,0%,58%,.18);margin:1%;cursor:pointer}
.bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px;color:#282a2b}
.glyphicon{position:relative;top:1px;display:inline-block;font-family:Glyphicons Halflings;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#777}
.bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}
.HeaderShadow{width: 100%; height: 120px; position: absolute;left:0;top:0;background-color: #000;  filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; }
.ContactBox{ text-align: center; padding: 15%; line-height: 30px;}
.ContactBox h2{ font-size: 18px; margin-bottom: 20px;}
.ContactBox p{ font-size: 14px;}
@media (max-width:1080px){.icon-box{width:33.33%}
}
@media (max-width:991px){h3.agileits-icons-title{font-size:28px}
h3.icon-subheading{font-size:22px}
.icon-box{width:50%;float:left}
}
@media (max-width:768px){h3.agileits-icons-title{font-size:28px}
h3.icon-subheading{font-size:25px}
.row{margin-right:0;margin-left:0}
.icon-box{margin:0}
}
@media (max-width:640px){.icon-box{float:left;width:50%}
h3.icon-subheading{font-size:22px}
.grid_3.grid_4.w3_agileits_icons_page{margin-top:0}
}
@media (max-width:480px){.bs-glyphicons li{width:31%}
h3.agileits-icons-title{font-size:25px}
h3.icon-subheading{font-size:19px}
}
@media (max-width:414px){h3.agileits-icons-title{font-size:23px}
h3.icon-subheading{font-size:18px}
.bs-glyphicons li{width:31.33%}
}
@media (max-width:384px){.icon-box{float:none;width:100%}
}
@media (max-width:375px){.w3_agileits_icons_page{margin:0!important}
}
.list-group-item,.typo p,.well,li.list-group-item1{font-weight:300;font-size:14px}
.typo p{margin:0}
.show-grid [class^=col-]{background:#fff;text-align:center;margin-bottom:10px;line-height:2em;border:10px solid #f0f0f0}
.show-grid [class*=col-]:hover{background:#e0e0e0}
.grid_3{margin-bottom:2em}
.xs h3,h3.m_1{color:#000;font-size:1.7em}
.grid_3 p,.xs h3,h3.m_1{font-weight:300;margin-bottom:1em}
.grid_3 p{color:#999;font-size:.85em}
.grid_4{background:0 0;margin-top:50px}
.label{font-weight:300!important;border-radius:4px}
.grid_5{background:0 0;padding:2em 0}
.grid_5 h1,.grid_5 h2,.grid_5 h3,.grid_5 h4,.grid_5 h5,h3.bars,h3.hdg{margin-bottom:1em;color:#feba02;letter-spacing:1px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:none!important}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:0}
.badge-primary{background-color:#03a9f4}
.badge-success{background-color:#8bc34a}
.badge-warning{background-color:#ffc107}
.badge-danger{background-color:#e51c23}
.grid_3 p{line-height:2em;color:#888;font-size:.9em;margin-bottom:1em;font-weight:300}
.bs-docs-example{margin:1em 0}
section#tables p{margin-top:1em}
.tab-container .tab-content{border-radius:0 2px 2px 2px;border:1px solid #e0e0e0;padding:1pc;background-color:#fff}
.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:15px!important}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{font-size:.9em;color:#999;border-top:none!important}
.tab-content>.active{display:block;visibility:visible}
.label{font-weight:300!important;padding:4px 6px;border:none;text-shadow:none}
.alert{font-size:.85em}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button{line-height:2em;margin-top:.5em;margin-bottom:.5em}
li.list-group-item1{line-height:2.5em}
.input-group{margin-bottom:20px}
.in-gp-tl{padding:0}
.in-gp-tb{padding-right:0}
.list-group{margin-bottom:3pc}
ol{margin-bottom:44px}
h2.typoh2{margin:0 0 10px}
@media (max-width:800px){.grid_3.grid_5.agileinfo,.grid_3.grid_5.agileits,.grid_3.grid_5.w3l,.grid_3.grid_5.w3ls,.grid_3.grid_5.wthree{margin:0}
}
@media (max-width:768px){.grid_5{padding:0 0 1em}
.grid_3{margin-bottom:0}
.grid_3.grid_5.w3l{margin-top:1.5em}
}
@media (max-width:640px){.h1,.h2,.h3,h1,h2,h3{margin-top:0;margin-bottom:0}
.grid_5 h1,.grid_5 h2,.grid_5 h3,.grid_5 h4,.grid_5 h5,h3.bars,h3.hdg{margin-bottom:.5em}
.progress{height:10px;margin-bottom:10px}
.grid_3 p,li.list-group-item1,ol.breadcrumb li,ul.list-group li{font-size:14px}
.breadcrumb{margin-bottom:25px}
.well{font-size:14px;margin-bottom:10px}
h2.typoh2{font-size:1.5em}
.label{font-size:60%}
.in-gp-tl{padding:0 1em}
.in-gp-tb{padding-right:1em}
.list-group{margin-bottom:20px}
}
@media (max-width:480px){.grid_5 h1,.grid_5 h2,.grid_5 h3,.grid_5 h4,.grid_5 h5,h3.bars,h3.hdg{font-size:1.2em}
.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}
.grid_3.grid_4.w3layouts{margin-top:0}
}
@media (max-width:320px){.grid_4{margin-top:18px}
h3.title{font-size:1.6em}
.alert,.grid_3 p,.well,a.list-group-item,li.list-group-item1,ol.breadcrumb li,p,ul.list-group li{font-size:13px}
.alert{padding:10px}
.alert,.list-group{margin-bottom:10px}
.well{padding:10px}
.nav>li>a{font-size:14px}
.bs-docs-example,.table-bordered,table.table.table-striped{display:none}
}

.footer{padding:5% 10%;background:#000; text-align: center; }
.footer *{ color: #777; font-size: 14px;}
.footer ul{ margin: auto; width: 100%; max-width: 1440px;}
.footer ul li{ width: 20%; float: left; text-align: left;}
.footer ul li:first-child{ margin-left: 11%}

.footer ul li h3{font-size: 14px; background:url(../images/point.jpg) no-repeat left center;background-size:5px 5px; padding-left: 20px; margin-bottom: 20px;}
.footer ul li h3 a{ padding: 0;}
.footer ul li a{ display: block; padding-left: 20px; margin-bottom: 10px;}
.footer ul li a:hover{ color: #fff;}

.footer ul li p{ display:block; text-align: left; padding-left: 20px;}

.footer .container{ clear: both; padding-top: 110px;background:url(../images/logo.png) no-repeat center top; background-size:90px 75px}
.footer .container a{ color: #666}

#toTop{display:none;text-decoration:none;position:fixed;bottom:55px;right:2%;z-index:999;border:none;text-indent:100%;background:url(../images/up.png) no-repeat 0 0}
#toTop,#toTopHover{overflow:hidden;width:2pc;height:2pc}
#toTopHover{display:block;float:right;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
div.PhotoBox{ text-align: center;}
div.PhotoBox a{ display: block; margin: auto;width: 100%; max-width: 1440px}
div.PhotoBox a img{width: 100%; height: auto; max-width: 1440px;}
div.PhotoBox p{ display: block; margin: auto;width: 100%; max-width: 1440px}
div.PhotoBox p img{width: 100%; height: auto; max-width: 1440px;}

div.IndexLogoBox{ padding: 10%; text-align: center;}
div.IndexLogoBox a{display: block; float: left; width: 50%; height: 550px; background-size: 90% auto;background-repeat: no-repeat; background-position: center; margin-bottom: 5%;}
div.IndexLogoBox a:hover{ background-size: 100% auto;}
div.IndexLogoBox a.GuitarLogo{ background-image: url(/storage/app/media/others/logo-guitar.jpg);}
div.IndexLogoBox a.UkuleleLogo{ background-image: url(/storage/app/media/others/logo-ukulele.jpg);}

@media(max-width:1440px){.w3-button{margin:2em auto 0;text-align:center;width:54%}
}
@media(max-width:1366px){.w3-button{margin:2em auto 0;text-align:center;width:57%}
.agile_inner_grids{padding:3em 2em 0}
.s1 h3{font-size:4.5em}
.banner_bottom_w3ls_agile,.featured_services,.portfolio-agileinfo{padding:4em 0}
}
@media(max-width:1280px){.navbar-nav{margin:1.7em 0 0 21em}
.inner_agile_pages{min-height:250px}
.w3-button{margin:2em auto 0;text-align:center;width:64%}
.icon-right h5{font-size:1.2em}
.portfolio-agileinfo .b-wrapper{padding:5.2em 0 0}
.portfolio-agileinfo .b-wrapper.two{padding:12.5em 0 0}
.testmonial_agile_info{padding:6em}
h2.agile_heading,h3.agile_heading{font-size:2.5em}
.w3agile_blog_left_grid1_left ul li{font-size:13px}
.w3agile_blog_left_grid1_left ul li span{padding-right:.5em}
.agileits_recent_posts_gridr h4 a{font-size:.9em}
.details-w3lsagile{padding:4em 0}
}
@media(max-width:1080px){.navbar-nav{margin:1.7em 0 0 11em}
.w3-button{margin:2em auto 0;text-align:center;width:74%}
.agile_inner_grids{padding:1em 0 0 1em}
.icon-right h5{font-size:1.1em}
.icon-left{float:left;width:50px;height:50px;padding:1em 0 0}
.agile_tesimonials_content{text-align:center;padding:4em 1em;width:66%;margin:3em auto 1em}
.footer form{width:53%}
.w3agile_blog_left_grid_r h3{font-size:1.3em}
.w3agile_blog_left_grid_r ul li span{padding-right:.5em}
.w3agile_blog_left_grid_r ul li i{padding:0 1em}
.contact-right{padding-left:1em;float:left;width:70%}
.details-grid-info-w3lsagile h4{font-size:1em}
.navbar-nav>li{margin-right:3em}
.agile_testimonials{min-height:630px;padding-top:3em}
.s1 h3{font-size:4em}
.stats-grid{font-size:27px;padding:0}
.stats p{font-size:13px;line-height:25px}
.stats-grid i{margin-bottom:35px;padding:15px 0 0;float:left;width:55px;height:55px;font-size:27px}
.stats{height:289px;text-align:center;padding-top:50px}
}
@media(max-width:1050px){.portfolio-agileinfo .b-wrapper{padding:3.7em 0 0}
.portfolio-agileinfo .b-wrapper.two{padding:9.5em 0 0}
.testmonial_agile_info{padding:6em 4em}
.s1{position:absolute;z-index:10;left:29%;top:27%;width:43%}
.w3-button{margin:2em auto 0;text-align:center;width:67%}
.navbar-nav{margin:1.7em 0 0 8em}
}
@media(max-width:1024px){.agile_services_img_wthree{min-height:25pc;width:100%}
.agile_inner_grids{padding:2em 0 1em 3em;width:100%}
.w3_agile_services_grid h4{font-size:1.2em;letter-spacing:2px;margin:2.5em 0 .5em}
.w3agile_blog_left_grid1_left.w3layouts_recent_grid{float:none;width:100%}
.w3agile_blog_left_grid1_right{width:100%;margin-top:1em}
.w3agile_blog_left_grid1_left{width:100%;margin-top:2em}
.agile_author h3,.agileinfo_calender h3,.agileits_comment h3,.w3agile_similar_posts h3,.w3l_categories h3,.w3ls_recent_posts h3,.wthree_faq h3{font-size:1.3em}
.banner_bottom_w3ls_agile,.featured_services,.portfolio-agileinfo{padding:3em 0}
.inner_agile_pages{min-height:209px}
.agile_inner_info{margin-top:2em}
.w3agile_blog_left_grid_sub1{position:relative;margin:2em 0 1em}
p.sub_cap.two{width:98%;margin:2% auto 0;line-height:2em}
.w3_banner_bottom_sale_form{padding:3em 2em}
.agile_submit{margin-top:1em}
.w3_banner_bottom_pos input[type=submit]{padding:1.2em 1em}
}
@media(max-width:991px){.s1 h3{font-size:4em}
.w3-button{margin:2em auto 0;text-align:center;width:72%}
.navbar-nav>li{margin-right:2em}
.portfolio-grids_left{padding:0;float:left;width:50%}
.portfolio-grids.one{margin:0;padding:0;margin-bottom:.8em}
.portfolio-grids{margin-bottom:8px;padding:0 5px}
.agile_info_mail_img{min-height:25pc;margin-left:0;width:100%}
.agile_info_mail_img_info{padding:2em 2em 7em;margin-bottom:2em;float:none;width:100%}
.wthree_contact_left_grid{padding-left:0;padding:0}
.w3agile_blog_left{margin-top:2em}
.agileits_comment_grid_left{padding-left:0;padding:0;margin-bottom:2em}
.agile_author,.w3ls_recent_posts{margin:2em 0}
.w3agile_similar_post_left_grid_pos{position:absolute;bottom:-15%;right:66%}
.w3agile_similar_post_left:nth-child(2){margin-top:2em}
.w3agile_similar_post_left h4 a{font-size:1em;margin:3em 0 .5em}
.agile_port_w3ls_info{margin:0 6.6em}
.portfolio-agileinfo .b-wrapper.two{padding:14.5em 0 0}
.portfolio-agileinfo .b-wrapper{padding:6.7em 0 0}
.w3layouts_stats_left{text-align:center;float:left;width:25%}
.w3_agile_services_grid{text-align:left;float:left;width:50%}
.w3_agile_services_grid:nth-child(3){margin-top:2em}
.testmonial_agile_info{padding:3em 2em 2em;text-align:center}
.agileits-button.two{text-align:center;margin-top:2em}
.agile_testimonials{min-height:622px;padding-bottom:3em}
.agile_tesimonials_content{text-align:center;padding:4em 2em;width:66%;margin:0 auto 1em}
.agileits-button.two.single{text-align:left}
.details-w3lsagile{padding:4em 0}
.details-grid-w3lsagile{padding:0 5px;width:50%;float:left}
.details-grid-w3lsagile.details-grid-3-w3lsagile:nth-child(3){margin-top:.7em}
.stats-grid{font-size:27px;padding:0;width:100%}
.stats{height:463px;text-align:center;padding-top:50px}
}

@media(max-width:900px){.navbar-nav{margin:1.7em 0 0 3em}
.banner_bottom_w3ls_info{margin:0 auto;text-align:center;width:75%}
.agile_port_w3ls_info{margin:0 3.6em}
.s1{position:absolute;z-index:10;left:27%;top:27%;width:46%}
}
@media(max-width:800px){.navbar-nav>li{margin-right:1.5em}
.s1 h3{font-size:3.7em}
.s1{position:absolute;z-index:10;left:25%;top:27%;width:51%}
.agile_port_w3ls_info{margin:0 .6em}
.agile_services_img_wthree{min-height:344px;width:100%}
.w3agile_blog_left{margin-top:2em}
.agile_wthree_nav{padding:0 1em}
.footer ul{ display: none;}
}
@media(max-width:768px){.portfolio-grids_left{padding:0;float:left;width:50%}
.agile_tesimonials_content{text-align:center;padding:2em;width:80%;margin:2em auto 1em}
.s1{position:absolute;z-index:10;left:22%;top:31%;width:55%}
.w3ls-markets-grid{margin:0 0 1em}
.w3ls-markets-grid_top{margin-top:2em}
.agile_inner_grids{padding:2em 0 1em 2em}
.agileits_w3layouts_nav_left ul li{margin-right:2em}
.footer{padding:3em 0}
.w3-button{margin:1.2em auto 0;width:72%}
.navbar-nav{margin:1.7em 0 0 2em}
.inner_agile_pages{min-height:149px}
.w3agile_blog_left_grid_r ul{padding:0 0 .5em}
}
@media(max-width:767px){.navbar-toggle{margin:1em 0 0}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-default .navbar-toggle{border-color:hsla(0,0%,96%,.71);border-radius:0}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border:none;position:absolute;width:100%;background:hsla(0,0%,5%,.78);z-index:999}
.navbar-right{margin:1em 0 0}
.navbar-nav{margin:0;text-align:center;padding:1em 0 0}
.navbar-nav>li>a{margin:0;display:inline-block}
.navbar-nav{margin:0;text-align:center;padding:1em 0 0;width:100%}
.agile_wthree_nav{padding:0 1em}
.cd-header-buttons{position:absolute;display:inline-block;top:-3pc;right:10%}
.navbar-header.navbar-left h1{margin-top:7px}
.agile_search{margin-top:0}
.nav>li{position:relative;display:block;margin-bottom:1em}
.navbar-nav .open .dropdown-menu{background-color:#feba02;color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#111}
.s1{position:absolute;z-index:10;left:22%;top:26%;width:55%}
.agile_inner_info_stats{margin-top:.5em}
.stats-grid{font-size:27px;padding:0;width:100%;margin-bottom:29px}
.navbar-nav>li{margin-right:0}
}
@media(max-width:736px){
 div.IndexLogoBox a{width: 100%; height: 237px;}

.s1{position:absolute;z-index:10;left:22%;top:27%;width:58%}
.cd-header-buttons{position:absolute;display:inline-block;top:-3pc;right:14%}
.portfolio-agileinfo .b-wrapper.two{padding:13.5em 0 0}
.portfolio-agileinfo .b-wrapper{padding:6.3em 0 0}
.inner_agile_pages{min-height:10pc}
.footer form{width:87%}
.nav>li{margin-bottom:.5em}
}
@media(max-width:667px){.banner_bottom_w3ls_info{margin:0 auto;text-align:center;width:87%}
.agile_services_img_wthree{min-height:295px}
.w3_agile_services_grid h4{font-size:1.1em;letter-spacing:1px;margin:2.5em 0 .5em}
.w3l-button a,.w3ls-about-left a,.w3ls-button a{padding:.6em 1.5em;font-size:.8em}
.portfolio-agileinfo .b-wrapper.two{padding:12.5em 0 0}
.portfolio-agileinfo .b-wrapper{padding:5.3em 0 0}
.w3agile_similar_post_left_grid_pos{position:absolute;bottom:-15%;right:60%}
.agileits_w3layouts_nav{margin:2em 0}
.stats-grid i{margin-bottom:31px;padding:11px 0 0;float:left;width:45px;height:45px;font-size:23px}
.stats p{font-size:13px;line-height:20px;letter-spacing:2px}
.stats-grid{font-size:24px;padding:0;margin-bottom:27px}
.stats{height:360px;padding-top:40px}
.w3_banner_bottom_sale_form{padding:2em 0}
p.sub_cap.two{width:91%;margin:2% auto 0;line-height:2em}
.agile_submit{margin-top:1.2em}
.w3_banner_bottom_pos input[type=submit]{width:100%;outline:0;padding:1em}
.details-w3lsagile{padding:3em 0}
.s1 p{letter-spacing:3px;margin-top:10px}
}
@media(max-width:640px){.slides,.slides li,.slides-box{height:500px}
.agile_info_mail_img{min-height:331px;margin-left:0;width:100%}
.agile_map iframe{width:100%;min-height:200px}
.agile_tesimonials_content{text-align:center;padding:1em .5em;width:96%;margin:0 auto 1em}
.details-w3lsagile{padding:2em 0}
.details-grid-w3lsagile{padding:0 5px;width:100%;float:left}
.details-grid-w3lsagile.details-grid-3-w3lsagile:nth-child(3){margin-top:0}
.details-grid-w3lsagile.details-grid-3-w3lsagile:nth-child(2){margin:.7em 0}
}
@media(max-width:600px){.s1{position:absolute;z-index:10;left:19%;top:27%;width:65%}
.portfolio-agileinfo .b-wrapper.two{padding:10.5em 0 0}
.portfolio-agileinfo .b-wrapper{padding:4.5em 0 0}
.agileits_w3layouts_nav_left{float:none;text-align:center;margin-bottom:1em}
.agileits_w3layouts_nav_right{float:none;text-align:center}
}
@media(max-width:568px){.s1 h3{font-size:3em}
.s1{position:absolute;z-index:10;left:16%;top:27%;width:69%}
.footer form{width:100%}
.w3agile_blog_left_grid_l{float:left;width:70px;height:75pt}
.inner_agile_pages{min-height:137px}
.agile_inner_breadcrumb{padding:0 1em}
.agile_info_mail_img_info{padding:2em 1em 7em}
.contact-right span{font-size:.85em}
.agileits_comment_grid_left{margin-bottom:1em}
.agileits_comment_grid_left textarea{min-height:95px}
}
@media(max-width:480px){.banner_bottom_w3ls_info{margin:0 auto;text-align:center;width:99%}
.agile_services_img_wthree{min-height:234px}
.portfolio-agileinfo .b-wrapper.two{padding:7.5em 0 0}
.portfolio-agileinfo .b-wrapper{padding:3.1em 0 0}
.w3layouts_stats_left{text-align:center;float:left;width:50%;margin-bottom:1em;padding:0}
.w3-button{margin:1.2em auto 0;width:85%}
.w3_agile_services_grid{text-align:left;float:left;width:100%}
.w3_agile_services_grid:nth-child(3){margin-top:0}
.w3_agile_services_grid:nth-child(2){margin:2em 0}
.agile_inner_grids{padding:2em 0 1em 1em}
.w3agile_similar_post_left_grid_pos{position:absolute;bottom:-15%;right:41%}
.navbar-brand{font-size:.9em}
}
@media(max-width:440px){.w3-button{margin:1.2em auto 0;width:92%}
.portfolio-agileinfo i{font-size:1.5em}
.w3agile_blog_left_grid_r{float:right;width:100%;text-align:left;margin-top:1em}
.w3agile_blog_left_grid_l{float:left;width:75pt;height:75pt}
.w3agile_blog_left{padding:0}
.footer{padding:2em 0}
}
@media(max-width:414px){.w3l-button a,.w3ls-about-left a,.w3ls-button a{padding:.5em 1em;font-size:.8em}
.cd-search input{font-size:.9em;padding:1em}
.icon-right h5{font-size:1em}
.w3ls-markets-grid{padding:0}
}
@media(max-width:384px){.s1{position:absolute;z-index:10;left:13%;top:31%;width:73%}
.banner_bottom_w3ls_agile,.featured_services,.portfolio-agileinfo{padding:2.5em 0}
.portfolio-grids_left{padding:0;float:left;width:100%}
.portfolio-agileinfo .b-wrapper{padding:6.1em 0 0}
.portfolio-agileinfo .b-wrapper.two{padding:12.5em 0 0}
.w3agile_similar_post_left_grid_pos{position:absolute;bottom:-15%;right:38%}
.w3agile_blog_left_grid_r h3{font-size:1.2em}
.details-grid-info-w3lsagile h4{font-size:.9em}
h2.agile_heading{line-height:1.4em;letter-spacing:1px}
}
@media(max-width:375px){.navbar-brand{font-size:.8em}
.s1 h3{font-size:2em;letter-spacing:2px}
.s1{position:absolute;z-index:10;left:13%;top:31%;width:74%}
.w3-button{margin:.7em auto 0;width:92%}
.w3agile_blog_left_grid_r h3{font-size:.95em}
.agile_author_grid_pos{position:absolute;top:-24%;left:33%}
.banner_bottom_w3ls_agile,.featured_services,.portfolio-agileinfo{padding:2em 0}
}
@media(max-width:320px){.s1 p{font-size:.75em;letter-spacing:1px}
.w3l-button a,.w3ls-about-left a,.w3ls-button a{padding:.5em 1em;font-size:.75em}
.w3-button{margin:.7em auto 0;width:100%}
.portfolio-agileinfo .b-wrapper{padding:5em 0 0}
.portfolio-agileinfo .b-wrapper.two{padding:10.5em 0 0}
.agileits_w3layouts_nav_left ul li{margin-right:1em}
.w3agile_similar_post_left_grid_pos{position:absolute;bottom:-15%;right:36%}
}