/* Components
----------------------------------------------------------------------------- */
/* Gallery */
.gallery-list{ margin-left:-20px;}
.gallery-list li{ float:left; margin:0 0 20px 20px;}

/* Tab */
.nav-tabs{ border-left:1px solid #ddd;}
.nav-tabs li{ list-style:none;}
.nav-tabs > li{ background:#fefefe; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top:2px solid #666; font-size:14px; cursor:pointer;}
.nav-tabs li.active{ border-bottom:1px solid #fff; border-top:2px solid #003333;}
.nav-tabs li a{ border:none; border-radius:0; margin:0; padding:12px 20px; color:#333; font-size:15px; font-weight:300;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #555; cursor: default; background: #fff; border: none; border-bottom-color: transparent;}
.nav > li > a:hover{ background:none; color:#666;}
.tab-content{ border:1px solid #ddd; margin-top:-1px;}
.tab-pane{ padding:10px 20px; font-size:14px; color:#666; font-weight:300; line-height:1.8em;}

.nav-tabs .dropdown-menu{ left:-1px; margin-top:1px;}

/* Quovolver */
.testi-content p{ position:relative; background:#fefefe; border:1px solid #ddd; margin:0 0 15px; padding:20px 25px; font-size:14px; font-weight:300; border-radius:3px; color:#666; line-height:1.8em;}
.testi-content p:before{ position:absolute; left:28px; bottom:-7px; background-color: #fefefe; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-top: 0 none; content: ""; display: block; height: 14px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); width: 14px;}
.testi-content cite{ color:#666;}
.testi-content cite img{ border:1px solid #ddd; border-radius:50px; height:70px!important; padding:4px; width:70px!important; margin-right:10px; color:#666;}
.testi-content cite a{ margin-left:6px; color:#003333; text-decoration:none;}

/* Carousel - Recent Works */
.recent-works{ margin-left:-5px; margin-bottom:20px;}
.recent-works .item{ margin:5px;}
.recent-works .item img{ display:block; width:100%; height:auto;}
.recent-works-item{ position:relative; border-bottom:1px solid #eee; overflow:hidden; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;} 
.recent-works-item:hover{ border-color:#003333;}
.recent-works-item img { display:block; position:relative; max-width:100%; transition:transform 0.4s ease 0s; -webkit-transition:transform 0.4s ease 0s; -moz-transition:transform 0.4s ease 0s;}
.recent-works-item a { display: block; height: auto; position: relative; width: 100%;}
.recent-works-item .hover { background:rgba(0,51,51,0.6); bottom: 0; cursor: url("../images/cursor.png") 40 40, crosshair; height: 100%; left: 0; opacity: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; transition: all 0.3s ease-in-out 0s; width: 100%; z-index:999;}
.recent-works-item:hover .hover{ opacity:1;}
.recent-works-item h4{ background:#fafafa; padding:25px 0; margin:0; text-align:center; font-size:18px; font-weight:100;}
.recent-works-item h4 a{ display:inline; color:#666; text-decoration:none;}
.recent-works-item h4 a:hover{ color:#333;}

/* Carousel - Our Clients */
.clients-carousel .item{ background:#fefefe; border:1px solid #eee; margin:0 10px 0 0; text-align:center; transition:all ease 0.3s;}
.clients-carousel .item:hover{ border-color:#003333;}

.owl-controls .owl-buttons div{ position:absolute; top:0; background:#f5f5f5; color:#aaa; font-size:12px; font-weight:100; margin:-36px 0 0 10px; padding:0 6px;}
.owl-controls .owl-buttons div:hover{ color:#003333;}
.owl-prev:before{ display:inline-block; content:""; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1;}
.owl-prev{right:35px!important;}
.owl-next{right:10px!important;}
.owl-next:before{ display:inline-block; content:""; font-family:FontAwesome; font-style:normal; font-weight:normal; line-height:1;}

/* Pricing Table */
.pricing-table-extended .column, .pricing-table-simple .column {float: left;margin: 0;padding: 0;position: relative;text-align: center;}
.pricing-table-extended ul li, .pricing-table-simple ul li {display: block;margin: 0;position: relative}
.pricing-table-extended .footer, .pricing-table-simple .footer {padding: 24px 20px;}
.pricing-table-extended input, .pricing-table-simple input{ display:inline-block; padding:8px 20px; background:#666; border:none; color:#fff; transition:all linear 0.2s; -webkit-transition:all linear 0.2s; -moz-transition:all linear 0.2s;}
.pricing-table-extended input:hover, .pricing-table-simple input:hover{ background:#003333;}
.pricing-table-extended .level-max input, .pricing-table-simple .level-max input{ background:#003333;}

.pricing-table-extended {margin-bottom: 80px;}
.pricing-table-extended .column {border-left: 2px solid #fff;width: 20%;}
.pricing-table-extended .column:last-child {border-left: none;}
.pricing-table-extended .features-list {border: none;text-align: left;}
.pricing-table-extended .level-max {background: #fff;border: none;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);margin-top: -15px;z-index: 9999;}
.pricing-table-extended .header {background: #636363;color: #fff;min-height: 132px;}
.pricing-table-extended .features-list .header {background: none;}
.pricing-table-extended .level-one .header {background: #959595;}
.pricing-table-extended .level-max .header {background: #003333;padding: 0 0 25px;}
.pricing-table-extended h1 {background: #595959;border-bottom: 1px solid #737373;color: #fff;font-size: 12px;font-weight: 800;padding: 13px 15px;}
.pricing-table-extended .level-one h1 {background: #868686;border-bottom: 1px solid #a0a0a0;color: #fff;}
.pricing-table-extended .level-max h1 {background: #003333;border-bottom: 1px solid rgba(0,0,0,.15);color: #fff;}
.pricing-table-extended h2 {color: #fff;font-size: 11px;font-weight: 400;margin: 10px 0 0;padding:0;line-height:normal;text-transform: capitalize;}
.pricing-table-extended h2 span {color: #fff;display: block;font-size: 36px;font-weight: 700;}
.pricing-table-extended .level-max h2 span {font-size: 48px;font-weight: 700;}
.pricing-table-extended ul li {background: #f8f8f8;padding: 9px 20px;}
.pricing-table-extended ul li:nth-child(even) {background: #ebebeb;}
.pricing-table-extended .level-max ul li:nth-child(even) {background: #f2f2f2;}
.pricing-table-extended .check {background: url(../images/pricing-check.png) no-repeat center;display: inline-block;height: 18px;text-indent: -9999px;width: 18px;}
.pricing-table-extended .footer {background: #f8f8f8;}
.pricing-table-extended .features-list .footer {background: none;}
.pricing-table-extended .level-max .footer {background: #fff; padding: 31px 20px;}

.pricing-table-simple{ margin-bottom:30px;}
.pricing-table-simple .column {background: #f6f6f6;border-left: 2px solid #fff;width: 25%;}
.pricing-table-simple .column:first-child, .pricing-table-simple .column:last-child {border: none;}
.pricing-table-simple .level-max {background: #fff;border: none;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);box-shadow: 0 5px 10px rgba(0, 0, 0, .2);margin: -15px 0;width: 278px;z-index: 9999;}
.pricing-table-simple .header {padding: 26px 20px 23px;}
.pricing-table-simple .level-max .header {padding: 31px 20px 33px;}
.pricing-table-simple h1 {color: #636363;font-size: 16px;font-weight: 600;margin: 0 0 7px;}
.pricing-table-simple h2 {color: #333;font-size: 16px;font-weight: 400;margin: 0 0 3px;}
.pricing-table-simple h2 span {color: #333;font-weight: 600;}
.pricing-table-simple .level-max h2, .pricing-table-simple .level-max h2 span {color: #003333;}
.pricing-table-simple .level-max h6 {color: #e3816f;}
.pricing-table-simple h6 {color: #636363;font-size: 11px;margin: 0;font-weight: 200;text-transform: capitalize;}
.pricing-table-simple ul {margin: 0 20px;}
.pricing-table-simple ul li {border-top: 1px dotted #ddd;padding: 8px 0;}
.pricing-table-simple ul li:last-child {border-bottom: 1px dotted #ddd;}
.pricing-table-simple .level-max .footer {margin: 5px 0 10px;}

/* Google Map */
.map_wrap{ padding:0; margin-bottom:10px;}
.map_wrap iframe{ border:none; margin:0; padding:0;}

/* Font Icons */
.fontawesome-icon-list{ margin:20px 0 0;}
.fontawesome-icon-list li{ float:left; background:#fafaf6; margin:0 15px 15px 0; padding:10px 12px; width:175px; list-style:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.fontawesome-icon-list li a{ color:#666;}
.fontawesome-icon-list li:hover a{ color:#003333; text-decoration:none;}
.fontawesome-icon-list li a em{ display:inline-block; padding:0 10px 0 0; vertical-align:bottom; font-size:14px; line-height:20px; color:#555;}

/*--------------------------------------------------------------------------- */
/* Responsive Staff */
/*--------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
/* Pricing Table */
.pricing-table-extended .column, .pricing-table-simple .column { float:none; margin-bottom:20px;}

.pricing-table-extended { margin-bottom:20px;}
.pricing-table-extended .column { width:100%;}
.pricing-table-extended .features-list { display:none;}
.pricing-table-extended .level-max { box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1); margin-top:0;}

.pricing-table-simple{ margin-bottom:30px;}
.pricing-table-simple .column { width: 100%;}
.pricing-table-simple .column:first-child, .pricing-table-simple .column:last-child {border: none;}
.pricing-table-simple .level-max { box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1); margin:0; width:100%;}

/* Google Map */
.map_wrap{ padding:0;}
.map_wrap iframe{ height:300px;}

/* Font Icons */
.fontawesome-icon-list li{ float:none; margin:0 auto 15px auto; width:auto;}
}

@media only screen and (max-width: 480px) {
.nav-tabs li a{ padding:12px 15px;}
}