Team:NKU CHINA/page js11

/*-- reset code --*/ body{ padding:0; margin:0; background:#FFF; } body a{

   transition:0.5s all;

-webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } input[type="button"],input[type="submit"]{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } h1,h2,h3,h4,h5,h6{ margin:0; padding:0; } p{ margin:0; padding:0; } ul{ margin:0; padding:0; } label{ margin:0; } button{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } img { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; } /*-- /reset code --*/ body { font-family: 'Open Sans', sans-serif; letter-spacing:1px; } body p { color:#999; }

/*-- navigation --*/ .navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 999999; } .navbar-wrapper > .container { padding-right: 0; padding-left: 0; } .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; } /*.navbar-wrapper .navbar .container { width: auto; }*/ @media (min-width: 768px) { .navbar-wrapper {

   margin-top: 20px;

} .navbar-wrapper .container {

   padding-right: 15px;
   padding-left: 15px;

} .navbar-wrapper .navbar {

   padding-right: 0;
   padding-left: 0;

} .navbar-wrapper .navbar {

   border-radius: 4px;

} }

ul.nav.navbar-nav.navbar-right {

   margin-right: 70px;

} .navbar-inverse {

   background-color: rgba(34, 34, 34, 0);
   border-color: #080808;

} .navbar-brand {

   float: left;
   height: 50px;
   padding: 5px 10px;
   font-size: 18px;
   line-height: 20px;

} .navbar-brand h1 { font-size:20px; font-weight:normal; color:#fff; font-family: 'Gruppo', cursive; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

   color: #fff;
   background-color: transparent;

} .navbar-nav>li>a { padding-top: 10px;

   padding-left: 5px;
   padding-bottom: 10px;
   padding-right: 5px;

} .navbar {

   position: relative;
   min-height: 50px;
   margin-bottom: 0px;
   border: 1px solid transparent;

} .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {

   color: #fff;
   background-color:#FF7F59;

} /* Effect 20: 3D side */ .cl-effect-20 a { line-height: 2em; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; } .cl-effect-20 a span { position: relative;

   display: inline-block;
   width: 115px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 16px;
   color: #fff;
   font-weight: normal;
   background: #FF7F59;
   box-shadow: inset 0 3px #000000;
   -webkit-transition: background 0.6s;
   -moz-transition: background 0.6s;
   transition: background 0.6s;
   -webkit-transform-origin: 50% 0;
   -moz-transform-origin: 50% 0;
   transform-origin: 50% 0;
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-transform-origin: 0% 50%;
   -moz-transform-origin: 0% 50%;
   transform-origin: 0% 50%;

} .cl-effect-20 a span::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; color: #c0392b; text-align:center; content: attr(data-hover); -webkit-transform: rotateX(270deg); -moz-transform: rotateX(270deg); transform: rotateX(270deg); -webkit-transition: -webkit-transform 0.6s; -moz-transition: -moz-transform 0.6s; transition: transform 0.6s; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0; pointer-events: none; } .cl-effect-20 a:hover span, .cl-effect-20 a:focus span { background: #c0392b; } .cl-effect-20 .active a span, .cl-effect-20 .active a span { background:#fff; color: #c0392b; } .cl-effect-20 a:hover span::before, .cl-effect-20 a:focus span::before { -webkit-transform: rotateX(10deg); -moz-transform: rotateX(10deg); transform: rotateX(10deg); } /* //Effect 20: 3D side */ /*-- /navigation --*/ /*--search--*/ .search-box{

} .sb-search { position: absolute; right:275px; top:10px; /*-- w3layouts --*/ width: 0%; min-width:42px; height:40px; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; z-index: 99999; } .sb-search-input { position: absolute; top: 0; right: 3px; border: none; outline: none; background:#000; width: 68%; height:40px; margin: 0; z-index: 10; padding: 5px 15px; font-size: 15px; color: #ffffff; border-radius:50px; } .sb-search-input::-webkit-input-placeholder { color: #ffffff; } .sb-search-input:-moz-placeholder { color: #ffffff; } .sb-search-input::-moz-placeholder { color: #efb480; } .sb-search-input:-ms-input-placeholder { color: #ffffff; } .sb-icon-search,.sb-search-submit { width:30px; height:40px; display: block; position: absolute; right: 0; top: 0%; padding: 0; margin: 0; line-height:71px; text-align: center; /*-- w3 --*/ cursor: pointer; } .sb-search-submit { background: url('../images/search.png') no-repeat -6px 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */

   filter: alpha(opacity=0); /* IE 5-7 */
   color: transparent;

border: none; outline: none; z-index: -1; -webkit-appearance: none; } .sb-icon-search {

   background:#000 url('../images/search.png') no-repeat 3px 10px;

z-index: 90; width: 40px; height: 40px; border-radius: 50px; } /* Open state */ .sb-search.sb-search-open,.no-js .sb-search { width:30%; } .sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search { background: url('../images/search.png') no-repeat 3px 10px; color: #fff; z-index: 11; } .sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit { z-index: 90; } .sb-search.sb-search-open .sb-search-input{ padding-right:33px; } /*--//search--*/ /*-- banner --*/ section.banner-w3ls { width:100%; height:925px; position:relative; } .banner-w3layouts1 {

   position: absolute;
   width: 50%;
   display: block;
   top:50%;

text-align:justify;

   z-index: 999;

} .banner-w3layouts1 h3 { font-size:30px; font-weight:normal; color:#fff; letter-spacing:3px; line-height:45px; text-transform:uppercase; padding-bottom:25px; font-family: 'Gruppo', cursive; } .banner-w3layouts1 h4 { color:#fff; font-size:25px; letter-spacing:2px; font-weight:normal; text-transform:uppercase; padding:5px 20px; background-color:#c0392b; margin-bottom:20px; width:410px; font-family: 'Gruppo', cursive; } .banner-w3layouts1 p.agileinfo1 { font-size:15px; font-weight:normal; color:#fff; padding:0 480px 15px 0; line-height:35px; letter-spacing:1px; } .banner-w3layouts1 p.agileinfo2 { font-size:14px; font-weight:normal; color:#fff; font-style:italic; letter-spacing:1px; } .slider {

   width:100%!important;
   height:100%!important;
   margin:0px auto;
   overflow: hidden;

z-index:999; } ul.slider-main li img { height:auto!important; width:100%!important; } /* 切换按钮 */

   /* 上一个 */

.osSlider-main .slider-btn-prev {

   position: absolute;
   z-index: 30;

cursor:pointer;

   top: 50%;
   left: -55px;
   width:52px;
   height: 52px;
   text-indent: -9999px;
   margin-top: -20px;
   background: url(../images/Tleft.png) 50% 50% no-repeat;
   transition: all .5s linear;

}

.osSlider-main:hover .slider-btn-prev {

   left: 19em;
   top: 31em;

}

   /* 下一个 */

.osSlider-main .slider-btn-next {

   position: absolute;
   z-index: 30;

cursor:pointer;

   top: 50%;
   right: -55px;
   width:52px;
   height:52px;
   text-indent: -9999px;
   margin-top: -20px;
   background: url(../images/Tright.png) 50% 50% no-repeat;
   transition: all .5s linear;

}

.osSlider-main:hover .slider-btn-next {

   right:90em;

top:31em; }

