@charset "utf-8";
/*
---------------
Table of Contents:
1) Body and Common style
2) Heading style
3) Preloader
4) Home 
5) Nav Header
6) About Section
7) Who We Are Section
8) Fun Facts
9) Separator-Quotes
10) Team
11) Separator-Video
12) Services
13) How we work Section
14) Separator Action penal
15) Portfolio
15-a) Clients
15-b) Testimonials
16) Price List Section
17) Contact Details
18) Contact Address
19) Contact Form
20) Social icon
21) Image Gallery
22) Google Map
23) Twitter Feed
24) Footer
25) Button Style
--------------
*/
/* ==== 1) Body and Common style ==== */
html, body { height: 100%; color: #121212;  width:auto;}
body { font-family:Verdana,Geneva,sans-serif; color: #121212; display:none; width:auto}
a { background: transparent; outline: none; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
a:active, a:hover, a:focus { outline: 0; color: #121212; text-decoration: none; color: #DA3C3D !important; }
a:focus, a:active, .color { color:#ff6f40; }
.text-center { text-align:center; }
.white { color: #fff; }
.position-rel { position:relative; }
 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: 0;
 outline : 0;
}
.content_ul_style { text-align:left; }
.content_ul_style {padding-bottom:30px; border-radius: 0 0 6px 6px; display:inline-block;  padding:10px 10px;}
.content_ul_style p { font-size:18px; line-height: 24px; color:#000;}
.content_ul_style ul li {list-style-type:disc; font-size:20px; line-height:1.7; }
/*.content_ul_style ul li { list-style-image:url(../images/arrow.png); font-size:18px; line-height:1.7; }*/
.lead_ul ul li{ list-style-type:disc; font-size:15px; line-height:1.7;}
/*.lead_ul ul li{list-style-image:url(../images/arrow.png); font-size:15px; line-height:1.7;}*/
#about .lead_ul ul li{list-style-image:none ; list-style:none; font-size:15px; line-height:1.7;}
.sep_img_area { width:100%; height:auto; float:left; text-align:center; margin-bottom:1%; }
.white p { font-size: 32px; line-height: 1; }
.texterror { border: 1px solid #FF0000 !important; background: #FAEBE7 !important; }
.fluid-width-video-wrapper { padding-top:56.25% !important; }
.player { display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -3; }
.images_abt_logoes { width:196px; float:left; margin-right:20px; }
.images_abt_logoes img { width:100%; }
.glossary_class { color: #D94845; border-bottom: dashed 1px #333; padding-bottom: 10px; }
/* Icon animation effect */
.img_area{float:left; margin-right:15px;}
.new_style_maintain1 { float: left; font-size: 25px; text-transform: uppercase; margin-left:40px; }
.new_style_maintain2 { float: left; font-size: 25px; text-transform: uppercase; margin-left:160px; }
.new_style_maintain3 { float: left; font-size: 25px; text-transform: uppercase; margin-left:160px; }
.new_style_maintain4 { float: left; font-size: 25px; text-transform: uppercase; margin-left:160px; }
.reco_stone { float: left; margin-right: 25px; }
.main_area_abt { height: auto; float: left; width: 100%; padding-left: 160px; margin: 20px 0px; }
.main_area_abt1 { width:420px; height:auto; float:left; padding:10px; }
 @keyframes diagram { 0%, 100%, 48%, 52% {
 font-size:72px;
}
 50% {
 font-size:87px;
}
}
 @-webkit-keyframes diagram { 0%, 100%, 48%, 52% {
 font-size:72px;
}
 50% {
 font-size:87px;
}
}
 @-moz-keyframes diagram { 0%, 100%, 48%, 52% {
 font-size:72px;
}
 50% {
 font-size:87px;
}
}
/*#about-intro .a-icon i.ani { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-name: diagram; -moz-animation-name: diagram; -o-animation-name: diagram; -ms-animation-name: diagram; animation-name: diagram; animation-timing-function: linear 0s; -webkit-animation-timing-function: linear 0s; -moz-animation-timing-function: linear 0s; -o-animation-timing-function: linear 0s; }*/
#about-intro .a-icon i.ani[data-step="1"] { animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; }
#about-intro .a-icon i.ani[data-step="2"] { animation-delay: 2s; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; }
#about-intro .a-icon i.ani[data-step="3"] { animation-delay: 3s; -webkit- animation-delay: 3s;
 -moz- animation-delay: 3s;
}
 @keyframes diagram2 { 0%, 100%, 48%, 52% {
 font-size:52px;
}
 50% {
 font-size:62px;
}
}
 @-webkit-keyframes diagram2 { 0%, 100%, 48%, 52% {
 font-size:52px;
}
 50% {
 font-size:62px;
}
}
 @-moz-keyframes diagram2 { 0%, 100%, 48%, 52% {
 font-size:52px;
}
 50% {
 font-size:62px;
}
}
/*.serviceBlock .se-icon i.ani { -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-name: diagram2; -moz-animation-name: diagram2; -o-animation-name: diagram2; -ms-animation-name: diagram2; animation-name: diagram2; animation-timing-function: linear 0s; -webkit-animation-timing-function: linear 0s; -moz-animation-timing-function: linear 0s; -o-animation-timing-function: linear 0s; }
.serviceBlock .se-icon i.ani[data-step="1"] { animation-delay: 1s; -webkit-animation-delay: 1s; }
.serviceBlock .se-icon i.ani[data-step="2"] { animation-delay: 2s; -webkit-animation-delay: 2s; }
.serviceBlock .se-icon i.ani[data-step="3"] { animation-delay: 3s; -webkit-animation-delay: 3s; }
.serviceBlock .se-icon i.ani[data-step="4"] { animation-delay: 4s; -webkit-animation-delay: 4s; }
.serviceBlock .se-icon i.ani[data-step="5"] { animation-delay: 5s; -webkit-animation-delay: 5s; }
.serviceBlock .se-icon i.ani[data-step="6"] { animation-delay: 6s; -webkit-animation-delay: 6s; }*/
 @keyframes diagram3 { 0%, 100%, 48%, 52% {
 font-size:52px;
}
 50% {
 font-size:62px;
}
}
 @-webkit-keyframes diagram3 { 0%, 100%, 48%, 52% {
 font-size:52px;
}
 50% {
 font-size:62px;
}
}
 @-moz-keyframes diagram3 { 0%, 100%, 48%, 52% {
 font-size:52px;
}
 50% {
 font-size:62px;
}
}
/*.contactBlock .con-icon i.ani { -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-name: diagram3; -moz-animation-name: diagram3; -o-animation-name: diagram3; -ms-animation-name: diagram3; animation-name: diagram3; animation-timing-function: linear 0s; -webkit-animation-timing-function: linear 0s; -moz-animation-timing-function: linear 0s; -o-animation-timing-function: linear 0s; }*/
.contactBlock .con-icon i.ani[data-step="1"] { animation-delay: 1s; -webkit-animation-delay: 1s; }
.contactBlock .con-icon i.ani[data-step="2"] { animation-delay: 2s; -webkit-animation-delay: 2s; }
.contactBlock .con-icon i.ani[data-step="3"] { animation-delay: 3s; -webkit-animation-delay: 3s; }
 @media (max-width: 992px) {
#about-intro .a-icon i.ani, .serviceBlock .se-icon i.ani, .contactBlock .con-icon i.ani { animation:none; -webkit-animation:none; }
}
/* ==== 2) Heading ==== */
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-family: 'Raleway', sans-serif; font-weight: 300; color: #121212; }
h4 { font-size: 20px; letter-spacing: -1px; }
h4 small {    font-size: 15px;    letter-spacing: 0px;}
h4 small.ad { font-size: 16px; letter-spacing: 0px; }
cite { font-size:14px; color:#FF6F40 }
mark { background:#FF6F40; }
p { font-size: 16px; line-height: 22px; font-weight: 500; }
 @media (min-width: 180px) {
h1 { font-size: 32px; }
h1 small { font-size: 32px; }
.lead { font-size: 16px; font-weight: 400; }
h2 { font-size: 30px; letter-spacing: -2px; }
h2 small { font-size: 30px; }
h3 { font-size: 20px; }
h3 small { font-size: 20px; }
h5 small { font-size: 13px; }
}
 @media (min-width: 480px) {
h1 { font-size: 42px; }
h1 small { font-size: 42px; }
.lead { font-size: 16px; font-weight: 400; }
h2 { font-size: 38px; letter-spacing: -2px; }
h2 small { font-size: 38px; }
h3 { font-size: 20px; }
h3 small { font-size: 20px; }
}
 @media (min-width: 768px) {
h1 { font-size: 46px; }
h1 small { font-size: 46px; }
.lead { font-size: 18px; font-weight: 400; }
h2 { font-size: 42px; letter-spacing: -2px; }
h2 small { font-size: 42px; }
h3 { font-size: 28px; }
h3 small { font-size: 26px; }
}
 @media (min-width: 992px) {
h1 { font-size: 46px; }
h1 small { font-size: 46px; }
.lead { font-size: 18px; font-weight: 400; }
h2 { font-size: 42px; letter-spacing: -3px; }
h2 small { font-size: 42px; }
h3 { font-size: 36px; letter-spacing: -1px; }
h3 small { font-size: 32px; }
}
 @media (min-width: 1200px) {
h1 { font-size: 68px; letter-spacing: -4px; }
h1 small { font-size: 56px; }
.lead { font-size: 18px; font-weight: 400; }
h2 { font-size: 52px; letter-spacing: -3px; }
h2 small { font-size: 42px; }
}
.list-inline > li { background:#f2f2f2; margin-bottom:3px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.list-inline > li:hover { background:#333; margin-bottom:3px; color:#fff; }
/* ==== 3) Preloader ==== */
#nprogress { pointer-events:none; -webkit-pointer-events:none }
#nprogress .bar { background:#ff6f40; position:fixed; z-index:1100; top:4px; left:0; width:100%; height:2px }
.hider { position:fixed; width:100%; height:100%; background-color:#1E2936; top:0; bottom:0; left:0; right:0; z-index:1000; -webkit-transform:translate3d(-900, -100, 5100) }
#nprogress .peg { display:block; position:absolute; right:0; width:100px; height:100%; opacity:1.0; -webkit-transform:rotate(3deg) translate(0px, -4px); -moz-transform:rotate(3deg) translate(0px, -4px); -ms-transform:rotate(3deg) translate(0px, -4px); -o-transform:rotate(3deg) translate(0px, -4px); transform:rotate(3deg) translate(0px, -4px) }
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
#spinner-round { position: relative; height: 95px; width: 95px; top: 45%; margin:0 auto; margin-bottom: -45px; border-radius:100%; -webkit-animation: rotation 0.750s infinite linear; -moz-animation: rotation 0.750s infinite linear; -o-animation: rotation 0.750s infinite linear; animation: rotation 0.750s infinite linear; }
#spinner-round:before { content:""; display:block; position:absolute; left:-3px; top:-3px; height:100%; width:100%; border-top: 1px solid rgba(255, 255, 255, 1); border-left: 3px solid transparent; border-bottom: 3px solid transparent; border-right: 3px solid transparent; border-radius: 100%; }
 @-webkit-keyframes rotation { from {
 -webkit-transform: rotate(0deg);
}
to { -webkit-transform: rotate(359deg); }
}
 @-moz-keyframes rotation { from {
 -moz-transform: rotate(0deg);
}
to { -moz-transform: rotate(359deg); }
}
 @-o-keyframes rotation { from {
 -o-transform: rotate(0deg);
}
to { -o-transform: rotate(359deg); }
}
 @keyframes rotation { from {
 transform: rotate(0deg);
}
to { transform: rotate(359deg); }
}
/* ==== 4) Home text slider variant ==== */
#home { background-attachment: fixed; background-image: url("../images/bg_1.jpg"); background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; display: table; height: 100%; min-height: 100%; overflow: hidden; vertical-align: middle; width: 100%; z-index: 1; overflow-x: hidden; overflow-y: hidden; }
.parallax-overlay { background-color: transparent; background-image: url("../images/pattern.png"); background-repeat: repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.parallax-overlay2 { background-color: transparent; background-image: url("../images/01-pattern-black.png"); background-repeat: repeat; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 2; }
.home-slider { background:none !important; }
.home-container { display: table-cell; position: relative; vertical-align: middle; z-index: 3; }
.home-title { color: #FFFFFF; margin-left: auto; margin-right: auto; position: relative; width: 980px; z-index: 3; }
.go-bottom { bottom: 5px; left: 0; opacity: 0.9; -webkit-opacity: 0.9; position: absolute; text-align: center; width: 100%; z-index: 3; }
.scrollbot:before { background: none repeat scroll 0 0 #fff; border-radius: 4px; -webkit-border-radius: 4px; content: ""; height: 4px; left: 11px; position: absolute; top: 8px; width: 4px; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-name: scrollanimation; -moz-animation-name: scrollanimation; -o-animation-name: scrollanimation; -ms-animation-name: scrollanimation; animation-name: scrollanimation; animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; }
.scrollbot { bottom: 30px; left: 50%; margin-left: -14px; position: absolute; }
.scrollbot { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 2px solid #c0c0c0; border-radius: 8px; -webkit-border-radius: 8px; display: block; height: 50px; position: relative; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 30px; z-index: 2; }
.scrollbot1:before { background: url("../images/Down_icon.png"); content: ""; height: 4px; left: 4px; position: absolute; top: 8px; width: 15px; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -webkit-animation-name: scrollanimation; -moz-animation-name: scrollanimation; -o-animation-name: scrollanimation; -ms-animation-name: scrollanimation; animation-name: scrollanimation; animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; }
.scrollbot1 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 3px solid #000;  transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width: 30px; z-index: 2;height: 50px; }
 @media (max-width: 992px) {
.home-title { width:740px; }
}
 @media (max-width: 768px) {
.home-title { width:440px; }
}
 @media (max-width : 480px) {
.home-title { width:310px; }
}
 @media (max-width : 320px) {
.home-title { width:220px; }
}
/* Animations */
@-webkit-keyframes scrollanimation { 0% {
 height: 5px;
}
 50% {
 height: 24px;
}
 100% {
 height: 5px;
}
}
 @-moz-keyframes scrollanimation { 0% {
 height: 5px;
}
 50% {
 height: 24px;
}
 100% {
 height: 5px;
}
}
 @-ms-keyframes scrollanimation { 0% {
 height: 5px;
}
 50% {
 height: 24px;
}
 100% {
 height: 5px;
}
}
 @keyframes scrollanimation { 0% {
 height: 5px;
}
 50% {
 height: 24px;
}
 100% {
 height: 5px;
}
}
/* ==== 5) Nav Header ==== */
.navbar-header .logo-brand { font-family: 'Montserrat', sans-serif; }
.header-bottom { bottom: 0; left: 0; position: absolute; text-align: center; width: 100%; }
.header-top { left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 99999; height:80px; }
.logo-brand { float: left; font-size: 30px; height: 70px; line-height: 20px; padding:5px 0px 15px 45px; }
.header_2 .logo-brand { float: left; font-size: 30px; height: 70px; line-height: 20px; padding: 15px 0px 15px 45px; }
.navbar-default .logo-brand h3 { color: #121212; font-size: 30px; letter-spacing: -2px; line-height: 20px; margin-bottom: 0; margin-top: 10px; }
.navbar { min-height: 70px; border: none; }
.navbar-default { background-color: #000; border-bottom: medium none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); left: 0; opacity: 0.95; -webkit-opacity: 0.95; padding: 0; top: 0; width: 100%; z-index: 999; height:80px; }
.navbar-default2 { background-color: #fff; border-bottom: medium none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); left: 0; opacity: 0.95; -webkit-opacity: 0.95; padding: 0; top: 0; width: 100%; z-index: 999; height:80px; }
.navbar-collapse { color: #121212; margin-top: 10px; padding-left: 35px; padding-right: 15px; }
.navbar-right { font-family: Arial,Helvetica,sans-serif; font-size: 13px; margin-top: 10px; width:300px; text-align:center; background:#000; height:auto; border-radius: 0 0 145px 145px; border-left: solid 3px #DA3C3D; border-right: solid 3px #DA3C3D; border-bottom: solid 3px #DA3C3D; padding-bottom:50px; }
.navbar-right2 { font-family: Arial,Helvetica,sans-serif; font-size: 13px; width:auto; text-align:center; background:#fff; height:auto; margin-top:10px; float:right; }
.navbar-toggle { background-color: #fff; background-image: none; border: medium none; float: left; margin-bottom: 8px; margin-right: 15px; margin-top: 18px; padding: 9px 10px; position: relative; border-radius: none; }
.navbar-toggle:focus { outline: none; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #fff; }
.navbar-toggle .icon-bar { display: block; width: 24px; height: 4px; border-radius: 2px; -webkit-border-radius: 2px; }
.navbar-default .navbar-toggle .icon-bar { background-color: #121212; }
.nav > li > a { display: block; padding: 10px 15px; position: relative; text-transform: uppercase; color:#000; }
.nav > li > span { cursor: pointer; display: block; padding: 10px 15px; position: relative; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.dropdown-menu { font-size: 13px; border:0px none; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 4px 4px rgba(0, 0, 0, 0.15); box-shadow:0 4px 4px rgba(0, 0, 0, 0.15); }
.dropdown-menu > li > a { clear: both; color: #333; display: block; font-weight: normal; line-height: 1.5; padding: 5px 20px; text-transform: uppercase; white-space: nowrap; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; background-color: #f5f5f5; }
.menu-padding { padding-top:70px; }
.content { margin-top:0px; }
.dropdown:hover .dropdown-menu { display: block; }
.rightside_text { float:right; height:auto; width:auto; color:#fff; font-weight:bold; font-size:15px; margin-top:5px; }
 @media (max-width: 768px) {
.navbar-collapse { max-height: none; overflow-x: hidden; }


}

@media screen and (max-width: 482px) {
.navbar-collapse { color: #121212;  margin-top: 10px;  padding-left: 25px;  padding-right: 15px;position: fixed; max-height:100%!important;  top: 0;}
.navbar-toggle{z-index:999;}
}

@media screen and (max-width: 482px) {
.navbar-collapse { color: #121212;  margin-top: 10px;  padding-left: 25px;  padding-right: 15px;position: fixed; max-height:100%!important;  top: 0;}
.navbar-toggle{z-index:999;}
}
/* ==== Site Wrapper ==== */
.site-wrapper { clear: both; }
.site-wrapper-video { background:#fff; z-index:1; }
/* ==== 6) About ==== */
#about { padding-bottom: 60px; padding-top: 60px; }
.intro-content { clear: both; padding: 20px 90px; position: relative; }
.intro-blocks { opacity: 0; padding-left: 0 !important; }
.intro-content ul { list-style-type: none; padding-left: 25px; }
.intro-blocks.vs-intro { position: relative; }
.intro-content .intro-blocks { margin-left: -90px; margin-right: -90px; }
.intro-blocks li { display: block; margin: 0; padding: 0; position: static !important; }
.intro-content ul li { position: relative; }
.intro-blocks.vs-intro li { float: left; width: 20%; }
.intro-blocks.vs-intro .tile { position: relative; z-index: 0; text-align: center; }
.intro-blocks .intro-title { padding-bottom: 20px; text-align: center; }
.intro-blocks .tile .intro-title { display: none; }
.intro-blocks.vs-intro .tile .intro-title { background: url("../images/user-profile-close.png") no-repeat scroll 50% center #f9f9f9; display: block; padding-bottom: 0; }
.intro-blocks.vs-intro .tile .intro-title .inner { background: none repeat scroll 0 0 #f2f2f2; display: table; height: 100%; opacity: 1; transition: opacity 0.25s ease 0s; -webkit-transition: opacity 0.25s ease 0s; -moz-transition: opacity 0.25s ease 0s; -o-transition: opacity 0.25s ease 0s; width: 99%; min-height: 140px; }
.intro-blocks.vs-intro .tile .intro-title .wrap { display: table-cell; height: 100%; padding: 30px 10px; vertical-align: middle; width: 99%; }
.intro-blocks.vs-intro .tile .trigger { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; -webkit-transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; -moz-transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 99%; }
.intro-blocks.vs-intro .intro-detail { bottom: 0; height: 0; left: 0; overflow: hidden; position: absolute; width: 100%; }
.intro-blocks .row { padding-bottom: 0px; padding-top: 60px; }
.container.flat .row { margin-left: 0; margin-right: 0; }
.intro-blocks .intro-title { padding-bottom: 20px; text-align: center; }
.no-touch .intro-blocks.vs-intro .tile .trigger:hover { border-width:20px; background-position:center; background-color:rgba(255,255,255,0.9); }
.no-touch.lt-ie9 .intro-blocks.vs-intro .tile .trigger:hover { background-color:#032E41; }
.intro-blocks.vs-intro .tile.open { border-bottom-color:#fff; }
.intro-blocks.vs-intro .tile.open .trigger { -webkit-transition:background-color 0.15s, border-width 0.1s; -moz-transition:background-color 0.15s, border-width 0.1s; -o-transition:background-color 0.15s, border-width 0.1s; transition:background-color 0.15s, border-width 0.1s; border-width:0!important; background-color:rgba(3,46,65,0)!important; background-image:none!important; }
.lt-ie9 .intro-blocks.vs-intro .tile.open .trigger { background-color:transparent!important; }
.intro-blocks.vs-intro .tile.open .intro-title .inner {
 filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; }
.lt-ie9 .intro-blocks.vs-intro .tile.open .intro-title .inner { visibility:hidden; }
.a-icon { font-size: 50px; padding: 20px 0 0; position:relative; color:#ff6f40; }
.shadow-icon { position:absolute; bottom:-40px; margin:0 auto; text-align:center; font-size: 110px; color:#f2f2f2; width:100%; z-index:-1; }
 @media (max-width: 480px) {
.intro-blocks .row { padding-top:0; }
.intro-blocks.vs-intro li { float: left; width: 100%; margin:0 !important; }
.intro-blocks.vs-intro .intro-detail { overflow: hidden; position: relative; width: 100%; }
.intro-blocks.vs-intro .tile .intro-title .wrap { padding: 30px 10px; }
.a-icon { font-size: 62px; }
.shadow-icon { font-size: 100px; }
}
 @media (max-width: 769px) {
.intro-blocks .row { padding-top:0; }
.intro-blocks.vs-intro li { float: left; width: 100%; margin:0 !important; }
.intro-blocks.vs-intro .intro-detail { overflow: hidden; position: relative; width: 100%; }
.intro-blocks.vs-intro .tile .intro-title .wrap { padding: 30px 10px; }
h4 { font-size: 20px; letter-spacing: -1px; }
h4 small { font-size: 16px; letter-spacing: 0; }
}
 @media (max-width: 992px) {
h4 { font-size: 20px; letter-spacing: -1px; }
h4 small { font-size: 16px; letter-spacing: 0; }
}
/* ==== 7) Who We Are ==== */
#who-we-are { background-position: center 0%; background-size: cover; background-repeat: repeat-y; background-attachment: fixed; background-image: url(../images/bg_3.jpg); display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; }
.col-weare { margin-top: 40px; margin-bottom: 40px; z-index:3; }
.col-weare h2 { line-height: 1; }
.col-skills { margin-top: 40px; margin-bottom: 20px; color: #fff; z-index:3; height:300px; }
.skills-col { text-align:left; margin-top: 40px; margin-bottom: 40px; }
.skills { text-align: left; margin: 40px 0px; padding:0px; color:#fff; }
.skills-col .skills p { line-height:0px; }
.skillbar { position:relative; display:block; margin-bottom:35px; width:100%; background:#999; height:30px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; }
.skillbar-title { position:absolute; font-weight: 400; font-size: 13px; top:0px; left:0px; color:#ffffff; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.skillbar-title span { padding:0px 10px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.skillbar-bar { height:26px; width:0px; background-color:#ff6f40; }
.skills-col p { font-size: 13px; line-height: 23px; margin: 0; padding-left: 10px; font-family:Montserrat; }
/* ==== 8) Fun Facts ==== */
#fun-facts { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.06); display: table; width: 100%; height: 100%; min-height: 100%; z-index: 1; padding-top:30px; padding-bottom:30px; }
.fact-container { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8); padding-top:60px; padding-bottom:13px; }
.counter { font-size: 52px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 0px; color:#ff6f40; }
.fact { text-align:center; }
/* ==== 9) Separator-Quotes ==== */
#quotes-separator { background-position: center 0%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-image: url(../images/bg_2.jpg); display: block; width: 100%;/* height: 100%; min-height: 100%;*/ overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; color: #fff; }
.quotes { color: #fff; position: relative; z-index: 3; text-align: center; height: 100%; padding-top: 80px; padding-bottom: 80px; max-width:950px; margin:0 auto; }
.label { font-weight: normal; }
.label-primary { background-color:#ff6f40; color:#212121; border-radius:0.2em 0.2em 0.2em 0.2em; -webkit-border-radius:0.2em 0.2em 0.2em 0.2em; -moz-border-radius:0.2em 0.2em 0.2em 0.2em; -o-border-radius:0.2em 0.2em 0.2em 0.2em; }
.quotes .fa.fa-quote-left { font-size: 26px; vertical-align: top; margin-top: 2px; }
.quotes .fa.fa-quote-right { font-size: 26px; vertical-align: top; margin-top: 2px; }
#quotes-slider .item .col-lg-12 { padding: 25px 45px; }
/* ==== 10) Team ==== */
#team { display: none; padding-bottom: 60px; padding-top: 60px; }
.section-t-title { text-align: center; margin-bottom: 50px; }
#team .grid { overflow: hidden; margin: 0; padding:0; width: 100%; list-style: none; text-align: center; position:relative; }
#team .grid figure img { position: relative; display: block; }
#team .grid figure figcaption { color:#fff; padding: 2em; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; }
#team .grid figure figcaption::before, #team .grid figure figcaption::after { pointer-events: none; -webkit-pointer-events: none; }
#team .grid figure figcaption, #team .grid figure a { position: absolute; left: 0; width: 100%; }
#team .grid figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; -webkit-opacity: 0; }
#team .grid figure h4 span { font-weight: 800; }
#team .grid figure { background: none repeat scroll 0 0 #222; cursor: pointer; display: inline-block; overflow: hidden; position: relative; text-align: center; z-index: 1; }
#team .team-social { background: none repeat scroll 0 0 #ff6f40; height: 99%; padding-top: 10px; position: absolute; right: 0; top: 0; width: 40px; z-index: 100; }
#team .team-social a { display: block; color:#fff; font-size: 18px; font-weight: bold; padding: 10px 0; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; }
#team .team-social a:hover { color:#111; }
/* Hover Effect */
figure.effect-lily img { width: 100%; opacity: 0.7; -webkit-opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); -o-transform: translate3d(-40px, 0, 0); }
figure.effect-lily figcaption { top: auto; bottom: 0px; height: 50%; text-align: left; }
figure.effect-lily h4, figure.effect-lily p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); }
figure.effect-lily h4 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -moz-transition: transform 0.35s; -o-transition: transform 0.35s; }
figure.effect-lily p { margin-top: 10px; opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; -moz-transition: opacity 0.2s, transform 0.35s; -o-transition: opacity 0.2s, transform 0.35s; }
figure.effect-lily:hover p { opacity: 1; -webkit-opacity: 1; }
figure.effect-lily:hover img, figure.effect-lily:hover h4, figure.effect-lily:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); }
figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
figure.effect-lily:hover img { opacity:.1; -webkit-opacity:.1; -moz-opacity:.1; -o-opacity:.1 }
.team-member .grid:hover .team-social { background-color:#ff6f40; color:#212121 !important; }
 @media (min-width: 979px) and (max-width: 1224px) {
#team .grid figure figcaption { padding:1.5em; }
figure.effect-lily figcaption { height:60%; }
}
 @media (max-width: 769px) {
#team .grid { width:60%; margin:0 auto; }
}
 @media (max-width : 480px) {
#team .grid { width:100%; }
}
 @media (max-width : 320px) {
#team .team-social a { padding:2px 0; }
#team .grid figure figcaption, #team .grid figure a { position:relative; }
figure.effect-lily h4 { transform:none; -webkit-transform:none; }
#team .grid figure figcaption { padding:10px; }
}
/* ==== 11) Separator-Video ==== */
#video-separator { background-position: center 0%; background-size: cover; background-repeat: repeat-y; background-attachment: fixed; background-image: url(../images/bg_5.jpg); display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; padding-top: 40px; }
.video-separator-content { margin-top: 40px; margin-bottom: 40px; }
.video-separator-content_btn { margin-bottom: 20px;}
.video-info-title { line-height: 1; }
/* ==== 12) Services ==== */
#services { padding-top: 60px; padding-bottom: 60px; }
.section-title { text-align: center; margin-bottom: 40px; }
.service { margin-bottom: 40px; }
.serviceBlock { display: block; height: 220px; overflow: hidden; margin:0 20px 40px; text-decoration: none; position:relative; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.se-icon { font-size: 52px; padding: 20px 0 0; position:relative; color:#ff6f40; text-align:center; }
.shadow-se-icon { position:absolute; bottom:-40px; margin:0 auto; text-align:center; font-size: 90px; color:#f2f2f2; width:100%; z-index:-1; }
.sa-title { background-color:#f2f2f2; padding:20px; display:block; text-align:center; }
.serviceBlock .sa-title h4 { color:#212121; letter-spacing: -1px; }
.serviceBlock .sa-trigger { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.serviceBlock .sa-trigger1 { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.serviceBlock .sa-trigger2 { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.serviceBlock .sa-trigger3 { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.serviceBlock .sa-trigger4 { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.serviceBlock .sa-trigger5 { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.serviceBlock .sa-trigger6 { background: url("../images/plus-large.png") no-repeat scroll -9999px 0 rgba(3, 46, 65, 0); border: 0 solid #EAEEF1; bottom: 0; content: " "; display: block; height: 100%; left: 0; position: absolute; text-indent: -9999px; transition: background-color 0.4s ease 0s, border-width 0.2s ease 0s; width: 100%; }
.no-touch .serviceBlock .sa-trigger:hover { border-width: 20px; background-position: center center; background-color: #1E7983; border-color: #1E7983; opacity: 0.8; }
.no-touch .serviceBlock .sa-trigger1:hover { border-width: 20px; background-position: center center; background-color: #009F1A; border-color: #009F1A; opacity: 0.8; }
.no-touch .serviceBlock .sa-trigger2:hover { border-width: 20px; background-position: center center; background-color: #DA532C; border-color: #DA532C; opacity: 0.8; }
.no-touch .serviceBlock .sa-trigger3:hover { border-width: 20px; background-position: center center; background-color: #5535AF; border-color: #5535AF; opacity: 0.8; }
.no-touch .serviceBlock .sa-trigger4:hover { border-width: 20px; background-position: center center; background-color: #002A6D; border-color: #002A6D; opacity: 0.8; }
.no-touch .serviceBlock .sa-trigger5:hover { border-width: 20px; background-position: center center; background-color: #BB1D48; border-color: #BB1D48; opacity: 0.8; }
.no-touch .serviceBlock .sa-trigger6:hover { border-width:20px; background-position:center; background-color:rgba(255,255,255,0.9); }
.no-touch.lt-ie9 .serviceBlock .sa-trigger:hover { background-color:#032E41; }
.intro-blocks.vs-intro .tile.open .trigger { -webkit-transition:background-color 0.15s, border-width 0.1s; -moz-transition:background-color 0.15s, border-width 0.1s; -o-transition:background-color 0.15s, border-width 0.1s; transition:background-color 0.15s, border-width 0.1s; border-width:0!important; background-color:rgba(3,46,65,0)!important; background-image:none!important; }
.lt-ie9 .intro-blocks.vs-intro .tile.open .trigger { background-color:transparent!important; }
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; opacity:1 !important; background:rgba(0,0,0,.8); }
.reveal-modal.small { width: 200px; margin-left: -140px; }
.reveal-modal.medium { width: 400px; margin-left: -240px; }
.reveal-modal.large { width: 600px; margin-left: -340px; }
.reveal-modal.xlarge { width: 800px; margin-left: -440px; }
.reveal-modal { visibility: hidden; /*width: 520px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); background-color: #FFFFFF; border: 1px solid #f2f2f2; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: auto; left: 50%; margin-left: -40%; position: absolute; top: 50px; z-index: 999; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -ms-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.reveal-modal { margin-left: -20%; width: 42%; }
.block_head { display:block !important; }
.reveal-modal .service-icon { display: block; font-size: 52px; margin-bottom: 10px; width: 100%; }
.reveal-modal { padding: 1.875em; }
.reveal-modal > *:last-child { margin-bottom: 0; }
ul.nav_modal { display: none; }
.db { display: block !important; }
ul.nav_modal li { list-style: none outside none; }
ul.nav_modal li .prev { box-shadow: -3px 0 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: -3px 0 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: -3px 0 0 0 rgba(0, 0, 0, 0.2); left: -1.6em; }
ul.nav_modal li .next { box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 3px 0 0 0 rgba(0, 0, 0, 0.2); right: -1.6em; }
.close-reveal-modal { -webkit-transition: all 2s ease-in; -moz-transition: all 2s ease-in; -ms-transition: all 2s ease-in; -o-transition: all 2s ease-in; transition: all 2s ease-in; }
.reveal-modal .close-reveal-modal { text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; color: #AAAAAA; cursor: pointer; font-size: 1.375em; font-weight: bold; line-height: 1; position: absolute; right: 0.6875em; top: 0.5em; }
ul.nav_modal li a { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #FFFFFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height: 50px; margin-top: -25px; position: absolute; top: 50% !important; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -ms-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; transition: all 200ms ease-in-out 0s; width: 50px; }
ul.nav_modal li a svg { display: inline-block; height: 21px; margin-top: 14px; -webkit-transition: all 200ms ease-in-out 0.1s; -moz-transition: all 200ms ease-in-out 0.1s; -ms-transition: all 200ms ease-in-out 0.1s; -o-transition: all 200ms ease-in-out 0.1s; transition: all 200ms ease-in-out 0.1s; width: 14px; margin:14px; }
ul.nav_modal li a svg path { fill: #D1D1D1; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
ul.nav_modal li a:hover svg path { fill: #D7B55E; }
ul.nav_modal li .next:hover { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); right: -2em; }
ul.nav_modal li .next:hover svg { margin-left:10px; }
ul.nav_modal li .prev:hover { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); left: -2em; }
ul.nav_modal li .prev:hover svg { margin-right: 10px; }
.right { margin-right:40px; }
 @media (max-width: 1000px) {
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.reveal-modal { margin-left: -40%; width: 65%; }
}
 @media (max-width: 480px) {
.reveal-modal { margin-left: -39%; width: 77%; }
}
/* ==== 13) How we work ==== */
#how-we-work .panel { border:0px none; box-shadow:none; background:none repeat scroll 0 0 transparent }
#how-we-work .panel-group { margin:0; }
#how-we-work .panel-group .panel { border-radius:0px; -webkit-border-radius:0px; }
#how-we-work .heading2 { background-color: #fff; color: #212121; font-size: 24px; padding:5px 0; position:relative; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
#how-we-work .heading2 h4 small { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
#how-we-work .heading2:hover { background-color:#fff; }
.over-icon { background: none repeat scroll 0 0 #fff; height: 100%; left: 0; position: absolute; top: 0; width: 60px; z-index: 0; }
#how-we-work .heading2 a { color: #212121; display: block; position: relative; z-index: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; text-align:center; }
#how-we-work .heading2:hover a { color:#ff6f40; }
#how-we-work .action-penal-btn { padding:20px 0 20px 0px }
#how-we-work #accordion i { text-align: center; width: 60px; margin-right:15px; }
#how-we-work .panel-body { padding: 20px 20px 20px 80px; position: relative; z-index:1; }
.over-penal { background: none repeat scroll 0 0 #fff; height: 100%; left: 0; position: absolute; top: 0; width: 60px; z-index: 0; }
#how-we-work { background-attachment: fixed; background-position: center 0; background-repeat: repeat-y; background-size: cover; display: table; height: 100%; min-height: 100%; overflow: hidden; vertical-align: middle; width: 100%; z-index: 1; overflow-x: hidden; overflow-y: hidden; background-image: url("../images/bg_3.jpg") !important;}
.col-we-work { margin-top: 40px; margin-bottom: 40px; z-index:3; }
.we-work-info { line-height: 1; }
.process-b { margin-top: 60px; margin-bottom: 60px; z-index:3; }
.process-block { width:100%; background-color:#ff6f40; position:relative; height:40px; margin-bottom:20px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; }
.process-block:last-child { margin-bottom:0px; }
.process-block h5 { font-size: 15px; font-weight: 400; letter-spacing: -1px; margin-left: 100px; text-transform: lowercase; color:#121212; position:relative; display:block; z-index:1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.process-block .process-icon { position:absolute; left:0; background-color:#fff; font-size:28px; width:80px; height:40px; color:#333; text-align:center; z-index:0; }
.process-block .process-icon i { line-height:40px; }
.process-block:hover { background-color:#fff; }
.process-block:hover h5 { margin-left:70px; }
/* ==== 14) Separator Action penal ==== */
#separator-action-penal { display:block; z-index: 1; }
#separator-action-penal.top-pen { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.06); height:auto; min-height: auto; padding:30px 0; }
.top-pen .container { background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8); }
.call-action-penal { padding: 20px 0px 20px 0px; vertical-align: middle; display: table; }
.action-penal-info { text-align:left; }
 @media (max-width: 480px) {
.action-penal-info h3, .action-penal-info h3 small { font-size: 18px; }
.over-penal { display:none; }
#how-we-work .panel-body { padding:20px; }
#how-we-work .heading2 a { padding-right:12px; }
#how-we-work #accordion i { width:35px; }
}
 @media (min-width: 768px) {
.action-penal-info h3, .action-penal-info h3 small { font-size: 22px; }
.project-detail-info { text-align: left; display: table-cell; vertical-align: middle; text-align: left; padding: 0; }
.action-penal-btn { padding: 20px 0 20px 20px; }
.action-penal-btn { text-align: right; display: table-cell; vertical-align: middle; }
}
 @media (max-width: 180px) {
.action-penal-btn { padding: 20px 0 20px 20px; }
}
/* ==== 15) Portfolio ==== */
#our-work { padding-top: 60px; padding-bottom: 60px; }
.portfolio-container { position: relative; margin: 0 auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
#filters { padding:0; list-style:none; margin-bottom:30px; }
#filters li { float:left; }
#filters li span { display: block; padding: 5px 20px; margin-right: 5px; margin-top:5px; text-decoration:none; color:#121212; cursor: pointer; background-color: #f5f5f5; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-transition: .4s cubic-bezier(0.25, .46, .45, .94); transition: .4s cubic-bezier(0.25, .46, .45, .94); -webkit-transition-property: background-color, color; transition-property: background-color, color; }
#filters li span.active { color:#fff; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; }
#filters li span:hover, #filters li span:focus { color: #fff; }
.portfolio-wrapper { overflow:hidden; position: relative !important; }
/* Portfolio Hover and Touch Animations */
.cbp-l-grid-projects .grid { text-align:center; }
.cs-style-3 figure { overflow: hidden; }
.cs-style-3 figure img { margin-left:auto; margin-right:auto; width:100%; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.cs-style-3 figcaption { height: 100%; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.cs-style-3 figcaption { background-color: #121212; display: table-cell; left: 0; position: absolute; top: 0; vertical-align: middle; }
.cbp-l-grid-projects .grid figcaption { padding-top: 35.5%; }
.cbp-l-grid-projects .grid figcaption a { color: #FFFFFF; padding: 5px; }
.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption { opacity: .7; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.cbp-l-filters-button .cbp-filter-item-active { background-color:#ff6f40; color:#212121 !important; }
/* Portfolio detail page */
.work-wrap-header { margin:100px 0 0 0; }
.work-widget { margin-bottom: 60px; }
/* ==== 15-a) Clients section ==== */
#clients img { display: block; height: 170px !important; width: 235px !important; }
/* ==== 15-b) Testimonials ==== */
#testimonials { background-attachment: fixed; background-image: url("../images/bg_3.jpg"); background-position: center 0; background-repeat: repeat-y; background-size: cover; display: block; height: 100%; min-height: 100%; overflow: hidden; vertical-align: middle; width: 100%; z-index: 1; overflow-x: hidden; overflow-y: hidden; }
#testimonials-slider { position: relative; z-index: 3; text-align: center; height: 100%; max-width:950px; margin:0 auto; }
.testimonials { margin-top: 60px; margin-bottom: 60px; }
.testimonials h3 small { font-size:22px; }
.testimonial-img { width: 100px; margin:20px 0; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; }
.testimonials .fa.fa-quote-left { font-size: 18px; vertical-align: top; margin-top: 2px; }
.testimonials .fa.fa-quote-right { font-size: 18px; vertical-align: top; margin-top: 2px; }
/* ==== 16) Price List ==== */
#price-list { padding-top: 60px; }
.price-container { margin-bottom: 80px; }
.price-box { margin-top:30px; margin-bottom:0px; padding: 15px; background-color: #F2F2F2; position:relative; }
.price-box-next { margin-top:0px; margin-bottom:0px; padding: 15px; background-color: #fff; position:relative; }
.price-icon { position:absolute; font-size:74px; bottom:0; left:0; line-height:0; color:#fff; }
.price-box-big { background-color: #F1F1F1; padding-bottom: 35px; padding-left: 15px; padding-right: 15px; padding-top: 35px; position:relative; }
.price-box-info h4 { font-size: 25px; letter-spacing:-1px; color: #121212; }
.price-box-info h2 { color: #121212; }
.price-box-info h2 span { font-size: 36px; }
.price-box-info h2 small { font-size: 24px; color: #121212; }
.price-box-info h3 span { font-size: 36px; }
.price-box-info h3 small { font-size: 24px; color: #121212; }
.price-box-info { margin: 15px 15px; }
.price-box-offer { }
.offer-list { list-style-type: none; -webkit-padding-start: 0; -moz-padding-start: 0; -khtml-padding-start: 0; -o-padding-start: 0; padding-start: 0; padding: 0; }
.offer-list li { border-bottom: 1px solid #DFDFDF; font-size: 16px; list-style: none outside none; margin-bottom: 0; padding: 8px 0; }
.offer-list li span { font-family: 'Montserrat', sans-serif; font-weight: 700; }
.offer-list li:last-child { border-bottom:0px none; }
.sign-up-btn { background-color:#F2F2F2; margin-bottom: 30px; padding: 20px 0; }
/* ==== 17) Contact detail seperator ==== */
#seperator-contact { background-position: center 0%; background-size: cover; background-repeat: no-repeat; background-image: url(../images/bg_6.jpg); display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; color: #fff; }
.co-details { margin-top: 80px; margin-bottom: 80px; color: #fff; z-index: 3; }
/* ==== 18) Contact address ==== */
#contact-adderss { padding-top: 60px; padding-bottom: 60px; }
.contactBlock { display: block; height: 220px; overflow: hidden; margin:0 20px 40px; text-decoration: none; position:relative; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }
.con-icon { font-size: 52px; padding: 20px 0 0; position:relative; color:#ff6f40; text-align:center; }
.shadow-con-icon { position:absolute; bottom:-40px; margin:0 auto; text-align:center; font-size: 90px; color:#f2f2f2; width:100%; z-index:-1; }
.con-title { background-color:#f2f2f2; padding:20px; display:block; text-align:center; }
.contactBlock .con-title h4 { color:#212121; letter-spacing: -1px; }
/* ==== 19) Contact Form ==== */
#contact-form { background-position: center 0%; background-size: cover; background-repeat: repeat-y; background-attachment: fixed; display: table; width: 100%; height: 100%; min-height: 100%; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; }
.col-contact-form { margin-top: 40px; margin-bottom: 40px; z-index:3; }
/* Form style */
#contact input, select { width: 100%; max-width:;
padding: 12.9px; color: #444; background:#fff; border: 1px solid #dfdfdf; margin: 7px 0px; -webkit-border-radius:2px; font-weight:400; color: #212121; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: none; box-shadow: none; outline: 0 none; }
textarea { width: 100%; max-width:;
height: 100px; padding: 13px; color: #212121; background:#fff; border: 1px solid #dfdfdf; margin-top: 7px; margin-left:;
margin-right:15px; font-weight:400; -webkit-border-radius:2px; }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 100%; margin: 15px 0px; cursor: pointer; color:#fff; border-radius: 3px; border-color: none; border-color: transparent; background-color: #ff6f40; font-weight:900; -webkit-transition: .4s cubic-bezier(0.25, .46, .45, .94); transition: .4s cubic-bezier(0.25, .46, .45, .94); -webkit-transition-property: background-color, color; transition-property: background-color, color; }
#contact input.submit:hover { background:#444; }
.social_icon_style { margin-left:10px; }
#contact input[type="submit"][disabled] { background:#888; }
#contact span.required { font-size: 13px; color: #ff0000; }
#message { margin: 10px 0; padding: 0; }
.error_message { height: 100%; margin-left: auto; margin-right: auto; line-height: 22px; padding: 3px 10px 3px 35px; color: #8a1f11; -webkit-border-radius: 5px; background-color: #FBE3E4; background-image: url(../images/error.html); background-position: 10px center; background-repeat: no-repeat; }
.loader { padding: 0 10px; }
/* === 20) Contact Social ===  */
#contact-social { background:none repeat scroll 0 0 rgba(0, 0, 0, 0.06); display: table; height: auto; padding-bottom: 30px; padding-top: 30px; width: 100%; z-index: 1; }
.social-container { padding:50px 0; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8); }
.social-container a { color: #ff6f40; }
.social-container a:hover { color: #333; }
.social-container span i { font-size: 42px; font-weight: 700; }
.twitter-feed { background-color:#f2f2f2; position:relative; display:block; }
.notch { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; bottom: -40px; height: 0; left: 50%; margin-left: -10px; padding: 0; position: absolute; width: 20px; }
.shadow-social-icon { bottom: 10px; color: rgba(0, 0, 0, 0.07); font-size: 75px; position: absolute; text-align: center; width: 100%; z-index: -1; }
.social_icons_new { height: 35px; width: auto; text-align: left; margin-left: 70px; margin-top: 25px; }
/* ==== 21) Image Gallery ==== */
#img-gallery { position:relative; display:block; }
#gallery img { display: block; height: 170px !important; width: 235px !important; }
/* ==== 22) Google Map ==== */
#map { height: 600px; width: auto; }
/* ==== 23) Twitter Feed ==== */
#twitter-feed { background-color: #FF6F40; display: block; padding-bottom: 10px; padding-top: 0; }
#twitter-box { margin: 17px 0 0; padding: 10px 20px; text-align: left; width: 100%; }
.tweet_text { font-size: 16px; font-weight: 400; }
.twitter-user { color:#121212; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.twitter-user:hover { color:#fff }
.tweet_text a { color:#fff; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.tweet_text a:hover { color: #212121; }
/* ==== 24) Footer ==== */
#footer { background-color: #121212; padding-bottom: 15px; }
.back-to-top { background: none repeat scroll 0 0 #121212; border-radius: 0; bottom: 0; color: #fff; cursor: pointer; display: block; font-size: 28px; height: 100px; left: 0; line-height: 100px; margin: 0 auto; position: absolute; right: 0; text-align: center; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; width: 3.5%; }
footer .footer-menu { padding-top: 30px; font-size: 12px; font-weight: 400; height: 64px; color: #999; }
footer .footer-menu a { color: #999; font-weight: 500; margin-left: 30px; text-transform: uppercase; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
footer .footer-menu a:hover { color: #fff; }
/* ==== 25) Button Common Style ==== */
.btn, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: none; border: 0; background-image: none; font-weight: 300; background-color: #ff6f40; border-radius: 3px; border-color: none; -webkit-transition: .4s cubic-bezier(0.25, .46, .45, .94); transition: .4s cubic-bezier(0.25, .46, .45, .94); -webkit-transition-property: background-color, color; transition-property: background-color, color; box-shadow: none; }
.btn:hover, .btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover { background-color: #121212; border-color: none; }
.btn:focus, .btn-primary:focus, .btn-success:focus, .btn-info:focus, .btn-warning:focus, .btn-danger:focus { background-color: #999; border-color: none; }
.btn:active, .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active { background: #121212; border: none; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #121212; border-color: #121212; outline: none; }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; border: 1px solid #999; }
.btn-default:hover { color: #fff; }
.open .dropdown-toggle.btn-primary { border-color: none; }
blockquote p { font-size: 18px; font-style: italic; font-weight: 400; }
 @media (min-width: 768px) {
.action-5-btn { padding: 20px 0 20px 20px; }
.project-detail-info { text-align: left; display: table-cell; vertical-align: middle; text-align: left; padding: 0; }
.action-5-btn { text-align: right; display: table-cell; vertical-align: middle; }
}
 @media (max-width: 180px) {
.action-5-btn { padding: 20px 0 20px 20px; }
}
 @media (min-width: 769px) and (max-width: 992px) {
.btn-resp { font-size:100%; }
}
/*** Article styles ***/
.article-content p { font-size:15px; }
.article-title a { margin-bottom: 34px; color: #000; }
.article-title a:hover { color: #ff6f40; }
.article-meta { margin-bottom: 10px; }
.article-meta .link-list a { color: #777; display: inline-block; }
.article-meta .link-list a:hover { color: #ff6f40; }
.article-meta .link-list i { color: #777; display: inline-block; }
.article-media { margin-bottom: 10px; }
.article-media .slider-nav span { opacity: 0.1 }
.article-media:hover .slider-nav span { opacity: 1; }
.orbit-wrapper .slider-nav { display: block; }
.orbit-wrapper .slider-nav span { }
/*==================================
        THEE STYLE SWITHER
==================================*/ 
#style-switcher div h3 { color: #1D1D1D; font-size: 19px; margin: 8px 3px 12px; }
#style-switcher { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); left: -189px; position: fixed; top: 17%; width: 195px; z-index: 9999; }
#style-switcher div { padding: 5px 10px; }
#style-switcher .bottom { background: none repeat scroll 0 0 #FFFFFF; color: #252525; padding: 0; }
#style-switcher .bottom a.settings { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08); display: block; height: 41px; position: absolute; right: -40px; top: 0; width: 40px; padding: 3px; }
#style-switcher .bottom a.settings i { margin-left: 1px; margin-top: 3px; color: #000; }
#style-switcher select { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #FFFFFF; line-height: 1; margin-bottom: 10px; padding: 5px 10px; width: 150px; }
.options_box { margin: 0; overflow: hidden; padding: 0; }
.sw-page { background:#222; color: #FFFFFF; display: block; margin: 5px 0; padding: 10px; }
.sw-page:hover { background:#000000; }
.variant { background:#000; }
ul.colors { list-style: none outside none; margin: 0; overflow: hidden; padding:0; }
ul.colors li { float: left; margin: 0; }
ul.colors li a { cursor: pointer; display: block; height: 31px; width: 35px; }
ul.colors .color1 { background: none repeat scroll 0 0 #ff6f40; }
ul.colors .color2 { background: none repeat scroll 0 0 #fc4c46; }
ul.colors .color3 { background: none repeat scroll 0 0 #1fda9a; }
ul.colors .color4 { background: none repeat scroll 0 0 #ffcc00; }
ul.colors li a.active { position: relative; }
ul.colors li a.active:after { color: #fff; content:"\f00c"; font-family: "FontAwesome"; font-size: 10px; right: 12px; position: absolute; top: 9px; }
.icon-2x { font-size:28px; line-height:30px; }
 @media only screen and (max-width: 479px) {
#style-switcher { display: none; }
}
.alphabetic_pagination { width:100%; float:left; background:#e64845; margin-bottom:2%; }
.alphabetic_box { padding: 1% 1.3%; ; float:left; color:#fff; }
.alphabetic_box:hover { cursor:pointer; }
.box_line { width: auto; height: auto; float: left; line-height: 2; font-size: 19px; }
.alphabetic_pagination alphabetic_box:hover box-line { color:#fff; }
.push_button {
	position: relative;
	width:220px;
	height:40px;
	text-align:center;
	color:#333;
	font-weight: 800;
	text-decoration:none;
	line-height:43px;
	font-family:'Oswald', Helvetica;
	display: block;
	margin: -10px 20px 0 10px;
}
.push_button:before {
	background:#f0f0f0;
	background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0));
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
	-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
	box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;
	position: absolute;
	content: "";
	left: -6px; right: -6px;
	top: -6px; bottom: -10px;
	z-index: -1;
}
.push_button:active {
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
	top:5px;
}
.push_button:active:before{
	top: -11px;
	bottom: -5px;
	content: "";
}
.red {
	text-shadow:-1px -1px 0 #A84155;
	background: #D25068;
	border:1px solid #D25068;
	background-image:-webkit-linear-gradient(top, #F66C7B, #D25068);
	background-image:-moz-linear-gradient(top, #F66C7B, #D25068);
	background-image:-ms-linear-gradient(top, #F66C7B, #D25068);
	background-image:-o-linear-gradient(top, #F66C7B, #D25068);
	background-image:linear-gradient(to bottom, #F66C7B, #D25068);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
}
.red a:hover{color:#333 !important; text-decoration:none;}
.red:hover {
	background: #F66C7B;
	background-image:-webkit-linear-gradient(top, #D25068, #F66C7B);
	background-image:-moz-linear-gradient(top, #D25068, #F66C7B);
	background-image:-ms-linear-gradient(top, #D25068, #F66C7B);
	background-image:-o-linear-gradient(top, #D25068, #F66C7B);
	background-image:linear-gradient(top, #D25068, #F66C7B);
}
.blue {
	
	background: #3EACBA;
	border:1px solid #379AA4;
	background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:linear-gradient(top, #48C6D4, #3EACBA);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
}
.blue:hover {
	background: #48C6D4;
	background-image:-webkit-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:-moz-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:-ms-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:-o-linear-gradient(top, #3EACBA, #48C6D4);
	background-image:linear-gradient(top, #3EACBA, #48C6D4);
}
.bg_new_area{background: url("../images/bg_new_add2.png") repeat scroll 0% 0% transparent;padding: 15px 15px 1px 15px;width: 100%;}
.bg_new_area_body{background:url(../images/bg_new_add2.png); width:auto; display:table; color:#fff; padding-top:2%;}
.new_add_service_bg{background: url(../images/bg_new_add2.png); padding:10px; display:table;}
.panel-wrapper > p{color:#333 !important;}
.table_class{border: 1px solid #000;border-radius: 5px;padding: 1% 0 2% 2%;font-size: 20px;font-weight: bold;}
.table_class2{border: 1px solid #000;font-size: 15px;font-weight: bold;padding: 0.5% 0.5% 0.5% 1%;}
.new_img_add img{width:100%;}
.go-top {
position: fixed;
bottom: 50px;
left: 50px;
display: block;
z-index: 200;
color: #000;
/*background: url("../images/down.png") no-repeat scroll 0 0 transparent;
height: 80px;
width: 80px;*/
font-size: 20px;
}
.gotobottom{
width: 137px;
margin-top: 3px;
margin-left: 30px;
background: #000;
padding: 5px;
color: #fff;
display:none;}
.gotobottom:hover{cursor:pointer;}
.new_img_add{background-image: url("../images/bg_3.jpg");}
/* CSS3 STYLE GENERIC */
.view {
   width: auto;
   height: auto;
   margin: 0 0 0 10px;
   float: left;
   border: 2px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
   cursor: default;
}
.view .mask, .view .content {
   width: auto;
   height: auto;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view a.info {
   background:url(../img/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:20px;
   height:20px;
}
/* CSS3 EFFECTS */
/* FIFTH EFFECTS */
.effect img {
   opacity:1;
   -moz-transform:scale(1,1);
   -webkit-transform:scale(1,1);
   -o-transform:scale(1,1);
   -ms-transform:scale(1,1);
   transform:scale(1,1);
   -webkit-transition: all 0.2s ease-in;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -ms-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
}
.effect .mask {
   opacity:0;
   overflow:visible;
   border-style:solid;
   border-width:180px;
   width:0;
   height:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
   transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out;
}
.effect a.info {
	opacity:0;
   -moz-transform:translateY(-125px);
   -webkit-transform:translateY(-125px);
   -o-transform:translateY(-125px);
   -ms-transform:translateY(-125px);
   transform:translateY(-125px);
   -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.3s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover img {
	opacity:0.7;
   -moz-transform:scale(2,2);
   -webkit-transform:scale(2,2);
   -o-transform:scale(2,2);
   -ms-transform:scale(2,2);
   transform:scale(2,2);
}
.effect:hover .mask {
   opacity: 0.7;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.effect:hover a.info {
	opacity:1;
   -moz-transform:translateY(100px);
   -webkit-transform:translateY(100px);
   -o-transform:translateY(100px);
   -ms-transform:translateY(100px);
   transform:translateY(100px);
}
.client-logo{display: none;}
.product_gallery_new_style{width:100%; text-align:center; margin-top:1%;}
.product_gallery_new_style a{color:#c21618; font-weight:bold; font-size:25px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.playground-style{font-weight:bold;}
.playground-style a{font-weight:bold; color:#DD4549; font-size:18px;}
.playground-style a:hover{font-weight:bold; color:#000;}

.clear {clear:both;}

#portfolio {clear:both;}
#portfolio .box {width:31%; margin:1%; float:left;}

.package_con { width:100%; height:220px; position:relative; overflow:hidden; display:inline-block; background:#444;}
.package_img img img {height:200px; width:100%;}
.package_details { width:100%; height:220px; background:url(../images/alpha60.png) top left repeat; position:absolute; top:165px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease; text-align:left; left:0;}
.package_details:focus {top:0;text-decoration:none;}
.package_con:hover .package_details {top:0;text-decoration:none;}


.package_details .icons-gallery {width:110px; margin:0px auto; position:relative; top:30%;}
.package_details .icons-gallery a {background:#000; display:block; float:left; padding:12px 13px; border-radius:30px; margin:0px 2px;}
.package_details .icons-gallery a:hover {background:#da3c3d;}

.package_details .bk_nw_price{background-color: #01426c; border: 2px solid #014c7d; bottom:30px;color: #FFF; font-size:12px; height: auto; right: 10px; padding: 5px 25px 5px 10px;position: absolute;width: auto;z-index: 20;line-height: 14px;}
.package_details h4 {font-size:18px;  color:#FFF; padding:0 10px; margin:8px 0 5px 0; text-align:center;}



#gallery-details {clear:both; padding-bottom:20px;}
#gallery-details .left {float:right; width:35%;}
#gallery-details .left img {width:100%;}

#gallery-details .right {float:left; width:58%;}
#gallery-details .right h3 {font-size:32px; padding-bottom:10px; font:"Raleway",sans-serif;}
#gallery-details .right p {padding-bottom:15px; line-height:22px; font-size:14px; color:#333333;}
#gallery-details .right ul {margin:10px 0px 0px 0px; padding:0px;}
#gallery-details .right ul li { border-top:1px solid #ccc; line-height:35px;}


.width-ul {width:2000px!important; margin-top:0px!important;}

.best-sales-slider {
	position: relative;
 	width: 100%;
	padding: 0px;
 	display: inline-block;
}
.button-tab {display:block; text-align:center; padding-top:10px;}
.button-tab a {text-decoration:none; padding:0px!important;}
.button-tab img {width:20px!important; padding:0px!important; margin:0px!important;}
.button-tab .left-button {float:left; width:52px; padding-top:45px; position:absolute; z-index:99999999; margin-left:-20px;}
.button-tab .right-button {float:right; width:52px; margin-left:950px; margin-top:45px; position:absolute; z-index:99999999}
.button-tab .left-button img, .button-tab .right-button img {width:50px!important;}


.best-sales-slider ul li { float:left; margin:0 5px; width:261px!important;}




.
#recent-works {clear:right;}
#recent-works marquee {margin:0px; padding:0px; height:360px; width:100%; clear:both; overflow:hidden;}
#recent-works .box {width:300px; float:left; margin:1%;}
#recent-works .box img {width:100%; height:200px;}
#recent-works h4 {font-size:13px; font-weight:normal; color:#FF3300; padding:10px 0px; margin:0px; text-transform:uppercase;}
#recent-works h3 {font-size:16px; font-weight:normal; text-transform:uppercase; padding-bottom:10px; margin:0px;}
#recent-works p {font-size:12px; line-height:20px;}