@charset "utf-8";
/* CSS Document */
body {}
#ws-header {width:100%; min-height: 80px; background:#18191B; position: fixed; top: 0; left: 0; z-index: 99;}
#ws-header .navbar-fixed-top {border:none;}
#ws-header .navbar-default {background: none;}
#ws-header .navbar-nav > li > a {font-family: 'calibril'; color: #fff; font-size: 18px; text-transform: uppercase;}
#ws-header .navbar-nav > li > a:hover {color: #ed1c24;}
#ws-header .navbar-nav > li > a:before {content:""; position: absolute; top: 50%; left:0; border:2px solid #fff; border-radius:100%;}
#ws-header .navbar-nav > li > a:hover:before {border-color:#ED1C24;}
#ws-header .navbar-collapse {padding-top:14px;}
#ws-slider {width: 100%; min-height: 425px; /*background: url(../images/slider-bg-01.jpg) no-repeat; background-size: cover;*/}
.fst-slide {width: 100%; min-height: 425px; overflow:hidden; background: url(../images/slider-bg-01.jpg) no-repeat; background-size: cover; background-size: 999px 100%; background-position:center; background-color:#000;}
.snd-slide {width: 100%; min-height: 425px; overflow:hidden; background: url(../images/slider-bg-02.jpg) no-repeat; background-size: cover; background-size: 999px 100%; background-position:center; background-color:#000;}
.trd-slide {width: 100%; min-height: 425px; overflow:hidden; background: url(../images/slider-bg-03.jpg) no-repeat; background-size: cover; background-size: 999px 100%; background-position:center; background-color:#000;}
.frt-slide {width: 100%; min-height: 425px; overflow:hidden; background: url(../images/slider-bg-04.jpg) no-repeat; background-size: cover; background-size: 999px 100%; background-position:center; background-color:#000;}
.fft-slide {width: 100%; min-height: 425px; overflow:hidden; background: url(../images/slider-bg-05.jpg) no-repeat; background-size: cover; background-size: 999px 100%; background-position:center; background-color:#000;}
#ws-layer {width: 100%; min-height: 120px; font-family: 'Calibri Bold'; /*background: url(../images/slider-bg.jpg) repeat-y;*/  font-size: 48px; color: #fff; margin-top: 165px;}
#ws-layer h3 {font-family: 'Calibri Bold'; font-size: 48px; color: #fff; text-transform: uppercase;margin:0 0 0 20%;}
#ws-slider .carousel-inner {min-height: 425px;}
#ws-slider .carousel-control.left {background: url(../images/left-corousal.png) no-repeat; background-position: center;}
#ws-slider .carousel-control.right {background: url(../images/right-corousal.png) no-repeat; background-position: center;}
#ws-what {width:100%; padding-top: 36px; background: #fff; font-family: 'Calibri Regular'; padding-bottom: 67px;}
.pano {padding:0 !important;}
.whatz {}
.whatz h3 {color: #2a2a2a; font-size: 38px; font-weight: normal;}
.dot-bg {max-width:640px; border-bottom: 1px solid #ccc; position: relative; display: block; margin:13px auto 45px;}
.dot-bg:after {display: inline-block;font-size: 2em; top:1px;}
#ws-wedo {width:100%; padding-top: 10px; background: #fff;}
#padd-top {padding-top: 80px; width:100%; overflow:hidden;}
.we-do {padding-bottom: 30px;}
.we-do h3 {font-size: 24px; color: #2a2a2a;}
.we-do h3 span {color: #ed1c24;}
.we-do p {color: #606060; font-size: 14px; padding-bottom: 10px;}
#ws-process {width:100%; padding-top: 65px; font-family: 'Calibri Regular'; min-height: 625px; background: url(../images/our-bg.jpg) no-repeat; background-size: cover; padding-bottom: 50px;}
.ws-steps {width:182px; height: 182px; line-height: 182px; color: #fff; font-size: 24px; background: url(../images/round-layer.png) no-repeat; margin: 0 auto; margin: 55px auto 60px;}
.ws-read {border-top:1px solid #70706F; text-align: justify; padding-top: 9px;}
.ws-read p {color:#c3c3c3; font-size: 18px; line-height: 32px; margin-top: 5px;}
.portfolio-page {width:100%; background: #fff; padding: 20px 0 25px;}
#portfolio-page {overflow:hidden;}
.portfolio-page-items {width: 100.2%;}
.portfolio-page-filter {padding: 20px 0 31px;}
.portfolio-page-filter li {display: inline-block;}
.tabz.active {background: #ED1C24; color: #fff;}
.tabz {display: block; padding: 0 20px; line-height: 38px; font-size: 18px; color: #727272; font-family: 'Calibri Regular';}
.ws-view {height: 160px; background:#ED1C24; padding-top: 60px;}
.moore {line-height: 43px; text-align: center; border: 2px solid #FDE1E2; display:inline-block; color: #fff; font-size: 18px; padding: 0 55px;}
#adroitness {width:100%; overflow:hidden; text-align:center;}
#adroitness img {display:inline-block}
#ws-testimonials {width:100%; min-height: 579px; overflow:hidden; background: url(../images/testimonials-bg.jpg) no-repeat; background-size: cover; padding-top: 65px;}
.ws-test {width:100%; padding: 10px 0 14px;}
.ws-test h3, .ws-our h3 {color: #fff; font-size: 38px; font-weight: normal; padding-bottom: 32px; background: url(../images/title-bg.png) no-repeat; background-position: center bottom;}
#ws-quote {width:100%; padding: 22px 0 30px; background: url(../images/testi-layer.png) repeat; display: inline-block; margin: 45px 0 45px; min-height: 225px;}
.qu-symbol {float: left;}
.qu-opinion p {color: #827c7c; font-size: 18px; line-height: 25px; text-align: justify; font-family: 'Calibri Regular';}
.qu-opinion a, .qu-opinion h5 {color: #ed1c24; font-size: 16px; margin-top: 20px; display: block;}

#ws-footer {width:100%; min-height: 333px; background: #111111; font-family: 'Calibri Regular'; overflow:hidden;}
#ws-provide {width:100%; padding: 10px 0 11px; text-align: justify;}
#ws-provide a {float: right; color: #ed1c24; display: block;}
#ws-provide img {margin:43px 0 18px;}
#ws-provide p, #ws-connect p, #ws-connect {color: #fff; font-size: 16px; line-height: 23px; margin: 0;}
#ws-connect p {border-bottom: 1px solid #222222; padding-bottom: 4px; margin-bottom: 5px;}
.ws-brands {width:100%; padding: 10px 0 11px;}
#ws-brands {width:100%; max-width:368px; border: 2px solid #fff; padding: 40px 0;}
#ws-brands a {display: inline-block; margin: 0 2px;}
#ws-connect {width:100%; padding: 10px 0 11px 101px;}
#ws-connect span {color:#ed1c24}
#ws-professional {padding:10px 0 11px 79px; width:100%;}
#ws-professional ul {padding-left:15px;}
#ws-professional ul li {color: #fff; font-size: 16px; line-height: 23px; margin-bottom:5px; list-style:disc;}
.ws-brands h3, #ws-connect h3, #ws-professional h3 {color: #fff; font-family: 'Calibri Regular'; font-size: 24px; padding: 57px 0 25px;}
#ws-brands a {color:#fff;}
#ws-copyright {width:100%; min-height: 75px; background: #0B0B0B; padding: 20px 0 34px; overflow:hidden;}
#ws-rights {width:100%; color: #fff; font-size: 16px; line-height: 22px; padding-top: 15px;}
#ws-social {float:right; color: #fff;}
#ws-social a {float: left; padding:14px 7px 10px; color: #fff; font-size: 17px;}
.portfolio-image .img-responsive {height:190px;}
#ws-rights > a {color:#fff;}
#ws-rights > a:hover {color:#ED1C24;}
/*About Us Page*/
#ab-top {width:100%; min-height: 234px; overflow: hidden;background: url(../images/about-top.jpg) no-repeat; background-size: cover;}
#at-top {width:100%; min-height: 234px; overflow: hidden;}
#at-top h3 {font-family: 'Calibri Regular'; font-weight: normal; color: #fefefe; font-size: 48px; text-transform: uppercase; padding: 89px 0 20px;}
#at-top p {font-family:Verdana, Geneva, sans-serif;  font-size: 15px; color: #fefefe; line-height: 23px; margin-bottom: 4px;}
#ab-welcome {width:100%; overflow: hidden; padding: 108px 0 49px;}
#ab-welcome h3 {font-family: 'Calibri Regular'; font-size: 36px; color: #000; font-weight: normal; padding-bottom: 41px;}
#ab-welcome p, #ab-content p {font-family: 'Calibri Regular'; font-size: 17px; color: #969696; font-weight: normal; margin-bottom: 29px; line-height: 25px; text-align: justify;}
#ab-content {width:100%; overflow: hidden; padding-bottom: 155px;}
#ab-titles h3 {color: #000;font-family: "Calibri Regular";font-size: 36px;font-weight: normal;padding-bottom: 41px;}

/*Contact Us*/

#ct-contact {width: 100%; overflow: hidden; padding:129px 0 134px;}
.ct-address h3 {font-family:Verdana, Geneva, sans-serif;  font-size: 24px; font-weight:bold; text-transform: uppercase; color: #000; padding-bottom: 27px;}
.ct-address p {font-family:Verdana, Geneva, sans-serif;  font-size: 17px; color: #000; margin-bottom: 14px;} 
.ct-form p {font-family: Verdana, Geneva, sans-serif; font-size: 15px; color: #000; text-align: center;}

/*Brands...*/

/*Services*/

#sr-service {width: 100%; overflow: hidden; padding:134px 0 134px;}
#sr-services {width: 100%; overflow: hidden;}
#sr-services ul {padding-left: 22px;}
#sr-services ul li {font-family: 'Calibri Regular'; font-size: 24px; color: #969696; font-weight: normal; margin-bottom: 29px; line-height: 25px; list-style-type: disc;}

/*Clinets*/
#cl-clients {width: 100%; overflow: hidden; padding:134px 0 0;}
#cl-clients {width: 100%; overflow: hidden;}
#cl-clients ul {padding-left: 22px;}
#cl-clients ul li {font-family: 'Calibri Regular'; font-size: 24px; color: #969696; font-weight: normal; margin-bottom: 29px; line-height: 25px; list-style-type: disc;}

#cr-clients {width:100%; overflow: hidden; padding: 50px 0 110px;}
#br-brands {width:100%; overflow: hidden; padding: 110px 0 75px;}
.br-brand {position:relative;}
@media (min-width: 768px) {
.cl-brand img {max-height:205px;}
}
.br-row {margin-bottom: 20px;}
@media (max-width: 360px) {
  .navbar-brand {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
#ws-connect {padding-left:50px;}
#ws-layer h3 {margin-left:0;}
#ws-layer {text-align:center;}
.we-do {text-align:center;}
.we-do .img-responsive {margin:0 auto;}
#portfolio-page .isotope-item {max-width:280px;}
#portfolio-page .isotope-item {right:0;}
.navbar-nav {background:#777; padding-left:14px !important;}
/*.resno {display:none;}*/
.portfolio-page-items.isotope {overflow:hidden;}
#port-home {width:100%; overflow:hidden; background:#000; height:760px;}
#port-auto {margin:0 auto; width:280px;}
}
@media (max-width: 320px) {
#portfolio-page .isotope-item {max-width:100%;}
}