/* 高亮导航部分 */ .osSlider-main .slider-nav {

   position: absolute;
   width:100%;
   height: 22px;
   bottom: 20px;
   text-align: center;
   z-index: 25;

list-style:none; } .osSlider-main .slider-nav li {

   display: inline-block;
   height: 20px;
   line-height: 20px;
   padding: 0 6px;
   margin: 0 7px;
   font-size: 12px;
   color: #eee;
   border: 1px solid #eee;
   background: none;
   cursor: pointer;

} .osSlider-main .slider-nav li.active {

   color: #fff;
   background:#c0392b;

} .osSlider-main .slider-nav li:hover {

   border: 1px solid #2ecc71;
   background:#2ecc71;

} ul.slider-btn {

   list-style: none;

} /*-- /banner --*/ /*-- specialities section --*/ section.special-w3ls { padding:100px 0; } section.special-w3ls h2 { font-size:40px; font-weight:normal; color:#000; font-family: 'Gruppo', cursive; padding-bottom:20px; } section.special-w3ls p { font-size:16px; font-weight:normal; line-height:30px; } .fsbanner, .fsbanner > div > span { /* obrigatório */ display:none; } .fsbanner { /* obrigatorio */ position:relative; overflow:hidden; /* opcional */ height:300px; width: 100%!important; color:white; font-size:20px; font-weight:bold; font-family: 'Gruppo', cursive; border-radius:5px;

  -webkit-text-stroke: 1px black;

} .fsbanner > div { position:absolute; background-position:center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; cursor:pointer; top:0px; left:0px; } .fsbanner > div .name { display:block; position:absolute; left:10px; bottom:10px; } .fsbanner > div .name.minimized { /* css3 */ transform: rotate(-90deg); transform-origin: left top 0; /* pode ser necessário ajustar isso dependendo da fonte escolhida */ bottom: -13px;

   left: 7px;

} /*-- /specialities section --*/ /*-- info section --*/ section.info-agile { background:url(../images/info.jpg) no-repeat; background-position:center; background-attachment:fixed; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; } .stats-grid { text-align: center; } .numscroller {

   font-size: 45px;
   margin: 0;
   color: #fff;
   font-weight: normal;

font-family: 'Gruppo', cursive; } .stats-grid h4 {

   font-size: 14px;
   color: #fff;
   letter-spacing: 2px;

} section.info-agile h3.text-center { font-size:40px; font-weight:normal; color:#fff; text-transform:capitalize; padding-bottom:30px; font-family: 'Gruppo', cursive; } section.info-agile p.text-center { font-size:16px; font-weight:normal; line-height:35px; text-transform: capitalize; color:#fff; padding:0 50px 60px; } .info-w3ls {

   padding: 120px 0 177px;

} .col-lg-6.col-lg-pull-6.w3-agileits1,.col-lg-6.col-lg-push-6.w3-agileits2,.col-lg-6.col-md-6.col-sm-12.w3-agileits3,.col-lg-6.col-md-6.col-sm-12.w3-agileits4 {

   padding: 0;

} .column { margin: 0; padding: 0; } .column::after { content: ; clear: both; display: block; } .column div { position: relative; width:100%; height:auto; margin:0; padding:0; } .column div:first-child { margin-left: 0; } figure { width:100%; height:auto; margin: 0; padding: 0; overflow: hidden; } .hover01 figure img { -webkit-transform: scale(1); transform: scale(1); -moz-transform:scale(1); -o-transform:scale(1); -webkit-transition: all 0.7s ease-in-out; transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; } section.info-agile .info-grid1:hover .hover01 figure img,section.info-agile .info-grid2:hover .hover01 figure img { -webkit-transform: scale(1.7); transform: scale(1.7); -moz-transform:scale(1.7); -o-transform:scale(1.7); } section.info-agile img.img-responsive {

   width: 100%;
   height: auto;

} section.info-agile .container-fluid { padding:0; }

/* global styles */ .hi-icon a { display:block; width:100%; height:100%; position:absolute; top:0px; z-index:100 } .hi-icon-wrap { text-align: center; margin: 0 auto; padding:0; } .hi-icon { display: inline-block;

   font-size: 0px;
   margin: 0px auto;
   width: 90px;
   height: 90px;
   border-radius: 50%;
   text-align: center;
   position: relative;
   z-index: 1;
   color: #fff;

} .hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .hi-icon:before { speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } /* end global styles */ /* Effect 5 */ .hi-icon-effect-5 .hi-icon { box-shadow: 0 0 0 4px rgba(255,255,255,1); overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; } .hi-icon-effect-5 .hi-icon:after { display: none; } .col-lg-6.col-md-6.col-sm-6.info-agileits1:hover .hi-icon-effect-5 .hi-icon,.col-lg-6.col-md-6.col-sm-6.info-agileits2:hover .hi-icon-effect-5 .hi-icon,.col-lg-6.col-md-6.col-sm-6.info-agileits3:hover .hi-icon-effect-5 .hi-icon { background: rgba(255,255,255,1); color:#c0392b; box-shadow: 0 0 0 8px #c0392b; } .col-lg-6.col-md-6.col-sm-6.info-agileits2:hover .hi-icon-effect-5a .hi-icon:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; }

@-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } }

.hi-icon-effect-5b .hi-icon:hover:before { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; }

@-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); } 50% { opacity: 0; -webkit-transform: translate(100%); } 51% { opacity: 1; } } @-moz-keyframes toLeftFromRight { 49% { -moz-transform: translate(-100%); } 50% { opacity: 0; -moz-transform: translate(100%); } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { transform: translate(-100%); } 50% { opacity: 0; transform: translate(100%); } 51% { opacity: 1; } }

.col-lg-6.col-md-6.col-sm-6.info-agileits3:hover .hi-icon-effect-5c .hi-icon:before { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; }

@-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -moz-transform: translateY(-100%); } 50% { opacity: 0; -moz-transform: translateY(100%); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { transform: translateY(-100%); } 50% { opacity: 0; transform: translateY(100%); } 51% { opacity: 1; } }

.col-lg-6.col-md-6.col-sm-6.info-agileits1:hover .hi-icon-effect-5d .hi-icon:before { -webkit-animation: toBottomFromTop 0.3s forwards; -moz-animation: toBottomFromTop 0.3s forwards; animation: toBottomFromTop 0.3s forwards; }

@-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); } 50% { opacity: 0; -webkit-transform: translateY(-100%); } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -moz-transform: translateY(100%); } 50% { opacity: 0; -moz-transform: translateY(-100%); } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { transform: translateY(100%); } 50% { opacity: 0; transform: translateY(-100%); } 51% { opacity: 1; } } .info-grid2 {

} .info-grid2 h4 { font-size: 24px;

   font-weight: normal;
   color: #fff;
   padding-bottom: 10px;
   text-transform: uppercase;
   font-family: 'Gruppo', cursive;

} .info-grid2 p { font-size: 14px;

   font-weight: normal;
   color: #fff;
   line-height: 30px;

} .info-w3-agile {

   padding: 165px 0 0;

} .info-w3-agileits {

   margin-left: -15px;

} .col-lg-6.col-md-6.col-sm-6.info-agileits1,.col-lg-6.col-md-6.col-sm-6.info-agileits2 {

   margin-bottom: 100px;

} /*-- /info section --*/ /*-- blog section --*/ section.blog-w3ls { padding:100px 0; } section.blog-w3ls h3.text-center { font-size:40px; font-weight:normal; color:#000; padding-bottom:20px; font-family: 'Gruppo', cursive; } section.blog-w3ls p.text-center { font-size:16px; font-weight:normal; line-height:30px; padding-bottom:50px; } .grid { position: relative;

   clear: both;
   margin: 0 auto;
   padding: 0em 0 0em;
   max-width: 1000px;
   list-style: none;
   text-align: center;

} /* Common style */ .grid figure { position: relative;

   overflow: hidden;
   margin:0 auto;
   width: 100%;
   height: auto;
   background: #3085a3;
   text-align: center;

} .grid figure img { position: relative; display: block; height:auto; width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h4 { word-spacing: -0.15em; font-weight: 300; font-size:27px; font-weight:bold; } .grid figure h4 span { font-weight: 800; } .grid figure h4, .grid figure p a { margin: 0; } .grid figure p { letter-spacing: 1px; font-size: 68.5%; } figure.effect-duke { background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%); background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%); } figure.effect-duke img, figure.effect-duke p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-duke:hover img { opacity: 0.1; -webkit-transform: scale3d(2,2,1); transform: scale3d(2,2,1); } figure.effect-duke h4 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; font-family: 'Gruppo', cursive; } figure.effect-duke p a{ text-align:center; margin-top: 30px; color:#fff; text-decoration:none; display:inline-block; padding: 30px; border: 2px solid #fff; text-transform: none; font-size:18px; font-family: 'Gruppo', cursive; font-weight:normal; opacity: 0; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%; } figure.effect-duke:hover h4, figure.effect-duke:hover p a{ opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }

section.blog-w3ls p.blog-p1 {

   font-size: 14px;
   font-weight: normal;
   padding: 20px 0 15px;

} section.blog-w3ls a.blog-link {

   font-size: 22px;
   font-weight: normal;
   color: #000;
   display: block;
   text-decoration: none;
   letter-spacing: 0;
   padding-bottom: 15px;
   font-family: 'Gruppo', cursive;
   text-transform: uppercase;

} section.blog-w3ls p.blog-p2 {

   font-size: 16px;
   font-weight: normal;
   line-height:30px;

} /*-- /blog section --*/ /*-- footer section --*/ section.footer-w3ls { background-color:#444544; padding:50px 0; } section.footer-w3ls a.footer-logo {

   text-decoration: none;
   display: inline-block;
   padding-bottom: 15px;

} section.footer-w3ls a.footer-logo h3 { font-size:35px; font-weight:normal; color:#fff; font-family: 'Gruppo', cursive; } section.footer-w3ls p.footer-w3-agileits1 {

   font-size: 16px;
   font-weight: normal;
   color: #fff;
   line-height: 35px;

} section.footer-w3ls p.footer-w3-agileits2 {

   font-size: 14px;
   font-weight: normal;
   color: #fff;
   line-height: 30px;

text-align:center; } section.footer-w3ls p.footer-w3-agileits2 a { color:red; text-decoration:none; } section.footer-w3ls p.footer-w3-agileits2 a:hover { color:green; } section.footer-w3ls .subscribe {

   background-color:#3b3b3b;

padding: 35px 20px; } section.footer-w3ls p.footer-w3-agileits3 {

   font-size: 17px;
   font-weight: normal;
   color: #fff;
   line-height: 30px;
   padding-bottom: 20px;

} section.footer-w3ls .subscribe input#mail {

   text-align: center;
   width: 70%;

float:left; color:#000; background-color:#fff;

   font-size: 20px;
   font-weight: normal;
   height: 50px;
   outline: none;

border:1px solid #fff;

   border-right: transparent;

border-radius:0; font-family: 'Open Sans', sans-serif; } section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

   width:30%;

