@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:800,700,400);
@import url(http://fonts.googleapis.com/css?family=Signika:400,600);
/* Reset */ ul { list-style: none;} .figure { margin: 0px; }img { max-width: 100%; }a, a:hover, a:active { outline: 0px !important;}.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }.clearfix:before,.clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }.clearfix:after { clear: both; }/* Styles */body { background: #fff; font-family:'Lato','Open Sans', sans-serif; font-size: 14px; font-weight: normal; color: #888888; margin: 0; }h2 { font-size:38px; color:#333333; font-family:'Lato','Raleway', sans-serif; font-weight:normal; margin: 20px 0 25px 0; text-align:center; text-transform:none; }h5 { font-family:'Lato','Raleway',Helvetica,Arial,sans-serif; font-size:16px; color:#fff; background-color:#999; text-align:center; margin:10px; padding:5px; border-radius:3px; }h3 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #535151; font-size: 18px; margin: 0 0 5px 0; }h6 { font-size: 16px; color: #888888; font-family: 'Lato','Open Sans', sans-serif; font-weight: 400; text-align: center; margin: 0 0 60px 0; }p { line-height:24px; margin:0; text-align: justify; }/* text colors */.red {color: #df0031;}.green {color: #34d293;}.blue {color: #2e5a6d;}.yellow {color: #f3d970;}.dark {color: #404040;}.white {color: #ffffff;}/* background colors */.back-red {background-color: #df0031; border: 1px solid; border-radius:3px;}.back-green {background-color: #34d293; border: 1px solid; border-radius:3px;}.back-blue {background-color: #2e5a6d; border: 1px solid; border-radius:3px;}.back-yellow {background-color: #f3d970; border: 1px solid; border-radius:3px;}.back-dark {background-color: #404040; border: 1px solid; border-radius:3px;}.back-white {background-color: #ffffff; border: 1px solid; border-radius:3px;}/* Header Styles  */#header_wrapper { background: #ffffff; padding: 8px 0px; }.header_box { position:relative; }.logo { float:left; margin-top:8px; position:relative; z-index:2; }.res-nav_click { display:none; }/* Nav Styles */.navbar-inverse { background-color: transparent; border-color: transparent; }.navbar { border: 0px solid #fff; min-height: 40px; margin-bottom: 0px; }.navbar-inverse .navbar-nav > li > a { color: #222; }.navStyle { float: right; }.navStyle ul { list-style: none; padding: 0px; }.navStyle ul li { display: inline-block; margin: 0 5px; }.navStyle ul li:first-child { /*margin:0px;*/; }.navStyle ul li:last-child { margin: 0 0 0 23px; }.navStyle ul li a { display: block; font-size: 13px; font-weight: 400; color: #222222; font-family: 'Raleway', sans-serif; text-decoration: none; text-transform: none;     transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }.navStyle ul li a:hover { color: #df0031; }.navStyle > li > a:hover, .nav > li > a:focus { text-decoration: none; color: #df0031; background-color: transparent; }.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #df0031; background-color: transparent; }.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav >     .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #df0031; background-color: transparent; border-bottom:3px solid; }.navStyle > li.active > a,.navStyle > li.active > a:hover { text-decoration: none; color: #df0031; background-color: transparent; }.borderLeft { border-left: 1px solid #DADADA; }.borderTop { margin-top: 30px; border-top: 1px solid #DADADA; }.mrgTop { margin-top: 30px; }/* Top_content */.top_cont_outer { background:#000; position:relative;}.hero_section { position: relative; padding-top: 50px; }.white_pad { position: relative; right: 0px; bottom: 0px; }.white_pad img { position: absolute; right: 0px; bottom: 0px; }.top_left_cont { padding: 110px 0; }.top_left_cont h3 { font-size:16px; color:#f56eab; margin:0 0 20px 0; text-align:left; font-weight:700; }.top_left_cont h2 { font-size:40px; color:#df0031; line-height:52px; margin:0 0 26px 0; font-family:'Raleway',sans-serif; text-align:left; text-transform:uppercase; }.top_left_cont h2 strong { font-weight: 700; }.top_left_cont p { font-size:16px; color:#fff; margin:0 0 30px 0; line-height:26px; }a.read_more2 { font-family:'Raleway',sans-serif; display:block; font-size:16px; width:178px; height:46px; line-height:46px; border-radius:3px; text-align:center;    text-transform:none; font-weight: 600; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;    background:transparent; color:#fff; border:1px solid #fff; }a.read_more2:hover { background:#fff; color:#df0031; border:1px solid #fff; }/* Animation Timers */.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }.delay-03s { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }.delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }.delay-07s { animation-delay: 0.7s; -webkit-animation-delay: 0.7s; }.delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }.delay-09s { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }.delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }/*--  About Us --*/.about_wrapper { padding:40px 0 20px;}.about-us {	color:#333; text-align:right; font-weight:300; font-size:57px; }.expertise {background-color:#888888;border-radius:4px;background:rgb(235, 232, 232);margin-top:25px;margin-bottom:50px;padding-bottom:15px;}.expertise-header {font-size:30px;color:#FFF; text-align:center;background-color:#2e5a6d ; height:57px;line-height:57px;border-top-left-radius: 4px;border-top-right-radius:4px;}.expertise ul li {font-size:16px;color:#333;padding-top:10px;padding-bottom:10px;width:100%;margin:auto;border-bottom:1px dotted #dadada;}.expertise ul li small {font-size:11px;color:#999;}/* Services */#service { padding: 60px 0px; background: #EFEFEF; }.service_wrapper { padding: 40px 0 40px; }.service_section { }.service_block { text-align:center; padding-left:15px; padding-right:15px; }.service_icon { border:4px solid #666; border-radius:50%; width:90px; height:90px; margin:0px auto 25px; }.service_icon.icon1 { border:4px solid #2e5a6d; }.service_icon.icon2 { border:4px solid #f3d970; }.service_icon.icon3 { border:4px solid #34d293; }.service_icon.icon4 { border:4px solid #df0031; }.service_icon span { background:transparent; border-radius:50%; display:block; height:100%; width:100%; }.service_icon i { font-size:40px; margin-top:0; position:relative; top:20px; z-index:20; }.service_block h3 { font-family:'Raleway', sans-serif; font-weight:600; font-size:18px; margin:35px 0 18px;} .service_block p { font-size:14px; color:#888888; margin:0px; text-align: justify;} /* Clients */.client { font-size:24px; font-family:'Lato','Raleway', sans-serif; color:#fff }.client_logos { background: #2e5a6d; padding: 60px 0; margin-top: 60px; }.client_logos ul { padding: 0; margin: 0; list-style: none; text-align: center; }.client_logos ul li { display: inline; margin: 0 25px; }.client_logos ul a { display: inline-block; margin: 0 20px; }/* Portfolio */#Portfolio {padding: 60px 0px; }.Portfolio-nav { padding: 0; margin: 0 0 45px 0; list-style: none; text-align: center; }.Portfolio-nav li { margin: 0 10px; display: inline; }.Portfolio-nav li a {    display: inline-block;padding: 10px 22px; font-size: 12px; line-height: 20px; color: #222222; border-radius: 4px; text-transform: uppercase;    background: #f7f7f7; margin-bottom: 5px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }.Portfolio-nav li a:hover { background: #df0031; color: #fff; text-decoration: none; }.portfolioContainer { margin: 0 auto; padding-left: 15px; width: auto !important; }.Portfolio-box { text-align: center; width: 350px; overflow: hidden; float: left; padding: 12px 0px; }.Portfolio-box img { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }.Portfolio-box img:hover { opacity: 0.6; }.Portfolio-nav li a.current { background: #df0031; color: #fff; text-decoration: none; }img { max-width: 100%; }/* no transition on .isotope container */.isotope .isotope-item {  /* change duration value to whatever you like */    -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s;}.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }.page_section.paddind { padding-bottom: 60px; }.container.portfolio_title { padding-bottom: 0px; }#portfolio { padding: 60px 0 40px; }/* Portfolio Filters */ #filters { margin-top: 10px; margin-bottom: 40px; text-align: center; display: block; float: none; z-index: 2; position: relative; }#filters ul li { display: inline-block; margin: 0 5px; }#filters ul li a { display: block; }#filters ul li a h5 { background: none repeat scroll 0 0 #f7f7f7; border-radius: 4px; display: inline-block; font-size: 12px; line-height: 20px; margin-bottom: 5px;    padding: 10px 22px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; background: #fff; border: #C2C2C2 solid 1px; color: #7C7C7C; }#filters ul li a:hover h5, #filters ul li a.active h5 { background: #fff; color: #df0031; text-decoration: none; border: #df0031 solid 1px; }.section-title h2 { color: #222222;font-family: 'Raleway', sans-serif;font-size: 34px;letter-spacing: -1px;margin: 0 0 15px;text-align: center; text-transform: none; }.section-title span { display: block; color: #888888; font-family: 'Open Sans',sans-serif; font-size: 16px; font-weight: 400; margin: 0 0 60px; text-align: center; }/* Portfolio Items */   #portfolio_wrapper {position: relative; padding: 0; width: 100%; margin: 0 auto; display: block; }#portfolio_wrapper .one-four { margin: 0!important; line-height: 0; width: 25%; padding: 0; position: relative; }.portfolio-item { padding: 0; position: relative; overflow: hidden; }.portfolio-item .portfolio_img { overflow: hidden; display: block; position: relative; }.portfolio-item .portfolio_img img { width: 100%; height: auto; }.portfolio-item:hover .item_overlay { opacity: 1; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s;      -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; }.portfolio-item:hover { opacity:1; -webkit-transition:opacity .1s .2s; -moz-transition:opacity .1s .2s; -ms-transition:opacity .1s .2s;     -o-transition:opacity .1s .2s; transition:opacity .1s .2s; }    /* Portfolio Isotope Transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s;  -o-transition-duration: 0.8s; transition-duration: 0.8s; }.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width;    -o-transition-property: height, width; transition-property: height, width;}.isotope .isotope-item {    -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity;    -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {    -webkit-transition-duration: 0s;  -moz-transition-duration: 0s;  -ms-transition-duration: 0s;  -o-transition-duration: 0s; transition-duration: 0s; }/* Portfolio Expander */    #project_container { display: none; background-color: #FFF; }#project_data { margin-bottom: 0px; } /* Contact */.page_section.contact { padding: 90px 0 70px; }.contact_section {  margin: 0 0 60px 0; }.contact_section h2 { font-size: 40px; color: #ffffff; margin: 0 0 50px 0; text-transform: none; }.contact_block { text-align: center; }.contact_block_icon { border-radius: 50%; height: 85px; width: 85px; margin: 0px auto 20px; }.contact_block_icon.icon2 { border-color: #df0031; }.contact_block_icon.icon3 { border-color: #49b5e7; }.contact_block_icon span { background: none repeat scroll 0 0 #f56eab; border: 5px solid #fff; border-radius: 50%; display: block; height: 100%;width: 100%; }.contact_block_icon.icon2 { border-color: #df0031; }.contact_block_icon.icon2 span { background: #df0031; }.contact_block_icon.icon3 { border-color: #49b5e7; }.contact_block_icon.icon3 span { background: #49b5e7; }.contact_block_icon i {color: #fff; font-size: 36px; margin-top: 0; position: relative; top: 26px; z-index: 20; }.contact_block span { display: block; font-size: 16px; color: #ffffff; line-height: 20px; }.contact_block span a { display: block; font-size: 16px; color: #ffffff; line-height: 20px; }.contact_info { font-size: 15px; margin: 0 0 0 20px; padding-left: 0; }.contact_info  h3 { font-size: 24px; font-weight: 600; margin: 0 0 30px; color: #fff; }.contact_info p { line-height: 28px; display: block; font-size: 16px; color: #ffffff; margin: 0 0 30px; } .form { margin: 0 66px 0 30px; }.input-text { padding: 15px 16px; border: 1px solid #ccc; width: 100%; height: 50px; display: block; border-radius: 4px; font-size: 15px; color: #aaa; margin: 0 0 15px 0;    transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}.input-text:focus { border: 1px solid #fff; outline: 0;    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(124, 197, 118, 0.3);}.input-text.text-area {height: 230px; resize: none; overflow: auto; }.input-btn { width: 175px; height: 50px; letter-spacing: 0px; background: #df0031; border-radius: 3px; color: #ffffff; font-size: 16px; text-transform: none;    font-weight: 600; border: 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }.input-btn:hover { background: #fff; color: #222; }a.contact_btn { background: #fff; text-transform: none; display: block; width: 176px; height: 49px; text-align: center; line-height: 49px; font-size: 16px; color: #df0031;   border-radius: 3px; font-family: 'Raleway', sans-serif; font-weight: 600; border: 2px solid #df0031; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;    -webkit-transition: all 0.2s ease-in-out;}a.contact_btn:hover { background: #df0031; color: #fff; }.input-text { background: transparent; }/* Footer */.footer_wrapper { background: #000;}.footer_bottom { border-top: 1px solid #3C3A3A; padding: 25px 0;}.footer_bottom span { display: block; font-size: 14px; color: #cccccc; text-align: right; }.footer_bottom span a { display: inline-block; color: #df0031; font-size: 16px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }.footer_bottom span a:hover { color: #fff; }/* Media Queries  */@media (min-width: 768px) {  }@media (max-width: 768px) {     p { font-size:14px; }    .hero_section { position: relative; padding-top: 10px; }    .top_left_cont { padding: 38px 0;}    .top_left_cont h2 { font-size:25px; color:#df0031; line-height:39px; margin:0 0 9px 0; text-transform: uppercase;}    .inner_section { padding: 20px 0 20px; }    #aboutUs img{ margin-bottom:20px; }    #aboutUs h3{ ont-size:16px; ine-height:22px; }    .service_block h3 { font-size: 16px; }    .service_block p { font-size: 14px; margin: 0px; margin-bottom: 20px; }    #filters ul{ padding-left:0px;}    .form { margin: 0 18px; }    .page_section.team{ padding: 40px 0; }    , #clients { padding: 40px 0; }    .client_logos ul li { display: inline; margin: 0 25px; padding: 11px 0; display: inline-block; }    .social_links li { float: left; }    .contact_section{ margin:0; }    h2, .contact_section h2 { font-size: 30px; }    .page_section.contact { padding: 60px 0 50px; }     .navbar-inverse .navbar-toggle .icon-bar{ background:#df0031; }    .navbar-inverse .navbar-toggle { border-color: transparent; }    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:none; outline: none; }    .navStyle ul li { display: block; }    .navStyle { float:right; width:100%; text-align:center; }    .navStyle ul li:last-child { margin: 0px; }    .navbar-inverse .navbar-nav > li > a { color: #404040;background: #F9F9F9; }} @media (max-width: 480px) {     .team_area { width: 99%; }}