float:left;

   height: 50px;
   font-size: 20px;
   font-weight: normal;
   outline: none;
   color: #fff;

border:1px solid #c0392b;

   background-color:#c0392b;

border-radius:0; font-family: 'Open Sans', sans-serif; } section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg:hover { background-color:#2ecc71; border-color:#2ecc71; } section.footer-w3ls input::-webkit-input-placeholder { color: #000 !important; } section.footer-w3ls input:-moz-placeholder { /* Firefox 18- */ color: #000 !important; } section.footer-w3ls input::-moz-placeholder { /* Firefox 19+ */ color: #000 !important; } section.footer-w3ls input:-ms-input-placeholder { color: #000 !important; }

section.footer-w3ls ul.social-icons1 {

   padding-top: 30px;

} section.footer-w3ls ul.social-icons1 li { display:inline; list-style:none; } section.footer-w3ls ul.social-icons1 li a { margin-right:2px; } section.footer-w3ls ul.social-icons1 li a i.fa { font-size:20px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; background-color:#3c3c3c; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } section.footer-w3ls ul.social-icons1 li a i.fa:hover {

   -webkit-animation: spin 2s linear infinite;

animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; } @-webkit-keyframes spin {

 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }

} section.footer-w3ls ul.social-icons1 li a i.fa.fa-facebook:hover {

   background-color: #3b5998;
   color: #fff;
   border-color: #3b5998;

} section.footer-w3ls ul.social-icons1 li a i.fa.fa-twitter:hover {

   background-color: #1da1f2;
   color: #fff;
   border-color: #1da1f2;

} section.footer-w3ls ul.social-icons1 li a i.fa.fa-google-plus:hover {

   background-color: #dd4b39;
   color: #fff;
   border-color: #dd4b39;

} section.footer-w3ls ul.social-icons1 li a i.fa.fa-linkedin:hover {

   background-color: #0077b5;
   color: #fff;
   border-color: #0077b5;

} /*-- footer section --*/ /*-- back to top --*/ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 0, 0, 0) url(https://static.igem.org/mediawiki/2018/a/a3/T--NKU_CHINA--up_arrow.svg) no-repeat center 50%; background-size:70%; border:1px solid #fff; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .cd-top:hover { background-color: #000; opacity: 1; } @media only screen and (min-width: 768px) { .cd-top {

   right: 20px;
   bottom: 20px;

} } @media only screen and (min-width: 1024px) { .cd-top {

   height: 50px;
   width: 50px;
   right: 30px;
   bottom: 30px;

} } /*-- /back to top --*/ /*-- inner pages styling --*/ section.inner-banner { position:relative; } section.inner-banner .header { height:400px!important; } section.inner-banner .header .bgfader{ position: absolute; z-index: -2; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; display: none; } section.inner-banner .header .bgfader-overlay{ z-index: -1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } section.inner-banner .header .bgfader > .image{ display: none; } section.inner-banner .header .bgfader,section.inner-banner .header .bgfader > .image{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } h2.inner-header {

   position: absolute;
   z-index: 9999;
   color: #fff;
   width: 100%;
   text-align: center;
   top: 180px;
   font-size: 60px;
   font-weight: normal;

font-family: 'Gruppo', cursive; } /*-- /inner pages styling --*/ /*-- services page --*/ section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls { padding:100px 0; } section.service-w3ls h3.text-center,section.service-wthree h3.text-center,section.gallery-w3ls h3.text-center,section.team-w3ls h3.text-center {

   font-size: 40px;
   font-weight: normal;
   color: #7A7974;
   padding-bottom: 20px;

font-family: 'Gruppo', cursive; } section.service-w3ls p.text-center,section.service-wthree p.text-center,section.gallery-w3ls p.text-center,section.team-w3ls p.text-center { font-size:16px; font-weight:normal; padding-bottom:50px; } section.service-w3ls h5 { font-size:25px; font-weight:normal; color: #7A7974; padding:20px 0; text-align:center; font-family: 'Gruppo', cursive; } section.service-w3ls p.serv-agile { font-size:14px; font-weight:normal; line-height:30px; text-align:center; } .ch-grid { margin:0 auto; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ;

   display: table;

} .ch-grid:after { clear: both; } .ch-grid li { width: 220px; height: 220px; display: inline-block; margin:0px; } .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ch-img-1 { background-image: url(../images/serv-info1.jpg); } .ch-img-2 { background-image: url(../images/serv-info2.jpg); } .ch-img-3 { background-image: url(../images/serv-info3.jpg); } .ch-img-4 { background-image: url(../images/serv-info4.jpg); } .ch-info { position: absolute; background:rgba(192, 57, 43, 0.7); width: inherit; height: inherit; border-radius: 50%; opacity: 0;

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;

-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);

-webkit-backface-visibility: hidden;

} .ch-info h4 { color: #fff;

   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 20px;

font-family: 'Gruppo', cursive;

   margin: 0;
   padding: 80px 0 20px;
   text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);

} .ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s; } .ch-info p a { display: block; text-decoration:none; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Gruppo', cursive; } .ch-info p a:hover { color:#aaff87; } .ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); } .ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ch-item:hover .ch-info p { opacity: 1; } section.divider-w3ls .hover01 figure img.img-responsive:hover { -webkit-transform: scale(1.7); transform: scale(1.7); -moz-transform:scale(1.7); -o-transform:scale(1.7); } section.divider-w3ls img { width:100%; height:auto; } section.service-wthree .nav>li>a {

   text-decoration: none;
   background-color: #FF7F59;
   color: #fff!important;

} section.service-wthree .nav>li>a:hover { background-color: #fff;

   color: #FF7F59!important;

border-left-color:#c0392b; border-right-color:#c0392b; border-top-color:#c0392b;

   border-bottom-color: #fff;

} section.service-wthree .nav-tabs.nav-justified>.active>a,section.service-wthree .nav-tabs.nav-justified>.active>a:focus,section.service-wthree .nav-tabs.nav-justified>.active>a:hover { border-left-color:#c0392b; border-right-color:#c0392b; border-top-color:#c0392b;

   border-bottom-color: #fff;

color:#FF7F59!important; background-color:#fff; } section.service-wthree .nav-tabs.nav-justified>li>a {

   font-size: 20px;
   font-weight: normal;

cursor: pointer;

   outline: none;
   color: #FF7F59;

font-family: 'Gruppo', cursive; } section.service-wthree h4 { font-size:25px; font-weight:normal; color:#000; padding:20px 0; font-family: 'Gruppo', cursive; } section.service-wthree p.serv-w3-agileits {

   font-size: 16px;
   font-weight: normal;
   line-height: 35px;

} /*-- /services page --*/ /*-- gallery page --*/ section.gallery-w3ls { padding-bottom:0; } section.gallery-w3ls .demo { margin:0px auto; max-width:100%; } section.gallery-w3ls .demo > li { float: left;

   cursor: pointer;
   width: 360px;
   margin: 10px;

} section.gallery-w3ls .demo > li img { width:100%; height:auto; display:block; } section.gallery-w3ls .demo > li:hover .hover01 figure img { -webkit-transform: scale(1.7); transform: scale(1.7); -moz-transform:scale(1.7); -o-transform:scale(1.7); } /*-- team section --*/ section.team-w3ls .wrapper { position: relative; width:100%; border:5px solid #000; -webkit-border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.07); } section.team-w3ls .wrapper a { display: block; position: relative; overflow: hidden; } section.team-w3ls .wrapper a img { display: block; position: relative; } section.team-w3ls .slide-item { position: absolute; width: 100%; height: 100%;

   background-color: rgba(46, 204, 113, 0.7);

} section.team-w3ls .slide-item span.title { display: block; margin: 40px 20px 20px; padding: 10px 0; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); } section.team-w3ls .slide-item .author { margin: 10px 20px 10px; color: #fff; display:block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .modal-open .modal { background-color:rgba(0,0,0,0.7); } section.team-w3ls .modal-content {

   text-align: center;
   text-align: -webkit-center;
   text-align: -moz-center;

} section.team-w3ls .modal-header { background:#c0392b; } section.team-w3ls .modal-header .close {

   margin-top: -2px;
   font-size: 45px;
   font-weight: normal;

} section.team-w3ls .modal-header h4 {

   color: white;
   font-size: 30px;
   font-weight: normal;
   text-transform: uppercase;

font-family: 'Gruppo', cursive; } section.team-w3ls .modal-body p { font-size: 15px;

   font-weight: normal;
   color: #999;
   line-height: 30px;
   padding: 20px 25px;

} section.team-w3ls .modal-footer { background: #2b2b2b; } section.team-w3ls ul.social-icons2 {

} section.team-w3ls ul.social-icons2 li { display:inline; list-style:none; } section.team-w3ls ul.social-icons2 li a { margin-right:2px; } section.team-w3ls ul.social-icons2 li a i.fa { font-size:20px; color:#c0392b; width:50px; height:50px; line-height:50px; text-align:center; background-color:transparent; border:1px solid #c0392b; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; } section.team-w3ls ul.social-icons2 li a i.fa:hover {

   -webkit-animation: spin 2s linear infinite;

animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; -ms-animation: spin 2s linear infinite; } section.team-w3ls ul.social-icons2 li a i.fa.fa-facebook:hover { background-color:#3b5998; color:#fff; border-color:#3b5998; } section.team-w3ls ul.social-icons2 li a i.fa.fa-twitter:hover { background-color:#1da1f2; color:#fff; border-color:#1da1f2; } section.team-w3ls ul.social-icons2 li a i.fa.fa-google-plus:hover { background-color:#dd4b39; color:#fff; border-color:#dd4b39; } section.team-w3ls ul.social-icons2 li a i.fa.fa-linkedin:hover { background-color:#0077b5; color:#fff; border-color:#0077b5; } @-webkit-keyframes spin {

 0% { -webkit-transform: rotate(0deg); }
 100% { -webkit-transform: rotate(360deg); }

} @keyframes spin {

 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }

} /*-- /team section --*/ /*-- /gallery page --*/ /*-- blogpost page --*/ section.blogpost-w3ls a { padding: 0; margin: 0; text-decoration: none; -webkit-transition: background-color .4s linear, color .4s linear; -moz-transition: background-color .4s linear, color .4s linear; -o-transition: background-color .4s linear, color .4s linear; -ms-transition: background-color .4s linear, color .4s linear; transition: background-color .4s linear, color .4s linear; } section.blogpost-w3ls ::-moz-selection { color: #fff; text-shadow:none; background:#2B2E31; } section.blogpost-w3ls ::selection { color: #fff; text-shadow:none; background:#2B2E31; } section.blogpost-w3ls .btn-theme { color: #fff;

   background-color: #c0392b;
   border-color: #c0392b;
   margin: 4px;
   padding: 5px 20px;
   font-size: 14px;
   font-weight: normal;
   text-transform: uppercase;

} section.blogpost-w3ls .btn-theme:hover, section.blogpost-w3ls .btn-theme:focus, section.blogpost-w3ls .btn-theme:active, section.blogpost-w3ls .btn-theme.active, section.blogpost-w3ls .open .dropdown-toggle.btn-theme { color: #fff; background-color:#2ecc71; border-color:#2ecc71; } section.blogpost-w3ls .dmbutton:hover, section.blogpost-w3ls .dmbutton:active, section.blogpost-w3ls .dmbutton:focus{ color: #ffffff; background-color: #222222; border-color: #ffffff; } section.blogpost-w3ls .dmbutton { background:rgba(0, 0, 0, 0); border: 1px solid #ffffff; color: #ffffff; -webkit-border-radius: 2px; border-radius: 2px; padding-top: 1.025rem; padding-right: 2.25rem; letter-spacing:0.85px; padding-bottom: 1.0875rem; padding-left: 2.25rem; font-size: 1.55rem; cursor: pointer; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; text-decoration: none; text-align: center; display: inline-block; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; -webkit-appearance: none; font-weight: normal !important; } section.blogpost-w3ls .mtb { margin-top: 80px; margin-bottom: 80px; } section.blogpost-w3ls .hline { border-bottom: 2px solid #384452; } section.blogpost-w3ls .hline-w { border-bottom: 2px solid #ffffff; margin-bottom: 25px; } section.blogpost-w3ls .ctitle { color:#c0392b; font-size:30px; font-weight:normal; padding:20px 0; } section.blogpost-w3ls .ctitle:hover { color:#2ecc71; } section.blogpost-w3ls .spacing { margin-top: 40px; margin-bottom: 40px; } section.blogpost-w3ls .badge-theme {

   background: #c0392b;
   width: 50px;
   height: 20px;
   line-height: 20px;
   padding: 0;
   font-size: 14px;
   font-weight: normal;
   letter-spacing: 0;

} /* Blog Page */ section.blogpost-w3ls .popular-posts { margin: 0px; padding-left: 0px;

   padding-top: 20px;

} section.blogpost-w3ls .popular-posts li { list-style: none; margin-bottom: 20px; min-height: 70px; } section.blogpost-w3ls .popular-posts li a { color: #000000;

   text-decoration: none;
   font-size: 14px;
   line-height: 25px;
   font-weight: normal;

} section.blogpost-w3ls .popular-posts li a:hover { color:#c0392b; } section.blogpost-w3ls .popular-posts li img { float: left; margin-right: 20px; } section.blogpost-w3ls .popular-posts li em {

   font-size: 12px;
   font-weight: normal;
   color: #b3b3b3;

} section.blogpost-w3ls .popular-posts p { line-height: normal; margin-bottom: auto; } section.blogpost-w3ls img.blogpost-main.img-responsive:hover { -webkit-transform: scale(1.7); transform: scale(1.7); -moz-transform:scale(1.7); -o-transform:scale(1.7); } section.blogpost-w3ls p.blogpost-p1 {

   font-size: 13px;
   font-weight: normal;
   color: #000;
   text-transform: uppercase;
   text-decoration: underline;

} section.blogpost-w3ls p.blogpost-p1 a { color:#c0392b; } section.blogpost-w3ls p.blogpost-p1 a:hover { color:#2ecc71; } section.blogpost-w3ls p.blogpost-p2 {

   font-size: 15px;
   font-weight: normal;
   line-height: 30px;
   padding: 20px 0;

} section.blogpost-w3ls blockquote {

   font-size: 16px;
   font-weight: normal;
   color: #000;
   line-height: 30px;

} section.blogpost-w3ls h4.blogpost-agile1 {

   font-size: 25px;
   font-weight: normal;
   color: #000;
   padding-bottom: 20px;

} section.blogpost-w3ls button.btn.btn-primary {

   width:200px;
   height: 50px;
   font-size: 20px;
   font-weight: normal;
   outline: none;
   color: #fff;
   border: 1px solid #c0392b;
   background-color: #c0392b;
   border-radius: 0;
   font-family: 'Open Sans', sans-serif;

} section.blogpost-w3ls button.btn.btn-primary:hover {

   background-color: #2ecc71;
   border-color: #2ecc71;

} section.blogpost-w3ls h4.media-heading {

   font-size: 18px;
   font-weight: normal;
   color: #000;

text-transform:uppercase; } section.blogpost-w3ls h4.media-heading small {

   padding-left: 10px;

} section.blogpost-w3ls p.blogpost-p3 {

   font-size: 14px;
   font-weight: normal;
   line-height: 30px;

} section.blogpost-w3ls h4.blogpost-agile2 {

   font-size: 22px;
   font-weight: normal;
   color: #000;
   padding-bottom: 15px;
   text-transform: uppercase;

} section.blogpost-w3ls .input-group {

   margin-top: 15px;

} section.blogpost-w3ls p.blogpost-p4 {

   padding: 10px 0 0;

} section.blogpost-w3ls p.blogpost-p4 a { font-size:14px; font-weight:normal; color:#000; text-decoration:none; } section.blogpost-w3ls p.blogpost-p4:hover .badge-theme {

   background:#2ecc71;

} section.blogpost-w3ls p.blogpost-p5 {

   padding-top: 15px;

} /*-- /blogpost page --*/ /*-- contact page --*/ /*-- Map --*/ div.map iframe.googlemaps { width:100%; height:400px; } /*-- /Map --*/ section.contact-w3ls {

   padding: 100px 0;

background:url(../images/contact.jpg) no-repeat; background-position:center; background-attachment:fixed; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; -ms-background-size:100% 100%; } section.contact-w3ls h3 { font-size:30px; font-weight:normal; color:#fff; padding-bottom:30px; font-family: 'Gruppo', cursive; } section.contact-w3ls p.contact-agileits {

   font-size: 16px;
   font-weight: normal;
   padding-bottom:10px;
   line-height: 30px;

color:#fff; } section.contact-w3ls p.contact-agileits a { color:#fff; } section.contact-w3ls label {

   color: #fff;
   font-size: 16px;
   font-weight: normal;
   padding-bottom: 10px;

font-family: 'Gruppo', cursive; } input#firstname,input#lastname,input#phone,input#email { height:45px; } input#firstname,input#lastname,input#phone,input#email,textarea#message{ background-color:rgba(255, 255, 255, 0.22); font-size:17px; color:#fff; font-weight:normal; border:1px solid #fff; } section.contact-w3ls button.btn.btn-primary {

   height: 50px;
   font-size: 20px;
   font-weight: normal;
   outline: none;
   color: #fff;
   border: 1px solid #c0392b;
   background-color: #c0392b;
   border-radius: 0;
   font-family: 'Gruppo', cursive;

} section.contact-w3ls button.btn.btn-primary:hover {

   background-color: #2ecc71;
   border-color: #2ecc71;

color:#fff; } .alert-success {

   color: #3cf33f;
   background-color: rgba(50, 171, 0, 0.15);
   border-color: #d6e9c6;

} .alert-success .close { color: #3cf33f; opacity:0.9; } /*-- /contact page --*/

/*-- responsive design --*/ @media (max-width:1600px) { section.banner-w3ls { height:790px; } .osSlider-main:hover .slider-btn-prev {

   left: 17em;
   top: 21em;

} .osSlider-main:hover .slider-btn-next {

   right: 86em;
   top: 21em;

} .sb-search { right:235px; } .banner-w3layouts1 { top:38%; } .info-w3ls {

   padding: 100px 0 140px;

} .info-w3-agile {

   padding: 150px 0 0;

} .info-grid2 h4 {

   font-size: 23px;

} }

@media (max-width: 1440px) { .osSlider-main:hover .slider-btn-prev {

   left: 11em;
   top: 19em;

} .osSlider-main:hover .slider-btn-next {

   right: 82em;
   top: 19em;

} .info-w3ls {

   padding: 50px 0 0px;

} .info-grid2 h4 {

   font-size: 18px;

} .info-w3-agileits {

   margin-left: 0px;

} .info-w3-agile {

   padding: 80px 0 0;

} .col-lg-6.col-md-6.col-sm-6.info-agileits1, .col-lg-6.col-md-6.col-sm-6.info-agileits2 {

   margin-bottom: 80px;

} .sb-search {

   right: 135px;

} }

@media (max-width: 1366px) { section.banner-w3ls {

   height: 740px;

} .banner-w3layouts1 { width:65%; } .banner-w3layouts1 {

   top: 45%;

} .osSlider-main:hover .slider-btn-prev {

   left: 8em;
   top: 22em;

} .osSlider-main:hover .slider-btn-next {

   right: 79em;
   top: 22em;

} .banner-w3layouts1 h3 {

   font-size: 30px;

padding-bottom:15px; } .banner-w3layouts1 h4 { font-size:20px; width:345px; margin-bottom:10px; } .col-lg-6.col-md-6.col-sm-6.info-agileits1, .col-lg-6.col-md-6.col-sm-6.info-agileits2 {

   margin-bottom: 65px;

} section.info-agile h3.text-center {

   font-size: 35px;

padding-bottom:20px; } }

@media (max-width: 1280px) { .osSlider-main:hover .slider-btn-prev {

   left: 5em;
   top: 20em;

} .osSlider-main:hover .slider-btn-next {

   right: 76em;
   top: 20em;

} section.banner-w3ls {

   height: 710px;

} .sb-search {

   right: 85px;

} .hi-icon { width:70px; height:70px; } .hi-icon:before { font-size: 30px;

   line-height: 67px;

} .info-w3-agile {

   padding: 85px 0 0;

} .info-w3-agileits {

   margin-left: -15px;

} .info-grid2 h4 {

   font-size: 17px;

padding-bottom:7px; } }

@media (max-width: 1080px) { section.banner-w3ls {

   height: 598px;

} .banner-w3layouts1 {

   top:41%;

} .banner-w3layouts1 p.agileinfo1 { padding: 0 320px 15px 0; } section.special-w3ls h2 {

   font-size: 35px; 

padding-bottom:15px; } section.special-w3ls p {

   font-size: 14px;

} .fsbanner > div .name { font-size:16px; } section.info-agile h3.text-center {

   font-size: 30px;
   padding-bottom: 15px;

} section.info-agile p.text-center {

   font-size: 14px; 

line-height:30px; font-weight:200; padding: 0 40px 30px; } .info-w3-agile {

   padding: 40px 0;

} .osSlider-main:hover .slider-btn-prev {

   left: 5em;
   top: 15em;

} .osSlider-main:hover .slider-btn-next {

   right: 62em;
   top: 15em;

} .col-lg-6.col-md-6.col-sm-12.w3-agileits3 {

   width: 100%;
   float: left;

} .col-lg-6.col-md-6.col-sm-12.w3-agileits4 {

   width: 100%;
   float: left;

} .info-w3ls {

   padding: 50px 0;

} h2.inner-header { font-size:50px; top:160px; } section.inner-banner .header {

   height: 340px!important;

} section.special-w3ls,section.blog-w3ls,section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls,section.contact-w3ls { padding:50px 0; } section.blog-w3ls p.text-center {

   font-size: 14px;

padding-bottom:30px; } section.blog-w3ls h3.text-center { padding-bottom:10px; } section.blog-w3ls p.blog-p1 {

   font-size: 13px;

padding: 20px 0 10px; } section.blog-w3ls a.blog-link { padding-bottom: 10px; } section.blog-w3ls p.blog-p2 {

   font-size: 14px;

} section.footer-w3ls p.footer-w3-agileits1 {

   font-size: 14px;

line-height:30px; } section.footer-w3ls p.footer-w3-agileits3 {

   font-size: 14px;

} section.footer-w3ls .subscribe input#mail { font-size:16px; height: 40px; } section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg { height: 40px;

   font-size: 17px;

line-height:0; } section.footer-w3ls ul.social-icons1 li a i.fa {

   font-size: 16px;

width: 45px;

   height: 45px;
   line-height: 45px;

} section.footer-w3ls { padding: 50px 0 20px; } img.blogpost-main.img-responsive {

   width: 100%;

} section.blogpost-w3ls .mtb {

   margin-top: 50px;
   margin-bottom: 50px;

} section.blogpost-w3ls .ctitle { font-size: 27px; } section.blogpost-w3ls p.blogpost-p1 {

   font-size: 11px;

} section.blogpost-w3ls p.blogpost-p2 {

   font-size: 14px;

padding: 15px 0 5px; } section.blogpost-w3ls blockquote {

   font-size: 14px;

} section.blogpost-w3ls h4.blogpost-agile1 {

   font-size: 20px;

padding-bottom:15px; } section.blogpost-w3ls button.btn.btn-primary {

   width: 200px;
   height: 40px;
   font-size: 16px;

} section.blogpost-w3ls h4.media-heading {

   font-size: 16px;

} section.blogpost-w3ls p.blogpost-p3 {

   font-size: 13px;

line-height:25px; } section.service-w3ls h3.text-center, section.service-wthree h3.text-center, section.gallery-w3ls h3.text-center, section.team-w3ls h3.text-center { padding-bottom:15px; } section.service-w3ls p.text-center, section.service-wthree p.text-center, section.gallery-w3ls p.text-center, section.team-w3ls p.text-center {

   font-size: 14px;

padding-bottom:20px; } section.service-w3ls h5 {

   font-size: 24px;

padding:10px 0; } section.service-wthree p.serv-w3-agileits {

   font-size: 14px;

line-height:30px; } section.service-wthree h4 {

   font-size: 23px;

padding:15px 0; } section.gallery-w3ls .demo > li { width:293px; } section.team-w3ls .modal-header h4 { font-size:25px; } .modal-header {

   padding: 7px;

} section.team-w3ls .modal-header .close {

   margin-top: -10px;

} section.team-w3ls .modal-body p {

   font-size: 14px;

padding: 10px 0px; } section.team-w3ls ul.social-icons2 li a i.fa {

   font-size: 16px;

width: 45px;

   height: 45px;
   line-height: 45px;

} section.contact-w3ls p.contact-agileits {

   font-size: 14px;

} input#firstname, input#lastname, input#phone, input#email, textarea#message { font-size:15px; } section.contact-w3ls button.btn.btn-primary {

   height: 45px;
   font-size: 17px;

line-height:0; } h3.agileits-icons-title { font-size:30px; padding:0; } h3.icon-subheading {

   font-size: 25px;

margin: 25px 0 15px; } }

@media (max-width:1050px) { section.banner-w3ls {

   height: 581px;

} .osSlider-main:hover .slider-btn-prev {

   left: 4em;
   top: 15em;

} .osSlider-main:hover .slider-btn-next {

   right: 61em;
   top: 15em;

} .navbar-brand h1 {

   font-size: 36px;

} .navbar-brand { padding:10px 10px; } .cl-effect-20 a span { font-size:15px; width: 110px;

   height: 35px;
   line-height: 35px;

} ul.nav.navbar-nav.navbar-right {

   margin-right: 110px;

} section.gallery-w3ls { padding-bottom:0; } }

@media (max-width: 1024px) { section.banner-w3ls {

   height: 566px;

} section.banner-w3ls .container ,section.inner-banner .container { width:auto; } .banner-w3layouts1 {

   top: 37%;

width:100%; text-align:center; left:0; } .banner-w3layouts1 h3 { font-size: 30px;

   padding-bottom: 15px;

text-align:center; } .banner-w3layouts1 h4 {

   font-size: 20px;
   width: 360px;
   margin: 10px auto;

} .banner-w3layouts1 p.agileinfo1 { padding:0 50px; font-size:14px; } .osSlider-main:hover .slider-btn-prev {

   left: 4em;
   top: 20em;

} .osSlider-main:hover .slider-btn-next { right: 4em;

   top: 20em;

} }

@media (max-width: 991px) { section.banner-w3ls {

   height: 548px;

} .navbar-header {

   float: none;

} ul.nav.navbar-nav.navbar-right {

   margin: 0;
   float: none!important;
   text-align: center;

} .cl-effect-20 a span { width: 160px; } .navbar-nav>li {

   float: none;
   display: inline-block;

margin:0 7px; } .navbar-wrapper {

   margin-top: 7px;

} .navbar-brand {

   padding: 10px 10px;
   margin-bottom: 10px;

} .sb-search {

   right: 30px;

top:20px; } section.special-w3ls h2 {

   font-size: 30px;
   padding: 15px 0;
   text-align: center;

} section.special-w3ls p {

   font-size: 14px;
   text-align: center;

} .col-lg-4.col-md-4.col-sm-4.blog-agile1,.col-lg-4.col-md-4.col-sm-4.blog-agile2 {

   width: 50%;
   float: left;

margin-bottom:30px; } .col-lg-4.col-md-4.col-sm-4.blog-agile3 {

   width: 50%;
   float: none;
   margin: 0px auto;

position:static; } .col-lg-6.col-md-6.col-sm-6.footer-agileits-w3layouts1 {

   width: 100%;

float:left;

   padding-bottom: 30px;

text-align:center; } .col-lg-6.col-md-6.col-sm-6.footer-agileits-w3layouts2 {

   width: 100%;
   float: left;

} section.footer-w3ls a.footer-logo { padding-bottom:10px; } section.footer-w3ls p.footer-w3-agileits1 {

   font-size: 14px;
   line-height: 30px;
   text-align: center;

} section.footer-w3ls ul.social-icons1 {

   padding-top: 20px;
   text-align: center;

} section.footer-w3ls .subscribe { padding:25px 35px; } section.footer-w3ls p.footer-w3-agileits3 {

   font-size: 14px;
   text-align: center;

} .osSlider-main:hover .slider-btn-prev {

   left: 4em;
   top: 18em;

} .osSlider-main:hover .slider-btn-next {

   right: 4em;
   top: 18em;

} .col-lg-3.col-md-3.col-sm-6.service-agileits1,.col-lg-3.col-md-3.col-sm-6.service-agileits2 { margin-bottom:30px; } section.blogpost-w3ls .ctitle {

   font-size: 25px;

} section.contact-w3ls h3 { padding-bottom:15px; } section.service-wthree .nav-tabs.nav-justified>li>a { padding:5px 3px; font-size: 18px; } section.gallery-w3ls .demo > li {

   width: 220px;

} .col-lg-3.col-md-3.col-sm-6.wthree1,.col-lg-3.col-md-3.col-sm-6.wthree2 { margin-bottom:30px; } .col-md-8.contact-wthree2 {

   padding: 0;

} section.footer-w3ls {

   padding: 25px 0 20px;

} }

@media (max-width:900px) { section.banner-w3ls {

   height: 497px;

} .navbar-nav>li { margin:0 4px; } .cl-effect-20 a span {

   width: 147px;

} }

@media (max-width: 800px) { section.banner-w3ls {

   height: 440px;

} .osSlider-main:hover .slider-btn-prev {

   left: 4em;
   top: 17em;

} .osSlider-main:hover .slider-btn-next {

   right: 4em;
   top: 17em;

} .navbar-nav>li {

   margin: 0 3px;

} .cl-effect-20 a span {

   width: 130px;

} .banner-w3layouts1 h3 {

   font-size: 27px;
   padding-bottom: 7px;
   text-align: center;

} section.inner-banner .header {

   height: 310px!important;

} h2.inner-header {

   font-size: 37px;
   top: 170px;

} }

@media (max-width: 768px) { section.banner-w3ls {

   height: 422px;

} .banner-w3layouts1 h3 {

   font-size: 25px;
   padding-bottom: 0px;
   text-align: center;

} .osSlider-main:hover .slider-btn-prev {

   left: 4em;
   top: 16em;

} .osSlider-main:hover .slider-btn-next {

   right: 4em;
   top: 16em;

} .navbar-brand {

   padding: 10px 10px;
   margin-bottom: 10px;

} .cl-effect-20 a span {

   width: 120px;

} }

@media (max-width: 736px) { section.banner-w3ls {

   height: 351px;

} .dropdown-menu {

   position: static;

max-width:100%; text-align:center; float:none; } .sb-search-input { width:85%; } .navbar-nav .open .dropdown-menu { background-color:#fff; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

   color: #000;
   background-color:transparent;

} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {

   color:#dc5749;
   background-color:transparent;

} .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

   color: #dc5749;
   text-decoration: none;
   background-color: #f5f5f5;

} .banner-w3layouts1 h3 {

   font-size: 25px;
   padding-bottom: 0px;

} .sb-search {

   right: 100px;
   top: 15px;

} .navbar-toggle { border:1px solid #fff!important; margin-top: 15px; } .banner-w3layouts1 { top:25%; } .osSlider-main:hover .slider-btn-prev,.osSlider-main:hover .slider-btn-next {

   top: 12em;

} .info-w3-agileits {

   margin-left: -60px;

} .col-lg-6.col-md-6.col-sm-6.info-agileits1, .col-lg-6.col-md-6.col-sm-6.info-agileits2, .col-lg-6.col-md-6.col-sm-6.info-agileits3 { margin-bottom:40px; } .info-w3-agile {

   padding: 50px 0 0;

} .col-lg-4.col-md-4.col-sm-4.blog-agile1, .col-lg-4.col-md-4.col-sm-4.blog-agile2 {

   width: 70%;
   float: none;
   margin: 0 auto;
   margin-bottom: 30px;

} .col-lg-4.col-md-4.col-sm-4.blog-agile3 {

   width: 70%;
   float: none;
   margin: 0px auto;
   position: static;

} figure.effect-duke p a { margin-top:60px; } .navbar-nav>li { display:block; } .cl-effect-20 a span { width:100%; } ul.nav.navbar-nav.navbar-right { background-color:rgba(0,0,0,0.7); } section.inner-banner .header {

   height: 250px!important;

} h2.inner-header {

   font-size: 34px;
   top: 100px;

} .col-lg-3.col-md-3.col-sm-6.service-agileits1, .col-lg-3.col-md-3.col-sm-6.service-agileits2, .col-lg-3.col-md-3.col-sm-6.service-agileits3 {

   margin-bottom: 30px;

} section.service-wthree .nav-tabs.nav-justified {

   width: 100%;
   border-bottom: 0;
   text-align: center;

} section.service-wthree .nav-tabs.nav-justified>li {

   float: none;
   margin: 0 0px;
   display: inline-block;
   width: 168px;

} section.service-wthree .nav-tabs.nav-justified>li>a {

   padding: 5px 3px;
   font-size: 18px;
   width: 102%;

} section.gallery-w3ls .demo > li {

   width: 324px;

} section.team-w3ls .wrapper a img { width:100%; } .col-lg-3.col-md-3.col-sm-6.wthree1, .col-lg-3.col-md-3.col-sm-6.wthree2, .col-lg-3.col-md-3.col-sm-6.wthree3, .col-lg-3.col-md-3.col-sm-6.wthree4 { width:50%; float:left; } div.map iframe.googlemaps {

   width: 100%;
   height: 270px;

} }

@media (max-width: 667px) { section.banner-w3ls {

   height: 311px;

} .banner-w3layouts1 {

   top: 25%;

} .osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

   top: 12em;

} .osSlider-main:hover .slider-btn-prev {

   left: 2em;

} .osSlider-main:hover .slider-btn-next {

   right: 2em;

} .osSlider-main .slider-btn-prev { background: url(../images/Tleft.png) no-repeat;

   background-size: 100%;

width:40px; height:40px; } .osSlider-main .slider-btn-next { background: url(../images/Tright.png) no-repeat;

   background-size: 100%;

width:40px; height:40px; } .banner-w3layouts1 h3 {

   font-size: 20px;
   padding: 0px;

line-height:30px; } .banner-w3layouts1 h4 {

   font-size: 15px;
   width: 290px;
   margin: 10px auto;

} section.service-wthree .nav-tabs.nav-justified>li>a {

   padding: 5px 3px;
   font-size: 16px;
   width: 102%;

} section.service-wthree .nav-tabs.nav-justified>li { width:150px; } section.gallery-w3ls .demo > li {

   width: 290px;

} }

@media (max-width:640px) { figure.effect-duke p a {

   margin-top: 35px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 143px;

} section.gallery-w3ls .demo > li {

   width: 276px;

} .osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

   top: 11em;

} .sb-search.sb-search-open, .no-js .sb-search {

   width: 40%;

} }

@media (max-width:600px) { .fsbanner { height:250px; } .sb-search.sb-search-open, .no-js .sb-search {

   width: 40%;

} .col-lg-4.col-md-4.col-sm-4.blog-agile1, .col-lg-4.col-md-4.col-sm-4.blog-agile2, .col-lg-4.col-md-4.col-sm-4.blog-agile3 {

   width: 80%;

} figure.effect-duke p a {

   margin-top: 50px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 134px;

} section.service-wthree .nav-tabs.nav-justified>li>a {

   padding: 5px 3px;
   font-size: 14px;
   width: 102%;

} section.gallery-w3ls .demo > li {

   width: 256px;

} .banner-w3layouts1 h4 {

   font-size: 15px;
   width: 290px;
   margin: 10px auto;

} .banner-w3layouts1 {

   top: 29%;

} }

@media (max-width: 568px) { section.banner-w3ls {

   height: 257px;

} .navbar-brand h1 {

   font-size: 28px;

} .banner-w3layouts1 {

   top: 29%;

} .banner-w3layouts1 p.agileinfo2 { display:none; } .osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

   top: 10em;

} .fsbanner {

   height: 220px;

} .info-w3-agileits {

   margin-left: -40px;

} section.inner-banner .header {

   height: 185px!important;

} h2.inner-header {

   font-size: 30px;
   top: 80px;

} section.service-w3ls h3.text-center, section.service-wthree h3.text-center, section.gallery-w3ls h3.text-center, section.team-w3ls h3.text-center {

   font-size: 30px;

} section.special-w3ls, section.blog-w3ls, section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls, section.contact-w3ls {

   padding: 30px 0;

} section.service-wthree .nav-tabs.nav-justified>li>a i.fa { display:none; } section.blog-w3ls h3.text-center {

   font-size: 35px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 126px;

} section.gallery-w3ls .demo > li {

   width: 240px;

} div.map iframe.googlemaps {

   width: 100%;
   height: 210px;

} textarea#message {

   height: 160px;

} section.footer-w3ls a.footer-logo h3 {

   font-size: 30px;

} section.footer-w3ls {

   padding: 20px 0 20px;

} .banner-w3layouts1 h3 {

   font-size: 18px;
   padding: 0px;
   line-height: 30px;

} }

@media (max-width:480px) { .banner-w3layouts1 h3 {

   font-size: 17px;
   line-height: 30px;

} .banner-w3layouts1 { top:29%; } .banner-w3layouts1 p.agileinfo1 {

   padding: 0;
   font-size: 13px;

} .fsbanner {

   height: 200px;

} section.special-w3ls h2 {

   font-size: 30px;
   padding: 15px 0 10px;

} .info-w3ls {

   padding: 40px 0;

} section.info-agile h3.text-center {

   font-size: 28px;
   padding-bottom: 10px;

} .info-w3-agileits {

   margin-left: -30px;

} .col-lg-4.col-md-4.col-sm-4.blog-agile1, .col-lg-4.col-md-4.col-sm-4.blog-agile2, .col-lg-4.col-md-4.col-sm-4.blog-agile3 {

   width: 100%;

} .navbar-brand {

   padding: 10px 10px;
   margin-bottom: 10px;
   margin-left: 10px;

} .navbar-toggle { margin-right:0; } .sb-search.sb-search-open, .no-js .sb-search {

   width: 55%;

} section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

   height: 40px;
   font-size: 15px;
   line-height: 0;
   text-align: center;

} section.footer-w3ls .subscribe input#mail {

   font-size: 15px;
   height: 40px;

} section.service-wthree .nav-tabs.nav-justified>li>a {

   padding: 5px 0px;
   font-size: 14px;
   width: 102%;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 104px;

} section.gallery-w3ls .demo > li {

   width: 196px;

} section.team-w3ls .slide-item span.title { margin: 15px 10px 20px;

   text-align: center;
   padding: 5px 0;

} section.team-w3ls .slide-item .author { margin: 10px 10px; text-align:center; } .icons.main-grid-border {

   padding-top: 20px;

} h3.icon-subheading {

   font-size: 20px;
   margin: 15px 0;

} .sb-search {

   right: 75px;

} }

@media (max-width: 414px) { section.banner-w3ls {

   height: 223px;

} .navbar-brand h1 {

   font-size: 25px;

} .navbar-brand {

   padding: 0px 0px;
   margin-bottom: 0px;
   margin-left: 5px;
   margin-top: 15px;

height:0; } .banner-w3layouts1 {

   top: 31%;

} .banner-w3layouts1 h4 {

   font-size: 15px;
   width: 295px;
   margin: 10px auto;

} .banner-w3layouts1 p.agileinfo1 { display:none; } .sb-search {

   right: 80px;
   top: 15px;

} .sb-search.sb-search-open, .no-js .sb-search {

   width: 80%;

} .osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

   top:117px;

} .osSlider-main:hover .slider-btn-prev {

   left: 10px;

} .osSlider-main:hover .slider-btn-next {

   right: 10px;

} section.info-agile h3.text-center {

   font-size: 25px;
   padding-bottom: 10px;

} .info-w3-agileits {

   margin-left: -15px;

} figure.effect-duke p a {

   margin-top: 20px;

} section.blog-w3ls h3.text-center {

   font-size: 30px;

} section.blog-w3ls a.blog-link {

   font-size: 20px;

} section.footer-w3ls .subscribe input#mail { width:100%; } section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

   width: 100%;

} section.info-agile { background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover; } section.blogpost-w3ls .ctitle {

   font-size: 23px;

} section.blogpost-w3ls .mtb {

   margin-top: 30px;
   margin-bottom: 15px;

} section.service-w3ls p.text-center, section.service-wthree p.text-center, section.gallery-w3ls p.text-center, section.team-w3ls p.text-center {

   font-size: 14px;
   line-height: 30px;
   padding-bottom: 20px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 87px;

} section.gallery-w3ls .demo > li {

   width: 346px;

} .col-lg-3.col-md-3.col-sm-6.wthree1, .col-lg-3.col-md-3.col-sm-6.wthree2, .col-lg-3.col-md-3.col-sm-6.wthree3, .col-lg-3.col-md-3.col-sm-6.wthree4 {

   width: 100%;
   float: left;

} .col-lg-3.col-md-3.col-sm-6.wthree1, .col-lg-3.col-md-3.col-sm-6.wthree2, .col-lg-3.col-md-3.col-sm-6.wthree3 { margin-bottom:30px; } section.team-w3ls .slide-item .author {

   margin: 10px 20px;
   text-align: center;

} section.team-w3ls .modal-header h4 {

   font-size: 20px;

} section.team-w3ls .modal-header .close {

   margin-top: -7px;
   padding: 0;
   margin-bottom: 0;

font-size:35px; } .fsbanner {

   height: 180px;

} section.team-w3ls .slide-item span.title {

   margin: 65px 20px 60px;
   text-align: center;
   padding: 10px 0;

} }

@media (max-width:384px) { section.banner-w3ls {

   height: 206px;

} .banner-w3layouts1 {

   top: 36%;

} .banner-w3layouts1 h3 {

   font-size: 16px;
   padding: 0px 10px;
   line-height: 25px;

} .banner-w3layouts1 h4 {

   font-size: 13px;
   width: 293px;
   margin: 5px auto 0;

} .osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

   top: 110px;

} .osSlider-main .slider-btn-prev {

   background: url(../images/Tleft.png) no-repeat;
   background-size: 100%;
   width: 30px;
   height: 30px;

} .osSlider-main .slider-btn-next {

   background: url(../images/Tright.png) no-repeat;
   background-size: 100%;
   width: 30px;
   height: 30px;

} section.special-w3ls h2 {

   font-size: 26px;
   padding: 15px 0 10px;

} section.info-agile h3.text-center {

   font-size: 27px;
   padding-bottom: 10px;

} figure.effect-duke p a { padding: 20px 30px; } section.blogpost-w3ls .ctitle {

   font-size: 20px;

} section.blogpost-w3ls p.blogpost-p1 {

   font-size: 11px;
   line-height: 25px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 80px;

} section.gallery-w3ls .demo > li {

   width: 317px;

} h2.inner-header {

   font-size: 26px;
   top: 85px;

} section.contact-w3ls h3 {

   font-size: 28px;

} }

@media (max-width: 375px) { section.banner-w3ls {

   height: 201px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 77px;

} section.gallery-w3ls .demo > li {

   width: 307px;

} section.contact-w3ls h3 {

   font-size: 27px;

} }

@media (max-width: 320px) { section.banner-w3ls {

   height: 170px;

} .navbar-brand h1 {

   font-size: 25px;

} .navbar-brand { margin-left: 5px;

   margin-top: 10px;

} .navbar-toggle { width: 40px;

   height: 30px;

padding:0; } .banner-w3layouts1 h3 {

   font-size: 15px;
   padding: 0px 10px;
   line-height: 25px;

} .banner-w3layouts1 h4 {

   font-size: 13px;
   width: 255px;
   margin: 5px auto 0;

} .osSlider-main:hover .slider-btn-prev, .osSlider-main:hover .slider-btn-next {

   top: 102px;

} .osSlider-main .slider-nav { bottom:4px; } .sb-search {

   right: 75px;
   top: 7px;

} .osSlider-main .slider-nav li {

   display: inline-block;
   height: 17px;
   line-height: 16px;
   padding: 0 5px;
   margin: 0 5px;
   font-size: 11px;

} .fsbanner {

   height: 160px;

} section.special-w3ls h2 {

   font-size: 22px;
   padding: 15px 0 10px;

} section.special-w3ls p {

   font-size: 13px;
   text-align: center;

} section.info-agile h3.text-center {

   font-size: 22px;
   padding-bottom: 10px;

} .info-w3ls {

   padding: 30px 0;

} .col-xs-4.info-w3layouts1,.col-xs-8.info-w3layouts2 {

   width: 100%;
   float: left;

text-align:center; } .col-xs-4.info-w3layouts1 { padding-bottom:20px; } section.blog-w3ls h3.text-center {

   font-size: 27px;

} .grid figure h4 { font-size:22px; } figure.effect-duke p a {

   padding: 10px 30px;
   margin-top: 10px;

} section.blog-w3ls p.text-center {

   font-size: 13px;
   padding-bottom: 30px;

} section.info-agile p.text-center {

   font-size: 13px;

} .stats-grid h4 {

   font-size: 13px;

} .info-grid2 p {

   font-size: 13px;

} section.blog-w3ls a.blog-link {

   font-size: 16px;

padding-bottom:5px; } section.blog-w3ls p.blog-p2 {

   font-size: 13px;

} section.footer-w3ls p.footer-w3-agileits1 {

   font-size: 13px;

} section.footer-w3ls a.footer-logo {

   padding-bottom: 7px;

} section.footer-w3ls p.footer-w3-agileits3 {

   font-size: 13px;

} section.footer-w3ls .subscribe {

   padding: 20px 20px;

} section.footer-w3ls .subscribe input#mail,section.footer-w3ls .subscribe button.btn.btn-outline.btn-lg {

   font-size: 14px;

} section.footer-w3ls p.footer-w3-agileits2 {

   font-size: 13px;

} section.inner-banner .header {

   height: 165px!important;

} h2.inner-header {

   font-size: 20px;
   top: 77px;

} section.blogpost-w3ls .ctitle {

   font-size: 16px;

padding:15px 0; } section.blogpost-w3ls p.blogpost-p1 {

   font-size: 10px;
   line-height: 23px;

} section.blogpost-w3ls p.blogpost-p2 {

   font-size: 13px;
   padding: 5px 0 5px;

} section.blogpost-w3ls blockquote {

   font-size: 13px;

} section.blogpost-w3ls h4.blogpost-agile1 {

   font-size: 17px;
   padding-bottom: 10px;

} section.blogpost-w3ls button.btn.btn-primary {

   width: 200px;
   height: 40px;
   font-size: 14px;

} section.blogpost-w3ls h4.media-heading {

   font-size: 15px;

} section.blogpost-w3ls .popular-posts li a { font-size:13px; } section.blogpost-w3ls h4.blogpost-agile2 {

   font-size: 18px;

} section.blogpost-w3ls .btn-theme { font-size:13px; padding:5px 15px; } section.service-w3ls h3.text-center, section.service-wthree h3.text-center, section.gallery-w3ls h3.text-center, section.team-w3ls h3.text-center {

   font-size: 27px;

padding-bottom:7px; } section.service-w3ls p.text-center, section.service-wthree p.text-center, section.gallery-w3ls p.text-center, section.team-w3ls p.text-center {

   font-size: 13px;

} section.service-w3ls h5 {

   font-size: 23px;
   padding: 10px 0 5px;

} section.service-w3ls p.serv-agile {

   font-size: 13px;

} section.service-wthree .nav-tabs.nav-justified>li {

   width: 64px;

} section.service-wthree h4 {

   font-size: 22px;
   padding: 10px 0 5px;

} section.special-w3ls, section.blog-w3ls, section.service-w3ls, section.service-wthree, section.gallery-w3ls, section.team-w3ls, section.contact-w3ls {

   padding: 25px 0;

} section.service-wthree p.serv-w3-agileits {

   font-size: 13px;

} section.gallery-w3ls .demo > li {

   width: 253px;

} section.team-w3ls .modal-header h4 {

   font-size: 18px;

} section.team-w3ls .modal-body p {

   font-size: 13px;
   padding: 10px 0px;

} .navbar-toggle .icon-bar { margin:0 auto; } h3.agileits-icons-title {

   font-size: 25px;
   padding: 0;

} h3.icon-subheading {

   font-size: 17px;
   margin: 15px 0;

} .navbar-toggle {

   margin-right: 5px;

margin-top:10px; } section.contact-w3ls p.contact-agileits {

   font-size: 13px;

} section.contact-w3ls h3 {

   font-size: 24px;

} input#firstname, input#lastname, input#phone, input#email {

   height: 40px;

} input#firstname, input#lastname, input#phone, input#email, textarea#message {

   font-size: 14px;

} section.contact-w3ls button.btn.btn-primary {

   height: 40px;
   font-size: 16px;
   line-height: 0;
   width: 100%;

} section.team-w3ls .slide-item span.title {

   margin: 30px 20px 40px;
   text-align: center;
   padding: 10px 0;

} } /*-- responsive design --*/ /*-- interlab design --*/ .interlab-list { font-size: 16px;

   line-height: 20px;
   margin-left: 10px;

} /*-- interlab design --*/